@charset "UTF-8";

/* common class */
#content .clearfix:after {
	content: "";
}
#content .clearfix {
	*zoom: 1;
}
.hidden {
	display: none;
}
.jq_hidden {
	display: none;
}
/*
#oh.clearfix
	h1>a>img
	ul.clearfix
		li*4>a>img
#content
  .wrap
		#sl_p_img
		#sl_n_img
		#stage
			h2#sl_title>img
			#p1
				img#p1_1
				img#p1_2
				img#p1_3
			#p2
				img#p2_1
				img#p2_2
				img#p2_3
				img#p2_4
				img#p2_5
				img#p2_6
				img#p2_ph
				a#p2_btn1
			#p3
				img#p3_1
				img#p3_2
				img#p3_3
				img#p3_4
				img#p3_5
				img#p3_ph
				a#p3_btn1
			#p4
				img#p4_1
				img#p4_2
				img#p4_3
				img#p4_4
				img#p4_5
				img#p4_ph
				a#p4_btn1
				a#p4_btn2
			#p5
				img#p5_1
				img#p5_2
				img#p5_3
				img#p5_4
				img#p5_5
				img#p5_ph
				a#p5_btn1
				a#p5_btn2
				a#p5_end
			#sl_p_label
			#sl_n_label
		#sl_p_btn>a>span
		#sl_n_btn>a>span
		ul#sl_pager.clearfix
			li*5>a
	#cv>a>img
#container...
*/


/*
#oh.clearfix
	h1>a>img
	ul.clearfix
		li*4>a>img
*/
#oh {
	width: 920px;
	margin: 0 auto;
	height: 60px;
}
#oh h1 {
	float: left;
	padding-top: 10px;
}
#oh ul {
	float: right;
	padding-top: 17px;
}
#oh li {
	float: left;
}
#oh li a {
	display: block;
	margin-left:35px;
	line-height: 11px;
	height: 11px;
	padding: 7px 0;
}
#oh li.end a {
	margin-left:30px;
	line-height: 26px;
	height: 26px;
	padding: 0;
}


/*
#content
  .wrap
		#sl_p_img
		#sl_n_img
		#stage
			h2#sl_title>img
			#sl_p_label
			#sl_n_label
		#sl_p_btn>a>span
		#sl_n_btn>a>span
*/
#content {
	margin: 0;
	background-image:url(../img/body_bg.jpg);
	position: relative;
	z-index: 0;
	padding-top: 150px;
}
#content .wrap {
	width: 940px;
	margin: 0 auto;
	background-image: url(../img/sl_bg.png);
	background-position: 6px 6px;
	background-repeat: no-repeat;
	padding: 12px 12px 0 12px;
	position: relative;
}
#sl_p_img {
	position: absolute;
	left: -19px;
	top: 286px;
	z-index:-1;
}
#sl_n_img {
	position: absolute;
	right: -25px;
	top: 286px;
	z-index:-1;
}
#sl_p_btn a{
	position: absolute;
	left: -28px;
	top: 292px;
	width: 40px;
	height: 40px;
}
#sl_p_btn span {
	display: none;
}
#sl_n_btn a{
	position: absolute;
	right: -28px;
	top: 292px;
	width: 40px;
	height: 40px;
}
#sl_n_btn span {
	display: none;
}
#stage {
	width: 920px;
	height: 600px;
	position: relative;
	/*
	*/
	overflow: hidden;
}
#sl_title {
	position: absolute;
	top: 27px;
	right: 25px;
}
#sl_p_label {
	position: absolute;
	top: 270px;
	left: 18px;
}
#sl_n_label {
	position: absolute;
	top: 270px;
	right: 18px;
}

/*
		ul#sl_pager.clearfix
			li*5>a
	#cv>a>img
*/
#sl_pager {
	margin: 0 auto;
	width: 190px;
	padding: 10px 0 50px 0;
}
#sl_pager li {
	float: left;
	margin-right: 10px;
	line-height: 4px;
}
#sl_pager li.end {
	margin-right: 0;
}
#sl_pager a {
	display: block;
	padding: 10px 0;
}
#sl_pager span {
	display: block;
	width: 30px;
	height: 4px;
	background-color: #C4B6A8;
}
#sl_pager li a.current span {
	background-color: #7E6042;
}
#sl_pager em {
	display: none;
}
#cv {
	position: fixed;
	top: 135px;
	right: 0;
	z-index: 110;
	
	/*
	position: absolute;
	right: 0;
	top: 76px;
	z-index: 1000;
	*/
}

/*
			#p1
				img#p1_1
				img#p1_2
				img#p1_3
			#p2
				img#p2_1
				img#p2_2
				img#p2_3
				img#p2_4
				img#p2_5
				img#p2_6
				img#p2_ph
				a#p2_btn1
			#p3
				img#p3_1
				img#p3_2
				img#p3_3
				img#p3_4
				img#p3_5
				img#p3_ph
				a#p3_btn1
			#p4
				img#p4_1
				img#p4_2
				img#p4_3
				img#p4_4
				img#p4_5
				img#p4_ph
				a#p4_btn1
				a#p4_btn2
			#p5
				img#p5_1
				img#p5_2
				img#p5_3
				img#p5_4
				img#p5_5
				img#p5_ph
				a#p5_btn1
				a#p5_btn2
				a#p5_end
*/

/*
#p1 {
	display: none;
}
#p2 {
	display: none;
}
#p3 {
	display: none;
}
#p4 {
	display: none;
}
#p5 {
	display: none;
}
*/

