@charset "utf-8";

/* -------------------------------
   BASE
------------------------------- */

#wrap {
	position:relative;
	width:100%;
	min-width:960px;
	margin:0 auto;
	overflow:hidden;
}
.sp {
	display:none!important;
}
.pcNL:before {
	content: "\A" ;
	white-space: pre ;
}

/* -------------------------------
   common
------------------------------- */

html{
	overflow-y: auto;
}

body{
	min-width: 960px;
	overflow:hidden;
}

#pageTit{
	background:url(../common_img/title_bg.jpg) no-repeat center top #070707;
	min-width:960px;
	padding:122px 0 46px;
	font-size:4rem;
}

#pageTit .en{
	font-family:"Century Gothic";
	display:block;
	font-size:1.4rem;
}

#pagetop{
	position:fixed;
	right:10px;
	bottom:250px;
	z-index:10000;
	display:none;
}

#pagetop:hover{
	opacity:0.7;
}

.baseTable{
	width:100%;
}

.baseTable th{
	background: url(../common_img/white.png) repeat-x left bottom,url(../common_img/bg_yellow.png);
	width:150px;
	padding:17px 20px;
	vertical-align:top;
}

.baseTable tr:last-child th{
	background:url(../common_img/bg_yellow.png);
}

.baseTable td{
	background:url(../common_img/bg_yellow.png) repeat-x left bottom;
	padding:17px 20px;
	background-size:2px 1px;
}

.baseTable tr:first-child th{
	background:url(../common_img/bg_yellow.png) repeat-x left top, url(../common_img/white.png) repeat-x left bottom,url(../common_img/bg_yellow.png);
}

.baseTable tr:first-child td{
	background:url(../common_img/bg_yellow.png) repeat-x left top,url(../common_img/bg_yellow.png) repeat-x left bottom;
	background-size:2px 1px;
}


/* -------------------------------
   header
------------------------------- */

#header,
#fInfo{
	width:960px;
	margin:0 auto;
	padding:20px 0 30px;
	position:relative;
}

#header #logo img,
#fInfo .logo img{
	margin-top:10px;
}

#header .tel,
#fInfo .tel{
	text-align:center;
	position:absolute;
	right:220px;
	top:30px;
	line-height:1.3;
}

#header .tel .number,
#fInfo .tel .number{
	font-size:2.8rem;
}

#header .btnContact,
#fInfo .btnContact{
	text-align:center;
	position:absolute;
	right:0;
	top:33px;
}

#header .btnContact a,
#fInfo .btnContact a{
	width:200px;
	text-align:center;
	background-color:#000;
	color:#FFF;
	display:inline-block;
	padding:17px 0;
	text-decoration:none;
}

#header .btnContact a img,
#fInfo .btnContact a img{
	vertical-align:middle;
	margin-right:10px;
}

#header .btnContact a:hover,
#fInfo .btnContact a:hover{
	opacity:0.7;
}

#gNav{
	background-color:rgba(0,0,0,0.9);
	border-bottom:solid 1px rgba(222,204,126,0.5);
	width:100%;
	position:absolute;
	z-index:100000;
}

#gNav ul{
	width:960px;
	margin:0 auto;
	font-size:0;
}

#gNav ul li{
	font-family:'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',Georgia,'Times New Roman',serif;
	font-size:1.6rem;
	display:inline-block;
	text-align:center;
}

#gNav ul li a{
	display:block;
	padding:25px;
	color:#FFF;
	text-decoration:none;
}

#gNav ul li:nth-child(1){
	width:165px;
}

#gNav ul li:nth-child(2){
	width:171px;
}

#gNav ul li:nth-child(3){
	width:263px;
}

#gNav ul li:nth-child(4){
	width:205px;
}

#gNav ul li:nth-child(5){
	width:156px;
}

#home #gNav ul li:nth-child(1) a,
#company #gNav ul li:nth-child(2) a,
#difference #gNav ul li:nth-child(3) a,
#concept #gNav ul li:nth-child(4) a,
#consult #gNav ul li:nth-child(5) a,
#thanks #gNav ul li:nth-child(5) a{
	color:#D7BF21;
	padding-bottom:22px;
	border-bottom:solid 3px #D7C022;
	cursor:default;
}

