@charset "utf-8";

/* CSSアニメーションの指定 */
.fadein_top {
	opacity: 0;
	animation: SlideIn 1.5s ease 1.5s forwards;
}
@keyframes SlideIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
.fadein_top2 {
	opacity: 0;
	animation: SlideIn 2s ease 2.0s forwards;
}
@keyframes SlideIn {
0% {
  opacity: 0;
}
100% {
  opacity: 1;
}
}
/*-------------------------------------------------------------*/
/*以下フェードイン表示の指定*/
.fadein2 {
    opacity: 0;
    animation: fadein2 1s ease 0.5s forwards;
}
@keyframes fadein2 {
    0% {
		opacity: 0;
		transform: translateY(64px);
	  }
	  100% {
		opacity: 1;
		transform: translateY(0);
	  }
}

/*------------------------------------------------------------*/
/*以下フェードイン表示の指定*/
.fadein {
    opacity: 0;
    animation: fadein 1s ease forwards;
}
@keyframes fadein {
    0% {
		opacity: 0;
		transform: translateX(-64px);
	  }
	100% {
		opacity: 1;
		transform: translateX(0);
	  }
}
/*------------------------------------------------------------*/
.pc {
	display: block;
}
.sp {
	display: none;
}
@media only screen and (max-width: 768px) {
.pc {
	display: none;
}
.sp {
	display: block;
}	
}
/*------------------------------------------------------------*/

.mainArea {
	width: 100%;
	background: #f5f3ea;
	margin-bottom: 100px;
}

.top_main {
	width: 100%;
	height: 700px;
	overflow: hidden;
	position: relative;
}
.top_main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top_main .top_txt {
	position: absolute;
	text-align: center;
	width: 514px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
.top_main .top_txt img {
	width: 100%;
}
.top_cap  {
	width: 98%;
	font-size: 14px;
	font-weight: 540;
	line-height: 1.4;
	text-align: right;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	margin: 10px auto 0;
}

#sliderArea {
	width: 100%;
	padding: 90px 0 120px;
	background: #f5f3ea;
}
.slider {
	margin: 0;
	width: 100%;
}
.slider li {
	position: relative;
}
.slider .img {
	width: 100%;
	background: #7f7f7f;
}
.slick-initialized .slick-slide img,
.slick-initialized .slick-slide p {
  opacity: 0.3;
  transition: .3s;
}
.slick-initialized .slick-slide.slick-active img,
.slick-initialized .slick-slide.slick-active p {
  opacity: 1;
  transition: .3s;
}
.slider img {
	width: 100%;
	height: auto;
}
.slider .ImgCap {
	position: absolute;
	bottom: 20px;
	left: 30px;
	z-index: 99;
	text-align: left;
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
}

/*-----------------------------------*/

.main{
	min-width:1120px;
	margin:0 0 50px;
	padding:0 40px;
	background-color:#fffbe5;
	font-family : 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,Georgia,メイリオ,Meiryo,serif;
	zoom:1;
	clear:both;
}

.main .colTxt{
	width:560px;
	padding:62px 0 0;
	float:right;
}
.main .colImg{
	width:528px;
	float:left;
}

.main .colTxt h1{
	margin-bottom:38px;
	font-size:32px;
	color:#9d7300;
	font-weight:100;
}
.main .colTxt p{
	margin-bottom:32px;
	font-size:130%;
}
.main .colTxt p.note{
	margin-left:1em;
	text-indent:-1em;
	font-size:100%;
}



.container .section{
	width:456px;
	margin:0 auto 28px;
	padding:62px 412px 62px 62px;
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#f7f7f7;
	zoom:1;
	clear:both;
}
.container .section.result{ background-image:url(../../images/rn/img_result.jpg); }
.container .section.gallery{ background-image:url(../../images/rn/img_gallery.jpg); }
.container .section.history{ margin-bottom:64px; background-image:url(../../images/rn/img_history.jpg); }
.container .section.mgallery{ margin-bottom:64px; background-image:url(../../images/rn/img_gallery.gif); background-position:right 18px top 18px;}

.container .section h2{ font-size:32px; font-weight:100; }
.container .section p{ font-size:130%; }
.container .section p.note{ margin-top:10px; font-size:100%; }


.container .aside{ width:930px; margin:0 auto; padding-bottom:32px; padding-bottom:64px; zoom:1; clear:both; }
.container .colBlock{ width:960px; margin-right:-32px; overflow:hidden; clear:both; }
.container .col{
	width:448px;
	margin-bottom:64px;
	margin-right:32px;
	float:left;
}
.container .col .img{
	margin-bottom:26px;
	padding:8px;
	background-color:#f5f5f5;
}
.container .col .img.devPcTbl{ padding:0; }


.container .col h2{ font-size:32px; font-weight:100; }
.container .col p{ font-size:130%; }