@charset "UTF-8";
/*------------------------
  main visual
------------------------*/
.mainvisual {
  padding: 15.625rem 0 0;
  background-image: url(../../images/common/bg_gradation.png), url(../../images/common/bg_stripe.svg);
  background-repeat: repeat;
  background-size: 100% 100%, 2.5rem;
  background-color: #fffbf5;
  position: relative;
}
@media screen and (max-width: 576px) {
  .mainvisual {
    padding: 5rem 0 0;
  }
}
.mainvisual .mv_logo {
  width: 43.75rem;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 576px) {
  .mainvisual .mv_logo {
    padding: 0 3.125rem;
  }
}
.mainvisual::before, .mainvisual::after {
  content: "";
  position: absolute;
  top: 18.75rem;
  bottom: 6.875rem;
  background-size: contain;
  filter: invert(54%) sepia(50%) saturate(420%) hue-rotate(359deg) brightness(89%) contrast(88%);
  width: 16%;
}
@media screen and (max-width: 576px) {
  .mainvisual::before, .mainvisual::after {
    display: none;
  }
}
.mainvisual::before {
  background-image: url(../../images/common/bg_star_left.svg);
  left: 6%;
}
.mainvisual::after {
  background-image: url(../../images/common/bg_star_right.svg);
  right: 6%;
  background-position: right top;
}

.top_slide_wrap {
  margin-top: 3.75rem;
  margin-bottom: -15.625rem;
}
@media screen and (max-width: 576px) {
  .top_slide_wrap {
    margin-bottom: -9.375rem;
    margin-top: 2.5rem;
  }
}
.top_slide_wrap .top_slide {
  z-index: 10;
}
.top_slide_wrap .top_slide img {
  margin: 0 1.875rem;
  max-width: 18.75rem;
}
@media screen and (max-width: 576px) {
  .top_slide_wrap .top_slide img {
    margin: 0 0.625rem;
    max-width: 11.25rem;
  }
}

