@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

a{
	color: #000;
	text-decoration:none;
}
.container{
	max-width: 1160px;
	padding: 0 40px;
	margin: 0 auto;
}

ul{
	list-style-type: none;
	padding: 0;
}

/*ヘッダー*/
header{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
header > .container{
	height: 150px;
	display: flex;
	align-items: center;
	max-width: none;
	padding: 0 40px;
}

/* ロゴ */
.area_logo_header .logo{
	display: block;
}
.area_logo_header img{
	height: 100px;
	vertical-align: bottom;
}

/*ヘッダーナビ　*/
.nav_header{
	margin: 0 0 0 auto;
}
.list_nav_header{
	display: flex;
	align-items: center;
	margin: 0 -10px;
}
.list_nav_header > li{
	padding: 0 30px;
}

.list_nav_header a{
	color: #fff;
	font: 400 20px/1em 'futura PT', 'noto sans japanese',sans-serif;
}


/*トップビュー */
.area_top_view{
	background: url(../images/image_7.png) no-repeat bottom center;
	background-size: cover;
}
.area_top_view > .container{
	height: 700px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.test-link a {
    color: red;
}
.area_top_view .ttl {
		font: 400 50px/1em 'futura PT', 'noto sans japanese',sans-serif;
	margin: 500px 0 0;
	padding: 0 0 0 100px;
	position: relative;
	}
	
.area_plofile_view{
		background: url(../images/img_12.jpg) no-repeat bottom center;
		background-size: cover;
	}
.area_plofile_view > .container{
		height: 700px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
.area_plofile_view .ttl {
			font: 400 50px/1em 'futura PT', 'noto sans japanese',sans-serif;
		margin: 500px 0 0;
		padding: 0 0 0 100px;
		position: relative;
	}
	



/* エリア＿ホーム　*/
[class*="area_home"]{
	padding: 100px 0 120px;
}

/* ヘッド */
.head_home .ttl{
	display: flex;
	justify-content: center;
}

.head_home .ttl{
	font: 400 60px/1em 'futura PT', 'noto sans japanese',sans-serif;
	padding:  0 0 15px;
	position: relative;
}




/* 2分割レイアウト　*/
.layout_2_div{
	display: flex;
	flex-wrap: wrap;
}
.layout_2_div > div {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* テキストホーム　*/
.text_home .ttl{
	font:400 32px/1em 'futura PT', 'noto sans japanese',sans-serif;
	margin: 0 0 20px;
}

.text_home .description{
	font: 300 20px/1em 'futura PT', 'noto sans japanese',sans-serif;
}


/* バックグラウンド　*/
.bg_black{
	color: #fff;
	background: #000;
}

.hai{
	background-color: #444444;
}

element.style {
    opacity: 1;
}
/* コンセプト　*/
.list_concept {
	display: flex;
	flex-wrap: wrap;
}
.list_concept > li {
	width: 33.3333%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.list_concept .ttl{
	font: 300 40px/1em 'futura PT', 'noto sans japanese',sans-serif;
}
.list_concept .description{
	font: 300 20px/1em 'futura PT', 'noto sans japanese',sans-serif;
}


.text_new .description{
	font: 300 30px/1em 'futura PT', 'noto sans japanese',sans-serif;

}

.list_mail {
	display: flex;
	flex-wrap: wrap;
}
.list_mail > li {
	width: 33.3333%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.list_mail img{
	height: 80px;
	width: 80px;
}

.list_mail .ttl{
	font: 300 40px/1em 'futura PT', 'noto sans japanese',sans-serif;
}
.list_mail .description{
	font: 10 5px/1em 'futura PT', 'noto sans japanese',sans-serif;
}

/* フッター */
footer > .container{
	padding: 0 80px;
	display: flex;
	flex-direction:  column;
	align-items: center;
}

.copyright {
	font: 300 14px/1em 'futura PT', 'noto sans japanese',sans-serif;
	margin: 30px 0 0;
}












@media screen and (max-width: 680px) {

	.container{
		max-width: 100%;
		padding: 0 ;
		margin: 0 auto;
	}

	.nav_header{
		max-width: 100%;
		margin: 0 0 0 auto;
	}

	.list_nav_header > li{
		max-width: 100%;
	}

	.list_nav_header a{
		color: #fff;
		font: 300 15px/1em 'futura PT', 'noto sans japanese',sans-serif;
	}
	
	.list_nav_header{
		display: block;

	}

.layout_2_div > div{
	width: 100%;
	height: auto;
}	

.layout_2_div img{
	max-width: 100%;
	height: auto;
}

.list_concept > li {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.list_mail > li {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

}


/* フェードイン用のCSS */
.slide-bottom {
	opacity: 0;
	transform: translateY(20px);
	transition: all 1.3s 0s ease-out;
  }