@charset "UTF-8";
/* CSS Document */
html {
	height:100%;
	width:100%;
}
body {
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	background-color:#faf7f0;
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#715b58;
	position:relative;
}

#stamp {
	position:absolute;
	z-index:100;
	left:50%;
	top:-21px;
	width:50%;
	height:503px;
	box-sizing:border-box;
	background:url(../img/stamp.png) no-repeat 165px 0px;
	animation-name:stamp_mv;
	animation-delay:3s;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes stamp_mv {
	0% {
		opacity:0;
		transform:scale(0.8);
	}
	25% {
		transform:scale(1.4);
	}
	50% {
		transform:scale(0.95);
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}

header {
	width:960px;
	padding-top:40px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
#header_title img {
	float:left;
}
#header_menu {
	height:53px;
}
#header_menu nav {
	position:absolute;
	z-index:200;
	top:40px;
	left:208px;
}
#header_menu nav a {
	display:block;
	float:left;
	height:53px;
	text-decoration:none;
	text-indent:-9999px;
	background-image:url(../img/header_menu@2x.png);
	background-repeat:no-repeat;
	background-size:680px 25px;
}
#header_menu nav a:hover {
	opacity:0.7;
}
#header_menu nav a:nth-child(1) {
	width:114px;
	margin-left:72px;
	background-position:0px center;
}
#header_menu nav a:nth-child(2) {
	width:60px;
	margin-left:54px;
	background-position:-168px center;
}
#header_menu nav a:nth-child(3) {
	width:65px;
	margin-left:54px;
	background-position:-282px center;
}
#header_menu nav a:nth-child(4) {
	width:76px;
	margin-left:53px;
	background-position:-400px center;
}
#header_menu nav a:nth-child(5) {
	width:121px;
	margin-left:83px;
	background-position:-559px center;
}

#topimg {
	clear:both;
	width:100%;
	padding:80px 0 125px;
}
#topimgset {
	height:451px;
	overflow:hidden;
	position:relative;
}
#topimgset div {
	width:100%;
	height:451px;
	background-position:center top;
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	z-index:1;
	opacity:0;
}
#topimgset div:nth-child(1) {
	background-image:url(../img/topimg1.png);
}
#topimgset div:nth-child(2) {
	background-image:url(../img/topimg2.png);
}
#topimgset div:nth-child(3) {
	background-image:url(../img/topimg3.png);
}
#topimgset div:nth-child(4) {
	background-image:url(../img/topimg4.png);
}
#topimgset div:nth-child(5) {
	background-image:url(../img/topimg5.png);
}
#topimgset div:nth-child(6) {
	background-image:url(../img/topimg6.png);
}
#topimgset div:nth-child(7) {
	background-image:url(../img/topimg7.png);
}

#concept {
	text-align:center;
	font-size:14px;
	line-height:2.4;
	padding-bottom:60px;
	background:url(../img/concept_back.png) no-repeat center bottom;
}
#concept h2 {
	padding-top:20px;
	margin-bottom:120px;
}

#works {
	background:url(../img/back1.jpg) no-repeat center top;
	height:872px;
	box-sizing:border-box;
	padding-top:170px;
	text-align:center;
}
#works h2 {
	margin-bottom:140px;
}
#works ul {
	padding-top:50px;
}
#works li {
	display:inline-block;
	margin:0 38px;
}
#works li:first-child {
	margin-left:0;
}
#works li:last-child {
	margin-right:0;
}

#instagram {
	background-color:#f2f2f2;
	text-align:center;
	padding-top:125px;
	padding-bottom:170px;
}
#instagram h2 {
	padding-top:20px;
	padding-bottom:80px;
}
#instagram_mark {
	margin-bottom:70px;
}
#instagram_img {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}
#instagram_img a {
	display:block;
	width:240px;
	height:240px;
	float:left;
	margin:0 120px 50px 0;
}
#instagram_img a:hover {
	opacity:0.7 !important;
}
#instagram_img img {
	width:240px;
	height:240px;
}
#instagram_img a:nth-child(3n) {
	margin-right:0;
}

