<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&amp;display=swap");

/* ページトップへスクロール */
html {
  scroll-behavior: smooth;
}

/* プリロード */
html:after {
    content: "";
    background-image:
     url("images/buttons/button_contact_hover.svg"),
     url("images/buttons//button_contact_active.svg"),
     url("images/buttons/info_detail_hover.svg"),
     url("images/buttons/info_detail_active.svg"),
     url("images/buttons/members_hover.svg"),
     url("images/buttons/members_active.svg"),
     url("images/buttons/point_hover.svg"),
     url("images/buttons/point_active.svg"),
     url("images/buttons/introduction_hover.svg"),
     url("images/buttons/introduction_active.svg"),
     url("images/buttons/service_hover.svg"),
     url("images/buttons/service_active.svg"),
     url("images/buttons/contact_hover.svg"),
     url("images/buttons/contact_active.svg");
}  


body {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #333;
  padding: 0 4.17%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-decoration: none;
}
img {
  vertical-align: bottom;
}

main {

  margin: 0 auto;
}

#page-top {
  position: fixed;
  bottom: 2%;
  right: 4.17%;
  z-index: 1;
}
.pagetop_arrow {
  width: 2.3dvw;
  max-width: 45px;
  min-width: 30px;
  aspect-ratio: 45 / 45;
}

.members{
    width: 13dvw;
    max-width: 241px;
    min-width: 100px;
    aspect-ratio: 241 / 58.25;
    background: no-repeat center / contain; 
    position: fixed;
    top: 2%;
    right: 4.17%;
    z-index: 1;
  }
  .members {
    background-image: url("images/buttons/members_default.svg");
  }
  .members:hover {
    background-image: url("images/buttons/members_hover.svg");
  }
  .members:active {
    background-image: url("images/buttons/members_active.svg");
  }

.first-view {
  background-image: url(images/info_first.png);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.logo {
    width: 40dvw;
    max-width: 777px;
    min-width: 300px;
    margin-top: 20dvh;
    margin-bottom: 10dvh;
  }


.contents {
    max-width: 1280px;
    margin: 0 auto;
}
.contents img {
  width: 100%;
  margin-bottom: 3.7%;
}

/* アンカーリンク */

.button-container {
  display: grid;
  gap: 0.7dvw 1.9dvh;
  margin-bottom: 5dvh;
  
}

.button-container {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
}

.anchor {
  max-width: 305px;
  width: 15.9dvw;
  aspect-ratio: 305 / 50;
  background: no-repeat center / contain;
}
@media (max-width: 960px) {
  .button-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
  }
  .anchor {
    max-width: 305px;
    width: 31dvw;
    height: 6dvw;
    background: no-repeat center / contain;
  }
}


.button-container .anchor.point {
  background-image: url("images/buttons/point_default.svg");
}
.button-container .anchor.point:hover {
  background-image: url("images/buttons/point_hover.svg");
}
.button-container .anchor.point:active {
  background-image: url("images/buttons/point_active.svg");
}

.button-container .anchor.introduction {
  background-image: url("images/buttons/introduction_default.svg");
}
.button-container .anchor.introduction:hover {
  background-image: url("images/buttons/introduction_hover.svg");
}
.button-container .anchor.introduction:active {
  background-image: url("images/buttons/introduction_active.svg");
}

.button-container .anchor.service {
  background-image: url("images/buttons/service_default.svg");
}
.button-container .anchor.service:hover {
  background-image: url("images/buttons/service_hover.svg");
}
.button-container .anchor.service:active {
  background-image: url("images/buttons/service_active.svg");
}

.button-container .anchor.contact {
  background-image: url("images/buttons/contact_default.svg");
}
.button-container .anchor.contact:hover {
  background-image: url("images/buttons/contact_hover.svg");
}
.button-container .anchor.contact:active {
  background-image: url("images/buttons/contact_active.svg");
}

/* コンテンツ */

.header-title {
    position: relative;
    left: 50%;
    width: 100vw;
    aspect-ratio:  1920/ 140;
    transform: translateX(-50%);
    background-size: cover;
    background-position: center;
    text-align: center;

  }
  .header-point{
    background-image: url('images/content_point_header-title.png');
   }
  .header-service{
    background-image: url('images//content_service_header-title.png');
   }

.introduction-container{
    width: 100%;
    display: flex;
    gap: 20px;
    padding: 0 5%;
    margin-bottom: 3.7%;
  }

.box {
  width: 100%;
  aspect-ratio:  548.75/ 227.25;
  max-height: 227.25px;
  background: no-repeat center / contain;
  position: relative;
}

.introduction02{
    background-image: url(images/content_introduction_02.png);
}
.introduction03{
    background-image: url(images/content_introduction_03.png);
}


.button-detail{
  max-width: 485px;
  width: 100%;
  aspect-ratio: 485 / 54;
  margin-bottom: 1.9dvh;
  background: no-repeat center / contain;
  position: absolute;
  top: 65%;
  left: 50%;
  translate: -50% 0;

}
.button-detail {
  background-image: url("images/buttons/info_detail_default.svg");
}
.button-detail:hover {
  background-image: url("images/buttons/info_detail_hover.svg");
}
.button-detail:active {
  background-image: url("images/buttons/info_detail_active.svg");
}

.contents-container{
    max-width: 1118px;
    margin: 0px auto 40px;
   display: flex;
   flex-direction: row;
   justify-content: center;  
  }
.button-contact{
    max-width: 305px;
    width: 20%;
    aspect-ratio: 305 / 75;
    margin-bottom: 1.9dvh;
    background: no-repeat center / contain; 
  }
  .button-contact {
    background-image: url("images/buttons/button_contact_default.svg");
  }
  .button-contact:hover {
    background-image: url("images/buttons/button_contact_hover.svg");
  }
  .button-contact:active {
    background-image: url("images/buttons/button_contact_active.svg");
  }
.contact{
  margin-bottom: 3.7%;
}

/* フッター */
footer {
  margin-top: 100px;
  text-align: center;
  padding: 30px;
  border-top: #333 1px solid;
}

.footer-logo {
  text-align: center;
}
.footer-logo img {
  width: 250px;
}
.footer-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-top: 20px;
}
.footer-list li a {
  color: #ed6c00;
}
footer p {
  margin-top: 20px;
}</pre></body></html>