@charset "UTF-8";
.main .catch::before,
.main p::before, .main .pageBody .author .balloon .text::before, .main .pageBody .author .profile .text .job::before, .main .catch::after,
.main p::after, .main .pageBody .author .balloon .text::after, .main .pageBody .author .profile .text .job::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .catch::before,
.main p::before, .main .pageBody .author .balloon .text::before, .main .pageBody .author .profile .text .job::before {
  margin-bottom: calc((1em - 1lh) / 2);
}
.main .catch::after,
.main p::after, .main .pageBody .author .balloon .text::after, .main .pageBody .author .profile .text .job::after {
  margin-top: calc((1em - 1lh) / 2);
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes flowPetal {
    0% {
      translate: 0 -0.1rem 0;
    }
    100% {
      translate: 0 0 0;
    }
  }
}

.main .wrap {
  max-width: 12.084rem;
}
@media screen and (max-width: 750px) {
  .main .wrap {
    max-width: none;
  }
}
.main p {
  letter-spacing: 0;
}
.main .pageLead {
  padding: 1.596rem 0;
}
@media screen and (max-width: 750px) {
  .main .pageLead {
    padding: 1rem 0;
  }
}
.main .pageLead .catch {
  font-size: 0.3648rem;
  line-height: 1.75;
  text-align: center;
}
.main .pageLead .catch strong {
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-color: #fff796;
  text-underline-offset: -0.0912rem;
  text-decoration-thickness: 0.1596rem;
}
.main .pageLead .text {
  padding: 0.684rem 0 0;
  font-size: 0.1824rem;
  line-height: 2.125;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .pageLead .text {
    font-size: inherit;
    text-align: left;
  }
}
.main .pageBody {
  padding: 1.596rem 0;
  background: #e7f3ee;
}
@media screen and (max-width: 750px) {
  .main .pageBody {
    padding: 1rem 0;
  }
}
.main .pageBody .section {
  background: #fff;
  box-shadow: 0 0 0.8664rem rgba(85, 187, 158, 0.4);
}
.main .pageBody .section .ttl {
  display: grid;
  place-items: center;
  height: 1.0488rem;
  background: #82c0b0;
  color: #fff;
  font-size: 0.2964rem;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section .ttl {
    height: 3em;
    font-size: 0.32rem;
  }
}
.main .pageBody .section .catch {
  font-size: 0.228rem;
  line-height: 1.5;
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #fff796;
  text-underline-offset: -0.0684rem;
  text-decoration-thickness: 0.0912rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section .catch {
    font-size: 0.32rem;
  }
}
.main .pageBody .section .text {
  font-size: 0.1824rem;
  line-height: 1.875;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section .text {
    font-size: inherit;
  }
}
.main .pageBody .section--01 .inner {
  padding: 0.684rem 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .inner {
    padding: 0.6rem 0.4rem;
  }
}
.main .pageBody .section--01 .text {
  padding: 0.4104rem 0 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .text {
    padding: 0.6rem 0 0;
    text-align: left;
  }
}
.main .pageBody .section--01 .graph {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 7.8432rem;
  gap: 0.1596rem 0;
  margin: 0.456rem auto 0;
  background: linear-gradient(#c1c2c2, #c1c2c2) 50% 100%/0.01rem calc(100% - 0.3192rem) no-repeat;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .graph {
    display: block;
    width: auto;
    margin: 0.6rem 0 0;
    background: none;
  }
}
.main .pageBody .section--01 .graph figcaption {
  width: 100%;
  font-size: 0.1596rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .graph figcaption {
    font-size: 0.24rem;
  }
}
.main .pageBody .section--01 .graph figcaption::before {
  content: "■";
}
.main .pageBody .section--01 .graph .image--01 {
  width: 3.42rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .graph .image--01 {
    width: 100%;
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--01 .graph .image--02 {
  width: 3.46rem;
  margin: 0.2rem 0 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .graph .image--02 {
    width: 100%;
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--01 .bottomRight {
  padding: 0 1.9rem 0.4rem 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--01 .bottomRight {
    padding: 0 0.2rem 0.2rem 0;
  }
}
.main .pageBody .section--02 {
  margin: 1.254rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 {
    margin: 1rem 0 0;
  }
}
.main .pageBody .section--02 .inner {
  padding: 1.0944rem 2.28rem 1.5048rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .inner {
    padding: 0.6rem 0.4rem;
  }
}
.main .pageBody .section--02 .sttl {
  display: grid;
  place-items: center;
  height: 0.4332rem;
  background: #e7f3ee;
  font-size: 0.1824rem;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .sttl {
    height: 3em;
    font-size: inherit;
  }
}
.main .pageBody .section--02 .item {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: repeat(2, calc(50% - 0.1596rem));
  gap: 0 0.3192rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item {
    display: block;
  }
}
.main .pageBody .section--02 .item .headline {
  grid-row: 1/2;
  grid-column: 1/3;
}
.main .pageBody .section--02 .item .headline .num {
  color: #82c0b0;
  font-size: 0.4104rem;
  line-height: 1;
  text-align: center;
}
.main .pageBody .section--02 .item .headline .catch {
  padding: 0.1368rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item .headline .catch {
    padding: 0.3rem 0 0;
  }
}
.main .pageBody .section--02 .item .text {
  grid-row: 2/3;
  padding: 0.3648rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item .text {
    padding: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .item .image {
  grid-row: 2/3;
  margin: 0.3648rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item .image {
    margin: 0.4rem 0 0;
  }
  .main .pageBody .section--02 .item .image img {
    width: 100%;
  }
}
.main .pageBody .section--02 .item .graph {
  grid-row: 3/4;
  grid-column: 1/3;
}
.main .pageBody .section--02 .item .graph figcaption {
  width: 100%;
  font-size: 0.1596rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item .graph figcaption {
    font-size: 0.24rem;
  }
}
.main .pageBody .section--02 .item .graph figcaption::before {
  content: "■";
}
.main .pageBody .section--02 .item--01 .image, .main .pageBody .section--02 .item--03 .image {
  grid-column: 1/2;
}
.main .pageBody .section--02 .item--01 .image img, .main .pageBody .section--02 .item--03 .image img {
  display: block;
  width: 100%;
}
.main .pageBody .section--02 .item--01 .text, .main .pageBody .section--02 .item--03 .text {
  grid-column: 2/3;
}
.main .pageBody .section--02 .item--01 .bottomRight {
  bottom: 0.13rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--01 .bottomRight {
    bottom: 0.06rem;
  }
}
.main .pageBody .section--02 .item--03 .bottomRight {
  bottom: 1.2rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--03 .bottomRight {
    bottom: 0.06rem;
  }
}
.main .pageBody .section--02 .item--02 .image, .main .pageBody .section--02 .item--04 .image {
  grid-column: 2/3;
  width: 3.8rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 .image, .main .pageBody .section--02 .item--04 .image {
    width: auto;
  }
}
.main .pageBody .section--02 .item--02 .image img, .main .pageBody .section--02 .item--04 .image img {
  display: block;
  width: 100%;
}
.main .pageBody .section--02 .item--02 .text, .main .pageBody .section--02 .item--04 .text {
  grid-column: 1/2;
}
.main .pageBody .section--02 .item--04 .bottomRight {
  position: absolute;
  bottom: 0.74rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 .bottomRight {
    bottom: 0.02rem;
  }
}
.main .pageBody .section--02 .item--01 {
  margin: 0.3192rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--01 {
    margin: 0.3rem 0 0;
  }
}
.main .pageBody .section--02 .item--01 .graph {
  margin: 0.6384rem 0 0;
  padding: 0.0456rem 0 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--01 .graph {
    margin: 0.4rem 0 0;
    padding: 0;
  }
}
.main .pageBody .section--02 .item--01 .graph .image--01 {
  display: block;
  width: 4.4004rem;
  margin: 0.3648rem auto 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--01 .graph .image--01 {
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .item--01 .graph .image--02 {
  width: 1.7784rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--01 .graph .image--02 {
    top: 0.6rem;
  }
}
.main .pageBody .section--02 .item--01 .bottomRightOut {
  padding: 0rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--01 .bottomRightOut {
    padding: 0.1rem 0 0;
  }
}
.main .pageBody .section--02 .item--02 {
  margin: 0.684rem 0 0.912rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 {
    margin: 0.6rem 0;
  }
}
.main .pageBody .section--02 .item--02 .graph {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 50%;
  gap: 0.228rem 0;
  margin: 0.5472rem 0 0;
  background: linear-gradient(#c1c2c2, #c1c2c2) 50% 0/0.01rem 3.534rem no-repeat;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 .graph {
    display: block;
    margin: 0.4rem 0 0;
    background: none;
  }
}
.main .pageBody .section--02 .item--02 .graph figcaption {
  grid-row: 1/2;
  grid-column: 1/3;
}
.main .pageBody .section--02 .item--02 .graph .image--01, .main .pageBody .section--02 .item--02 .graph .image--02 {
  grid-row: 2/3;
  width: 3.078rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 .graph .image--01, .main .pageBody .section--02 .item--02 .graph .image--02 {
    display: block;
    width: 100%;
  }
}
.main .pageBody .section--02 .item--02 .graph .image--01 {
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 .graph .image--01 {
    margin: 0.2rem 0 0;
  }
}
.main .pageBody .section--02 .item--02 .graph .image--02 {
  grid-column: 2/3;
  justify-self: flex-end;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 .graph .image--02 {
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .item--02 .graph .image--03 {
  grid-row: 3/4;
  grid-column: 1/3;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--02 .graph .image--03 {
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .item--03 {
  margin: 0.3192rem 0 0.912rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--03 {
    margin: 0.3rem 0 0.6rem;
  }
}
.main .pageBody .section--02 .item--03 .graph {
  margin: 0.3648rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--03 .graph {
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .item--03 .graph img {
  width: 100%;
  margin: 0.1824rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--03 .graph img {
    margin: 0.2rem 0 0;
  }
}
.main .pageBody .section--02 .item--04 {
  margin: 0.3192rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 {
    margin: 0.3rem 0 0;
  }
}
.main .pageBody .section--02 .item--04 .graph {
  display: grid;
  grid-template-rows: repeat(3, auto);
  grid-template-columns: 50%;
  gap: 0.228rem 0;
  margin: 0.7296rem 0 0;
  background: url(../imgs/arw.svg) 50% 1.6416rem/0.2052rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 .graph {
    display: block;
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .item--04 .graph figcaption {
  grid-row: 1/2;
  grid-column: 1/3;
}
.main .pageBody .section--02 .item--04 .graph .image--01, .main .pageBody .section--02 .item--04 .graph .image--02 {
  grid-row: 2/3;
  width: 3.078rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 .graph .image--01, .main .pageBody .section--02 .item--04 .graph .image--02 {
    width: 100%;
  }
}
.main .pageBody .section--02 .item--04 .graph .image--01 {
  grid-column: 1/2;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 .graph .image--01 {
    margin: 0.2rem 0 0;
  }
}
.main .pageBody .section--02 .item--04 .graph .image--02 {
  grid-column: 2/3;
  justify-self: flex-end;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 .graph .image--02 {
    margin: 0.4rem 0 0;
    padding: 0.6rem 0 0;
    background: url(../imgs/arw_sp.svg) 50% 0/auto 0.2rem no-repeat;
  }
}
.main .pageBody .section--02 .item--04 .graph .image--03 {
  grid-row: 3/4;
  grid-column: 1/3;
  width: 3.534rem;
  margin: 0.228rem auto 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .item--04 .graph .image--03 {
    width: 100%;
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .section--02 .bottomRight.--01 {
  position: absolute;
  bottom: -0.4rem;
  right: 1.2rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .section--02 .bottomRight.--01 {
    bottom: 0;
    right: 0;
  }
}
.main .pageBody .special-movie {
  width: 12rem;
  margin: 0.6rem auto 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie {
    width: auto;
    margin-top: 0.5rem;
  }
}
.main .pageBody .special-movie .inner {
  border: 0.18rem solid #f0faf8;
  padding: 0.07rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner {
    padding: 0.02rem;
  }
}
.main .pageBody .special-movie .inner .items {
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.5rem;
  border: 0.02rem solid #f0faf8;
  padding: 0.4rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items {
    grid-template-columns: repeat(1, 1fr);
    padding: 0.2rem 0.2rem 0.6rem;
    grid-gap: 0;
  }
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}
.main .pageBody .special-movie .inner .items .body .sttl {
  background-color: #78aa9f;
  color: #FFF;
  position: relative;
  padding: 0.05rem 0.1rem 0.05rem 0.95rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body .sttl {
    text-align: center;
    line-height: 1.4;
    padding: 0.075rem 0.1rem;
    margin: 0 -0.2rem;
  }
}
.main .pageBody .special-movie .inner .items .body .sttl .new {
  position: absolute;
  left: 0.2rem;
  margin: 0 auto;
  background: #b1332f;
  color: #fff;
  font-size: 0.12rem;
  width: 0.6rem;
  height: 0.2rem;
  padding-bottom: 0.01rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transform: translate(0, -50%);
  top: 50%;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body .sttl .new {
    top: 5%;
    height: 0.3rem;
  }
}
.main .pageBody .special-movie .inner .items .body dl {
  margin-top: 0.2rem;
}
.main .pageBody .special-movie .inner .items .body dl dt {
  font-size: 0.25rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body dl dt {
    font-size: 0.26rem;
  }
}
.main .pageBody .special-movie .inner .items .body dl dd {
  font-size: 0.5rem;
  text-align: center;
  margin-top: 0.1rem;
}
.main .pageBody .special-movie .inner .items .body dl dd span {
  color: #78aa9f;
}
.main .pageBody .special-movie .inner .items .body dl .movie_grade {
  background: #333 url(../../assets/imgs/bg-grade.jpg) -0.4rem -1.6rem/3rem auto no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  line-height: 1.1;
  padding-bottom: 0.04rem;
}
.main .pageBody .special-movie .inner .items .body .text {
  font-size: 0.2rem;
  line-height: 2;
  letter-spacing: 0.06em;
  text-align: center;
  margin-top: 0.3rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body .text {
    font-size: 0.26rem;
  }
}
.main .pageBody .special-movie .inner .items .body .btn-ttl {
  text-align: center;
  font-size: 0.25rem;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  line-height: 1.4;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body .btn-ttl {
    font-size: 0.26rem;
  }
}
.main .pageBody .special-movie .inner .items .body .btn-ttl::before, .main .pageBody .special-movie .inner .items .body .btn-ttl::after {
  display: block;
  margin: auto;
  position: absolute;
}
.main .pageBody .special-movie .inner .items .body .btn-ttl::before {
  content: "＼";
  left: 0.2rem;
}
.main .pageBody .special-movie .inner .items .body .btn-ttl::after {
  content: "／";
  right: 0.2rem;
}
.main .pageBody .special-movie .inner .items .body .btn-ttl span {
  font-size: 0.16rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body .btn-ttl span {
    font-size: 0.2rem;
  }
}
.main .pageBody .special-movie .inner .items .body .btn {
  margin-top: 0.1rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .body .btn {
    margin-top: 0.2rem;
  }
}
.main .pageBody .special-movie .inner .items .body .btn a {
  transition: 0.4s;
  transition-property: background-color, color;
  color: #fff;
  display: grid;
  place-items: center;
  height: 0.9rem;
  font-size: 0.2rem;
  width: 4.6rem;
  background: #7a6a55;
  box-shadow: inset 0 0 0 0.01rem #7a6a55;
  margin: 0 auto;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .pageBody .special-movie .inner .items .body .btn a:hover {
    background-color: #fff;
    color: #7a6a55;
  }
}
@media screen and (max-width: 750px) {
  .main .pageBody .special-movie .inner .items .image {
    grid-row: 1/2;
    grid-column: 1/2;
    margin: -0.2rem -0.2rem 0;
  }
}
.main .pageBody .special-movie .inner .items .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .pageBody .message {
  display: grid;
  place-items: center;
  height: 2.0748rem;
  margin: 0.9576rem 0 0;
  position: relative;
  background: #bcaf8a;
  color: #fff;
  font-size: 0.3648rem;
  line-height: 1.625;
  text-align: center;
  box-shadow: 0 0 0.8664rem rgba(188, 175, 138, 0.4);
}
@media screen and (max-width: 750px) {
  .main .pageBody .message {
    height: auto;
    margin: 0.8rem 0 0;
    padding: 0.4rem 0;
    font-size: 0.36rem;
  }
}
.main .pageBody .message::before, .main .pageBody .message::after {
  content: "";
  display: block;
  position: absolute;
  border: 0.01rem solid #fff;
}
.main .pageBody .message::before {
  inset: 0.0684rem 0.114rem 0.114rem 0.0684rem;
}
.main .pageBody .message::after {
  inset: 0.114rem 0.0684rem 0.0684rem 0.114rem;
}
.main .pageBody .author {
  margin: 1.6416rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author {
    margin: 0.8rem 0 0;
    border: 0.01rem solid #c1c2c2;
    padding: 0.6rem 0.4rem;
  }
}
.main .pageBody .author .balloon {
  box-sizing: border-box;
  width: 9.3708rem;
  height: 2.9412rem;
  margin: 0 auto;
  padding: 0.4332rem 0.456rem 0;
  background: url(../imgs/baloon.svg) center/contain no-repeat;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .balloon {
    width: auto;
    height: auto;
    padding: 0;
    background: none;
  }
}
.main .pageBody .author .balloon .text--01 {
  color: #288f7d;
  font-size: 0.228rem;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .balloon .text--01 {
    font-size: 0.32rem;
  }
}
.main .pageBody .author .balloon .text--02 {
  padding: 0.228rem 0 0;
  font-size: 0.1824rem;
  line-height: 1.875;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .balloon .text--02 {
    padding: 0.4rem 0 0;
    font-size: inherit;
  }
}
.main .pageBody .author .profile {
  display: flex;
  justify-content: space-between;
  margin: 0.7296rem 0 0;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .profile {
    display: block;
    margin: 0.6rem 0 0;
  }
}
.main .pageBody .author .profile .image {
  width: 2.8728rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .profile .image {
    margin: 0 auto;
  }
}
.main .pageBody .author .profile .text {
  width: 8.1624rem;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .profile .text {
    width: auto;
    margin: 0.4rem 0 0;
  }
}
.main .pageBody .author .profile .text .roll {
  display: grid;
  place-items: center;
  width: 1.254rem;
  height: 0.57rem;
  background: #84b7ab;
  color: #fff;
  font-size: 0.2736rem;
}
.main .pageBody .author .profile .text .job {
  padding: 0.5016rem 0 0;
  font-size: 0.1824rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .profile .text .job {
    padding: 0.4rem 0 0;
    font-size: inherit;
  }
}
.main .pageBody .author .profile .text .name {
  padding: 0.2508rem 0 0;
  font-size: 0.2964rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .profile .text .name {
    padding: 0.2rem 0 0;
    font-size: 0.36rem;
  }
}
.main .pageBody .author .profile .text p {
  padding: 0.5016rem 0 0;
  font-size: 0.1824rem;
  line-height: 1.625;
}
@media screen and (max-width: 750px) {
  .main .pageBody .author .profile .text p {
    padding: 0.4rem 0 0;
    font-size: inherit;
  }
}/*# sourceMappingURL=unique.css.map */