/* ------------------------------------------------------------------
 SP（〜600px）
------------------------------------------------------------------ */
@media only screen and (max-width: 600px) {
html,body,.wrapper {
	width: 100%;
	overflow-x: hidden;	
}
	
header h1{
	margin: 0 auto;
	padding: 30px 0;
	max-width: 180px;
}

#wrapper {
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

#top-movie .inner{
	padding: 30px 10px;
}
	
#top-movie.movie_full .inner{
	padding: 30px 10px 20px 10px;
}

#top-movie #news{
	margin: 10px 0 0 0;
	padding: 15px 15px;
}

#top-movie h3{
	flex-basis: 100%;
	width: 100%;
}

#top-movie #news ul{
	flex-basis: 100%;
	width: 100%;
	margin: 10px 0 0 0;
}
#top-movie #news li{
	margin: 0 0 0 0;
}



#top-movie #news li p{
	font-size: 1.4rem;
    line-height: 2.4rem;
}
	
/* top-catch */	
#top-catch{
	background-image: none;
}
#top-catch #catch-text{
	margin: 30px auto 30px;
}

#top-catch #catch-text ul{
	width: 94%;
	margin: 0 auto 20px auto;
}

#top-catch #catch-text li:first-child{
	width: 30%;
	padding-top: calc(209 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
}

#top-catch #catch-text li:nth-child(2){
	width: 30%;
	padding-top: calc(220 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	margin: -8% 3% 0 3%;
}

#top-catch #catch-text li:last-child{
	width: 30%;
	padding-top: calc(206 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
}


#top-catch #catch-text p{
	width: 90%;
	padding-top: calc(178 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
}
	
#top-catch .spec-image ul li{
	width: 100%;
}
#top-catch .spec-image ul li:nth-child(2){
	width: 100%;
}

/* profile */

#profile{
	padding-bottom: 50px;
	max-height: 10000px;
}

#profile .inner{
	top: -30px;
}
	
#profile #profile-text{
	width: 96%;
}
#profile #profile-info{
	width: 96%;
	position: relative;
	top: 0;
}
	
#profile #profile-text .top-text{
	width: 96%;
	margin: 0 auto 30px auto;
	padding-top: calc(232 / 550 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
}
	
#profile #profile-text p{
	width: 96%;
	font-size: 1.6rem;
    line-height: 3.2rem;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#profile #profile-text p strong{
	font-size: 2rem;
}	
#profile #profile-text p strong.block{
	display: inline-block;
}

#profile #profile-info .profile-photo{
	margin: 30px auto 0 auto;
	box-sizing: border-box;
	/*background: url("../images/profile-image.jpg") no-repeat center;
	background-size: contain;
	padding-top: calc(455 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
}

#profile #profile-info .info-text{
	width: 100%;
	max-width: 328px;
}

#profile #profile-info .info-text p{
	font-size: 1.4rem;
    line-height: 2.4rem;
}
	
	
/* human-engineering */
	
#human-engineering{
	background-image: none;
}
	
	
#human-engineering h2{
	margin: -100px auto -30px auto;
	box-sizing: border-box;
	background: url("../images/midashi_humanengineering_sp.png") no-repeat center;
	background-size: contain;
	padding-top: calc(314 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */

}

#human-engineering .top-text h3{
	width: 90%;
	margin: 0 auto;
	font-weight: bold;
	color: #803e25;
	font-size: 2.4rem;
    line-height: 3rem;
}
#human-engineering .top-text h3 span{
}
	
#human-engineering .top-text p{
	width: 90%;
	margin: 30px auto 115px auto;
    font-size: 1.6rem;
    line-height: 3.2rem;
}
	
#human-engineering .top-text p span{
	display: inline;
}

#human-engineering .hikaku h3{
	width: 96%;
	min-height: 128px;
	position: relative;
	top: -65px;
	margin: 0 auto;
	font-size: 1.7rem;
    line-height: 3rem;
	padding: 15px 5px;
}
	
#human-engineering .hikaku h3 span.wide{
	letter-spacing: 0.6rem;
}
	
