@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@1&display=swap");
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  overflow-x: hidden;
}

body .sp-item {
  display: none !important;
}

body .pc-item {
  display: block !important;
}

@media screen and (max-width: 767px) {
  body {
    min-width: inherit;
    height: 100%;
  }
  body .sp-item {
    display: block !important;
  }
  body .pc-item {
    display: none !important;
  }
  body .sp-item img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sp img {
    max-width: 90%;
  }
  .sp02 img {
    max-width: 100%;
  }
  .sp03 img {
    max-width: 70%;
  }
}
img {
  width: 100%;
  line-height: 0;
  padding: 0;
  margin: 0;
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.content {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 2px #d6d6d6;
          box-shadow: 0 0 10px 2px #d6d6d6;
}
@media only screen and (min-width: 736px) {
  .content {
    width: 750px;
    margin: 0 auto;
  }
}

.mt-4 {
  margin-top: 4%;
}

.mt-7 {
  margin-top: 7%;
}

/* ----------------------------------------------------

    color setting

---------------------------------------------------- */
body {
  background-image: url(../images/Oguma_bg01.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: 50% 35%;
  z-index: -1000;
}

.bg_yellow {
  background-color: #ffff00;
}

.bg_gray {
  background-color: #f6f6f6;
}

header {
  position: relative;
}
header::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_lead01.png);
  background-size: contain;
  position: absolute;
  width: 45%;
  z-index: 100;
  left: 50%;
  bottom: -15.5%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 13.0120481928%;
}

.recommend {
  padding-top: 22%;
  padding-bottom: 8%;
  position: relative;
  overflow: hidden;
}
.recommend::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements01.png);
  background-size: contain;
  position: absolute;
  width: 57%;
  z-index: 0;
  right: -5%;
  bottom: -1%;
  padding-top: 87.0042796006%;
}
.recommend_ttl {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 2rem;
}
@media screen and (min-width: 999px) {
  .recommend_ttl {
    width: 65%;
    margin: 0 auto;
  }
}
.recommend_list {
  position: relative;
  z-index: 100;
}
@media screen and (min-width: 999px) {
  .recommend_list {
    width: 75%;
    margin: 0 auto;
  }
}
.recommend_list ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 2rem;
  position: relative;
}
.recommend_list li {
  position: relative;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: 0.06rem;
  background-image: linear-gradient(to right, #717171, #717171 3px, transparent 3px, transparent 5px);
  background-size: 6px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
  width: 90%;
  margin: 0 auto;
  margin-top: 1.5rem;
  padding-bottom: 0.2rem;
  padding-left: 4rem;
}
@media screen and (min-width: 999px) {
  .recommend_list li {
    font-size: 2.4rem;
    width: 87%;
  }
}
.recommend_list li::before {
  position: absolute;
  left: 3px;
  top: 6px;
  content: "";
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/Oguma_icon01.png) no-repeat;
  background-size: contain;
}

.reason_ttl {
  background: #d81f34;
  position: relative;
}
.reason_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_lead02.png);
  background-size: contain;
  position: absolute;
  width: 20%;
  z-index: 100;
  left: 6%;
  top: -11%;
  padding-top: 11.2213740458%;
}
.reason_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements02.png);
  background-size: contain;
  position: absolute;
  width: 20%;
  z-index: 100;
  left: 16%;
  bottom: -13%;
  z-index: 0;
  padding-top: 11.2213740458%;
}
.reason_ttl-txt {
  width: 80%;
  margin: 0 auto;
  padding: 7% 0 5% 0;
  position: relative;
  z-index: 100;
}
.reason_img {
  width: 80%;
  margin: 0 auto;
  margin-top: 13%;
}
.reason_txt {
  text-align: center;
  margin-top: 4%;
  font-size: 1.7rem;
  line-height: 1.7;
}
@media screen and (min-width: 999px) {
  .reason_txt {
    font-size: 2.6rem;
    line-height: 2;
  }
}

.point {
  position: relative;
}
.point::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_lead03.png);
  background-size: contain;
  position: absolute;
  width: 21%;
  z-index: 200;
  left: 7%;
  top: -3%;
  padding-top: 14.0979020979%;
}
.point_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 15%;
}
.point_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements03.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  top: -25%;
  padding-top: 11.7216117216%;
}
.point_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements04.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  bottom: -30%;
  padding-top: 11.5750915751%;
}
.point_ttl-txt {
  width: 82%;
  margin: 0 auto;
  padding: 8% 0 2% 0;
  position: relative;
  z-index: 100;
}
.point_lead {
  text-align: center;
  margin-top: 15%;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  line-height: 1.7;
}
@media screen and (min-width: 999px) {
  .point_lead {
    font-size: 2.8rem;
    line-height: 2;
  }
}
.point_item-ttl {
  width: 20%;
  margin: 0 auto;
  position: relative;
  z-index: 999999;
  margin-top: -2%;
}
.point_contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  width: 88%;
  margin: 0 auto;
  margin-top: 5%;
}
.point_contents-txt {
  text-align: center;
}
.point_item01 {
  background: #f6f6f6;
}
.point .skew {
  background: #f6f6f6;
  -webkit-clip-path: polygon(0 0, 100% 40%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 40%, 100% 100%, 0% 100%);
  height: 4rem;
  width: 100%;
}
.point .skew02 {
  background: #f6f6f6;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
  height: 4rem;
  width: 100%;
}
.point .rtl {
  direction: rtl;
}
.point .rtl p {
  direction: ltr;
}
.point .triangle {
  width: 18%;
  margin: 0 auto;
  margin-top: 4%;
  margin-bottom: 9%;
}
.point .point-txt01 {
  width: 62%;
  margin: 0 auto;
  margin-top: 6%;
}
.point .point-txt02 {
  width: 85%;
  margin: 0 auto;
  margin-top: 9%;
}