/*------------------------
  greeting
------------------------*/
.sec-greeting {
  background-color: #482d1c;
}
.sec-greeting h2 {
  filter: invert(74%) sepia(35%) saturate(509%) hue-rotate(4deg) brightness(90%) contrast(90%);
}
.sec-greeting .ly-container {
  padding-top: 28.125rem;
  padding-bottom: 15.625rem;
}
@media screen and (max-width: 576px) {
  .sec-greeting .ly-container {
    padding: 15.625rem 0 5rem;
  }
}
.sec-greeting .ly-container .ly-wrapper p {
  max-width: 50rem;
  margin: 0 auto;
  font-size: 1.1875rem;
  line-height: 3.375rem;
  text-align: center;
  letter-spacing: 0.0625rem;
  color: #fffbf5;
}
.sec-greeting .ly-container .ly-wrapper p span {
  word-break: auto-phrase;
}
@media screen and (max-width: 750px) {
  .sec-greeting .ly-container .ly-wrapper p {
    font-size: 0.9375rem;
  }
}
@media screen and (max-width: 576px) {
  .sec-greeting .ly-container .ly-wrapper p {
    word-break: auto-phrase;
  }
}
.sec-greeting .ly-container .ly-wrapper p span.yellow {
  color: #f3d076;
  background: linear-gradient(transparent 0%, #fffbf5 0%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  word-break: keep-all;
}
@media screen and (max-width: 750px) {
  .sec-greeting {
    background-size: 100%;
  }
  .sec-greeting .ly-container .ly-wrapper p {
    font-size: 0.9375rem;
    line-height: 2.1875rem;
    letter-spacing: 0rem;
    text-align: center;
  }
  .sec-greeting .ly-container .ly-wrapper p span.red {
    word-break: keep-all;
  }
}

/*------------------------
  top / news list
------------------------*/
.news-sec {
  background-color: #694a26;
}
.news-sec h2 {
  filter: invert(92%) sepia(5%) saturate(925%) hue-rotate(325deg) brightness(109%) contrast(98%);
}

.news-wrap {
  z-index: 2;
  position: relative;
}
.news-wrap .news-body {
  max-width: 50rem;
  margin: 0 auto;
  height: 100%;
  padding: 2.25rem 2.5rem;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 576px) {
  .news-wrap .news-body {
    padding: 0;
  }
}
.news-wrap .news-body.full {
  margin-bottom: 0;
}
.news-wrap .news-list {
  margin-bottom: 1.875rem;
}
.news-wrap .news-list__item {
  border-bottom: 1px solid #d0af62;
}
.news-wrap .news-list__item::before, .news-wrap .news-list__item::after {
  background-color: #d0af62;
}
.news-wrap .news-list .time {
  color: #d0af62;
}
.news-wrap .news-list .block {
  color: #fffbf5;
}
.news-wrap .btn_line a {
  color: #f3d076;
  border: 1px solid #f3d076;
}
.news-wrap .btn_line a:hover {
  background: #f3d076;
  color: #694a26;
}

/*------------------------
  top / news X
------------------------*/
.news-wrap .news-twitter_wrap {
  margin: 0 auto;
  position: relative;
  width: 34.375rem;
  max-width: 100%;
}
.news-wrap .news-twitter_wrap.full {
  margin-bottom: 6.25rem;
}
.news-wrap .decoframe {
  width: 100%;
  max-width: unset;
  display: block;
  position: relative;
}
.news-wrap .decoframe.bottom1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.news-wrap .decoframe.bottom3 {
  filter: invert(29%) sepia(14%) saturate(1922%) hue-rotate(352deg) brightness(92%) contrast(86%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.news-wrap .tw_account {
  position: relative;
}
.news-wrap .tw_account img.x_account {
  position: absolute;
  display: block;
  color: #fffbf5;
  top: 0;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.news-wrap .news-twitter_inner {
  background-image: url(../../images/common/decoframe_mid.png);
  padding: 0 6%;
  background-size: 100% 100%;
  position: relative;
}
.news-wrap .news-twitter {
  width: 100%;
  position: relative;
  height: 37.5rem;
}
@media screen and (max-width: 576px) {
  .news-wrap .news-twitter {
    height: 21.25rem;
  }
}
.news-wrap .news-twitter .tw_account {
  display: block;
  text-align: center;
  background-color: #482d1c;
  padding: 0 4.5rem;
}
.news-wrap .news-twitter .tw_account span {
  transform: scale(0.8, 1);
  color: #fffbf5;
  line-height: 3.75rem;
  font-family: "Arial", sans-serif;
  font-weight: bold;
  transform-origin: center left;
  transform-origin: center;
  font-size: 1.5rem;
  display: block;
  margin: 0 auto;
}
.news-wrap .news-twitter .tw_timeline_box {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: scroll;
  background: #fffbf5;
  /*スクロールバー非表示（IE・Edge）*/
  -ms-overflow-style: none;
  /*スクロールバー非表示（Firefox）*/
  scrollbar-width: none;
  /*スクロールバー非表示（Chrome・Safari）*/
}
.news-wrap .news-twitter .tw_timeline_box::-webkit-scrollbar {
  display: none;
}
.news-wrap .news-x {
  background-color: #eaddc4;
  padding: 2.5rem 0 3.375rem;
}
@media screen and (max-width: 576px) {
  .news-wrap .news-x {
    padding: 1.875rem 0 2.5rem;
  }
}
.news-wrap .news-x p {
  text-align: center;
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
  letter-spacing: 0.03125rem;
}
@media screen and (max-width: 576px) {
  .news-wrap .news-x p {
    font-size: 1.25rem;
  }
}
.news-wrap .news-x .btn_line a {
  border-color: #694a26;
  color: #694a26;
  display: block;
}

/*------------------------
  profile
------------------------*/
.sec-profile h2 {
  filter: invert(29%) sepia(14%) saturate(1922%) hue-rotate(352deg) brightness(92%) contrast(86%);
}
.sec-profile .profile-detail {
  max-width: 50rem;
  margin: 0 auto;
}
.sec-profile .profile-detail .profile-detail_text {
  text-align: center;
}
.sec-profile .profile-detail .profile-detail_text .heading-large {
  font-size: 2.25rem;
  margin-bottom: 1.75rem;
  letter-spacing: 0.125rem;
}
.sec-profile .profile-detail .profile-detail_text .text {
  margin-bottom: 1.25rem;
  line-height: 2.25rem;
}
.sec-profile .profile-detail .profile-detail_text .prof_btn_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .sec-profile .profile-detail .profile-detail_text .heading-large {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }
  .sec-profile .profile-detail .profile-detail_text .text {
    margin-bottom: 0.75rem;
    line-height: 1.5rem;
  }
}
.bg_star {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.bg_star .small, .bg_star .mid, .bg_star .large {
  position: absolute;
  top: 0;
  bottom: -300px;
  left: 0;
  right: 0;
}
.bg_star .small::before, .bg_star .small::after, .bg_star .mid::before, .bg_star .mid::after, .bg_star .large::before, .bg_star .large::after {
  content: "";
  display: block;
  position: absolute;
  width: 20%;
  opacity: 0.8;
  top: 0;
  bottom: 0;
  background-repeat: repeat-y;
}
@media screen and (max-width: 576px) {
  .bg_star .small::before, .bg_star .small::after, .bg_star .mid::before, .bg_star .mid::after, .bg_star .large::before, .bg_star .large::after {
    width: 30%;
    opacity: 0.5;
  }
}
.bg_star .small::before, .bg_star .mid::before, .bg_star .large::before {
  left: 4%;
}
.bg_star .small::after, .bg_star .mid::after, .bg_star .large::after {
  right: 4%;
}
.bg_star .small::before {
  background-image: url(../../images/top/bg_star/bgstar_small_left.svg);
}
.bg_star .small::after {
  background-image: url(../../images/top/bg_star/bgstar_small_right.svg);
}
.bg_star .mid::before {
  background-image: url(../../images/top/bg_star/bgstar_mid_left.svg);
}
.bg_star .mid::after {
  background-image: url(../../images/top/bg_star/bgstar_mid_right.svg);
}
.bg_star .large::before {
  background-image: url(../../images/top/bg_star/bgstar_large_left.svg);
}
.bg_star .large::after {
  background-image: url(../../images/top/bg_star/bgstar_large_right.svg);
}/*# sourceMappingURL=home.css.map */