#human-engineering .hikaku p.kansyu{
	width: 96%;
	margin: 0 auto;
	top: -60px;
	font-size: 1.2rem;
    line-height: 2rem;
}
#human-engineering .hikaku p.kansyu span{
	display: block;
}
	
	
#human-engineering .hikaku h4#midashi-experiment{
	font-size: 2.6rem;
    line-height: 3rem;
	text-align: center;
	margin: 0 0 40px 0;
}
	
#human-engineering p.photo{
	width: 90%;
	margin: 0 auto;
}
#human-engineering p.photo img{
	width: 100%;
}

.yajirushi{
	display: none;
}
.yajirushi_sp{
	display: block;
	text-align: center;
	margin: 20px auto;
}
	
.experiment_01 p{
	font-size: 1.6rem;
	margin: 0 0 20px 0;
}
	
.experiment_hikaku{
	margin: 0 0 30px 0;
}

#human-engineering .experiment_02 p.photo,
#human-engineering .experiment_03 p.photo{
	width: 100%;
}

.experiment_02{
	width: 90%;
	margin: 30px auto;
}
.experiment_03{
	width: 90%;
	margin: 0 auto;
}

.experiment_02 h5{
	font-size: 1.6rem;
	text-align: center;
	top: 10px;
	right: 0;
}

.experiment_03 h5{
	font-size: 1.6rem;
	text-align: center;
	top: 10px;
	left: 0;
}
	
#human-engineering .hikaku h4#midashi-result{
	font-size: 2.6rem;
    line-height: 3rem;
	letter-spacing: 0;
	text-align: center;
	margin: 30px 0 40px 0;
}
	
#human-engineering .hikaku h4#midashi-result span{
	color: #e87d98;
	border: 5px solid #e87d98;
	padding: 5px 30px;
}	
	
#result-image{
	width: 96%;
	margin: 0 auto 30px auto;
}
	
#human-engineering .danmenzu h4{
	font-size: 2.6rem;
	margin: 0 0 20px 0;
}

#human-engineering .danmenzu h4:before{
	content: "";
	margin: 20px auto 0 auto;
	background: url("../images/sarani.png") no-repeat left top;
	background-size: contain;
	padding-top: calc(100 / 600 * 60%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	position: relative;
	left: -80px;
}


#human-engineering .danmenzu ul{
	margin: 30px auto 0 auto;
}

#human-engineering .danmenzu li{
	width: 90%;
	text-align: center;
}

#human-engineering .danmenzu li p.photo{
	width: 100%;
}

#human-engineering .danmenzu li:first-child h5{
	font-size: 1.6rem;
	top: 10px;
}
	
#human-engineering .danmenzu li:first-child h5 span{
	padding: 5px 50px;	
}


#human-engineering .danmenzu li h5{
	font-size: 1.6rem;
	top: 10px;
}
	
#human-engineering .danmenzu li h5 span{
	padding: 5px 50px;	
}


#human-engineering .danmenzu p span{
	display: inline;
}
#human-engineering .danmenzu p{
	width: 94%;
    font-size: 1.6rem;
    line-height: 3.2rem;
	margin: 0 auto 30px auto;
}

#human-engineering .danmenzu p.result-last{
	width: 100%;
    font-size: 1.6rem;
    line-height: 3.2rem;
	margin: 0 auto 50px auto;
}


/* howto */
#howto{
	margin: 30px 0 0 0;
}

#howto h2{
	top: -20px;
	margin: 0 auto -60px auto;
	background: url("../images/midashi_howto_sp.png") no-repeat center;
	background-size: contain;
	padding-top: calc(314 / 600 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */

}

#howto .inner{
	padding: 30px 10px 5% 10px;
}

#howto .howto_01,
#howto .howto_02,
#howto .howto_03{
	flex-wrap: wrap;
	flex-direction: column-reverse;
	margin: 0 0 50px 0;
}
	
#howto .howto_02{
	flex-direction: column-reverse;
}

#howto .photo{
	width: 100%;
}
#howto .photo img{
	width: 100%;
}

#howto .text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	box-sizing: border-box;
	padding: 20px 15px 20px 15px;
	width: 100%;
}

#howto .text p{
	width: 100%;
    font-size: 1.6rem;
    line-height: 3.2rem;
	text-align: center;
	font-weight: bold;
}
#howto .text p span{
	width: 100%;
	display: block;
}

#howto .howto_01 .text p span{
	text-align: center;
}

#howto .howto_01 .text{
	position: relative;
	top: 0;
	left: 0;
}