.change {
  overflow: hidden;
}
.change_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 15%;
}
.change_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_lead04.png);
  background-size: contain;
  position: absolute;
  width: 48%;
  z-index: 200;
  left: 50%;
  top: -14%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 10.9122302158%;
}
.change_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements04.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  bottom: -30%;
  padding-top: 11.5750915751%;
}
.change_ttl-txt {
  width: 62%;
  margin: 0 auto;
  padding: 10% 0 3% 0;
  position: relative;
  z-index: 100;
}
.change_txt {
  position: relative;
}
.change_txt::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements08.png);
  background-size: contain;
  position: absolute;
  width: 45%;
  z-index: 100;
  right: -10%;
  bottom: -7%;
  padding-top: 62.0357142857%;
}
.change_txt-img {
  width: 59%;
  margin: 0 auto 0 5%;
  position: relative;
  padding-top: 17%;
  padding-bottom: 14%;
}
.change_txt02 {
  background: #d81f34;
  position: relative;
  padding: 6% 0;
}
.change_txt02-img {
  width: 84%;
  margin: 0 auto;
}
.change_txt03 {
  width: 48%;
  margin: 0 auto;
  margin-top: 7%;
}
.change_txt04 {
  width: 75%;
  margin: 0 auto;
  margin-top: 5%;
}
.change_txt05 {
  font-size: 1.9rem;
  text-align: center;
  margin-top: 5%;
  line-height: 1.8;
  letter-spacing: 0.2rem;
}
@media screen and (min-width: 999px) {
  .change_txt05 {
    font-size: 2.8rem;
    line-height: 1.8;
  }
}
.change_img {
  width: 82%;
  margin: 0 auto;
  margin-top: 5%;
  position: relative;
  z-index: 100;
}
.change .red-wave {
  position: relative;
}
.change .red-wave::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements12.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  left: 0;
  padding-top: 20.6442166911%;
  bottom: 0;
  z-index: 0;
}
.change .triangle {
  width: 20%;
  margin: 0 auto;
  margin-top: 1%;
}
.change_voice {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
  position: relative;
  padding-top: 56.25%;
}
.change_voice iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cv_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 7%;
}
.cv_ttl::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  top: 4%;
}
.cv_ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  bottom: 4%;
}
.cv_ttl-txt {
  width: 80%;
  margin: 0 auto;
  padding: 7% 0;
  position: relative;
}
.cv_ttl-txt::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements14.png);
  background-size: contain;
  position: absolute;
  width: 8%;
  z-index: 100;
  left: -9%;
  bottom: 21.5%;
  padding-top: 8.1142857143%;
}
.cv_contents {
  position: relative;
}
.cv_contents::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements15.png);
  background-size: contain;
  position: absolute;
  width: 13%;
  z-index: 200;
  right: 0;
  top: 0;
  padding-top: 4.95625%;
}

.guarantee {
  margin-top: 17%;
}
.guarantee-img {
  width: 88%;
  margin: 0 auto;
  position: relative;
}
.guarantee-img::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_guarantee-txt.png);
  background-size: contain;
  position: absolute;
  width: 72%;
  z-index: 200;
  left: 50%;
  top: 11%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 45.4909090909%;
}
.guarantee-img::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements16.png);
  background-size: contain;
  position: absolute;
  width: 72%;
  z-index: 100;
  left: -10%;
  top: -26%;
  padding-top: 80.7104247104%;
}

.merit_ttl {
  width: 83%;
  margin: 0 auto;
  margin-top: 10%;
  margin-bottom: 4%;
}
.merit_contents {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
.merit_contents::before {
  content: "";
  position: absolute;
  z-index: 10;
  left: 5px;
  bottom: 5px;
  border-right: 24px solid transparent;
  border-bottom: 24px solid #ffffff;
}
@media screen and (max-width: 767px) {
  .merit_contents::before {
    border-right: 22px solid transparent;
    border-bottom: 22px solid #ffffff;
  }
}
.merit_contents::after {
  content: "";
  position: absolute;
  z-index: 10;
  right: 5px;
  bottom: 5px;
  border-left: 24px solid transparent;
  border-bottom: 24px solid #ffffff;
}
@media screen and (max-width: 767px) {
  .merit_contents::after {
    border-left: 22px solid transparent;
    border-bottom: 22px solid #ffffff;
  }
}
.merit_list {
  background: #d81f34;
  padding: 2.3rem 2rem;
  position: relative;
}
.merit_list::before {
  content: "";
  position: absolute;
  z-index: 10;
  left: 5px;
  top: 5px;
  border-right: 24px solid transparent;
  border-top: 24px solid #ffffff;
}
@media screen and (max-width: 767px) {
  .merit_list::before {
    border-right: 22px solid transparent;
    border-top: 22px solid #ffffff;
  }
}
.merit_list::after {
  content: "";
  position: absolute;
  z-index: 10;
  right: 5px;
  top: 5px;
  border-left: 24px solid transparent;
  border-top: 24px solid #ffffff;
}
@media screen and (max-width: 767px) {
  .merit_list::after {
    border-left: 22px solid transparent;
    border-top: 22px solid #ffffff;
  }
}
.merit_list li {
  padding: 1rem 0;
  background: #fff;
  text-align: center;
  font-size: 2rem;
}
@media screen and (min-width: 999px) {
  .merit_list li {
    font-size: 2.8rem;
    line-height: 1.7;
  }
}
.merit_list li:not(:last-child) {
  margin-bottom: 1.5rem;
}

.detail_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 15%;
}
.detail_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements03.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  top: -25%;
  padding-top: 11.5750915751%;
}
.detail_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements04.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  bottom: -30%;
  padding-top: 11.5750915751%;
}
.detail_ttl-txt {
  width: 66%;
  margin: 0 auto;
  padding: 5% 0 1% 0;
  position: relative;
  z-index: 100;
}
.detail_lead {
  text-align: center;
  margin-top: 15%;
  font-size: 1.8rem;
  letter-spacing: 0.2rem;
  line-height: 1.7;
}
@media screen and (min-width: 999px) {
  .detail_lead {
    line-height: 1.7;
    font-size: 2.8rem;
  }
}

