@charset "utf-8";

/* ブレイクポイントは、PCとスマホの切り分けのみ（767px） */
@media screen and (max-width: 767px) {}

img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  ._pc{ display: none; }
}

@media screen and (min-width: 768px) {
  ._sp{ display: none; }
}
section {
  width: 100%;
  margin: 0 auto;
  font-family: zen-kaku-gothic-new-regular;
}
.section-fv {
  position: relative;
  padding-bottom: calc(120vw / 19.2);
  width: 100%;
  background-image: url(../img/treatise/bg_01.png);
  background-repeat: repeat-y;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .section-fv {
    padding-bottom: calc(10vw / 3.6);
  }
}
.section-01 {
  position: relative;
  width: 100%;
  padding: calc(31vw / 19.2) 0 calc(200vw / 19.2);
  background-image: url(../img/treatise/bg_01.png);
  background-repeat: repeat-y;
  background-size: 100%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .section-01 {
    padding: calc(15vw / 3.6) 0 calc(100vw / 3.6);
  }
}
.section-02 {
  position: relative;
  width: 100%;
  padding: calc(50vw / 19.2) 0 0;
  border-top: calc(15vw / 19.2) solid #CCB98A;
  border-bottom: calc(15vw / 19.2) solid #CCB98A;
  background-image: url(../img/treatise/bg_02.png);
  background-repeat: repeat-y;
  background-position-y: calc(-118vw / 19.2);
  background-size: 100%;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .section-02 {
    padding: calc(25vw / 3.6) 0 0;
    border-top: calc(7vw / 3.6) solid #CCB98A;
    border-bottom: calc(7vw / 3.6) solid #CCB98A;
    background-position-y: calc(-52vw / 3.6);
  }
}
.treatise-fv {
  width: calc(1160vw / 19.2);
  padding: calc(160vw / 19.2) 0 0;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .treatise-fv {
    width: calc(330vw / 3.6);
    padding: calc(16vw / 3.6) 0 0;
  }
}
.title-gold {
  position: relative;
  display: block;
  width: calc(476vw / 19.2);
  font-size: calc(33vw / 19.2);
  font-weight: 500;
  line-height: calc(68vw / 19.2);
  margin: 0 auto;
  text-align: center;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .title-gold {
    width: calc(330vw / 3.6);
    font-size: calc(24vw / 3.6);
    line-height: calc(46vw / 3.6);
  }
}
.title-gold::before {
  position: absolute;
  z-index: -1;
  top: 0%;
  left: calc(0vw / 19.2);
  content: "";
  width: calc(476vw / 19.2);
  height: calc(67vw / 19.2);
  background-image: url(../img/treatise/decoration_1.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .title-gold::before {
    left: calc(0vw / 3.6);
    width: calc(330vw / 3.6);
    height: calc(46vw / 3.6);
  }
}
.treatise-fv-wrap {
  display: flex;
  justify-content: center;
  margin: calc(30vw / 19.2) auto 0;
}
@media screen and (max-width: 767px) {
  .treatise-fv-wrap {
    position: relative;
    display: block;
    margin: calc(15vw / 3.6) auto 0;
  }
}
.treatise-fv-doctor {
  width: calc(270vw / 19.2);
  margin-right: calc(20vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-fv-doctor {
    overflow: hidden;
    width: calc(240vw / 3.6);
    height: calc(270vw / 3.6);
    margin: calc(94vw / 3.6) auto calc(0vw / 3.6);
  }
}
@media screen and (max-width: 767px) {
  .treatise-fv-box {
    position: relative;
  }
}
.treatise-fv-h {
  font-size: calc(52vw / 19.2);
  font-weight: 600;
  line-height: 1.3;
  background: linear-gradient(190deg, #CCAF4D, #634C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .treatise-fv-h {
    position: absolute;
    top: calc(-345vw / 3.6);
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    font-size: calc(30vw / 3.6);
    line-height: 1.3;
    text-align: center;
  }
}
.treatise-fv-box2 {
  position: relative;
  padding: calc(60vw / 19.2) calc(30vw / 19.2);
  margin: calc(30vw / 19.2) 0 0;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2 {
    padding: calc(26vw / 3.6) calc(10vw / 3.6);
    margin: calc(-8vw / 3.6) 0 0;
  }
}
.treatise-fv-box2::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(30vw / 19.2);
  background-image: url(../img/treatise/line-top.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2::before {
    height: calc(9vw / 3.6);
  }
}
.treatise-fv-box2::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(30vw / 19.2);
  background-image: url(../img/treatise/line-bottom.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2::after {
    height: calc(9vw / 3.6);
  }
}
.treatise-fv-box2-h {
  font-size: calc(30vw / 19.2);
  font-weight: 500;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-h {
    font-size: calc(15vw / 3.6);
    line-height: 1.3;
  }
}
.treatise-fv-box2-h-sup {
  position: relative;
  top: calc(-20vw / 19.2);
  margin-left: calc(-30vw / 19.2);
  font-size: calc(20vw / 19.2);
  color: #DD000B;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-h-sup {
    top: calc(-7vw / 3.6);
    margin-left: calc(-10vw / 3.6);
    padding-right: calc(2vw / 3.6);
    font-size: calc(6vw / 3.6);
  }
}
.treatise-fv-box2-h-span {
  font-size: calc(36vw / 19.2);
  color: #DD000B;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-h-span {
    font-size: calc(18vw / 3.6);
  }
}
.treatise-fv-box2-h-span2 {
  font-size: calc(36vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-h-span2 {
    font-size: calc(18vw / 3.6);
  }
}
.treatise-fv-box2-doctorname {
  font-size: calc(18vw / 19.2);
  font-weight: 500;
  padding: calc(30vw / 19.2) 0 0 calc(16vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-doctorname {
    font-size: calc(9vw / 3.6);
    padding: calc(15vw / 3.6) 0 0 calc(8vw / 3.6);
  }
}
.treatise-fv-box2-doctorname span {
  font-size: calc(23vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-doctorname span {
    font-size: calc(11vw / 3.6);
  }
}
.treatise-fv-box2-medicine-img {
  position: absolute;
  top: calc(56vw / 19.2);
  right: calc(60vw / 19.2);
  width: calc(130vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-medicine-img {
    top: calc(30vw / 3.6);
    right: calc(15vw / 3.6);
    width: calc(76vw / 3.6);
  }
}
.treatise-fv-box2-medicine-read {
  position: absolute;
  bottom: calc(46vw / 19.2);
  right: calc(78vw / 19.2);
  font-size: calc(15vw / 19.2);
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .treatise-fv-box2-medicine-read {
    bottom: calc(22vw / 3.6);
    right: calc(32vw / 3.6);
    font-size: calc(7vw / 3.6);
  }
}

.frame-01 {
  position: relative;
  box-sizing: border-box;
  width: calc(1160vw / 19.2);
  padding: calc(31vw / 19.2) calc(30vw / 19.2);
  margin: 0 auto;
  background-color: #FFFFFF;
  background-image: url(../img/treatise/frame-middle.png);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-01 {
    width: calc(330vw / 3.6);
    padding: calc(15vw / 3.6) calc(15vw / 3.6);
  }
}
.frame-01::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(31vw / 19.2);
  background-color: #FFF;
  background-image: url(../img/treatise/frame-top.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-01::before {
    height: calc(9vw / 3.6);
  }
}
.frame-01::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(31vw / 19.2);
  background-color: #FFF;
  background-image: url(../img/treatise/frame-bottom.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-01::after {
    height: calc(9vw / 3.6);
  }
}
.treatise-01_1 {
  padding: 0 0 calc(60vw / 19.2);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .treatise-01_1 {
    padding: 0 0 calc(10vw / 3.6);
  }
}
.treatise-01_1_h2 {
  font-size: calc(39vw / 19.2);
  font-weight: 400;
  line-height: 1.4;
  background: linear-gradient(190deg, #CCAF4D, #634C00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .treatise-01_1_h2 {
    font-size: calc(13vw / 3.6);
    line-height: 1.4;
  }
}
.treatise-01_1_h2_span {
  font-size: calc(52vw / 19.2);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .treatise-01_1_h2_span {
    font-size: calc(26vw / 3.6);
  }
}
.treatise-01_2 {
  display: flex;
  width: calc(1040vw / 19.2);
  gap: 0 calc(20vw / 19.2);
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .treatise-01_2 {
    display: block;
    width: 100%;
  }
}
.treatise-01_2_l {
  width: calc(890vw / 19.2);
  font-size: calc(19vw / 19.2);
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .treatise-01_2_l {
    width: 100%;
    font-size: calc(13vw / 3.6);
    line-height: 1.4;
  }
}
.treatise-01_2_l_sup {
  position: relative;
  top: calc(-20vw / 19.2);
  margin-right: calc(-32vw / 19.2);
  font-size: calc(20vw / 19.2);
  color: #DD000B;
}
@media screen and (max-width: 767px) {
  .treatise-01_2_l_sup {
    top: calc(-10vw / 3.6);
    margin-right: calc(-16vw / 3.6);
    font-size: calc(10vw / 3.6);
  }
}
.treatise-01_2_l_span {
  font-size: calc(26vw / 19.2);
  font-weight: 600;
  color: #CD0000;
}
@media screen and (max-width: 767px) {
  .treatise-01_2_l_span {
    font-size: calc(22vw / 3.6);
  }
}
.treatise-01_2_r {
  
}
@media screen and (max-width: 767px) {
  .treatise-01_2_r {
    width: calc(200vw / 3.6);
    margin: calc(20vw / 3.6) auto calc(40vw / 3.6);
  }
}
.treatise-01_3 {
  position: relative;
  padding: calc(600vw / 19.2) 0 0;
}
@media screen and (max-width: 767px) {
  .treatise-01_3 {
    padding: 0;
  }
}
.treatise-01_3_dl_1 {
  position: absolute;
  width: calc(500vw / 19.2);
  left: calc(50vw / 19.2);
  top: 13%;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_1 {
    position: relative;
    left: 0;
    width: 100%;
    padding-bottom: calc(40vw / 3.6);
  }
}
.treatise-01_3_dl_1::before {
  position: absolute;
  content: "";
  top: calc(16vw / 19.2);
  left: calc(-8vw / 19.2);
  width: calc(470vw / 19.2);
  height: calc(230vw / 19.2);
  background-image: url(../img/treatise/bg_03.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_1::before {
    top: calc(-5vw / 3.6);
    left: calc(12vw / 3.6);
    width: calc(286vw / 3.6);
    height: calc(140vw / 3.6);
    transform: rotate(0deg);
    background-image: url(../img/treatise/bg_03.png);
    background-size: 100% 80%;
  }
}
.treatise-01_3_dl_2 {
  position: absolute;
  width: calc(430vw / 19.2);
  left: calc(630vw / 19.2);
  top: 33%;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_2 {
    position: relative;
    left: 0;
    width: 100%;
    padding-bottom: calc(40vw / 3.6);
  }
}
.treatise-01_3_dl_2::before {
  position: absolute;
  content: "";
  top: calc(-18vw / 19.2);
  left: calc(-18vw / 19.2);
  width: calc(440vw / 19.2);
  height: calc(212vw / 19.2);
  background-image: url(../img/treatise/bg_03.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(15deg);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_2::before {
    top: calc(-5vw / 3.6);
    left: calc(12vw / 3.6);
    width: calc(286vw / 3.6);
    height: calc(140vw / 3.6);
    transform: rotate(0deg);
    background-image: url(../img/treatise/bg_03.png);
    background-size: 100% 80%;
  }
}
.treatise-01_3_dl_3 {
  position: absolute;
  width: calc(496vw / 19.2);
  left: calc(50vw / 19.2);
  top: 64%;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_3 {
    position: relative;
    left: 0;
    width: 100%;
    padding-bottom: calc(40vw / 3.6);
  }
}
.treatise-01_3_dl_3::before {
  position: absolute;
  content: "";
  top: calc(-20vw / 19.2);
  left: calc(8vw / 19.2);
  width: calc(476vw / 19.2);
  height: calc(228vw / 19.2);
  background-image: url(../img/treatise/bg_03.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  transform: rotate(15deg);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_3::before {
    top: calc(-5vw / 3.6);
    left: calc(12vw / 3.6);
    width: calc(286vw / 3.6);
    height: calc(140vw / 3.6);
    transform: rotate(0deg);
    background-image: url(../img/treatise/bg_03.png);
    background-size: 100% 80%;
  }
}
.treatise-01_3_dl_dt {
  position: relative;
  font-size: calc(31vw / 19.2);
  line-height: 1.4;
  padding: 0 0 calc(10vw / 19.2);
  border-bottom: calc(2.4vw / 19.2) solid #000;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_dt {
    font-size: calc(21vw / 3.6);
    line-height: 1.4;
    padding: 0 0 calc(5vw / 3.6);
    border-bottom: calc(2.4vw / 3.6) solid #000;
  }
}
.treatise-01_3_dl_dt h3 {
  font-weight: 500;
}
.treatise-01_3_dl_dd {
  position: relative;
  font-size: calc(19vw / 19.2);
  line-height: 1.8;
  padding: calc(10vw / 19.2) 0 0;
}
@media screen and (max-width: 767px) {
  .treatise-01_3_dl_dd {
    font-size: calc(9vw / 3.6);
    line-height: 1.8;
    padding: calc(5vw / 3.6) 0 0;
  }
}
.treatise-01_3_dl_dd h4 {
  font-weight: 400;
}
.treatise-02_1 {
  position: relative;
  width: calc(1040vw / 19.2);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .treatise-02_1 {
    width: calc(330vw / 3.6);
  }
}
.treatise-02_1_h2 {
  font-size: calc(38vw / 19.2);
  font-weight: 500;
  color: #BEA466;
  letter-spacing: calc(2vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-02_1_h2 {
    font-size: calc(26vw / 3.6);
    line-height: 1.27;
    letter-spacing: calc(2vw / 3.6);
  }
}
.treatise-02_1_p {
  padding: calc(30vw / 19.2) 0 calc(60vw / 19.2);
  font-size: calc(19vw / 19.2);
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: calc(1vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-02_1_p {
    padding: calc(15vw / 3.6) 0 calc(60vw / 3.6);
    font-size: calc(15vw / 3.6);
    line-height: 1.38;
    letter-spacing: calc(1vw / 3.6);
  }
}
.treatise-02_1_img {
  position: absolute;
  top: calc(-210vw / 19.2);
  right: calc(30vw / 19.2);
  width: calc(290vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-02_1_img {
    overflow: hidden;
    top: calc(-38vw / 3.6);
    right: calc(-15vw / 3.6);
    width: calc(175vw / 3.6);
  }
  .treatise-02_1_img img {
    width: calc(185vw / 3.6);
  }
}

.frame-02 {
  position: relative;
  box-sizing: border-box;
  width: calc(1160vw / 19.2);
  padding: calc(31vw / 19.2) calc(30vw / 19.2);
  margin: 0 auto;
  background-color: #FFFFFF;
  background-image: url(../img/treatise/frame-middle.png);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-02 {
    width: calc(330vw / 3.6);
    padding: calc(15vw / 3.6) calc(15vw / 3.6);
  }
}
.frame-02::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(31vw / 19.2);
  background-color: #FFF;
  background-image: url(../img/treatise/frame-top.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-02::before {
    height: calc(9vw / 3.6);
  }
}
.frame-02::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(31vw / 19.2);
  background-color: #FFF;
  background-image: url(../img/treatise/frame-bottom.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-02::after {
    position: absolute;
    height: calc(9vw / 3.6);
  }
}
.treatise-02_2 {
  width: calc(1040vw / 19.2);
  padding: calc(20vw / 19.2) 0;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .treatise-02_2 {
    width: 100%;
    padding: 0;
  }
}
.treatise-02_2_p_1 {
  font-size: calc(22vw / 19.2);
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_p_1 {
    font-size: calc(19vw / 3.6);
    font-weight: 500;
    line-height: 1.3;
  }
}
.treatise-02_2_p_2 {
  font-size: calc(19vw / 19.2);
  line-height: 1.6;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_p_2 {
    padding: calc(6vw / 3.6) 0 0;
    font-size: calc(15vw / 3.6);
    line-height: 1.18;
  }
}
.treatise-02_2_p_3 {
  padding: calc(12vw / 19.2) 0 calc(50vw / 19.2);
  margin-top: calc(10vw / 19.2);
  border-top: calc(1vw / 19.2) solid #000000;
  font-size: calc(15vw / 19.2);
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_p_3 {
    padding: calc(6vw / 3.6) 0 calc(25vw / 3.6);
    margin-top: calc(6vw / 3.6);
    border-top: calc(1vw / 3.6) solid #000000;
    font-size: calc(15vw / 3.6);
  }
}
.treatise-02_2_span {
  display: inline-block;
  padding: 0 calc(20vw / 19.2);
  border-radius: calc(40vw / 19.2);
  font-size: calc(28vw / 19.2);
  font-weight: 500;
  line-height: 2;
  color: #FFF;
  background-color: #BEA466;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_span {
    padding: 0 calc(16vw / 3.6);
    border-radius: calc(20vw / 3.6);
    font-size: calc(14vw / 3.6);
    line-height: 2;
  }
}
.treatise-02_2_img-wrap {
  position: relative;
  display: flex;
  gap: 0 calc(30vw / 19.2);
  padding: 0 calc(30vw / 19.2) 0 calc(10vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-02_2_img-wrap {
    display: block;
    padding: 0;
  }
}
.treatise-02_2_img-wrap::before {
  position: absolute;
  content: "";
  top: -5%;
  right: calc(0vw / 19.2);
  width: calc(878vw / 19.2);
  height: calc(1vw / 19.2);
  background-color: #BEA466;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_img-wrap::before {
    top: -1.8%;
    right: calc(0vw / 3.6);
    width: calc(208vw / 3.6);
    height: calc(1vw / 3.6);
  }
}
.treatise-02_2_img-wrap_div {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_img-wrap_div {
    flex: 1;
  }
}
.treatise-02_2_link {
  display: block;
  width: calc(540vw / 19.2);
  margin: calc(60vw / 19.2) auto calc(80vw / 19.2);
  padding: calc(4vw / 19.2);
  background: linear-gradient(24deg, #C8B070, #F9F0B8, #C8B070, #A6874C);
  box-shadow: 0 calc(3vw / 19.2) calc(10vw / 19.2) rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .treatise-02_2_link {
    width: calc(330vw / 3.6);
    margin: calc(30vw / 3.6) auto calc(40vw / 3.6);
    padding: calc(4vw / 3.6);
    box-shadow: 0 calc(3vw / 3.6) calc(10vw / 3.6) rgba(0, 0, 0, 0.25);
  }
}
.treatise-02_2_link_span {
  position: relative;
  display: block;
  font-size: calc(19vw / 19.2);
  font-weight: 500;
  line-height: 3.6;
  text-align: center;
  background: linear-gradient(-185deg, #CCAF4D, #634C00);
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_link_span {
    font-size: calc(17vw / 3.6);
  }
}
.treatise-02_2_link_span::before {
  position: absolute;
  content: "";
  top: 34%;
  right: calc(32vw / 19.2);
  width: 0;
  height: 0;
  border-top: calc(10vw / 19.2) solid transparent;
  border-left: calc(24vw / 19.2) solid #FFF;
  border-bottom: calc(10vw / 19.2) solid transparent;
}
@media screen and (max-width: 767px) {
  .treatise-02_2_link_span::before {
    top: 39%;
    right: calc(12vw / 3.6);
    border-top: calc(8vw / 3.6) solid transparent;
    border-left: calc(14vw / 3.6) solid #FFF;
    border-bottom: calc(8vw / 3.6) solid transparent;
  }
}

.frame-03 {
  position: relative;
  box-sizing: border-box;
  width: calc(1160vw / 19.2);
  padding: calc(31vw / 19.2) calc(30vw / 19.2);
  margin: 0 auto;
  background-color: #FFFFFF;
  background-image: url(../img/treatise/frame-middle.png);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-03 {
    width: calc(330vw / 3.6);
    padding: calc(15vw / 3.6) calc(15vw / 3.6);
  }
}
.frame-03::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(31vw / 19.2);
  background-color: #FFF;
  background-image: url(../img/treatise/frame-top.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-03::before {
    height: calc(9vw / 3.6);
  }
}
.frame-03::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(31vw / 19.2);
  background-color: #FFF;
  background-image: url(../img/treatise/frame-bottom.png);
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .frame-03::after {
    height: calc(9vw / 3.6);
  }
}
.treatise-03_1 {
  width: calc(1040vw / 19.2);
  padding: calc(20vw / 19.2) 0;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .treatise-03_1 {
    width: 100%;
    padding: 0;
  }
}
.treatise-03_1_p {
  padding-bottom: calc(50vw / 19.2);
  font-size: calc(16vw / 19.2);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: calc(2vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-03_1_p {
    padding-bottom: calc(25vw / 3.6);
    font-size: calc(13vw / 3.6);
    line-height: 1.3;
    letter-spacing: 0;
  }
}
.treatise-03_1_span_1 {
  display: inline-block;
  padding: 0 calc(20vw / 19.2);
  border-radius: calc(40vw / 19.2);
  font-size: calc(28vw / 19.2);
  font-weight: 500;
  line-height: 2;
  color: #FFF;
  background-color: #BEA466;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_span_1 {
    padding: 0 calc(10vw / 3.6);
    border-radius: calc(20vw / 3.6);
    font-size: calc(14vw / 3.6);
    line-height: 2;
  }
}
.treatise-03_1_wrap_1 {
  position: relative;
  display: flex;
  gap: 0 calc(30vw / 19.2);
  padding: 0 calc(30vw / 19.2) 0 calc(10vw / 19.2);
  margin: calc(30vw / 19.2) 0 calc(30vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_1 {
    display: block;
    padding: 0 calc(10vw / 3.6) 0;
    margin: calc(15vw / 3.6) 0 calc(25vw / 3.6);
  }
}
.treatise-03_1_wrap_1::before {
  position: absolute;
  content: "";
  top: -27%;
  right: calc(0vw / 19.2);
  width: calc(506vw / 19.2);
  height: calc(1vw / 19.2);
  background-color: #BEA466;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_1::before {
    top: -6%;
    right: calc(0vw / 3.6);
    width: calc(30vw / 3.6);
    height: calc(1vw / 3.6);
  }
}
.treatise-03_1_wrap_div_1 {
  flex: 7;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_div_1 {
    flex: 7;
  }
}
.treatise-03_1_wrap_div_2 {
  flex: 7;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_div_2 {
    flex: 7;
  }
}
.treatise-03_1_wrap_div_3 {
  flex: 9;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_div_3 {
    flex: 9;
  }
}
.treatise-03_1_wrap_div_span_1 {
  font-size: calc(13vw / 19.2);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_div_span_1 {
    display: block;
    margin: calc(15vw / 3.6) 0 0;
    font-size: calc(12vw / 3.6);
  }
}
.treatise-03_1_wrap_div_span_2 {
  font-size: calc(16vw / 19.2);
  font-weight: 400;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_div_span_2 {
    font-size: calc(14vw / 3.6);
    line-height: 1.3;
    letter-spacing: calc(-0.6vw / 3.6);
  }
}
.treatise-03_1_span_2 {
  display: inline-block;
  padding: 0 calc(20vw / 19.2);
  border-radius: calc(40vw / 19.2);
  font-size: calc(28vw / 19.2);
  font-weight: 500;
  line-height: 2;
  color: #FFF;
  background-color: #BEA466;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_span_2 {
    padding: 0 calc(10vw / 3.6);
    border-radius: calc(20vw / 3.6);
    font-size: calc(14vw / 3.6);
    line-height: 2;
  }
}
.treatise-03_1_wrap_2 {
  position: relative;
  display: flex;
  gap: 0 calc(30vw / 19.2);
  padding: 0 calc(30vw / 19.2) 0 calc(10vw / 19.2);
  margin: calc(30vw / 19.2) 0 calc(30vw / 19.2);
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_2 {
    display: block;
    padding: 0 calc(10vw / 3.6);
    margin: calc(15vw / 3.6) 0 calc(25vw / 3.6);
  }
}
.treatise-03_1_wrap_2::before {
  position: absolute;
  content: "";
  top: -13.4%;
  right: calc(0vw / 19.2);
  width: calc(598vw / 19.2);
  height: calc(1vw / 19.2);
  background-color: #BEA466;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_2::before {
    top: -6%;
    right: calc(0vw / 3.6);
    width: calc(78vw / 3.6);
    height: calc(1vw / 3.6);
  }
}
.treatise-03_1_wrap_2_div_span_1 {
  font-size: calc(14vw / 19.2);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_2_div_span_1 {
    display: block;
    margin: calc(15vw / 3.6) 0 0;
    font-size: calc(12vw / 3.6);
    padding-left: calc(24vw / 3.6);
    text-indent: calc(-24vw / 3.6);
  }
}
.treatise-03_1_wrap_2_div_span_2 {
  font-size: calc(14vw / 19.2);
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_wrap_2_div_span_2 {
    display: block;
    margin: calc(15vw / 3.6) 0 0;
    font-size: calc(12vw / 3.6);
    padding-left: calc(24vw / 3.6);
    text-indent: calc(-24vw / 3.6);
  }
}


.treatise-03_1_link {
  display: block;
  width: calc(540vw / 19.2);
  margin: calc(60vw / 19.2) auto calc(80vw / 19.2);
  padding: calc(4vw / 19.2);
  background: linear-gradient(24deg, #C8B070, #F9F0B8, #C8B070, #A6874C);
  box-shadow: 0 calc(3vw / 19.2) calc(10vw / 19.2) rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 767px) {
  .treatise-03_1_link {
    width: calc(330vw / 3.6);
    margin: calc(30vw / 3.6) auto calc(40vw / 3.6);
    padding: calc(2vw / 3.6);
    box-shadow: 0 calc(3vw / 3.6) calc(10vw / 3.6) rgba(0, 0, 0, 0.25);
  }
}
.treatise-03_1_link_span {
  position: relative;
  display: block;
  font-size: calc(19vw / 19.2);
  font-weight: 500;
  line-height: 3.6;
  text-align: center;
  background: linear-gradient(-185deg, #CCAF4D, #634C00);
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_link_span {
    font-size: calc(17vw / 3.6);
  }
}
.treatise-03_1_link_span::before {
  position: absolute;
  content: "";
  top: 34%;
  right: calc(32vw / 19.2);
  width: 0;
  height: 0;
  border-top: calc(10vw / 19.2) solid transparent;
  border-left: calc(24vw / 19.2) solid #FFF;
  border-bottom: calc(10vw / 19.2) solid transparent;
}
@media screen and (max-width: 767px) {
  .treatise-03_1_link_span::before {
    top: 39%;
    right: calc(12vw / 3.6);
    border-top: calc(8vw / 3.6) solid transparent;
    border-left: calc(14vw / 3.6) solid #FFF;
    border-bottom: calc(8vw / 3.6) solid transparent;
  }
}