@charset "UTF-8";
/* event_report
================================================== */
/* 共通
-------------------------------------------------- */
/* 見出し */
.event_report .pageType--left::before {
  background-image: url("/lp/mioclip_30th_anniversary/assets/img/book/ttl_bookName_09.svg");
  width: min(13.08698dvw, 251.27px);
}

/* 画像 */
.event_report .img {
  background-color: #fff;
  padding: min(0.520834dvw, 10px);
}
@media screen and (max-width: 768px) {
  .event_report .img {
    padding: 1.6dvw;
  }
}

/* フォントボールド */
.f_bold {
  font-weight: 700;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

/* page_01
-------------------------------------------------- */
/* pc */
@media screen and (min-width: 769px) {
  .page_01 {
    padding-top: min(3.437501dvw, 66px);
  }
  .page_01 .topWrap {
    display: flex;
    gap: 0 min(1.302084dvw, 25px);
  }
  .page_01 .topWrap .topWrap__left {
    flex-shrink: 0;
    width: min(22.552084dvw, 433px);
    padding-top: min(0.885417dvw, 17px);
  }
  .page_01 .topWrap .topWrap__left .img {
    width: min(22.552084dvw, 433px);
  }
  .page_01 .topWrap .topWrap__right {
    width: min(16.145834dvw, 310px);
  }
  .page_01 .topWrap .topWrap__right .ttl {
    font-size: min(2.1875dvw, 42px);
    font-weight: 700;
    line-height: 1.3334;
    margin-bottom: min(0.416667dvw, 8px);
  }
  .page_01 .topWrap .topWrap__right .txt {
    color: #4D4D4D;
    border-bottom: min(0.052084dvw, 1px) solid #000;
    font-size: min(0.729167dvw, 14px);
    line-height: 1.4286;
    padding-bottom: min(0.989584dvw, 19px);
  }
  .page_01 .topWrap .topWrap__right .txt + .txt {
    margin-top: min(1.041667dvw, 20px);
    border: none;
  }
  .page_01 .bottomWrap {
    margin-top: min(0.520834dvw, 10px);
  }
  .page_01 .bottomWrap ul {
    display: flex;
  }
  .page_01 .bottomWrap .img {
    width: min(15.625dvw, 300px);
  }
  .page_01 .bottomWrap li:nth-child(1) {
    margin-bottom: min(8.333334dvw, 160px);
  }
  .page_01 .bottomWrap li:nth-child(2) {
    margin-top: min(8.333334dvw, 160px);
    margin-left: max(-4.375dvw, -84px);
  }
  .page_01 .bottomWrap li:nth-child(3) {
    margin-bottom: min(8.333334dvw, 160px);
    margin-left: max(-3.072916dvw, -59px);
  }
  .page_01 .bottomWrap li:nth-child(3) .decoration_22::before {
    height: min(3.90625dvw, 75px);
    width: min(3.489584dvw, 67px);
    top: initial;
    left: initial;
    right: max(-1.875dvw, -36px);
    bottom: max(-1.666666dvw, -32px);
  }
}
/* sp */
@media screen and (max-width: 768px) {
  .page_01 .pageType__inner {
    padding: 23.466667dvw 0 0;
  }
  .page_01 .page__ttl {
    height: 10.666667dvw;
    width: auto;
  }
  .page_01 .topWrap .img {
    margin-bottom: 2.666667dvw;
  }
  .page_01 .topWrap .ttl {
    font-size: 6.133334dvw;
    font-weight: 700;
    line-height: 1.4783;
    text-align: center;
    margin-bottom: 2.666667dvw;
  }
  .page_01 .topWrap .txt {
    color: #4D4D4D;
    font-size: 3.2dvw;
    line-height: 1.5;
  }
  .page_01 .bottomWrap {
    margin: 5.333334dvw 0 0;
  }
  .page_01 .bottomWrap > ul {
    display: flex;
    flex-direction: column;
    gap: 2.666667dvw 0;
  }
  .page_01 .bottomWrap li .img {
    width: 63.2dvw;
  }
  .page_01 .bottomWrap li:nth-child(even) .img {
    margin: 0 -5.333333dvw 0 auto;
  }
  .page_01 .bottomWrap li:nth-child(odd) .img {
    margin: 0 auto 0 -5.333333dvw;
  }
  .page_01 .txt {
    color: #4D4D4D;
    font-size: 3.2dvw;
    line-height: 1.5;
    margin-top: 2.666667dvw;
  }
}
/* page_02
-------------------------------------------------- */
/* pc */
@media screen and (min-width: 769px) {
  .page_02 {
    display: flex;
    padding-top: min(1.145834dvw, 22px);
    padding-left: min(0.885417dvw, 17px);
  }
  .page_02 .page_02__list {
    display: flex;
    flex-direction: column;
  }
  .page_02 .page_02__list .txt {
    color: #4D4D4D;
    font-size: min(0.729167dvw, 14px);
    line-height: 1.4286;
  }
  .page_02 .decoration_33::before {
    height: min(4.270834dvw, 82px);
    width: min(3.229167dvw, 62px);
    top: 0;
    right: max(-2.760416dvw, -53px);
  }
  .page_02 .page_02__list--01 {
    gap: min(1.979167dvw, 38px) 0;
  }
  .page_02 .page_02__list--01 > li:nth-child(1) {
    padding-left: min(1.041667dvw, 20px);
  }
  .page_02 .page_02__list--01 > li:nth-child(1) .img {
    margin-bottom: min(0.520834dvw, 10px);
    width: min(20.785938dvw, 399.09px);
  }
  .page_02 .page_02__list--01 > li:nth-child(1) .txt {
    width: min(20.78125dvw, 399px);
  }
  .page_02 .page_02__list--01 > li:nth-child(2) .img {
    margin-bottom: min(2.8125dvw, 54px);
    transform: rotate(-10deg);
    width: min(16.351563dvw, 313.95px);
  }
  .page_02 .page_02__list--01 > li:nth-child(2) .txt {
    width: min(16.302084dvw, 313px);
  }
  .page_02 .page_02__list--02 {
    gap: min(1.5625dvw, 30px) 0;
    margin-top: min(6.5625dvw, 126px);
    margin-left: max(-2.552083dvw, -49px);
  }
  .page_02 .page_02__list--02 > li:nth-child(1) .img {
    margin-left: auto;
    margin-bottom: min(1.875dvw, 36px);
    width: min(16.351563dvw, 313.95px);
    transform: rotate(10deg);
  }
  .page_02 .page_02__list--02 > li:nth-child(1) .txt {
    margin: 0 min(0.78125dvw, 15px) 0 auto;
    width: min(16.302084dvw, 313px);
  }
  .page_02 .page_02__list--02 > li:nth-child(2) .img {
    margin-left: auto;
    width: min(20.520834dvw, 394px);
  }
}
/* sp */
@media screen and (max-width: 768px) {
  .page_02 .pageType__inner {
    padding: 21.333334dvw 0 40dvw;
  }
  .page_02 .img {
    margin-bottom: 2.666667dvw;
  }
  .page_02 .txt {
    color: #4D4D4D;
    font-size: 3.2dvw;
    line-height: 1.5;
  }
  .page_02 .decoration_33::before {
    height: 18.933334dvw;
    width: 14.4dvw;
    top: -14.399999dvw;
    right: 3.2dvw;
    left: initial;
  }
  .page_02__list li:nth-child(2) {
    margin-top: 12.533334dvw;
  }
  .page_02__list li:nth-child(2) .img {
    margin: 0 auto 2.666667dvw 3.733334dvw;
    width: 62.666667dvw;
    transform: rotate(-10deg);
  }
  .page_02__list li:nth-child(2) .txt {
    margin: 0 0 0 auto;
    width: 63.2dvw;
  }
  .page_02__list li:nth-child(3) {
    margin-top: 10.4dvw;
  }
  .page_02__list li:nth-child(3) .img {
    margin: 0 3.2dvw 5.333334dvw auto;
    width: 62.666667dvw;
    transform: rotate(10deg);
  }
  .page_02__list li:nth-child(3) .txt {
    margin: 0 auto 0 0;
    width: 63.2dvw;
  }
  .page_02__list li:nth-child(4) {
    margin-top: 5.866667dvw;
  }
}
/* page_03
-------------------------------------------------- */
/* pc */
@media screen and (min-width: 769px) {
  .page_03 {
    display: flex;
    gap: 0 min(1.666667dvw, 32px);
    padding-top: min(4.84375dvw, 93px);
  }
  .page_03__left {
    width: min(19.895834dvw, 382px);
  }
  .page_03__left .img {
    margin-bottom: min(1.041667dvw, 20px);
  }
  .page_03__left .ttl {
    color: #4D4D4D;
    font-size: min(0.9375dvw, 18px);
    font-weight: 700;
    line-height: 1.4445;
    margin-bottom: min(0.520834dvw, 10px);
  }
  .page_03__left .txt {
    color: #4D4D4D;
    font-size: min(0.729167dvw, 14px);
    line-height: 1.4286;
  }
  .page_03__left .txt--bottom {
    width: min(12.5dvw, 240px);
    position: absolute;
    bottom: min(0.78125dvw, 15px);
    right: max(-1.40625dvw, -27px);
  }
  .page_03__right li {
    position: relative;
  }
  .page_03__right li .img {
    padding: min(0.677084dvw, 13px) min(0.677084dvw, 13px) min(2.96875dvw, 57px) min(0.677084dvw, 13px);
    width: min(10.208334dvw, 196px);
  }
  .page_03__right li:nth-child(1) .img {
    margin-left: min(7.083334dvw, 136px);
    transform: rotate(-10deg);
  }
  .page_03__right li:nth-child(2) {
    margin-top: max(-3.802083dvw, -73px);
    z-index: 10;
  }
  .page_03__right li:nth-child(2) .img {
    margin-left: min(3.541667dvw, 68px);
    transform: rotate(10deg);
  }
  .page_03__right li:nth-child(3) {
    margin-top: max(-3.802083dvw, -73px);
    z-index: 20;
  }
  .page_03__right li:nth-child(3) .img {
    transform: rotate(-10deg);
  }
}
/* sp */
@media screen and (max-width: 768px) {
  .page_03 {
    color: #4D4D4D;
  }
  .page_03 .pageType__inner {
    padding: 21.333334dvw 0 0;
  }
  .page_03 .ttl {
    font-size: 5.333334dvw;
    line-height: 1.45;
    text-align: center;
    margin-bottom: 2.666667dvw;
  }
  .page_03 .txt {
    font-size: 3.2dvw;
    line-height: 1.5;
  }
  .page_03__top .img {
    margin-bottom: 2.666667dvw;
  }
  .page_03__bottom {
    margin-top: 24dvw;
  }
  .page_03__bottom li {
    margin-top: -3.466666dvw;
  }
  .page_03__bottom li .img {
    padding: 3.466667dvw 3.466667dvw 15.2dvw;
    width: 52.266667dvw;
  }
  .page_03__bottom li:nth-child(1) .img {
    margin: 0 auto 0 5.866667dvw;
    transform: rotate(-10deg);
  }
  .page_03__bottom li:nth-child(2) {
    position: relative;
    z-index: 10;
  }
  .page_03__bottom li:nth-child(2) .img {
    margin: 0 6.666667dvw 0 auto;
    transform: rotate(10deg);
  }
  .page_03__bottom li:nth-child(3) {
    margin-top: 0;
    position: relative;
    z-index: 20;
  }
  .page_03__bottom li:nth-child(3) .img {
    margin: 0 auto 0 5.866667dvw;
    transform: rotate(-10deg);
  }
  .page_03__bottom .txt {
    margin-top: 20.8dvw;
  }
}
/* page_04
-------------------------------------------------- */
/* pc */
@media screen and (min-width: 769px) {
  .page_04 {
    display: flex;
    gap: 0 min(0.625dvw, 12px);
    padding-top: min(1.041667dvw, 20px);
    padding-left: min(1.770834dvw, 34px);
  }
  .page_04__left {
    flex-shrink: 0;
    width: min(21.354167dvw, 410px);
  }
  .page_04__left li:nth-child(1) .img {
    padding: min(0.989584dvw, 19px) min(0.989584dvw, 19px) min(4.322917dvw, 83px);
    width: min(15.364584dvw, 295px);
  }
  .page_04__left li:nth-child(2) {
    margin-top: min(2.864584dvw, 55px);
  }
  .page_04__right li {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .page_04__right li .txt {
    color: #4D4D4D;
    font-size: min(0.729167dvw, 14px);
    line-height: 1.4286;
  }
  .page_04__right li:nth-child(1) .img {
    margin-bottom: min(0.78125dvw, 15px);
    width: min(15.260417dvw, 293px);
  }
  .page_04__right li:nth-child(1) .txt {
    padding-left: min(0.208334dvw, 4px);
    width: min(15.625dvw, 300px);
  }
  .page_04__right li:nth-child(2) {
    margin-top: min(3.020834dvw, 58px);
  }
  .page_04__right li:nth-child(2) .img {
    margin-bottom: min(0.989584dvw, 19px);
    padding: min(0.729167dvw, 14px) min(0.729167dvw, 14px) min(3.229167dvw, 62px);
    width: min(11.458334dvw, 220px);
  }
  .page_04__right li:nth-child(2) .txt {
    padding-left: min(0.416667dvw, 8px);
    width: min(15.989584dvw, 307px);
  }
  .page_04 .decoration_21::before {
    height: min(4.075dvw, 78.24px);
    width: min(6.271875dvw, 120.42px);
    top: initial;
    bottom: max(-1.197916dvw, -23px);
    right: max(-2.291666dvw, -44px);
  }
}
/* sp */
@media screen and (max-width: 768px) {
  .page_04 {
    color: #4D4D4D;
  }
  .page_04 .pageType__inner {
    padding: 10.666667dvw 0 34.133334dvw;
  }
  .page_04 .txt {
    font-size: 3.2dvw;
    line-height: 1.5;
    margin-top: 5.333334dvw;
  }
  .page_04__list {
    display: flex;
    flex-direction: column;
    gap: 21.333334dvw 0;
  }
  .page_04__list li:nth-child(1) .img {
    padding: 5.866667dvw 5.866667dvw 25.066667dvw;
  }
  .page_04__list li:nth-child(2) .img {
    margin: 0 auto 0 -5.333333dvw;
    width: 94.666667dvw;
  }
  .page_04__list li:nth-child(3) .img {
    margin: 0 -5.333333dvw 0 auto;
    width: 94.666667dvw;
  }
  .page_04__list li:nth-child(4) .img {
    padding: 5.6dvw 5.6dvw 25.066667dvw;
  }
  .page_04 .decoration_21::before {
    height: 20.330667dvw;
    width: 31.288dvw;
    top: -15.466666dvw;
    left: 0;
  }
}
/* 
-------------------------------------------------- */