.flow_subttl-txt {
  width: 80%;
  margin: 0 auto;
  margin-top: 7%;
  margin-bottom: 13%;
}
.flow_item {
  position: relative;
}
.flow_item-content01 {
  background: #f6f6f6;
  padding-top: 3%;
}
@media screen and (min-width: 999px) {
  .flow_item-content01 {
    padding-top: 6%;
  }
}
.flow_item-content02 {
  padding-top: 3%;
}
.flow_item-content03 {
  background: #f6f6f6;
  padding-top: 3%;
}
@media screen and (min-width: 999px) {
  .flow_item-content03 {
    padding-top: 8%;
  }
}
.flow_item-txt {
  text-align: center;
  font-size: 1.9rem;
  letter-spacing: 0.1rem;
  line-height: 1.7;
}
@media screen and (min-width: 999px) {
  .flow_item-txt {
    line-height: 1.7;
    font-size: 2.8rem;
  }
}
.flow_item-arrow {
  width: 9%;
  margin: 0 auto;
  padding-top: 5%;
  padding-bottom: 2%;
}
.flow_item-ttl01 {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Daily.png);
  background-size: contain;
  position: absolute;
  width: 26%;
  z-index: 100;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 13.5172413793%;
  top: -15%;
}
.flow_item-ttl02 {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Weekly.png);
  background-size: contain;
  position: absolute;
  width: 30%;
  z-index: 100;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 9.1%;
  top: -46%;
  padding-top: 13.4831460674%;
}
.flow_item-ttl03 {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Monthly.png);
  background-size: contain;
  position: absolute;
  width: 36%;
  z-index: 100;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 9.1%;
  top: -8%;
  padding-top: 12.6%;
}
.flow .skew {
  background: #f6f6f6;
  -webkit-clip-path: polygon(0 0, 100% 40%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 40%, 100% 100%, 0% 100%);
  height: 4rem;
  width: 100%;
}
.flow .skew02 {
  background: #f6f6f6;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
  height: 4rem;
  width: 100%;
}

