html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: normal;
  vertical-align: baseline;
  background: transparent;
}

body, main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul, ol {
  list-style: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

img {
  border-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, select, textarea {
  vertical-align: middle;
}

input,
select,
textarea {
  vertical-align: middle;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  color: inherit;
  font-size: 100%;
  font-family: inherit;
  outline: none;
  cursor: pointer;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 0.694444444vw;
}
@media screen and (max-width: 767px) {
  html {
    font-size: 2.6666666vw;
  }
}

body {
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  animation: fadein 2s forwards;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
* {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  * {
    letter-spacing: 0.02em;
  }
}

a {
  color: #000;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

iframe {
  vertical-align: middle;
}

/* CLEAR-FIX */
.clearfix {
  zoom: 1;
}

.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.ib {
  display: inline-block;
}

.sp {
  display: none;
}
.sp-inline {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
  .sp-inline {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .sp_pd {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

.inner, .inner-min, .inner-fix {
  width: 108rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1439px) {
  .inner, .inner-min, .inner-fix {
    width: 88%;
    max-width: 1080px;
  }
}
@media screen and (max-width: 767px) {
  .inner, .inner-min, .inner-fix {
    width: 35.5rem;
  }
}

.inner-fix {
  max-width: 1080px;
}

.inner-min {
  max-width: 950px;
}

.font_en {
  font-family: "Jost", sans-serif;
  font-weight: 300;
}
.font_mincho {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
}
.font_mincho-light {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 300;
}
.font_gothic {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
}

.hover_opacity a, .hover_opacity-block a {
  transition: 0.3s;
}
.hover_opacity a:hover, .hover_opacity-block a:hover {
  opacity: 0.6;
}
.hover_opacity-block a {
  display: block;
}

.linkbtn-center {
  text-align: center;
}
.linkbtn a {
  display: inline-block;
  width: 280px;
  border: 1px solid #A4867F;
  border-radius: 30px;
  line-height: 58px;
  text-align: center;
  white-space: nowrap;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .linkbtn a {
    width: 172px;
    line-height: 35px;
  }
}
.linkbtn a::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(/assets/image/common/arrow_r.svg) center/contain no-repeat;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  right: 76px;
  transform: translateY(calc(-50% + 2px));
  transition: background 0.3s;
}
@media screen and (max-width: 767px) {
  .linkbtn a::after {
    right: 36px;
    transform: translateY(calc(-50% + 1px));
  }
}
.linkbtn a span {
  display: inline-block;
  transition: 0.3s;
}
.linkbtn a .font_en {
  color: #A4867F;
  font-size: 22px;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .linkbtn a .font_en {
    font-size: 18px;
  }
}
.linkbtn a .font_gothic {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% - 10px), -50%);
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .linkbtn a .font_gothic {
    transform: translate(calc(-50% - 5px), -50%);
  }
}
.linkbtn a:hover {
  background: #A4867F;
}
.linkbtn a:hover::after {
  background-image: url(/assets/image/common/arrow_r_white.svg);
}
.linkbtn a:hover .font_en {
  opacity: 0;
}
.linkbtn a:hover .font_gothic {
  opacity: 1;
}
.linkbtn-back a {
  position: relative;
}
.linkbtn-back a .font_en {
  padding-right: 0;
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .linkbtn-back a .font_en {
    padding-left: 0;
  }
}
.linkbtn-back a .font_gothic {
  left: auto;
  right: 50%;
  transform: translate(calc(50% + 10px), -50%);
}
@media screen and (max-width: 767px) {
  .linkbtn-back a .font_gothic {
    transform: translate(calc(50% + 0px), -50%);
  }
}
.linkbtn-back a::after {
  display: none;
}
.linkbtn-back a::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  background: url(/assets/image/common/arrow_l.svg) center/contain no-repeat;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 70px;
  transform: translateY(calc(-50% + 2px));
  transition: background 0.3s;
}
@media screen and (max-width: 767px) {
  .linkbtn-back a::before {
    left: 26px;
    transform: translateY(calc(-50% + 1px));
  }
}
.linkbtn-back a:hover::before {
  background-image: url(/assets/image/common/arrow_l_white.svg);
}

.linkbtn02 {
  display: inline-block;
  padding: 0 30px 0 14px;
  border: 1px solid #A4867F;
  border-radius: 10px;
  background: url(/assets/image/common/link.svg) right 12px center/auto no-repeat;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: #A4867F;
  line-height: 17px;
  transition: 0.3s;
}
.linkbtn02:hover {
  color: #fff;
  background-color: #A4867F;
  background-image: url(/assets/image/common/link_white.svg);
}

.fadeIn {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 1s, transform 1s;
}
.fadeIn.on {
  opacity: 1;
  transform: translateY(0);
}

.lo-imgBg {
  position: relative;
}
.lo-imgBg::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: rgba(164, 134, 127, 0.12);
}

.lo-col3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.lo-col3::after {
  content: "";
  width: 32.6%;
}
@media screen and (max-width: 767px) {
  .lo-col3::after {
    width: 48.5%;
  }
}
.lo-col3_cont {
  width: 32.6%;
  margin-top: 50px;
}
.lo-col3_cont:nth-child(1), .lo-col3_cont:nth-child(2), .lo-col3_cont:nth-child(3) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .lo-col3_cont {
    width: 48.5%;
    margin-top: 30px;
  }
  .lo-col3_cont:nth-child(3) {
    margin-top: 30px;
  }
}

.lo-mv01 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 14.7rem;
}
@media screen and (max-width: 767px) {
  .lo-mv01 {
    display: block;
    margin-top: 0;
  }
}
.lo-mv01_imgBox {
  width: 49.2%;
}
@media screen and (max-width: 767px) {
  .lo-mv01_imgBox {
    width: 100%;
  }
}
.lo-mv01 .lo-imgBg::before {
  width: 88.8%;
  height: 94.4%;
  right: -3rem;
  bottom: -3rem;
}
@media screen and (max-width: 767px) {
  .lo-mv01 .lo-imgBg::before {
    width: 83.4%;
    height: 85.3%;
    right: -1rem;
    bottom: -1rem;
  }
}
.lo-mv01_textBox {
  width: 41.6%;
  padding-top: 12.5rem;
}
@media screen and (max-width: 1140px) {
  .lo-mv01_textBox {
    width: 46%;
    padding-top: 7rem;
  }
}
@media screen and (max-width: 767px) {
  .lo-mv01_textBox {
    width: 100%;
    padding-top: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.lo-mv01_ttl {
  margin-bottom: 6rem;
  color: #6C6C6C;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .lo-mv01_ttl {
    margin-bottom: 25px;
  }
}
.lo-mv01_ttl .font_en {
  display: block;
  margin-top: 15px;
  color: #A4867F;
  font-size: 50px;
}
@media screen and (max-width: 767px) {
  .lo-mv01_ttl .font_en {
    font-size: 30px;
    margin-top: 10px;
  }
}

.lo-intro_pageTtl {
  margin-top: 210px;
  color: #A4867F;
  font-family: "Shippori Mincho B1", serif;
  font-size: 28px;
  letter-spacing: 0.2em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lo-intro_pageTtl {
    margin-top: 80px;
    font-size: 20px;
  }
}
.lo-intro_pageRead {
  display: flex;
  justify-content: center;
  max-width: 950px;
  margin: 75px auto 0;
}
@media screen and (max-width: 767px) {
  .lo-intro_pageRead {
    margin-top: 35px;
  }
}

.lo-pageNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16rem;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .lo-pageNav {
    justify-content: flex-start;
    margin-top: 30px;
    padding: 0;
  }
}
.lo-pageNav li {
  margin: 20px 4rem 0;
}
@media screen and (max-width: 767px) {
  .lo-pageNav li {
    width: 50%;
    margin: 25px 0 0;
  }
}
.lo-pageNav a {
  color: #A4867F;
  font-size: 18px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .lo-pageNav a {
    display: block;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    line-height: 1.2;
  }
}

.post_header {
  margin-top: 11rem;
  padding-bottom: 20px;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .post_header {
    margin-top: 55px;
    padding-bottom: 10px;
  }
}
.post_header .font_en {
  display: block;
  margin-top: 5px;
  color: #A4867F;
  font-size: 50px;
  letter-spacing: 0.15em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .post_header .font_en {
    margin-top: 10px;
    font-size: 30px;
    letter-spacing: 0.05em;
  }
}
.post_infoBox {
  display: flex;
  align-items: flex-start;
  margin-top: 35px;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  line-height: 15px;
}
@media screen and (max-width: 767px) {
  .post_infoBox {
    margin-top: 30px;
    font-size: 14px;
  }
}
.post_time {
  display: inline-block;
  color: #A4867F;
}
.post_cat {
  flex: 1;
  margin-left: 12px;
  padding-left: 12px;
  border-left: 1px solid #707070;
}
.post_cat a {
  margin-right: 10px;
  color: #707070;
}
.post_mainTtl {
  margin: 15px 0 25px;
  color: #707070;
  font-size: 25px;
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .post_mainTtl {
    margin: 10px 0 15px;
    font-size: 18px;
  }
}
.post_container {
  padding-bottom: 90px;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .post_container {
    padding-bottom: 60px;
  }
}
.post_container h2 {
  margin-bottom: 20px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 25px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .post_container h2 {
    margin-bottom: 15px;
    font-size: 22px;
  }
}
.post_container h3 {
  margin-bottom: 35px;
  padding-bottom: 10px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 21px;
  line-height: 1.5;
  border-bottom: 1px dashed #707070;
}
@media screen and (max-width: 767px) {
  .post_container h3 {
    margin-bottom: 25px;
    font-size: 18px;
  }
}
.post_container p {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .post_container p {
    margin-bottom: 40px;
  }
}
.post_largeImg {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .post_largeImg {
    margin-bottom: 20px;
  }
}
.post_col2Img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .post_col2Img {
    display: block;
  }
}
.post_col2Img img {
  width: 48.7%;
}
@media screen and (max-width: 767px) {
  .post_col2Img img {
    width: 100%;
    margin-bottom: 20px;
  }
  .post_col2Img img:last-child {
    margin-bottom: 0;
  }
}
.post_col3Img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .post_col3Img {
    display: block;
  }
}
.post_col3Img img {
  width: 32%;
}
@media screen and (max-width: 767px) {
  .post_col3Img img {
    width: 100%;
    margin-bottom: 20px;
  }
  .post_col3Img img:last-child {
    margin-bottom: 0;
  }
}
.post_link {
  margin-bottom: 20px;
}
.post_link p {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
  .post_link p {
    margin-bottom: 4px !important;
  }
}
.post_link a {
  display: inline-block;
  color: #A4867F;
  border-bottom: 1px solid #A4867F;
  font-weight: 400;
}
.post .pagination-detail {
  margin-top: 20rem;
}
@media screen and (max-width: 767px) {
  .post .pagination-detail {
    margin-top: 100px;
  }
}
.post .linkbtn {
  margin-top: 15rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .post .linkbtn {
    margin-top: 100px;
  }
}

