/*-----CONCEPT------*/
#key {
	background: url(../img/concept/kv.jpg) no-repeat center;
	background-size: cover;
}
#sec1 .box_in {
	position: relative;
}
#sec1 .box_in::before {
	content: "";
	background: url(../img/shared/s5_bg03.jpg);
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 33%;
}
#sec1 .box_in::after {
	content: "";
	background: url(../img/concept/s1_bg1.png), url(../img/shared/bg_yellow.jpg);
	background-repeat: no-repeat, repeat;
	background-position: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 40%;
}
#sec1 .box_in .bg_inside {
	position: relative;
	padding: 103px 0 103px;
}
#sec1 .box_in .bg_inside::before {
	content: "";
	background: url(../img/concept/s1_bg3.png), url(../img/shared/bg_brown.jpg);
	background-repeat: no-repeat, repeat;
	background-position: bottom center;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 60%;
}
#sec1 .box_in .bg_inside::after {
	content: "";
	background: url(../img/concept/s1_bg2.png), url(../img/shared/bg_green.jpg);
	background-repeat: no-repeat, repeat;
	background-position: bottom center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 67%;
}
#sec1 .blk-1 {
	margin-left: -10px;
	padding-bottom: 37px;
}
#sec1 .blk-1 h2 {
	position: relative;
	z-index: 3;
	margin-left: 9px;
}
#sec1 .blk-1 p.photo-1 {
	position: absolute;
	top: 0;
	right: -287px;
	z-index: 2;
}
#sec1 .blk-2 {
	position: relative;
	z-index: 2;
}
#sec1 .blk-2 .info {
	float: right;
	width: 680px;
	background: url(../img/access/s2_box_bg.png);
	margin-right: -44px;
}
#sec1 .blk-2 .info p.txt {
	padding: 69px 85px 62px 94px;
}
#sec1 .blk-2 p.photo-2 {
	position: absolute;
	left: -140px;
	top: 65px;
	z-index: 3;
}
#sec2 {
	background: url(../img/shared/wood_line.jpg), url(../img/shared/bg2.jpg);
	background-position: top center;
	background-repeat: repeat-x, repeat;
	margin-bottom: -107px;
}
#sec2 .wrap {
	padding-top: 136px;
}
#sec2 h2 {
	position: absolute;
	top: -39px;
	left: 367px;
	z-index: 10;
}
#sec2 .box_in {
	background: url(../img/concept/s2_box_bg.png), url(../img/shared/bg3.jpg);
	background-repeat: no-repeat, repeat;
	background-position: bottom left, top center;
	padding-bottom: 400px;
	position: relative;
	z-index: 2;
}
#sec2 dl {
	z-index: 3;
}
#sec2 dl dt {
	position: relative;
}
#sec2 dl dd {
	line-height: 33px;
}
#sec2 dl dd small {
	font-size: 18px;
	color: #cf5e00;
}
#sec2 dl.dl-1 {
	margin-left: -163px;
	float: left;
	margin-top: -81px;
}
#sec2 dl.dl-1 dt {
	margin-bottom: -61px;
	position: relative;
}

/**/
#sec2 dl.dl-1 dt span {
display: block;
    position: absolute;
    bottom: 90px;
    left: 287px;
    height: 51px;
    width: 263px;
    z-index: 8;
    overflow: hidden;
}
#sec2 dl.dl-1 dt em {
    width: 100%;
    height: 100%; 
}

/**/


#sec2 dl.dl-1 dd {
	width: 333px;
	padding-left: 290px;
}
#sec2 dl.dl-2 {
	position: absolute;
	top: -176px;
	right: -194px;
}


/**/
#sec2 dl.dl-2 dt span {
    display: block;
    position: absolute;
    bottom: 125px;
    left: 65px;
    height: 51px;
    width: 239px;
    z-index: 8;
    overflow: hidden;
}
#sec2 dl.dl-2 dt em {
    width: 100%;
    height: 100%; 
}

/**/

#sec2 dl.dl-2 dd {
	position: absolute;
	top: 498px;
	left: 63px;
	width: 289px;
}
#sec2 dl.dl-3 {
	position: absolute;
	top: 420px;
	right: -137px;
}

/**/
#sec2 dl.dl-3 dt span {
    display: block;
    position: absolute;
    bottom: 173px;
    left: 51px;
    height: 200px;
    width: 51px;
    z-index: 8;
    overflow: hidden;
}
#sec2 dl.dl-3 dt em {
    width: 100%;
    height: 100%; 
}

/**/

