@charset "utf-8";
/* CSS Document */

.wrapper{
	margin-top: 100px;
}
.grand_top{
	max-width: 1200px;
	margin-bottom: 60px;
	display: inline-block;
}
.grand_top img{
	width: 100%;
}
.grand_top p{
	font-size: 18px;
	text-align: center;
	line-height: 2em;
	letter-spacing: 0.05em;
	font-weight: 400;
	padding: 60px 0;
}
section {
	margin: 0 auto;
}
.concept{
	text-align: left;
	max-width: 890px;
}
.concept td{
	padding-top: 30px;
	padding-bottom: 90px;
}
.concept_title{
	font-family: brandon-grotesque, sans-serif;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 0.15em;
	vertical-align: middle;
}
.concept_txt{
	font-size: 18px;
	line-height: 2em;
	letter-spacing: 0.05em;
	font-weight: 400;
	padding-left: 50px;
}
.artist_mem{
	text-align: left;
	max-width: 890px;
}
.members{
	display: inline-block;
	margin-bottom: 120px;
}
.members:last-child{
	margin-bottom: 90px;
}
.mem_photo{
	float: left;
	width: 41%;
}
.mem_photo img{
	width: 100%;
	float: right;
}

/*.photo_by{
	background:url(../image/Photo.png);
	background-repeat: no-repeat; 
	background-position: 0% 100%;
}*/
.photo_by{
	position: relative;
}
.photo_by p.txt_v {
	position: absolute;
	left: -75px;
	bottom: 58px;
	text-align: right;
	transform: rotate(90deg);
	font-size: 10px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	letter-spacing: 0.05em;
	font-weight: 500;
}
.mem_prof{
	float: right;
	width: 55%;
	margin-top: -0.5em;
}
.mem_prof h3{
	text-align: left;
	line-height: 2em;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.mem_prof h3 .head{
	font-family: brandon-grotesque, sans-serif;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.15em;
}
.head {
	position: relative;
	display: inline-block;
	padding-right: 75px;
}

.head:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 70px;
	height: 1px;
	background-color: #666;
	right: 0;
}

.head-border:after {
	right: 0;
}
.mem_prof h3 .last{
	font-size: 14px;
}
.mem_prof p{
	text-align: left;
	line-height: 2em;
	clear: both;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02em;
}
.mem_prof p a{
	color: #000;
}
.sustainable{
	text-align: left;
	max-width: 775px;
}
.sustainable h2{
	font-family: brandon-grotesque, sans-serif;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.15em;
	vertical-align: middle;
	text-align: center;
}
.sustainable h3{
	color: #324988;
	font-size: 38px;
	letter-spacing: 0.05em;
	line-height: 55px;
	padding: 30px 0 60px;
	text-align: center;
}
.sustainable p{
	line-height: 2em;
	clear: both;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.05em;
	padding-bottom: 30px;
}
.cyusyaku{
	font-size: 12px;
	line-height: 2.2em;
	letter-spacing: 0.05em
}

#grand_footer{
	width: 757px;
}
#grand_footer .sns{
	width: 400px;
	margin: 0 auto 60px;
}
#grand_footer h1{
	margin: 0 0 30px 0;
    width: 76%;
}
.footer_info{
	text-align: left;
	font-size: 12px;
	line-height: 23px;
}
.footer_left{
	float: left;
	width: 46%;
}
.footer_right{
	float: right;
	width: 54%;
}
.footer_left p {
	letter-spacing: 0.05em;
	font-size: 14px;
	font-weight: 500;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	line-height: 2em;
}
.footer_right ul li{
	list-style: disc;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	letter-spacing: -0.01em;
	line-height: 2em;
}


/* ヘッダー左固定レイアウト PC */
.left-fixed .grand_top{
	max-width: none;
	padding-right: 6vw;
	display: block;
}


@media only screen and (max-width: 769px) {
	.grand_top {
		margin-bottom: 60px;
	}
	.grand_top p{
		font-size: 14px;
		padding-bottom:30px
	}
	.gp_sp{
		width: 72%;
	}
	.concept{
		margin-bottom: 0;
	}
	.concept h3{
		font-family: brandon-grotesque, sans-serif;
		font-weight: bold;
		font-size: 20px;
		letter-spacing: 0.15em;
		vertical-align: middle;
		text-align: left;
		padding-bottom: 30px;
	}
	.concept p{
		line-height: 1.7em;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.05em;
		padding-bottom: 70px;
	}
	/*.artist_mem{
		background:url(../image/Photo.png);
		background-repeat: no-repeat; 
		background-position: 0 46%;
	}*/
	.artist_mem{
		margin-top:-50px;
	}
	.members {
		display: flow-root;
		/*width: 90%;*/
		margin: 0 auto 60px;
	}
	.members:last-child {
		margin-bottom: 80px;
	}
	.mem_photo{
		float: none;
		width: 100%;
	}
	.mem_photo img{
		float: none;
		width: 100%;
	}
	.mem_photo p.txt_v {
    left: -75px;
    bottom: 60px;
	}
	.mem_prof{
		width: 100%;
	}
	.mem_prof h3{
		text-align:center;
		line-height: 1.2em;
		padding: 10px 0;
	}
	.mem_prof p{
		line-height: 1.8em;
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 0.05em;
		width: 90.7%;
		margin: 0 auto;
}
	.mgb120{
		margin-bottom: 120px;
	}
	.head{
		padding-right: 0;
		line-height: 3em;
	}
	.head:after{
		display: none;
	}
	.artist_mem hr{
		border-top: 1px solid #707070;
		padding-bottom: 60px;
		width: 100%;
	}
	.sustainable{
		width: 80%;
	}
	.sustainable h2 {
		font-size: 20px;
	}
	.sustainable h3 {
		font-size: 22px;
		line-height: 34px;
		letter-spacing: 0.1em;
		padding-bottom: 35px;
	}
	.sustainable p {
		line-height: 23px;
		font-size: 14px;
		padding-bottom: 15px;
	}
	.cyusyaku {
		font-size: 10px;
		line-height: 19px;
	}

	#grand_footer {
		width: 86%;
	}
	#grand_footer .sns {
		width: 64%;
		margin: 0 auto 30px;
	}
	#grand_footer h1 {
		margin: 0 auto 20px;
		width: 40%;
	}
	.footer_left{
		float: none;
		width: 100%;
		text-align: center;
	}
	.footer_right{
		float: none;
		width: 95%;
		margin: 30px auto;
	}
	.footer_left p{
		font-size: 12px;
		line-height: 1.7em;
	}
	.footer_right ul li{
		font-size: 10px;
		line-height: 1.8em;
	}
}


/* ヘッダー左固定レイアウト SP */
@media screen and (max-width: 980px) {
	.wrapper.left-fixed{
		margin-top: 70px;
	}
	.left-fixed .grand_top {
		width: 86%;
		padding-right: 0;
	}
}