#howto .howto_02 .text{
	background-color: #f99608;
	color: #FFFFFF;
	position: relative;
	top: 0;
	left: 0;
	align-items: flex-end;
	padding: 20px 15px 20px 15px;

}
#howto .howto_02 .text p{
	text-align: center;
}

#howto .howto_03 .text{
	position: relative;
	top: 0;
	left: 0;
}
#howto .howto_03 .text p span{
	text-align: center;
	margin: 0 0 0 0;
}


#howto .howto_01 .photo{
	position: relative;
	top: 0;
	left: 0;
}

#howto .howto_02 .photo{
	position: relative;
	top: 0;
	left: 0;
}

#howto .howto_03 .photo{
	position: relative;
	top: 0;
	left: 0;
}

#howto .howto_01 .photo,
#howto .howto_03 .photo{
	margin: 0 0 0 auto;
}

#howto .howto_01.scrollin .photo,
#howto .howto_02.scrollin .photo,
#howto .howto_03.scrollin .photo{
	-moz-transition-delay:0ms;
	-webkit-transition-delay:0ms;
	-o-transition-delay:0ms;
	-ms-transition-delay:0ms;
}
	
#howto .howto_01.scrollin .text,
#howto .howto_02.scrollin .text,
#howto .howto_03.scrollin .text{
	-moz-transition-delay:150ms;
	-webkit-transition-delay:150ms;
	-o-transition-delay:150ms;
	-ms-transition-delay:150ms;
}	
	
/* ambidextrous */
#ambidextrous:before{
	content: "";
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 0;
	box-sizing: border-box;
	background: url("../images/howto-bg_bottom.png") no-repeat center top;
	background-size: contain;
	padding-top: calc(333 / 1400 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */

}

#ambidextrous h3:before{
	content: "";
	margin: 0 0 0 0;
	background: url("../images/sarani.png") no-repeat left top;
	background-size: contain;
	padding-top: calc(100 / 600 * 60%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	position: relative;
	top: -60px;
	left: 10px;
}

#ambidextrous h3{
	width: 94%;
	margin: 0 auto 0 auto;
	padding-top: calc(124 / 600 * 30%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
	
}

#ambidextrous .inner{
	position: relative;
	margin: -5% auto 10% auto;
}

#ambidextrous ul{
	margin: 25px auto;
}

#ambidextrous ul li{
	width: 46%;
}

#ambidextrous ul li img{
	width: 100%;
}

#ambidextrous ul li:first-child{
	margin: 0 1% 0 0;
}
#ambidextrous ul li:last-child{
	margin: 0 0 0 1%;
}

#ambidextrous .ryousan:before{
	content: "";
	display: block;
	width: 34.6px;
	height: 30px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background-color: #d8c191;
	transform: rotateZ(10deg);
	position: relative;
	top: 15px;
	left: 10%;
}

#ambidextrous .ryousan:after{
	content: "";
	display: block;
	width: 34.6px;
	height: 30px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	background-color: #d8c191;
	transform: rotateZ(320deg);
	position: relative;
	top: -25px;
	left: 80%;
}

#ambidextrous h4{
	font-size: 1.4rem;
    line-height: 2.4rem;
	width: 96%;
	margin: 0 auto;
	padding: 40px 0;
}


/* links */
#links{
	margin: 50px 0 0 0;
	padding: 30px 0 0 0;
}

#links .link-section{
	width: 96%;
	margin: 0 auto 50px auto;	
}
	
#links .link-section:last-child{
	margin: 0 auto 50px auto;	
}
	
#links .link-section h3{
	font-weight: bold;
	background-color: #FFFFFF;
	padding: 5px 20px;
	box-sizing: border-box;
	margin: 0 0 20px 0;
}
#links .link-section h3 span{
	color: #62b1c5;
	padding-right: 15px;
}

#links .link-section p {
	margin: 0 20px;
}

#links .link-section ul  li{
	margin: 0 8%;
}
	
/*#links .link-section ul  li:nth-child(2){
	margin: 0 10%;
}*/

#links .link-section p span{
	display: inline;
}	
	
	
footer{
	padding: 50px 0 50px 0;
}

}

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

.pc{
	display: none;
}

.sp{
	display: block;
}

}



/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
}