@charset "UTF-8";
.topcontener {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .topcontener {
    margin-top: 550px !important;
  }
}

.header .pcHeader {
  margin-top: 780px;
}

h2 {
  height: 33px;
  line-height: 1;
  margin: 0 auto 5px;
  display: block;
}

@media screen and (max-width: 768px) {
  h2 {
    height: 25px;
    margin: 0 auto 8px;
  }
}

h2 img {
  height: 100%;
}

.h2Subtit01 {
  height: 19px;
}

.h2Subtit01 img {
  height: 100%;
}

.h2Subtit02 {
  height: 31px;
}

.h2Subtit02 img {
  height: 100%;
}

.h2Subtit03 {
  height: 29px;
}

.h2Subtit03 img {
  height: 100%;
}

.h2Subtit04 {
  height: 33px;
}

.h2Subtit04 img {
  height: 100%;
}

.h2Subtit05 {
  height: 33px;
}

.h2Subtit05 img {
  height: 100%;
}

.h3Subtit01 {
  height: 29px;
}

.h3Subtit01 img {
  height: 100%;
}

a:hover {
  opacity: 0.7;
}

.topSlide01 .slick-prev:before {
  display: none;
}

.topSlide01 .slick-next:before {
  display: none;
}

.topSlide01 .slick-next {
  right: 30px;
  background: url("../common/images/slidearrow01_next.png") no-repeat 0 0;
  width: 22px;
  height: 55px;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .topSlide01 .slick-next {
    height: 40px;
    background-size: auto 40px;
    right: 10px;
  }
}

.topSlide01 .slick-prev {
  left: 30px;
  background: url("../common/images/slidearrow01_pre.png") no-repeat 0 0;
  width: 22px;
  height: 55px;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .topSlide01 .slick-prev {
    height: 40px;
    background-size: auto 40px;
    left: 10px;
  }
}

.topSlide01 span img {
  display: inline-block;
}

.topSlide01 .slideImag01 {
  height: 690px;
  background: url("../images/bg_01.jpg") center no-repeat;
  background-size: 100%;
  position: relative;
}

.topSlide01 .slideImag01 span {
  margin: auto;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 960px) {
  .topSlide01 .slideImag01 span {
    width: 640px;
  }
}

@media screen and (max-width: 768px) {
  .topSlide01 .slideImag01 span {
    width: 600px;
  }
}

@media screen and (max-width: 640px) {
  .topSlide01 .slideImag01 span {
    width: 500px;
  }
}

