@charset "Shift_JIS";
/*----------------------------------------------------

 Top

	background: #9f566e;
----------------------------------------------------*/


/* contents01
----------------------------------------------------*/
#contents01	{	position:relative;}
#contents01	.logo	{
	position:absolute;
	left:50%;
	top:-100px;
	width:80px;
	margin-left:-40px;
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
}
#contents01	.first {
	position:absolute;
	left:50%;
	top:20%;
	width:200px;
	margin-left:-100px;
}
#contents01	.ttl	{
	display:block;
	font-size:1.6rem;
	padding-bottom:10px;
}
.mouse {
	width: 40px;
	margin: 40px auto 0 auto;
	animation: mouse 1.5s linear infinite;
	-webkit-animation: mouse 1.5s linear infinite;
	-moz-animation: mouse 1.5s linear infinite;
}
@keyframes mouse {
 0% {transform: translateY(0px);}
 30% {transform: translateY(-10px);}
 60% {transform: translateY(0px);}
 80% {transform: translateY(0px);}
 85% {transform: translateY(-5px);}
 90% {transform: translateY(0px);}
 95% {transform: translateY(-5px);}
 100% {transform: translateY(0px);}
}
@-webkit-keyframes mouse {
 0% {-webkit-transform: translateY(0px);}
 30% {-webkit-transform: translateY(-10px);}
 60% {-webkit-transform: translateY(0px);}
 80% {-webkit-transform: translateY(0px);}
 85% {-webkit-transform: translateY(-5px);}
 90% {-webkit-transform: translateY(0px);}
 95% {-webkit-transform: translateY(-5px);}
 100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes mouse {
 0% {-moz-transform: translateY(0px);}
 30% {-moz-transform: translateY(-10px);}
 60% {-moz-transform: translateY(0px);}
 80% {-moz-transform: translateY(0px);}
 85% {-moz-transform: translateY(-5px);}
 90% {-moz-transform: translateY(0px);}
 95% {-moz-transform: translateY(-5px);}
 100% {-moz-transform: translateY(0px);}
}
.mouse:after {
	content: "SCROLL";
	position: absolute;
	width: 100%;
	display: block;
	bottom: -10px;
	left: 0;
	text-align: center;
	font-size: 1rem;
}
#contents01	.news	{
	position:absolute;
	bottom:0;
	width:100%;
	background-color:rgba(0,0,0,0.5);
	padding:6px 12px;
	text-align:left;
	font-size:12px;
	line-height:1.4;
	max-height:140px;
	overflow:auto;
}
#contents01	.news	dl	{}
#contents01	.news	dt	{	padding:3px 0 0;}
#contents01	.news	dd	{	padding:0 0 3px 1em;}
@media screen and (min-width:40em) {
	#contents01	.logo	{
		width:100px;
		margin-left:-50px;
	}
	#contents01	.first {
		top:25%;
		width:260px;
		margin-left:-130px;
	}
	#contents01	.ttl	{	font-size:1.8rem;	}
	.mouse {
		width: 60px;
		margin: 110px auto 0 auto;
	}
	#contents01	.news	{
		padding:8px 20px 20px;
		line-height:1.6;
		max-height:none;
	}
	#contents01	.news	dt	{	padding:3px 0;}
	#contents01	.news	dd	{
		padding:3px 0 3px 80px;
		margin-top:-2em;
	}
}


/* #contents02
----------------------------------------------------*/
#contents02 .box	{	line-height:1.6;}
#contents02 .txtBox	p	{
	font-size:130%;
	text-align:center;
}
#contents02	.hidden	{	display:none;}

@media screen and (min-width:40em) {
	#contents02 .txtBox	{
		line-height:2.4;
		font-size:1.6rem;
		width:80%;
		margin:0 auto;
		letter-spacing:0.1em;
	}
}
@media screen and (max-width:40em) {
	#contents02 .txtBox	br	{	display:none;}
}


/* #contents03
----------------------------------------------------*/
#contents03 .box	{}
#contents03 .txtBox	p	{
	text-align:center;
}
#contents03	ul	{
	display:table;
	width:100%;
	table-layout:fixed;
}
#contents03	ul	li	{
	display:table-cell;
	padding:10px 5px 20px;
}

