.main .hero .pager .btn {
  border: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: inherit;
}

@media screen and (hover: hover) and (pointer: fine) {
  .main > .append .banner ul .btn, .main > .body .sekisui .btn--more,
.main > .body .plusalpha .btn--more {
    transition: opacity 0.3s;
  }
  @supports (filter: brightness(100%)) {
    .main > .append .banner ul .btn, .main > .body .sekisui .btn--more,
.main > .body .plusalpha .btn--more {
      transition-property: filter;
    }
  }
  .main > .append .banner ul .btn:hover, .main > .body .sekisui .btn--more:hover,
.main > .body .plusalpha .btn--more:hover {
    opacity: 0.8;
  }
  @supports (filter: brightness(100%)) {
    .main > .append .banner ul .btn:hover, .main > .body .sekisui .btn--more:hover,
.main > .body .plusalpha .btn--more:hover {
      filter: brightness(110%);
      opacity: 1;
    }
  }
}

.main .hero {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  position: relative;
  overflow: hidden;
}
.main .hero .slide {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-row: 1/2;
  grid-column: 1/2;
  transform: translate3d(100%, 0, 0);
  transition: transform 1s;
  visibility: hidden;
}
.main .hero .slide.active {
  position: relative;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.main .hero .slide.toHide {
  transform: translate3d(-100%, 0, 0);
  visibility: visible;
}
.main .hero .slide--01 .bg {
  grid-row: 1/2;
  grid-column: 1/2;
  position: relative;
}
.main .hero .slide--01 .bg img {
  width: 100%;
  height: 9rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--01 .bg img {
    height: auto;
  }
}
.main .hero .slide--01 .text {
  grid-row: 1/2;
  grid-column: 1/2;
  padding: 0.86rem 0 0;
  position: relative;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--01 .text {
    padding: 0.76rem 0.5rem 0;
  }
}
.main .hero .slide--01 .text .logo {
  width: 5.34rem;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--01 .text .logo {
    width: 4.29rem;
  }
}
.main .hero .slide--01 .text .catch--01 {
  width: 7.8rem;
  margin: 0.78rem auto 0;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--01 .text .catch--01 {
    width: 5.1rem;
    margin: 0.95rem auto 0;
  }
}
.main .hero .slide--01 .text .catch--02 {
  width: 10.91rem;
  margin: 1.68rem auto 0;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--01 .text .catch--02 {
    width: 3.59rem;
    margin: 1.15rem 0 0;
  }
}
.main .hero .slide--02, .main .hero .slide--03 {
  background: linear-gradient(90deg, #0075b9, #0075b9 50%, #44a735 50%, #44a735);
}
@media screen and (max-width: 640px) {
  .main .hero .slide--02, .main .hero .slide--03 {
    background: #0075b9;
  }
}
.main .hero .slide--02 {
  height: 9rem;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--02 {
    display: block;
    height: auto;
  }
}
.main .hero .slide--02 .image {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-row: 1/2;
  grid-column: 1/2;
}
.main .hero .slide--02 .image img {
  width: 100%;
  height: calc(9rem - 6.25vw);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 640px) {
  .main .hero .slide--02 .image img {
    height: auto;
  }
}
.main .hero .slide--02 .image .scene {
  grid-row: 1/2;
  grid-column: 1/2;
  opacity: 0;
  transition: opacity 1s;
}
.main .hero .slide--02 .image .scene.active {
  opacity: 1;
}
.main .hero .slide--02 .text {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: flex-end;
}
.main .hero .slide--02 .text img {
  width: 100%;
}
.main .hero .pager {
  display: flex;
  gap: 0 0.06rem;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
}
@media screen and (max-width: 640px) {
  .main .hero .pager {
    gap: 0 0.14rem;
    top: 0.22rem;
    right: 0.22rem;
  }
}
.main .hero .pager .btn {
  width: 0.15rem;
  aspect-ratio: 1/1;
  background: #fff;
  transition: background-color 0.4s;
}
@media screen and (max-width: 640px) {
  .main .hero .pager .btn {
    width: 0.3rem;
  }
}
.main .hero .pager .btn.active {
  background: #0075b5;
}
@media screen and (hover: hover) and (pointer: fine) {
  .main .hero .pager .btn:hover {
    background: #0075b5;
  }
}
.main .info {
  padding: 0.44rem 0 0.52rem;
  background: linear-gradient(134deg, #004d94, #0075b5 32%, #44a335 64%, #81b61f);
  color: #fff;
}
@media screen and (max-width: 640px) {
  .main .info {
    padding: 0.5rem 0 0.66rem;
    background: linear-gradient(90deg, #004d94, #0075b5 32%, #44a335 64%, #81b61f);
  }
}
.main .info .ttl {
  font-family: "garamond-premier-pro", serif;
  font-size: 0.34rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .main .info .ttl {
    font-size: 0.4rem;
  }
}
.main .info .list {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  min-height: 1.2rem;
  margin: 0.12rem 0 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  padding: 0 0 0.25rem 0;
  line-height: 1.75;
}
@media screen and (max-width: 640px) {
  .main .info .list {
    display: block;
    min-height: 1.74rem;
    margin: 0.16rem 0 0;
    padding: 0 0 0.26rem 0;
    font-size: 0.26rem;
    line-height: 1.2307692308;
  }
}
.main .info .list dt {
  box-sizing: border-box;
  width: 2.26rem;
  padding-left: 0.56rem;
  margin-top: 0.26rem;
}
@media screen and (max-width: 640px) {
  .main .info .list dt {
    width: auto;
    padding-left: 0;
  }
  .main .info .list dt:nth-of-type(n+2) {
    margin-top: 0.26rem;
  }
}
.main .info .list dd {
  width: calc(100% - 2.26rem);
  margin-top: 0.26rem;
}
@media screen and (max-width: 640px) {
  .main .info .list dd {
    width: auto;
    margin-top: 0;
  }
}
.main > .body {
  padding: 0.5rem 0;
}
@media screen and (max-width: 640px) {
  .main > .body {
    padding: 0.53rem 0 0.59rem;
  }
}
.main > .body .logo {
  width: 6.25rem;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .main > .body .logo {
    width: 5.63rem;
  }
}
.main > .body .logo img {
  width: 100%;
}
.main > .body .catch {
  width: 6.63rem;
  margin: 0.5rem auto 0;
}
@media screen and (max-width: 640px) {
  .main > .body .catch {
    width: 4.44rem;
    margin: 0.56rem auto 0;
  }
}
.main > .body .sekisui,
.main > .body .plusalpha {
  padding: 0.5rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui,
.main > .body .plusalpha {
    padding: 0.5rem 0.5rem 0.54rem;
  }
}
.main > .body .sekisui .ttl,
.main > .body .plusalpha .ttl {
  margin: 0 auto;
}
.main > .body .sekisui > .body,
.main > .body .plusalpha > .body {
  display: flex;
  flex-wrap: wrap;
  margin: 0.3rem 0 0;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui > .body,
.main > .body .plusalpha > .body {
    display: block;
    margin: 0.6rem 0 0;
  }
}
.main > .body .sekisui > .body .sub,
.main > .body .plusalpha > .body .sub {
  width: 4rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui > .body .sub,
.main > .body .plusalpha > .body .sub {
    width: auto;
  }
}
.main > .body .sekisui > .body .sub .sttl,
.main > .body .plusalpha > .body .sub .sttl {
  height: 0.32rem;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui > .body .sub .sttl,
.main > .body .plusalpha > .body .sub .sttl {
    height: auto;
    line-height: 1px;
  }
  .main > .body .sekisui > .body .sub .sttl img,
.main > .body .plusalpha > .body .sub .sttl img {
    width: 100%;
  }
}
.main > .body .sekisui > .body .sub .sttl + p,
.main > .body .plusalpha > .body .sub .sttl + p {
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui > .body .sub .sttl + p,
.main > .body .plusalpha > .body .sub .sttl + p {
    line-height: 1.3125;
    padding: 0.12rem 0 0;
    font-size: 0.32rem;
  }
  .main > .body .sekisui > .body .sub .sttl + p::before, .main > .body .sekisui > .body .sub .sttl + p::after,
.main > .body .plusalpha > .body .sub .sttl + p::before,
.main > .body .plusalpha > .body .sub .sttl + p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main > .body .sekisui > .body .sub .sttl + p::before,
.main > .body .plusalpha > .body .sub .sttl + p::before {
    margin-bottom: -0.15625em;
  }
  .main > .body .sekisui > .body .sub .sttl + p::after,
.main > .body .plusalpha > .body .sub .sttl + p::after {
    margin-top: -0.15625em;
  }
}
.main > .body .sekisui .comingSoon,
.main > .body .sekisui .btn--more,
.main > .body .plusalpha .comingSoon,
.main > .body .plusalpha .btn--more {
  display: block;
  width: 2rem;
  margin: 0.25rem auto 0;
  background: url(../assets/imgs/arrow01_w.svg) calc(100% - 0.1rem) 50%/0.06rem auto no-repeat;
  color: #fff;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  line-height: 0.35rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .comingSoon,
.main > .body .sekisui .btn--more,
.main > .body .plusalpha .comingSoon,
.main > .body .plusalpha .btn--more {
    width: 2.42rem;
    margin: 0.44rem auto 0;
    background-position: calc(100% - 0.12rem) 50%;
    background-size: 0.08rem auto;
    font-size: 0.21rem;
    line-height: 0.42rem;
  }
}
.main > .body .sekisui {
  margin: 0.5rem 0 0;
  background: #e5f1f8;
  box-shadow: inset 0 0 0 0.03rem #0075b5;
}
.main > .body .sekisui .ttl {
  width: 5.53rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .ttl {
    width: 3.73rem;
  }
}
.main > .body .sekisui .body .sub .sttl {
  height: 0.32rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .sttl {
    height: auto;
  }
}
.main > .body .sekisui .body .sub .sttl + p {
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .sttl + p {
    line-height: 1.3125;
    padding: 0.12rem 0 0;
    font-size: 0.32rem;
  }
  .main > .body .sekisui .body .sub .sttl + p::before, .main > .body .sekisui .body .sub .sttl + p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main > .body .sekisui .body .sub .sttl + p::before {
    margin-bottom: -0.15625em;
  }
  .main > .body .sekisui .body .sub .sttl + p::after {
    margin-top: -0.15625em;
  }
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .body {
    margin: 0.3rem 0 0;
  }
}
.main > .body .sekisui .body .sub .item {
  display: flex;
  margin: 0.15rem 0 0;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .item {
    display: block;
    margin: 0.17rem 0 0;
  }
}
.main > .body .sekisui .body .sub .item .image {
  width: 2.46rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .item .image {
    width: auto;
  }
}
.main > .body .sekisui .body .sub .item .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: calc(100% - 2.46rem);
  padding: 0 0 0.06rem 0.12rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .item .text {
    display: block;
    width: auto;
    padding: 0.28rem 0.22rem 0.22rem;
  }
}
.main > .body .sekisui .body .sub .item .text .name {
  line-height: 1.1666666667;
}
.main > .body .sekisui .body .sub .item .text .name::before, .main > .body .sekisui .body .sub .item .text .name::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main > .body .sekisui .body .sub .item .text .name::before {
  margin-bottom: -0.0833333333em;
}
.main > .body .sekisui .body .sub .item .text .name::after {
  margin-top: -0.0833333333em;
}
.main > .body .sekisui .body .sub .item .text p {
  line-height: 1.3571428571;
  padding: 0.18rem 0 0;
  font-size: 0.14rem;
}
.main > .body .sekisui .body .sub .item .text p::before, .main > .body .sekisui .body .sub .item .text p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main > .body .sekisui .body .sub .item .text p::before {
  margin-bottom: -0.1785714286em;
}
.main > .body .sekisui .body .sub .item .text p::after {
  margin-top: -0.1785714286em;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub .item .text p {
    line-height: 1.2307692308;
    padding: 0.1rem 0 0;
    font-size: 0.26rem;
  }
  .main > .body .sekisui .body .sub .item .text p::before, .main > .body .sekisui .body .sub .item .text p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main > .body .sekisui .body .sub .item .text p::before {
    margin-bottom: -0.1153846154em;
  }
  .main > .body .sekisui .body .sub .item .text p::after {
    margin-top: -0.1153846154em;
  }
}
.main > .body .sekisui .body .sub .item:nth-child(even) {
  flex-direction: row-reverse;
}
.main > .body .sekisui .body .sub--01 {
  padding-right: calc(50% - 4rem);
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub--01 {
    padding-right: 0;
  }
}
.main > .body .sekisui .body .sub--01 .sttl {
  width: 1.1rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub--01 .sttl {
    width: 1.55rem;
  }
}
.main > .body .sekisui .body .sub--01 .item {
  background: #5bc1d8;
}
.main > .body .sekisui .body .sub--02 {
  border-left: 1px solid #0075b5;
  padding-left: calc(50% - (4rem + 1px));
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub--02 {
    margin: 0.53rem 0 0;
    border-left: none;
    padding-left: 0;
  }
}
.main > .body .sekisui .body .sub--02 .sttl {
  width: 1.83rem;
}
@media screen and (max-width: 640px) {
  .main > .body .sekisui .body .sub--02 .sttl {
    width: 2.56rem;
  }
}
.main > .body .sekisui .body .sub--02 .item {
  background: #9f8e6c;
}
.main > .body .sekisui .comingSoon,
.main > .body .sekisui .btn--more {
  background-color: #0075b5;
}
.main > .body hr {
  width: 0.7rem;
  height: 0.7rem;
  border: none;
  margin: 0.24rem auto 0.3rem;
  background: url(../assets/imgs/blt01.svg) 50% 0/contain no-repeat;
}
@media screen and (max-width: 640px) {
  .main > .body hr {
    margin: 0.54rem auto 0.5rem;
  }
}
.main > .body .plusalpha {
  background: #ecf7eb;
  box-shadow: inset 0 0 0 0.03rem #44af35;
}
.main > .body .plusalpha .ttl {
  width: 4.34rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .ttl {
    width: 3.18rem;
  }
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub {
    margin: 0.56rem 0 0;
  }
}
.main > .body .plusalpha .body .sub .image {
  margin: 0.15rem 0 0;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub .image {
    margin: 0.22rem 0 0;
  }
}
.main > .body .plusalpha .body .sub .text p {
  line-height: 1.3571428571;
  padding: 0.12rem 0 0;
  font-size: 0.14rem;
}
.main > .body .plusalpha .body .sub .text p::before, .main > .body .plusalpha .body .sub .text p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main > .body .plusalpha .body .sub .text p::before {
  margin-bottom: -0.1785714286em;
}
.main > .body .plusalpha .body .sub .text p::after {
  margin-top: -0.1785714286em;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub .text p {
    line-height: 1.2307692308;
    padding: 0.11rem 0 0;
    font-size: 0.26rem;
  }
  .main > .body .plusalpha .body .sub .text p::before, .main > .body .plusalpha .body .sub .text p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main > .body .plusalpha .body .sub .text p::before {
    margin-bottom: -0.1153846154em;
  }
  .main > .body .plusalpha .body .sub .text p::after {
    margin-top: -0.1153846154em;
  }
}
.main > .body .plusalpha .body .sub--01, .main > .body .plusalpha .body .sub--03 {
  padding-right: calc(50% - 4rem);
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--01, .main > .body .plusalpha .body .sub--03 {
    padding-right: 0;
  }
}
.main > .body .plusalpha .body .sub--02, .main > .body .plusalpha .body .sub--04 {
  border-left: 1px solid #44af35;
  padding-left: calc(50% - (4rem + 1px));
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--02, .main > .body .plusalpha .body .sub--04 {
    border-left: none;
    padding-left: 0;
  }
}
.main > .body .plusalpha .body .sub--01, .main > .body .plusalpha .body .sub--02 {
  padding-bottom: 0.38rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--01, .main > .body .plusalpha .body .sub--02 {
    padding-bottom: 0;
  }
}
.main > .body .plusalpha .body .sub--03, .main > .body .plusalpha .body .sub--04 {
  border-top: 1px solid #44af35;
  padding-top: 0.26rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--03, .main > .body .plusalpha .body .sub--04 {
    border-top: none;
    padding-top: 0;
  }
}
.main > .body .plusalpha .body .sub--01 .sttl {
  width: 1.15rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--01 .sttl {
    width: 1.61rem;
  }
}
.main > .body .plusalpha .body .sub--02 .sttl {
  width: 1.08rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--02 .sttl {
    width: 1.52rem;
  }
}
.main > .body .plusalpha .body .sub--03 .sttl {
  width: 1.18rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--03 .sttl {
    width: 1.66rem;
  }
}
.main > .body .plusalpha .body .sub--04 .sttl {
  width: 2.35rem;
}
@media screen and (max-width: 640px) {
  .main > .body .plusalpha .body .sub--04 .sttl {
    width: 3.3rem;
  }
}
.main > .body .plusalpha .comingSoon,
.main > .body .plusalpha .btn--more {
  background-color: #44af35;
}
.main > .append .banner ul {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul {
    display: block;
  }
}
.main > .append .banner ul li {
  width: calc((100% - 0.1rem) / 3);
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul li {
    width: auto;
  }
  .main > .append .banner ul li:nth-child(n+2) {
    margin: 0.13rem 0 0;
  }
}
.main > .append .banner ul .btn {
  display: grid;
  grid-template-rows: auto;
  grid-template-columns: auto;
}
.main > .append .banner ul .image {
  grid-row: 1/2;
  grid-column: 1/2;
  position: relative;
}
.main > .append .banner ul .image img {
  width: 100%;
  height: 2.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul .image img {
    height: auto;
  }
}
.main > .append .banner ul .text {
  grid-row: 1/2;
  grid-column: 1/2;
  position: relative;
  padding: 0.7rem 0 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul .text {
    padding: 0.84rem 0 0;
  }
}
.main > .append .banner ul .text .name {
  color: #fff;
  font-weight: 400;
  line-height: 1;
}
.main > .append .banner ul .text .name .en {
  font-family: "garamond-premier-pro", serif;
  font-size: 0.34rem;
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul .text .name .en {
    font-size: 0.41rem;
  }
}
.main > .append .banner ul .text .name .ja {
  margin: 0.02rem 0 0;
  font-size: 0.16rem;
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul .text .name .ja {
    margin: 0;
    font-size: 0.19rem;
  }
}
.main > .append .banner ul .text .comingSoon,
.main > .append .banner ul .text .btn--more {
  width: 2rem;
  margin: 0.2rem auto 0;
  background: #fff url(../assets/imgs/arrow01.svg) calc(100% - 0.1rem) 50%/0.06rem auto no-repeat;
  font-family: "garamond-premier-pro", serif;
  font-weight: 400;
  line-height: 0.35rem;
}
@media screen and (max-width: 640px) {
  .main > .append .banner ul .text .comingSoon,
.main > .append .banner ul .text .btn--more {
    width: 2.42rem;
    margin: 0.25rem auto 0;
    background-position: calc(100% - 0.12rem) 50%;
    background-size: 0.08rem auto;
    font-size: 0.21rem;
    line-height: 0.42rem;
  }
}
.main > .append .yokoku {
  display: flex;
  align-items: center;
  padding: 0.47rem 0 0;
}
@media screen and (max-width: 640px) {
  .main > .append .yokoku {
    display: block;
  }
}
.main > .append .yokoku .label {
  width: 0.86rem;
}
@media screen and (max-width: 640px) {
  .main > .append .yokoku .label {
    width: auto;
  }
}
.main > .append .yokoku p {
  box-sizing: border-box;
  width: calc(100% - 0.86rem);
  border-left: 1px solid currentColor;
  padding: 0.025rem 0 0.025rem 0.25rem;
  font-size: 0.1rem;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  .main > .append .yokoku p {
    line-height: 1.25;
    width: auto;
    border-left: none;
    padding: 0.2rem 0 0;
    font-size: 0.2rem;
  }
  .main > .append .yokoku p::before, .main > .append .yokoku p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main > .append .yokoku p::before {
    margin-bottom: -0.125em;
  }
  .main > .append .yokoku p::after {
    margin-top: -0.125em;
  }
}
.main > .append .note {
  line-height: 1.5;
  padding: 0.12rem 0 0.48rem;
  font-size: 0.1rem;
}
.main > .append .note::before, .main > .append .note::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main > .append .note::before {
  margin-bottom: -0.25em;
}
.main > .append .note::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 640px) {
  .main > .append .note {
    line-height: 1.25;
    padding: 0.42rem 0 0.52rem;
    font-size: 0.2rem;
  }
  .main > .append .note::before, .main > .append .note::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main > .append .note::before {
    margin-bottom: -0.125em;
  }
  .main > .append .note::after {
    margin-top: -0.125em;
  }
}
/*# sourceMappingURL=unique.css.map */