@charset "UTF-8";
@import url("reset.css");
@import url("lib.css");

body {
  font-family: "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #000;
	background-color: #fff;
	line-height: 1.7;
	text-align: justify;
}

.wrap {
	overflow: hidden;
}

/*共通*/

a{
  text-decoration: none;
  color:#000;
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

img {
  max-width: 100%;
}

.inline{
	display: inline-block;
}

.center{
	text-align: center;
}

.sp_item{
  display: none;
}


/*ヘッダー*/

.prehd,
.prehd02{
  width: 100%;
  max-width: 941px;
}

.bg_prehd{
background: linear-gradient(90deg, rgba(179,158,79,1) 0%, rgba(255,255,255,1) 52%, rgba(179,158,79,1) 100%);
}
.bg_prehd p,
.bg_prehd02 p {
  line-height: 1;
}

.bg_prehd02{
  background-color: #AF0E15;
  background-position:center;
}

/*wrapper*/

.wrapper{
  width: 96%;
  max-width: 941px;
  margin: 0 auto;
}

.movie {
  margin: 2em 0;
}

@media screen and (max-width: 640px)  {
  .movie {
    margin: 0.5em 0;
  }
}

.tokuten h3 {
  margin-bottom: 1em;
}

.tokuten_img {
  text-align: center;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

@media screen and (min-width:768px) {
.toku-wrap {
  display: flex;
}

.tokuten .pc-left {
  width: 75%;
}

.tokuten .pc-right {
  width: 25%;
}

.tokuten_img {
  text-align: right;
}
}

.arrow {
  margin: 2em 0;
}

.arrow img {
  margin: 0 auto;
  max-width: 30%;
  display: block;
}

.banner img {
  width: 80%;
  margin : 0 auto;
  display: block;
}

.kougi {
  margin: 2em 0 3em;
}

.kougi h2 {
  text-align: center;
  background: linear-gradient(90deg, rgba(179,158,79,1) 0%, rgba(255,255,255,1) 52%, rgba(179,158,79,1) 100%);
  line-height: 1;
}

.kougi ul {
  padding: 1.5em 1em 0
}
.kougi ul li {
  font-size: 24px;
  font-weight: bold;
  list-style: disc;
  margin-left: 1em;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 640px)  {
.banner img {
  width: 95%;
}

.kougi ul li {
  font-size: 16px;
}
}

/*フッター*/

.footer {
 color: #fff;
 text-align: center;
 padding: 20px 0px 20px;
 background-color: #B19A2A;
 display: block;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer .policy {
  font-size: 18px;
}
.footer .copyright {
  font-size: 15px;
}
@media screen and (max-width: 640px)  {
.footer .policy {
  font-size: 16px;
}
.footer .copyright {
  font-size: 12px;
}
}



@media screen and (max-width:768px) {

body {
	font-size: 17px;
	line-height: 1.4;
}

.pc_item{
  display: none;
}

.sp_item{
  display: block;
}

}

/* 画像やボタンを揺らす設定 */
.img_vibration {
	animation: img_vibration 1s infinite;
}
@keyframes img_vibration {
	0% {
		transform: translate(0px, 0px)
	}
	10% {
		transform: translate(0px, 2px) rotateZ(1deg)
	}
	20% {
		transform: translate(0px, 0px)
	}
	30% {
		transform: translate(0px, 2px) rotateZ(1deg)
	}
	40% {
		transform: translate(0px, 0px)
	}
}