@charset "UTF-8";

p {
	margin: 0;
	padding: 0;
}

ol, ul, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* menu */
.menu {
	display: flex;
	border-top: solid 1px #ededed;
	border-left: solid 1px #ededed;
	border-right: solid 1px #ededed;
	border-bottom: solid 1px #ededed;
	flex-flow: row wrap;
	align-items: center;
}

.menu-list {
	width: 50%;
	border-right: 1px solid #ededed;
}

.menu-list:last-child {
	border-right: none;
}

.menu-link {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-weight: bold;
}

.menu-text {
	position: relative;
	padding-right: 20px;
}

.menu-text:after{
	content: "";
    width: 7px;
    height: 7px;
		display: inline-block;
		margin-top: -7px;
    border-top: solid 2px #301913;
    border-right: solid 2px #301913;
    transform: scaleX(1.2) rotate(135deg);
    position: absolute;
		top: 50%;
		right: 2px;
}

/* menu:hover */
.menu-link:hover .menu-text:after {
  animation: roll 2s linear infinite;
}

@keyframes roll {
  0% {
    transform: scaleX(1.2) rotate(135deg);
  }

  50% {
    transform: scaleX(-1.2) rotate(135deg);
  }

  100% {
    transform: scaleX(1.2) rotate(135deg);
  }
}

/* bannar */
.bannar{
	margin-top: 50px;
}
.bannar-link{
	display: block;
}

.bannar-image{
	width: 100%;
}
@media (max-width: 767px){
  .bannar{
		margin-top: 30px;
  }
}

/* bannar:hover */
.bannar-link:hover{
	opacity: .7;
}

/*動画設定*/
.video-pc{
    text-align: center;
}

.video-sp{
    text-align: center;
    width:100%;  
    padding-bottom: 56.25%; 
    position: relative;
    height:5px; 
  /*     color: #fbf7e6; */ 
    margin: 0px; 
}

.video-sp iframe{
    position: absolute;
    top: 7%;
    left: 0;
   right: 0;
    bottom: 15px;
margin-left:auto;
margin-right:auto;
    width: 85%;
    height: 85%;