@media screen and (max-width: 550px) {
  .topSlide01 .slideImag01 span {
    width: 450px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide01 .slideImag01 span {
    width: 350px;
  }
}

@media screen and (max-width: 375px) {
  .topSlide01 .slideImag01 span {
    width: 260px;
  }
}

.topSlide01 .slideImag02 {
  height: 690px;
  background: url("../images/bg_01.jpg") center no-repeat;
  background-size: 100%;
  position: relative;
}

.topSlide01 .slideImag02 span {
  margin: auto;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 960px) {
  .topSlide01 .slideImag02 span {
    width: 640px;
  }
}

@media screen and (max-width: 768px) {
  .topSlide01 .slideImag02 span {
    width: 600px;
  }
}

@media screen and (max-width: 640px) {
  .topSlide01 .slideImag02 span {
    width: 500px;
  }
}

@media screen and (max-width: 550px) {
  .topSlide01 .slideImag02 span {
    width: 450px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide01 .slideImag02 span {
    width: 350px;
  }
}

@media screen and (max-width: 375px) {
  .topSlide01 .slideImag02 span {
    width: 260px;
  }
}

.topSlide01 .slideImag03 {
  height: 690px;
  background: url("../images/bg_01.jpg") center no-repeat;
  background-size: 100%;
  position: relative;
}

.topSlide01 .slideImag03 span {
  margin: auto;
  position: absolute;
  top: 45%;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 960px) {
  .topSlide01 .slideImag03 span {
    width: 640px;
  }
}

@media screen and (max-width: 768px) {
  .topSlide01 .slideImag03 span {
    width: 600px;
  }
}

@media screen and (max-width: 640px) {
  .topSlide01 .slideImag03 span {
    width: 500px;
  }
}

@media screen and (max-width: 550px) {
  .topSlide01 .slideImag03 span {
    width: 450px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide01 .slideImag03 span {
    width: 350px;
  }
}

@media screen and (max-width: 375px) {
  .topSlide01 .slideImag03 span {
    width: 260px;
  }
}

.topSlide01 .slick-dots {
  width: 180px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.topSlide01 .slick-dots li button:before {
  color: #fff;
  font-size: 14px;
}

.Area01 {
  padding: 0px 0 65px;
  background: url("../images/bg04.png") no-repeat 100% 285px;
  background-size: cover;
}

@media screen and (max-width: 1700px) {
  .Area01 {
    background-position: 100% 300px;
  }
}

@media screen and (max-width: 1500px) {
  .Area01 {
    background-position: 100% 310px;
  }
}

@media screen and (max-width: 1440px) {
  .Area01 {
    background-position: 100% 310px;
  }
}

@media screen and (max-width: 1300px) {
  .Area01 {
    background-position: 100% 310px;
  }
}

@media screen and (max-width: 1200px) {
  .Area01 {
    background-position: 90% 310px;
  }
}

@media screen and (max-width: 1080px) {
  .Area01 {
    background-position: 90% 310px;
  }
}

@media screen and (max-width: 1080px) {
  .Area01 {
    background-position: 90% 320px;
  }
}

@media screen and (max-width: 900px) {
  .Area01 {
    background-position: 90% 290px;
  }
}

@media screen and (max-width: 800px) {
  .Area01 {
    background-position: 90% 270px;
  }
}

@media screen and (max-width: 768px) {
  .Area01 {
    padding-bottom: 40px;
    background-position: 75% 640px;
  }
}

@media screen and (max-width: 600px) {
  .Area01 {
    background-position: 75% 580px;
  }
}

@media screen and (max-width: 500px) {
  .Area01 {
    background-position: 75% 520px;
  }
}

@media screen and (max-width: 400px) {
  .Area01 {
    background-position: 75% 450px;
  }
}

@media screen and (max-width: 375px) {
  .Area01 {
    background-position: 75% 390px;
  }
}

@media screen and (max-width: 320px) {
  .Area01 {
    background-position: 75% 404px;
  }
}

.Area01 .btn01 {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .Area01 .btn01 {
    margin-top: 30px;
  }
}

@media screen and (max-width: 500px) {
  .Area01 .btn01 {
    width: 90%;
  }
}

.item01 {
  background: #FCF8F0;
  padding: 70px 0 75px;
}

@media screen and (max-width: 768px) {
  .item01 {
    padding: 30px 0 40px;
  }
}

.item01 .item01Txt01 {
  font-size: 24px;
  margin: 34px auto 25px;
}

@media screen and (max-width: 768px) {
  .item01 .item01Txt01 {
    font-size: 16px;
    margin: 26px auto 30px;
  }
}

.searchBox {
  width: 758px;
  margin: 0 auto;
  border: 1px solid #e0dcd5;
  border-radius: 25px;
}

@media screen and (max-width: 768px) {
  .searchBox {
    width: 90%;
    border: none;
    border-radius: 0;
  }
}

.searchBox input, .searchBox textarea, .searchBox select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.searchBox select {
  font-size: 15px;
  height: 28px;
  width: 100%;
  border: none;
  padding: 0 10px;
  cursor: pointer;
  opacity: 0;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .searchBox select {
    height: 45px;
    border-bottom: 1px solid #e0dcd5;
    float: none;
    display: block;
  }
  .searchBox select:last-child {
    border-bottom: 0;
  }
}

.searchBox select:focus {
  opacity: 1;
}

.searchBox .selectLabel0l {
  width: 32.98%;
  height: 28px;
  float: left;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .searchBox .selectLabel0l {
    width: 32%;
  }
}

@media screen and (max-width: 768px) {
  .searchBox .selectLabel0l {
    width: 100%;
    height: 45px;
    float: none;
  }
}

.searchBox .selectLabel0l .centerLabel01 {
  font-size: 15px;
  padding: 3px 0;
  border-right: 1px solid #e0dcd5;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .searchBox .selectLabel0l .centerLabel01 {
    width: 80%;
    padding: 11px 0 12px;
    border-radius: 25px;
    border: none;
  }
}

.searchBox .selectLabel02 {
  width: 32.98%;
  height: 28px;
  float: left;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .searchBox .selectLabel02 {
    width: 32%;
  }
}

@media screen and (max-width: 768px) {
  .searchBox .selectLabel02 {
    width: 100%;
    height: 45px;
    float: none;
  }
}

.searchBox .selectLabel02 .centerLabel02 {
  font-size: 15px;
  padding: 3px 0;
  border-right: 1px solid #e0dcd5;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .searchBox .selectLabel02 .centerLabel02 {
    width: 100%;
    padding: 10px 0;
    border-right: 0;
    border-top: 1px solid #e0dcd5;
    border-bottom: 1px solid #e0dcd5;
  }
}

.searchBox .selectLabel03 {
  width: 32.98%;
  height: 28px;
  float: left;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 800px) {
  .searchBox .selectLabel03 {
    width: 32%;
  }
}

@media screen and (max-width: 768px) {
  .searchBox .selectLabel03 {
    width: 100%;
    height: 45px;
    float: none;
  }
}

.searchBox .selectLabel03 .centerLabel03 {
  font-size: 15px;
  padding: 3px 0;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}

@media screen and (max-width: 768px) {
  .searchBox .selectLabel03 .centerLabel03 {
    width: 80%;
    padding: 11px 0 12px;
    border: none;
  }
}

.searchBox #genre {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}

@media screen and (max-width: 768px) {
  .searchBox #genre {
    border-radius: 10px;
  }
}

@media screen and (max-width: 768px) {
  .searchBox #municipality {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

.searchBox input[type="submit"] {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  background: url("../images/ico_search.png") no-repeat 23% 50%, #e58c80;
  padding: 11px 0 12px;
  width: 20%;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

@media screen and (max-width: 800px) {
  .searchBox input[type="submit"] {
    width: 19.9%;
  }
}

@media screen and (max-width: 768px) {
  .searchBox input[type="submit"] {
    width: 100%;
    height: 100%;
    margin-top: 20px;
    padding: 9px 0;
    border-radius: 10px;
    background-position: 45% 50%;
  }
}

@media screen and (max-width: 640px) {
  .searchBox input[type="submit"] {
    background-position: 43%;
  }
}

@media screen and (max-width: 500px) {
  .searchBox input[type="submit"] {
    background-position: 42% 50%;
  }
}

@media screen and (max-width: 450px) {
  .searchBox input[type="submit"] {
    background-position: 41% 50%;
  }
}

@media screen and (max-width: 400px) {
  .searchBox input[type="submit"] {
    background-position: 40% 50%;
  }
}

@media screen and (max-width: 350px) {
  .searchBox input[type="submit"] {
    background-position: 38% 50%;
  }
}

.selectWrap {
  width: 80%;
  height: 50px;
  padding: 12px 0;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  background: #fff;
  float: left;
}

@media all and (-ms-high-contrast: none) {
  .selectWrap {
    padding: 8px 0;
  }
}

@media screen and (max-width: 768px) {
  .selectWrap {
    width: 100%;
    height: 135px;
    padding: 0;
    border: 1px solid #e0dcd5;
    border-radius: 10px;
    float: none;
  }
}

.item02 {
  width: 1000px;
  margin: 70px auto 0;
}

@media screen and (max-width: 1100px) {
  .item02 {
    width: 98%;
  }
}

@media screen and (max-width: 768px) {
  .item02 {
    margin-top: 30px;
    padding: 0 40px 0 10px;
  }
}

@media screen and (max-width: 500px) {
  .item02 {
    padding: 0 15px 0 10px;
  }
}

.item02Nav {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .item02Nav {
    margin-top: 30px;
  }
}

.item02Nav li {
  width: 24%;
  margin-right: 1%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .item02Nav li {
    width: 48%;
    margin: 0 0 30px 0;
  }
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(odd) {
    margin-right: 4%;
  }
}

.item02Nav li:nth-child(-n+4) {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(-n+4) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(2n+1) {
    clear: both;
  }
}

.item02Nav li:first-child .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 19%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:first-child .item02NavTxt01 span:first-child {
    margin: 0px 5px 0 19%;
  }
}

.item02Nav li:nth-child(2) .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 21%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(2) .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 21%;
  }
}

