@charset "utf-8";

/**************************************************
		Contents
**************************************************/
/* ===== MV ===== */
.mv {
  position: relative;
  margin-bottom: 20px;
  background: transparent url("../img/home/bg_mv.jpg") 50% 50% no-repeat;
  background-size: cover;
  color: #fff;
}
.mv > .container {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
.mv .logo {
  position: absolute;
  top: 55px;
  left: 0;
}
.mv .inner {
  margin: 0 auto;
  padding: 175px 0 140px 0;
  width: 520px;
}
.mv .innerWrapper {
  display: flex;
}
.mv .youtube iframe {
  margin-top: 50px;
}
.mv .copy {
  margin-bottom: 90px;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.4;
  text-align: center;
}
.mv .button {
  margin-bottom: 25px;
}
.mv .bt01 {
  display: block;
  background: #d9e002;
}
.mv .bt01::before {
  display: none;
}
.mv .bt01 .balloon {
  display: block;
  position: absolute;
  top: -63px;
  left: 25px;
  color: #fff;
}
.mv .bt01 .balloon::before,
.mv .bt01 .balloon::after {
  position: absolute;
  border-radius: 5px;
  width: 4px;
  height: 77px;
  background: #fff;
  content: "";
}
.mv .bt01 .balloon::before {
  bottom: -33px;
  left: -20px;
  transform: rotate(154deg);
}
.mv .bt01 .balloon::after {
  bottom: -27px;
  right: -20px;
  transform: rotate(199deg);
}
.mv .bt01 .balloon .num {
  font-size: 2.25rem;
}
.mv .description {
  margin-bottom: 20px;
}
.mv .area {
  display: flex;
  width: 420px;
  font-size: 0.88rem;
  line-height: 1.5;
  align-items: center;
  justify-content: center;
}
.mv .area dt {
  padding: 10px;
  border: 3px solid #fff;
  width: 110px;
  text-align: center;
}
.mv .area dd {
  margin-left: 20px;
}

/* ===== Index ===== */
.listIndex {
  display: flex;
  margin-bottom: 60px;
  justify-content: space-between;
}
.listIndex li {
  width: 360px;
}
.listIndex li a {
  display: block;
  position: relative;
}
.listIndex li .image {
  display: block;
  overflow: hidden;
}
.listIndex li .image img {
  transition: all 0.3s ease-out;
}
.listIndex li .title {
  display: block;
  position: relative;
  margin: -80px 0 25px -20px;
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
  line-height: 1.4;
}
.listIndex li .title span {
  display: inline-block;
  padding: 17px 20px;
}
.listIndex li:nth-child(1) .title span {
  background: #65d086;
}
.listIndex li:nth-child(2) .title span {
  background: #f56a81;
}
.listIndex li:nth-child(3) .title span {
  background: #57bee3;
}
.listIndex li a:hover {
  opacity: 0.7;
}
.listIndex li a:hover .image img {
  transform: scale(1.15);
}

/* ===== Contact ===== */
.boxContact .copy {
  font-size: 1.25rem;
  font-weight: normal;
  line-height: 1.5;
}
.boxContact .tel {
  font-size: 2.13rem;
  line-height: 1.5;
}