@charset "UTF-8";

.boxIndexTop .slide .slick-slide {
  margin: 0 12.5px; /* 左右で合計25px */
}

.boxIndexTop .slide .img img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.slick-prev:before, .slick-next:before {
  content: none!important;
}
.slick-prev,.slick-next {
  width: 36px!important;
  height: 48px!important;
  z-index: 1;
}
.slick-prev {
  background: url("../../images/common/arrow-prev.svg") no-repeat !important;
  left: 16%!important;
  transform: translateX(-22px)!important;
}
.slick-next {
  background: url("../../images/common/arrow-next.svg") no-repeat !important;
  right: 16%!important;
  transform: translateX(22px)!important;
}
.slick-dots li button:before {
  content: none!important;
}
.slick-dots li button {
  width: 12px!important;
  height: 12px!important;
  padding: 0!important;
  background-color: #d0ccc9!important;
  border-radius: 50px!important;
}
.slick-dots li {
  width: 12px!important;
  height: 12px!important;
}
.slick-dots li.slick-active button {
  background-color: #8e7663!important;
}
.boxIndexTopWrap {
  margin-bottom: 75px;
}
.boxIndex01 .boxListOne {
  max-width: 420px!important;   /* 最大幅 */
  margin: 0 12.5px!important;   /* スライド間隔（左右合計25px） */
  box-sizing: border-box;
}


