@charset "UTF-8";
.ope {
  min-width: initial;
  color: #794100;
  font-size: 1.8rem;
  position: relative;
  /*スマホ用メニューボタン
  -------------------------------------------*/
}
@media screen and (max-width: 740px) {
  .ope {
    font-size: 1.6rem;
  }
}
.ope::before {
  content: "";
  display: block;
  width: calc(100% - 570px);
  height: 944px;
  background: url(../images/mv_bg.jpg) center/cover no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 740px) {
  .ope::before {
    height: 990px;
    width: calc(100% - 40px);
  }
}
.ope #wrapper {
  overflow: hidden;
}
.ope h1, .ope h2, .ope h3, .ope h4, .ope h5 {
  font-weight: 500;
}
.ope h3 {
  font-size: 2rem !important;
  border-bottom: none;
  text-align: center;
  padding-bottom: 1rem;
  position: relative;
}
@media screen and (max-width: 740px) {
  .ope h3 {
    font-size: 1.8rem !important;
  }
}
.ope h3::before {
  content: "";
  display: block;
  width: 6rem;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  background-color: #CFAA97;
  transform: translateX(-50%);
}
.ope h5 {
  font-size: 2.5rem;
  text-align: center;
  margin: 2.4rem 0;
}
@media screen and (max-width: 740px) {
  .ope h5 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 740px) {
  .ope p {
    width: 100% !important;
  }
}
.ope .txt_center {
  text-align: center;
}
	.ope .txt_center img { display: inline; }

