@charset "utf-8";
/*--
中 font-size:96%;
小 font-size:88%;
--*/
/*-------------------------------------*/
/* topArea */
/*-------------------------------------*/
/*フェード*/
.crossfader{
	position:relative;
	height:900px;
}
@media screen and (max-width:767px){
	.crossfader{
		height:100vh;
	}
}
.crossfader ul li{
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.crossfader ul li .txt{
	position:absolute;
	top:50%;
	left:5%;
	width:90%;
	text-align:center;
	color:#fff;
	transform:translate(0,-50%);
}
.crossfader ul li .txt .ttl{
	font-family:"Noto Sans JP", sans-serif;
	font-weight:100;
	font-size:250%;
	line-height:1.4;
	letter-spacing:0.3em;
	margin-bottom:66px;
}
@media screen and (max-width:767px){
	.crossfader ul li .txt .ttl{
		font-size:16pt;
		letter-spacing:0;
		margin-bottom:20px;
	}
}
.crossfader .active{
	z-index:10;
	opacity:1;
}
.crossfader .last-active{
	z-index:9;
	opacity:0;
}
#photo_area{
	width:100%;
	margin:0 auto;
	top:0;
	_display: inline;
	_zoom:1;
	z-index:1 !important;
	position:relative;
}
#photo_area .photo{
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: scroll;
	width:100%;
	height:100%;
}
/*-------------------------------------*/
/* pickUpArea */
/*-------------------------------------*/
#pickUpArea{
	overflow:visible;
}
/*-------------------------------------*/
/* projectArea */
/*-------------------------------------*/
#projectArea{
	padding:100px 0;
}
@media screen and (max-width:767px){
	#projectArea{
		padding:50px 0;
	}
}
/*-------------------------------------*/
/* featureArea */
/*-------------------------------------*/
.featureList li{
	float:left;
	/* width:14.8%; */
	/* margin-right:2.24%; */
}
.featureList li{
	width:22%;
	margin-right:3.0%;
	/* margin-bottom:80px */;
}
@media screen and (max-width:980px){
	.featureList li{
		width:45%;
		margin-right:4%;
		margin-bottom:30px;
	}
}
/* .featureList li:nth-child(6n){
margin-right:0;
}
@media screen and (max-width:2000px){
.featureList li:nth-child(4n){
margin-right:0;
}
}
@media screen and (max-width:767px){
.featureList li:nth-child(3n){
margin-right:4%;
}
.featureList li:nth-child(2n){
margin-right:0;
}
} */
.featureList li img{
	/* width:90%;
	max-width:150px;
	height:auto; */
	display:block;
	margin:0 auto 20px;
}
@media screen and (max-width:980px){
	.featureList li img{
		margin:0 auto 10px;
		width:200px;
		height:auto;
	}
}
.featureList li .ttlOuter{
	position:relative;
	/* margin-bottom:15px; */
	min-height:42px;
}
@media screen and (max-width:980px){
	.featureList li .ttlOuter{
		min-height:35px;
		margin-bottom:10px;
	}
}
.featureList li .ttlOuter .num{
	position:absolute;
	top:0;
	left:0;
	font-size:300%;
	line-height:1;
}
/*IE用記述 */
@media all and (-ms-high-contrast: none){
	.featureList li .ttlOuter .num{
		top:6px;
	}
}
@media screen and (max-width:767px){
	.featureList li .ttlOuter .num{
		font-size:25pt;
	}
}
.featureList li .ttlOuter .ttl{
	/* margin-left:30px; */
	line-height:1.5;
}
@media screen and (max-width:767px){
	.featureList li .ttlOuter .ttl{
		margin-left:23px;
	}
}
.featureList li .note{
	line-height:1.5;
	font-size:86%;
}
@media screen and (max-width:767px){
	.featureList li .note{
		font-size:8pt;
	}
}
/*-------------------------------------*/
/* ownerArea */
/*-------------------------------------*/
#ownerArea{
	position:relative;
	padding:100px 0;
	width:100%;
}
@media screen and (max-width:767px){
	#ownerArea{
		padding:50px 0;
	}
}
#ownerArea .bgslide{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(../images/common/bg-ownerarea.jpg);
	background-position:center center;
}
/*-------------------------------------*/
/* columArea */
/*-------------------------------------*/
#columArea{
	padding:100px 0;
}
@media screen and (max-width:767px){
	#columArea{
		padding:50px 0;
	}
}
/*-------------------------------------*/
/* contactArea */
/*-------------------------------------*/
#contactArea{
	padding:100px 0;
}
@media screen and (max-width:767px){
	#contactArea{
		padding:50px 0;
	}
}
#contactArea .formOuter{
	width:47.5%;
}
@media screen and (max-width:980px){
	#contactArea .formOuter{
		width:100%;
	}
}
#contactArea .contactNote .red{
	margin-left:-1em;
	display:inline-block;
	width:1em;
}
#contactArea .formOuter .form{
	margin-bottom:20px;
}
@media screen and (max-width: 767px){
	#contactArea .formOuter .form{
		margin-bottom:15px;
	}
}
#contactArea .formOuter .form .blockLeft,
#contactArea .formOuter .form .blockRight{
	width:47.5%;
}
@media screen and (max-width: 767px){
	#contactArea .formOuter .form .blockLeft,
	#contactArea .formOuter .form .blockRight{
		width:100%;
	}
	#contactArea .formOuter .form .blockLeft{
		margin-bottom:5px;
	}
}
.form .txt-l,.form .txt-m,.form .txt-area {
	border:none;
	border-radius: 0;
	background:#fff;
	font-size: 100%;
	height:50px;
	padding:0 20px;
	width:100%;
	-webkit-appearance: none;
	color:#333;
	box-sizing: border-box;
}
.form .txt-m{
	width:48.5%;
}
@media screen and (max-width: 767px){
	.form .txt-m{
		width:100%;
	}
}
.form .txt-area {
	height: 540px;
	padding:20px;
}
@media screen and (max-width: 980px){
	.form .txt-area {
		height:360px;
	}
}
@media screen and (max-width: 767px){
	.form .txt-area {
		height:360px;
	}
}
/* 送信ボタン */
.btnSubmit input{
	-webkit-appearance: none;
	display:block;
	max-width:150px;
	width:100%;
	height:50px;
	border-radius:7px;
	background:#fff;
	border:1px solid #00a0e9;
	text-align:center;
	color:#333;
	font-size:114%;
	letter-spacing:0.2em;
	transition:all 0.3s ease;
}
@media screen and (max-width: 980px){
	.btnSubmit input{
		max-width:100%;
	}
}
.btnSubmit input:hover{
	color:#fff;
	background:#00a0e9;
}
/* ▼IE10・IE11用 */
.form :-ms-input-placeholder {
	color: #d4d4d4;
}
/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
.form ::-webkit-input-placeholder {
	color: #d4d4d4;
}
/* ▼Firefox18以前用 */
.form :-moz-placeholder {
	color: #d4d4d4;
}
/* ▼Firefox19以上用 */
.form ::-moz-placeholder {
	color: #d4d4d4;
	opacity: 1;
}
/* ▼CSS標準(予定)の記述 */
.form :placeholder-shown {
	color: #d4d4d4;
}