.boxIndex01 .slick-track {
  padding-top: 25px;
}
.boxIndex01 .boxListImg {
  border-radius: 8px;
  aspect-ratio: 4.6 / 3;
  position: relative;
  box-shadow: 0 0 13px rgba(204, 204, 204, 0.45);
}
.boxIndex01 .boxListImg img {
  border-radius: 8px;
}
.boxNews01 .boxDateCom .year {
  font-size: 0.75rem;
}
.boxNews01 .boxDateCom .month {
  font-size: 1.0625rem;
}
.boxNews01 .boxDateCom {
  display: flex;
  width: 161px;
  height: 67px;
  background: url(../../images/fair_event/bg-date.png) no-repeat;
  padding: 21px 0 0 14px;
  position: absolute;
  left: -9px;
  bottom: 17px;
}
.boxIndex01 .ttlList {
  letter-spacing: 0.12em;
  color: #552825;
  font-weight: bold;
  font-size: 1.125rem;
  margin: 1.2em 0 1em 0;
}
.boxIndex01 .boxListTxt .border {
  display: flex;
  width: 100%;
  align-items: center;
  margin-left: auto;
  margin-bottom: 20px;
}
.boxIndex01 .boxListTxt .border:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f1dcd7;
}
.boxIndex01 .boxListTxt .border span {
  width: 25px;
  background: url("../../images/fair_event/ico-ring.png") no-repeat;
  background-color: #fff;
  height: 9px;
}
.boxIndex01 .boxListCont {
  margin-bottom: 1em;
  line-height: 1.625;
}
.boxIndex01 .boxListDate {
  font-size: 0.875rem;
  border-right: 1px solid;
  padding-right: 9px;
  margin-right: 9px;
  line-height: 1;
}
.boxIndex01 .boxListMeta li {
  font-size: 0.875rem;
  line-height: 1;
}
.boxIndex01 .boxListMeta {
  display: flex;
}
.boxIndex01 .boxListMeta {
  position: relative;
  padding-left: 1em;
}
.boxIndex01 .boxListMeta:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 10em;
    background-color: #edd3cc;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.boxIndex01 .slick-next {
  right: -15px!important;
}
.boxIndex01 .slick-prev {
  left: -15px!important;
}
.btnIndexBase01 {
  display: flex;
  justify-content: center;
  margin-top: 70px;
}
.btnIndexBase01 a {
  width: 550px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  letter-spacing: 0.18em;
  font-size: 1.125rem;
  font-weight: bold;
  color: #552825;
  background-image: url(../../images/common/ico-arrow01.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: #f2ebe2;
  border-radius: 10em;
}
.boxIndex01 {
  padding-bottom: 100px;
}
.boxIndex02In {
  background-color: #f5f5f5;
  border-top-left-radius: 74px;
  border-bottom-left-radius: 74px;
  padding: 90px 5% 120px 80px;
  width: 72.9%;
  margin-left: auto;
  position: relative;
}
.boxIndex02In .ttlBaseH2 {
  text-align: left;
  position: relative;
}
.boxIndex02In .ttlBaseH2 .ja {
  margin: 0;
}
.boxIndex02In .ttlBaseH2 .sub {
  font-size: 0.9375rem;
  position: absolute;
  left: 150px;
  top: 4px;
}
.btnIndexBase02 {
  width: 313px;
  height: 50px;
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-weight: bold;
  color: #552825;
  letter-spacing: 0.18em;
  background: url("../../images/common/ico-arrow03.png") no-repeat right 10px center;
  background-color: #fff;
  border-radius: 10em;
}
.boxIndex02In .box01 {
  position: relative;
}
.boxIndex02In .btnIndexBase02 {
  position: absolute;
  right: 7%;
  top: 0;
}
.boxIndex02In .box_wrap {
  display: flex;
  justify-content: space-between;
}
.boxIndex02In .box_wrap .item {
  width: 248px;
  margin-right: 15px;
}
.boxIndex02In .box_wrap .item .img {
  margin-bottom: 30px;
  width: 248px;
  height: 248px;
}
.boxIndex02In .box_wrap .item .img img {
  border-radius: 8px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.boxIndex02In .box_wrap .item .p01 {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  color: #552825;
  padding-right: 8px;
}
.boxIndex02In .box_wrap .item .p02 {
  margin-bottom: 0.8rem;
  color: #552825;
  font-size: 0.9375rem;
  padding-left: 1em;
  position: relative;
}
.boxIndex02In .box_wrap .item .p02:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 10em;
  background-color: #edd3cc;
  position: absolute;
  left: 0;
  top: 0.5em;
}
.boxIndex02In .box_wrap .item .p03 {
  font-size: 0.9375rem;
}
.boxIndex02In .box_wrap .slick-prev {
  display: none!important;
}
.boxIndex02In .box_wrap .slick-next {
  right: -42px !important;
  transform: translateX(0) !important;
  top: 105px;
}
.boxIndex02In .box01:nth-child(n+2) {
  margin-top: 80px;
}
.boxIndex02In .box01:nth-of-type(2) .ttlBaseH2 .en {
  color: #d5cf86;
}
.boxIndex02In .box01:nth-of-type(2) .box_wrap .item .p02:before {
  background-color: #d5cf86;
}
.boxIndex02Wrap {
  padding-bottom: 240px;
  background: url("../../images/index/img01.png") no-repeat left bottom;
  position: relative;
}
.boxIndex02 .ttl_area {
  width: 249px;
  height: 346px;
  background: url("../../images/index/bg-ttl01.png") no-repeat;
  position: absolute;
  top: 68px;
  left: 8%;
}
.boxIndex02 .ttl_area .t01 {
  color: #edd3cc;
  font-size: 52px;
  white-space: nowrap;
  letter-spacing: -1px;
  position: absolute;
  left: 0;
  bottom: 64px;
}
.boxIndex02 .ttl_area .t02 {
  color: #552825;
  letter-spacing: 0.14em;
  font-weight: bold;
  font-size: 1.5rem;
  position: absolute;
  left: 15px;
  bottom: 14px;
}
.boxIndex02 .ttl_area .t02 span:nth-of-type(2) {
  margin-left: 56px;
}
.boxIndex03Wrap {
  padding: 90px 0;
}
.boxIndex03 .box_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1373px;
  margin: auto;
}
.boxIndex03 .slick-prev,
.boxIndex06 .slick-prev {
  transform: translateX(0)!important;
  left: -50px!important;
  top: 120px;
}
.boxIndex06 .slick-prev {
  background-image: url("../../images/common/arrow-prev02.svg")!important;
}
.boxIndex06 .slick-next {
  background-image: url("../../images/common/arrow-next02.svg")!important;
}
.boxIndex03 .slick-next,
.boxIndex06 .slick-next {
  transform: translateX(0)!important;
  right: -50px!important;
  top: 110px;
}
.boxIndex03 .box_wrap .box {
  width: 330px;
  margin: 0 8px;
}
.boxIndex03 .box_wrap .box .img {
  margin-bottom: 20px;
  min-height: 196px;
}
.boxIndex03 .box_wrap .box .img img {
  border-radius: 8px;
}
.boxIndex03 .box_wrap .box .p01 {
  color: #552825;
  font-weight: bold;
  font-size: 1.125rem;
  letter-spacing: 0.12em;
  margin-bottom: 1em;
  padding-left: 8px;

}
@media only screen and (min-width:751px) {
  .boxIndex03 .box_wrap .box .p01 {
      min-height: 2.7em;
  }
}
.boxIndex03 .box_wrap .box .p02 {
  line-height: 1.67;
  font-size: 0.9375rem;
  padding-left: 8px;
}
.boxIndex04Wrap {
  padding: 90px 0;
  background: url("../../images/index/bg01.jpg") no-repeat;
  background-size: cover;
}
.boxIndex04 {
  position: relative;
  max-width: 1220px;
}
.boxIndex04 .ttlBaseH2 {
  text-align: left;
}
.boxIndex04 .ttlBaseH2 .ja {
  color: #fff;
  margin-left: 0;
}
.boxIndex04 .ttlBaseH2 .en {
  color: #fff;
  opacity: 0.5;
}
.boxIndex04 .btnIndexBase02 {
  position: absolute;
  right: 0;
  top: 0;
}
.boxIndex04 .box_wrap {
  display: flex;
  flex-wrap: wrap;
}
.boxIndex04 .box_wrap .box {
  background-color: #fff;
  border-radius: 8px;
  width: 32%;
  margin-left: 2%;
  overflow: hidden;
}
.boxIndex04 .box_wrap .box a {
  display: flex;
}
.boxIndex04 .box_wrap .box:nth-of-type(3n+1) {
  margin-left: 0;
}
.boxIndex04 .box_wrap .box:nth-child(n+4) {
  margin-top: 2%;
}
.boxIndex04 .box_wrap .box .img {
  width: 45%;
  height: 142px;
}
.boxIndex04 .box_wrap .box .img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.boxIndex04 .box_wrap .box .cont {
  width: 55%;
  padding: 17px;
}
.boxIndex04 .box_wrap .box .cont .p01 {
  font-weight: bold;
  letter-spacing: 0.12em;
  color: #552825;
  margin-bottom: 0.5em;
}
.boxIndex04 .box_wrap .box .cont .p02 {
  font-size: 0.875rem;
  margin-bottom: 0.7em;
}
.boxIndex04 .box_wrap .box .cont ul {
  line-height: 1.7;
}
.boxIndex04 .box_wrap .box .cont ul li {
  font-size: 0.875rem;
  position: relative;
  padding-left: 1em;
}
.boxIndex04 .box_wrap .box .cont ul li:before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 10em;
  background-color: #dcd2ad;
  position: absolute;
  left: 0;
  top: 0.5em;
}
.boxIndex05Wrap {
  padding: 90px 0;
}
.boxIndex05 {
  display: flex;
  max-width: 1220px;
}
.boxIndex05 .ttl_area {
  width: 210px;
}
.boxIndex05 .ttl_area .ttlBaseH2 {
  text-align: left;
}
.boxIndex05 .ttl_area .ttlBaseH2 .ja {
  margin: 0;
}
.boxIndex05 .ttl_area p {
  line-height: 1.65;
}
.boxIndex05 .ttl_area .btnIndexBase01 a {
  justify-content: flex-start;
  padding-left: 24px;
}
.boxIndex05 .box_wrap {
  width: calc(100% - 210px);
  padding-left: 34px;
  display: flex;
}
.boxIndex05 .box_wrap .box {
  width: 32%;
}
.boxIndex05 .box_wrap .box:nth-child(n+2) {
  margin-left: 2%;
}
.boxIndex05 .box_wrap .box:nth-child(n+4) {
  margin-top: 3rem;
}
.boxIndex05 .box_wrap .box .img {
  margin-bottom: 24px;
  height: 187px;
}
.boxIndex05 .box_wrap .box .img img {
  border-radius: 8px;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.boxIndex05 .box_wrap .box .p01 {
  font-size: 1.125rem;
  font-weight: bold;
  color: #552825;
  margin-bottom: 0.8em;
  letter-spacing: 0.12em;
}
.boxIndex05 .box_wrap .box .p02 {
  letter-spacing: 0.12em;
  margin-bottom: 1em;
}
.boxIndex05 .box_wrap .box .p03 {
  padding-left: 1em;
  font-size: 0.875rem;
  position: relative;
}
.boxIndex05 .box_wrap .box .p03:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 10em;
    background-color: #dcd2ad;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.boxIndex06Wrap {
  padding: 90px 0;
  background-color: #f5f5f5;
}
.boxIndex06 {
  position: relative;
}
.boxIndex06 .ttlBaseH2 {
  text-align: left;
  position: relative;
}
.boxIndex06 .ttlBaseH2 .ja {
  color: #1e465f;
  margin: 0;
}
.boxIndex06 .ttlBaseH2 .en {
  color: #a0c8d5;
}
.boxIndex06 .ttlBaseH2 .sub {
  font-size: 0.9375rem;
  position: absolute;
  left: 336px;
  top: 4px;
}
.boxIndex06 .box_wrap {
  display: flex;
  justify-content: space-between;
}
.boxIndex06 .box_wrap .box {
  width: 19.3%;
}
.boxIndex06 .box_wrap .box .img {
  margin-bottom: 25px;
  margin: 0 8px 25px 8px;
}
.boxIndex06 .box_wrap .box .img img {
  border-radius: 8px;
}
.boxIndex06 .box_wrap .box .p01 {
  letter-spacing: 0.12em;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 0.6em;
  padding-left: 5px;
}
.boxIndex06 .box_wrap .box .p02 {
  position: relative;
  padding-left: 1em;
  font-size: 0.9375rem;
  margin-bottom: 0.6em;
  margin-left: 5px;
}
.boxIndex06 .box_wrap .box .p03 {
  font-size: 0.9375rem;
  padding-left: 5px;
}
.boxIndex06 .box_wrap .box .p02:before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 10em;
    background-color: #a0c8d5;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.boxIndex07Wrap {
  padding: 90px 0 6rem 0;
}
.boxIndex07 {
  max-width: 1450px;
}
.boxIndex07 .box_wrap {
  display: flex;
}
.boxIndex07 .box_wrap .cont {
  width: 57%;
  padding: 10px 5% 0 0;
}
.boxIndex07 .box_wrap .cont .ttlBaseH2 {
  text-align: left;
}
.boxIndex07 .box_wrap .cont .ttlBaseH2 .ja {
  margin: 0;
}
.boxIndex07 .box_wrap .cont .p01 {
  line-height: 1.65;
  letter-spacing: 0.08em;
  margin-bottom: 2em;
}
.boxIndex07 .box_wrap .cont .btn_area {
  margin-bottom: 90px;
  display: flex;
  justify-content: flex-end;
}
.boxIndex07 .box_wrap .cont .btn_area a:last-child {
  margin-left: 30px;
}
.boxIndex07 .btn {
  letter-spacing: 0.18em;
  font-weight: bold;
  color: #552825;
  padding: 2px 38px 2px 0;
  background: url("../../images/common/ico-arrow03.png") no-repeat right center;
}
.boxIndex07 .box_wrap .cont .info {
}
.boxIndex07 .box_wrap .cont .info .ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
}
.boxIndex07 .box_wrap .cont .info .ttl span {
  font-size: 1.75rem;
  letter-spacing: 0.12em;
  color: #552825;
}
.boxIndex07 .box_wrap .cont .info dl {
  display: flex;
  padding: 25px 0;
  border-bottom: 1px solid #e3e0df;
}
.boxIndex07 .box_wrap .cont .info dl:first-child {
  border-top: 1px solid #e3e0df;
}
.boxIndex07 .box_wrap .cont .info dl dt {
  width: 150px;
  position: relative;
  padding-left: 30px;
  font-size: 0.9375rem;
}
.boxIndex07 .box_wrap .cont .info dl dt:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #bfa28d;
  position: absolute;
  left: 7px;
  top: 0.45em;
}
.boxIndex07 .box_wrap .cont .info dl dd {
  width: calc(100% - 150px);
  background: url("../../images/index/img-arrow.png") no-repeat right 0.3em;
}
.boxIndex07 .box_wrap .img {
  width: 43%;
}
.boxIndex01 .boxListImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}


