@charset "Shift_JIS";


/* MEADER
---------------------------------------------------*/
#header_about {
	margin:0 auto;
	width:100%;
	max-width:1280px;
	position:relative;
}
#header_about img {
	width:100%;
}
#header_about .logo {
	margin:0 auto;
	width:11.484%;
}
#header_about .btn_close {
	width:6.640%;
	position:absolute;
	right:0;
	top:0;
}
@media all and (max-width: 767px) {
	#header_about {
		height:46px;
	}
	#header_about img {
		width:100%;
	}
	#header_about .logo {
		margin:0;
		width:75px;
	}
	#header_about .btn_close {
		width:46px;
	}
}

/* �C���f�b�N�X
---------------------------------------------------*/
#contents_about {
	margin:0 auto;
	width:100%;
}
#contain_about {
	margin:0 auto;
	width:100%;
	max-width:1280px;
	text-align:center;
}
#contain_about img {
	width:100%;
}
#contain_about .main_ttl {
	margin:0 auto 4%;
	max-width:1280px;
}
#contain_about .category_ttl {
	margin:0 auto 3.5%;
	width:18.046%;
}
#contain_about .sec01 {
	margin:0 auto;
	padding:0 0 5.2%;
	width:100%;
}
#contain_about .sec01 .movie {
	margin:0 auto 3%;
	width:53.984%;
}
#contain_about .sec01 .img_flow {
	margin:0 auto 10px;
	padding:0;
	width:100%;
	letter-spacing: -.40em;
	text-align:center;
	box-sizing:border-box;
}
#contain_about .sec01 .img_flow li {
	display:inline-block;
	margin:0;
	width:27.890%;
	letter-spacing:normal;
	list-style:none;
}
#contain_about .sec02 {
	background-image:url(../../images/about/bg_sec02.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	margin:0 auto;
	padding:3.8% 0 0 0;
	width:100%;
	max-width:1280px;
	position:relative;
}
#contain_about .sec02 .category_ttl {
	margin:0 auto;
	width:12.109%;
}
#contain_about .sec02 .secret01 {
	width:30%;
	position:absolute;
	left:13.046%;
	/*top:127px;615*/
	top:17.419%;
}
#contain_about .sec02 .secret02 {
	width:28.984%;
	position:absolute;
	left:62.343%;
	top:23.870%;
}
#contain_about .sec02 .secret03 {
	width:24.218%;
	position:absolute;
	left:3.046%;
	top:68.387%;
}
#contain_about .sec02 .secret04 {
	width:26.015%;
	position:absolute;
	left:70.468%;
	top:65.161%;
}
#contain_about .sec03 {
	background:url(../../images/about/bg_sec03.jpg) repeat center top;
	margin:0 auto;
	padding:5.2% 10.937%;
	width:100%;
	max-width:1280px;
	text-align:center;
	box-sizing:border-box;
}
#contain_about .sec03 .category_ttl {
	margin:0 auto;
	padding:0 0 6.2%;
	width:21.5%;
}
#contain_about .sec03 .img_history {
	margin-bottom:5.7%;
}

.about_pc {display:block;}
.about_sp {display:none;}
@media screen and (max-width: 750px) {
	.about_pc {display:none;}
	.about_sp {display:inline-block;}
	.img_flow .about_sp {
		text-align:left;
		font-size:3.2vw;
					font-size:16px;
		color:#541d21;
	}
	.img_flow .about_sp span {
		font-weight:bold;
		display:block;
		font-size:1.2em;
	}
	.img_flow .about_sp {
		text-align:left;
		margin-left:3.8vw;
		margin-right:3.8vw;
	}
	.sec02 .about_sp p {
		text-align:left;
		font-size:3.2vw;
					font-size:16px;
		color:#541d21;
		margin:2.2vw 6.8vw 5.8vw 6.8vw;
	}
	.sec02 .secret_sp_img {
		margin-bottom:7.2vw;
	}
	.sec03 .about_sp {
		text-align:left;
		font-size:3.2vw;
					font-size:16px;
		color:#541d21;
	}
	/* #contain_about .sec02 {
		background:none;
		margin:0 auto;
		padding:3.8% 0 0 0;
		width:100%;
		max-width:1280px;
		position:relative;
	} */
	#contain_about .main_ttl {
		margin:0 auto 12%;
	}
	#contain_about .sec02 {
		background:none;
	}
	#contain_about .category_ttl,
	#contain_about .sec02 .category_ttl {
	    margin: 0 auto;
	    padding: 0 0 4.2%;
	    width: 39.33%;
	}
	#contain_about .sec03 {
		padding-top:8.8%;
		padding-bottom:8.8%;
	}
	#contain_about .sec03 .category_ttl {
	    margin: 0 auto;
	    padding: 0 0 4.2%;
	    width: 49.33%;
	}
	#contain_about .sec01 .img_flow li {
		width:91.2%;
	}
	#contain_about .sec02 {
		background: #ffffff;
	}
}

/* FOOTER
---------------------------------------------------*/
#footer_about {
	margin:0 auto;
	padding:3.3% 0;
	width:100%;
	max-width:1280px;
	text-align:center;
	position:relative;
}
#footer_about img {
	width:100%;
}
#footer_about .btn_close {
	margin:0 auto;
	width:3.75%;
}
#footer_about .btn_left {
	width:11.406%;
	position:absolute;
	left:0;
	top:0;
}
#footer_about .btn_right {
	width:11.406%;
	position:absolute;
	right:0;
	top:0;
}


@media all and (max-width: 767px) {
		#footer_about {
			padding:0;
			width:100%;
		}
		#footer_about img {
			width:100%;
		}
		#footer_about .btn_close {
			margin:0 auto;
			width:22px;
			padding-top:8px;
		}
		#footer_about .btn_left {
			width:44px;
			position:absolute;
			left:0;
			top:0;
		}
		#footer_about .btn_right {
			width:44px;
			position:absolute;
			right:0;
			top:0;
		}
}