.service_ttl {
  width: 60%;
  margin: 0 auto;
  margin-top: 8%;
}
.service_ttl-sub {
  font-family: "DM Serif Display", serif;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  text-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2%;
}
@media screen and (min-width: 999px) {
  .service_ttl-sub {
    font-size: 2.8rem;
    margin-top: 1%;
  }
}
.service_ttl-sub::before, .service_ttl-sub::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #d81f34;
}
.service_ttl-sub::before {
  margin-right: 1.5rem;
}
.service_ttl-sub::after {
  margin-left: 1.5rem;
}
.service_item-ttl {
  font-size: 2.4rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4%;
}
@media screen and (min-width: 999px) {
  .service_item-ttl {
    font-size: 3rem;
    letter-spacing: 0.1rem;
  }
}
.service_item-ttl-txt {
  background: #d81f34;
  padding: 0.5rem 0.8rem;
  color: #fff;
}
.service_item-img {
  width: 80%;
  margin: 0 auto;
  margin-top: 7%;
}
.service_item-txt01 {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 5%;
}
@media screen and (min-width: 999px) {
  .service_item-txt01 {
    font-size: 2.6rem;
  }
}
.service_item-txt02 {
  font-size: 2.2rem;
  text-align: center;
  margin-top: 6%;
  line-height: 1.7;
  margin-bottom: 6%;
  font-weight: bold;
  letter-spacing: 0.2rem;
}
@media screen and (min-width: 999px) {
  .service_item-txt02 {
    font-size: 3rem;
  }
}
.service_item-txt03 {
  position: relative;
}
.service_item-txt03::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements19.png);
  background-size: contain;
  position: absolute;
  width: 64%;
  z-index: 100;
  left: -12%;
  top: -7%;
  padding-top: 74.1851015801%;
}
.service_item-txt03-img {
  width: 65%;
  margin-left: auto;
  margin-right: 5%;
  margin-top: 4%;
}
.service_item-txt03-txt {
  width: 65%;
  margin-left: auto;
  margin-right: 5%;
  font-size: 1.9rem;
  text-align: center;
  margin-top: 5%;
  line-height: 1.7;
  padding-bottom: 9%;
}
@media screen and (min-width: 999px) {
  .service_item-txt03-txt {
    font-size: 2.6rem;
    line-height: 2;
  }
}
.service_item-point {
  position: relative;
  z-index: 100;
  width: 95%;
  margin: 0 auto;
}
.service_item-point-box {
  background: #d81f34;
  text-align: center;
  color: #fff;
  padding: 13px 3px;
}
.service_item-point-ttl {
  position: relative;
  margin-bottom: 16px;
}
@media screen and (min-width: 999px) {
  .service_item-point-ttl {
    font-size: 2.4rem;
  }
}
.service_item-point-ttl::after {
  content: "";
  display: block;
  width: 55%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.service_item-lecturer-img {
  width: 70%;
  margin: 0 auto;
  -webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2784313725);
          box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2784313725);
}
.service_item-lecturer-name {
  text-align: center;
  margin-top: -6%;
}
@media screen and (min-width: 999px) {
  .service_item-lecturer-name {
    margin-top: -4%;
  }
}
.service_item-lecturer-name p {
  z-index: 200;
  position: relative;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  display: inline-block;
  padding: 5px 25px;
  margin: 0 auto;
}
@media screen and (min-width: 999px) {
  .service_item-lecturer-name p {
    font-size: 2.8rem;
  }
}
.service_item-lecturer-name p::before {
  -webkit-transform: skewX(330deg);
          transform: skewX(330deg);
  content: ""; /*ボックスを作る*/
  position: absolute; /*ポジションで中央に配置*/
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1; /* 親要素の後ろに来るように-1 */
  background-color: #d81f34;
}
.service_item-lecturer-txt {
  width: 80%;
  margin: 0 auto;
  margin-top: 3rem;
  margin-bottom: 5rem;
}
.service_item-lecturer-txt p {
  background-color: #f6f6f6;
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #f6f6f6 50%, #f6f6f6 100%), linear-gradient(180deg, #ccc 1px, transparent 1px);
  background-size: 8px 100%, 100% 3.3rem;
  line-height: 3.3rem;
  padding-top: 0.15rem;
}
@media screen and (min-width: 999px) {
  .service_item-lecturer-txt p {
    background-size: 8px 100%, 100% 5.5rem;
    line-height: 5.5rem;
  }
}
.service_item-program {
  width: 85%;
  margin: 0 auto;
  margin-top: 8%;
  background: #f6f6f6;
  position: relative;
  z-index: 100;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2784313725);
          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2784313725);
}
.service_item-program-ttl {
  text-align: center;
  padding: 8px 10px;
  background: #d81f34;
  color: #fff;
  font-size: 2rem;
  letter-spacing: 0.1rem;
  font-weight: bold;
}
@media screen and (min-width: 999px) {
  .service_item-program-ttl {
    font-size: 2.6rem;
  }
}
.service_item-program-img {
  padding: 15px;
}
.service_item-program-remark {
  text-align: center;
}
.service_item-program-remark p {
  background: #d81f34;
  color: #fff;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 50px;
}
.service_item-program-txt {
  padding: 15px;
  text-align: center;
}
.service .parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 12px;
}
.service .div1 {
  grid-area: 1/1/2/2;
}
.service .div2 {
  grid-area: 1/2/2/3;
}
.service .div3 {
  grid-area: 1/3/2/4;
}
.service .div4 {
  grid-area: 2/1/3/2;
}
.service .div5 {
  grid-area: 2/2/3/3;
}
.service .div6 {
  grid-area: 2/3/3/4;
}
.service .div7 {
  grid-area: 3/2/4/3;
}
.service .triangle {
  width: 10%;
  margin: 0 auto;
  margin-top: 5%;
}
.service .movie-contents {
  margin-top: 7%;
}
.service .online-lesson {
  background: #f6f6f6;
  margin-top: 13%;
  padding-bottom: 1%;
}
.service .wave01 {
  position: relative;
  z-index: 0;
}
.service .wave01::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements20.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  padding-top: 59.2972181552%;
  top: 20%;
}
.service .wave02 {
  position: relative;
  z-index: 0;
}
.service .wave02::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements21.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 0;
  right: 0;
  padding-top: 61.420204978%;
  top: 20%;
}