.ope .inner_wrap1, .ope .inner_wrap2, .ope .inner_wrap3 {
  max-width: 100%;
}
.ope .inner_wrap3 {
  width: 992px;
  max-width: 100%;
  padding: 0 16px;
  margin-bottom: 0;
}
@media screen and (max-width: 740px) {
  .ope .inner_wrap3 {
    padding: 0 16px;
  }
}
.ope .ttl_en {
  color: #D9B7A3;
  text-align: center;
  font-size: 6rem;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px !important;
}
@media screen and (max-width: 740px) {
  .ope .ttl_en {
    font-size: 4rem;
  }
}
.ope .ttl_style01 {
  font-size: 2.8rem !important;
  line-height: 1.6;
  text-align: left;
  padding-bottom: 0;
  padding-left: 3rem;
  position: relative;
}
@media screen and (max-width: 740px) {
  .ope .ttl_style01 {
    font-size: 1.8rem !important;
    padding-left: 2rem;
  }
}
.ope .ttl_style01::before {
  content: "";
  display: block;
  width: 5px;
  height: 4rem;
  background-color: #CFAA97;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}
@media screen and (max-width: 740px) {
  .ope .ttl_style01::before {
    width: 3px;
    height: 26px;
  }
}
.ope ul.price_movie {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem 4.8333333333%;
}
@media screen and (max-width: 740px) {
  .ope ul.price_movie {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
}
.ope ul.price_movie li {
  width: 100%;
}
.ope ul.price_movie li iframe {
  width: 100%;
}
.ope ul.normal_list {
  background-color: transparent;
  border: none;
  padding: 0;
}
.ope ul.normal_list h4 {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: left;
  margin-bottom: 2rem;
  margin: 3rem 0;
}
@media screen and (max-width: 740px) {
  .ope ul.normal_list h4 {
    font-size: 1.8rem;
  }
}
.ope ul.normal_list li {
  font-size: 1.8rem;
  padding-left: 3.6rem;
}
@media screen and (max-width: 740px) {
  .ope ul.normal_list li {
    font-size: 1.6rem;
    padding-left: 2.4rem;
  }
}
.ope ul.normal_list li::after {
  width: 3rem;
  height: 3rem;
  background: url(../images/list_icon.png) center/contain no-repeat;
  left: 0;
  top: 0.4rem;
}
@media screen and (max-width: 740px) {
  .ope ul.normal_list li::after {
    width: 2rem;
    height: 2rem;
    top: 0.6rem;
  }
}
.ope ul.normal_list02 {
  background-color: #FFF1EA;
  padding: 3rem 5rem;
  margin: 4rem 0;
}
@media screen and (max-width: 740px) {
  .ope ul.normal_list02 {
    padding: 2rem 1.6rem;
  }
}
.ope ul.normal_list02 h4 {
  font-weight: 700;
  text-align: left;
  margin: 0 0 1rem 0;
}
@media screen and (max-width: 740px) {
  .ope ul.normal_list02 li {
    font-size: 1.6rem;
  }
}
.ope ul.normal_list02 li span {
  display: inline-block;
  min-width: 10rem;
  text-align: center;
  color: #fff;
  margin-right: 1rem;
}
@media screen and (max-width: 740px) {
  .ope ul.normal_list02 li span {
    width: 100%;
    display: block;
    margin-bottom: 0.4rem;
  }
}
.ope ul.normal_list02 li:not(:first-child) {
  margin-top: 1rem;
}
.ope ul.normal_list02 li:nth-of-type(1) span {
  background-color: #E2BF9F;
}
.ope ul.normal_list02 li:nth-of-type(2) span {
  background-color: #DEAD80;
}
.ope ul.normal_list02 li:nth-of-type(3) span {
  background-color: #CC8D53;
}
.ope .bg {
  padding: 8rem 1.6rem;
  background-color: #FFF1EA;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.ope .bg__inner {
  width: 96rem;
  max-width: 100%;
  margin: 0 auto;
}
.ope .bg h4 {
  font-size: 2.4rem;
  text-align: left;
  color: #fff;
  padding: 0.4rem 2rem;
  background-color: #E2BF9F;
  margin: 4rem 0 2rem;
}
@media screen and (max-width: 740px) {
  .ope .bg h4 {
    font-size: 1.8rem !important;
    padding: 0.4rem 1.6rem;
    margin-bottom: 1.6rem;
  }
}
.ope blockquote {
  font-size: 1.8rem;
  width: 100%;
  background-color: #fff;
  border-left: 3px solid #CFAA97;
  padding: 0 4rem 1rem;
}
@media screen and (max-width: 740px) {
  .ope blockquote {
    font-size: 1.6rem;
    padding: 2rem 1.6rem;
  }
}
.ope blockquote h4 {
  text-align: left;
  font-size: 2.4rem !important;
  font-weight: 700;
  margin: 0 0 1rem;
  color: #794100 !important;
  padding: 0 !important;
  background-color: transparent !important;
}
@media screen and (max-width: 740px) {
  .ope blockquote h4 {
    font-size: 1.8rem !important;
  }
}
.ope .step_list {
  max-width: 55.8rem;
  margin: 2rem auto 0;
}
.ope .step_list h5 {
  font-size: 1.8rem;
  font-weight: 400;
  text-align: left;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 740px) {
  .ope .step_list h5 {
    display: block;
    font-size: 1.6rem;
  }
}
.ope .step_list h5:not(:first-child) {
  margin-top: 3rem;
}
@media screen and (max-width: 740px) {
  .ope .step_list h5:not(:first-child) {
    margin-top: 2rem;
  }
}
.ope .step_list h5 span {
  display: inline-block;
  min-width: 16rem;
  font-size: 2.8rem;
  line-height: 1.4285714286;
  color: #fff;
  background-color: #E2BF9F;
  padding: 0 1rem;
  margin-right: 4rem;
  text-align: center;
}
@media screen and (max-width: 740px) {
  .ope .step_list h5 span {
    width: 100%;
    display: block;
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
    margin-right: 0;
  }
}
.ope .treatment_bg {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  padding: 4rem 1.6rem;
  background: url(../images/treatment_bg.jpg) center/cover no-repeat;
}
.ope .treatment_bg__inner {
  width: 96rem;
  max-width: 100%;
  margin: 0 auto;
}
	.ope .treatment_bg__inner h4 { font-size: 1.4rem; }
	.ope .treatment_bg__inner p { font-size: 1.2rem; line-height: 1.6; }

.ope .mvAddStyle {
  padding: 14rem 0 9rem;
}
@media screen and (max-width: 740px) {
  .ope .mvAddStyle {
    padding: 6rem 0 4rem;
  }
}
.ope .mvAddStyle h1, .ope .mvAddStyle h2 {
  font-weight: 500;
  text-align: left;
}
.ope .mvAddStyle h1 {
  font-size: 4.5rem;
  line-height: 1.2;
}
@media screen and (max-width: 740px) {
  .ope .mvAddStyle h1 {
    font-size: 3rem;
  }
}
.ope .mvAddStyle h2 {
  font-size: 2.6rem;
}
@media screen and (max-width: 740px) {
  .ope .mvAddStyle h2 {
    font-size: 1.8rem;
  }
}
.ope .mvAddStyle__inner {
  max-width: 96rem;
  margin: auto;
  display: flex;
}
@media screen and (max-width: 740px) {
  .ope .mvAddStyle__inner {
    flex-direction: column;
  }
}
.ope .mvAddStyle__imgArea {
  width: 50rem;
  max-width: 50%;
  position: relative;
}
@media screen and (max-width: 740px) {
  .ope .mvAddStyle__imgArea {
    max-width: calc(100% - 8rem);
  }
}
.ope .mvAddStyle__imgArea::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #EDC6B9;
  position: absolute;
  top: -2rem;
  left: -2rem;
}
.ope .mvAddStyle__imgBox {
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
.ope .mvAddStyle__imgBox img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.ope .mvAddStyle__desc {
  flex: 1;
  padding-left: 5.8333333333%;
}
@media screen and (max-width: 740px) {
  .ope .mvAddStyle__desc {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin-top: 4rem;
  }
}
.ope .c-btnMenu span {
  background-color: #794100;
}
.ope .c-btnMenu span::before, .ope .c-btnMenu span::after {
  background-color: #794100;
}
.ope .l-header__cta .c-btn {
  color: #794100;
  border-color: #794100;
}
.ope .breadcrumbs {
  margin-top: 70px;
  margin-bottom: 0;
}
@media screen and (max-width: 740px) {
  .ope .breadcrumbs {
    margin-top: 0;
  }
}/*# sourceMappingURL=ope.css.map */