@charset "utf-8";

/*10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	124%
17px	131%
18px	139%
19px	147%
20px	154%
21px	162%
22px	170%
23px	177%
24px	185%
25px	193%
26px	200%*/

.pc-only { display: block; }
.sp-only { display: none; }

html,body,h1,h2,h3,h4,h5,ul,ol,dl,p,dd{
	margin:0;
	padding:0;
	list-style:none;
	font-size:13px;
	line-height:1em;
}

html,body{
	line-height:1.4em;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	color:#000;
	font-weight:normal;
	text-align:left;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
body {
	background: #fff;
	min-width: 1000px;
}
img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #f88b2d;
	text-decoration: none;
}
a:hover img{filter:alpha(opacity=70);opacity:0.70}
.ov:hover {filter:alpha(opacity=70);opacity:0.70}

/*** 共通部品 ***/
.Tac { text-align: center; }
.mb25 { margin-bottom: 25px; }
.nmt14 { margin-top: -14px; }
.inner {
	margin: 0 auto;
	width: 940px;
}

/*** ヘッダー ***/
header {
	background: #000;
	position: fixed;
	top: 0;
	z-index: 100;
	height: 75px;
	width: 100%;
	min-width: 940px;
}
header .inner {
	position: relative;
	height: 75px;
}
header h1 {
	position: absolute;
	top: 27px;
	left: 0;
}
#markA {
	position: absolute;
	top: 13px;
	right: 136px;
}
#markB {
	position: absolute;
	top: 21px;
	right: 6px;
}

/*** ナビ ***/
nav {
	position: absolute;
	top: 32px;
	left: 217px;
}
nav ul {
	overflow: hidden;
}
nav ul li {
	float: left;
	padding: 0 25px 0 0;
}

/*** 全体ラップ ***/
#wrapper {
	padding: 75px 0 0;
}

#mv {
	overflow: hidden;
	height: 765px;
	width: 100%;
	position: relative;
}
#mv .pic img {
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
}
#mv .inner {
	position: relative;
}
#layer {
	margin: 0 auto;
	width: 940px;
	position: absolute;
	top: 278px;
	left: 87px;
	z-index: 90;
}
#layer h2 {
	font-size: 108%;
	font-weight: bold;
	padding: 0 0 50px;
}
#layer p {
	font-size: 93%;
	line-height: 1.5;
	padding: 0 0 35px;
}
#layer ul {
	padding: 0 0 0 80px;
	overflow: hidden;
}
#layer ul li {
	float: left;
	padding: 0 29px 0 0;
}
#studioBox {
	padding: 74px 0 0;
	margin: 0 0 85px;
}
#studioBox h3 {
	font-size: 170%;
	font-weight: bold;
	text-align: center;
	padding: 0 0 65px;
}
#studioBox .block {
	border: 1px solid #d7d7d7;
	padding: 29px 0;
	margin: 0 0 50px;
}
#studioBox .h4block {
	text-align: center;
	line-height: 30px;
}
#studioBox .h4block h4 {
	font-size: 139%;
	font-weight: bold;
	display: inline;
	padding: 0 10px 0 0;
}
#studioBox .mapBox {
	display: none;
	padding: 50px 0 9px;
	margin: 0 auto;
	width: 740px;
}
#studioBox .mapBox .maps {
	margin: 0 0 15px;
}
#studioBox .mapBox .way li {
	font-weight: bold;
	line-height: 1.5;
}
#studioBox .mapBox p.att_way {
	line-height: 1.5;
	margin-left: 1em;
	text-indent: -1em;
	padding: 0 0 25px;
}
#studioBox .mapBox .btn {
	padding: 0 0 0 193px;
	overflow: hidden;
}
#studioBox .mapBox .btn li {
	float: left;
	padding: 0 0 0 20px;
}
#studioBox .mapBox .btn li:first-child {
	padding: 0;
}
#studioBox .listA {
	margin: 49px 0 0;
	padding: 0 0 50px 147px;
	overflow: hidden;
}
#studioBox .listA li {
	float: left;
	padding: 0 64px 0 0;
}
#studioBox .listA li:first-child {
	padding-top: 1px;
}
#studioBox .listB {
	margin: 38px 0 0;
	padding: 0 0 30px 105px;
	overflow: hidden;
}
#studioBox .listB li {
	float: left;
	padding: 20px 0 0 0;
}
#studioBox .listB li:first-child {
	padding: 0 59px 0 0;
}
#studioBox .listC {
	margin: 49px 0 0;
	padding: 0 0 52px 153px;
	overflow: hidden;
}
#studioBox .listC li {
	float: left;
	padding: 0 20px 0 0;
}
#studioBox .listThumb {
	overflow: hidden;
	padding: 0 0 0 79px;
}
#studioBox .listThumb li {
	float: left;
	padding: 0 20px 0 0;
}
#studioBox p#expBtn {
	padding-top: 30px;
	text-align: center;
}
.expBox {
	display: none;
	margin: 20px auto;
	width: 790px;
}
.expBox h5 {
	font-size: 108%;
	font-weight: bold;
	padding: 0 0 30px;
}
.expBox dl {
	overflow: hidden;
}
.expBox dl dt {
	float: left;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 15px;
	width: 130px;
}
.expBox dl dd {
	float: left;
	font-size: 93%;
	line-height: 1.5;
	padding: 0 0 15px;
	width: 660px;
}
.expBox p {
	font-size: 93%;
	font-weight: bold;
	padding: 0 0 20px;
}
.expBox p.btn {
	text-align: center;
	padding: 0 0 20px;
}
#aboutBox {
	background: #efefef;
	padding: 0 0 82px;
}
#aboutBox h3 {
	font-size: 170%;
	font-weight: bold;
	padding: 80px 0 55px;
	text-align: center;
}
.innerAbout {
	background: #fff;
	padding: 35px 161px 0 174px;
}
.innerAbout h4 {
	font-size: 108%;
	border-bottom: 1px solid #b1b1b1;
	padding: 0 0 5px;
	margin: 0 0 18px;
}
.innerAbout dl.company {
	overflow: hidden;
	font-size: 93%;
	padding: 0 0 20px;
	width: 605px;
	border-bottom: 1px solid #b1b1b1;
}
.innerAbout dl.company dt {
	clear: both;
	float: left;
	width: 140px;
	padding: 0 0 5px;
	line-height: 1.8;
}
.innerAbout dl.company dd {
	float: left;
	width: 465px;
	padding: 0 0 5px;
	line-height: 1.8;
}
.innerAbout dl.works {
	font-size: 93%;
	padding: 30px 0 0;
}
.innerAbout dl.works dt {
	font-weight: bold;
	line-height: 1.8;
	padding: 0 0 5px;
}
.innerAbout dl.works dd {
	line-height: 1.8;
	padding: 0 0 30px;
}
footer {
	border-top: 4px solid #000;
	padding: 25px 0 48px;
}
footer .col2 {
	overflow: hidden;
}
footer .col2 div {
	float: left;
	text-align: center;
	width: 50%;
	margin: 0 0 60px;
}
footer .col2 h3 {
	padding: 5px 0 20px;
}
footer .col2 p {
	line-height: 1.5;
}
footer p.cr {
	font-size: 93%;
	text-align: center;
}