.item02Nav li:nth-child(3) .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 34%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(3) .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 34%;
  }
}

.item02Nav li:nth-child(4) {
  margin-right: 0;
}

.item02Nav li:nth-child(4) .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 34%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(4) .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 34%;
  }
}

.item02Nav li:nth-child(5) {
  clear: both;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(5) {
    clear: none;
  }
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(5) .item02NavTxt01 {
    margin-top: 8px;
  }
}

.item02Nav li:nth-child(5) .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 19%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(5) .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 19%;
  }
}

.item02Nav li:nth-child(6) .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 5%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(6) .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 5%;
  }
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(7) {
    margin-bottom: 0;
  }
}

.item02Nav li:nth-child(7) .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 15%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:nth-child(7) .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 15%;
  }
}

.item02Nav li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
  .item02Nav li:last-child {
    margin-bottom: 0;
  }
}

.item02Nav li:last-child .item02NavTxt01 span:first-child {
  margin: 3px 15px 0 25%;
}

@media screen and (max-width: 768px) {
  .item02Nav li:last-child .item02NavTxt01 span:first-child {
    margin: 2px 5px 0 25%;
  }
}

.item02Nav li span {
  display: block;
  line-height: 1;
}

.item02Nav li .item02NavTxt01 {
  font-size: 18px;
  width: 100%;
  margin-top: 3px;
}

