@charset "UTF-8";
/* --

 top.css

 ------------------------------------

-- */
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:700i);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+JP:200,300,400,500,600,700,900&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Gothic);
/* --

 * clearfix............float解除
 * font-size...........フォントサイズ指定（px指定はIE8対策）
 * layout-baseSize.....基本のコンテンツサイズ
 * layout-posMiddle....天地中央配置
 * moving-base.........基本のアニメーション
 * FontAwesome.........アイコンフォント使用（FontAwesome）
 * opacity.............透明度設定（IE対応含む）
 * pc..............ブレイクポイント設定（パソコンのみ）
 * tablet..............ブレイクポイント設定（タブレット）
 * mobile..............ブレイクポイント設定（スマホ）

 ------------------------------------

 * scroll..............スクロールアイコンのスタイル
 * module-title........タイトル共通のスタイル


-- */
/* --

 keyframes - アニメーションキーフレーム集

 ------------------------------------

 * loading.............ローディングアイコンのアニメーション
 * toggle-.............ハンバーガーアイコンに関するアニメーション

-- */
@-webkit-keyframes loading {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes loading {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes toggle-top {
  0% {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(0deg);
    transform: translateY(-8px) rotate(0deg);
  }
}
@keyframes toggle-top {
  0% {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(-8px) rotate(0deg);
    transform: translateY(-8px) rotate(0deg);
  }
}
@-webkit-keyframes toggle-bottom {
  0% {
    -webkit-transform: translateY(-4px) rotate(45deg);
    transform: translateY(-4px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(7px) rotate(0deg);
    transform: translateY(7px) rotate(0deg);
  }
}
@keyframes toggle-bottom {
  0% {
    -webkit-transform: translateY(-4px) rotate(45deg);
    transform: translateY(-4px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(7px) rotate(0deg);
    transform: translateY(7px) rotate(0deg);
  }
}
@-webkit-keyframes toggle-top-close {
  0% {
    -webkit-transform: translateY(-16px) rotate(0deg);
    transform: translateY(-16px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
}
@keyframes toggle-top-close {
  0% {
    -webkit-transform: translateY(-16px) rotate(0deg);
    transform: translateY(-16px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
  }
}
@-webkit-keyframes toggle-bottom-close {
  0% {
    -webkit-transform: translateY(17px) rotate(0deg);
    transform: translateY(17px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
  }
}
@keyframes toggle-bottom-close {
  0% {
    -webkit-transform: translateY(17px) rotate(0deg);
    transform: translateY(17px) rotate(0deg);
  }
  50% {
    -webkit-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
  }
  100% {
    -webkit-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
  }
}
/*-----------------------------------
$plaster
-----------------------------------*/
@media screen and (max-width: 639px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 639px) {
  .sp {
    display: block;
  }
}

.sub-top-view {
  background-image: url(../images/plastere/plastere-top-view.jpg);
}

.plastere-content {
  max-width: 1000px;
  margin: 0 auto;
  margin-bottom: 11.7rem;
}
@media screen and (max-width: 1023px) {
  .plastere-content {
    padding: 0 5%;
    margin-bottom: 8rem;
  }
}
.plastere-content .plastere-layout {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10.5rem;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout {
    margin-top: 10rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 639px) {
  .plastere-content .plastere-layout {
    margin-top: 6.5rem;
  }
}
.plastere-content .plastere-layout:first-of-type {
  margin-top: 9.5rem;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout:first-of-type {
    margin-top: 12rem;
  }
}
@media screen and (max-width: 639px) {
  .plastere-content .plastere-layout:first-of-type {
    margin-top: 6rem;
  }
}
.plastere-content .plastere-layout .plastere-layout__txt {
  width: 46%;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout .plastere-layout__txt {
    width: 100%;
  }
}
.plastere-content .plastere-layout .plastere-layout__txt .big {
  font-size: 3.9rem;
  line-height: 1.56;
  color: #00A5E3;
  letter-spacing: 0.06em;
  font-family: a-otf-ryumin-pr6n, serif;
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout .plastere-layout__txt .big {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 639px) {
  .plastere-content .plastere-layout .plastere-layout__txt .big {
    font-size: 2.4rem;
  }
}
.plastere-content .plastere-layout .plastere-layout__txt .big br {
  display: block;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout .plastere-layout__txt .big br {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  .plastere-content .plastere-layout .plastere-layout__txt .big br {
    display: block;
  }
}
.plastere-content .plastere-layout .plastere-layout__txt .big img {
  position: absolute;
  width: 75%;
  left: -5%;
  top: -10%;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout .plastere-layout__txt .big img {
    width: 25rem;
    top: -100%;
    left: -4%;
  }
}
@media screen and (max-width: 639px) {
  .plastere-content .plastere-layout .plastere-layout__txt .big img {
    width: 20rem;
    top: -10%;
    left: -3%;
  }
}
.plastere-content .plastere-layout .plastere-layout__txt .small {
  font-size: 1.8rem;
  line-height: 1.9;
  letter-spacing: 0.02em;
  font-family: "Sawarabi Gothic", sans-serif;
  padding-top: 2.2rem;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout .plastere-layout__txt .small {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 639px) {
  .plastere-content .plastere-layout .plastere-layout__txt .small {
    font-size: 1.5rem;
  }
}
.plastere-content .plastere-layout .plastere-layout__img {
  width: 54%;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout .plastere-layout__img {
    width: 100%;
    margin-top: 2rem;
  }
}
.plastere-content .plastere-layout .plastere-layout__img img {
  width: 100%;
}
.plastere-content .plastere-layout:nth-of-type(odd) .plastere-layout__txt {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 3%;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout:nth-of-type(odd) .plastere-layout__txt {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding-right: 0;
  }
}
.plastere-content .plastere-layout:nth-of-type(odd) .plastere-layout__img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout:nth-of-type(odd) .plastere-layout__img {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.plastere-content .plastere-layout:nth-of-type(even) .plastere-layout__txt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  padding-left: 3%;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout:nth-of-type(even) .plastere-layout__txt {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    padding-right: 0;
  }
}
.plastere-content .plastere-layout:nth-of-type(even) .plastere-layout__img {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 1023px) {
  .plastere-content .plastere-layout:nth-of-type(even) .plastere-layout__img {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

span.kakko {
  letter-spacing: -1.5rem;
}

.origin-profile {
  width: 100%;
}
.origin-profile p {
  margin-top: 0.6rem;
  margin-bottom: 0;
}
.origin-profile .origin-profile__images {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.origin-profile .origin-profile__images .origin-profile__image {
  text-align: center;
}
.origin-profile .origin-profile__images .origin-profile__image .prof-twitter {
  display: inline-block;
  color: #111;
  font-size: 20px;
  vertical-align: middle;
  text-decoration: none;
}
.origin-profile .origin-profile__images .origin-profile__image .prof-twitter i {
  color: #1DA1F2;
  margin-left: 7px;
}
.origin-profile .origin-profile__images .origin-profile__image .prof-twitter:hover {
  opacity: 0.7;
}
.origin-profile .origin-profile__images .origin-profile__image .origin-profile__image-wrap {
  overflow: hidden;
  width: 120px;
  height: 120px;
  border-radius: 50%;
}
.origin-profile .origin-profile__images .origin-profile__image .origin-profile__image-wrap img {
  width: 100%;
}
.origin-profile .origin-profile__text ul {
  margin-top: 0;
  margin-bottom: 20px;
  list-style-type: none;
}
.origin-profile .origin-profile__text .prof-btn {
  display: block;
  background-color: #FF931E;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  border-radius: 5px;
  text-decoration: none;
}
.origin-profile .origin-profile__text .prof-btn:hover {
  opacity: 0.7;
}