.main_image {
  position: relative;
  height: clamp(300px, 25vw, 480px);
  padding-top: clamp(66px, 5.5vw, 105.6px);
  box-sizing: border-box;
  background: url(/images/record/record_key.webp) right top/cover no-repeat;
  background-size: clamp(342px, 28.5vw, 547px);
  overflow: hidden;
}
.main_image .inner {
  padding: 0 0 0 20px;
  box-sizing: border-box;
  overflow: hidden;
}
.main_image .text {
  position: relative;
  z-index: 5;
  padding-top: clamp(180px, 15vw, 288px);
  padding-left: 0;
  font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
  padding-left: 40px;
  font-size: clamp(24px, 3vw, 38.4px);
  font-weight: 600;
  letter-spacing: 0.2em;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .main_image {
    position: relative;
    height: 75vw;
    padding-top: 16.5vw;
    box-sizing: border-box;
    background: url(/images/record/record_key.webp) right top/cover no-repeat;
    background-size: 85.5vw;
    overflow: hidden;
  }
  .main_image .inner {
    padding: 0 0 0 2.7vw;
    box-sizing: border-box;
    overflow: hidden;
  }
  .main_image .text {
    position: relative;
    z-index: 5;
    padding-top: 45vw;
    padding-left: 0;
    font-family: "Yu Mincho", "YuMincho", "noto serif jp", serif;
    padding-left: 18.6vw;
    font-size: 6vw;
    letter-spacing: 0.2em;
    color: #333333;
  }
}

.sec01 {
  margin-bottom: 80px;
  position: relative;
}
.sec01::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 24.535vw;
  left: 0;
  background: url(/images/record/sec01_bg.webp) left top/cover no-repeat;
  width: 100%;
  height: 42.735vw;
}
.sec01 .inner {
  padding: 0 20px;
}
.sec01 .sec_title_image {
  width: 50%;
  margin-left: auto;
  margin-bottom: 1.833vw;
}
.sec01 .sec_title_image img {
  width: 100%;
}
.sec01 .box {
  width: 100%;
  margin: 0 auto;
  display: grid;
  row-gap: 3.33vw;
  -moz-column-gap: 1.6vw;
       column-gap: 1.6vw;
  grid-template-columns: repeat(2, 1fr);
}
.sec01 .box .item_image {
  margin: 0 auto 20px;
}
.sec01 .box .item_image img {
  width: 100%;
}
.sec01 .box .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.01em;
  line-height: 1.6;
}
.sec01 .box01 {
  margin-bottom: 3.3vw;
}
@media screen and (max-width: 767px) {
  .sec01 {
    margin-bottom: 18.8vw;
    position: relative;
  }
  .sec01::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 89.5vw;
    left: 0;
    background: url(/images/record/sec01_bg.webp) left top/cover no-repeat;
    width: 100vw;
    height: 129.5vw;
  }
  .sec01 .inner {
    padding: 0 3.75vw;
  }
  .sec01 .sec_title_image {
    width: 50.5vw;
    margin-left: auto;
    margin-bottom: 5.5vw;
  }
  .sec01 .sec_title_image img {
    width: 100%;
  }
  .sec01 .box {
    width: 100%;
    margin: 0 auto;
    display: grid;
    row-gap: 10vw;
    -moz-column-gap: 5vw;
         column-gap: 5vw;
    grid-template-columns: repeat(2, 1fr);
  }
  .sec01 .box .item_image {
    margin: 0 auto 4.2vw;
  }
  .sec01 .box .item_image img {
    width: 100%;
  }
  .sec01 .box .item_text {
    font-size: 3.75vw;
    letter-spacing: 0.01em;
    line-height: 1.6;
  }
  .sec01 .box01 {
    margin-bottom: 10vw;
  }
}