@media only screen and (max-width:750px) {
  .slick-prev, .slick-next {
    width: 7vw !important;
    height: 7vw !important
  }
  .boxIndex01 .slick-prev {
    left: 2vw!important;
  }
  .boxIndex01 .slick-next {
    right: 2vw!important;
  }
  .boxIndexTop .slick-prev {
    left: 2vw!important;
    transform: translateX(0) !important;
  }
  .boxIndexTop .slick-next {
    right: 2vw!important;
     transform: translateX(0) !important;
  }
  .boxIndex01 {
    padding-bottom: 5rem;
  }
  .boxIndex02 .ttl_area {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 auto 2.5rem auto;
    background: url("../../images/index/bg-ttl01sp.png") no-repeat;
    height: 68px;
  }
  .boxNews01 .boxDateCom .month {
    font-size: 1rem;
  }
  .boxIndex02 .ttl_area .t01 {
    display: none;
  }
  .boxIndex02 .ttl_area .t02 span:nth-of-type(2) {
    margin-left: 18vw;
  }
  .boxIndex02In {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 4rem 5% 6rem 5%;
    width: 100%;
  }

  .boxIndex02In .box_wrap .item {
    width: 100%;
  }
  .boxIndex02In .box01 {
    padding-bottom: 7rem;
    margin-bottom: 3rem;
  }
  .boxIndex02In .btnIndexBase02 {
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    top: auto;
  }
  .boxIndex02Wrap {
    padding-bottom: 50vw;
    background-size: 108%;
  }
  .boxIndex02In {
    padding-bottom: 1rem;
  }
  .btnIndexBase01 a {
    width: 313px;
    font-size: 1rem;
  }
  .boxIndex03 .box_wrap .box {
    width: 49%;
  }

  .boxIndex03Wrap,.boxIndex04Wrap,.boxIndex05Wrap,.boxIndex06Wrap {
    padding: 5rem 0;
  }
  .boxIndex04 .box_wrap .box {
    width: 100%;
    margin: 0!important;
  }
  .boxIndex04 .box_wrap .box:nth-child(n+2) {
    margin-top: 1.5rem!important;
  }
  .boxIndex04 .btnIndexBase02 {
    top: auto;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .boxIndex04 {
    padding-bottom: 7rem;
  }
  .boxIndex05 .ttl_area {
    width: 100%;
    margin-bottom: 3rem;
  }
  .boxIndex05 {
    display: block;
  }
  .boxIndex05 .box_wrap {
    width: 100%;
    padding: 0;
    display: block;
  }
  .boxIndex04 .ttlBaseH2,
  .boxIndex05 .ttlBaseH2,
  .boxIndex04 .ttlBaseH2 .ja {
    text-align: center;
    margin-right: 0;
    margin-left: 0;
  }
  .boxIndex05 .ttl_area .ttlBaseH2 {
    text-align: center;
  }
  .boxIndex05 {
    position: relative;
    padding-bottom: 7rem;
  }
  .boxIndex05 .btnIndexBase01 {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
  }
  .boxIndex05 .box_wrap .box {
    width: 100%;
  }
  .boxIndex05 .box_wrap .box:nth-child(n+2) {
    margin-top: 2.5rem;
  }
  .boxIndex05 .box_wrap .box .img img {
    max-width: inherit;
    width: 100%;
  }
  .boxIndex06 .ttlBaseH2 {
    text-align: center;
  }
  .boxIndex06 .box_wrap {
    flex-wrap: wrap;
    margin: 0 12.5px;
  }
  .boxIndex06 .box_wrap .box {
    width: 49%;;
  }

  .boxIndex06 .ttlBaseH2 .sub {
    position: static;
    margin-top: 2rem;
    display: block;
  }
  .boxIndex07 .box_wrap {
    display: block;
  }
  .boxIndex07 .box_wrap .cont {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
  }
  .boxIndex07 .box_wrap .cont .ttlBaseH2 {
    text-align: center;
  }
  .boxIndex07 .box_wrap .cont .btn_area {
    justify-content: center;
    padding-bottom:95vw;
    background: url("../../images/index/img02.jpg") no-repeat center bottom;
    background-size: 100%;
    margin-bottom: 3rem;
  }
  .boxIndex07 .btn {
    flex-shrink: 0;
  }
  .boxIndex07 .box_wrap .cont .info dl {
    display: block;
    padding: 0.8em 0;
  }
  .boxIndex07 .box_wrap .cont .info dl dt {
    width: 100%;
    margin-bottom: 0.7em;
    padding-left: 1em;
  }
  .boxIndex07 .box_wrap .cont .info dl dd {
    width: 100%;
  }
  .boxIndex07 .box_wrap .img {
    display: none;
  }
  .boxIndex07 .box_wrap .cont .info dl dt:before {
    left: 0;
  }
  .boxIndex07Wrap {
    padding: 5rem 0;
  }
  .boxIndex02In .box_wrap .item .img {
    width: 100%;
   height: 89vw;
  }
  .boxIndex02In .box_wrap .item {
    margin: 0 12.5px;
  }
  .boxIndex02In .box_wrap .slick-prev {
    display: block!important;
    left: -2vw!important;
  }
  .boxIndex02In .box_wrap .slick-next {
    right: -2vw!important;
    top: 50%;
    transform: translateX(0) !important;
  }
  .boxIndex03 .slick-prev, .boxIndex06 .slick-prev {
    top: 30vw!important;
  }
  .boxIndex03 .slick-prev {
    left: -2vw!important;
  }
  .boxIndex03 .slick-next {
    right: -2vw!important;
    top: 30vw!important;
  }
  .boxIndex06 .btnIndexBase02 {
    top: auto!important;
    bottom: 0;
    left: 0;
    margin: auto;
  }
      .boxIndex06 {
        padding-bottom: 7rem;
        position: relative;
    }
  .boxIndex06 .slick-prev {
    left: -5vw!important;
    top: 38vw!important;

  }
  .boxIndex06 .slick-next {
    right: -5vw!important;
    top: 38vw!important;
  }
  .boxIndex06 .box_wrap .box .img {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 1680px) and (min-width: 751px) {
  .boxIndex03 .box_wrap .box .img {
    min-height: 12.5vw;
  }
  
}
@media (max-width: 1480px) and (min-width: 751px) {
  .boxIndex01 .ttlList {
    font-size: 1.2rem;
  }
  .boxIndex02 .ttl_area {
    left: 3%;
  }
  .boxIndex02Wrap {
    background-size: 105%;
    padding-bottom: 110px;
  }
  .boxIndex02In .btnIndexBase02 {
    right: 0;
    width: 270px;
  }

  
  
  
}
.boxIndex06 .btnIndexBase02 {
    position: absolute;
    right: 0;
    top: 0;
  background-image: url("../../images/common/ico-arrow05.png");
  color: #1e465f;
  width: 346px;
}
@media only screen and (max-width:750px) {
  .boxIndex01 .boxListImg {
    
  }
  .ttlBaseH2 {
    margin-bottom: 1.5em;
  }
  .boxIndexTop .slick-prev,.boxIndexTop .slick-next {
    transform: translateY(-50%) !important;
  }
  .boxIndex01 .slick-next,
  .boxIndex01 .slick-prev {
    top: 31vw;
  }
  .ttlBaseH2 .ja {
    font-size: 1.45rem;
  }
  .ttlBaseH2 .en {
    font-size: 1rem;
  }
  .boxIndex03Wrap .btnIndexBase01 {
    margin-top: 30px;
  }
  .boxIndex01 .btnIndexBase01 {
    margin-top: 0;
  }
  .boxIndex06 {
    padding-bottom: 3.5rem;
  }
}
.boxIndexOmoi {
  background: url("../../images/index/bg-omoi.jpg") no-repeat top center;
  padding: 75px 0 50px 0;
  margin: 100px auto 95px auto;
}
.boxIndexOmoi p {
  text-align: center;
  line-height: 1.75;
}
.boxIndexOmoi .btn {
  background: url(../../images/common/ico-arrow02.png) no-repeat right 16px center;
  background-color: #b6634b;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.18em;
  width: 315px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10em;
  margin: 30px auto 0 auto;
}
.boxIndexTop .slick-dots {
  bottom: -41px;
}
.boxIndexOmoi .ttlBaseH2 {
  margin-bottom: 20px;
}
@media only screen and (max-width:750px) {
  .boxIndexOmoi {
    background: none;
    border-top: 2px solid #be7d6b;
    border-bottom: 2px solid #be7d6b;
    position: relative;
    padding: 11vw 0 9vw 0;
  }
  .boxIndexOmoi:before {
    content: "";
    width: 100%;
    height: 97%;
    border-top: 1px solid #be7d6b;
    border-bottom: 1px solid #be7d6b;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  .boxIndexOmoi:after {
    content: "";
    width: 95px;
    height: 51px;
    background: url("../../images/index/ico-omoi.jpg") no-repeat center center;
    background-size: auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
  }
  .boxIndex04Wrap {
    background: url("../../images/index/bg01_sp.jpg") no-repeat center top;
    background-size: cover;
  }
  
  
}