@media screen and (max-width: 500px) {
  .item02Nav li .item02NavTxt01 {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .item02Nav li .item02NavTxt01 span:last-child {
    width: 20px;
  }
}

.item02Nav a {
  display: block;
}

.item02Nav .item02IcoTxt {
  display: block;
}

.arrow01 {
  color: #fff;
  width: 24px;
  height: 24px;
  background: #e2bc4d;
  border-radius: 12px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .arrow01 {
    width: 20px;
    height: 20px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 500px) {
  .arrow01 {
    font-size: 18px;
  }
}

.arrow01:before {
  color: #fff;
  position: absolute;
  top: 3px;
  right: 8px;
}

@media screen and (max-width: 768px) {
  .arrow01:before {
    top: 1px;
    right: 6px;
  }
}

.arrow02 {
  background: #7faccc;
}

.arrow03 {
  background: #98c174;
}

.arrow04 {
  background: #dcc99e;
}

.arrow05 {
  background: #cc8056;
}

.arrow06 {
  background: #d78783;
}

.arrow07 {
  background: #b5b8be;
}

.arrow08 {
  background: #9680a4;
}

.area02 {
  width: 100%;
  height: 617px;
  background: url("../images/bg_02.jpg") 50% 100% no-repeat fixed;
  background-size: cover;
  z-index: 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .area02 {
    height: 523px;
    background: url("../images/bg_02.jpg") 47% 100% no-repeat fixed;
    background-size: cover;
  }
}

.item03 {
  width: 1100px;
  padding: 45px 0 65px;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
}

@media screen and (max-width: 1200px) {
  .item03 {
    width: 94%;
    padding: 20px 20px 40px;
  }
}

@media screen and (max-width: 768px) {
  .item03 {
    top: 10%;
  }
}

@media screen and (max-width: 600px) {
  .item03 {
    top: 5%;
  }
}

.item03 .btn01 {
  margin-top: 45px;
}

@media screen and (max-width: 768px) {
  .item03 .btn01 {
    margin-top: 30px;
  }
}

.item03 h3 {
  height: 51px;
  line-height: 1;
  margin: 0 auto 5px;
}

@media screen and (max-width: 768px) {
  .item03 h3 {
    height: auto;
    width: 280px;
  }
}

@media screen and (max-width: 500px) {
  .item03 h3 {
    width: 82%;
  }
}

.item03 h3 img {
  height: 100%;
}

@media screen and (max-width: 768px) {
  .item03 h3 img {
    height: auto;
  }
}

.item03txt01 {
  font-size: 26px;
  margin: 48px auto 20px;
}

@media screen and (max-width: 768px) {
  .item03txt01 {
    font-size: 20px;
    margin: 30px auto 15px;
  }
}

@media screen and (max-width: 360px) {
  .item03txt01 {
    font-size: 18px;
    letter-spacing: -0.5px;
  }
}

.item03txt02 {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .item03txt02 {
    text-align: left;
  }
}

.area03 {
  margin: 65px auto;
}

@media screen and (max-width: 768px) {
  .area03 {
    margin: 30px 0 40px;
  }
}

.item04 {
  padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .item04 {
    padding-bottom: 40px;
  }
}

.topSlide02 {
  width: 100%;
  margin: 48px auto 0;
}

@media screen and (max-width: 1300px) {
  .topSlide02 {
    width: 96%;
    margin-top: 30px;
  }
}

.topSlide02 .slick-slide {
  margin-right: 12px;
  /* ガター */
}

.topSlide02 .slick-prev:before {
  display: none;
}

.topSlide02 .slick-next:before {
  display: none;
}

.topSlide02 .slick-next {
  right: 80px;
  width: 20px;
  height: 56px;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .topSlide02 .slick-next {
    right: 18px;
    top: 44%;
    right: 10px;
  }
}

.topSlide02 .slick-next:after {
  content: "\f105";
  color: #3f3e3d;
  font-size: 80px;
  font-family: FontAwesome;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .topSlide02 .slick-next:after {
    font-size: 30px;
  }
}

.topSlide02 .slick-prev {
  left: 50px;
  width: 20px;
  height: 56px;
  z-index: 3;
}

@media screen and (max-width: 768px) {
  .topSlide02 .slick-prev {
    left: 18px;
    top: 44%;
    left: 10px;
  }
}

.topSlide02 .slick-prev:after {
  content: "\f104";
  color: #3f3e3d;
  font-size: 80px;
  font-family: FontAwesome;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .topSlide02 .slick-prev:after {
    font-size: 30px;
  }
}

.topSlide02 .slick-slide {
  margin: 0 40px;
}

@media screen and (max-width: 768px) {
  .topSlide02 .slick-slide {
    margin: 0 10px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide02 .slick-slide {
    margin: 0 30px;
  }
}

.topSlide02 .slick-slide img {
  width: 100%;
}

.topSlide02 .caption01 {
  margin-top: 15px;
}

.topSlide02 .movieImg01 {
  display: block;
  position: relative;
}

.topSlide02 .movieIco01 {
  width: 85px;
  height: 85px;
  margin: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.category01 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-right: 15px;
  padding: 1px 5px;
  background: #e0947e;
  border-radius: 3px;
}

.category02 {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-right: 15px;
  padding: 1px 5px;
  background: #c1c15f;
  border-radius: 3px;
}

.item05 {
  border-top: 1px solid #878787;
  padding-top: 60px;
}

@media screen and (max-width: 768px) {
  .item05 {
    padding-top: 40px;
  }
}

.item05 .btn01 {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .item05 .btn01 {
    margin-top: 30px;
    width: 94%;
  }
}

.item05Box01 {
  width: 1000px;
  margin: 45px auto 0;
}

@media screen and (max-width: 1100px) {
  .item05Box01 {
    width: 98%;
  }
}

@media screen and (max-width: 767px) {
  .item05Box01 {
    margin-top: 30px;
    width: 94%;
  }
}

.item05Box01 li {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .item05Box01 li {
    width: 100%;
    margin-bottom: 30px;
  }
}

.item05Box01 li:nth-child(odd) {
  margin-right: 2%;
}

@media screen and (max-width: 768px) {
  .item05Box01 li:nth-child(odd) {
    margin-right: 0;
  }
}

.item05Box01 li:nth-child(-n+2) {
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .item05Box01 li:nth-child(-n+2) {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .item05Box01 li:last-child {
    margin-bottom: 0;
  }
}

.item05Box01 li a {
  display: block;
}

.item05Box01 .rightContent01 {
  width: 245px;
  display: block;
}

@media screen and (max-width: 1100px) {
  .item05Box01 .rightContent01 {
    width: 53%;
  }
}

@media screen and (max-width: 768px) {
  .item05Box01 .rightContent01 {
    width: 66%;
  }
}

@media screen and (max-width: 500px) {
  .item05Box01 .rightContent01 {
    width: 100%;
    margin-top: 5px;
    float: none;
  }
}

.item05Box01 .rightContent01 span {
  display: block;
}

.item05Box01 .rightContent01 .category01 {
  display: inline-block;
}

.item05Box01 .rightContent01 .blogTittle {
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
  position: relative;
}

.item05Box01 .rightContent01 .blogTittle:after {
  content: "";
  width: 23.5px;
  border-bottom: 1px solid #333;
  position: absolute;
  bottom: -12px;
  left: 0;
}

.item05Box01 .rightContent01 .textarea01 {
  margin-top: 22px;
}

.item05Box01 .leftContent01 {
  width: 225px;
  margin-right: 10px;
  display: block;
}

@media screen and (max-width: 1100px) {
  .item05Box01 .leftContent01 {
    width: 45%;
    margin-right: 2%;
  }
}

@media screen and (max-width: 768px) {
  .item05Box01 .leftContent01 {
    width: 32%;
  }
}

@media screen and (max-width: 500px) {
  .item05Box01 .leftContent01 {
    width: 100%;
    float: none;
  }
}

.area04 {
  background: #f7f0Df;
}

.item06 {
  padding: 60px 0 40px;
}

@media screen and (max-width: 768px) {
  .item06 {
    padding-top: 40px;
  }
}

.topSlide03 {
  width: 1000px;
  margin: 45px auto 0;
}

@media screen and (max-width: 1300px) {
  .topSlide03 {
    width: 96%;
  }
}

.topSlide03 .slick-slide {
  margin-right: 12px;
  /* ガター */
}

.topSlide03 .slick-prev:before {
  display: none;
}

.topSlide03 .slick-next:before {
  display: none;
}

@media screen and (max-width: 500px) {
  .topSlide03 .slick-list {
    overflow-y: visible;
  }
}

.topSlide03 .slick-slide {
  margin: 0 25px;
}

@media screen and (max-width: 768px) {
  .topSlide03 .slick-slide {
    margin-right: 0 15px;
  }
}

.topSlide03 .slick-next {
  right: -122px;
  top: 32%;
  width: 20px;
  height: 56px;
  z-index: 3;
}

@media screen and (max-width: 1300px) {
  .topSlide03 .slick-next {
    right: 10px;
  }
}

@media screen and (max-width: 1000px) {
  .topSlide03 .slick-next {
    right: 0;
  }
}

@media screen and (max-width: 500px) {
  .topSlide03 .slick-next {
    top: 20%;
  }
}

.topSlide03 .slick-next:after {
  content: "\f105";
  color: #3f3e3d;
  font-size: 80px;
  font-family: FontAwesome;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .topSlide03 .slick-next:after {
    font-size: 40px;
  }
}

.topSlide03 .slick-prev {
  left: -134px;
  top: 32%;
  width: 20px;
  height: 56px;
  z-index: 3;
}

@media screen and (max-width: 1300px) {
  .topSlide03 .slick-prev {
    left: 0px;
  }
}

@media screen and (max-width: 1000px) {
  .topSlide03 .slick-prev {
    left: -30px;
  }
}

@media screen and (max-width: 768px) {
  .topSlide03 .slick-prev {
    left: -3px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide03 .slick-prev {
    top: 20%;
  }
}

.topSlide03 .slick-prev:after {
  content: "\f104";
  color: #3f3e3d;
  font-size: 80px;
  font-family: FontAwesome;
  position: absolute;
}

@media screen and (max-width: 768px) {
  .topSlide03 .slick-prev:after {
    font-size: 40px;
  }
}

.topSlide03 .reviewBox {
  height: 256px;
}

.topSlide03 .reviewBox:hover {
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
}

.topSlide03 .reviewBox img {
  display: inline-block;
}

.topSlide03 .reviewBox01 {
  position: relative;
}

.topSlide03 .reviewBox01:hover .hoverText01 {
  display: block;
  position: absolute;
  -webkit-transition-duration: 400ms;
  -o-transition-duration: 400ms;
  transition-duration: 400ms;
}

.topSlide03 .reviewBox02 {
  position: relative;
}

.topSlide03 .reviewBox02:hover .hoverText02 {
  display: block;
  position: absolute;
}

.topSlide03 .reviewBox03 {
  position: relative;
}

.topSlide03 .reviewBox03:hover .hoverText03 {
  display: block;
  position: absolute;
}

.topSlide03 .reviewBox04 {
  position: relative;
}

.topSlide03 .reviewBox04:hover .hoverText04 {
  display: block;
  position: absolute;
}

.topSlide03 .reviewBox05 {
  position: relative;
}

.topSlide03 .reviewBox05:hover .hoverText05 {
  display: block;
  position: absolute;
}

.topSlide03 .hoverText {
  width: 190px;
  border-radius: 4px;
  display: none;
  bottom: 7px;
  left: -12%;
  z-index: 2;
}

@media screen and (max-width: 1300px) {
  .topSlide03 .hoverText {
    left: 4%;
  }
}

@media screen and (max-width: 1200px) {
  .topSlide03 .hoverText {
    width: 170px;
    left: -7%;
  }
}

@media screen and (max-width: 1000px) {
  .topSlide03 .hoverText {
    width: 160px;
    left: -15%;
  }
}

@media screen and (max-width: 900px) {
  .topSlide03 .hoverText {
    width: 135px;
    left: -18%;
  }
}

@media screen and (max-width: 768px) {
  .topSlide03 .hoverText {
    width: 190px;
    left: 3px;
  }
}

@media screen and (max-width: 700px) {
  .topSlide03 .hoverText {
    width: 160px;
    left: 3px;
  }
}

@media screen and (max-width: 600px) {
  .topSlide03 .hoverText {
    width: 160px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media screen and (max-width: 500px) {
  .topSlide03 .hoverText {
    width: 140px;
    right: 0%;
    top: 130px;
    bottom: auto;
  }
}

.topSlide03 .hoverText:after {
  content: "";
  width: 22px;
  height: 14px;
  background: url("../images/bg_ico01.png") no-repeat 0 0;
  position: absolute;
  top: -11px;
  left: 80px;
}

@media screen and (max-width: 768px) {
  .topSlide03 .hoverText:after {
    top: -11px;
    left: 85px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide03 .hoverText:after {
    left: 83px;
  }
}

.topSlide03 .hoverText p {
  font-size: 12px;
  font-weight: normal;
  padding: 25px 20px;
  background: #fff;
  border: 3px solid #e58c80;
  border-radius: 4px;
}

@media screen and (max-width: 1200px) {
  .topSlide03 .hoverText p {
    padding: 10px 15px;
  }
}

@media screen and (max-width: 900px) {
  .topSlide03 .hoverText p {
    padding: 10px;
  }
}

@media screen and (max-width: 500px) {
  .topSlide03 .hoverText p {
    padding: 7px;
  }
}

.area05 {
  padding: 75px 0 90px;
  background: url("../images/bg_03.jpg") no-repeat 0 0;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .area05 {
    padding: 30px 0 60px;
    background-position: 85% 0;
  }
}

.item07 h2 {
  height: 67px;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .item07 h2 {
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .item07 h2 img {
    height: auto;
  }
}

@media screen and (max-width: 500px) {
  .item07 h2 img {
    width: 96%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .item07 .btn01 {
    width: 94%;
  }
}

.item07Txt01 {
  color: #fff;
  font-size: 26px;
  margin: 38px auto 53px;
  line-height: 1.78;
}

@media screen and (max-width: 768px) {
  .item07Txt01 {
    font-size: 18px;
    margin: 0 auto 30px;
  }
}

.btn-select {
  position: relative;
  cursor: pointer;
  /* IEでcursorがチラついたので */
}

/* IE10以上で矢印を消す */
.select::-ms-expand {
  display: none;
}

/* フォーカス時 */
.select:focus {
  z-index: -1;
  opacity: 1;
}

#colorbox iframe {
  max-width: 560px;
  max-height: 315px;
}

.Pslide {
  width: 100%;
  height: 1100px;
  position: fixed !important;
  top: 0;
  z-index: -1;
}

@media screen and (max-width: 768px) {
  .Pslide {
    height: 500px;
    margin-top: 50px;
    position: relative;
  }
}

.Pslide span {
  margin: auto;
  position: absolute;
  top: 32%;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 960px) {
  .Pslide span {
    width: 640px;
  }
}

@media screen and (max-width: 768px) {
  .Pslide span {
    top: 34%;
    width: 600px;
  }
}

@media screen and (max-width: 640px) {
  .Pslide span {
    width: 500px;
  }
}

@media screen and (max-width: 550px) {
  .Pslide span {
    width: 450px;
  }
}

@media screen and (max-width: 500px) {
  .Pslide span {
    width: 350px;
  }
}

@media screen and (max-width: 375px) {
  .Pslide span {
    width: 300px;
  }
}

.vegas-animation-kenburns {
  -webkit-animation: kenburns ease-out;
  animation: kenburns ease-out;
}

@-webkit-keyframes kenburns {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburns {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsUp {
  -webkit-animation: kenburnsUp ease-out;
  animation: kenburnsUp ease-out;
}

@-webkit-keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburnsUp {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsDown {
  -webkit-animation: kenburnsDown ease-out;
  animation: kenburnsDown ease-out;
}

@-webkit-keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburnsDown {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsLeft {
  -webkit-animation: kenburnsLeft ease-out;
  animation: kenburnsLeft ease-out;
}

@-webkit-keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburnsLeft {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsRight {
  -webkit-animation: kenburnsRight ease-out;
  animation: kenburnsRight ease-out;
}

@-webkit-keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburnsRight {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsUpLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  animation: kenburnsUpLeft ease-out;
}

@-webkit-keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsDownRight {
  -webkit-animation: kenburnsUpRight ease-out;
  animation: kenburnsUpRight ease-out;
}

@-webkit-keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsDownLeft {
  -webkit-animation: kenburnsUpLeft ease-out;
  animation: kenburnsUpLeft ease-out;
}

@keyframes kenburnsUpLeft {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.vegas-animation-kenburnsUpRight {
  -webkit-animation: kenburnsUpRight ease-out;
  animation: kenburnsUpRight ease-out;
}

@keyframes kenburnsUpRight {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}