.pagination-list {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pagination-list li {
  margin: 0 15px;
  color: #A4867F;
  font-size: 25px;
  font-family: "Jost", sans-serif;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pagination-list li {
    margin: 0 10px;
    font-size: 17px;
  }
}
.pagination-list .current {
  border-bottom: 1px solid #A4867F;
}
.pagination-list .prev a,
.pagination-list .next a {
  padding: 0 10px;
}
.pagination-list .prev img,
.pagination-list .next img {
  transform: translateY(-2px);
}
.pagination-list .prev {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .pagination-list .prev {
    margin-right: 15px;
  }
}
.pagination-list .next {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .pagination-list .next {
    margin-left: 15px;
  }
}
.pagination-list a {
  display: inline-block;
  color: #A4867F;
}

.pagination-detail {
  max-width: 340px;
  height: 28px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pagination-detail {
    max-width: 180px;
  }
}
.pagination-detail a {
  display: block;
  color: #A4867F;
  font-family: "Jost", sans-serif;
  font-size: 22px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .pagination-detail a {
    font-size: 18px;
  }
}
.pagination-detail .prev {
  position: absolute;
  top: 0;
  left: 0;
}
.pagination-detail .prev a {
  padding-left: 22px;
  background: url(/assets/image/common/arrow_l.svg) left top 16px/auto no-repeat;
}
@media screen and (max-width: 767px) {
  .pagination-detail .prev a {
    background-position: left top 10px;
  }
}
.pagination-detail .next {
  position: absolute;
  top: 0;
  right: 0;
}
.pagination-detail .next a {
  padding-right: 22px;
  background: url(/assets/image/common/arrow_r.svg) right top 16px/auto no-repeat;
}
@media screen and (max-width: 767px) {
  .pagination-detail .next a {
    background-position: right top 10px;
  }
}

.commonContact {
  padding: 18rem 0 21rem;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .commonContact {
    padding: 120px 1rem;
  }
}
.commonContact_read {
  margin-bottom: 60px;
  color: #A4867F;
  font-size: 20px;
  letter-spacing: 0.125em;
  line-height: 2.25;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .commonContact_read {
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.08em;
  }
}
.commonContact_text {
  text-align: center;
  margin-top: -30px;
  margin-bottom: 70px;
  line-height: 2.18;
}
.commonContact .linkbtn {
  margin-top: 0 !important;
}

.js-footOut {
  transition: 0.3s;
}
.js-footOut.is-hide {
  opacity: 0;
  visibility: hidden;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 25px;
  width: 100%;
  height: 100px;
  padding-left: 5rem;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .header {
    height: 70px;
    padding: 0 1.3rem 0 0;
  }
}
.header_logo {
  padding-top: 8px;
}
@media screen and (max-width: 1140px) {
  .header_logo {
    width: 206px;
    min-width: 206px;
  }
}
@media screen and (max-width: 767px) {
  .header_logo {
    width: 100%;
    padding-top: 6px;
    text-align: center;
  }
  .header_logo img {
    width: 175px;
  }
}
.header_logo p {
  margin-top: 7px;
  color: #6C6C6C;
  font-size: 11px;
  letter-spacing: 0.04em;
  line-height: 1;
}
@media screen and (max-width: 1140px) {
  .header_logo p {
    margin-top: 6px;
    font-size: 10px;
    letter-spacing: 0;
    transform-origin: center top;
    transform: scale(0.9);
  }
}

@media screen and (max-width: 767px) {
  .gNavBtn {
    display: block;
    width: 30px;
    position: absolute;
    top: 23px;
    right: 2rem;
    z-index: 11;
    cursor: pointer;
  }
  .gNavBtn span {
    display: block;
    width: 100%;
    background: #9F8780;
    height: 2px;
    border-radius: 2px;
    transition: 0.3s;
  }
  .gNavBtn span + span {
    margin-top: 9px;
  }
  .gNavBtn.active span:nth-of-type(1) {
    transform: translateY(11px) rotate(-45deg);
  }
  .gNavBtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .gNavBtn.active span:nth-of-type(3) {
    transform: translateY(-11px) rotate(45deg);
  }
}

@media screen and (max-width: 1140px) {
  .gNav {
    width: 72%;
    max-width: 660px;
  }
}
@media screen and (max-width: 767px) {
  .gNav {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 95px 3.5rem 38px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    transform: translateX(-100%);
    opacity: 0;
    transition: transform 0s 0.3s, opacity 0.3s 0s;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .gNav::-webkit-scrollbar {
    display: none;
  }
}
.gNav.active {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0s, opacity 0.3s;
}
.gNav_main {
  display: flex;
  flex-wrap: wrap;
  padding-right: 70px;
  position: relative;
}
@media screen and (max-width: 1140px) {
  .gNav_main {
    display: grid;
    grid-template-columns: auto auto auto auto;
  }
}
@media screen and (max-width: 767px) {
  .gNav_main {
    display: block;
    padding-right: 0;
  }
}
.gNav_main li {
  margin-right: 4rem;
}
@media screen and (max-width: 1140px) {
  .gNav_main li {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .gNav_main li + li {
    margin-top: 20px;
  }
}
.gNav_main a {
  display: inline-block;
  position: relative;
  color: #000;
  font-size: clamp(13px, 1.5vw, 15px);
  letter-spacing: 0.02em;
  line-height: 30px;
}
@media screen and (max-width: 767px) {
  .gNav_main a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #6C6C6C;
  }
}
.gNav_main span {
  display: block;
  transition: opacity 0.3s;
}
.gNav_main span.font_en {
  color: #A4867F;
  white-space: nowrap;
  letter-spacing: 0.02em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
}
@media screen and (max-width: 1140px) {
  .gNav_main span.font_en {
    left: 0;
    transform: translate(0, -50%);
  }
}
@media screen and (max-width: 767px) {
  .gNav_main span.font_en {
    margin-right: 22px;
    font-size: 21px;
    position: static;
    opacity: 1;
    transform: translate(0);
  }
}
.gNav_main a:hover span:nth-child(2) {
  opacity: 0;
}
.gNav_main a:hover span.font_en {
  opacity: 1;
}
.gNav_acttion {
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .gNav_acttion {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: auto;
    margin-top: 40px;
    position: static;
  }
}
.gNav_acttion a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .gNav_acttion a {
    height: 70px;
  }
}
.gNav_acttion span {
  display: block;
  font-size: 13px;
  letter-spacing: 0.02em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .gNav_acttion span {
    font-size: 14px;
    letter-spacing: 0.2em;
  }
}
.gNav_acttion li {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li {
    width: 33.3333333333%;
    height: 80px;
  }
}
.gNav_acttion li._contact a {
  background: #1A1311;
  color: #fff;
}
.gNav_acttion li._contact a:hover {
  background: rgba(26, 19, 17, 0.8);
}
.gNav_acttion li._contact span {
  margin-top: 12px;
}
.gNav_acttion li._document {
  position: absolute;
  top: 100%;
  right: 0;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._document {
    position: static;
  }
}
.gNav_acttion li._document a {
  color: #fff;
  background-color: #862626;
  transition: 0.3s;
}
.gNav_acttion li._document a:hover {
  background-color: #A72A2A;
}
.gNav_acttion li._document span {
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._document span {
    margin-top: 2px;
  }
}
.gNav_acttion li._document svg {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._document svg {
    transform: translateY(-3px);
  }
}
.gNav_acttion li._conference {
  display: none;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference {
    display: block;
  }
}
.gNav_acttion li._conference a {
  flex-direction: row;
  height: 50px;
  background: #A4867F;
  border-radius: 30px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.65);
  color: #fff;
  position: relative;
  z-index: 2;
  padding-left: 4px;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference a {
    flex-direction: column;
    height: 70px;
    padding-left: 0;
    border-radius: 0;
    box-shadow: none;
  }
}
.gNav_acttion li._conference a:hover {
  background: rgba(164, 134, 127, 0.8);
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference a img {
    width: 32px;
  }
}
.gNav_acttion li._conference a img:nth-of-type(1) {
  margin-right: 7px;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference a img:nth-of-type(1) {
    margin: 0;
  }
}
.gNav_acttion li._conference a img:nth-of-type(2) {
  margin-left: 8px;
}
.gNav_acttion li._conference a span {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference a span {
    font-size: 14px;
    margin-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference a .pc {
    display: none;
  }
}
.gNav_acttion li._conference a::before {
  content: "";
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #fff;
  border-radius: 30px;
  position: absolute;
  top: 3px;
  left: 3px;
}
@media screen and (max-width: 767px) {
  .gNav_acttion li._conference a::before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .gNav_acttionSpFixed {
    display: flex;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9;
  }
  .gNav_acttionSpFixed li {
    width: 33.3333333333%;
  }
  .gNav_acttionSpFixed a {
    display: block;
    color: #fff;
    font-size: min(4.5333333333vw, 17px);
    letter-spacing: 0.06em;
    line-height: 50px;
    text-align: center;
  }
  .gNav_acttionSpFixed ._contact {
    background: #000;
  }
  .gNav_acttionSpFixed ._document {
    background: #862626;
  }
  .gNav_acttionSpFixed ._conference {
    background: #A4867F;
  }
}
@media screen and (max-width: 767px) {
  .gNav_sns {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .gNav_sns img {
    transform: scale(1.08, 1.08);
  }
}

.fixed {
  width: 256px;
  margin: -100px 5rem 50px auto;
  position: sticky;
  bottom: 50px;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  .fixed {
    width: min(28.2666666667vw, 142px);
    margin: -50px 10px 20px auto;
    bottom: 62px;
  }
}
.fixed_catalog {
  display: block;
  width: 142px;
  margin-left: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  .fixed_catalog {
    width: 100%;
  }
}
.fixed_catalog:hover {
  filter: brightness(1.3);
}
.fixed_contact {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: #A4867F;
  border-radius: 30px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.65);
  color: #fff;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .fixed_contact {
    display: none;
  }
}
.fixed_contact:hover {
  background: rgba(164, 134, 127, 0.8);
}
.fixed_contact img:nth-of-type(1) {
  margin-right: 7px;
}
.fixed_contact img:nth-of-type(2) {
  margin-left: 8px;
}
.fixed_contact span {
  font-size: 18px;
}
.fixed_contact::before {
  content: "";
  display: block;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  border: 1px solid #fff;
  border-radius: 30px;
  position: absolute;
  top: 3px;
  left: 3px;
}

.topto {
  position: fixed;
  right: 27px;
  bottom: 32px;
  z-index: 9;
  opacity: 0;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .topto {
    display: none;
  }
}
.topto.on {
  opacity: 1;
}

.main {
  padding-top: 100px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .main {
    padding-top: 60px;
  }
}

