.sa {
  opacity: 0;
  transition: all 1.2s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa-lr {
  transform: translate(-80px, 0);
}

.sa-rl {
  transform: translate(80px, 0);
}

.sa-up {
  transform: translate(0, 40px);
}

.sa-down {
  transform: translate(0, -80px);
}

.sa-scaleUp {
  transform: scale(0.7);
}

.sa-scaleDown {
  transform: scale(1.5);
}

.sa-rotateL {
  transform: rotate(180deg);
}

.sa-rotateR {
  transform: rotate(-180deg);
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fade1 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.fadein {
  animation-name: fadein;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

.fade1 {
  animation-name: fade1;
  animation-duration: 3s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

.delay-2 {
  transition-delay: 0.2s;
}

.delay-3 {
  transition-delay: 0.3s;
}

.delay-4 {
  transition-delay: 0.4s;
}

.delay-5 {
  transition-delay: 0.5s;
}

.delay-6 {
  transition-delay: 0.6s;
}

.delay-7 {
  transition-delay: 0.7s;
}

.delay-8 {
  transition-delay: 0.8s;
}

.delay-9 {
  transition-delay: 0.9s;
}

.delay-10 {
  transition-delay: 1s;
}

.delay-11 {
  transition-delay: 1.1s;
}

.delay-12 {
  transition-delay: 1.2s;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  width: 100%;
  display: block;
}

a {
  text-decoration: none;
  transition: 0.4s;
  color: inherit;
}
a:hover {
  color: inherit;
}
a:visited {
  color: inherit;
}

ul {
  list-style: none;
}

.ib_item {
  display: inline-block;
}

.text_base {
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (max-width: 640px) {
  .text_base {
    font-size: 14px;
  }
}

.contents_wrapper {
  max-width: 1200px;
  margin-inline: auto;
}

div.webonly20250808 {
  width: 100%;
  overflow: hidden;
  background: #fff;
  color: #000;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
div.webonly20250808 div.top_area {
  max-width: 1200px;
  margin: 0 auto;
}
div.webonly20250808 p.comment1 {
  max-width: 1000px;
  width: 94%;
  min-width: 560px;
  margin: 12% auto;
  text-align: center;
}
@media (max-width: 640px) {
  div.webonly20250808 p.comment1 {
    min-width: unset;
    margin: 15% auto;
  }
}
div.webonly20250808 .main_contents .item_area {
  width: 60%;
  min-width: 500px;
  margin-inline: auto;
  display: flex;
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .item_area {
    width: 80%;
    min-width: 300px;
  }
}
div.webonly20250808 .main_contents .item_area a {
  transition: 0.4s;
}
div.webonly20250808 .main_contents .item_area a:hover {
  filter: brightness(1.1);
}
div.webonly20250808 .main_contents .main_area {
  margin-top: 5%;
  padding-block: 8%;
  background: #b7bace;
}
div.webonly20250808 .main_contents .main_area .main_wrapper {
  max-width: 1000px;
  margin-inline: auto;
}
div.webonly20250808 .main_contents .main_area .top_box {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 85% 15%;
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .main_area .top_box {
    grid-template-rows: 82% 18%;
  }
}
div.webonly20250808 .main_contents .main_area .top_box img {
  grid-area: 1/1/-1/-1;
}
div.webonly20250808 .main_contents .main_area .top_box .top_text_box {
  grid-area: 2/1/-1/-1;
  text-align: right;
  padding-right: 30px;
  font-size: 24px;
  font-family: "Jost", sans-serif;
  transition: 0.4s;
}
div.webonly20250808 .main_contents .main_area .top_box .top_text_box:hover {
  color: inherit;
}
div.webonly20250808 .main_contents .main_area .top_box .top_text_box:visited {
  color: inherit;
}
@media (max-width: 810px) {
  div.webonly20250808 .main_contents .main_area .top_box .top_text_box {
    font-size: 20px;
  }
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .main_area .top_box .top_text_box {
    padding-right: 20px;
    font-size: 18px;
  }
}
@media (max-width: 450px) {
  div.webonly20250808 .main_contents .main_area .top_box .top_text_box {
    padding-right: 10px;
    font-size: 16px;
  }
}
div.webonly20250808 .main_contents .main_area .top_box h2 {
  font-size: 30px;
  letter-spacing: 0.05em;
}
@media (max-width: 810px) {
  div.webonly20250808 .main_contents .main_area .top_box h2 {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .main_area .top_box h2 {
    font-size: 20px;
  }
}
@media (max-width: 450px) {
  div.webonly20250808 .main_contents .main_area .top_box h2 {
    font-size: 18px;
  }
}
div.webonly20250808 .main_contents .style_box_1 {
  margin-top: 10%;
  width: 94%;
  margin-left: auto;
  display: flex;
  gap: 7%;
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .style_box_1 {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .style_box_1 .box_1_l {
    width: 85%;
    margin-left: 20px;
  }
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .style_box_1 .box_1_r {
    width: 90%;
    margin-left: auto;
  }
}
div.webonly20250808 .main_contents .style_box_1 .box_1_r p {
  padding: 5% 3%;
  margin: 0;
}
div.webonly20250808 .main_contents .style_box_2 {
  margin-top: 10%;
  width: 94%;
  display: flex;
  gap: 7%;
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .style_box_2 {
    flex-direction: column;
    width: 100%;
  }
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .style_box_2 .box_2_l {
    width: 85%;
    margin-left: 20px;
  }
}
@media (max-width: 640px) {
  div.webonly20250808 .main_contents .style_box_2 .box_2_r {
    width: 90%;
    margin-left: auto;
  }
}
div.webonly20250808 .main_contents .style_box_2 .box_2_r p {
  padding: 5% 3%;
  margin: 0;
}
div.webonly20250808 .bottom_img {
  width: 100%;
}
div.webonly20250808 .bottom_img img {
  max-height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 640px) {
  div.webonly20250808 .bottom_img img {
    min-height: 400px;
  }
}
div.webonly20250808 .credit_area {
  background: #b7bace;
}
div.webonly20250808 .credit_area .credit_wrapper {
  max-width: 600px;
  width: 90%;
  margin-inline: auto;
  padding-block: 5%;
  transition: 0.4s;
}
div.webonly20250808 .credit_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Jost", sans-serif;
}
div.webonly20250808 .credit_box:hover {
  text-decoration: none;
  color: #505050;
}
div.webonly20250808 .credit_box .item_name {
  width: 40%;
  font-weight: bold;
}
div.webonly20250808 .credit_box .more_btn {
  display: block;
  padding: 5px 10px;
  background: #000;
  color: #fff;
  border: 1px solid #000;
  transition: 0.4s;
}
@media (max-width: 640px) {
  div.webonly20250808 .credit_box .more_btn {
    padding: 3px 8px;
  }
}
div.webonly20250808 .credit_box:hover .more_btn {
  background: #fff;
  color: #000;
}

a.link_line {
  padding-bottom: 5px;
  position: relative;
}
a.link_line:before {
  background: #707070;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform-origin: right top;
  transform: scale(0, 1);
  transition: transform 0.3s;
}
a.link_line:hover::before {
  transform-origin: left top;
  transform: scale(1, 1);
}/*# sourceMappingURL=0808webonly.css.map */