#gNav ul li a:hover{
	padding-bottom:22px;
	border-bottom:solid 3px #D7C022;
}

#path ul,#path ol{
	width:960px;
	margin:0 auto;
}

/* -------------------------------
   footer
------------------------------- */

#footer{
	border-top:solid 1px rgba(222,204,126,0.5);
}

#footer #fNav{
	text-align:center;
	width:960px;
	margin:15px auto 0;
}

#footer #fNav li{
	display:inline-block;
	margin:0 15px;
	background:url(../common_img/arrow.png) no-repeat left 6px;
	padding-left:12px;
}

#footer #fNav li a{
	text-decoration:none;
}

#footer #fNav li a:hover{
	text-decoration:underline;
}

#footer #copyright{
	margin-top:30px;
}

/* -------------------------------
   side
------------------------------- */

#mainVisual{
	background: url(../common_img/title_bg.jpg) no-repeat center top #070707;
	height:540px;
}

#mainVisual .swiper-wrapper{
	position:relative;
	margin:0 auto;
	width:960px;
}


/* -------------------------------
   contents
------------------------------- */

#contents{
	width:960px;
	margin:40px auto 50px;
}

/* -------------------------------
   home
------------------------------- */

#homeContents{
	font-size:0;
	margin-bottom:50px;
}

#homeContents section{
	display:inline-block;
	width:290px;
	margin-right:45px;
	font-size:1.4rem;
	vertical-align:top;
}

#homeContents section:last-child{
	margin-right:0;
}

#news{
	padding:50px 50px 50px 380px;
	margin:0 -50px;
	position:relative;
}

#news .message{
	height:232px;
	overflow:auto;
}

#news figure{
	position:absolute;
	left:50px;
	top:50px;
}

#news p{
	line-height:1.8;
	max-height:231px;
	overflow:auto;
}

/* -------------------------------
   company
------------------------------- */

#outline .inner{
	padding-right:350px;
	min-height:225px;
	position:relative;
}

#outline .inner figure{
	position:absolute;
	right:0;
	top:0;
}

/* -------------------------------
   concept
------------------------------- */

#relation figure,
#flower figure{
	float:right;
}

#relation .text,
#flower .text{
	width:615px;
	float:left;
}

#terms .baseList{
	font-size:0;
}

#terms .baseList li{
	width:50%;
	display:inline-block;
	font-size:1.4rem;
	vertical-align:top;
}

#gorin .inner{
	position:relative;
	padding-right:340px;
	height:408px;
}

#gorin .inner figure{
	position:absolute;
	right:0;
	top:0;
}

#gorin .inner p:first-child{
	font-size:1.8rem;
	padding-bottom:20px;
	margin-bottom:18px;
	border-bottom:dotted 1px #000;
}

/* -------------------------------
   difference
------------------------------- */

#case ul{
	font-size:0;
}

#case ul li{
	font-size:1.4rem;
	display:inline-block;
	margin-right:30px;
	width:300px;
	vertical-align:top;
	margin-bottom:15px;
}

#case ul li:nth-child(3n){
	margin-right:0;
}

/* -------------------------------
   consult
------------------------------- */

#consultForm .baseTable th{
	width:212px;
	vertical-align:middle;
}

#consultForm .baseTable td{
	padding:13px 15px;
}

#consultForm .baseTable td input[type="text"],
#consultForm .baseTable td input[type="email"],
#consultForm .baseTable td input[type="tel"]{
	width:350px;
	height:30px;
	border:solid 1px #E5E5E5;
}

#consultForm .baseTable td input[type="text"].zipCode{
	width:150px;
}

#consultForm .baseTable td textarea{
	border:solid 1px #E5E5E5;
	width:700px !important;
	height:150px !important;
}

#consultForm .btn button{
	width:290px;
	padding:20px;
}

#consultForm .btn button:hover{
	opacity:0.7;
}