@charset "utf-8";

/* easy css
--------------------------------------------------*/
.lst:after{content:"";display:block;clear:both;}
.lst .lft{float:left;}
/* set color & font 
--------------------------------------------------*/
body{
	color:#000;
	background:#fff;
	font-size:12px;
	line-height:1.8;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','ＭＳ ゴシック','MS Gothic',HiraKakuProN-W3,'TakaoExゴシック',TakaoExGothic,'MotoyaLCedar','Droid Sans Japanese',sans-serif;
}
/*
a:link,a:visited{color:#401f1b;text-decoration:underline;}
a:hover{color:#825929;text-decoration:underline;}
*/
a:hover img{
	opacity:0.5;
	transition:opacity 0.3s ease-out;
}

/* ====================
common
==================== */
.bd-sp{
	font-size:14px;
}
.bd-pc .sp{
	display:none;
}
.bd-sp .pc{
	display:none;
}
.loading{
	/*background:#fff url(../img/cmn/loading.gif) center center no-repeat;*/
	background:#fff;
}
/*
.loading #container{
	opacity:0;
}
#container{
	opacity:0;
}
*/
.loading #container{
	opacity:0;
}
#container{
	opacity:1;
	transition:opacity 0.8s ease;
}
.loading #topimg{
	opacity:0;
}
#topimg{
	opacity:1;
	transition:opacity 0.8s ease;
}
h2{
	line-height:1;
}




/* ====================
header
==================== */
header{
	position:relative;
	z-index:3;
	background:#fff;
	/*
	opacity:1;
	transition:opacity 0.2s ease;
	position:fixed;
	top:0;
	left:0;
	z-index:1;
	*/
	width:100%;
}
header .inner{
	position:relative;
	width:980px;
	margin:0 auto;
}
header .inner:after{content:"";display:block;clear:both;}
header .logo{
	float: left;
	margin: 21px 0 0;
}
header .nav{0:absolute;0:10px;0:10px;float: right;padding: 10px 20px 0 0;}
header .nav:after{content:"";display:block;clear:both;}
header .nav ul{
	float:left;
}
header .nav ul li{
	float:left;
}
header .nav ul li a{
	line-height:0;
	display:block;
}
header .nav #hnav{}
header .nav #hnav li{
	background:url(../img/hd-hnav-line.png) right center no-repeat;
}
header .nav #hnav li:last-child{
	background:none;
}
header .nav #hnav li a{
	position:relative;
	display:block;
	padding:9px 18px;
}
header .nav #hnav li a:after{
	position:absolute;
	bottom:0;
	content:"";
	display:block;
	left:50%;
	width:0;
	border-bottom:none;
}
header .nav #hnav li a:hover:after{
	border-bottom:1px solid #3d4a53;
	left:13%;
	width:74%;
	transition:width 0.3s ease,left 0.3s ease;
}
header .nav #hnav li.on a:after{
	border-bottom:1px solid #3d4a53;
	left:13%;
	width:74%;
	transition:width 0.3s ease,left 0.3s ease;
}
header .nav #hnav li a:hover img{opacity:1;}

header .nav .sns li{
	position:relative;
}
header .nav .sns li .line-it-button{
/*
-webkit-filter: grayscale(90%) hue-rotate(114deg);
-moz-filter: grayscale(90%) hue-rotate(114deg);
-o-filter: grayscale(90%) hue-rotate(114deg);
-ms-filter: grayscale(90%) hue-rotate(114deg);
filter: grayscale(90%) hue-rotate(114deg);
*/
transform: scale(0.78);
-o-transform: scale(0.78);
-webkit-transform: scale(0.78);
-moz-transform: scale(0.78);
-ms-transform: scale(0.78);
margin: -1px 0 0 -1px;
opacity:0;
}
header .nav .sns li.line .line-it-button:hover{
opacity:1;
}
header .nav .sns li.line a{
position:absolute;
top:0;
left:-1px;
z-index:0;
}

header .nav .sns li a{
	padding:3px;
}

header .nav .willa{
	float:left;
	display:block;
	padding:3px;
	margin:0 0 0 4px;
}
header #gnav{
	zoom:1;
	float: right;
}
header #gnav:after{content:"";display:block;clear:both;}
header #gnav li{
	float:left;
}
header #gnav li a{
	position:relative;
	display:block;
	padding: 23px 26px;
}
header #gnav li a:after{
	position:absolute;
	bottom:14px;
	content:"";
	display:block;
	left:50%;
	width:0;
	border-bottom:none;
}
header #gnav li a:hover:after{
	border-bottom:1px solid #3d4a53;
	left:10%;
	width:80%;
	transition:width 0.3s ease,left 0.3s ease;
}
header #gnav li a:hover img{opacity:1;}

/*
header #gnav li.on a{
	background:#3d4a53;
	background:#EEF2F3;
}
header #gnav li.on a:hover:after{
	border-bottom:none;
	left:50%;
	width:0;
}
*/
header #gnav li.on a:after{
	border-bottom:1px solid #3d4a53;
	left:10%;
	width:80%;
	transition:width 0.5s ease,left 0.5s ease;
}





/* pc
-------------------- */

/* sp
-------------------- */


