@media screen and ( max-width: 1680px ) {
	
	.section-1 .stick-1 { left: 5vw; }
	.section-1 .stick-2 { left: 12vw; }
	.section-1 .stick-3 { left: 4vw; }
	.section-1 .stick-4 { right: 18vw; }
	.section-1 .stick-5 { right: 7vw; }
	.section-1 .stick-6 { right: 19vw; }

}

@media screen and ( max-width: 1440px ) {

	.section-1 .kv-movie { top: 45%; width: 500px; }

	.kv-movie .letter-m img { width: 250px; }
	.kv-movie .letter-o { width: 200px; height: 200px; }
	.kv-movie .letter-v img { width: 183px; }
	.kv-movie .letter:nth-child(4) img { width: 32px; }
	.kv-movie .letter-e img { width: 153px; }

	.section-1 .arrow-bottom { height: 100px; }
	.section-1 .arrow-bottom img { position: relative; height: 80px; }
	
	.section-1 .stick-1 { left: 0vw; width: 100px; }
	.section-1 .stick-2 { left: 7vw; width: 250px; }
	.section-1 .stick-3 { left: -1vw; width: 240px; }
	.section-1 .stick-4 { right: 13vw; width: 250px; }
	.section-1 .stick-5 { right: 2vw; width: 180px; }
	.section-1 .stick-6 { right: 14vw; width: 140px; }

	figure { transform: translate(0, -50%) scale(0.65); }

	.body-animation section.fp-completely.contacts .stick-2 { width: 300px; }
}

@media screen and ( max-width: 1280px ) {

	header { padding: 45px 30px 0; }

	section { padding: 0 30px; }

	.container { width: 100%; }

	.container > div { padding-left: 30px; }

	.section-1 .stick-1 { left: -100vw; }
	.section-1 .stick-2 { left: -1vw; width: 300px; }
	.section-1 .stick-3 { left: -13vw; width: 280px; }
	.section-1 .stick-4 { right: 13vw; width: 280px; }
	.section-1 .stick-5 { right: -10vw; width: 200px; }
	.section-1 .stick-6 { right: 15vw; width: 160px; }

}

