@charset "UTF-8";

/*****************************************************

ABOUT / COMM

*****************************************************/
.helo {
    width: 100%;
	height:500px;
    overflow: hidden;
	
}

.subNav {
	height: 48px;
	text-align: center;
	background:#f7f7f7;
	margin-bottom:80px;
	font-size:13px;
	padding:14px 0;
	width:100%;
	box-shadow:0 0 8px 0 rgba(0, 0, 0, 0.2);
}
.subNav  ul li{
	display:inline-block;
	margin:0 .5em;
	color:#000;
	background:none;
	line-height:1;
	padding:.4em 1em;
	border-radius:8px;
}
.subNav  ul li a{
	color:#000;
}
a.subActive{
	/*background:#ddd!important;*/
	padding:.6em 1em;
	border-radius:6px;
	color:#000;
	text-decoration:underline;
}
.subNavFixed{
	position:fixed;
	top:58px;
	left:0;
	z-index:9999;
}
.pageCont{
	
}
.mg116{
	margin-top:116px;
}
@media screen and (max-width: 639px) {
	
.subNav {
	display:none;
}
}

/*****************************************************

ABOUT / ABOUT

*****************************************************/

.aboutMain{
	background:url(../../about/images/about/aboutMain.jpg) no-repeat center center;
	background-size:cover;
}
.lead{
	font-size:15px;
	line-height:2.2;
	text-align:center;
}
.img465{
	width:465px;
	float:left;
	margin-bottom:30px;
}
.imgR{
	margin-left:30px;
}
.img100{
	width:960px;
}

.img465 img,
.img100 img{
	width:100%;
}
.comTbl{
	width:100%;
	margin-bottom:120px;
}
.comTbl th,
.comTbl td{
	padding:1.4em 0;
	font-size:13px;
	text-align:left;
	border-bottom:1px dotted #ccc;
}
.comTbl th{
	width:120px;
}

@media screen and (max-width: 639px) {
.helo {
    width: 100%;
	height:400px;
    overflow: hidden;
	margin-bottom:40px;
}
.lead{
	text-align:left;
}
.img465,
.img100{
	width:100%;
	float:none;
}
.imgR{
	margin-left:0;
}
}



/*****************************************************

ABOUT / PHILOSOPHY

*****************************************************/

.philosophyMain{
	background:url(../../about/images/philosophy/philosophyMain.jpg) no-repeat center center;
	background-size:cover;
}

.box4{
	width:25%;
	float:left;
}

.box4 figure img{
	width:100%;
	margin-bottom:19px;
}
.box4 a{
	color:#000;
}
.box4Txt{
	padding:0 13px;
	text-align:left;
}
.box4Txt p{
	font-size:13px;
	
}
#quality,
#team,
#craftsman,
#benefit {
    margin-top:-132px;
    padding-top:132px;
}
.credWrp{
	margin-bottom:80px;
}
.credCap{
	width:25%;
	float:left;
	line-height:1;
}
.credTxt{
	float:left;
	width:75%;
	font-size:13px;
	margin-top:-8.5px;
}
.credLst{
	line-height:2.3;
	list-style-type: decimal-leading-zero
}

@media screen and (max-width: 639px) {
	.box4{
	width:100%;
	float:none;
	margin:0 0 40px;
	text-align:center;
}
.credCap{
	width:100%;
	float:none;
	line-height:2;
}
.credTxt{
	width:100%;
	float:none;
	margin-top:0;
}
.credLst{
	list-style-position:inside;
	list-style-type: decimal-leading-zero
}
}

/*****************************************************

ATLIER / COMM

*****************************************************/

.atlierMain{
	background:url(../../about/images/studio/studioMain.jpg) no-repeat center center;
	background-size:cover;
}

.w50{
	width:50%;
	float:left;
	font-size:13px;
	line-height:2;
	
}
.w50L{
	padding-right:30px;
}
.w50R{
	padding-left:30px;
}
.atlierFac{
	width:420px;
	margin-left:30px;
}
@media screen and (max-width: 639px) {
	.w50{
	width:100%;
	float:none;
	margin-bottom:40px;
}
.w50L,
.w50R{
	padding:0;
}
.atlierFac{
	width:100%;
	margin-left:0;
}


}
/*****************************************************

ATLIER / SLIDE

*****************************************************/
.slideWrp {
	margin-bottom:60px;
}
#sld {
	width: 100%;
	height: 240px;
}
.slideGuide {
	width: 100%;
	height: 200px;
	overflow: hidden;
}
.slide {
	display: block;
	float: left;
	height: 200px;
	overflow: hidden;
	pointer: cursor;
	position: relative;
}
.slide img {
	vertical-align: top;
	height: 100%;
}
.btnGoWorks a{
	font-size:13px;
	text-align:center;
	margin:0 auto;
	padding:1em 2em;
	width:480px;
	display:block;
	color:#fff;
	border-radius:6px;
	background:#000;
}
.btnGoWorks a:hover{
	background:#666;
	color:#fff;
	opacity:1;
}

@media screen and (max-width: 639px) {
#sld,  .slideGuide,  .slide,  .slide a {
	height: 300px;
}
.slide a {
	width: 450px;
}
.slide a img {
	width: 100%;
}
.btnGoWorks a{
	width:100%;
}
}

/*****************************************************

SEMINAR / ABOUT

*****************************************************/

