/* ---------------------------------------------------
	common
------------------------------------------------------ */
#mainvisual {
  background: url(../img/about/mainvisual.jpg) center;
  background-size: cover;
}

.value_sec {
  padding: 96px 0;
}
.value_sec p {
  line-height: 2.66;
}
.value_sec .sec_tit {
  margin-bottom: 60px;
  padding-bottom: 40px;
  border-bottom: 1px solid #c4cbd0;
}
.value_sec .sec_tit .en.value {
  display: block;
  width: 100%;
  margin-bottom: 32px;
  margin-left: 0;
}
.value_sec .sec_tit .en.value > span {
  color: #a50000;
}

@media screen and (max-width: 810px) {
  .value_sec {
    padding: 48px 0;
  }
  .value_sec p {
    line-height: 2;
  }
  .value_sec .sec_tit {
    margin-bottom: 32px;
    padding-bottom: 24px;
  }
  .value_sec .sec_tit .en.value {
    margin-bottom: 24px;
  }
}
/* ---------------------------------------------------
	value01
------------------------------------------------------ */
#value01 {
  padding-top: 182px;
  letter-spacing: 0.08em;
}
#value01 .value01_slide {
  margin-top: 88px;
}
#value01 .value01_slide .swiper-wrapper {
  transition-timing-function: linear;
}
#value01 .value01_slide .slide_item {
  width: auto;
  cursor: grab;
  position: relative;
  padding-right: 40px;
}
#value01 .value01_slide .slide_item:active {
  cursor: grabbing;
}
#value01 .value01_slide .slide_item img {
  width: 100%;
}
#value01 .value01_slide .slide_item .item_txt {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.6rem;
  line-height: 1.75;
  letter-spacing: 0.4em;
}
#value01 .value_btn {
  margin-top: 88px;
}

@media screen and (max-width: 810px) {
  #value01 {
    padding-top: 64px;
  }
  #value01 .value01_slide {
    width: 70%;
    margin: 56px auto 0;
    overflow: visible;
  }
  #value01 .value01_slide .slide_item {
    padding-right: 0;
  }
  #value01 .value01_slide .slide_item img {
    width: 100%;
  }
  #value01 .value01_slide .slide_item .item_txt {
    position: static;
    width: 100%;
    margin-top: 16px;
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: 0.1em;
  }
  #value01 .value_btn {
    margin-top: 40px;
  }
  #value01 .value_btn .btn .more {
    margin-left: 16px;
    margin-right: -40px;
  }
}
/* ---------------------------------------------------
		value02
------------------------------------------------------ */
#value02 .value_pic {
  margin-bottom: 88px;
}
#value02 .value_col {
  margin-top: 88px;
  gap: 64px 36px;
}
#value02 .value_col .col_item {
  width: calc(50% - 18px);
}
#value02 .value_col .col_item .item_btn {
  margin-top: 48px;
}
#value02 .value_col .col_item .item_btn .btn .more {
  margin-right: -32px;
  margin-left: 16px;
}

@media screen and (max-width: 810px) {
  #value02 .value_pic {
    margin-bottom: 48px;
  }
  #value02 .value_pic img {
    aspect-ratio: 16/9;
    object-fit: cover;
  }
  #value02 .value_col {
    margin-top: 48px;
    gap: 40px 0;
  }
  #value02 .value_col .col_item {
    width: 100%;
  }
  #value02 .value_col .col_item .item_btn {
    margin-top: 20px;
  }
  #value02 .value_col .col_item .item_btn .btn {
    padding-left: 0;
    padding-right: 0;
  }
  #value02 .value_col .col_item .item_btn .btn .more {
    margin-left: 16px;
    margin-right: -20px;
  }
}
/* ---------------------------------------------------
		value03
------------------------------------------------------ */
#value03 .value_bg {
  margin-top: 88px;
  padding: 96px 0;
  background: url(../img/about/value03_bg_01.jpg) no-repeat center;
  background-size: cover;
}
#value03 .value03_slide .swiper-wrapper {
  transition-timing-function: linear;
}
#value03 .value03_slide .slide_item {
  width: 461px;
}
#value03 .value03_slide .slide_item.odd {
  padding-top: 88px;
}
#value03 .value_btn {
  margin-top: 48px;
  text-align: center;
}
#value03 .value_btn .btn_reserve {
  margin-left: 40px;
}
#value03 .value_btn .btn_reserve .icon {
  margin-left: 24px;
  margin-bottom: 2px;
}

@media screen and (max-width: 810px) {
  #value03 .caption {
    letter-spacing: 0.1em;
  }
  #value03 .value_bg {
    margin-top: 48px;
    padding: 48px 0;
    background: url(../img/about/value03_bg_01.jpg) no-repeat center;
    background-size: cover;
  }
  #value03 .value03_slide .slide_item {
    width: 160px;
  }
  #value03 .value03_slide .slide_item.odd {
    padding-top: 32px;
  }
  #value03 .value_btn {
    margin-top: 32px;
  }
  #value03 .value_btn .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  #value03 .value_btn .btn .more {
    margin-right: 0;
    margin-left: 8px;
  }
  #value03 .value_btn .btn_reserve {
    margin-top: 24px;
    margin-left: 0;
    letter-spacing: 0;
  }
  #value03 .value_btn .btn_reserve .icon {
    margin-left: 8px;
    margin-bottom: 2px;
  }
}
/* ---------------------------------------------------
	value04
------------------------------------------------------ */
#value04 {
  padding-bottom: 192px;
}
#value04 .value_bg {
  display: flex;
  height: 1224px;
  margin-top: 88px;
  flex-direction: column;
  justify-content: center;
  background: url(../img/about/value04_bg_01.jpg) no-repeat center top;
}
#value04 .value_bg .bg_box {
  max-width: 600px;
  margin: 0 auto;
  padding: 120px 40px 64px;
  background: #fff;
}
#value04 .value_bg .bg_box .caption {
  font-size: 2.4rem;
  letter-spacing: 0.2em;
}

@media screen and (max-width: 810px) {
  #value04 {
    padding-bottom: 112px;
  }
  #value04 .value_bg {
    display: block;
    height: auto;
    margin-top: 48px;
    padding: 25vw 0;
    background: url(../img/about/value04_bg_01.jpg) no-repeat center;
    background-size: cover;
  }
  #value04 .value_bg .bg_box {
    max-width: calc(100% - 50px);
    padding: 40px 24px 40px;
    font-size: 1.5rem;
  }
}