@charset 'UTF-8';

/** |READ ME| **************************************************************************************

index_pc.css
Ver.201809

----------------------------------------------------------------------------------------------------

01. ヘッダー
02. ホーム
　02-01. フロントロウ
　02-02. 施設情報
　02-03. EXHIBITION
　02-04. PICK UP
　02-05. INFORMATION
　02-06. About LIVING CULTURE
　02-07. フリップフロップ

************************************************************************************** |READ ME| **/





/** |01. ヘッダー| >> ***************************************************************** >> START **/


.site {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transform: translate3d(0, 0, 0);
	z-index: 1000;
}


/** |01. ヘッダー| << ******************************************************************* << END **/


/**  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ここから追加**/


/** |02. ホーム| >> ******************************************************************* >> START **/


.main-v {
	min-height: 100vh;
    max-width: 100%;
    margin: 0 auto;
	}

/** [メインビジュアル] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

.main-mv{
    position: relative;
    display: inline-block;
	
  width: 100%;
  height: 911px;
  background-image: url(/img/top/frn_img_splash.jpg);
  background-repeat: no-repeat;
background-size: cover;
	background-position: center;
}
	

.main-mv img{
  position: absolute;
    left: 56px;
    top: 414px;
   

}







			/* キャプション */
.main-tx p {
  position: absolute;
  width: 1000px;
  
  display: flex;
  align-items: flex-start;
  top: 628px;
  left: 56px;
  
  font-weight: 400;
	font-family: 'UD新ゴ R', sans-serif;
  font-size: 18px;
  line-height: 130%;
  color: #FFFFFF;
}

			

.section  {
	width: 1512px;
    margin: 0 auto;
	}

		




				/** [リスト（固定表示）] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

				
.sab1{
	width: 1392px;
    height: 574px;
	margin: 80px 120px;
	display: flex;
	
	}

.textbox1{
	
	width: 456px;
    height: 128px;
	margin: 0px 65px 0px 0px;
}


.textbox1 h2 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 60px;
	font-weight: 700;
	color: #545859;
	margin: 0px 0px 24px 0px;
	
	}

.textbox1 h3 {
	letter-spacing: -0.02em;
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #545859;
	margin: 0px 0px 32px 0px;

	}

.textbox1 dt {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #545859;
	}



	.btn-more a{
	border: 1px solid #706C6C;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 16px;
	height: 36px;
	line-height: 36px;
	position: relative;
	text-align: center;
	text-decoration: none;
	outline: none;
	width: 124px;
		margin: 40px 0px 0px 0px;
		
	}

	.btn-more:hover a {
			background-color: #545859;
					border-color: #fff;
					color: #fff;
		width: 124px;
				}


.btn-more a:hover::after {opacity: 0.1;}


.imgright1 img {
	width: 871px;
    height: 484px;
	margin: 90px 0px 0px 0px;
}


.sab2{
	width: 1392px;
    height: 120px;
	margin: 80px 120px;
	display: flex;
	}
	


.textbox2 h2 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 60px;
	font-weight: 700;
	color: #545859;
	margin: 0px 0px 24px 0px;
	
	}

.textbox2 p {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #545859;
	}



.sab3{
	width: 1392px;
    height: 443px;
	margin: 80px 120px;
	display: flex;
	}


.imgleft1 img {
	width: 748px;
    height: 443px;
	margin: 0px 0px 0px 0px;
}	

.imgleft2 img {
	width: 748px;
    height: 259px;

}	



.textbox3{
	
	width: 480px;
    height: 443px;
    margin: 0px 25px 
     }	

.textbox3  a:hover {
    color: #4aa6c3;
}


.textbox3 h3 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #545859;
	margin: 0px 0px 32px 0px;
	text-align: right;

	}

.textbox3 h4 {
	line-height: 1.25;
	font-weight: 600;
	font-family: 'UD新ゴ R', sans-serif;
    font-size: 24px;
	color: #545859;
	margin: 0px 0px 32px 0px;
text-align: right;
	}

.textbox3 dt {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #545859;
	}



.sab4{
	width: 1392px;
    height: 259px;
	margin: 80px 120px;
	display: flex;
	}

.textbox4{
	width: 480px;
    height: 259px;
    margin: 0px 25px 
     }	

.textbox4 h3 {
	line-height: 1.25;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 48px;
	font-weight: 700;
	color: #545859;
	margin: 0px 0px 32px 0px;
	text-align: right;

	}

.textbox4 h4 {
	line-height: 1.25;
	font-weight: 600;
	font-family: 'UD新ゴ R', sans-serif;
    font-size: 24px;
	color: #545859;
	margin: 0px 0px 32px 0px;
text-align: right;
	}

.textbox4 dt {
	line-height: 1.5;
	font-family: 'UD新ゴ R', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #545859;
	}

.btn-more2 a{
	border: 1px solid #706C6C;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 16px;
	
	width: 124px;
	height: 34px;
	line-height: 36px;
	position: relative;
	text-align: center;
	text-decoration: none;
	outline: none;
	width: 124px;
	left: 350px;
	top: 40px;		
	}

	.btn-more2:hover a {
			background-color: #545859;
					border-color: #fff;
					color: #fff;
		width: 124px;
				}


	
.btn-more a:hover::after {opacity: 0.1;}