@charset "euc-jp";
/*==================================================
トップページ
==================================================*/
/* slider
--------------------------------------*/
.bx-wrapper {
    margin: 0!important;
}
.bx-wrapper .bx-viewport {
    box-shadow: 0 0 0 #ccc!important;
    left: 0!important;
    border: 0!important;
}
.bx-wrapper .bx-caption {
    background: #fff!important;
    background: hsla(0, 0%, 100%, .8)!important;
}
.bx-wrapper .bx-caption span {
    font-weight: 700!important;
    padding: 15px 30px!important;
    font-size: 14px!important;
    color: #231815!important;
}
.bx-wrapper #slider > div {
    width: 100%!important;
    height: 600px!important;
    position: relative;
}
.bx-wrapper #slider > div img {
    position: absolute;
    top: 50%;
    left: 50%;
	max-width: 100%;
	min-width: 1800px;
	width: 100%;
	margin: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.bx-wrapper .bx-pager {
    bottom: 15px!important;
    right: 10px;
    width: auto !important;
}
.bx-wrapper .bx-pager a {
    width: 8px!important;
    height: 8px!important;
    background-color: #a0a7cb!important;
}
.bx-wrapper .bx-pager a.active {
    background-color: #231815!important;
}
@media screen and (max-width:1023px) {
    .bx-wrapper .bx-caption span {
        padding: 10px!important
	}
	.bx-wrapper #slider > div {
        height: 460px!important
	}
}
@media screen and (max-width:768px) {
    .bx-wrapper #slider>div {
        height: 320px!important
	}
	.bx-wrapper #slider > div img {
		min-width: 1000px;
	}
	.bx-wrapper .bx-pager {
        display: none
    }
}

/* information
--------------------------------------*/
.information {
	margin: 0 30px;
}
.information h3 {
	font-size: 18px;
	padding: 0 0 15px;
}
.information dl {
	background: #F8F8F8;
	padding: 20px;
}
.information dt {
	padding: 0 0 20px;
}
@media (min-width:1001px) and (max-width:9999px) {
	.information dl {
		overflow: hidden;
		max-width: 1200px;
		margin: 0 auto;
		padding: 30px;
	}
	.information dt {
		float: left;
		clear: both;
		width: 130px;
	}
	.information dd {
		padding-left: 130px;
	}
}
@media screen and (max-width:768px) {
	.information {
		margin: 0 4%;
	}
	.information dl {
		background: none;
		padding: 0;
	}
	.information dt {
		padding: 0 0 4.5%;
	}
	.information h3 {
		font-size: 4.2vw;
		padding: 0 0 3%;
	}
}