/* ====================
footer
==================== */
footer{
	position:relative;
	z-index:4;
	color:#fff;
	background:#2b2b2b;
}
footer a{
	color:#fff;
	text-decoration:none;
}
footer a:hover{
	text-decoration:underline;
}
footer .inner{
	width:980px;
	margin:0 auto;
	text-align:left;
	padding: 46px 0;
	line-height:1.2;
}
footer .inner:after{content:"";display:block;clear:both;}
footer .links{
	width:100%;
	padding: 0 0 20px;
}
footer .links:after{content:"";display:block;clear:both;}
footer .links li{
	float:left;
	padding: 0 15px 20px 0;
}
footer .links li:nth-child(3n+3){
	padding: 0 0 20px;
}
footer .links li img{
	height: 49px;
}
footer .logo{
	display:block;
	width:100%;
	padding:2em 0 1.5em;
}
footer .sec{
	float:left;
	padding:0 40px 0 0;
}
footer .sec a{
	display:block;
	width:100%;
	margin:20px 0 10px;
}
footer .sec .under{
	border-left:1px solid #fff;
	padding:0 0 0 8px;
}
footer .sec .under a{
	margin:10px 0;
}

footer .fnav{
	float:left;
	width:654px;
}
footer .timeline{
	float:right;
	width:316px;
}
/*
footer .links{
	width:100%;
	padding:0 0 0.5em;
}
footer .links:after{content:"";display:block;clear:both;}
footer .links li{
	float:left;
	padding:0 0 1.5em 0;
}
footer .links li img{
	width:300px;
}
*/



footer .cr{
	background:#fff;
	width:100%;
	text-align:center;
}
footer .cr img{
	padding:10px 0 10px 732px;
	margin:0 auto;
}

/* pc
-------------------- */

/* sp
-------------------- */

/* ====================
bg
==================== */
#bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:980px;
	height:100%;
	z-index:1;
}

/* ====================
cnts
==================== */
#cnts{
	width:100%;
	min-width:980px;
	overflow:hidden;
	position:relative;
	z-index:2;
	padding:0;
	/*
	background:#dae5e7;
	*/
	background:#abc4c9;
	background: -moz-linear-gradient(left top,#abc4c9,#dae5e7,#abc4c9);
	background: -webkit-gradient(linear,left top,right bottom,from(#abc4c9),color-stop(0.5,#dae5e7),to(#abc4c9));
	background: linear-gradient(-45deg,#abc4c9,#dae5e7,#abc4c9);
	background:none;
}

#cnts .ttl-eng{
	padding: 80px 0 80px;
}
#cnts h1{
	padding: 60px 0 60px;
	color:#fff;
	font-family : 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝','MS Mincho',HiraMinProN-W3,'TakaoEx明朝',TakaoExMincho,'MotoyaLCedar','Droid Sans Japanese',serif;
	font-size:11px;
	/*
	padding:0 0 2.5em;
	*/
	line-height:1.35;
	letter-spacing:0.1em;
}
#cnts h1 span{
	display:block;
	font-size:26px;
	font-weight:normal;
	letter-spacing:0;
}
#cnts .frm{
	width:100%;
	background:#fff;
	/*
	width:980px;
	margin:0 auto;
	padding:35px 0;
	*/
}

.pagetop{
	display:block;
	width:100%;
	padding:30px 0;
	background:#fff;
	position:relative;
	z-index:3;
}
.pagetop:hover{
	background:#3d4a53;
	transition:background 0.5s ease;
}

/* link
------------------------------------ */
#cnts .link{
	border:1px solid #e2e2e2;
	line-height:2;
	padding:5px 10px 5px 30px;
	color:#6a8392;
	text-decoration:none;
	background:#fff url(/common/img/link-arw-off.png) no-repeat 16px center;
}
#cnts .link:hover{
	background:#6a8392 url(/common/img/link-arw-on.png) no-repeat 16px center;
	color:#fff;
	transition:background 0.5s ease;
}

/* button
------------------------------------ */
#cnts .button{
	width:100%;
	padding:60px 0;
}
#cnts .button ul{
	width:980px;
	margin:0 auto;
}
#cnts .button ul:after{content:"";display:block;clear:both;}
#cnts .button ul li{
	width:489px;
	float:left;
}
#cnts .button ul li a{
	display:block;
	border:1px solid #ddd;
	width:488px;
	margin:0 0 0 -1px;
	background:#fff;
}
#cnts .button ul li a:hover{
	background:#3d4a53;
	transition:background 0.5s ease;
}

/* buttons
------------------------------------ */
.buttons{
	width:980px;
	margin:0 auto;
	font-family : 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝','MS Mincho',HiraMinProN-W3,'TakaoEx明朝',TakaoExMincho,'MotoyaLCedar','Droid Sans Japanese',serif;
	background:rgba(255,255,255,0.95);
}
.buttons ul:after{content:"";display:block;clear:both;}
.buttons ul li a{
	color:#3d4a53;
	text-decoration:none;
	border:#e3e3e3 1px solid;
	display:block;
	margin:-1px 0 0 -1px;
}
.buttons ul li a:hover{
	color:#fff;
	background:#3d4a53;
	transition:background 0.5s ease;
}
.buttons ul li{
	float:left;
}
.buttons ul li a h2{
	font-weight:normal;
	font-size:22px;
}
.buttons ul li a p{
	padding:0.4em 0 0;
}
.button2 ul li{width:50%;}
.button3 ul li:nth-child(1){width:50%;}
.button3 ul li:nth-child(2){width:25%;}
.button3 ul li:nth-child(3){width:25%;}

.button-a ul li a{padding:50px 0;}
.button-b ul li a{padding:20px 0;}


/* pc
-------------------- */

/* sp
-------------------- */