#sec2 dl.dl-3 dd {
	position: absolute;
	top: 226px;
	right: 572px;
	width: 245px;
	height: 326px;
}
#sec3 {
	padding-bottom: 159px;
	background: url(../img/shared/wood_line.jpg) repeat-x top center;
	padding-top: 20px;
}
#sec3 .blk-1 {
	position: relative;
	padding: 142px 0 130px;
	background: url(../img/concept/s3_bg.jpg) no-repeat center;
	background-size: cover;
	margin-bottom: -176px;
}
#sec3 .blk-1 h2 {
	position: relative;
	z-index: 3;
	margin-left: -49px;
}
#sec3 .blk-1 .photo {
	position: absolute;
	top: 103px;
	right: -114px;
}
#sec3 .blk-1 .photo p.tt {
	position: absolute;
}
#sec3 .blk-1 .photo p.tt-1 {
	top: 101px;
	left: 76px;
}
#sec3 .blk-1 .photo p.tt-2 {
	top: 102px;
	right: 221px;
}
#sec3 .blk-1 .photo p.tt-3 {
	bottom: -52px;
	left: 226px;
}
#sec3 .blk-2 .info {
	background: url(../img/access/s2_box_bg.png);
	padding: 70px 58px 78px;
	width: 387px;
	margin-left: -24px;
}
#sec3 .blk-2 .info dl {
	font-family: 'Noto Sans JP', sans-serif;
	color: #844009;
	padding-bottom: 35px;
}
#sec3 .blk-2 .info dl dt {
	font-size: 30px;
}
#sec3 .blk-2 .info dl dt span {
	color: #cf5e00;
}
#sec3 .blk-2 .info dl dd {
	font-size: 24px;
	padding-top: 19px;
	letter-spacing: 0;
}
#sec3 .blk-2 .info dl dd span {
	font-size: 18px;
}
#sec3 .blk-2 .info .txt {
	letter-spacing: 0.6px;
}
#sec3 .blk-2 .group-btn {
	position: absolute;
	top: 237px;
	right: 40px;
}
#sec3 .blk-2 .group-btn p + p {
	margin-top: 22px;
}
#sec4 .blk-1 {
	background: url(../img/shared/bg_yellow.jpg);
	position: relative;
	height: 362px;
}
#sec4 .blk-1 .title {
	position: absolute;
	top: -197px;
	left: 50px;
	z-index: 4;
}
#sec4 .blk-1 .title p {
	display: block;
	margin-bottom: -49px;
	position: relative;
}

/**/
#sec4 .blk-1 .title p span {
    display: block;
    position: absolute;
    bottom: 22px;
    left: 237px;
    height: 111px;
    width: 420px;
    z-index: 8;
    overflow: hidden;
}
#sec4 .blk-1 .title p em {
    width: 100%;
    height: 52px; 
}
#sec4 .blk-1 .title p em.a_m1 {
	bottom: 59px;
}
#sec4 .blk-1 .title p em.a_m2 {
	       bottom: 0px;
}
/**/

#sec4 .blk-2 {
	position: relative;
}
#sec4 .blk-2::before {
	content: "";
	background: url(../img/concept/s4_blk1_bg1.png), url(../img/shared/s5_bg03.jpg);
	background-repeat: no-repeat, repeat;
	background-position: bottom center;
	position: absolute;
	top: 0;
	left: 0;
	width: 54%;
	height: 54%;
}
#sec4 .blk-2 .bg_inside {
	position: relative;
	padding: 120px 0 90px;
}
#sec4 .blk-2 .bg_inside::before {
	content: "";
	background: url(../img/concept/s4_blk1_bg2.png), url(../img/shared/bg_green.jpg);
	background-repeat: no-repeat, repeat;
	background-position: bottom right;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 46%;
	height: 46%;
}
#sec4 .blk-2 .row-1 {
	padding: 0px 0 122px;
}
#sec4 .blk-2 .row-1 h3 {
	padding-left: 138px;
}
#sec4 .blk-2 .row-1 .slider {
	position: absolute;
	width: 495px;
	height: 495px;
	top: -45px;
	right: -30px;
	z-index: 4;
}
#sec4 .blk-2 .row-1 .slider p.tt {
	position: absolute;
	top: -12px;
	left: -148px;
	z-index: 105;
}


/**/
#sec4 .blk-2 .row-1 .slider p.tt span {
    display: block;
    position: absolute;
    top: 12px;
    left: 179px;
    width: 52px;
    z-index: 8;
    overflow: hidden;
}
#sec4 .blk-2 .row-1 .slider p.tt span.a_m1 {
	 height: 386px;
}
#sec4 .blk-2 .row-1 .slider p.tt span.a_m2 {
	 height: 170px;
	 left: 237px;
}
#sec4 .blk-2 .row-1 .slider p.tt em {
    width: 100%;
    height: 100%; 
}

/**/



