@charset "utf-8";
/* アイキャッチとインフォメーション部分
------------------------------- */

.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 5s;
}
.image:nth-of-type(3) {
	animation-delay: 10s;
}
.image:nth-of-type(4) {
	animation-delay: 15s;
}


@keyframes change-img-anim {
	0%{ opacity: 0;}
	20%{ opacity: 1;}
	30%{ opacity: 1;}
	35%{ opacity: 0;}
	100%{ opacity: 0;}
}
/* テキストのアニメーション(透過率変更) */
@keyframes blinkOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.text-opacity {
  animation: blinkOpacity 1s ease-in-out infinite alternate;
}
/* お知らせリンク */
a.infobox-link {
    color: #15B8EB
}

/* ########### 514px以下 (375まで)########### */
@media screen and (max-width: 514px) {
/* ロゴ設定 */
h1.sp{width: 150px;
	margin-top: 20px;
	margin-left: 25px;
	z-index: 800}

/* eyeキャッチ部分
------------------------------- */
.eye1{display: none
}
.eye2{text-align: center;
display: block;
margin-top: 0px;
}
.eye {
	position: relative;
	max-width: 100%;
	height: 500px;
	top:0px;
	margin-bottom: 50px
	}
.image {
	position: absolute;
	z-index: 500;
	max-width: 100%;
	width: 65%;
	height: auto;
	opacity: 0;
	animation: change-img-anim 20s infinite;
	top: 100px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	
}
.catch{position: absolute;
	text-align: center;
top: 80px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 501;
		width: 100%
}
.catch p{
	font-family: "M PLUS 1p";
	color: #000;
	line-height: 1.3;
	}
	.big{
	font-size: 32px;
	letter-spacing:0.25rem;
	font-weight: 500;
	margin-bottom: 6px
	}
	.small{
	font-size: 12px;
	letter-spacing:0.1rem
	}	
.catch-img{
position: absolute;
z-index: 510;
  top: 300px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.catch-img{
	width: 90%;
	height: auto}

	
/* インフォメーション部分
------------------------------- */

.info {
	background-color:  rgba(76, 73, 62, 0.85);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 10px;}
/* アニメ */	
.text-opacity{
font-size: 20px;
font-family: 'Oswald', sans-serif;
font-weight: nomal;
transition: 3s;
line-height: 0;
letter-spacing: 0.2em;
text-align: center;
padding-bottom: 25px;
 }
/* お知らせ */	
.infobox {
    display: block;
    justify-content: flex-start;
	border-top: 1px solid #fff;
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}
p.text1 {
    font-family: 'Oswald', sans-serif;
	font-size: 0.95rem;
	font-weight: bold;
	letter-spacing: 0.25em
}
p.text2 {font-size: 0.95rem;
	padding-left: 0px;
}
}
/* ########### 515pxから666pxまで ########### */
@media screen and (min-width: 515px) and (max-width: 666px) {	
/* ロゴ設定 */
h1.sp{width: 150px;
	margin-top: 25px;
	margin-left: 40px;
	z-index: 800}

/* eyeキャッチ部分
------------------------------- */
.eye1{display: none
}
.eye2{text-align: center;
display: block;
margin-top:0px
}
.eye {
	position: relative;
	display: block;
	max-width: 100%;
	height: 650px;
	top:0px;
	margin-bottom: 30px;

	}
.image {
	position: absolute;
	z-index: 500;
	width: 65%;
	height: auto;
	opacity: 0;
	animation: change-img-anim 20s infinite;
	top: 120px;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
	
}
.catch{position: absolute;
	text-align: center;
top: 90px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	z-index: 501;
		width: 100%
}
.catch p{
	font-family: "M PLUS 1p";
	color: #000;
	line-height: 1.3;
	}
	.big{
	font-size: 37px;
	letter-spacing:0.25rem;
	font-weight: 500;
	margin-bottom: 6px
	}
	.small{
	font-size: 14px;
	letter-spacing:0.1rem
	}	
.catch-img{
position: absolute;
z-index: 510;
  top: 350px;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.catch-img{
	width: 75%;
	height: auto}

/* インフォメーション部分
------------------------------- */

.info {
	background-color:  rgba(76, 73, 62, 0.85);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 10px;}
/* アニメ */	
.text-opacity{
font-size: 20px;
font-family: 'Oswald', sans-serif;
font-weight: nomal;
transition: 3s;
line-height: 0;
letter-spacing: 0.2em;
text-align: center;
padding-bottom: 25px;
 }
/* お知らせ */	
.infobox {
    display: block;
    justify-content: flex-start;
	border-top: 1px solid #fff;
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
}
p.text1 {
    font-family: 'Oswald', sans-serif;
	font-size: 0.95rem;
	font-weight: bold;
	letter-spacing: 0.25em
}
p.text2 {font-size: 0.95rem;
	padding-left: 0px;
}


}
/* ########### 667pxから833pxまで ########### */
@media screen and (min-width: 667px) and (max-width: 833px) {
/* ロゴ設定 */
h1.sp{width: 150px;
	margin-top: 25px;
	margin-left: 50px;
	z-index: 800}
/* eyeキャッチ部分
------------------------------- */
.eye2{display: none}
.eye1{
	text-align: center;
	display: block;
margin-top: 0px}
.eye {
	margin: 0 auto;
	position: relative;
	max-width: 100%;
	top:-50px;
	height: 550px;
	margin-bottom:-50px;
	}

.image {
	position: absolute;
	z-index: 500;
	max-width: 100%;
	width: 100%;
	height: auto;
	opacity: 0;
	animation: change-img-anim 20s infinite;
	top:0px;
	right:0px;
}
.catch{position: absolute;
	top:100px;
	left:50px;
	z-index: 501;
}
.catch p{
	font-family: "M PLUS 1p";
	color: #000;
	line-height: 1.3

	}
	.big{
	font-size: 36px;
	letter-spacing:0.25rem;
	font-weight: 500;
	margin-bottom: 6px
	}
	.small{
	font-size: 13px;
	letter-spacing:0.1rem
	}	
.catch-img{
position: absolute;
z-index: 990;
top: 280px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.catch-img{
	width: 450px;
	height: auto}
	
/* インフォメーション部分
------------------------------- */

.info {
	background-color:  rgba(76, 73, 62, 0.85);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 60px;
	padding-top: 0px;
	padding-bottom: 18px;}
/* アニメ */	
.text-opacity{
font-size: 20px;
font-family: 'Oswald', sans-serif;
font-weight: nomal;
transition: 3s;
line-height: 0;
letter-spacing: 0.2em;
text-align: center;
padding-bottom: 25px;
 }
/* お知らせ */	
.infobox {
    display: flex;
    justify-content: flex-start;
	border-top: 1px solid #fff;
	width: 90%;
	margin: 0 auto;
	padding-top: 20px;
}
p.text1 {
    font-family: 'Oswald', sans-serif;
	font-size: 0.95rem;
	font-weight: bold;
	letter-spacing: 0.25em
}
p.text2 {font-size: 0.95rem;
	padding-left: 10px;
}
	
}

/* ########### 834px 以上 ########### */
@media (min-width:834px) {
/* ロゴ設定 */
h1.sp{display: none}
/* eyeキャッチ部分
------------------------------- */
.eye2{display: none}
.eye1{text-align: center;
display: block;
margin-top: 50px
}
.eye {
	margin: 0 auto;
	position: relative;
	max-width: 1100px;
	height: 700px;
	top:-100px;
	margin-bottom:-100px;
	}

.image /* キャッチ画像 */{
	position: absolute;
	z-index: 500;
	max-width: 100%;
	height: auto;
	opacity: 0;
	animation: change-img-anim 20s infinite;
	top:0px;
	right:0px;
}
.catch/* キャッチコピー */{position: absolute;
	top:150px;
	left:50px;
	z-index: 501;
}
.catch p{
	font-family: "M PLUS 1p";
	color: #000;

	}
	.big{
	font-size: 48px;
	letter-spacing:0.25rem;
	font-weight: 500;
		margin-bottom: 10px
	}
	.small{
	font-size: 13px;
	letter-spacing:0.1rem
	}	
.catch-img/* キャッチロゴ */{
position: absolute;
z-index: 990;
top: 380px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.catch-img/* キャッチ画像サイズ */{
	width: 480px;
	height: auto}
	
/* インフォメーション部分
------------------------------- */

.info {
	background-color:  rgba(76, 73, 62, 0.85);
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0%;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 100px;
	padding-top: 0px;
	padding-bottom: 25px;}
/* アニメ */	
.text-opacity{
font-size: 20px;
font-family: 'Oswald', sans-serif;
font-weight: nomal;
transition: 3s;
line-height: 0;
letter-spacing: 0.2em;
text-align: center;
padding-bottom: 30px;
 }
/* お知らせ */	
.infobox {
    display: flex;
    justify-content: flex-start;
	border-top: 1px solid #fff;
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
}
	
p.text1 {
    font-family: 'Oswald', sans-serif;
	font-size: 0.95rem;
	font-weight: bold;
	letter-spacing: 0.25em
}
p.text2 {font-size: 0.95rem;
	padding-left: 10px;
}

}
/* ########### 1199px以下 ########### */
@media screen and (max-width: 1199px) {
.info
	{max-width: 90%;}	
}	 

/* ########### 1200px 以上 ########### */
@media screen and (min-width:1200px) {
.info
	{max-width: 1100px;}
}