/*# sourceURL=shared/css/index.css */
/*@ sourceURL=shared/css/index.css */
#key .slide1{
	background: url("../img/index/header-slide-01.jpg") no-repeat center top / cover;
}
#key .slide2{
	background: url("../img/index/header-slide-02.jpg") no-repeat center top / cover;
}
#key .slide3{
	background: url("../img/index/header-slide-03.jpg") no-repeat center top / cover;
}


h2.txt-key{
	position: absolute;
	top: 550px;
	left: -208px;
}



#sec1{
	min-height: 1097px;
	background: url("../img/index/s1-bg.jpg") no-repeat center top / cover;
}

#sec1::before{
	content:"";
	top:0;
	left:0;
	position:absolute;
	background: url("../img/index/s1-deco.png") no-repeat left top;
	width: calc(50% + 1064px);
	height: 403px;
}

#sec1 h2{
	padding-top: 117px;
	text-align: center;
	position: relative;
}
#sec1 .img{
	position: absolute;
	top: 216px;
	right: -321px;
	z-index: 2;
}
#sec1 .logo{
	position: absolute;
	top: -18px;
	right: -236px;
}



#sec1 .deco-2{
	position: absolute;
	top: 330px;
	right: -454px;
}

#sec1 .txt{
	padding-top: 402px;
	text-align: center;
	font-weight: 500;
	margin-left: 179px;
}


#sec2{
	position: relative;
	min-height: 800px;
	background: url("../img/index/s2-bg.jpg") no-repeat center top / cover;
}

#sec2::before{
	content:"";
	left:0;
	top: 0;
	position:absolute;
	background:url("../img/shared/line.jpg") repeat-x top left;
	width: 100%;
	height: 9px;
}

#sec2::after{
	content:"";
	left:0;
	bottom: 0;
	position:absolute;
	background:url("../img/shared/line.jpg") repeat-x bottom left;
	width: 100%;
	height: 9px;
}

#sec2 h2{
	padding-top: 120px;
	text-align: center;
}
#sec2 .txt{
	text-align: center;
	color: #FFF;
	margin-left: 12px;
}
#sec2 .btn{
	padding-top: 57px;
	text-align: center;
}
#sec3{
	color: #FFF;
	min-height: 2035px;
	background: url("../img/shared/bg-wood.jpg");
}

#sec3 .deco{
	position: absolute;
	top: 185px;
	left: -541px;
}

#sec3 .deco-2{
	position: absolute;
	top: 1140px;
	right: -439px;
}


#sec3 .img{
	position: absolute;
	top: 40px;
	right: -782px;
}

#sec3 .img-2{
	position: absolute;
	top: 743px;
	left: -400px;
}

#sec3 .ttl{
	padding-top: 98px;
	margin-left: -139px;
}
#sec3 .txt{
	width: 448px;
	padding-top: 15px;
}
#sec3 .btn{
	padding-top: 41px;
}

#sec3 .ttl-2{
	padding-top: 109px;
	margin-left: 387px;
}

#sec3 .txt-2{
	width: 480px;
	margin-left: 525px;
}

#sec3 .btn-2{
	margin-left: 523px;
	padding-top: 46px;
}

#sec3 .frame{
	padding-top: 111px;
	margin-left: -250px;
}

#sec3 .frame .bg{
	position: relative;
	box-shadow: 0px 24px 5px 0px rgba(0, 0, 0, 0.35); 
	width: 1500px;
	height: 600px;
	min-height: 600px;
	background: url("../img/index/s3-frame.jpg") no-repeat center top / 100%;
}

#sec3 .ttl-3{
	padding-top: 89px;
	text-align: center;
}


#sec3 .txt-3{
	text-align: center;
	letter-spacing: 0;
	margin-left: 68px;
	padding-top: 2px;
}

#sec3 .btn-3{
	text-align: center;
	padding-top: 25px;
}


#sec4{
	position: relative;
	min-height: 1170px;
}

#sec4 .wrap{
	min-height: inherit;
}
#sec4 .wrap::before{
	content:"";
	right:-397px;
	bottom:0;
	position:absolute;
	background:url("../img/index/s4-trans.png") no-repeat right bottom;
	width:1228px;
	height:726px;
	z-index: 0;
}


#sec4::before {
    content: "";
    top: 0px;
    left: 0;
    position: absolute;
    background: url("../img/index/s4-bg-top.png") no-repeat left top / 100% 100%;
    width: 100%;
    height: 343px;
}

#sec4 .frame{
	position: relative;
	padding-top: 71px;
	margin-left: -59px;
}
#sec4 .frame .bg{
	width: 1115px;
	height: 560px;
	min-height: 560px;
	background: url("../img/index/s4-frame.png") no-repeat center top / cover;
}
#sec4 h2{
	padding-top: 131px;
	text-align: center;
}
#sec4 #feed{
	padding-top: 62px;
}
#sec4 #feed dl{
	width: 420px;
	float: left;
	margin-left: 138px;
}

#sec4 #feed dl:last-child{
	margin-left: 72px;
}

#sec4 #feed dt{
	float: left;
	border: 2px solid #fff;
}
#sec4 #feed .date{
	float: left;
    padding-top: 55px;
    margin-left: 30px;
}
#sec4 #feed .title{
	float: left;
    color: #AA3000;
    display: inline-block;
    border-bottom: 1px solid #D49E76;
    margin-left: 30px;
}
#sec4 #feed .desc{}


#sec4 .fb{
	padding-top: 45px;
	display: inline-block;
	margin-left: 23px;
	position: relative;
}
#sec4 .insta{
	padding-top: 45px;
	margin-left: 44px;
	display: inline-block;
	position: relative;
}

#sec4 .face{
	position: relative;
	z-index: 4;
	display: inline-block;
	float: left;
	padding-top: 20px;
}

#sec4 .btn{
	text-align: center;
	margin: 40px auto;
}

#instafeed{
	position: relative;
	padding-top: 20px;
	float: right;
	width: 495px;
}

#instafeed li{
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 20px;
	list-style: none;	
}


#instafeed{}


.txt_blog {
	text-align:center;
	padding-top:30px;
}