@media screen and ( max-width: 1024px ) {

	.kv-movie,
	figure {
		display: none;
	}

	.section-25 .arrow-bottom {
		display: none;
	}

	#anchor-top { right: 20px; width: 40px; height: 40px; display: block}

	video {
		/*object-fit: fill;
    	object-position: initial;
   	    height: auto;*/
   	    position: relative;
   	    margin-bottom: -10px;
	}

	.section-2-5 {
		min-height: 0px;
		height: auto;
	    padding-bottom: 100px;
	    padding-left: 0px;
	    padding-right: 0px;
	}

	.section-12-5 {
		min-height: 0px;
		height: auto;
		padding-left: 0px;
	    padding-right: 0px;
	}

	.section-18-5 {
		min-height: 0px;
		height: auto;
		padding-left: 0px;
	    padding-right: 0px;
	}

	.section-24-5 {
		min-height: 0px;
		height: auto;
		padding-left: 0px;
	    padding-right: 0px;
	}

	header { padding: 25px 20px 0; }

	#dot-menu { right: 20px; }

	.fullpage { overflow: hidden; }

	section {
		position: relative !important;
		min-height: 1200px;
		z-index: auto;
	}

	.container { padding: 0; }

	.container > div {
		position: absolute;
		top: 70%;
		left: 35%;
		padding: 0;
		width: 45%;
		-webkit-transform: translate(-50%, -50%);
		   -moz-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		     -o-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}

	section .title-white { margin-bottom: 4vh; }

	section h2 span { top: 100px; }

	section p,
	section a {
		margin-bottom: 2vh;
		-webkit-transform: translate(0, 50%);
		   -moz-transform: translate(0, 50%);
		    -ms-transform: translate(0, 50%);
		     -o-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		opacity: 0;
	}

	.title-block p,
	.section-1 .arrow-bottom { transform: translate(0, 0); opacity: 1; }

	section figure.figure-mob {
		display: block;
		top: 30%;
		right: 50%;
		width: auto;
		height: auto;
		transform: translate(50%, -50%);
	}

	figure h3 { bottom: 20%; left: 3vw; }

	/* SECTION-1 */
		.section-1 .kv-movie.kv-mob {
			display: block;
			width: 55%;
			-webkit-transform: translate(-50%, -50%) scale(1);
			   -moz-transform: translate(-50%, -50%) scale(1);
			    -ms-transform: translate(-50%, -50%) scale(1);
			     -o-transform: translate(-50%, -50%) scale(1);
			        transform: translate(-50%, -50%) scale(1);
		}

		.section-1 .kv-movie.kv-mob img { width: 100%; }

		.title-block {
			top: 75%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			   -moz-transform: translate(-50%, -50%);
			    -ms-transform: translate(-50%, -50%);
			     -o-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
		}

		.section-1 .arrow-bottom { bottom: 9vh; height: 90px; }
		.section-1 .arrow-bottom img { transform: translate(0, 0); height: 90px; }

		.section-1 .stick-1 { top: 5%; left: -100%; }
		.section-1 .stick-2 { top: 10%; left: 2%; width: 30%; }
		.section-1 .stick-3 { bottom: 10%; left: -11%; width: 25%; }
		.section-1 .stick-4 { top: 15%; right: 10%; width: 27%; }
		.section-1 .stick-5 { top: 15%; right: -10%; width: 20%; }
		.section-1 .stick-6 { bottom: 15%; right: 12%; width: 17%; }
	/* /SECTION-1 */

	/* SECTION-2 */
		.section-2 small { position: relative; top: 0; }

		.section-2 figure img { width: 100%; }
	/* /SECTION-2 */

	/* SECTION-3 */
		.section-3 figure img { width: 100%; }
		
		.stick-mob {
			display: block;
			top: -5%;
			left: 3%;
			width: 25%;
		}
		.section-3 .stick {
			bottom: -10%;
			right: 0;
			width: 30%;
		}
	/* /SECTION-3 */

	/* SECTION-4 */
		.section-4 figure img { width: 105%; }

		.section-4 .stick { bottom: -5%; left: 5%; width: 50%; }
	/* /SECTION-4 */

	/* SECTION-5 */
		.section-5 figure img { width: 102%; }

		.section-5 .stick { bottom: -10%; left: 55%; width: 30%; }
	/* /SECTION-5 */

	/* SECTION-6 */

		.section-6 figure img { width: 100%; }
	/* /SECTION-6 */

	/* CASES */
		.case-block { padding: 0 20px; }

		.case-text .title-case {
			margin-bottom: 4%;
			padding-bottom: 2%;
		}

		.case-text .title-case .underline { width: 40px; }

		.case-block .case-text { width: 60%; }

		.case-text .title-name { margin-bottom: 4%; }

		section.case-block .case-text p,
		section.case-block .case-text a {
			-webkit-transform: translate(0, 0);
			   -moz-transform: translate(0, 0);
			    -ms-transform: translate(0, 0);
			     -o-transform: translate(0, 0);
			        transform: translate(0, 0);
		}

		.case-text ul { margin-bottom: 3%; }

		.case-text ul li {
			margin-bottom: 2%;
			padding-left: 4%;
		}

		.case-01 { background-image: url("../img/cases/chapter-1/970/01.jpg"); }
		.case-02 { background-image: url("../img/cases/chapter-1/970/02.jpg"); }
		.case-03 { background-image: url("../img/cases/chapter-1/970/03.jpg"); }
		.case-04 { background-image: url("../img/cases/chapter-1/970/04.jpg"); }
		.case-05 { background-image: url("../img/cases/chapter-1/970/05.jpg"); }
		.case-06 { background-image: url("../img/cases/chapter-1/970/06.jpg"); }

		.case-07 { background-image: url("../img/cases/chapter-2/970/01.jpg"); }
		.case-08 { background-image: url("../img/cases/chapter-2/970/02.jpg"); }
		.case-09 { background-image: url("../img/cases/chapter-2/970/03.jpg"); }
		.case-10 { background-image: url("../img/cases/chapter-2/970/04.jpg"); }
		.case-11 { background-image: url("../img/cases/chapter-2/970/05.jpg"); }
		.case-12 { background-image: url("../img/cases/chapter-2/970/06.jpg"); }
		
		.case-13 { background-image: url("../img/cases/chapter-3/970/01.jpg"); }
		.case-14 { background-image: url("../img/cases/chapter-3/970/02.jpg"); }
		.case-15 { background-image: url("../img/cases/chapter-3/970/03.jpg"); }
		.case-16 { background-image: url("../img/cases/chapter-3/970/04.jpg?v=2"); }
		.case-17 { background-image: url("../img/cases/chapter-3/970/05.jpg"); }
		.case-18 { background-image: url("../img/cases/chapter-3/970/06.jpg"); }
	/* /CASES */

	/* CONTACTS */

		.contacts figure img { width: 100%; }
	/* /CONTACTS */

}

@media screen and ( max-width: 800px ) {

	section { min-height: 1000px; }

	.container > div {
		left: 5%;
		width: 60%;
		-webkit-transform: translate(0%, -50%);
		   -moz-transform: translate(0%, -50%);
		    -ms-transform: translate(0%, -50%);
		     -o-transform: translate(0%, -50%);
		        transform: translate(0%, -50%);
	}

	.section-1 .stick-1 { top: 3%; left: -12%; }
	.section-1 .stick-6 { bottom: 15%; right: 10%; }

	.case-block .case-text { width: 75%; }

}