.footer {
  background: rgba(164, 134, 127, 0.12);
}
.footer_inner {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 45px 0 60px;
}
@media screen and (max-width: 767px) {
  .footer_inner {
    display: block;
    padding: 30px 0 75px;
    text-align: center;
  }
}
.footer_inner > div:nth-child(1) {
  flex: 1;
  max-width: 680px;
  margin-left: -30px;
}
@media screen and (max-width: 767px) {
  .footer_inner > div:nth-child(1) {
    max-width: 100%;
    margin-left: 0;
    padding: 0 1rem;
  }
}
.footer_inner > div:nth-child(2) {
  width: 214px;
  margin-right: -30px;
}
@media screen and (max-width: 767px) {
  .footer_inner > div:nth-child(2) {
    width: 100%;
    margin-top: 25px;
    margin-right: 0;
    padding: 30px 1rem 0;
    border-top: 1px solid #707070;
  }
}
.footer_nav {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .footer_nav {
    margin-top: 15px;
  }
}
.footer_nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer_nav ul {
    max-width: 350px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 360px) {
  .footer_nav ul {
    justify-content: center;
  }
}
.footer_nav li {
  margin-top: 10px;
  margin-right: 40px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .footer_nav li {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .footer_nav li:nth-child(1) {
    width: 50%;
    padding-right: 30px;
    text-align: right;
  }
}
@media screen and (max-width: 360px) {
  .footer_nav li:nth-child(1) {
    padding-right: 0;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .footer_nav li:nth-child(2) {
    width: 50%;
    padding-left: 30px;
    text-align: left;
  }
}
@media screen and (max-width: 360px) {
  .footer_nav li:nth-child(2) {
    padding-left: 0;
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .footer_nav li:nth-child(3) {
    width: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .footer_nav li:nth-child(4) {
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 360px) {
  .footer_nav li:nth-child(4) {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
}
.footer_sns {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .footer_sns {
    max-width: 290px;
    margin: 30px auto 0;
  }
  .footer_sns img {
    transform: scale(1.08, 1.08);
  }
}
.footer_copyright {
  font-size: 12px;
  line-height: 1;
  position: absolute;
  right: -30px;
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  .footer_copyright {
    display: block;
    margin-top: 25px;
    font-size: 10px;
    position: static;
  }
}

.homeMv {
  height: 100%;
  min-height: 700px;
  padding-top: 100px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .homeMv {
    min-height: 480px;
    padding: 70px 0 50px;
  }
}
.homeMv_slider {
  width: 100%;
  height: 100%;
  margin-left: auto;
}
.homeMv_slider .slick-list,
.homeMv_slider .slick-track, .homeMv_slider_cont {
  height: 100%;
}
.homeMv_slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.homeMv_slider p {
  color: #fff;
  font-size: 40px;
  letter-spacing: 0.2em;
  line-height: 1.5;
  position: absolute;
  top: 50%;
  left: 3.3rem;
  z-index: 2;
  transform: translateY(-50%);
  text-shadow: 0px 2px 3px #000;
}
@media screen and (max-width: 767px) {
  .homeMv_slider p {
    font-size: 30px;
    letter-spacing: 0.15em;
    top: auto;
    left: 0;
    bottom: 15px;
    width: 100%;
    padding: 0 2rem;
    transform: translate(0);
  }
}
.homeMv_slider p .font_en {
  display: block;
  font-size: 25px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .homeMv_slider p .font_en {
    font-size: 18px;
  }
}
.homeMv_slider .slider_dots {
  display: flex;
  gap: 0 10px;
  position: absolute;
  left: 50%;
  bottom: 110px;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .homeMv_slider .slider_dots {
    bottom: 20px;
    left: 2rem;
    gap: 0 13px;
    transform: none;
  }
}
.homeMv_slider .slider_dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #EBEBEB;
}
@media screen and (max-width: 767px) {
  .homeMv_slider .slider_dots li {
    width: 7px;
    height: 7px;
  }
}
.homeMv_slider .slider_dots li.slick-active {
  background: #A4867F;
}
.homeMv_slider .slider_dots button {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.homeMv_ttl {
  width: 170px;
  position: absolute;
  top: 159px;
  left: 7.8rem;
}
@media screen and (max-width: 767px) {
  .homeMv_ttl {
    width: 85px;
    top: 95px;
    left: 2rem;
  }
}
.homeMv_ttl img {
  width: 100%;
}
.homeMv_catch {
  width: 100%;
  color: #fff;
  font-size: min(3.1944444444vw, 46px);
  letter-spacing: 0.2em;
  text-align: center;
  text-shadow: 0 0 5px #000, 0 0 5px #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .homeMv_catch {
    width: auto;
    font-size: max(3.1347962382vh, 14px);
    writing-mode: vertical-rl;
    left: 50%;
    transform: translate(-50%, -48%);
    white-space: nowrap;
  }
}
.homeMv_catch ._space {
  display: inline-block;
  letter-spacing: 0.2em;
}
.homeMv_catch ._space:nth-child(1) {
  margin-right: -0.3em;
}
@media screen and (max-width: 767px) {
  .homeMv_catch ._space:nth-child(1) {
    margin-right: 0;
    margin-bottom: -0.3em;
  }
}
.homeMv_catch ._space:nth-child(2) {
  margin-left: -0.4em;
}
@media screen and (max-width: 767px) {
  .homeMv_catch ._space:nth-child(2) {
    margin-left: 0;
    margin-top: -0.4em;
  }
}
.homeMv_about {
  animation: homeMvAbout 0.8s 1s ease 1 forwards;
  opacity: 0;
}
@keyframes homeMvAbout {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.homeMv_about a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 142px;
  height: 142px;
  background: rgba(26, 19, 17, 0.6);
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  letter-spacing: -0.02em;
  position: absolute;
  right: 50%;
  bottom: 166px;
  z-index: 2;
  transform: translateX(50%);
}
@media screen and (max-width: 767px) {
  .homeMv_about a {
    width: 106px;
    height: 106px;
    font-size: 14px;
    right: 2rem;
    bottom: 70px;
    transform: none;
  }
}
.homeMv_about a ._textSpace {
  display: inline-block;
  letter-spacing: -0.03em;
}
.homeMv_about a::before {
  content: "";
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border: 3px solid #A4867F;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -3px;
  opacity: 0;
  transition: 0.3s;
}
.homeMv_about a:hover::before {
  transform: scale(1.081);
  opacity: 1;
}
.homeMv_scroll {
  font-size: 22px;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #fff;
  position: absolute;
  left: 50%;
  bottom: 58px;
  transform: translateX(-50%);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .homeMv_scroll {
    font-size: 16px;
    bottom: 83px;
  }
}
.homeMv_scroll::before {
  content: "";
  display: block;
  width: 12px;
  height: 6px;
  background: url(/assets/image/home/mv_scroll_arrow.svg) center/auto no-repeat;
  position: absolute;
  top: calc(100% + 8px);
  left: calc(50% - 6px);
  animation: scroll 2.2s 0s infinite linear;
}
@media screen and (max-width: 767px) {
  .homeMv_scroll::before {
    width: 5px;
    background-size: contain;
    top: calc(100% + 6px);
  }
}
@keyframes scroll {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    transform: translateY(16px);
  }
  80%, 100% {
    transform: translateY(16px);
    opacity: 0;
  }
}

.home {
  padding-top: 0;
  padding-bottom: 228px;
}
@media screen and (max-width: 767px) {
  .home {
    padding-bottom: 104px;
  }
}

.homeLayout {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .homeLayout {
    display: block;
  }
}
.homeLayout_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .homeLayout_imgBox img {
    width: 100%;
    height: auto;
  }
}
.homeLayout_textBox {
  flex: 1;
  padding-right: 18rem;
}
@media screen and (max-width: 1140px) {
  .homeLayout_textBox {
    padding-right: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .homeLayout_textBox {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.homeLayout_ttl {
  display: flex;
  align-items: center;
  color: #6C6C6C;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .homeLayout_ttl {
    display: block;
    line-height: 1.5;
  }
}
.homeLayout_ttl .font_en {
  margin-right: 23px;
  color: #A4867F;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .homeLayout_ttl .font_en {
    display: block;
    margin-right: 0;
    font-size: 24px;
  }
}
.homeLayout_ttl_inEn.font_en {
  color: inherit;
  font-size: inherit;
  margin-right: 0;
  padding-top: 5px;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .homeLayout_ttl_inEn.font_en {
    display: inline-block;
  }
}
.homeLayout_catch {
  margin-top: 10px;
  color: #A4867F;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .homeLayout_catch {
    margin-top: 15px;
    font-size: 20px;
    letter-spacing: 0;
  }
}
.homeLayout_text {
  margin-top: 30px;
  line-height: 2;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 767px) {
  .homeLayout_text {
    margin-top: 15px;
  }
}
.homeLayout .linkbtn {
  margin-top: 60px;
}
@media screen and (max-width: 1439px) {
  .homeLayout .linkbtn {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .homeLayout .linkbtn {
    margin-top: 45px;
    text-align: center;
  }
}
.homeLayout-reverse {
  flex-direction: row-reverse;
}
.homeLayout-reverse .homeLayout_textBox {
  padding-left: 18rem;
  padding-right: 0;
}
@media screen and (max-width: 1140px) {
  .homeLayout-reverse .homeLayout_textBox {
    padding-left: 8rem;
  }
}
@media screen and (max-width: 767px) {
  .homeLayout-reverse .homeLayout_textBox {
    padding-left: 2rem;
  }
}

.homeSecTtl {
  color: #6C6C6C;
  text-align: center;
}
.homeSecTtl .font_en {
  display: block;
  color: #A4867F;
  font-size: 35px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .homeSecTtl .font_en {
    font-size: 24px;
    line-height: 1.4;
  }
}

@media screen and (max-width: 767px) {
  .homeAbout {
    margin-top: 88px;
  }
}
.homeAbout .homeLayout_imgBox {
  width: 55.1rem;
  height: 695px;
  z-index: 2;
}
@media screen and (max-width: 1439px) {
  .homeAbout .homeLayout_imgBox {
    height: 69.5rem;
  }
}
@media screen and (max-width: 767px) {
  .homeAbout .homeLayout_imgBox {
    width: 33.8rem;
    height: auto;
    margin-left: auto;
  }
}
.homeAbout .lo-imgBg::before {
  width: 74.2%;
  height: 74.2%;
  left: -30px;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  .homeAbout .lo-imgBg::before {
    width: calc(100% + 1rem);
    height: 85.1%;
    left: -1rem;
    bottom: -1rem;
  }
}
.homeAbout .homeLayout_textBox {
  padding-top: 90px;
  padding-right: 10rem;
  padding-bottom: 75px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1439px) {
  .homeAbout .homeLayout_textBox {
    padding-top: 9rem;
    padding-bottom: 7.5rem;
  }
}
@media screen and (max-width: 1439px) and (max-width: 767px) {
  .homeAbout .homeLayout_textBox {
    margin-top: 30px;
    padding: 0 2rem 0 3rem;
  }
}
.homeAbout .homeLayout_textBox::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #FAFAFA;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .homeAbout .homeLayout_textBox::before {
    display: none;
  }
}

.homeFeature {
  align-items: center;
  margin-top: 18.4rem;
}
@media screen and (max-width: 767px) {
  .homeFeature {
    margin-top: 100px;
  }
}
.homeFeature .homeLayout_imgBox {
  width: 65.7rem;
  height: 520px;
  z-index: 2;
}
@media screen and (max-width: 1439px) {
  .homeFeature .homeLayout_imgBox {
    height: 52rem;
  }
}
@media screen and (max-width: 767px) {
  .homeFeature .homeLayout_imgBox {
    width: 33.8rem;
    height: auto;
  }
}
.homeFeature .lo-imgBg::before {
  width: 73.4%;
  height: 82.1%;
  right: -30px;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  .homeFeature .lo-imgBg::before {
    width: calc(100% + 1rem);
    height: 85.1%;
    right: -1rem;
    bottom: -1rem;
  }
}
.homeFeature .homeLayout_textBox {
  padding-left: 10rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .homeFeature .homeLayout_textBox {
    margin-top: 30px;
    padding-left: 2rem;
  }
}
.homeFeature .linkbtn {
  margin-top: 100px;
}
@media screen and (max-width: 1439px) {
  .homeFeature .linkbtn {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 767px) {
  .homeFeature .linkbtn {
    margin-top: 45px;
  }
}

.homeWorks {
  margin-top: 37rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .homeWorks {
    margin-top: 100px;
  }
}
.homeWorks_catch {
  margin-top: 70px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .homeWorks_catch {
    margin-top: 40px;
  }
}
.homeWorks .lo-imgBg {
  position: relative;
}
.homeWorks .lo-imgBg::before {
  width: 100%;
  height: 107%;
  bottom: -22.9rem;
  left: -18rem;
}
@media screen and (max-width: 767px) {
  .homeWorks .lo-imgBg::before {
    width: 80%;
    height: 90%;
    left: -1rem;
    bottom: -1rem;
  }
}
.homeWorks_list {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  .homeWorks_list {
    margin-top: 35px;
  }
}
.homeWorks_list li {
  margin-top: 1.1%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .homeWorks_list li {
    margin-top: 3%;
  }
}
@media screen and (max-width: 767px) {
  .homeWorks_list li:nth-child(3) {
    margin-top: 1.1%;
  }
}
@media screen and (max-width: 767px) {
  .homeWorks_list li:nth-child(3) {
    margin-top: 3%;
  }
}
@media screen and (max-width: 767px) {
  .homeWorks_list li:nth-child(9) {
    display: none;
  }
}
.homeWorks_contTtl {
  width: 100%;
  padding-top: 66.58%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (hover: hover) {
  .homeWorks_contTtl:hover {
    opacity: 1;
  }
}
.active .homeWorks_contTtl {
  opacity: 1;
}
.homeWorks_contTtl span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.15em;
  line-height: 1.66;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .homeWorks_contTtl span {
    font-size: 15px;
  }
}
.homeWorks .linkbtn {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .homeWorks .linkbtn {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .homeWorks .worksList_spCover {
    display: block;
  }
}

.homeFlow {
  margin-top: 33rem;
}
@media screen and (max-width: 767px) {
  .homeFlow {
    margin-top: 100px;
  }
}
@media screen and (max-width: 900px) {
  .homeFlow {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .homeFlow .homeLayout_ttl {
    text-align: center;
    margin-bottom: 25px;
  }
}
.homeFlow .homeLayout_imgBox {
  width: 69.3rem;
  height: 441px;
}
@media screen and (max-width: 1439px) {
  .homeFlow .homeLayout_imgBox {
    height: 44.1rem;
  }
}
@media screen and (max-width: 900px) {
  .homeFlow .homeLayout_imgBox {
    width: 88%;
    margin: 0 auto 40px;
  }
}
.homeFlow .lo-imgBg::before {
  width: 76.7%;
  height: 184.5%;
  background: #FAFAFA;
  right: 0;
  bottom: -30px;
}
.homeFlow .homeLayout_textBox {
  padding-right: 8rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .homeFlow .homeLayout_textBox {
    padding: 0 1rem;
  }
}
@media screen and (max-width: 767px) {
  .homeFlow .homeLayout_catch {
    margin-top: 25px;
    text-align: center;
  }
}

.homeFaq {
  margin-top: 25.5rem;
}
@media screen and (max-width: 767px) {
  .homeFaq {
    margin-top: 95px;
  }
}
.homeFaq .faqList {
  margin-top: 50px;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .homeFaq .faqList {
    margin-top: 20px;
  }
}
.homeFaq .linkbtn {
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .homeFaq .linkbtn {
    margin-top: 50px;
  }
}

.homeNews {
  margin-top: 25rem;
}
@media screen and (max-width: 767px) {
  .homeNews {
    margin-top: 100px;
  }
}
.homeNews .newsList {
  margin-top: 50px;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .homeNews .newsList {
    margin-top: 20px;
  }
}
.homeNews .newsList li:last-child {
  border-bottom: 0;
}
.homeNews .linkbtn {
  margin-top: 5.5rem;
}
@media screen and (max-width: 767px) {
  .homeNews .linkbtn {
    margin-top: 50px;
  }
}

.homeBlog {
  margin-top: 30rem;
}
@media screen and (max-width: 767px) {
  .homeBlog {
    margin-top: 100px;
  }
}
.homeBlog .blogList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
  padding-top: 40px;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList {
    display: block;
    margin-top: 20px;
    padding-top: 0;
  }
}
.homeBlog .blogList li {
  width: 46.3%;
  padding: 35px 15px 35px 30px;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList li {
    width: 100%;
    padding: 30px 1rem;
  }
}
.homeBlog .blogList li:nth-child(1), .homeBlog .blogList li:nth-child(2) {
  border-bottom: 1px dashed #707070;
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList li:nth-child(3) {
    border-bottom: 1px dashed #707070;
  }
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList_textBox {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList_contTtl {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList_time {
    width: 85px;
    letter-spacing: 0;
    border-right: 1px solid #707070;
  }
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList_cat {
    margin-top: 0;
    padding-left: 15px;
  }
}
.homeBlog .blogList_infoBox {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .homeBlog .blogList_infoBox {
    display: flex;
  }
}
.homeBlog .linkbtn {
  margin-top: 5.5rem;
}

.homeAccess {
  justify-content: space-between;
  align-items: center;
  margin-top: 31rem;
}
@media screen and (max-width: 767px) {
  .homeAccess {
    display: block;
    margin-top: 95px;
  }
}
@media screen and (max-width: 767px) {
  .homeAccess .homeLayout_ttl {
    margin-bottom: 25px;
    text-align: center;
  }
}
.homeAccess .homeLayout_ttl .font_en {
  font-size: 35px;
  transform: translateY(-2px);
}
@media screen and (max-width: 767px) {
  .homeAccess .homeLayout_ttl .font_en {
    font-size: 24px;
  }
}
.homeAccess .homeLayout_imgBox {
  width: 50%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .homeAccess .homeLayout_imgBox {
    width: 100%;
    padding: 0 1rem;
  }
}
.homeAccess .homeLayout_imgBox img {
  -o-object-fit: contain;
     object-fit: contain;
}
.homeAccess .lo-imgBg::before {
  width: 78.1%;
  height: 85.4%;
  left: -30px;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  .homeAccess .lo-imgBg::before {
    width: calc(100% + 1rem);
    height: 85.1%;
    left: -1rem;
    bottom: -1rem;
  }
}
.homeAccess .homeLayout_textBox {
  flex: none;
  width: 47rem;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 1140px) {
  .homeAccess .homeLayout_textBox {
    width: 44%;
  }
}
@media screen and (max-width: 767px) {
  .homeAccess .homeLayout_textBox {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .homeAccess .homeLayout_text {
    margin-top: 35px;
    padding: 0 1rem;
  }
}
.homeAccess .linkbtn {
  margin-top: 45px;
}

.works {
  padding-bottom: 180px;
}
@media screen and (max-width: 767px) {
  .works {
    padding-bottom: 100px;
    padding-top: 66px;
  }
}
.works .lo-pageNav li:nth-child(odd) a {
  padding-left: 20px;
}
.works .lo-pageNav li:nth-child(even) a {
  padding-left: 36px;
}
.works .lo-pageNav a {
  text-align: left;
}
.works .worksList {
  margin-top: 7rem;
  padding-top: 13.4rem;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .works .worksList {
    margin-top: 50px;
    padding-top: 70px;
  }
}
.works .pagination-list {
  margin-top: 20rem;
}
@media screen and (max-width: 767px) {
  .works .pagination-list {
    margin-top: 80px;
  }
}

.worksBrand {
  border-top: 1px solid #707070;
  margin-top: 30px;
  padding-top: 6rem;
}
@media screen and (max-width: 767px) {
  .worksBrand {
    margin-top: 50px;
    padding-top: 40px;
  }
}
.worksBrand_ttl {
  color: #A4867F;
  font-size: 25px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .worksBrand_ttl {
    font-size: 16px;
  }
}
.worksBrand_lsit {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .worksBrand_lsit {
    margin-top: 15px;
  }
}
.worksBrand_lsit li {
  width: 13%;
  margin: 16px 6% 0;
}
@media screen and (max-width: 767px) {
  .worksBrand_lsit li {
    width: 32.4%;
    margin: 18px 8.8% 0;
  }
}
.worksBrand_lsit a {
  display: block;
  padding-top: 44%;
  position: relative;
}
.worksBrand_lsit img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.worksList {
  display: flex;
}
.worksList li {
  position: relative;
}
.worksList a {
  display: block;
}
.worksList_imgBox {
  display: block;
  padding-top: 66.58%;
  position: relative;
}
.worksList_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.worksList_contTtl {
  width: 100%;
  padding-top: 66.58%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (hover: hover) {
  .worksList_contTtl:hover {
    opacity: 1;
  }
}
.active .worksList_contTtl {
  opacity: 1;
}
.worksList_contTtl span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.15em;
  line-height: 1.66;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .worksList_contTtl {
    margin-top: 8px;
    padding-top: 0;
    background: none;
    position: static;
    opacity: 1;
  }
  .worksList_contTtl span {
    display: block;
    padding: 0;
    color: #A4867F;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 1.53;
    text-align: left;
    position: static;
  }
}
.worksList_method {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .worksList_method {
    margin-top: 8px;
  }
}
.worksList_method p {
  display: inline-block;
  width: 90px;
  margin-top: 5px;
  padding-bottom: 1px;
  border: 1px solid #000;
  border-radius: 13px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .worksList_method p {
    width: 84px;
    font-size: 12px;
    line-height: 19px;
    margin-top: 4px;
  }
}
.worksList_method .method01 {
  color: #fff;
  background: #A4867F;
  border-color: #A4867F;
}
.worksList_method .method02 {
  color: #fff;
  background: #C9C9C9;
  border-color: #C9C9C9;
}
.worksList_method .method03 {
  color: #B1B1B1;
  background: #fff;
  border-color: #B1B1B1;
}
.worksList_method .method04 {
  color: #898989;
  background: #EAEAEA;
  border-color: #EAEAEA;
}
.worksList_spCover {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (hover: hover) {
  .worksList_spCover {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .worksList_spCover {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .worksDetail {
    padding-top: 66px;
  }
}
.worksDetail_slideWrap {
  overflow: hidden;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .worksDetail_slideWrap {
    width: 100%;
    padding-bottom: 0;
  }
}
.worksDetail_mainSlider .slider_cont {
  width: 100%;
}
.worksDetail_mainSlider .slider_cont > div {
  padding-top: 60.83%;
  position: relative;
  overflow: hidden;
}
.worksDetail_mainSlider .slider_cont img {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.worksDetail_thumbnailSlider {
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .worksDetail_thumbnailSlider {
    margin-top: 1rem;
    padding: 0 0.5rem;
  }
}
.worksDetail_thumbnailSlider .slick-list {
  margin: 0 -1rem;
}
@media screen and (max-width: 767px) {
  .worksDetail_thumbnailSlider .slick-list {
    margin: 0;
  }
}
.worksDetail_thumbnailSlider .slider_cont {
  margin: 0 1rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .worksDetail_thumbnailSlider .slider_cont {
    margin: 0 0.5rem;
  }
}
.worksDetail_thumbnailSlider .slider_cont > div {
  padding-top: 60.83%;
  position: relative;
  overflow: hidden;
}
.worksDetail_thumbnailSlider .slider_cont img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.worksDetail_thumbnailSlider .slider_next,
.worksDetail_thumbnailSlider .slider_prev {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  top: calc(100% + 15px);
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .worksDetail_thumbnailSlider .slider_next,
  .worksDetail_thumbnailSlider .slider_prev {
    display: none;
  }
}
.worksDetail_thumbnailSlider .slider_prev {
  right: 68px;
  background: url(/assets/image/common/arrow_l.svg) center/11px auto no-repeat;
}
.worksDetail_thumbnailSlider .slider_next {
  right: -4px;
  background: url(/assets/image/common/arrow_r.svg) center/11px auto no-repeat;
}
.worksDetail_container {
  margin-top: 16.3rem;
  padding-bottom: 22rem;
}
@media screen and (max-width: 767px) {
  .worksDetail_container {
    margin-top: 45px;
    padding-bottom: 100px;
  }
}
.worksDetail_pageTtl {
  margin-bottom: 9.5rem;
  color: #A4867F;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 767px) {
  .worksDetail_pageTtl {
    margin-bottom: 0;
    font-size: 20px;
    letter-spacing: 0.1em;
    text-align: center;
  }
}
.worksDetail_secTtl {
  color: #A4867F;
  font-family: "Jost", sans-serif;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .worksDetail_secTtl {
    font-size: 16px;
    text-align: center;
  }
}
.worksDetail_desc {
  padding: 0 20px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .worksDetail_desc {
    font-size: 14px;
    padding: 25px 1rem 0;
  }
}
.worksDetail_desc .worksDetail_secTtl {
  margin-bottom: 20px;
}
.worksDetail_details {
  margin-top: 9rem;
  padding: 10rem 20px 0;
  border-top: 1px solid #707070;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .worksDetail_details {
    font-size: 14px;
    margin-top: 45px;
    padding: 40px 1rem 0;
  }
}
.worksDetail_details .worksDetail_secTtl {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .worksDetail_details .worksDetail_secTtl {
    display: flex;
    padding-left: 20px;
    text-align: left;
  }
  .worksDetail_details .worksDetail_secTtl::before {
    content: "";
    display: block;
    width: 34%;
    min-width: 120px;
  }
}
.worksDetail_details_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .worksDetail_details_container {
    display: block;
  }
}
.worksDetail_details_cont {
  width: 47.3%;
  margin-top: 76px;
  padding-right: 40px;
}
@media screen and (max-width: 767px) {
  .worksDetail_details_cont {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
    padding-left: 20px;
  }
}
.worksDetail_details_cont:nth-child(1), .worksDetail_details_cont:nth-child(2) {
  margin-top: 0;
}
.worksDetail_details_cont dl {
  display: flex;
}
@media screen and (max-width: 767px) {
  .worksDetail_details_cont dl {
    margin-top: 10px;
  }
}
.worksDetail_details_cont dl + dl {
  margin-top: 12px;
}
@media screen and (max-width: 767px) {
  .worksDetail_details_cont dl + dl {
    margin-top: 10px;
  }
}
.worksDetail_details_cont dt {
  width: 34%;
  min-width: 120px;
  padding-right: 20px;
}
.worksDetail_details_cont dd {
  flex: 1;
}
.worksDetail_movie {
  margin-top: 18rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .worksDetail_movie {
    margin-top: 105px;
  }
}
.worksDetail_movie .worksDetail_secTtl {
  font-size: 25px;
}
.worksDetail_movie_cont {
  width: 79%;
  margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
  .worksDetail_movie_cont {
    width: 100%;
    margin-top: 25px;
  }
}
.worksDetail_movie_contInner {
  position: relative;
  padding-top: 56.25%;
}
.worksDetail_movie_contInner iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.worksDetail_recommend {
  margin-top: 17.5rem;
  padding-top: 14rem;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .worksDetail_recommend {
    margin-top: 100px;
    padding-top: 0;
    border-top: 0;
  }
}
.worksDetail_recommend_ttl {
  color: #A4867F;
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.125em;
}
@media screen and (max-width: 767px) {
  .worksDetail_recommend_ttl {
    font-size: 16px;
    letter-spacing: 0.05em;
  }
}
.worksDetail_recommend .worksList {
  justify-content: space-between;
  width: 71.6%;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  .worksDetail_recommend .worksList {
    display: block;
    width: 100%;
    margin-top: 30px;
    padding: 0 1rem;
  }
}
.worksDetail_recommend .worksList li {
  width: 45.47%;
}
@media screen and (max-width: 767px) {
  .worksDetail_recommend .worksList li {
    width: 100%;
  }
  .worksDetail_recommend .worksList li + li {
    margin-top: 50px;
  }
}
.worksDetail .pagination-detail {
  margin-top: 18rem;
}
@media screen and (max-width: 767px) {
  .worksDetail .pagination-detail {
    margin-top: 80px;
  }
}
.worksDetail .linkbtn {
  margin-top: 15rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .worksDetail .linkbtn {
    margin-top: 100px;
  }
}

@media screen and (max-width: 767px) {
  .faq {
    padding-top: 66px;
  }
}
.faq .lo-pageNav {
  padding: 0 10px;
}
.faq .lo-pageNav li {
  margin-left: 40px;
  margin-right: 34px;
}
@media screen and (max-width: 767px) {
  .faq .lo-pageNav li {
    width: 100%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .faq .lo-pageNav a {
    font-size: 16px;
  }
}
.faq_container {
  margin-top: 7rem;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .faq_container {
    margin-top: 45px;
  }
}
.faq_sec {
  margin-top: 15rem;
  padding-top: 5rem;
}
@media screen and (max-width: 767px) {
  .faq_sec {
    margin-top: 80px;
    padding-top: 20px;
  }
}
.faq_sec:first-child {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767px) {
  .faq_sec:first-child {
    margin-top: 40px;
  }
}
.faq_secTtl {
  margin-bottom: 25px;
  color: #A4867F;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .faq_secTtl {
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.08em;
  }
}
.faq .commonContact {
  border-top: 0;
}

.faqList dl {
  border-bottom: 1px solid #707070;
  line-height: 2;
}
.faqList dt,
.faqList dd {
  padding: 35px 100px 35px 80px;
  position: relative;
  font-size: 19px;
  line-height: 1.5789;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .faqList dt,
  .faqList dd {
    padding: 30px calc(40px + 1rem) 30px calc(40px + 1rem);
  }
}
.faqList dt::before,
.faqList dd::before {
  display: block;
  color: #A4867F;
  font-family: "Jost", sans-serif;
  font-size: 20px;
  font-weight: 300;
  position: absolute;
  top: 36px;
  left: 30px;
}
@media screen and (max-width: 767px) {
  .faqList dt::before,
  .faqList dd::before {
    font-size: 21px;
    line-height: 1;
    left: 1rem;
  }
}
.faqList dt {
  cursor: pointer;
}
.faqList dt::before {
  content: "Q.";
}
.faqList dt::after {
  content: "";
  display: block;
  width: 17px;
  height: 9px;
  background: url(/assets/image/common/faq_arrow.svg) center/contain no-repeat;
  position: absolute;
  top: 46px;
  right: 30px;
  transform: rotateX(180deg);
}
@media screen and (max-width: 767px) {
  .faqList dt::after {
    top: 40px;
    right: 1rem;
  }
}
.faqList dt.active::after {
  transform: rotateX(0deg);
}
.faqList dd {
  background: #F4F0EF;
  border-top: 1px solid #707070;
}
.faqList dd::before {
  content: "A.";
}
.faqList dd p:nth-child(2) {
  margin-top: 15px;
  padding-top: 11px;
  border-top: 1px dashed #707070;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  line-height: 2.2;
  letter-spacing: 0.075em;
}

.news {
  padding-bottom: 221px;
}
@media screen and (max-width: 767px) {
  .news {
    padding-top: 66px;
    padding-bottom: 100px;
  }
}
.news_container {
  margin-top: 24rem;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .news_container {
    margin-top: 50px;
  }
}
.news .pagination-list {
  margin-top: 25rem;
}
@media screen and (max-width: 767px) {
  .news .pagination-list {
    margin-top: 70px;
  }
}

.newsList li {
  border-bottom: 1px dashed #707070;
}
@media screen and (max-width: 767px) {
  .newsList li:last-child {
    border-bottom: 0;
  }
}
.newsList a {
  display: flex;
  padding: 35px 30px;
}
@media screen and (max-width: 767px) {
  .newsList a {
    padding: 30px 1rem;
  }
}
.newsList a:hover {
  opacity: 0.4;
}
.newsList_time {
  width: 170px;
  color: #A4867F;
  font-family: "Jost", sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .newsList_time {
    width: 90px;
  }
}
.newsList_contTtl {
  flex: 1;
}

.newsDetail {
  padding-bottom: 180px;
}
@media screen and (max-width: 767px) {
  .newsDetail {
    padding-bottom: 103px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.blog {
  padding-bottom: 228px;
}
@media screen and (max-width: 767px) {
  .blog {
    padding-top: 66px;
    padding-bottom: 100px;
  }
}
.blog .lo-pageNav li {
  margin-left: 56px;
  margin-right: 56px;
}
@media screen and (max-width: 767px) {
  .blog .lo-pageNav li {
    margin-left: 0;
    margin-right: 0;
  }
}
.blog .lo-pageNav a {
  font-size: 20px;
}
.blog .blogList {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .blog .blogList {
    margin-top: 70px;
  }
}
.blog .pagination-list {
  margin-top: 17.5rem;
}
@media screen and (max-width: 767px) {
  .blog .pagination-list {
    margin-top: 90px;
  }
}

.blogList li {
  margin-top: 60px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .blogList li {
    margin-top: 40px;
  }
  .blogList li:nth-child(3) {
    margin-top: 40px;
  }
}
.blogList_imgBox a {
  display: block;
  padding-top: 66.58%;
  position: relative;
}
.blogList_imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.blogList_infoBox {
  display: flex;
  align-items: flex-start;
  margin-top: 20px;
  font-family: "Jost", sans-serif;
  font-weight: 300;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .blogList_infoBox {
    display: block;
    margin-top: 12px;
  }
}
.blogList_time {
  width: 106px;
  color: #A4867F;
  border-right: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .blogList_time {
    width: 100%;
    border-right: 0;
  }
}
.blogList_cat {
  flex: 1;
  height: 16px;
  padding-left: 20px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .blogList_cat {
    height: 14px;
    margin-top: 8px;
    padding-left: 0;
  }
}
.blogList_cat a {
  display: inline-block;
  margin-right: 10px;
  color: #707070;
  line-height: 1;
}
.blogList_textBox {
  margin-top: 15px;
}
.blogList_textBox a {
  display: block;
}
.blogList_contTtl {
  color: #707070;
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 1.38;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .blogList_contTtl {
    font-size: 14px;
    letter-spacing: 0.05em;
  }
}
.blogList_text {
  margin-top: 15px;
  line-height: 1.56;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .blogList_text {
    margin-top: 20px;
    line-height: 1.78;
  }
}

.blogDetail {
  padding-bottom: 188px;
}
@media screen and (max-width: 767px) {
  .blogDetail {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .blogDetail_intro {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.blogDetail .post_mainTtl {
  margin-bottom: 38px;
}
@media screen and (max-width: 767px) {
  .blogDetail .post_mainTtl {
    margin-bottom: 10px;
  }
}
.blogDetail .post_container {
  padding: 5rem;
  background: #F4F0EF;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  .blogDetail .post_container {
    width: 100%;
    padding: 2rem;
  }
}
.blogDetail .post_container p {
  margin-bottom: 99px;
}
@media screen and (max-width: 767px) {
  .blogDetail .post_container p {
    margin-bottom: 74px;
  }
}

.about {
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .about {
    line-height: 1.78;
  }
}
.about_container {
  padding-bottom: 250px;
}
@media screen and (max-width: 767px) {
  .about_container {
    padding-bottom: 80px;
  }
}
.about_subTtl {
  color: #6C6C6C;
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .about_subTtl {
    font-size: 14px;
    text-align: center;
  }
}
.about_secTtl {
  margin: 2.5rem 0 5rem;
  color: #A4867F;
  font-family: "Shippori Mincho B1", serif;
  font-size: 30px;
  letter-spacing: 0.13em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .about_secTtl {
    margin: 20px 0;
    font-size: 20px;
    letter-spacing: 0.08em;
    line-height: 1.7;
    text-align: center;
  }
}
.about .commonContact_read {
  font-size: 23px;
}
@media screen and (max-width: 767px) {
  .about .commonContact_read {
    font-size: 16px;
  }
}

.aboutMv {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .aboutMv {
    display: block;
    margin-top: 40px;
  }
}
.aboutMv_imgBox {
  width: 38.7%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1140px) {
  .aboutMv_imgBox {
    width: 44%;
  }
}
@media screen and (max-width: 767px) {
  .aboutMv_imgBox {
    width: 70%;
    margin: 0 auto;
  }
}
.aboutMv .lo-imgBg::before {
  width: 81.5%;
  height: 85.8%;
  left: -3rem;
  bottom: -3rem;
}
@media screen and (max-width: 767px) {
  .aboutMv .lo-imgBg::before {
    left: -1rem;
    bottom: -1rem;
  }
}
.aboutMv_textBox {
  width: 48.3%;
  padding-top: 4rem;
}
@media screen and (max-width: 767px) {
  .aboutMv_textBox {
    width: 100%;
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .aboutMv_textBox p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.aboutMv_ttl {
  color: #6C6C6C;
}
@media screen and (max-width: 767px) {
  .aboutMv_ttl {
    text-align: center;
  }
}
.aboutMv_liq {
  display: flex;
  align-items: center;
  margin-top: 25px;
  color: #A4867F;
  font-size: 27px;
}
@media screen and (max-width: 767px) {
  .aboutMv_liq {
    justify-content: center;
    margin-top: 20px;
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  .aboutMv_liq img {
    width: 76px;
  }
}
.aboutMv_liq span::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 1px;
  margin: 0 15px;
  background: #707070;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .aboutMv_liq span::before {
    width: 27px;
    margin-left: 8px;
    margin-right: 10px;
  }
}
.aboutMv_catch {
  margin: 5rem 0 2rem;
  color: #A4867F;
  font-size: 30px;
  letter-spacing: 0.17em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .aboutMv_catch {
    margin: 70px 0 25px;
    font-size: 20px;
    letter-spacing: 0.08em;
    text-align: center;
  }
}
.aboutMv_bgText {
  margin-top: 4.5rem;
  padding: 4.5rem 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .aboutMv_bgText {
    margin-top: 45px;
    padding: 25px 1rem;
  }
}
.aboutMv_bgText::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  background: #FAFAFA;
  position: absolute;
  top: 0;
  left: -25rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .aboutMv_bgText::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

.aboutImgBox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 18.8rem;
}
@media screen and (max-width: 767px) {
  .aboutImgBox {
    display: block;
    width: 100%;
    margin-top: 50px;
  }
}
.aboutImgBox div:nth-child(1) {
  width: 65.5%;
}
@media screen and (max-width: 767px) {
  .aboutImgBox div:nth-child(1) {
    width: 89.3%;
  }
}
.aboutImgBox div:nth-child(2) {
  width: 27.7%;
  transform: translateY(30%);
}
@media screen and (max-width: 767px) {
  .aboutImgBox div:nth-child(2) {
    width: 77.6%;
    margin-top: 40px;
    margin-left: auto;
    transform: translateY(0);
  }
}
.aboutImgBox .lo-imgBg::before {
  width: 89.2%;
  height: 78.9%;
  right: -3rem;
  bottom: -3rem;
}
@media screen and (max-width: 767px) {
  .aboutImgBox .lo-imgBg::before {
    right: -1rem;
    bottom: -1rem;
  }
}
.aboutImgBox img {
  width: 100%;
}

.aboutSkill {
  margin-top: 16rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .aboutSkill {
    margin-top: 80px;
    display: block;
  }
}
.aboutSkill_imBox {
  width: 33.3%;
}
@media screen and (max-width: 767px) {
  .aboutSkill_imBox {
    width: 100%;
    text-align: center;
  }
}
.aboutSkill_imBox img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .aboutSkill_imBox img {
    width: 73%;
    max-width: 400px;
  }
}
.aboutSkill_textBox {
  width: 57%;
}
@media screen and (max-width: 767px) {
  .aboutSkill_textBox {
    width: 100%;
    margin-top: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.aboutWow {
  margin-top: 26.4rem;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .aboutWow {
    margin-top: 70px;
    display: block;
  }
}
.aboutWow_imBox {
  width: 41.8%;
}
@media screen and (max-width: 767px) {
  .aboutWow_imBox {
    margin: 0 auto;
    width: 70%;
    max-width: 400px;
  }
}
.aboutWow_imBox img {
  width: 100%;
}
.aboutWow .lo-imgBg::before {
  width: 100%;
  height: 75.4%;
  top: -3rem;
  right: -3rem;
}
@media screen and (max-width: 767px) {
  .aboutWow .lo-imgBg::before {
    top: -1rem;
    right: -1rem;
  }
}
.aboutWow_textBox {
  width: 50%;
  padding-bottom: 9rem;
}
@media screen and (max-width: 767px) {
  .aboutWow_textBox {
    width: 100%;
    margin-top: 40px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 0;
  }
}

.feature {
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .feature {
    padding-top: 66px;
    line-height: 1.78;
  }
}
.feature_container {
  padding-top: 21px;
  padding-bottom: 230px;
}
@media screen and (max-width: 767px) {
  .feature_container {
    padding-top: 0;
    padding-bottom: 90px;
  }
}
.feature img {
  width: 100%;
}
.feature_secTtl01 {
  font-size: 30px;
  letter-spacing: 0.12em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .feature_secTtl01 {
    font-size: 20px;
    text-align: center;
  }
}
.feature_secTtl02 {
  margin-bottom: 20px;
  color: #A4867F;
  font-size: 23px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .feature_secTtl02 {
    font-size: 16px;
    letter-spacing: 0.05em;
    text-align: center;
  }
}
.feature_number {
  padding-bottom: 230px;
  color: #A4867F;
  font-size: 22px;
  line-height: 1;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .feature_number {
    font-size: 18px;
    padding-bottom: 96px;
  }
}
.feature_number::before {
  content: "";
  width: 1px;
  height: 74px;
  background: #A4867F;
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: scaleY(0);
  animation: border 2.4s 0s infinite linear;
}
@media screen and (max-width: 767px) {
  .feature_number::before {
    height: 38px;
    bottom: 30px;
    animation-duration: 2s;
  }
}
@keyframes border {
  0% {
    transform: scaleY(1);
    transform-origin: center bottom;
  }
  20% {
    transform: scaleY(0);
    transform-origin: center bottom;
  }
  21% {
    transform: scaleY(0);
    transform-origin: center top;
  }
  41% {
    transform: scaleY(1);
    transform-origin: center top;
  }
  100% {
    transform: scaleY(1);
    transform-origin: center bottom;
  }
}
.feature .commonContact {
  border-top: 1px solid #707070;
}

@media screen and (max-width: 767px) {
  .featureMv {
    width: 100%;
  }
}
.featureMv img {
  width: 100%;
}

.featureIntro {
  margin-top: 110px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .featureIntro {
    margin-top: 25px;
  }
}
.featureIntro_ttl {
  color: #A4867F;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .featureIntro_ttl {
    font-size: 20px;
    letter-spacing: 0.08em;
  }
}
.featureIntro_text {
  margin-top: 60px;
  line-height: 2.18;
}
@media screen and (max-width: 767px) {
  .featureIntro_text {
    margin-top: 20px;
    text-align: left;
    line-height: 1.78;
  }
}
.featureIntro_notes {
  margin: 66px auto 0;
  padding: 20px 5px;
  max-width: 772px;
  border: 1px solid #A4867F;
  color: #A4867F;
}
@media screen and (max-width: 767px) {
  .featureIntro_notes {
    margin-top: 45px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.featureCont01 {
  margin-top: 135px;
}
@media screen and (max-width: 767px) {
  .featureCont01 {
    margin-top: 95px;
  }
}
.featureCont01_lo01 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo01 {
    display: block;
  }
}
.featureCont01_lo01 .feature_secTtl01 {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo01 .feature_secTtl01 {
    margin: 50px 0 10px;
  }
}
.featureCont01_lo01 > div:nth-child(1) {
  width: 46.3%;
  padding-top: 3rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo01 > div:nth-child(1) {
    width: 100%;
    padding-top: 0;
  }
}
.featureCont01_lo01 > div:nth-child(2) {
  width: 41.8%;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo01 > div:nth-child(2) {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .featureCont01_img01 {
    width: 82%;
    margin: 0 auto;
  }
}
.featureCont01_img02 {
  margin-top: 12rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_img02 {
    width: 76.7%;
    margin: 100px auto 0;
  }
}
.featureCont01_img02.lo-imgBg::before {
  width: calc(100% + 4rem);
  height: 54.6%;
  top: -2rem;
  left: -2rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_img02.lo-imgBg::before {
    width: calc(100% + 2rem);
    top: -1rem;
    left: -1rem;
  }
}
.featureCont01_cont02 {
  margin-top: 16rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_cont02 {
    margin-top: 40px;
  }
}
.featureCont01_lo02 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo02 {
    display: block;
  }
}
.featureCont01_tahin {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 52.2%;
  margin-top: -50px;
}
@media screen and (max-width: 767px) {
  .featureCont01_tahin {
    width: 100%;
    margin-top: 50px;
  }
}
.featureCont01_tahin img {
  width: 48.2%;
}
.featureCont01_cont03 {
  width: 41.8%;
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .featureCont01_cont03 {
    width: 100%;
    padding-top: 20px;
  }
}
.featureCont01_obiImg {
  margin-top: 16.6rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_obiImg {
    width: calc(100% - 1rem);
    margin: 120px 0 0 auto;
  }
}
.featureCont01_obiImg.lo-imgBg::before {
  width: 76.2%;
  height: 100%;
  top: -3rem;
  left: -3rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_obiImg.lo-imgBg::before {
    top: -1rem;
    left: -1rem;
  }
}
.featureCont01_lo03 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo03 {
    display: block;
    margin-top: 30px;
  }
}
.featureCont01_lo03_contBox {
  width: 67.1%;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo03_contBox {
    width: 100%;
  }
}
.featureCont01_img04 {
  width: 31%;
}
@media screen and (max-width: 767px) {
  .featureCont01_img04 {
    width: 82%;
    margin: 40px auto 0;
  }
}
.featureCont01_cont04 {
  padding: 40px 40px 0 9rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_cont04 {
    padding: 0;
  }
}
.featureCont01_lo04 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 14rem;
}
@media screen and (max-width: 767px) {
  .featureCont01_lo04 {
    display: block;
    margin-top: 30px;
  }
}
.featureCont01_img05 {
  width: 51.5%;
}
@media screen and (max-width: 767px) {
  .featureCont01_img05 {
    width: 100%;
    margin-top: 50px;
  }
}
.featureCont01_cont05 {
  width: 41.6%;
}
@media screen and (max-width: 767px) {
  .featureCont01_cont05 {
    width: 100%;
  }
}

.featureMore {
  margin-top: 120px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .featureMore {
    margin-top: 40px;
  }
}
.featureMore_img {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .featureMore_img {
    margin-top: 20px;
  }
}
.featureMore_img img {
  width: 219px;
}
@media screen and (max-width: 767px) {
  .featureMore_img img {
    width: 180px;
  }
}
.featureMore_link {
  width: 320px;
  margin: 55px auto 0;
}
@media screen and (max-width: 767px) {
  .featureMore_link {
    width: 260px;
    margin-top: 20px;
  }
}
.featureMore_link a {
  display: block;
  border: 1px solid #A4867F;
  color: #A4867F;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  line-height: 46px;
  transition: 0.3s;
}
.featureMore_link a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  background: url(/assets/image/common/link.svg) center/contain no-repeat;
  vertical-align: middle;
  transition: 0.3s;
  transform: translateY(-1px);
}
.featureMore_link a:hover {
  color: #fff;
  background: #A4867F;
}
.featureMore_link a:hover::after {
  background-image: url(/assets/image/common/link_white.svg);
}

.featureMethod {
  margin-top: 174px;
}
@media screen and (max-width: 767px) {
  .featureMethod {
    margin-top: 60px;
  }
}
.featureMethod .feature_secTtl02 {
  text-align: center;
}
.featureMethod_read {
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .featureMethod_read {
    margin-top: 20px;
    text-align: left;
  }
}
.featureMethod_list {
  display: flex;
  justify-content: space-between;
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  .featureMethod_list {
    display: block;
    margin-top: 0;
  }
}
.featureMethod_list li {
  width: 31.4%;
}
@media screen and (max-width: 767px) {
  .featureMethod_list li {
    width: 100%;
    margin-top: 70px;
  }
  .featureMethod_list li:first-child {
    margin-top: 40px;
  }
}
.featureMethod_list_contTtl {
  margin: 30px 0 20px;
  font-size: 23px;
  letter-spacing: 0.08em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .featureMethod_list_contTtl {
    margin: 20px 0 15px;
    font-size: 18px;
  }
}

.featureCont02 {
  margin-top: 160px;
  padding-top: 180px;
  border-top: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .featureCont02 {
    margin-top: 90px;
    padding-top: 70px;
  }
}
.featureCont02_lo1 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .featureCont02_lo1 {
    display: block;
  }
}
.featureCont02_img01 {
  width: 41.8%;
}
@media screen and (max-width: 767px) {
  .featureCont02_img01 {
    width: 82%;
    margin: 0 auto;
  }
}
.featureCont02_cont01 {
  width: 46.8%;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .featureCont02_cont01 {
    width: 100%;
  }
}
.featureCont02 .feature_secTtl01 {
  margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
  .featureCont02 .feature_secTtl01 {
    margin-bottom: 10px;
  }
}
.featureCont02_img02 {
  margin-top: 8.5rem;
  padding-top: 40.7rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .featureCont02_img02 {
    display: none;
  }
}
.featureCont02_img02 div {
  width: 61.1rem;
  position: absolute;
  top: 0;
  right: 2.4rem;
}
.featureCont02_img02 .lo-imgBg::before {
  width: 50vw;
  height: 89.6%;
  right: -3rem;
  bottom: -3rem;
}
.featureCont02_lo2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 180px;
}
@media screen and (max-width: 767px) {
  .featureCont02_lo2 {
    display: block;
    margin-top: 100px;
  }
}
@media screen and (max-width: 1140px) {
  .featureCont02_lo2 {
    align-items: flex-start;
  }
}
.featureCont02_img03 {
  width: 49.2%;
}
@media screen and (max-width: 767px) {
  .featureCont02_img03 {
    width: 100%;
    margin-left: -2rem;
  }
}
.featureCont02_img03.lo-imgBg::before {
  width: 100%;
  height: 76.9%;
  top: -3rem;
  right: -3rem;
}
@media screen and (max-width: 767px) {
  .featureCont02_img03.lo-imgBg::before {
    top: -1rem;
    right: -1rem;
  }
}
.featureCont02_cont02 {
  width: 40.3%;
}
@media screen and (max-width: 767px) {
  .featureCont02_cont02 {
    width: 100%;
    margin-top: 20px;
  }
}
.featureCont02_cont02 p + p {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .featureCont02_cont02 p + p {
    margin-top: 40px;
  }
}

.featureMaterial {
  margin-top: 150px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .featureMaterial {
    margin-top: 40px;
  }
}
.featureMaterial_list {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .featureMaterial_list {
    display: block;
    margin-top: 60px;
  }
}
.featureMaterial_list li {
  width: 24.6%;
}
@media screen and (max-width: 767px) {
  .featureMaterial_list li {
    width: 100%;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 767px) {
  .featureMaterial_list img {
    width: 230px;
  }
}
.featureMaterial_list p {
  margin-top: 20px;
  font-size: 23px;
  letter-spacing: 0.08em;
  line-height: 1.52;
}
@media screen and (max-width: 1140px) {
  .featureMaterial_list p {
    font-size: 1.9vw;
  }
}
@media screen and (max-width: 767px) {
  .featureMaterial_list p {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 0.05em;
  }
}

@media screen and (max-width: 767px) {
  .flow {
    padding-top: 66px;
  }
}
.flow_container {
  padding-bottom: 22rem;
}
@media screen and (max-width: 767px) {
  .flow_container {
    padding-bottom: 80px;
  }
}

.flowList {
  margin-top: 17rem;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .flowList {
    margin-top: 70px;
    padding: 0 1rem;
  }
}
.flowList li {
  display: flex;
  align-items: flex-start;
  min-height: 270px;
  padding-bottom: 40px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .flowList li {
    min-height: 186px;
    padding-bottom: 74px;
  }
}
.flowList li::before, .flowList li::after {
  content: "";
  display: block;
  width: 1px;
  background: #A4867F;
  border-radius: 1px;
  position: absolute;
  left: 48px;
  bottom: calc((100% - 96px) / 2 / 2);
}
@media screen and (max-width: 767px) {
  .flowList li::before, .flowList li::after {
    left: 29px;
    bottom: 25px;
  }
}
.flowList li::before {
  height: calc((100% - 96px) / 2);
}
@media screen and (max-width: 767px) {
  .flowList li::before {
    height: calc(100% - 58px - 50px);
  }
}
.flowList li::after {
  height: 20px;
  transform: rotate(-26deg);
  transform-origin: center bottom;
}
.flowList li:last-child::before, .flowList li:last-child::after {
  display: none;
}
@media screen and (max-width: 767px) {
  .flowList li:last-child::before, .flowList li:last-child::after {
    display: block;
  }
}
.flowList-last li:last-child::before, .flowList-last li:last-child::after {
  display: none;
}
.flowList_step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  border: 1px solid #A4867F;
  border-radius: 50%;
  color: #A4867F;
  font-family: "Jost", sans-serif;
  font-size: 23px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .flowList_step {
    width: 58px;
    height: 58px;
    font-size: 14px;
  }
}
.flowList_step span {
  display: block;
  margin-top: 5px;
  font-size: 33px;
}
@media screen and (max-width: 767px) {
  .flowList_step span {
    font-size: 21px;
  }
}
.flowList dl {
  flex: 1;
  padding-left: 60px;
  line-height: 1.56;
}
@media screen and (max-width: 767px) {
  .flowList dl {
    padding-left: 20px;
    line-height: 1.78;
  }
}
.flowList dt {
  color: #A4867F;
  font-family: "Shippori Mincho B1", serif;
  font-size: 26px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .flowList dt {
    font-size: 18px;
  }
}
.flowList dd {
  margin-top: 10px;
}
.flowList dd .emp {
  color: #A4867F;
  border-bottom: 1px solid #A4867F;
  font-weight: 600;
}
.flowList dd .notes {
  margin-top: 10px;
  font-size: 0.9em;
}
.flowList_listImg {
  padding-right: 225px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .flowList_listImg {
    padding-right: 0;
  }
}
.flowList_img {
  width: 212px;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .flowList_img {
    width: 100%;
    margin: 15px 0;
    position: static;
  }
}
.flowList_img img {
  width: 100%;
}
.flowList_img-case01 {
  top: 144px;
}
.flowList_payment {
  display: inline-block;
  margin-top: 10px;
  padding: 4px 20px 8px;
  border: 1px solid #A4867F;
  color: #A4867F;
}
@media screen and (max-width: 767px) {
  .flowList_payment {
    letter-spacing: 0;
    padding: 2px 8px 4px;
  }
}
.flowList_payment span {
  font-size: 22px;
  font-weight: 400;
  margin: 0 5px;
}
@media screen and (max-width: 767px) {
  .flowList_payment span {
    font-size: 18px;
    margin: 0 2px;
  }
}
.flowList_period {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .flowList_period {
    margin-top: 45px;
  }
}
.flowList_period + dd {
  padding-bottom: 40px;
}
.flowList_period + dd .flowList_payment {
  margin-top: 0;
}
.flowList_separat {
  padding: 40px;
  background: rgba(164, 134, 127, 0.12);
  color: #A4867F;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flowList_separat {
    padding: 12px 1rem;
    font-size: 14px;
    letter-spacing: 0.03em;
    text-align: left;
  }
}
.flowList_separat + .flowList {
  margin-top: 15rem;
}
@media screen and (max-width: 767px) {
  .flowList_separat + .flowList {
    margin-top: 25px;
  }
}

.flowSupport {
  margin-top: 4rem;
  padding-top: 14rem;
  border-top: 1px dashed #707070;
}
@media screen and (max-width: 767px) {
  .flowSupport {
    margin-top: 60px;
    padding-top: 90px;
    border-style: solid;
  }
}
.flowSupport_read {
  color: #A4867F;
  font-family: "Shippori Mincho B1", serif;
  font-size: 22px;
  line-height: 2.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flowSupport_read {
    font-size: 16px;
  }
}
.flowSupport_secTtl {
  margin-top: 80px;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .flowSupport_secTtl {
    margin-top: 50px;
    font-size: 16px;
  }
}
.flowSupport_secTtl::before, .flowSupport_secTtl::after {
  content: "-";
}
.flowSupport_list {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .flowSupport_list {
    margin-top: 0;
    padding: 0 calc(1rem + 18px);
    display: block;
  }
}
.flowSupport_list li {
  width: 28%;
  padding: 35px 24px 20px;
  border: 1px solid #A4867F;
}
@media screen and (max-width: 1140px) {
  .flowSupport_list li {
    width: 31%;
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .flowSupport_list li {
    width: 100%;
    margin-top: 40px;
  }
}
.flowSupport_list_ttl {
  color: #A4867F;
  margin-bottom: 36px;
  padding-bottom: 35px;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  border-bottom: 1px solid #A4867F;
}
@media screen and (max-width: 767px) {
  .flowSupport_list_ttl {
    font-size: 19px;
    margin-bottom: 29px;
    padding-bottom: 24px;
  }
}
.flowSupport_relief {
  display: flex;
  justify-content: space-between;
  margin-top: 9.4rem;
}
@media screen and (max-width: 767px) {
  .flowSupport_relief {
    display: block;
    margin-top: 0;
    padding: 0 calc(1rem + 18px);
  }
}
.flowSupport_relief li {
  width: 46%;
  padding-right: 200px;
  position: relative;
}
@media screen and (max-width: 1140px) {
  .flowSupport_relief li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 48%;
    padding-right: 20rem;
  }
}
@media screen and (max-width: 767px) {
  .flowSupport_relief li {
    margin-top: 70px;
    width: 100%;
    padding-right: 0;
  }
}
.flowSupport_relief_ttl {
  margin-bottom: 20px;
  font-family: "Shippori Mincho B1", serif;
  font-size: 20px;
  font-weight: 400;
}
@media screen and (max-width: 1140px) {
  .flowSupport_relief_ttl {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }
}
.flowSupport_relief_img {
  width: 180px;
  box-shadow: 5px 3px 6px rgba(0, 0, 0, 0.349);
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1140px) {
  .flowSupport_relief_img {
    width: 18rem;
  }
}
@media screen and (max-width: 767px) {
  .flowSupport_relief_img {
    width: 40%;
    position: static;
  }
}
@media screen and (max-width: 767px) {
  .flowSupport_relief_text {
    width: 50%;
  }
}

.company {
  padding-bottom: 208px;
}
@media screen and (max-width: 767px) {
  .company {
    padding-bottom: 105px;
  }
}
.company .linkbtn {
  margin-top: 155px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .company .linkbtn {
    margin-top: 100px;
  }
}

.companySummary {
  max-width: 950px;
  margin: 70px auto 0;
  padding: 30px 20px 150px;
  border-top: 1px dashed #707070;
  border-bottom: 1px dashed #707070;
}
@media screen and (max-width: 767px) {
  .companySummary {
    margin-top: 50px;
    padding: 40px 0 100px;
    border-top: 1px solid #707070;
  }
}
.companySummary dl {
  display: flex;
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .companySummary dl {
    margin-top: 20px;
  }
}
.companySummary dt {
  width: 83px;
  letter-spacing: 0;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media screen and (max-width: 767px) {
  .companySummary dt {
    width: 74px;
  }
}
.companySummary dd {
  flex: 1;
  padding-left: 120px;
}
@media screen and (max-width: 767px) {
  .companySummary dd {
    padding-left: 20px;
  }
}
.companySummary .mt {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .companySummary .mt {
    margin-top: 20px;
  }
}
.companySummary .col3 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .companySummary .col3 {
    display: block;
  }
}
.companySummary .col3 span {
  display: inline-block;
  width: 240px;
  padding-right: 10px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .companySummary .col3 span {
    display: block;
    width: 100%;
    padding-right: 0;
  }
}
.companySummary .linkbtn02 {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .companySummary .linkbtn02 {
    margin: 4px 0 5px;
  }
}
.companySummary_link {
  margin-top: 170px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .companySummary_link {
    margin-top: 60px;
  }
}
.companySummary_link a {
  display: inline-block;
  color: #A4867F;
  font-size: 18px;
  border-bottom: 1px solid #A4867F;
  padding-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .companySummary_link a {
    font-size: 15px;
  }
}
.companySummary_link a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  background: url(/assets/image/common/link.svg) center/auto no-repeat;
}

.companySdgs {
  padding-top: 140px;
}
@media screen and (max-width: 767px) {
  .companySdgs {
    padding-top: 100px;
  }
}
.companySdgs_secTtl {
  margin-bottom: 70px;
  color: #A4867F;
  font-family: "Shippori Mincho B1", serif;
  font-size: 28px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .companySdgs_secTtl {
    margin-bottom: 45px;
    font-size: 20px;
    line-height: 1.5;
  }
}
.companySdgs_logo {
  max-width: 660px;
  margin: 0 auto;
}
.companySdgs_comment {
  max-width: 720px;
  margin: 60px auto 0;
}
@media screen and (max-width: 767px) {
  .companySdgs_comment {
    margin-top: 30px;
  }
}
.companySdgs_list > li {
  margin-top: 100px;
  padding: 54px 94px 70px;
  background: #FAFAFA;
  line-height: 1.56;
}
@media screen and (max-width: 1140px) {
  .companySdgs_list > li {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .companySdgs_list > li {
    margin-top: 50px;
    padding: 50px 1rem 40px;
  }
}
.companySdgs_list > li:nth-child(1) {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .companySdgs_list > li:nth-child(1) {
    margin-top: 40px;
  }
}
.companySdgs_read {
  font-family: "Shippori Mincho B1", serif;
  font-size: 20px;
  overflow-wrap: 400;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .companySdgs_read {
    font-size: 18px;
    line-height: 1.94;
    position: relative;
  }
  .companySdgs_read span {
    display: block;
    font-size: 14px;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-60%);
  }
}
.companySdgs_listLogo {
  margin-left: auto;
  margin-right: auto;
}
.type01 .companySdgs_listLogo {
  width: 360px;
  margin-top: 65px;
  margin-bottom: 78px;
}
@media screen and (max-width: 767px) {
  .type01 .companySdgs_listLogo {
    width: 244px;
    margin-top: 50px;
    margin-bottom: 51px;
  }
}
.type02 .companySdgs_listLogo, .type03 .companySdgs_listLogo {
  width: 152px;
  margin-top: 57px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .type02 .companySdgs_listLogo, .type03 .companySdgs_listLogo {
    width: 106px;
    margin-top: 44px;
    margin-bottom: 40px;
  }
}
.companySdgs_contBox {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox {
    display: block;
  }
}
.companySdgs_contBox > div:nth-child(1) {
  width: 310px;
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox > div:nth-child(1) {
    width: 100%;
  }
}
.companySdgs_contBox > div:nth-child(2) {
  flex: 1;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox > div:nth-child(2) {
    padding-left: 0;
    margin-top: 20px;
  }
  .type03 .companySdgs_contBox > div:nth-child(2) {
    text-align: center;
  }
  .type03 .companySdgs_contBox > div:nth-child(2) p {
    display: inline-block;
    text-align: left;
    line-height: 1.78;
  }
}
.companySdgs_contBox_border {
  width: 300px;
  border: 1px solid #000;
  padding: 10px;
  font-size: 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox_border {
    width: 100%;
    font-size: 16px;
  }
}
.companySdgs_contBox_list {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox_list {
    text-align: center;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox_list ul {
    display: inline-block;
  }
}
.companySdgs_contBox_list li {
  margin-top: 10px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .companySdgs_contBox_list li {
    margin-top: 0;
    font-size: 14px;
    text-align: left;
    line-height: 1.78;
  }
}
.companySdgs_sdgsIcon {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .companySdgs_sdgsIcon {
    margin: 15px -15px 0;
  }
}
.companySdgs_sdgsIcon img {
  margin: 0 25px;
}
@media screen and (max-width: 767px) {
  .companySdgs_sdgsIcon img {
    width: 90px;
    margin: 15px 15px 0;
  }
}

.companyAccess {
  margin-top: 150px;
  padding: 0 40px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .companyAccess {
    margin-top: 100px;
    padding: 0 1rem;
    font-size: 14px;
  }
}
.companyAccess_inner {
  max-width: 854px;
  margin: 0 auto;
  padding-top: 140px;
  border-top: 1px dashed #707070;
}
@media screen and (max-width: 767px) {
  .companyAccess_inner {
    padding-top: 90px;
  }
}
.companyAccess_secTtl {
  margin-bottom: 55px;
  color: #A4867F;
  font-family: "Shippori Mincho B1", serif;
  font-size: 25px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .companyAccess_secTtl {
    margin-bottom: 25px;
    font-size: 18px;
  }
}
.companyAccess_name {
  margin-top: 30px;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .companyAccess_name {
    margin-top: 15px;
    font-size: 18px;
  }
}
.companyAccess_infoBox dl {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .companyAccess_infoBox dl {
    margin-top: 5px;
  }
}
.companyAccess_infoBox dt {
  width: 68px;
  border-radius: 5px;
  color: #fff;
  font-family: "Jost", sans-serif;
  font-size: 18px;
  text-align: center;
  background: #A4867F;
}
@media screen and (max-width: 767px) {
  .companyAccess_infoBox dt {
    line-height: 20px;
    transform: translateY(5px);
  }
}
.companyAccess_infoBox dd {
  flex: 1;
  padding-left: 20px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .companyAccess_infoBox dd {
    font-size: 16px;
  }
}
.companyAccess_infoBox dd span {
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  .companyAccess_infoBox dd span {
    display: block;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .companyAccess_address {
    margin: 5px 0 10px;
    line-height: 1.4;
  }
}
.companyAccess_traffic {
  margin: 30px 0 40px;
}
@media screen and (max-width: 767px) {
  .companyAccess_traffic {
    margin: 20px 0 30px;
  }
}
.companyAccess_traffic dl {
  margin-top: 10px;
}
.companyAccess_traffic dd {
  padding-left: 25px;
}
.companyAccess_map iframe {
  width: 100%;
  height: 469px;
}
@media screen and (max-width: 767px) {
  .companyAccess_map iframe {
    height: 184px;
  }
}

.sitemap {
  padding-bottom: 250px;
}
@media screen and (max-width: 767px) {
  .sitemap {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 100px;
  }
}
.sitemap_container {
  border-top: 1px dashed #707070;
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .sitemap_container {
    margin-top: 50px;
    border-style: solid;
  }
}
.sitemap_list {
  max-width: 764px;
  margin: 0 auto;
  padding-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .sitemap_list {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
}
.sitemap_list li {
  width: 280px;
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sitemap_list li {
    width: 260px;
    margin-top: 40px;
  }
}
.sitemap_list a {
  display: block;
  padding-right: 30px;
  background: url(/assets/image/common/arrow_r_black.svg) right center/auto no-repeat;
}
.sitemap .linkbtn {
  margin-top: 260px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sitemap .linkbtn {
    margin-top: 100px;
  }
}

.policy {
  padding-bottom: 250px;
}
@media screen and (max-width: 767px) {
  .policy {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 100px;
  }
}
.policy_container {
  border-top: 1px dashed #707070;
  border-bottom: 1px solid #707070;
  margin-top: 70px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .policy_container {
    margin-top: 76px;
    padding-top: 22px;
    padding-bottom: 60px;
    border-style: solid;
  }
}
.policy_container dl {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .policy_container dl {
    margin-top: 40px;
  }
}
.policy_container dt {
  color: #707070;
  font-family: "Shippori Mincho B1", serif;
  font-size: 22px;
  letter-spacing: 0.1em;
  line-height: 1.36;
}
@media screen and (max-width: 767px) {
  .policy_container dt {
    font-size: 18px;
    letter-spacing: 0.01em;
  }
}
.policy_container dd {
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .policy_container dd {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .policy_container .sp_min {
    font-size: 12px;
  }
}
.policy_indent > * {
  padding-left: 1.5em;
  text-indent: -1.2em;
}
.policy_contatct {
  text-align: center;
}
.policy .policy_contatct {
  margin-top: 170px;
}
@media screen and (max-width: 767px) {
  .policy .policy_contatct {
    margin-top: 70px;
  }
}
.policy_contatct dt {
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .policy_contatct dt {
    margin-bottom: 20px;
  }
}
.policy_contatct dt::before, .policy_contatct dt::after {
  content: "";
  display: block;
  flex: 1;
  height: 1px;
  background: #707070;
}
.policy_contatct dt::before {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .policy_contatct dt::before {
    margin-right: 10px;
  }
}
.policy_contatct dt::after {
  margin-left: 30px;
}
@media screen and (max-width: 767px) {
  .policy_contatct dt::after {
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .policy_contatct_read {
    text-align: left;
  }
}
.policy_contatct_name {
  margin: 50px 0 25px;
  font-size: 25px;
}
@media screen and (max-width: 767px) {
  .policy_contatct_name {
    margin: 40px 0 20px;
    font-size: 20px;
  }
}
.policy_contatct_tel {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .policy_contatct_tel {
    margin-top: 20px;
  }
}
.policy_contatct_tel a {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .policy_contatct_tel a {
    font-size: 20px;
  }
}
.policy_contatct_tel a:last-child {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .policy_contatct_tel a:last-child {
    margin-left: 0;
  }
}
.policy .linkbtn {
  margin-top: 240px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .policy .linkbtn {
    margin-top: 100px;
  }
}

.contact {
  padding-bottom: 186px;
}
@media screen and (max-width: 767px) {
  .contact {
    padding-bottom: 100px;
  }
}
.contact .lo-intro_pageRead {
  letter-spacing: 0.02em;
}

.contactForm input,
.contactForm textarea,
.contactForm select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 28px;
  padding: 0 15px;
  border: 1px solid #707070;
  border-radius: 0;
  background: #fff;
  color: #000;
  font-family: inherit;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}
.contactForm input:focus,
.contactForm textarea:focus,
.contactForm select:focus {
  outline-color: #A4867F;
}
@media screen and (max-width: 767px) {
  .contactForm input,
  .contactForm textarea,
  .contactForm select {
    font-size: 18px;
    height: 50px;
  }
}
.contactForm ::-weblit-input-placeholder {
  color: #D6D6D6;
}
.contactForm ::-moz-placeholder {
  color: #D6D6D6;
}
.contactForm ::placeholder {
  color: #D6D6D6;
}
.contactForm textarea {
  min-height: 283px;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .contactForm textarea {
    height: 167px;
  }
}
.contactForm button[type=submit],
.contactForm .modify {
  display: block;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #A4867F;
  border-radius: 30px;
  line-height: 58px;
  color: #A4867F;
  font-size: 20px;
  text-align: center;
  position: relative;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .contactForm button[type=submit],
  .contactForm .modify {
    width: 172px;
    line-height: 35px;
    font-size: 14px;
  }
}
.contactForm button[type=submit]:hover,
.contactForm .modify:hover {
  background: #A4867F;
  color: #fff;
}
.contactForm button[type=submit] {
  margin-top: 170px;
}
@media screen and (max-width: 767px) {
  .contactForm button[type=submit] {
    margin-top: 70px;
  }
}
.confirm .contactForm button[type=submit] {
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  .confirm .contactForm button[type=submit] {
    padding-left: 30px;
  }
}
.contactForm button[type=submit]::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-left: 12px;
  background: url(/assets/image/common/arrow_r.svg) center/contain no-repeat;
  vertical-align: middle;
  position: relative;
  top: -1px;
  transition: 0.3s;
}
.confirm .contactForm button[type=submit]::after {
  margin-left: 52px;
}
@media screen and (max-width: 767px) {
  .confirm .contactForm button[type=submit]::after {
    margin-left: 32px;
  }
}
.contactForm button[type=submit]:hover {
  background: #A4867F;
}
.contactForm button[type=submit]:hover::after {
  background-image: url(/assets/image/common/arrow_r_white.svg);
}
.contactForm .modify {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .contactForm .modify {
    margin-top: 34px;
  }
}
.contactForm .modify::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 12px;
  margin-right: 12px;
  background: url(/assets/image/common/arrow_l.svg) center/contain no-repeat;
  vertical-align: middle;
  position: relative;
  top: -1px;
  transition: 0.3s;
}
.contactForm .modify:hover {
  background: #A4867F;
}
.contactForm .modify:hover::before {
  background-image: url(/assets/image/common/arrow_l_white.svg);
}
.contactForm input[type=checkbox],
.contactForm input[type=radio] {
  display: none;
}
.contactForm label {
  display: inline-block;
  cursor: pointer;
}
.contactForm .mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 12px;
  background: #fff;
  border: 1px solid #707070;
  border-radius: 3px;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  transform: translateY(-1px);
}
.contactForm input[type=checkbox]:checked + .mark,
.contactForm input[type=radio]:checked + .mark {
  background: #A4867F;
}
.contactForm input[type=text] + input[type=text] {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .contactForm input[type=text] + input[type=text] {
    margin-top: 5px;
  }
}
.contactForm dl {
  display: flex;
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .contactForm dl {
    display: block;
    margin-top: 50px;
  }
}
.contactForm dt {
  width: 300px;
  font-size: 20px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .contactForm dt {
    width: 100%;
    font-size: 18px;
  }
}
.contactForm dd {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .contactForm dd {
    margin-top: 15px;
    font-size: 18px;
  }
}
.contactForm dd p {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .contactForm dd p {
    margin-top: 8px;
  }
}
.contactForm .notes {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .contactForm .notes {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .contactForm .notes-tel {
    display: block;
    padding-left: 26px;
    margin-bottom: 5px;
  }
}
.contactForm .check {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .contactForm .check {
    padding-left: 18px;
  }
}
.contactForm .check:first-child {
  margin-top: 0;
}
.contactForm .rec,
.contactForm .any {
  display: inline-block;
  width: 45px;
  margin-right: 15px;
  padding-bottom: 2px;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contactForm .rec,
  .contactForm .any {
    width: 37px;
    line-height: 15px;
    font-size: 12px;
  }
}
.contactForm .rec {
  background: #A4867F;
}
.contactForm .any {
  background: #9fa0a0;
}
.contactForm .telTime {
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .contactForm .telTime {
    padding-left: 48px;
  }
}

.contactProgress {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 120px;
  padding: 90px 0;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .contactProgress {
    flex-direction: column;
    margin-top: 45px;
    padding: 60px 0;
  }
}
.contactProgress > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  color: #D6D6D6;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contactProgress > div + div {
    margin-top: 30px;
  }
}
.contactProgress > div .font_en {
  font-size: 23px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .contactProgress > div .font_en {
    font-size: 21px;
  }
}
.contactProgress > div .font_en span {
  font-size: 33px;
  vertical-align: middle;
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  .contactProgress > div .font_en span {
    font-size: 30px;
  }
}
.contactProgress > div p:last-child {
  margin-top: 4px;
  padding-top: 4px;
  border-top: 1px solid #D6D6D6;
}
.contactProgress > div.on {
  color: #A4867F;
}
.contactProgress > div.on p:last-child {
  border-color: #A4867F;
}
.contactProgress > div.on::before {
  border-color: transparent transparent transparent #A4867F;
}
@media screen and (max-width: 767px) {
  .contactProgress > div.on::before {
    border-color: #A4867F transparent transparent transparent;
  }
}
.contactProgress_triangle::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 14px;
  border-color: transparent transparent transparent #D6D6D6;
}
@media screen and (max-width: 767px) {
  .contactProgress_triangle::before {
    border-width: 7px 5px 0 5px;
    border-color: #D6D6D6 transparent transparent transparent;
  }
}

.contactMessage {
  padding: 150px 0 90px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contactMessage {
    padding: 60px 0 10px;
  }
}
.contactMessage p:nth-child(1) {
  margin-bottom: 20px;
  color: #A4867F;
  font-size: 23px;
}
@media screen and (max-width: 767px) {
  .contactMessage p:nth-child(1) {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .contactMessage p:nth-child(2) {
    text-align: left;
  }
}

.confirm .contactForm dd {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .confirm .contactForm dd {
    font-size: 18px;
  }
}
.confirm .contactForm button[type=submit] {
  margin-top: 180px;
}
@media screen and (max-width: 767px) {
  .confirm .contactForm button[type=submit] {
    margin-top: 120px;
  }
}

.thanks_link {
  margin-top: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .thanks_link {
    margin-top: 90px;
  }
}/*# sourceMappingURL=style.css.map */