@media screen and (min-width: 768px) {
	br.responsive {
		display: none;
	}
	/* font size */
	h1 {
		font-size: 3rem;
	}
	.content h2 {
		font-size: 2rem;
	}
	.slider_time {
		font-size: 1.6rem;
	}
	.multipic > div > span {
		font-size: 1.2em;
	}

	/* header */
	.menu {
		height: 100px;
		font-size: 1rem;
		line-height: 50px;
		padding: 0 40px 0 15px;
	}
	.menu.small {
		height: 50px;
	}

	.menu .logo {
		height: 75%;
	}
	
	.menu.small .logo {
		height: 100%;
	}

	.menu ul {
		width: auto;
		float: right;
		height: 100%;
		margin-top: 0;
		padding-bottom: 0px;
		transform: translateX(0);
	}
	.menu ul li {
		display: inline-block;
		line-height: 100px;
	}
	.menu.small ul li {
		line-height: 50px;
	}

	.menu_btn {
		display: none;
	}

	/* creature img*/
	.creature_box {
		width: 100%;
	}
	#cr_group1 {
		bottom: 10%;
	}
	#cr_group2 {
		left: 0;
	    bottom: 10%;
	}
	/* split */
	.row > div {
		display: inline-block;
		vertical-align: top;
	}
	.row .w1 {
		width: 8.3%;
	}
	.row .w2 {
		width: 16.6%;
	}
	.row .w3 {
		width: 25%;
	}
	.row .w4 {
		width: 33%;
	}
	.row .w5 {
		width: 41%;
	}
	.row .w6 {
		width: 49.5%;
	}
	.row .w7 {
		width: 58%;
	}
	.row .w8 {
		width: 66.6%;
	}
	
	/* video */
	.video {
		width: 30%;
		display: inline-block;
		margin-right: 4%;
		vertical-align: top;
	}
	.video:nth-of-type(3n) {
		margin-right: 0;
	}
	.middle div {
		vertical-align: middle;
	}
	
	/* picline */
	.picline {
		padding: 40px 0;
	}

	.picline > div {
		width: 21%;
		margin-bottom: 0;
	}

	.picline > div:first-of-type {
		margin-left: 1.5%;
	}

	.picline > div + div {
		margin-left: 4%;
	}

	/*timeline*/
	.timeline_scroll {
		position: absolute;
		min-height: 320px;
	}
	.tl_desc {
		padding: 0 20px 0 20px;
	}
	.tl_desc > div {
		opacity: 0.1;
	}
	.tl_desc > div.active {
		opacity: 1;
	}
	.timeline_fixed > div {
		padding-top: 39%;
	}
	.timeline_fixed > div > div {
		position: absolute;
		height: 100%;
	}
	.tl_year {
		height: 100%;
		top: 0;
		width: auto;
	}
	.row > div.tl_year {
		display: none;
	}
	.timeline_linear_top {
		display: none;
	}
	.tl_map .scroll_hint {
	    right: 20px;
	}
	/* qa */
	.QAtitle h2 {
		font-size: 1.8em;
	}
	.parallax-window .QAtalk {
		margin-top: 0;
	}
	.QAcontent .row + .row .QAtalk {
		margin-top: 0;
	}
	.QAtalk > li {
		text-align: left;
	}
	.QAcontent .row div + div .QAtalk > li {
		text-align: right;
	}
	.QAvideo {
		margin: 50px auto;
	}
	#qa1-1 { transition-delay: 0.3s; }
	#qa1-2 { transition-delay: 0.4s; margin-right: 80%; margin-left: -10%; }
	#qa1-3 { transition-delay: 0.5s; }
	#qa1-4 { transition-delay: 0.6s; margin-right: 100%; margin-left: -25%; }

	#QA2 .row + .row { }
	#qa2-video { margin-top: 100%;}
	#qa2-img { margin: 0 auto; }
	#qa2-1 { }
	#qa2-2 { margin-right: 30%; }
	#qa2-3 { }
	#qa2-4 { }
	#qa2-5 { }
	#qa2-6 { margin-left: 20%; }
	#qa2-7 { margin-left: 10%; }

	#QA3 { padding-top: 300px; }
	#qa3-video {}
	#qa3-img {}
	#qa3-1 { }
	#qa3-2 { }
	#qa3-3 { }
	#qa3-4 { }

	
	#QA4 .QAcontent { padding-top: 160px; }
	#qa4-1 { transition-delay: 0.3s; }
	#qa4-2 { transition-delay: 0.4s; margin-right: 100%; margin-left: -70%; }
	#qa4-3 { transition-delay: 0.5s; }
	#qa4-4 { transition-delay: 0.9s; }
	#qa4-5 { transition-delay: 1.0s; margin-right: 100%; margin-left: -70%; }
	#qa4-6 { transition-delay: 1.1s; }
	#qa4-7 { transition-delay: 1.2s; }

}

@media screen and (min-width: 960px) {
	.menu .logo > a:first-of-type {
		display: inline;
	}
	.tl_desc {
		padding: 0 20px 0 10%;
	}
	.row > div.tl_year {
		display: inline-block;
	}
}