/*
			#p1
				img#p1_1
				img#p1_2
				img#p1_3
*/
#p1_1 {
	position: absolute;
	left: 157px;
	top: 244px;
}
#p1_2 {
	position: absolute;
	left: 83px;
	top: 286px;
}
#p1_3 {
	position: absolute;
	left: 505px;
	top: 116px;
}

/*
			#p2
				img#p2_1
				img#p2_2
				img#p2_3
				img#p2_4
				img#p2_5
				img#p2_6
				img#p2_ph
				a#p2_btn1
*/
#p2_1 {
	position: absolute;
	left: 89px;
	top: 101px;
}
#p2_2 {
	position: absolute;
	left: 88px;
	top: 159px;
}
#p2_3 {
	position: absolute;
	left: 88px;
	top: 379px;
}
#p2_4 {
	position: absolute;
	left: 88px;
	top: 467px;
}
#p2_btn1 {
	position: absolute;
	left: 86px;
	top: 514px;
}
#p2_ph {
	position: absolute;
	left: 461px;
	top: 142px;
}

/*
			#p3
				img#p3_1
				img#p3_2
				img#p3_3
				img#p3_4
				img#p3_5
				img#p3_ph
				a#p3_btn1
*/
#p3_1 {
	position: absolute;
	left: 89px;
	top: 101px;
}
#p3_2 {
	position: absolute;
	left: 88px;
	top: 159px;
}
#p3_3 {
	position: absolute;
	left: 88px;
	top: 315px;
}
#p3_4 {
	position: absolute;
	left: 88px;
	top: 381px;
}
#p3_btn1 {
	position: absolute;
	left: 86px;
	top: 514px;
}
#p3_ph {
	position: absolute;
	left: 461px;
	top: 142px;
}

/*
			#p4
				img#p4_1
				img#p4_2
				img#p4_3
				img#p4_4
				img#p4_5
				img#p4_ph
				a#p4_btn1
				a#p4_btn2
*/
#p4_1 {
	position: absolute;
	left: 89px;
	top: 101px;
}
#p4_2 {
	position: absolute;
	left: 88px;
	top: 159px;
}
#p4_3 {
	position: absolute;
	left: 89px;
	top: 313px;
}
#p4_4 {
	position: absolute;
	left: 88px;
	top: 379px;
}
#p4_btn1 {
	position: absolute;
	left: 86px;
	top: 504px;
}
#p4_btn2 {
	position: absolute;
	left: 276px;
	top: 504px;
}
#p4_ph {
	position: absolute;
	left: 461px;
	top: 142px;
}

/*
			#p5
				img#p5_1
				img#p5_2
				img#p5_3
				img#p5_4
				img#p5_5
				img#p5_ph
				a#p5_btn1
				a#p5_btn2
				a#p5_end
*/
#p5_1 {
	position: absolute;
	left: 89px;
	top: 101px;
}
#p5_2 {
	position: absolute;
	left: 88px;
	top: 159px;
}
#p5_3 {
	position: absolute;
	left: 89px;
	top: 357px;
}
#p5_4 {
	position: absolute;
	left: 88px;
	top: 423px;
}
#p5_btn1 {
	position: absolute;
	left: 86px;
	top: 524px;
}
#p5_btn2 {
	position: absolute;
	left: 248px;
	top: 524px;
}
#p5_ph {
	position: absolute;
	left: 421px;
	top: 142px;
}
#p5_end {
	position: absolute;
	left: 631px;
	top: 516px;
}


body {
    min-width: inherit;
}

footer {
	position: inherit;
}

.pc_only{
	display: block;
}
.sp_only{
	display: none;
}
@media screen and (max-width:767px) {
	#content{
		padding-top: 100px;
		padding-bottom: 16px;
	}
	.pc_only{
		display: none;
	}
	.sp_only{
		display: block;
	}
	.container{
		width: 86%;
		margin: 0 auto;
	}
	img{
		width: 100%;
	}
	.block_mv{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		background: #fff;
		transition: all 1s ease-out;
	}
	.block_mv .block_text{
		transition: all 1s ease-out;
	}
	.block_mv.block_mv-none{
		opacity: 0;
	}
	.block{
		position: relative;
		top: 0;
		left: 0;
		box-sizing: border-box;
		padding: 40px 9%;
		background-color: #fefefe;
		box-shadow: 0px 2px 5px rgb(0 0 0 / 20%);
		transition: all .8s ease-out;
		opacity: 0;
		transform: translateY(60px);
	}
	.block-active{
		opacity: 1;
		transform: translateY(0px);
	}
	.block_in{
		position: relative;
		top: 0;
		left: 0;
		z-index: 2;
	}
	.block:not(:first-child){
		margin-top: 28px;
	}
	.block:after{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		border-image: url("../img/sp/border_img_box.png") 20;
		border-style: solid;
		border-width: 20px;
		z-index: 0;
	}
	.block:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		border-image: url("../img/sp/border_img.png") 10 round;
		border-style: solid;
    border-width: 10px;
		z-index: 0;
	}
	.block_mv .block_text{
		transform: translateY(60px);
		opacity: 0;
		transition-delay: 0.8s;
		transition: all 1s ease-out;
	}
	.block_mv .block_text.block_text-active{
		transform: translateY(0px);
		opacity: 1;
	}
	.block_img{
		margin-top: 24px;
		margin-bottom: 24px;
	}
	.block_btn{
		text-align: center;
	}
	.block_btn_mt{
		margin-top: 14px;
	}
	.block_btn_top img{
		max-width: 300px;
		width: 57%;
	}
}