.seminarMain{
	background:url(../../about/images/seminar/seminarMain.jpg) no-repeat center center;
	background-size:cover;
}
.seminarImgs img{
	float:left;
	width:210px;
}
@media screen and (max-width: 639px) {
.seminarImgs img{
	width: 100%;
	margin-bottom:10px;
}
.seminarMain{
	background-position:center left;
}
}
/*****************************************************

STAFF

*****************************************************/

.staffMain{
	background:url(../../about/images/staff/staffMain.jpg) no-repeat top center;
	background-size:cover;
}
.staffMain2017{
	background:url(../../about/images/staff/staffMain170607.jpg) no-repeat top center;
	background-size:cover;
}
.staff{
	float:left;
	width:216px;
	margin:0 32px 32px 0;
	font-size:13px;
	border:1px solid #fff;
}
.staff:nth-child(4n){
	margin-right:0;
}
.staff img{
	width:100%;
	margin-bottom:19px;
}

.bnr100{
  width: 580px;
  margin: 0 auto;
  border: 1px solid #ccc;
}
.bnr100:hover{
  border: 1px solid #222;
}
.bnr100 img{
  width: 100%;
}
@media screen and (max-width: 639px) {
.staff{
	float:left;
	width:48%;
	margin:0 4% 32px 0;
	font-size:13px;
}
  .staff:nth-child(even){
    margin-right: 0;
  }
  .bnr100{
  width: 100%;
    margin-bottom: 80px;
}
}

/*****************************************************

CONTACT

*****************************************************/
.contactMain{
	background:url(../../contact/images/contactMain.jpg) no-repeat center center;
	background-size:cover;
}

.contactWrp{
	padding-top:80px;
}

.contactBox{
	border:2px solid #ccc;
	width:310px;
	text-align:center;
	font-size:14px;
	padding:20px 16px;
	float:left;
}
.contactBox:last-child{
	margin-left:60px;
}

.telNum{
	font-size:22px;
	
}
.cntFrm{
	padding-bottom:120px;
	font-size: 13px;
}

.fieldset {
	width: 100%;
	margin-top: 40px;
	font-size: 13px;
}
.frmTbl {
	background: #fff;
	border-bottom: #ccc dotted 1px;
}
.input_S {
	height: 36px;
	width: 100%;
	margin-bottom: 3px;
	
}
.input_M {
	height: 36px;
	width: 100%;
	font-size: 13px;
	margin-bottom: 3px;
}
.input_L {
	height: 180px;
	width: 100%;
	margin-bottom: 3px;
}
.fieldset dt {
	padding: 20px 10px;
	float: left;
	clear: left;
	line-height: 1.8;
	width: 36%;
	border-top: #ccc dotted 1px;
}
.fieldset dd {
	padding: 20px 10px;
	float: left;
	line-height: 1.8;
	width: 64%;
	background: #fff;
	border-top: #ccc dotted 1px;
}
.fieldset dd:last-child {
	border-bottom: none;
}
.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
}
.hissu {
	color: #090;
}
.select {
	font-size: 13px;
}
.formNote {
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
	margin: 40px 0;
	width: 100%;
	padding: 40px 0;
	line-height: 2.3;
}
.formNote ul {
	list-style: circle inside;
}
.btnWrp {
	width: 100%;
	text-align: center;
	margin: 2em 0;
}
.btnWrpC {
	width: 100%;
	text-align: center;
	margin: 4em 0;
}
.btnSbmit {
	border: none;
	cursor: pointer;
	margin: 0 auto;
	display: block;
	transition: all 480ms;
	-webkit-transition: all 480ms;
	-ms-transition: all 480ms;
	-moz-transition: all 480ms;
}
.btnLnk {
	background: #666;
	color: #fff;
	width: 50%;
	padding: 12px 0;
	text-align: center;
	letter-spacing: 0.2em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	display: inline-block;
	line-height: 1.6;
	font-size: 13px;
}
.btnLnk:hover {
	background: #000;
	color: #fff;
}
.btnBck {
	background: #ccc;
	display: block;
	color: #fff;
	width: 50%;
	padding: 12px 0;
	text-align: center;
	letter-spacing: 0.2em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-appearance: none;
	border: none;
	display: inline-block;
	margin-left: 10px;
	font-size: 13px;
}
.btnLnk:hover {
	background: #000;
	color: #fff;
}
.btnBck:hover {
	background: #666;
}
.btnWrpC .btnSbmit, .btnWrpC .btnBck {
	width: 48%;
	float: left;
}
.btnWrp .btnBck {
	margin-left: 2%;
}
#thanks_txt {
	width: 714px;
	margin-bottom: 40px;
	text-align: left;
}
.errorCap{
	font-size:16px;
	line-height:2;
	margin-bottom:3em;
}
.error_messe {
	color: #f00;
}

@media screen and (max-width: 639px) {
	.contactWrp{
	padding-top:30px;
}
.cntFrm{
	padding-bottom:60px;
	padding-top:58px;
}
.contactBox{
	width:100%;
	float:none;
	margin-bottom:20px;
}
.contactBox:last-child{
	margin-left:0;
}
}

/*****************************************************

FAQ etc...

*****************************************************/
.contactFx{
	margin-top:58px;
}

.mg58{
	margin-top:58px;
}
.pageLst{
	list-style-type:circle;
}
.pageLst li ul{
	margin-left:2em;
}
.btnNishizaki{/*sitemap*/
	margin-top:1em;
}