html, body, main, ul, li, ol, p, article, aside, menu, nav, header, footer, h1, h2, h3, h4, h5, a, p, div {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  color: inherit;
  font-family: 'Dokdo',sans-serif;
}

img {
  vertical-align: bottom;
}

.flex-start {
  justify-content: flex-start;
}

.center {
  justify-content: center;
}

.flex-end {
  justify-content: flex-end;
}

.wrap {
  flex-wrap: wrap;
}

.nowrap {
  flex-wrap: nowrap;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.grid-1 {
  width: calc(100% / 12 * 1);
}

.grid-2 {
  width: calc(100% / 12 * 2);
}

.grid-3 {
  width: calc(100% / 12 * 3);
}

.grid-4 {
  width: calc(100% / 12 * 4);
}

.grid-5 {
  width: calc(100% / 12 * 5);
}

.grid-6 {
  width: calc(100% / 12 * 6);
}

.grid-7 {
  width: calc(100% / 12 * 7);
}

.grid-8 {
  width: calc(100% / 12 * 8);
}

.grid-9 {
  width: calc(100% / 12 * 9);
}

.grid-10 {
  width: calc(100% / 12 * 10);
}

.grid-11 {
  width: calc(100% / 12 * 11);
}

.grid-12 {
  width: calc(100% / 12 * 12);
}

@media screen and (min-width: 375px) {
  .ds-none {
    display: none;
  }
  .ds-block {
    display: block;
  }
  .ds-inline {
    display: inline;
  }
  .ds-inline-block {
    display: inline-block;
  }
  .ds-flex {
    display: flex;
  }
  .grid-s-1 {
    width: calc(100% / 12 * 1);
  }
  .grid-s-2 {
    width: calc(100% / 12 * 2);
  }
  .grid-s-3 {
    width: calc(100% / 12 * 3);
  }
  .grid-s-4 {
    width: calc(100% / 12 * 4);
  }
  .grid-s-5 {
    width: calc(100% / 12 * 5);
  }
  .grid-s-6 {
    width: calc(100% / 12 * 6);
  }
  .grid-s-7 {
    width: calc(100% / 12 * 7);
  }
  .grid-s-8 {
    width: calc(100% / 12 * 8);
  }
  .grid-s-9 {
    width: calc(100% / 12 * 9);
  }
  .grid-s-10 {
    width: calc(100% / 12 * 10);
  }
  .grid-s-11 {
    width: calc(100% / 12 * 11);
  }
  .grid-s-12 {
    width: calc(100% / 12 * 12);
  }
}
@media screen and (min-width: 768px) {
  .dm-none {
    display: none;
  }
  .dm-block {
    display: block;
  }
  .dm-inline {
    display: inline;
  }
  .dm-inline-block {
    display: inline-block;
  }
  .dm-flex {
    display: flex;
  }
  .grid-m-1 {
    width: calc(100% / 12 * 1);
  }
  .grid-m-2 {
    width: calc(100% / 12 * 2);
  }
  .grid-m-3 {
    width: calc(100% / 12 * 3);
  }
  .grid-m-4 {
    width: calc(100% / 12 * 4);
  }
  .grid-m-5 {
    width: calc(100% / 12 * 5);
  }
  .grid-m-6 {
    width: calc(100% / 12 * 6);
  }
  .grid-m-7 {
    width: calc(100% / 12 * 7);
  }
  .grid-m-8 {
    width: calc(100% / 12 * 8);
  }
  .grid-m-9 {
    width: calc(100% / 12 * 9);
  }
  .grid-m-10 {
    width: calc(100% / 12 * 10);
  }
  .grid-m-11 {
    width: calc(100% / 12 * 11);
  }
  .grid-m-12 {
    width: calc(100% / 12 * 12);
  }
}
@media screen and (min-width: 1024px) {
  .dl-none {
    display: none;
  }
  .dl-block {
    display: block;
  }
  .dl-inline {
    display: inline;
  }
  .dl-inline-block {
    display: inline-block;
  }
  .dl-flex {
    display: flex;
  }
  .grid-l-1 {
    width: calc(100% / 12 * 1);
  }
  .grid-l-2 {
    width: calc(100% / 12 * 2);
  }
  .grid-l-3 {
    width: calc(100% / 12 * 3);
  }
  .grid-l-4 {
    width: calc(100% / 12 * 4);
  }
  .grid-l-5 {
    width: calc(100% / 12 * 5);
  }
  .grid-l-6 {
    width: calc(100% / 12 * 6);
  }
  .grid-l-7 {
    width: calc(100% / 12 * 7);
  }
  .grid-l-8 {
    width: calc(100% / 12 * 8);
  }
  .grid-l-9 {
    width: calc(100% / 12 * 9);
  }
  .grid-l-10 {
    width: calc(100% / 12 * 10);
  }
  .grid-l-11 {
    width: calc(100% / 12 * 11);
  }
  .grid-l-12 {
    width: calc(100% / 12 * 12);
  }
}
@media screen and (min-width: 1366px) {
  .dxl-none {
    display: none;
  }
  .dxl-block {
    display: block;
  }
  .dxl-inline {
    display: inline;
  }
  .dxl-inline-block {
    display: inline-block;
  }
  .dxl-flex {
    display: flex;
  }
  .grid-xl-1 {
    width: calc(100% / 12 * 1);
  }
  .grid-xl-2 {
    width: calc(100% / 12 * 2);
  }
  .grid-xl-3 {
    width: calc(100% / 12 * 3);
  }
  .grid-xl-4 {
    width: calc(100% / 12 * 4);
  }
  .grid-xl-5 {
    width: calc(100% / 12 * 5);
  }
  .grid-xl-6 {
    width: calc(100% / 12 * 6);
  }
  .grid-xl-7 {
    width: calc(100% / 12 * 7);
  }
  .grid-xl-8 {
    width: calc(100% / 12 * 8);
  }
  .grid-xl-9 {
    width: calc(100% / 12 * 9);
  }
  .grid-xl-10 {
    width: calc(100% / 12 * 10);
  }
  .grid-xl-11 {
    width: calc(100% / 12 * 11);
  }
  .grid-xl-12 {
    width: calc(100% / 12 * 12);
  }
}

/*------------------------------
	Fade
------------------------------ */
.js-fade {
	opacity: .05;
	transition: 1s .3s;
}
.js-fade.BtoT {
	transform: translateY(20px);
}
.js-fade.TtoB {
	transform: translateY(-20px);
}
.js-fade.RtoL {
	transform: translateX(40px);
}
.js-fade.LtoR {
	transform: translateX(-40px);
}
.delay-100 {
	animation-delay: .1s;
	transition-delay: .1s;
}
.delay-200 {
	animation-delay: .2s;
	transition-delay: .2s;
}
.delay-300 {
	animation-delay: .3s;
	transition-delay: .3s;
}
.delay-400 {
	animation-delay: .4s;
	transition-delay: .4s;
}
.delay-500 {
	animation-delay: .5s;
	transition-delay: .5s;
}
.delay-600 {
	animation-delay: .6s;
	transition-delay: .6s;
}
.delay-700 {
	animation-delay: .7s;
	transition-delay: .7s;
}
.delay-800 {
	animation-delay: .8s;
	transition-delay: .8s;
}
.delay-900 {
	animation-delay: .9s;
	transition-delay: .9s;
}
.delay-1000 {
	animation-delay: 1s;
	transition-delay: 1s;
}


/* mv
---------------------------------------------- */
.mv_tit_1 {
	transition : opacity 1.2s 0.1s;
	-ms-transition : opacity 1.2s 0.1s;
	-moz-transition : opacity 1.2s 0.1s;
	-webkit-transition : opacity 1.2s 0.1s;
	opacity: 0;
}
.mv_tit_1.is_show {
	opacity: 1;
}
.mv_tit_2.is_lightON {
    -webkit-animation: lightON 4s linear 0s forwards;
    animation: lightON 4s linear 0s forwards;
}
@keyframes lightON {
    0%{
        opacity: 0;
	}
	1%{
        opacity: 0.4;
    }
	2%{
        opacity: 0.4;
    }
	3%{
        opacity: 0;
    }
	10%{
        opacity: 0;
    }
	11%{
        opacity: 0.4;
    }
	12%{
        opacity: 0.1;
    }
	13%{
        opacity: 0.4;
    }
	14%{
        opacity: 0;
    }
	25%{
        opacity: 0;
    }
	35%{
        opacity: 1.2;
    }
	36%{
        opacity: 1.2;
    }
    100%{
        opacity: 0;
    }
}
@-webkit-keyframes lightON {
    0%{
        opacity: 0;
	}
	1%{
        opacity: 0.4;
    }
	2%{
        opacity: 0.4;
    }
	3%{
        opacity: 0;
    }
	10%{
        opacity: 0;
    }
	11%{
        opacity: 0.4;
    }
	12%{
        opacity: 0.1;
    }
	13%{
        opacity: 0.4;
    }
	14%{
        opacity: 0;
    }
	25%{
        opacity: 0;
    }
	35%{
        opacity: 1.2;
    }
	36%{
        opacity: 1.2;
    }
    100%{
        opacity: 0;
    }
}

/*-------------------------------------------- 
.mv
---------------------------------------------- */

.mv {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
}
.mv_wrap {
	position: relative;
	display: block;
	width: 100%;
}
.mv_tit {
	position: absolute;
	display: block;
	width: 390px;
	height: 360px;
	z-index: 15;
}
.mv_tit_1,
.mv_tit_2,
.mv_tit_3 {
	position: absolute;
	display: block;
	width: 390px;
	height: 360px;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
}
.mv_tit_2 {
	width: 390px;
	height: 360px;
	z-index: 3;
	/* top: -20px; */
  /* opacity: 0.7; */
}
.mv_tit_3 {
	z-index: 1;
	opacity: 0.7;
}
.mv_img_1 {
	display: block;
}

@media screen and (min-width: 375px) {
  /* #mv_tit {
    width: 50%;
  } */
  /* .mv_tit_1,
  .mv_tit_2,
  .mv_tit_3 {
    width: 50%;
  } */
  /* .mv {
    width: 50%;
    height: 50%;
  } */
}

@media screen and (min-width: 751px) {

.mv {
	width: 100%;
	height: 50%;
}
.mv_tit {
	/* top: 57px; */
	left: 0;
}
}

@media screen and (max-width: 750px) {
.mv {
	/* width: 750px; */
	/* height: 1460px; */
  width: 100%;
  height: 100%;
}
.mv_tit {
	/* top: 58px; */
	left: -14px;
}
.mv_img_1 {
	position: relative;
	display: block;
	/* width: 1513px; */
	margin-top: 0;
  /* margin-left: calc(50% - 1513px/2); */
}
}