@media screen and ( max-width: 600px ) {

	#anchor-top { width: 30px; height: 30px; }

	/* HEADER */
		header { padding: 15px 15px 0; }

		.body-animation header .logo img { width: 75px; }

		header .social li { margin-left: 30px; }

		header .social li a i { font-size: 22px; }
	/* HEADER */

	/* DOT-MENU */
		#dot-menu { right: 15px; }

		#dot-menu .section-dots ul:nth-child(1) li a { margin-top: 10px; }

		#dot-menu .section-dots ul:nth-child(1) li a,
		#dot-menu .section-dots ul:nth-child(1) li a::before { width: 14px; height: 14px; min-height: 14px; }

		#dot-menu .section-dots ul:nth-child(1) li a::after { margin-top: 0; width: 7px; height: 7px; }

		#dot-menu .section-dots.active-dots ul:nth-child(2) li a {margin: 13px 0; width: 14px; height: 5px; }

		#dot-menu .section-dots.active-dots ul:nth-child(2) li a::before { width: 5px; height: 5px; }
	/* /DOT-MENU */

	/* COMMON */
		section { min-height: 800px;}

		.container > div {
			top: 65%;
			left: 10%;
			width: 70%;
		}

		section figure.figure-mob { width: 70%; }

		.title-block { top: 70%; }

		.title-block p { font-size: 18px; line-height: 18px; }

		section p,
		section a { font-size: 12px; line-height: 12px; }

		section small p { font-size: 10px; line-height: 10px; }

		section h2,
		section h2 span { font-size: 18px; line-height: 18px; }

		figure h3 span { font-size: 14px; line-height: 14px; }
	/* COMMON */

	/* SECTION-1 */
		.section-1 .kv-movie.kv-mob { top: 40%; }

		.section-1 .arrow-bottom { bottom: 15vh; height: 50px; }
		.section-1 .arrow-bottom img { height: 50px; }

		.section-1 .stick-1 { display: none; }
		.section-1 .stick-2 { top: 11%; left: -2%; }
		.section-1 .stick-3 { bottom: 20%; left: -11%; }
		.section-1 .stick-4 { top: 12%; right: 7%; }
		.section-1 .stick-5 { top: 17%; right: -20%; }
		.section-1 .stick-6 { bottom: 22%; right: 7%; }
	/* /SECTION-1 */

	/* CASES */
		.case-block .case-text { width: 80%; }

		.case-text .title-case { padding-bottom: 2%; }

		.case-text .title-case h3 span { font-size: 18px; line-height: 18px; }

		.case-text .title-case .underline { width: 30px; }

		.case-text h2 { font-size: 24px; line-height: 24px; }
		.case-text h2 span { font-size: 24px; line-height: 24px; }

		.case-text h4 { font-size: 18px; line-height: 18px; }

		.case-text p,
		.case-text ul li { font-size: 12px; line-height: 14px; }

		.case-text ul li::before { width: 7px; height: 7px; }

		.case-01 { background-image: url("../img/cases/chapter-1/480/01.jpg"); }
		.case-02 { background-image: url("../img/cases/chapter-1/480/02.jpg"); }
		.case-03 { background-image: url("../img/cases/chapter-1/480/03.jpg"); }
		.case-04 { background-image: url("../img/cases/chapter-1/480/04.jpg"); }
		.case-05 { background-image: url("../img/cases/chapter-1/480/05.jpg"); }
		.case-06 { background-image: url("../img/cases/chapter-1/480/06.jpg"); }

		.case-07 { background-image: url("../img/cases/chapter-2/480/01.jpg"); }
		.case-08 { background-image: url("../img/cases/chapter-2/480/02.jpg"); }
		.case-09 { background-image: url("../img/cases/chapter-2/480/03.jpg"); }
		.case-10 { background-image: url("../img/cases/chapter-2/480/04.jpg"); }
		.case-11 { background-image: url("../img/cases/chapter-2/480/05.jpg"); }
		.case-12 { background-image: url("../img/cases/chapter-2/480/06.jpg"); }
		
		.case-13 { background-image: url("../img/cases/chapter-3/480/01.jpg"); }
		.case-14 { background-image: url("../img/cases/chapter-3/480/02.jpg"); }
		.case-15 { background-image: url("../img/cases/chapter-3/480/03.jpg"); }
		.case-16 { background-image: url("../img/cases/chapter-3/480/04.jpg?v=2"); }
		.case-17 { background-image: url("../img/cases/chapter-3/480/05.jpg"); }
		.case-18 { background-image: url("../img/cases/chapter-3/480/06.jpg"); }
	/* /CASES */

}