.sec02 {
  margin-bottom: 80px;
}
.sec02 .inner {
  padding: 0 20px;
}
.sec02 .sec_title_image {
  width: 14.6454vw;
  margin-bottom: 1.833vw;
}
.sec02 .sec_title_image img {
  width: 100%;
}
.sec02 .box {
  width: 100%;
  margin: 0 auto;
  display: grid;
  row-gap: 3.33vw;
  -moz-column-gap: 1.6vw;
       column-gap: 1.6vw;
  grid-template-columns: repeat(2, 1fr);
}
.sec02 .box .item_image {
  margin: 0 auto 20px;
}
.sec02 .box .item_image img {
  width: 100%;
}
.sec02 .box .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.01em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .sec02 {
    margin-bottom: 18.75vw;
  }
  .sec02 .inner {
    padding: 0 3.75vw;
  }
  .sec02 .sec_title_image {
    width: 44.38vw;
    margin-bottom: 5.5vw;
  }
  .sec02 .sec_title_image img {
    width: 100%;
  }
  .sec02 .box {
    width: 100%;
    margin: 0 auto;
    display: grid;
    row-gap: 10vw;
    -moz-column-gap: 5vw;
         column-gap: 5vw;
    grid-template-columns: repeat(2, 1fr);
  }
  .sec02 .box .item_image {
    margin: 0 auto 4.2vw;
  }
  .sec02 .box .item_image img {
    width: 100%;
  }
  .sec02 .box .item_text {
    font-size: 3.75vw;
    letter-spacing: 0.01em;
    line-height: 1.6;
  }
}

.sec03 {
  margin-bottom: 80px;
  position: relative;
}
.sec03::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -1.98vw;
  left: 0;
  background: url(/images/record/sec03_bg.webp) left top/cover no-repeat;
  width: 12.87vw;
  height: 26.3175vw;
}
.sec03 .inner {
  padding: 0 20px;
}
.sec03 .sec_title_image {
  width: 17.655vw;
  margin-left: auto;
  margin-bottom: 1.833vw;
}
.sec03 .sec_title_image img {
  width: 100%;
}
.sec03 .box {
  width: 92.5%;
  margin: 0 auto 20px;
}
.sec03 .box .item_image {
  width: 100%;
  margin: 0 auto 20px;
}
.sec03 .box .item_image img {
  width: 100%;
}
.sec03 .box .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .sec03 {
    margin-bottom: 18.75vw;
    position: relative;
  }
  .sec03::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -6vw;
    left: 0;
    background: url(/images/record/sec03_bg.webp) left top/cover no-repeat;
    width: 39vw;
    height: 79.75vw;
  }
  .sec03 .inner {
    padding: 0 3.75vw;
  }
  .sec03 .sec_title_image {
    width: 53.5vw;
    margin-left: auto;
    margin-bottom: 5.5vw;
  }
  .sec03 .sec_title_image img {
    width: 100%;
  }
  .sec03 .box {
    width: 82.5vw;
    margin: 0 auto 10vw;
  }
  .sec03 .box .item_image {
    width: 82.5vw;
    margin: 0 auto 4.2vw;
  }
  .sec03 .box .item_image img {
    width: 100%;
  }
  .sec03 .box .item_text {
    font-size: 3.75vw;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }
}

.sec04 {
  margin-bottom: 80px;
  position: relative;
}
.sec04::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -6vw;
  right: 0;
  background: url(/images/record/sec04_bg.webp) right top/cover no-repeat;
  width: 12.87vw;
  height: 32.505vw;
}
.sec04 .inner {
  padding: 0 20px;
}
.sec04 .sec_title_image {
  width: 23.5125vw;
  margin-bottom: 1.833vw;
}
.sec04 .sec_title_image img {
  width: 100%;
}
.sec04 .box {
  width: 92.5%;
  margin: 0 auto 20px;
}
.sec04 .box .item_image {
  width: 100%;
  margin: 0 auto 20px;
}
.sec04 .box .item_image img {
  width: 100%;
}
.sec04 .box .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .sec04 {
    margin-bottom: 18.75vw;
    position: relative;
  }
  .sec04::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -6vw;
    right: 0;
    background: url(/images/record/sec04_bg.webp) right top/cover no-repeat;
    width: 39vw;
    height: 98.5vw;
  }
  .sec04 .inner {
    padding: 0 3.75vw;
  }
  .sec04 .sec_title_image {
    width: 71.25vw;
    margin-bottom: 5.5vw;
  }
  .sec04 .sec_title_image img {
    width: 100%;
  }
  .sec04 .box {
    width: 82.5vw;
    margin: 0 auto 10vw;
  }
  .sec04 .box .item_image {
    width: 82.5vw;
    margin: 0 auto 4.2vw;
  }
  .sec04 .box .item_image img {
    width: 100%;
  }
  .sec04 .box .item_text {
    font-size: 3.75vw;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }
}