#aboutus {
	background:url(../img/back2n.jpg) no-repeat center top;
	height:1411px;
	box-sizing:border-box;
	padding-top:120px;
	text-align:center;
	overflow:hidden;
}
#aboutus h2 {
	padding-top:20px;
	margin-bottom:130px;
}
#aboutus_iset {
	width:960px;
	margin:0 auto;
}
#aboutus #aboutus_iset div {
	font-size:14px;
	line-height:30px;
}
#aboutus div img {
	margin-bottom:30px;
}
#aboutus_i1 {
	padding-right:240px;
}
#aboutus_i2 {
	padding-left:500px;
	padding-top:10px;
}
#aboutus_i3 {
	float:left;
	padding-left:160px;
	padding-top:120px;
}
#aboutus_i4 {
	float:left;
	padding-left:110px;
	padding-top:120px;
}
#aboutus div#aboutus_i3 img,#aboutus div#aboutus_i4 img {
	margin-bottom:10px;
}

#companyprofile {
	text-align:center;
	padding-top:150px;
	padding-bottom:210px;
	background-color:#faf5e9;
}
#companyprofile h2 {
	padding-bottom:40px;
}
#companyprofile table {
	border-collapse:separate;
	margin:0 auto;
	border:1px solid #715b58;
	border-spacing:0;
	border-radius:10px;
	overflow:hidden;
}
#companyprofile th,#companyprofile td {
	border-bottom:1px solid #715b58;
	padding:10px;
	font-size:14px;
}
#companyprofile th {
	text-align:center;
	width:80px;
}
#companyprofile td {
	border-left:1px solid #715b58;
	text-align:left;
	width:360px;
}
#companyprofile tr:last-child th,#companyprofile tr:last-child td,#companyprofile .tb_more th {
	border-bottom:none;
}
#companyprofile .tb_more th {
	background-color:#715b58;
	color:#FFF;
	padding:4px 0;
	font-size:18px;
	cursor:pointer;
	width:auto;
}
.tb_hide th,.tb_hide td {
	padding:0 !important;
}
.tb_hide div {
	display:none;
	padding:10px !important;
}

#contact {
	text-align:center;
	padding-bottom:150px;
	background-color:#faf5e9;
	overflow:hidden;
}
#contact h2 {
	padding-bottom:40px;
}
#contact a:hover {
	opacity:0.7;
}

footer {
	width:100%;
	height:300px;
	background:url(../img/back3.jpg) no-repeat center top;
}
#footer_blk {
	width:960px;
	margin:0 auto;
	padding-top:35px;
	overflow:hidden;
}
#footer_title img {
	width:149px;
	height:auto;
	float:left;
}
#footer_copy {
	font-size:14px;
	line-height:37px;
	font-weight:bold;
	text-align:center;
	padding:0 149px;
}

.pagetopbtn {
	position:fixed;
	bottom:30px;
	right:60px;
}
.pagetopbtn a:hover {
	opacity:0.7;
}



@media screen and (max-width: 980px) {
	body {
		-webkit-text-size-adjust:100%;
	}
	.br_sp {
		display:block;
	}
	#concept {
		font-size:30px;
		line-height:2.2;
	}
	#works {
		font-size:30px;
		line-height:2.2;
	}
	#works h2 {
		margin-bottom:70px;
	}
	#works ul {
		padding-top:90px;
	}
	#instagram_img {
		width:840px;
	}
	#instagram_img a {
		margin:0 60px 60px 0;
	}
	#aboutus {
		padding-top:70px;
	}
	#aboutus h2 {
		margin-bottom:60px;
	}
	#aboutus #aboutus_iset div {
		font-size:28px;
		line-height:1.6;
	}
	#aboutus_i1 {
		padding-right:150px;
	}
	#aboutus_i2 {
		padding-left:300px;
		padding-top:30px;
	}
	#aboutus_i3 {
		width:50%;
		padding-left:0;
		padding-top:50px;
		padding-left:20px;
		padding-right:20px;
		box-sizing:border-box;
	}
	#aboutus_i4 {
		width:50%;
		padding-left:0;
		padding-top:63px;
		padding-left:20px;
		padding-right:20px;
		box-sizing:border-box;
	}
	#companyprofile th, #companyprofile td {
		font-size:28px;
		padding:15px;
	}
	#companyprofile th {
		width:150px;
	}
	#companyprofile td {
		width:560px;
	}
	#companyprofile td a {
		text-decoration:none;
		color:#715b58;
	}
	#companyprofile .tb_more th {
		font-size:40px;
	}
	#footer_copy {
		font-size:20px;
	}
}