@charset "UTF-8";
/* CSS Document */

html,
html * {
    padding: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    box-sizing: inherit;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

body {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 1024px;
	background-color: #DDDDDD;
}


/*スライダー設定*/

.slider {
	margin: 0px;
}
.slider img {
	width: 100%;
	height: auto;
}
.single-item {
	max-width: 750px;
	margin: 0px auto;
}
.slick-prev::before, .slick-next::before {
	font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 20px;
	z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.slick-dots {
	bottom:-25px;
}
.multiple-item li {
	margin: 0 5px;
}
.thumb-item {
	max-width: 700px;
	margin: 0 auto 5px;
	padding: 0 5px;
}
.thumb-item-nav {
	max-width: 700px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 5px;
}
.lazy-item {
	width: 400px;
	margin: 0 auto 50px;
}
.lazy-item li {
	margin: 0 5px;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}



img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

h1 {
	font-size: 29px;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 20px;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 0px;
}
h3 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
h5 {
	font-size: 8px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
h6 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 30px;
}
p {
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 30px;
}
	

.tb1 {
	background-image: url("images/takutoshu.jpg");
	background-size: cover;
	padding: 40px 0px;
	color: #FFFFFF;
	text-align: center;
}
.tb2 {
	background-image: url("images/kera.jpg");
	background-size: cover;
	padding: 40px 0px;
	color: #FFFFFF;
	text-align: center;
}
.tb3 {
	background-image: url("images/kusatsu.jpg");
	background-size: cover;
	padding: 40px 0px;
	color: #FFFFFF;
	text-align: center;
}
.tb4 {
	background-image: url("images/josikinokabe.JPG");
	background-size: cover;
	padding: 40px 0px;
	color: #FFFFFF;
	text-align: center;
}
.tb5 {
	background-image: url("images/chikyu.jpg");
	background-size: cover;
	padding: 40px 0px;
	color: #FFFFFF;
	text-align: center;
}
.fb {
	background-image: url("images/footerbackcolor.jpg");
	background-size: cover;
	padding: 15px 0px 30px 0px;
	color: #FFFFFF;
	text-align: center;
}

.r-c {
	text-align: left;
	margin-left: 50px;
	color: #000000;
}

.style-logo {
	margin-right: auto;
	margin-left: auto;
	display: block;
	width: 250px;
}

.style-nav ul{
	list-style-type: none;
}

.style-nav ul li a{
	text-decoration: none;
	color: #3E3E3E;
	text-align: center;
	display: block;
	padding: 8px;
}

.style-link a{
	text-decoration: none;
	color: #3E3E3E;
	text-align: center;
	display: block;
}

.style-gazo {
	margin-right: auto;
	margin-left: auto;
	display: block;
	max-width: 750px;
}
.style-gazo-half {
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	max-width: 372px;
}
.style-gazo-icon {
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
	max-width: 36px;
}
.style-slide ul li{
	list-style-type: none;
	text-decoration: none;
	color: #3E3E3E;
}

.col {
	width: 100%;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}



/*デスクトップ用*/
@media (min-width: 1024px){
	
	body {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 1500px;
}

	h1 {
	font-size: 29px;
	font-weight: 200;
	margin-top: 30px;
	margin-bottom: 20px;
}
h2 {
	font-size: 18px;
	font-weight: 200;
	margin-top: 30px;
	margin-bottom: 0px;
}
h3 {
	font-size: 20px;
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 0px;
}
h5 {
	font-size: 8px;
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 0px;
}
h6 {
	font-size: 14px;
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 30px;
}
p {
	font-size: 12px;
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 30px;
}
	
.r-c {
	text-align: center;
	color: #3E3E3E;
}
	
		.style-nav ul li {
		display: inline-block;
	}
	.style-nav ul {text-align: center;}
}