.sec05 {
  margin-bottom: 80px;
}
.sec05 .inner {
  padding: 0 20px;
}
.sec05 .sec_title_image {
  width: 9.4875vw;
  margin-left: auto;
  margin-bottom: 1.833vw;
}
.sec05 .sec_title_image img {
  width: 100%;
}
.sec05 .box01 {
  width: 92.5%;
  margin: 0 auto 80px;
  display: block;
}
.sec05 .box01 .item_image {
  width: 100%;
  margin: 0 auto 20px;
}
.sec05 .box01 .item_image img {
  width: 100%;
}
.sec05 .box01 .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.sec05 .box02 {
  width: 92.5%;
  margin: 0 auto;
}
.sec05 .box02 .gridbox {
  display: grid;
  row-gap: 3.33vw;
  -moz-column-gap: 1.6vw;
       column-gap: 1.6vw;
  grid-template-columns: repeat(2, 1fr);
}
.sec05 .box02 .gridbox .item .item_image {
  width: 100%;
  margin-bottom: 20px;
}
.sec05 .box02 .gridbox .item .item_image img {
  width: 100%;
}
.sec05 .box02 .gridbox .item .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: -0.05em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .sec05 {
    margin-bottom: 18.75vw;
  }
  .sec05 .inner {
    padding: 0 3.75vw;
  }
  .sec05 .sec_title_image {
    width: 28.75vw;
    margin-left: auto;
    margin-bottom: 5.5vw;
  }
  .sec05 .sec_title_image img {
    width: 100%;
  }
  .sec05 .box01 {
    width: 82.5vw;
    margin: 0 auto 10vw;
    display: block;
  }
  .sec05 .box01 .item_image {
    width: 82.5vw;
    margin: 0 auto 4.2vw;
  }
  .sec05 .box01 .item_image img {
    width: 100%;
  }
  .sec05 .box01 .item_text {
    font-size: 3.75vw;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }
  .sec05 .box02 {
    width: 82.5vw;
    margin: 0 auto 20px;
  }
  .sec05 .box02 .gridbox {
    display: grid;
    row-gap: 3.33vw;
    -moz-column-gap: 1.6vw;
         column-gap: 1.6vw;
    grid-template-columns: repeat(2, 1fr);
  }
  .sec05 .box02 .gridbox .item .item_image {
    width: 40vw;
    margin-bottom: 4.2vw;
  }
  .sec05 .box02 .gridbox .item .item_image img {
    width: 100%;
  }
  .sec05 .box02 .gridbox .item .item_text {
    font-size: 3.75vw;
    letter-spacing: -0.05em;
    line-height: 1.6;
  }
}

.sec06 {
  margin-bottom: 150px;
  position: relative;
}
.sec06::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -6vw;
  right: 0;
  background: url(/images/record/sec06_bg.webp) right top/cover no-repeat;
  width: 21.45vw;
  height: 27.4725vw;
}
.sec06 .inner {
  padding: 0 20px;
}
.sec06 .sec_title_image {
  width: 25.41vw;
  margin-bottom: 1.833vw;
}
.sec06 .sec_title_image img {
  width: 100%;
}
.sec06 .box {
  width: 92.5%;
  margin: 0 auto 20px;
}
.sec06 .box .item_image {
  width: 100%;
  margin: 0 auto 20px;
}
.sec06 .box .item_image img {
  width: 100%;
}
.sec06 .box .item_text {
  font-size: clamp(15px, 1.25vw, 24px);
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .sec06 {
    margin-bottom: 33.75vw;
    position: relative;
  }
  .sec06::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -6vw;
    right: 0;
    background: url(/images/record/sec06_bg.webp) right top/cover no-repeat;
    width: 65vw;
    height: 83.25vw;
  }
  .sec06 .inner {
    padding: 0 3.75vw;
  }
  .sec06 .sec_title_image {
    width: 77vw;
    margin-bottom: 5.5vw;
  }
  .sec06 .sec_title_image img {
    width: 100%;
  }
  .sec06 .box {
    width: 82.5vw;
    margin: 0 auto 10vw;
  }
  .sec06 .box .item_image {
    width: 82.5vw;
    margin: 0 auto 4.2vw;
  }
  .sec06 .box .item_image img {
    width: 100%;
  }
  .sec06 .box .item_text {
    font-size: 3.75vw;
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
}/*# sourceMappingURL=record.css.map */