@charset "utf-8";
/* ===========================================
 * TOP
 * ======================================== */
.topWrap {
  padding: 0;
}
.topKv {
  width: 100%;
  padding: 0;
  margin: 0;
  line-height: 0;
  display: block;
}

/* ===========================================
 * SECTION 01
 * ======================================== */
.section01Wrap {
  padding: 60px 20px;
  background-color: #CC4D12;
}
/* SYSTEM */
/* ======================================= */
.hacobune-app-container {
  padding: 0!important;
  background-color: #CC4D12!important;
}
.hacobune-unit-video-outline {
  padding: 0!important;
}
.hacobune-readmore {
  margin: 0!important;
}
.hacobune-readmore-wrapper {
  margin: 0!important;
}

/* ===========================================
 * SECTION 02
 * ======================================== */
.section02Wrap {
  padding-block: 10px 40px;
  background-color: #CC4D12;
}
.section02Inner {
  width: min(100%, 550px);
  margin-inline: auto;
}
.section02Title {
  width: calc(1020px / 2);
  line-height: 0;
  margin: 0 auto;
  margin-bottom: 30px;
  display: block;
}
.section02Label {
  width: 100%;
  height: 55px;
  margin-inline: auto;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  > img {
    width: calc(516px / 2);
    display: block;
  }
}
.section02Text {
  width: calc(800px / 2);
  margin-inline: auto;
  margin-bottom: 30px;
  display: block;
}
/* POINT */
/* ======================================= */
.section02PointContainer {
  display: grid;
  gap: 20px;
}
.section02Point {
  display: block;
}
.section02PointTitle {
  display: grid;
  grid-template-columns: 93px calc(100% - 93px);
}
.section02PointTitle > dt {
  line-height: 0;
  display: block;
}
.section02PointTitle > dd {
  padding-inline: 20px;
  border: 2px solid #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.section02PointTitle > dd > img {
  display: block;
  #point01 & {
    width: calc(160px / 2);
  }
  #point02 & {
    width: calc(80px / 2);
  }
  #point03 & {
    width: calc(120px / 2);
  }
  #point04 & {
    width: calc(320px / 2);
  }
  #point05 & {
    width: calc(200px / 2);
  }
}
.section02PointText {
  margin-top: 5px;
  font: 700 16px / 1.5 "Noto Sans JP", sans-serif;
  color: #FFFFFF;
}
.section02PointCaution {
  margin-top: 5px;
  font: 400 14px / 1.5 "Noto Sans JP", sans-serif;
  color: #FFFFFF;
}
/* GRAPH */
/* ======================================= */
.section02Graph {
  margin-top: 30px;
}
.section02GraphImg {
  display: block;
}
.section02GraphCaution {
  margin-top: 10px;
  font: 400 14px / 1.5 "Noto Sans JP", sans-serif;
  color: #FFFFFF;
}

/* ===========================================
 * SECTION 03
 * ======================================== */
.section03Wrap {
  padding-block: 60px 0;
  background-color: #FFFFFF;
}
.section03Inner {
  width: min(100%, 600px);
  margin-inline: auto;
}
.section03Category {
  width: 100%;
  height: 55px;
  margin: 0 auto;
  text-align: center;
  font: 700 20px / 1.0 "Noto Sans JP", sans-serif;
  color: #FFFFFF;
  border-radius: 9999px;
  background-color: #CC4D12;
  display: flex;
  align-items: center;
  justify-content: center;
  > img {
    width: calc(396px / 2);
    margin-inline: auto;
    display: block;
  }
}
/* ===========================================
 * SECTION 04 - 05
 * ======================================== */
.section04Wrap, .section05Wrap {
  padding-block: 40px 0;
  background-color: #FFFFFF;
}
.section04Inner, .section05Inner {
  width: min(100%, 550px);
  margin-inline: auto;
}
.section04Img, .section05Img {
  margin-bottom: 20px;
  display: block;
}
.section04Title, .section05Title {
  margin-inline: auto;
  margin-bottom: 20px;
  text-align: center;
  font: 700 20px / 1.0 "Noto Sans JP", sans-serif;
  color: #CC4D12;
  display: block;
  > span {
    margin-inline: auto;
    margin-top: 10px;
    font: 700 16px / 1.5 "Noto Sans JP", sans-serif;
    display: block;
  }
}

/* SYSTEM */
/* ======================================= */
.block-thumbnail-t {
  display: flex;
  justify-content: center;
}
.block-link {
  display: none;
}
.block-top-event {
  padding-block: 0;
}