@charset "UTF-8";

/*共通部分
-------------------------------------------------*/
html{
    font-size: 62.5%;
}

body{
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif ;
    color: #000000
}
h1,h2,h3,h4,h5,h6{
	margin-bottom: 24px;
}
h1{
	font-size: 4.8rem;
	line-height: 1;
}
h2{
	font-size: 3.2rem;
	line-height: 1.33333;
}
h3{
	font-size: 2.4rem;
	line-height: 1;
}
h4,h5,h6{
	font-size: 1.6rem;
	line-height: 1.5;
}
p,ul{
	font-size: 1.6rem;
	line-height: 1.8;
}

a{
    text-decoration: none;
	color: #000000;
}
a:hover{
	background-position: -100% 0;
	color: rgb(255, 255, 255);
	font-weight: bold;
}
img{
    max-width: 100%;
}
*{
    margin: 0;
	padding: 0;
}

/*共通部分
-------------------------------------------------*/
/*==================================================
スライダーのためのcss
===================================*/
.slider {
	position:relative;
	z-index: 5;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
}
/*背景画像設定*/
.slider-item01 img{
	height: 500px;
	width: 90%;
	margin-left: 10%;
	object-fit: cover;
	object-position: bottom;
}

.slider-item02 img{
	height: 500px;
	width: 90%;
	margin-left: 10%;
	object-fit: cover;
	object-position: top;
}
.slider-item03 img{
	height: 500px;
	width: 90%;
	margin-left: 10%;
	object-fit: cover;
	object-position:right;
}

/*ドットナビゲーションの設定*/

.slick-dots {
	position: relative;
	z-index: 3;
	text-align:center;
	margin:-30px 0 0 0;
}

.slick-dots li {
	display:inline-block;
	margin:0 15px;
}

.slick-dots button {
	color: transparent;
	outline: none;
	width:8px;/*ドットボタンのサイズ*/
	height:8px;/*ドットボタンのサイズ*/
	display:block;
	border-radius:50%;
	background:#ccc;/*ドットボタンの色*/
}
/*スマートフォン版
-------------------------------------------------*/
@media screen and (max-width:768px){
	.slider-item01 img{
		width: 100%;
		margin-left: 0%;
}
	.slider-item02 img{
		width: 100%;
		margin-left: 0%;
}
	.slider-item03 img{
		width: 100%;
		margin-left: 0%;
}
	.slider-item {
		margin-left: 0%;
		width: 100%;
		height:350px;
}
	/*ドットナビゲーションの設定*/

	.slick-dots {
		margin:-35px 0 0 0;
}

}