@media screen and (min-width:40em) {
	#contents03 .txtBox	{
		width:80%;
		margin:0 auto;
	}
	#contents03	ul	{
		width:900px;
		margin:0 auto;
	}
	#contents03	ul	li	{
		padding:10px 10px 20px;
	}
}
@media screen and (max-width:40em) {
	#contents03 .txtBox	{
		height:220px;
		overflow:scroll;
	}
	#contents03 .txtBox	br	{	display:none;}
}


/* #contents04
----------------------------------------------------*/
#contents04 .txtBox	{	padding:0 0 20px;}
#contents04 .bx-wrapper .bx-prev {	left: 0;}
#contents04 .bx-wrapper .bx-next {	right: 0;}
	#contents04 .bx-wrapper .bx-controls-direction a	{
		top:auto;
		margin-top:0;
	}
#contents04 .bx-wrapper	li	p	{	padding:8px 0;}
#contents04 .bx-wrapper	a	{
	display:block;
	text-decoration:none;
}

@media screen and (min-width:40em) {
	#contents04 .bx-wrapper .bx-prev {	left: 340px;}
	#contents04 .bx-wrapper .bx-next {	right: 340px;}
	#contents04 .bx-wrapper .bx-controls-direction a	{
		top:auto;
		margin-top:0;
	}
	#contents04 .bx-wrapper	a:hover	{
		opacity:0.6;
		transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
	}
}

@media screen and (max-width:40em) {
	#contents04 .txtBox br {	display:none;}
	#contents04 .bxslider2	p	{	line-height:1.3;}
}


/* #contents05
----------------------------------------------------*/
#contents05	ul	img	{
	/*width:auto;
	height:auto;
	max-width:200px;
	max-height:200px;
	margin:auto;*/
}
#contents05	ul	li	p	{
	font-size:1.0rem;
	padding:6px 0;
	line-height:1.2;
}

@media only screen and (min-width: 40em) {
	#contents05	ul	a	{}
	#contents05	ul	a	img	{}
	#contents05	ul	li	p {
		position: absolute;
		bottom: -60px;
		left: 0;
		font-size:1.3rem;
		padding:10px;
		box-sizing:border-box;
		z-index: 2;
		width: 100%;
		height: 50px;
		background: rgba(0,0,0,.6);
		-webkit-transition: .3s;
		transition: .3s;
	}
	#contents05	ul	li:hover p {	bottom: 0;}
}
@media only screen and (max-width: 40em) {
	#contents05	.txtBox	br	{
		display:none;
	}
}


/* #contents06
----------------------------------------------------*/
#contents06 ul	{}
#contents06 ul	li	{	vertical-align:top}
#contents06 ul	li:nth-child(1)	{	text-align:right;}

@media screen and (min-width:40em) {
	#contents06 ul	{
		width:100%;
		display:table;
	}
	#contents06 ul	li	{
		display:table-cell;
		vertical-align:top;
	}
	#contents06 ul	li:nth-child(2)	{
		text-align:left;
		width:40%;
		padding :0 0 0 15px;
	}
}
@media screen and (max-width:40em) {
	#contents06	p.list	{	font-size:1.0rem;}
}


/* #contents07
----------------------------------------------------*/
#contents07	.txtBox	{	text-align:center;}
#contents07 .company	{
	font-size:1.8rem;
	padding-bottom:15px;
	line-height:1.2
}
#contents07 .company	span	{	font-size:1.2rem;}
#contents07 .logo_c		{
	width:160px;
	margin:0 auto;
	padding-bottom:4px
}
#contents07	.tel	{	font-size:1.4rem;}
#contents07	.karakami	{
	padding-top:15px;
	margin-top:15px;
	border-top:1px dashed #ccc;
}
#contents07	.kyosyo	{
	background:rgba(255,255,255,0.2) url(../../img/kyosyo.png) no-repeat 15px center;
	background-size:70px auto;
	width:100%;
	margin:20px auto 0;
	border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#contents07	.kyosyo	.txtBox	{
	padding:15px 10px 15px 100px;
	text-align:left;
	font-size:1.1rem;
	/*border:1px solid #fff;*/
}

@media screen and (min-width:40em) {
	#contents07	.karakami	{
		width:400px;
		margin:15px auto 0
	}
	#contents07	.karakami .company	{
		font-size:1.6rem;
		padding-bottom:10px;
	}
	#contents07	.kyosyo	{
		width:auto;
		display:inline-block;
		background-size:90px auto;
	}
	#contents07	.kyosyo	.txtBox	{
		font-size:1.2rem;
		padding:20px 10px 20px 130px;
	}
}