@charset "UTF-8";
.wrapper {
  margin-inline: auto;
}
@media (min-width: 769px) {
  .wrapper {
    width: 1080px;
    padding-top: 70px;
  }
}
@media (max-width: 768px) {
  .wrapper {
    padding-top: 24px;
    padding-inline: 16px;
  }
}

.contentWrap {
  display: flex;
}
@media (min-width: 769px) {
  .contentWrap {
    gap: 27px;
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .contentWrap {
    flex-direction: column-reverse;
    margin-top: 24px;
  }
}
@media (min-width: 769px) {
  .contentWrap .container01 {
    flex: 1 0 800px;
  }
}
@media (min-width: 769px) {
  .contentWrap .container02 {
    flex: 0 0 253px;
  }
}
.contentWrap .container02 a {
  color: #4160fb;
  word-break: break-all;
}
@media (hover: hover) {
  .contentWrap .container02 a:hover {
    text-decoration: underline;
  }
}
@media (min-width: 769px) {
  .contentWrap .container02 .item01 {
    position: sticky;
    top: 75px;
  }
}
@media (max-width: 768px) {
  .contentWrap .container02 .item01 {
    border: 1px solid #ccc;
    padding: 16px;
  }
}
.contentWrap .container02 .item01 img {
  width: 100%;
}
.contentWrap .container02 .item01 .itemTitle {
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  margin-top: 16px;
}
.contentWrap .container02 .item01 .itemText01 {
  font-size: 16px;
  line-height: 1;
  margin-top: 8px;
}
.contentWrap .container02 .item01 .itemText02 {
  font-size: 15px;
  line-height: 1.7333333333;
  margin-top: 24px;
}

@media (max-width: 768px) {
  .title01 {
    margin-bottom: 24px;
  }
}
.title01 .title {
  font-weight: bold;
  line-height: 1.4375;
}
@media (min-width: 769px) {
  .title01 .title {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .title01 .title {
    font-size: 24px;
  }
}
.title01 .date {
  color: #6c6c6c;
  margin-top: 16px;
}
@media (min-width: 769px) {
  .title01 .date {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .title01 .date {
    font-size: 12px;
  }
}

.title02 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 68px;
  font-weight: bold;
  line-height: 1.4166666667;
  border-left: 8px solid #ad0027;
}
@media (min-width: 769px) {
  .title02 {
    font-size: 24px;
    margin-block: 48px 32px;
    padding-left: 24px;
  }
}
@media (max-width: 768px) {
  .title02 {
    font-size: 20px;
    margin-block: 48px 24px;
    padding-left: 18px;
  }
}

.lead01 {
  display: flex;
  gap: 12px;
  color: #ad0027;
  line-height: 1.6111111111;
}
@media (min-width: 769px) {
  .lead01 {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .lead01 {
    font-size: 16px;
  }
}
.lead01::before {
  content: "";
  display: block;
  flex: 0 0 40px;
  background-color: #ad0027;
  height: 1px;
  margin-top: 0.8em;
}
@media (min-width: 769px) {
  .title02 + .lead01 {
    margin-block: 32px 24px;
  }
}
@media (max-width: 768px) {
  .title02 + .lead01 {
    margin-block: 30px 24px;
  }
}
.text01 + .lead01 {
  margin-block: 40px 24px;
}

.text01 {
  line-height: 1.875;
}
@media (min-width: 769px) {
  .text01 {
    margin-block: 24px;
  }
}
@media (max-width: 768px) {
  .text01 {
    margin-block: 16px;
  }
}

@media (min-width: 769px) {
  .image01 {
    margin-block: 24px;
  }
}
@media (max-width: 768px) {
  .image01 {
    margin-block: 16px;
  }
}
.image01 img {
  width: 100%;
}

.note01 {
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.08);
}
@media (min-width: 769px) {
  .note01 {
    margin-top: 67px;
    padding: 45px 48px 50px;
  }
}
@media (max-width: 768px) {
  .note01 {
    margin-top: 40px;
    padding: 24px;
  }
}
.note01 :first-child {
  margin-top: 0 !important;
}
.note01 .title02 {
  min-height: 42px;
}
@media (min-width: 769px) {
  .note01 .title02 {
    font-size: 24px;
    margin-bottom: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 768px) {
  .note01 .title02 {
    font-size: 20px;
    margin-bottom: 16px;
    padding-left: 8px;
  }
}
.note01 .text01 {
  margin-bottom: 0;
}

.section01 :first-child {
  margin-top: 0 !important;
}
@media (min-width: 769px) {
  .section01 {
    margin-top: 24px;
  }
}
@media (max-width: 768px) {
  .section01 {
    margin-top: 16px;
  }
}

.section02 {
  margin-top: 48px;
}
.section02 :first-child {
  margin-top: 0 !important;
}

@media (min-width: 769px) {
  .block01 .item01 {
    flex: 1 0 800px;
  }
}

.block02 .blockTitle {
  font-weight: bold;
}
@media (min-width: 769px) {
  .block02 .blockTitle {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .block02 .blockTitle {
    display: none;
  }
}
.block02 .item01 {
  display: flex;
}
@media (min-width: 769px) {
  .block02 .item01 {
    gap: 24px;
  }
}
@media (max-width: 768px) {
  .block02 .item01 {
    gap: 12px;
  }
}
@media (min-width: 769px) {
  .block02 .item01 + .item01 {
    margin-top: 24px;
  }
}
@media (max-width: 768px) {
  .block02 .item01 + .item01 {
    margin-top: 16px;
  }
}
@media (min-width: 769px) {
  .block02 .item01 .itemImage {
    flex: 0 0 17.25%;
  }
}
@media (max-width: 768px) {
  .block02 .item01 .itemImage {
    flex: 0 0 26.1333333333%;
  }
}
.block02 .item01 .itemTexts01 {
  flex: 1 1 auto;
}
.block02 .item01 .itemTexts01 .title {
  font-weight: bold;
  line-height: 1.3333333333;
}
@media (min-width: 769px) {
  .block02 .item01 .itemTexts01 .title {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .block02 .item01 .itemTexts01 .title {
    font-size: 16px;
  }
}
.block02 .item01 .itemTexts01 .text {
  line-height: 1.6;
  font-size: 15px;
}
@media (min-width: 769px) {
  .block02 .item01 .itemTexts01 .text {
    margin-top: 12px;
  }
}
@media (max-width: 768px) {
  .block02 .item01 .itemTexts01 .text {
    margin-top: 8px;
  }
}

.block03 {
  background-color: #fff9f6;
  border: 1px solid #ffe5d5;
}
@media (min-width: 769px) {
  .block03 {
    margin-top: 40px;
    padding: 48px;
  }
}
@media (max-width: 768px) {
  .block03 {
    margin-top: 32px;
    padding: 32px 24px;
  }
}
.block03 .blockTitle01 {
  font-weight: bold;
  line-height: 1.619047619;
  color: #e36e26;
  margin-bottom: 24px;
}
@media (min-width: 769px) {
  .block03 .blockTitle01 {
    font-size: 21px;
  }
}
@media (max-width: 768px) {
  .block03 .blockTitle01 {
    font-size: 18px;
  }
}
.block03 .BlockText01 {
  font-size: 16px;
  line-height: 1.875;
  margin-top: 18px;
}

/* commonスタイルオーバーライド */
@media (min-width: 769px) {
  .inner01 {
    width: 800px;
  }
}

@media (min-width: 769px) {
  .link01 {
    margin-top: 45px;
    padding-inline: 32px;
  }
}
@media (max-width: 768px) {
  .link01 {
    margin-top: 40px;
    margin-inline: -16px;
    padding-inline: 16px;
  }
}/*# sourceMappingURL=jirei.css.map */