main .thought {
 padding-top: 60px;
 background: #c3cfcf;
}
@media screen and (max-width: 767px) {
 main .thought {
  padding-top: 30px;
 }
}
main .thought__inner {
 width: 90%;
 max-width: 1100px;
 margin: 0 auto;
}
main .thought__monosashi {
 margin-top: 10px;
}
main .thought__main {
 position: relative;
}
main .thought__main-title-wrap {
 position: absolute;
 top: 30px;
 left: 0;
 width: 520px;
 padding-left: 25px;
}
@media screen and (max-width: 1124px) {
 main .thought__main-title-wrap {
  top: 15px;
  width: 380px;
 }
}
@media screen and (max-width: 1124px) and (max-width: 767px) {
 main .thought__main-title-wrap {
  position: relative;
  top: auto;
  left: auto;
  width: 260px;
  margin-bottom: -50px;
  padding-left: 15px;
 }
}
main .thought__main-title-wrap .loop-animation {
 display: block;
 width: 100%;
 margin-top: 5px;
}
main .thought__main-title-wrap .loop-animation img {
 width: auto;
 height: 44px;
}
@media screen and (max-width: 767px) {
 main .thought__main-title-wrap .loop-animation img {
  height: 21px;
 }
}
main .thought__main-title {
 line-height: 1.222;
 color: var(--red);
 font-family: var(--shippori-antique);
 font-size: 48px;
 white-space: nowrap;
}
@media screen and (max-width: 1124px) {
 main .thought__main-title {
  font-size: 36px;
 }
}
@media screen and (max-width: 1124px) and (max-width: 767px) {
 main .thought__main-title {
  font-size: 24px;
 }
}
main .thought__main-title::before {
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 width: 10px;
 height: 100%;
 background: var(--red);
}
@media screen and (max-width: 1124px) {
 main .thought__main-title::before {
  width: 8px;
 }
}
@media screen and (max-width: 1124px) and (max-width: 767px) {
 main .thought__main-title::before {
  width: 6px;
 }
}
main .thought__main-img {
 width: 90%;
 max-width: 980px;
 margin-left: auto;
}
main .thought__container {
 overflow: hidden;
}
main .thought__wrap {
 position: relative;
 padding: 80px 0 140px;
}
@media screen and (max-width: 767px) {
 main .thought__wrap {
  padding: 30px 0 50px;
 }
}
main .thought__wrap .yell {
 position: absolute;
 right: 0;
 bottom: 0;
}
@media screen and (max-width: 600px) {
 main .thought__wrap .yell {
  width: 90%;
 }
}
main .thought__wrap .yell img {
 max-width: 700px;
}
main .thought__lr {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
     -ms-flex-pack: justify;
         justify-content: space-between;

 --order: 2;
}
main .thought__lr:not(:first-child) {
 margin-top: 100px;
}
@media screen and (max-width: 600px) {
 main .thought__lr:not(:first-child) {
  margin-top: 50px;
 }
}
main .thought__lr:nth-child(2n) {
 --order: -1;
}
@media screen and (max-width: 600px) {
 main .thought__lr:nth-child(2n) {
  --order: 0;
 }
}
@media screen and (max-width: 767px) {
 main .thought__lr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
 }
}
main .thought__lr p {
 line-height: 2.4;
 font-family: var(--shippori-antique);
 font-size: 19px;
 letter-spacing: -0.04em;
}
@media screen and (max-width: 767px) {
 main .thought__lr p {
  font-size: 14px;
 }
}
main .thought__lr p +p {
 margin-top: 2em;
}
main .thought__lr p +p.signature {
 margin-top: 0.5em;
}
main .thought__txt {
 width: 57%;
}
@media screen and (max-width: 767px) {
 main .thought__txt {
  width: 100%;
 }
}
main .thought__img {
 position: relative;
 width: 39%;
 height: auto;
 -webkit-box-ordinal-group: var(--order);
     -ms-flex-order: var(--order);
         order: var(--order);
}
@media screen and (max-width: 600px) {
 main .thought__img {
  width: 100%;
  text-align: center !important;
 }
}
main .thought__img.earth {
 text-align: right;
}
main .thought__img.earth img {
 max-width: 390px;
}
@media screen and (max-width: 600px) {
 main .thought__img img {
  max-width: 250px !important;
 }
}
/*# sourceMappingURL=style.css.map */