.present {
  overflow: hidden;
}
.present_lead {
  text-align: center;
  font-size: 3.2rem;
  margin-top: 10%;
  color: #d81f34;
  letter-spacing: 0.1rem;
}
.present_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 6%;
}
.present_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements03.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  top: -25%;
  padding-top: 11.5750915751%;
}
.present_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements04.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  bottom: -30%;
  padding-top: 11.5750915751%;
}
.present_ttl-txt {
  width: 80%;
  margin: 0 auto;
  padding: 5% 0 4% 0;
  position: relative;
  z-index: 100;
}
.present_list {
  margin-top: 14%;
  position: relative;
}
.present_list::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements22.png);
  background-size: contain;
  position: absolute;
  width: 130%;
  z-index: 0;
  top: -20%;
  right: -29%;
  padding-top: 59.9814700432%;
}
.present_list::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements23.png);
  background-size: contain;
  position: absolute;
  width: 65%;
  z-index: 0;
  top: 49%;
  left: -9%;
  padding-top: 31.441495778%;
}
.present_list ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}
.present_list li {
  position: relative;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.2rem;
  width: 90%;
  margin: 0 auto;
  margin-top: 1.5rem;
  background: #f6f6f6;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.28);
  padding: 1.6rem 1rem 1.6rem 5rem;
  margin-bottom: 3.2rem;
  text-align: center;
}
@media screen and (min-width: 999px) {
  .present_list li {
    font-size: 2.6rem;
    width: 82%;
  }
}
.present_list li::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/present.png);
  background-size: contain;
  position: absolute;
  width: 21%;
  z-index: 100;
  left: -2%;
  top: -6%;
  padding-top: 8.6654275093%;
}
.present_list li::after {
  position: absolute;
  left: 20px;
  top: 50%;
  content: "";
  display: inline-block;
  width: 3.7rem;
  height: 3.7rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.present_list li:nth-child(1)::after {
  background: url(../images/1.png) no-repeat left top/contain;
}
.present_list li:nth-child(2)::after {
  background: url(../images/2.png) no-repeat left top/contain;
}
.present_list li:nth-child(3)::after {
  background: url(../images/3.png) no-repeat left top/contain;
}
.present_list li:nth-child(4)::after {
  background: url(../images/4.png) no-repeat left top/contain;
}

.achievement_lead-01 {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
}
@media screen and (min-width: 999px) {
  .achievement_lead-01 {
    font-size: 2.4rem;
  }
}
.achievement_lead-02 {
  width: 74%;
  margin: 0 auto;
  margin-top: 7%;
  margin-bottom: 4%;
}
.achievement_list {
  width: 90%;
  margin: 0 auto;
  background: #d81f34;
  padding: 15px;
}
.achievement_item:not(:nth-last-child(1)) {
  margin-bottom: 20px;
}
.achievement_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 10px;
  background: #fff;
  padding: 10px;
  border-radius: 20px 0;
  text-align: center;
}
.achievement_item-img {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.achievement_item-txt {
  -ms-flex-preferred-size: 70%;
      flex-basis: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  line-height: 1.7;
}
@media screen and (min-width: 999px) {
  .achievement_item-txt {
    font-size: 2.8rem;
    line-height: 2;
  }
}

.message_lead-img {
  width: 75%;
  margin: 0 auto;
  margin-top: 8%;
}
.message_lead-txt {
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin-top: 5%;
  line-height: 1.8;
}
@media screen and (min-width: 999px) {
  .message_lead-txt {
    font-size: 3.6rem;
  }
}
.message_txt {
  margin-top: 3%;
}
.message_txt-txt {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
}
.message_txt-txt p {
  background-color: #fff;
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #ccc 1px, transparent 1px);
  background-size: 8px 100%, 100% 3.3rem;
  line-height: 3.3rem;
  padding-top: 0.15rem;
}
@media screen and (min-width: 999px) {
  .message_txt-txt p {
    background-size: 8px 100%, 100% 4.5rem;
    line-height: 4.5rem;
  }
}

.cv02_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 10%;
}
.cv02_ttl::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  top: 4%;
}
.cv02_ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  bottom: 4%;
}
.cv02_ttl-txt {
  width: 80%;
  margin: 0 auto;
  padding: 7% 0;
  position: relative;
}
.cv02_ttl-txt::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements14.png);
  background-size: contain;
  position: absolute;
  width: 8%;
  z-index: 100;
  left: -9%;
  bottom: 21.5%;
  padding-top: 8.1142857143%;
}
.cv02_contents {
  position: relative;
}
.cv02_contents::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements15.png);
  background-size: contain;
  position: absolute;
  width: 13%;
  z-index: 200;
  right: 0;
  top: 0;
  padding-top: 4.95625%;
}
.cv02_contents02 {
  width: 90%;
  margin: 0 auto;
  margin-top: 3%;
}
.cv02_price {
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-top: -70%;
  margin-left: 3.5rem;
}
.cv02_price::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements28.png);
  background-size: contain;
  position: absolute;
  width: 47%;
  z-index: 100;
  left: -2rem;
  top: -1rem;
  padding-top: 15.5766283525%;
}
.cv02_price::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements27.png);
  background-size: contain;
  position: absolute;
  width: 29%;
  z-index: 100;
  left: -3.2rem;
  top: 4rem;
  padding-top: 59.3848314607%;
}

.guarantee02-img {
  width: 85%;
  margin: 0 auto;
  margin-top: 7%;
}

.comparison_lead {
  width: 90%;
  margin: 0 auto;
  margin-top: 8%;
}
.comparison_txt {
  width: 72%;
  margin: 0 auto;
  margin-top: 12%;
  position: relative;
  padding-top: 13%;
}
.comparison_txt::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements31.png);
  background-size: contain;
  position: absolute;
  width: 40%;
  z-index: 100;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 15.9390862944%;
  top: -8%;
}
.comparison_table {
  width: 95%;
  margin: 0 auto;
  margin-top: 6%;
}
.comparison_txt02 {
  text-align: center;
  margin-top: 5%;
  font-size: 1.7rem;
  line-height: 1.7;
  padding-bottom: 6%;
}
@media screen and (min-width: 999px) {
  .comparison_txt02 {
    font-size: 2.4rem;
  }
}

