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


.scrollin,
.scrollin2 {
    opacity : 0;
    transform : translate(0, -30px);
    }	
 
.scrollin.on,
.scrollin2.on {
    opacity : 1;
    transform : translate(0, 0);
    transition : transform 1200ms,opacity 1200ms;
    -webkit-transition : transform 1200ms,opacity 1200ms;
    }

/* pc */
@media screen and (min-width: 801px),screen and (orientation: landscape), print {

	
#contents {
	margin-bottom: 200px;
	text-align: justify !important;
	text-justify: inter-ideograph !important;
	}
	
	
	#title{
		height:583px;
		background-image:url(../images/title_bg.jpg);
		background-position:center;
		background-size:cover;
		position:relative;
		}
		#title_wrap h2{
			margin-top:-160px;
			width:200px;
			display:block;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
			position:relative;
			z-index:1;
			}
			#title_wrap h2 > span{
				width:100%;
				padding-top:25px;
				padding-bottom: 25px;
				box-sizing:border-box;
				display:inline-block;
				background:rgba(0,0,0,0.8);
				}
			#title_wrap h2 > span img{
				width:118px;
				}
	.intro{
		line-height: 3em;
		text-align: center;
		margin: 110px auto 0;
		font-size: 14px;
		}
	
	
	.object_list{
		width:1040px;
		margin-right:auto;
		margin-left:auto;
		}
	.object_list figure{
		margin-top:180px;
		position:relative;
		}
	.object_list figure:nth-of-type(1){
		margin-top:130px;
		}
	.object_list figure figcaption{
		background-color:#000;
		color:#fff;
		width:350px;
		box-sizing:border-box;
		padding:25px 25px 50px;
		position:absolute;
		top:-35px;
		}
		.object_list .txt_left{
			text-align:right;
			}
		.object_list  h3{
			text-align:left;
			font-weight: normal;
			}
	.object_list .txt_right figcaption{right:0;}
	.object_list .txt_left figcaption{left:0;}
		.object_list figure figcaption p{
			margin-top:20px;
			font-size:12px;
			line-height:2em;
			text-align:left;
			}
	
	
}

/* sp =============================================================================================*/
@media only screen and (max-width: 800px) and (orientation: portrait) {

	
#contents {
	text-align: justify !important;
	text-justify: inter-ideograph !important;
	}
	
	
	#title{
		height:400px;
		background-image:url(../images/title_bg.jpg);
		background-position:center;
		background-size:cover;
		position:relative;
		}
		#title_wrap{
			position:relative;
			}
		#title_wrap h2{
			position:absolute;
			bottom:-50px;
			width:100%;
			left:0;
			display:block;
			text-align:center;
			z-index:1;
			}
			#title_wrap h2 > span{
				width:150px;
				box-sizing:border-box;
				display:inline-block;
				background:rgba(0,0,0,0.8);
				box-sizing:border-box;
				padding:25px 20px;
				}
			#title_wrap h2 > span img{
				width:100px;
				max-width:100%;
				}
				
	.intro{
		line-height: 2em;
		margin: 90px auto 100px;
		font-size: 14px;
		padding-left:30px;
		padding-right:30px;
		}
		
	
	.object_list{
		}
	.object_list figure{
		position:relative;
		}
	.object_list figure:nth-of-type(1){
		margin-top:100px;
		}
	.object_list figure img{
		width:100%;
		}
	.object_list figure figcaption{
		background-color:#000;
		color:#fff;
		width:100%;
		box-sizing:border-box;
		padding:30px;
		}
		.object_list figure figcaption h3{
			font-weight:normal;
			}
	.object_list .txt_right figcaption{
		}
		.object_list figure figcaption p{
			margin-top:20px;
			font-size:12px;
			line-height:2em;
			}
		
	.footer_bg{
		background-color:#000;
		height:100px;
		}
		footer{
			margin-top:0;
			}
}