#sec4 .blk-2 .row-2 {
	position: relative;
}
#sec4 .blk-2 .row-2 p.txt {
	position: absolute;
	width: 355px;
	top: 121px;
	right: 13px;
}
#sec4 .blk-2 .row-2 .photo {
	margin-left: -191px;
	position: relative;
	width: 694px;
	height: 482px;
}
#sec4 .blk-2 .row-2 .photo p.tt-4 {
	position: absolute;
	bottom: 28px;
	right: -58px;
	z-index: 3;
}


/**/
#sec4 .blk-2 .row-2 .photo p.tt-4 span {
    display: block;
    position: absolute;
    bottom: 20px;
    left: 12px;
    height: 112px;
    width: 375px;
    z-index: 8;
    overflow: hidden;
}
#sec4 .blk-2 .row-2 .photo p.tt-4 em {
    width: 100%;
    height: 52px; 
}
#sec4 .blk-2 .row-2 .photo p.tt-4 em.a_m1 {
	bottom: 60px;
}
#sec4 .blk-2 .row-2 .photo p.tt-4 em.a_m2 {
	       bottom: 0px;
}
/**/


#sec5 {
	padding: 121px 0 84px;
	background: url(../img/concept/s4_blk2_bg.png), url(../img/shared/bg_brown.jpg);
	background-position: bottom center;
	background-repeat: no-repeat, repeat;
}
#sec5 h2 {
	position: absolute;
	top: -52px;
	right: 0px;
	z-index: 10;
}
#sec5 .photo {
	position: relative;
	width: 814px;
	margin: 0 auto;
}
#sec5 .photo p {
	position: absolute;
	top: 140px;
	left: -2px;
}

/**/
#sec5 .photo p span {
    display: block;
    position: absolute;
    bottom: 33px;
    left: 35px;
    height: 452px;
    width: 52px;
    z-index: 8;
    overflow: hidden;
}
#sec5 .photo p span.a_m1 {
	
left: 95px;
}
#sec5 .photo p em {
    width: 100%;
    height: 100%; 
}
#sec5 .photo p em.a_m1 {
	bottom: 59px;
}
#sec5 .photo p em.a_m2 {
	       bottom: 0px;
}
/**/



#sec5 p.txt {
	padding: 49px 88px 0 293px;
}
#sec6 {
	position: relative;
}
#sec6 .box_in::before {
	content: "";
	background: url(../img/shared/s5_bg03.jpg);
	position: absolute;
	top: 0;
	right: 0;
	width: 54%;
	height: 53%;
}
#sec6 .box_in::after {
	content: "";
	background: url(../img/concept/s4_blk3_bg1.png) no-repeat bottom center;
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 53%;
}
#sec6 .box_in .bg_inside {
	position: relative;
	padding: 57px 0 108px;
}
#sec6 .box_in .bg_inside::before {
	content: "";
	background: url(../img/concept/s4_blk3_bg2.png) no-repeat bottom center;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 54%;
	height: 47%;
}
#sec6 .box_in .bg_inside::after {
	content: "";
	background: url(../img/shared/bg_green.jpg);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 46%;
	height: 47%;
}
#sec6 h2 {
	margin-bottom: 18px;
	position: relative;
	z-index: 4;
}
#sec6 p.photo {
	position: absolute;
	top: 59px;
	right: -88px;
}
#sec6 h3 {
	margin-left: 50px;
	margin-bottom: -41px;
	position: relative;
	z-index: 6;
}

/**/
#sec6 h3 span {
    display: block;
    position: absolute;
    bottom: 22px;
    left: 124px;
    height: 52px;
    width: 400px;
    z-index: 8;
    overflow: hidden;
}
#sec6 h3 em {
    width: 100%;
    height: 100%; 
}

/**/

#sec6 .info {
	background: url(../img/access/s2_box_bg.png);
	width: 757px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
#sec6 .info p.txt {
	padding: 58px 106px 49px 60px;
}
#sec6 .info p.txt span {
	color: #cf5e00;
	font-size: 18px;
}
#sec7 {
	background: url(../img/shared/bg2.jpg);
	position: relative;
	z-index: 3;
}
#sec7 .wrap {
	padding: 102px 0 86px;
}
#sec7 .box {
	background: url(../img/access/s2_box_bg.png);
	width: 910px;
	margin: 0 auto;
	padding-top: 54px;
	padding-bottom: 216px;
	margin-bottom: -156px;
	text-align: center;
	line-height: 30px;
}

#sec7 .box h2 {
	text-align: center;
	margin-bottom: 43px;
}
#sec7 .box p.photo-1 {
	position: absolute;
	top: -97px;
	left: -146px;
	z-index: 2;
}
#sec7 .box p.photo-2 {
	position: absolute;
	top: 156px;
	right: -98px;
	z-index: 2;
}
#sec7 .blk-2 {
	width: 701px;
	margin: 0 auto;
	position: relative;
	z-index: 4;
}
#sec7 .blk-2 p.btn {
	position: absolute;
	top: 84px;
	left: 134px;
	z-index: 3;
}