.message02_lead-txt {
  text-align: center;
  font-size: 2.8rem;
  line-height: 1.7;
  color: #d81f34;
  margin-top: 5%;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 999px) {
  .message02_lead-txt {
    font-size: 3.4rem;
  }
}
.message02_lead-img {
  width: 90%;
  margin: 0 auto;
  margin-top: 3%;
}
.message02_txt {
  width: 85%;
  margin: 0 auto;
  margin-top: 7%;
}
.message02_txt p, .message02_txt li {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(204, 204, 204, 0)), color-stop(98.5%, rgba(204, 204, 204, 0)), to(rgb(100, 100, 100)));
  background-image: linear-gradient(180deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 98.5%, rgb(100, 100, 100) 100%);
  background-repeat: repeat-y;
  background-size: 100% 2.4em;
  line-height: 2.4;
}
.message02_txt li {
  padding-left: 1em;
  text-indent: -1em;
}

.cv03_ttl {
  background: #d81f34;
  position: relative;
  z-index: 100;
  margin-top: 10%;
}
.cv03_ttl::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  top: 4%;
}
.cv03_ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  bottom: 4%;
}
.cv03_ttl-txt {
  width: 93%;
  margin: 0 auto;
  padding: 5% 0;
}
.cv03_contents {
  position: relative;
  margin-top: -4%;
  z-index: 0;
  overflow: hidden;
}
.cv03_contents::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements15.png);
  background-size: contain;
  position: absolute;
  width: 13%;
  z-index: 200;
  right: -3%;
  top: 2%;
  padding-top: 4.95625%;
}
.cv03_contents02 {
  width: 90%;
  margin: 0 auto;
  margin-top: 3%;
}
.cv03_price {
  position: relative;
  width: 90%;
  margin: 0 auto;
  margin-top: -70%;
  margin-left: 3.5rem;
}
.cv03_price::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements28.png);
  background-size: contain;
  position: absolute;
  width: 47%;
  z-index: 100;
  left: -2rem;
  top: -1rem;
  padding-top: 15.5766283525%;
}
.cv03_price::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements27.png);
  background-size: contain;
  position: absolute;
  width: 29%;
  z-index: 100;
  left: -3.2rem;
  top: 4rem;
  padding-top: 59.3848314607%;
}

.faq_ttl {
  background: #d81f34;
  position: relative;
  margin-top: 10%;
  color: #fff;
  text-align: center;
  font-size: 3.6rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
}
.faq_ttl p {
  padding: 5% 0;
}
.faq_ttl::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  top: 4%;
}
.faq_ttl::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #fff8b2;
  display: block;
  position: absolute;
  bottom: 4%;
}
.faq_item {
  width: 90%;
  margin: 0 auto;
  margin-top: 6%;
  padding: 5% 3%;
  background: #f6f6f6;
}
.faq_item-question {
  padding-left: 4rem;
  position: relative;
  color: #d81f34;
  font-size: 1.9rem;
  font-weight: bold;
  padding-bottom: 1.6rem;
}
@media screen and (min-width: 999px) {
  .faq_item-question {
    font-size: 2.4rem;
  }
}
.faq_item-question::before {
  position: absolute;
  left: 3px;
  top: 0px;
  content: "";
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/Oguma_elements35.png) no-repeat;
  background-size: contain;
}
@media screen and (min-width: 999px) {
  .faq_item-question::before {
    top: 6px;
  }
}
.faq_item-question::after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background-color: #b1b1b1;
  position: absolute;
  bottom: 0.5rem;
  left: 3%;
}
.faq_item-answer {
  padding: 3%;
}

