.sp {
  display:none;
}
@media screen and (max-width: 540px){
  section {
    scroll-margin-top: 40px;
  }
  .sp {
    display:block;
  }
  .corp-name{
    text-align:center!important;
  }
}
.sd .header { align-content: center; align-items: center; background: rgba(255, 255, 255, 0.8); bottom: NaNpx; box-shadow: none; flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: space-between; left: 0px; margin: 0 0 0 0; opacity: 0.9; padding: 24px 40px 24px; position: fixed; right: NaNpx; top: 0px; width: 100%; z-index: 5; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd .header { background: rgb(255, 255, 255); flex: none; padding: 24px 32px 24px; }
}
@media screen and (max-width: 540px){
  .sd .header { background: rgb(255, 255, 255); flex: none; height: 10vh; opacity: 0.9; padding: 10px 24px 10px; width: 100%; max-width: 100%; }
}
.sd .home { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px; width: auto; max-width: 100%; }
.sd .home:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .home { margin: 0px 0px 0px 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .home { flex-direction: row-reverse; flex-wrap: nowrap; }
}
@media screen and (max-width: 320px){
  .sd .home { flex: none; height: auto; padding: 0px 0px 0px 0px; }
}
.sd .home-title { color: #333333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
.sd .home-title { font-size: 20px; }
}
@media screen and (max-width: 540px){
.sd .home-title { font-size: 18px; }
}
@media screen and (max-width: 320px){
  .sd .home-title { font-size: 18px; }
}
  .sd .home:hover { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .home:hover { opacity: 0; }
}
  .sd .menu { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: flex-start; width: auto; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd .menu { display: none; }
}
@media screen and (max-width: 540px){
  .sd .menu { display: none; }
}
@media screen and (max-width: 320px){
  .sd .menu { display: none; }
}
.sd .vision { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 0px 0px 32px; overflow-x: visible; overflow-y: visible; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: auto; max-width: calc(100% - 32px); }
.sd .vision:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .vision { flex: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; width: 100%; max-width: 100%; }
}
.sd .vision-title { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .vision-title { font-size: 14px; }
}
.sd .vision-title-detail { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .vision:hover .sd .vision-title-detail { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .vision:hover .sd .vision-title-detail { opacity: 0; }
}
.sd .contents { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 0px 0px 32px; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: auto; max-width: calc(100% - 32px); }
.sd .contents:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .contents { flex: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; width: 100%; max-width: 100%; }
}
.sd .contents-title { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .contents-title { font-size: 14px; }
}
.sd .contents-title-detail { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .contents:hover .sd .contents-title-detail { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .contents:hover .sd .contents-title-detail { opacity: 0; }
}
.sd .about { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 0px 0px 32px; overflow-x: visible; overflow-y: visible; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: auto; max-width: calc(100% - 32px); }
.sd .about:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .about { flex: none; margin: 0px 0px 0px 0px; padding: 8px 0px 8px 0px; width: 100%; max-width: 100%; }
}
.sd .about-title { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .about-title { font-size: 14px; }
}
.sd .about-title-detail { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .about:hover .sd .about-title-detail { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .about:hover .sd .about-title-detail { opacity: 0; }
}
.sd .footer { align-content: center; align-items: center; background: #eeeeee; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 0px 0px 0px 0px; padding: 64px 0px 64px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 320px){
  .sd .footer { padding: 64px 0px 49px 0px; }
}.sd .footer-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: wrap; height: auto; justify-content: space-between; margin: 0px 40px 0px; padding: 0px 0px 0px; width: 1200px; max-width: calc(100% - 80px); }
@media screen and (max-width: 1140px){
  .sd .footer-container { margin: 0px 32px 0px; max-width: calc(100% - 64px); }
}
@media screen and (max-width: 840px){
  .sd .footer-container { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; height: auto; }
}
@media screen and (max-width: 540px){
  .sd .footer-container { flex-direction: column; flex-wrap: nowrap; margin: 0px 24px 0px; padding: 0px 0px 0px; max-width: calc(100% - 48px); }
}
@media screen and (max-width: 320px){
  .sd .footer-container { flex: none; height: 181px; max-width: calc(100% - 48px); }
}
.sd .footer-main-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; width: auto; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd .footer-main-container { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; height: auto; margin: 0px 0px 16px 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .footer-main-container { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; margin: 0px 0px 16px 0px; }
}
@media screen and (max-width: 320px){
  .sd .footer-main-container { flex: none; height: 50%; margin: 0px 0px 0px 0px; max-width: 100%; }
}
.sd .footer-title { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 32px 0px 0px; width: auto; max-width: calc(100% - 32px); }
  .sd .footer-title:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .footer-title { margin: 0px 0px 32px 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .footer-title { flex-direction: row-reverse; flex-wrap: nowrap; }
}
.sd .footer-title-detail { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .footer-title-detail { font-size: 15px; margin: 0px 0px 8px 0px; max-width: 100%; }
}
.sd .home-title-detail { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .footer-title:hover .sd .home-title-detail { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .home-title-detail { display: none; }
  .sd .footer-title:hover .sd .home-title-detail{ opacity: 0; }
}
@media screen and (max-width: 540px){
  .sd .home-title-detail { display: none; }
}
@media screen and (max-width: 320px){
  .sd .home-title-detail { display: none; }
}
.sd  .footer-menu-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; height: auto; justify-content: center; width: auto; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd  .footer-menu-container { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; }
}
@media screen and (max-width: 540px){
  .sd  .footer-menu-container { align-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; margin: 0px 0px 0px; max-width: 100%; }
}
.sd .footer-vision { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 16px 0px 0px; width: auto; max-width: calc(100% - 16px); }
.sd .footer-vision:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .footer-vision { margin: 0px 0px 24px 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .footer-vision { flex-direction: row-reverse; flex-wrap: nowrap; }
}
.sd .footer-vision-title { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
  .sd .footer-vision-title { font-size: 16px; }
}
@media screen and (max-width: 540px){
  .sd .footer-vision-title { font-size: 15px; }
}
.sd .footer-vision-under { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .footer-vision:hover .sd .footer-vision-under { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .footer-vision-under { display: none; }
  .sd .footer-vision:hover .sd .footer-vision-under { opacity: 0; }
}
@media screen and (max-width: 540px){
  .sd .footer-vision-under { display: none; }
}
@media screen and (max-width: 320px){
  .sd .footer-vision-under { display: none; }
}
.sd .footer-contents { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 16px 0px 0px; width: auto; max-width: calc(100% - 16px); }
.sd .footer-contents:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .footer-contents { margin: 0px 0px 24px 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .footer-contents { flex-direction: row-reverse; flex-wrap: nowrap; }
}
.sd .footer-contents-title { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
  .sd .footer-contents-title { font-size: 16px; }
}
@media screen and (max-width: 540px){
  .sd .footer-contents-title { font-size: 15px; margin: 0px 0px 0px 0px; }
}
.sd .footer-contents-under { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .footer-contents:hover .sd .footer-contents-under { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .footer-contents-under { display: none; }
  .sd .footer-contents:hover .sd .footer-contents-under { opacity: 0; }
}
@media screen and (max-width: 540px){
  .sd .footer-contents-under { display: none; }
}
@media screen and (max-width: 320px){
  .sd .footer-contents-under { display: none; }
}
.sd .footer-about { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 4px 16px 0px 0px; padding: 0px 0px 0px 0px; width: auto; max-width: calc(100% - 16px); }
.sd .footer-about:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .footer-about { margin: 0px 0px 24px 0px; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .footer-about { flex-direction: row-reverse; flex-wrap: nowrap; }
}
@media screen and (max-width: 320px){
  .sd .footer-about { margin: 0px 0px 2px 0px; max-width: 100%; }
}
.sd .footer-about-title { color: #333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
  .sd .footer-about-title { font-size: 16px; }
}
@media screen and (max-width: 540px){
.sd .footer-about-title { font-size: 15px; margin: 0px 0px 0px 0px; }
}.sd .footer-about-under { background: #555555; border-radius: 0; flex: none; height: 1px; margin: 3px 0px 0px 0px; opacity: 1; transform: scale(0, 1); transform-origin: center left; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .footer-about:hover .sd .footer-about-under { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .footer-about-under { display: none; }
  .sd .footer-about:hover .sd .footer-about-under { opacity: 0; }
}
@media screen and (max-width: 540px){
  .sd .footer-about-under { display: none; }
}
@media screen and (max-width: 320px){
  .sd .footer-about-under { display: none; }
}
.sd .corp { color: #333; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 12px; font-style: normal; font-weight: 300; height: auto; letter-spacing: normal; line-height: 1.4; margin: 16px 0px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd .corp { margin: 32px 0px 0px 0px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
  .sd .corp { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; }
}
.sd.main-container { align-content: center; align-items: center; background: #fff; border-radius: 0; box-shadow: ; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: flex-start; margin: 0 0 0 0; opacity: 1; padding: 76px 0px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd.main-container { padding: 66px 0px 0px 0px; }
}
.sd .visual-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); border-bottom: 0px solid rgb(255, 255, 255); border-left: 0px solid rgb(255, 255, 255); border-right: 0px solid rgb(255, 255, 255); border-top: 0px solid rgb(255, 255, 255); flex: none; flex-direction: column; flex-wrap: nowrap; height: 90vh; justify-content: center; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 100%; z-index: 0; max-width: 100%; }
@media screen and (max-width: 840px){
  .sd .visual-container { overflow-x: hidden; overflow-y: hidden; }
}
@media screen and (max-width: 540px){
  .sd .visual-container { width: 100%; }
}
@media screen and (max-width: 320px){
  .sd .visual-container { height: 599px; width: 100%; max-width: 100%; }
}
.sd .visual-container-title { align-content: center; align-items: center; background: rgba(0,0,0,0.0); bottom: 0px; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; left: 0px; margin: 0 0 0 0; padding: 0px; position: absolute; right: 0px; top: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 1140px){
  .sd .visual-container-title { background: rgba(0,0,0,0.0); }
}
@media screen and (max-width: 840px){
  .sd .visual-container-title { padding: 30px; }
}
@media screen and (max-width: 540px){
  .sd .visual-container-title { padding: 30px; z-index: 5; }
}
@media screen and (max-width: 320px){
  .sd .visual-container-title { padding: 30px; }
}
.sd .visual-container-title-detail { color: #000000; flex: none; font-family: var(--s-font-d5afe00b); font-size: 72px; font-weight: 700; height: auto; line-height: 1.1; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; text-align: center; width: 904px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 1140px){
  .sd .visual-container-title-detail { font-size: 64px; }
}
@media screen and (max-width: 840px){
  .sd .visual-container-title-detail { font-size: 55px; margin: 0; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .visual-container-title-detail { color: #000000; font-size: 32px; line-height: 1.4; width: 394px; max-width: 100%; }
}
@media screen and (max-width: 320px){
  .sd .visual-container-title-detail { font-size: 25px; }
}
.sd .visual-container-image { background: rgba(0,0,0,0); border-radius: 0; box-shadow: none; flex: none; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; position: relative; width: 200%; z-index: -3; max-width: 200%; }
@media screen and (max-width: 840px){
/*  .sd .visual-container-image { left: 0px; top: 40%; transform: translate(0px, 0px) scale(2, 2); transform-origin: center center; width: 240%; max-width: 240%; }
  .sd .visual-container-image video { max-height: 70%; }*/
}
.sd .vision-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 96px 0px 96px 0px; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .vision-container.appear { opacity: 0; }
.sd .vision-container.appear-active {  }
@media screen and (max-width: 840px){
  .sd .vision-container { padding: 64px 0px 64px 0px; }
}
.sd .vision-container-contents { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 64px 0px; padding: 0px 0px 0px; width: 1200px; max-width: calc(100% - 128px); }
@media screen and (max-width: 1140px){
  .sd .vision-container-contents { margin: 0px 32px 0px; max-width: calc(100% - 64px); }
}
@media screen and (max-width: 540px){
  .sd .vision-container-contents { margin: 0px 24px 0px; max-width: calc(100% - 48px); }
}
.sd .vision-container-title { color: #333; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 40px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 16px 16px; text-align: left; width: calc(100% - 32px); max-width: calc(100% - 32px); justify-content: flex-start!important; }
@media screen and (max-width: 840px){
  .sd .vision-container-title { font-size: 32px; margin: 0px 0px 32px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .vision-container-title { font-size: 24px; margin: 0px 0px 32px; }
}
.sd .vision-container-content { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: space-between; margin: 0px 8px 0px; width: calc(100% - 16px); max-width: calc(100% - 16px); }
@media screen and (max-width: 840px){
  .sd .vision-container-content { margin: 0px 8px 0px; }
}
@media screen and (max-width: 540px){
  .sd .vision-container-content { flex-direction: column; flex-wrap: nowrap; margin: 0px 8px 0px; }
}
.sd .vision-container-sub { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 4px 0px; overflow-x: visible; overflow-y: visible; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: auto; z-index: 2; max-width: 100%; }
.sd .vision-container-sub:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .vision-container-sub { flex: none; }
}.sd .vision-container-sub-detail { color: #333333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .vision-container-sub-detail { font-size: 20px; }
}
.sd .vision-container-sub:hover { opacity: 1; transform: scale(1, 1); }
@media screen and (max-width: 840px){
  .sd .vision-container-sub:hover { opacity: 0; }
}.sd .vision-container-detail { color: #555555; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 17px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .vision-container-detail { display: flex; flex: none; font-size: 15px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
  .sd .vision-container-detail { display: flex; }
}
.sd .sub1 { flex: none; height: 500px; width: 100%; max-width: 100%; background-image: url("../img/sub1.jpg"); background-repeat:  no-repeat; background-position:center center; background-size:cover; }
@media screen and (max-width: 840px){
  .sd .sub1 { flex: none; height: 300px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .sub1 { flex: none; height: 250px; width: 100%; max-width: 100%; }
}
.sd .contents-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 96px 0px 96px 0px; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .contents-container.appear { opacity: 0; }
.sd .contents-container.appear-active {  }
@media screen and (max-width: 840px){
  .sd .contents-container { padding: 64px 0px 64px 0px; }
}
.sd .contents-main { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 64px 0px; padding: 0px 0px 0px; width: 1200px; max-width: calc(100% - 128px); }
@media screen and (max-width: 1140px){
  .sd .contents-main { margin: 0px 32px 0px; max-width: calc(100% - 64px); }
}
@media screen and (max-width: 540px){
  .sd .contents-main { margin: 0px 24px 0px; max-width: calc(100% - 48px); }
}.sd .contents-container-title { color: #333; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 40px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 16px 16px; text-align: left; width: calc(100% - 32px); max-width: calc(100% - 32px); justify-content: flex-start!important; }
@media screen and (max-width: 840px){
  .sd .contents-container-title { font-size: 32px; margin: 0px 0px 32px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .contents-container-title { font-size: 24px; margin: 0px 0px 32px; }
}
.sd .contents-sub1 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: space-between; margin: 0px 8px 10px; width: calc(100% - 16px); max-width: calc(100% - 16px); }
@media screen and (max-width: 840px){
  .sd .contents-sub1 { margin: 0px 8px 0px; }
}
@media screen and (max-width: 540px){
.sd .contents-sub1 { flex-direction: column; flex-wrap: nowrap; margin: 0px 8px 0px; }
}.sd .contents-sub1-title { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 4px 0px; overflow-x: visible; overflow-y: visible; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: auto; z-index: 2; max-width: 100%; }
.sd .contents-sub1-title:hover { opacity: 1; }
@media screen and (max-width: 840px){
.sd .contents-sub1-title { flex: none; }
}.sd .contents-sub1-title-detail { color: #333333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .contents-sub1-title-detail { font-size: 20px; }
}
.sd .contents-sub1-text { color: #555555; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 17px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .contents-sub1-text { display: flex; flex: none; font-size: 15px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
  .sd .contents-sub1-text { display: flex; }
}
.sd .contents-sub2 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: space-between; margin: 0px 8px 0px; width: calc(100% - 16px); max-width: calc(100% - 16px); }
@media screen and (max-width: 840px){
  .sd .contents-sub2 { margin: 0px 8px 0px; }
}
@media screen and (max-width: 540px){
  .sd .contents-sub2 { flex-direction: column; flex-wrap: nowrap; margin: 0px 8px 0px; }
}.sd .contents-sub2-title { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 4px 0px; overflow-x: visible; overflow-y: visible; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: auto; z-index: 2; max-width: 100%; }
.sd .contents-sub2-title:hover { opacity: 1; }
@media screen and (max-width: 840px){
  .sd .contents-sub2-title { flex: none; }
}.sd .contents-sub2-title-detail { color: #333333; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .contents-sub2-title-detail { font-size: 20px; }
}
.sd .contents-sub2-text { color: #555555; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 17px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px){
  .sd .contents-sub2-text { display: flex; flex: none; font-size: 15px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 320px){
  .sd .contents-sub2-text { display: flex; }
}
.sd .sub2 { flex: none; height: 500px; width: 100%; max-width: 100%;  background-image: url("../img/sub2.jpg"); background-repeat:  no-repeat; background-position:center center; background-size:cover; }
  .sd .sub2:before { background-position: center bottom; }
@media screen and (max-width: 840px){
  .sd .sub2 { flex: none; height: 300px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .sub2 { flex: none; height: 250px; width: 100%; max-width: 100%; }
}
.sd .about-container { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; padding: 96px 0px 30px 0px; transition-duration: 800ms; transition-timing-function: cubic-bezier(0, 0.7, 0.22, 1   ); width: 100%; max-width: 100%; }
.sd .about-container.appear { opacity: 0; }
.sd .about-container.appear-active {  }
@media screen and (max-width: 840px){
  .sd .about-container { padding: 64px 0px 24px 0px; }
}
@media screen and (max-width: 540px){
  .sd .about-container { flex: none; height: 131px; padding: 64px 0px 30px 0px; width: 100%; max-width: 100%; }
}.sd .about-main { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 64px 0px; padding: 0px 0px 0px; width: 1200px; max-width: calc(100% - 128px); }
@media screen and (max-width: 1140px){
  .sd .about-main { margin: 0px 32px 0px; max-width: calc(100% - 64px); }
}
@media screen and (max-width: 840px){
  .sd .about-main { flex: none; height: 49px; max-width: calc(100% - 64px); }
}
@media screen and (max-width: 540px){
  .sd .about-main { flex: none; height: 50%; margin: 0px 24px 0px; max-width: calc(100% - 48px); }
}
.sd .about-container-title { color: #333; flex: none; font-family: var(--s-font-d5afe00b); font-feature-settings: 'palt' 1; font-size: 40px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 16px 16px; text-align: left; width: calc(100% - 32px); max-width: calc(100% - 32px); justify-content: flex-start!important; }
@media screen and (max-width: 840px){
  .sd .about-container-title { font-size: 32px; margin: 0px 0px 32px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .about-container-title { font-size: 24px; margin: 0px 0px 32px; }
}
.sd .about-list { align-content: flex-start; align-items: flex-start; margin: 0px 0px 96px 0px; padding: 10px; }
@media screen and (max-width: 1140px){
  .sd .about-list { flex: none; padding: 44px; width: 90%; max-width: 90%; }
}
@media screen and (max-width: 840px){
  .sd .about-list { flex: none; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .about-list { flex: none; margin: 0px 7px 50px 10px; padding: 0px; width: calc(90% - 17px); max-width: calc(90% - 17px); }
}
.sd .list { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; padding: 20px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1140px){
  .sd .list { padding: 20px; }
}
@media screen and (max-width: 840px){
  .sd .list { padding: 20px 20px 20px 20px; }
}
@media screen and (max-width: 540px){
  .sd .list { padding: 10px 10px 10px 10px; }
}
@media screen and (max-width: 320px){
  .sd .list { flex: none; width: 100%; }
}
.sd .list-title { color: #333; flex: none; font-family: var(--s-font-d5afe00b); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 9px 0px 0px; text-align: left; width: 136px; max-width: calc(100% - 9px); justify-content: flex-start; }
@media screen and (max-width: 1140px){
  .sd .list-title { flex: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 140px; max-width: 100%; }
}
@media screen and (max-width: 840px){
  .sd .list-title { flex: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 18%; max-width: 18%; }
}
@media screen and (max-width: 540px){
  .sd .list-title { flex: none; font-size: 18px; margin: 0px 0px 0px 0px; width: 30%; max-width: 30%; }
}
@media screen and (max-width: 320px){
  .sd .list-title { flex: none; font-size: 14px; width: 40%; max-width: 40%; }
}
.sd .list-value { color: #333; font-family: var(--s-font-d5afe00b); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px){
  .sd .list-value { flex: none; margin: 0px 0px 0px 0px; text-align: left; width: 66%; max-width: 66%; justify-content: flex-start; }
}
@media screen and (max-width: 540px){
  .sd .list-value { flex: none; font-size: 18px; margin: 0px 0px 0px 0px; width: 70%; max-width: 70%; }
}
@media screen and (max-width: 320px){
  .sd .list-value { flex: none; font-size: 14px; width: 60%; max-width: 60%; }
}
.sd .sub3 { flex: none; height: 500px; width: 100%; max-width: 100%;  background-image: url("../img/sub3.jpg"); background-repeat:  no-repeat; background-position:center center; background-size:cover; }
@media screen and (max-width: 840px){
  .sd .sub3 { flex: none; height: 300px; width: 100%; max-width: 100%; }
}
@media screen and (max-width: 540px){
  .sd .sub3 { flex: none; height: 250px; width: 100%; max-width: 100%; }
}