.option_ttl {
  background: #6f633c;
  position: relative;
  margin-top: 16%;
}
.option_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements36.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  top: -38%;
  padding-top: 12.5853658537%;
}
.option_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements37.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  bottom: -44%;
  padding-top: 12.5853658537%;
}
.option_ttl-txt {
  width: 60%;
  margin: 0 auto;
  padding: 5% 0 2% 0;
  position: relative;
  z-index: 100;
}
.option_lead {
  text-align: center;
  margin-top: 15%;
}
.option_lead p {
  display: inline-block;
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option_lead p {
    font-size: 2.6rem;
    line-height: 2;
  }
}
.option_name {
  text-align: center;
  margin-top: 5%;
}
.option_name p {
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  color: #fff;
  display: inline;
  padding: 5px;
  line-height: 2.2;
  font-size: 2.4rem;
}
@media screen and (min-width: 999px) {
  .option_name p {
    font-size: 3.6rem;
  }
}
.option_img {
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
}
.option_txt01 {
  width: 70%;
  margin: 0 auto;
  margin-top: 8%;
  margin-bottom: 3%;
}
.option_txt02 {
  text-align: center;
  margin-top: 6%;
  width: 90%;
  margin: 0 auto;
}
.option_txt02 p {
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 999px) {
  .option_txt02 p {
    font-size: 2.4rem;
  }
}
.option_table {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.option_table table {
  width: 100%;
}
.option_table table th, .option_table table td {
  border: solid 1px #6a5e36;
}
.option_table td:nth-child(1) {
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b805c), to(#6a5e36));
  background: linear-gradient(180deg, #8b805c 0%, #6a5e36 100%);
  color: #fff;
  width: 15%;
  text-align: center;
}
.option_table td:nth-child(2) {
  width: 85%;
  padding: 10px;
}
.option_table p {
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: 0.1rem;
  text-align: center;
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 3%;
}
.option_jisseki {
  text-align: center;
  margin-top: 8%;
}
.option_jisseki-ttl p {
  display: inline-block;
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 999px) {
  .option_jisseki-ttl p {
    font-size: 3.4rem;
    letter-spacing: 0.2rem;
  }
}
.option_jisseki-ttl p::before, .option_jisseki-ttl p::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #666;
}
.option_jisseki-ttl p:before {
  margin-right: 1.5rem;
}
.option_jisseki-ttl p:after {
  margin-left: 1.5rem;
}
.option_jisseki-contents {
  margin: 5% 0;
  font-size: 2.8rem;
}
.option_schedule-ttl p {
  display: inline-block;
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 999px) {
  .option_schedule-ttl p {
    font-size: 3.4rem;
    letter-spacing: 0.2rem;
  }
}
.option_schedule-ttl p::before, .option_schedule-ttl p::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #666;
}
.option_schedule-ttl p:before {
  margin-right: 1.5rem;
}
.option_schedule-ttl p:after {
  margin-left: 1.5rem;
}
.option_schedule-table {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.option_schedule-table table {
  width: 100%;
}
.option_schedule-table table th, .option_schedule-table table td {
  border: solid 1px #6a5e36;
}
.option_schedule-table td:nth-child(1) {
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b805c), to(#6a5e36));
  background: linear-gradient(180deg, #8b805c 0%, #6a5e36 100%);
  color: #fff;
  width: 15%;
  text-align: center;
}
.option_schedule-table td:nth-child(2) {
  width: 85%;
  padding: 10px;
}
.option_price-ttl p {
  display: inline-block;
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 999px) {
  .option_price-ttl p {
    font-size: 3.4rem;
    letter-spacing: 0.2rem;
  }
}
.option_price-ttl p::before, .option_price-ttl p::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #666;
}
.option_price-ttl p:before {
  margin-right: 1.5rem;
}
.option_price-ttl p:after {
  margin-left: 1.5rem;
}
.option_price-table {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.option_price-table table {
  width: 100%;
}
.option_price-table table th, .option_price-table table td {
  border: solid 1px #6a5e36;
}
.option_price-table td:nth-child(1) {
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b805c), to(#6a5e36));
  background: linear-gradient(180deg, #8b805c 0%, #6a5e36 100%);
  color: #fff;
  width: 40%;
  text-align: center;
}
.option_price-table td:nth-child(2) {
  width: 60%;
  padding: 10px;
  text-align: right;
  font-size: 2rem;
}
.option_price-table p {
  text-align: center;
  margin-top: 6%;
  font-size: 1.9rem;
  line-height: 1.7;
  letter-spacing: 0.1rem;
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.option_txt03 {
  text-align: center;
  margin-top: 6%;
}
.option_txt03 p {
  display: inline-block;
  color: #d81f34;
  margin-bottom: 2%;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option_txt03 p {
    font-size: 4.4rem;
  }
}
.option_txt04 {
  text-align: center;
}
.option_txt04 p {
  display: inline-block;
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option_txt04 p {
    font-size: 2.6rem;
  }
}
.option_txt05 {
  width: 46%;
  margin: 0 auto;
  margin-top: 6%;
  margin-bottom: 5%;
}
.option_txt06 {
  text-align: center;
  margin-top: 6%;
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: 0.1rem;
}

.option02_ttl {
  background: #6f633c;
  position: relative;
  margin-top: 19%;
}
.option02_ttl::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements36.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 100;
  left: 0;
  top: -42%;
  padding-top: 12.5853658537%;
}
.option02_ttl::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(../images/Oguma_elements37.png);
  background-size: contain;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  bottom: -45%;
  padding-top: 12.5853658537%;
}
.option02_ttl-txt {
  width: 66%;
  margin: 0 auto;
  padding: 5% 0 2% 0;
  position: relative;
  z-index: 100;
}
.option02_lead {
  text-align: center;
  margin-top: 15%;
}
.option02_lead p {
  display: inline-block;
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option02_lead p {
    font-size: 2.6rem;
    line-height: 2;
  }
}
.option02_name {
  text-align: center;
  margin-top: 5%;
}
.option02_name p {
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  color: #fff;
  display: inline;
  padding: 5px;
  line-height: 2.2;
  font-size: 2.4rem;
}
@media screen and (min-width: 999px) {
  .option02_name p {
    font-size: 3.6rem;
  }
}
.option02_img {
  width: 80%;
  margin: 0 auto;
  margin-top: 3%;
}
.option02_txt01 {
  width: 46%;
  margin: 0 auto;
  margin-top: 8%;
  margin-bottom: 3%;
}
.option02_table {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.option02_table table {
  width: 100%;
}
.option02_table table th, .option02_table table td {
  border: solid 1px #6a5e36;
}
.option02_table td:nth-child(1) {
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b805c), to(#6a5e36));
  background: linear-gradient(180deg, #8b805c 0%, #6a5e36 100%);
  color: #fff;
  width: 15%;
  text-align: center;
}
.option02_table td:nth-child(2) {
  width: 85%;
  padding: 10px;
}
.option02_txt02 {
  text-align: center;
  margin-top: 6%;
  width: 90%;
  margin: 0 auto;
}
.option02_txt02 p {
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 999px) {
  .option02_txt02 p {
    font-size: 2.4rem;
  }
}
.option02_jisseki {
  text-align: center;
  margin-top: 8%;
}
.option02_jisseki-ttl p {
  display: inline-block;
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.option02_jisseki-ttl p::before, .option02_jisseki-ttl p::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #666;
}
.option02_jisseki-ttl p:before {
  margin-right: 1.5rem;
}
.option02_jisseki-ttl p:after {
  margin-left: 1.5rem;
}
.option02_jisseki-contents {
  margin: 5% 0;
  font-size: 2.8rem;
}
.option02_price-ttl p {
  display: inline-block;
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.option02_price-ttl p::before, .option02_price-ttl p::after {
  content: "";
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-color: #666;
}
.option02_price-ttl p:before {
  margin-right: 1.5rem;
}
.option02_price-ttl p:after {
  margin-left: 1.5rem;
}
.option02_price-table {
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
.option02_price-table table {
  width: 100%;
}
.option02_price-table table th, .option02_price-table table td {
  border: solid 1px #6a5e36;
}
.option02_price-table td:nth-child(1) {
  background: #8b805c;
  background: -webkit-gradient(linear, left top, left bottom, from(#8b805c), to(#6a5e36));
  background: linear-gradient(180deg, #8b805c 0%, #6a5e36 100%);
  color: #fff;
  width: 40%;
  text-align: center;
}
.option02_price-table td:nth-child(2) {
  width: 60%;
  padding: 10px;
  text-align: right;
  font-size: 2rem;
}
.option02_txt03 {
  text-align: center;
  margin-top: 6%;
}
.option02_txt03 p {
  display: inline-block;
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option02_txt03 p {
    font-size: 2.6rem;
  }
}
.option02_txt04 {
  text-align: center;
  margin-top: 6%;
}
.option02_txt04 p {
  display: inline-block;
  color: #d81f34;
  margin-bottom: 2%;
  text-align: center;
  font-size: 4rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option02_txt04 p {
    font-size: 4.4rem;
  }
}
.option02_txt05 {
  text-align: center;
}
.option02_txt05 p {
  display: inline-block;
  background: rgb(139, 128, 92);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(139, 128, 92)), to(rgb(106, 94, 54)));
  background: linear-gradient(180deg, rgb(139, 128, 92) 0%, rgb(106, 94, 54) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1rem;
  line-height: 1.6;
}
@media screen and (min-width: 999px) {
  .option02_txt05 p {
    font-size: 2.6rem;
  }
}
.option02_txt06 {
  width: 46%;
  margin: 0 auto;
  margin-top: 6%;
  margin-bottom: 5%;
}
.option02_txt07 {
  text-align: center;
  margin-top: 6%;
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: 0.1rem;
}
@media screen and (min-width: 999px) {
  .option02_txt07 {
    font-size: 2.4rem;
  }
}

.guarantee03-img {
  width: 85%;
  margin: 0 auto;
  margin-top: 7%;
  padding-bottom: 8%;
}

html {
  font-size: 62.5%; /* -> 10px */
}

body {
  font-family: "Times New Roman", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #3a3233;
  line-height: 1.5;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (min-width: 999px) {
  body {
    font-size: 2.4rem;
    line-height: 1.8;
  }
}

/* ----------------------------------------------------

    text

---------------------------------------------------- */
.red {
  color: #d81f34;
}

.gray {
  color: #666666;
}

.bold {
  font-weight: bold;
}

strong {
  font-weight: bold;
}

.ac {
  text-align: center !important;
}

.ar {
  text-align: right !important;
}

.al {
  text-align: left !important;
}

.italic {
  font-style: italic;
}

.fz13 {
  font-size: 1.3rem;
}
@media screen and (min-width: 999px) {
  .fz13 {
    font-size: 2rem;
  }
}

.fz16 {
  font-size: 1.6rem;
}
@media screen and (min-width: 999px) {
  .fz16 {
    font-size: 2.2rem;
  }
}

.fz17 {
  font-size: 1.7rem;
}

.fz24 {
  font-size: 2.4rem;
}
@media screen and (min-width: 999px) {
  .fz24 {
    font-size: 3.2rem;
  }
}

.fz26 {
  font-size: 2.6rem;
}

.underline {
  text-decoration: underline;
  color: #d81f34;
}

.line-through {
  text-decoration: line-through;
}

.cta-button01 {
  width: 93%;
  margin: 0 auto;
  margin-top: -33%;
  -webkit-animation: btn-anime 2s infinite;
          animation: btn-anime 2s infinite;
}

.cta-button02 {
  width: 93%;
  margin: 0 auto;
  -webkit-animation: btn-anime 2s infinite;
          animation: btn-anime 2s infinite;
  margin-top: 6%;
}

.cta-button03 {
  width: 93%;
  margin: 0 auto;
  -webkit-animation: btn-anime 2s infinite;
          animation: btn-anime 2s infinite;
  margin-top: 6%;
}

@-webkit-keyframes btn-anime {
  0% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  5% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  10% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  15% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  20% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  25% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}

@keyframes btn-anime {
  0% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  5% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  10% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  15% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  20% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px);
  }
  25% {
    -webkit-transform: translate(-2px, 0px);
            transform: translate(-2px, 0px);
  }
  30% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}