/* Grid System width Flex */
.flexbox {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-row-rev {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: col;
}

.flex-col-rev {
  flex-direction: col-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-justify-start {
  justify-content: flex-start;
}

.flex-justify-end {
  justify-content: flex-end;
}

.flex-justify-center {
  justify-content: center;
}

.flex-justify-between {
  justify-content: space-between;
}

.flex-justify-around {
  justify-content: space-around;
}

.flex-align-start {
  align-items: flex-start;
}

.flex-align-end {
  align-items: flex-end;
}

.flex-align-center {
  align-items: center;
}

.flex-align-baseline {
  align-items: baseline;
}

/*margin*/
.mt0 {
  margin-top: 0px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mb0 {
  margin-bottom: 0px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .mt0 {
    margin-top: 0px;
  }
  .mt5 {
    margin-top: 2.5px;
  }
  .mt10 {
    margin-top: 5px;
  }
  .mt15 {
    margin-top: 7.5px;
  }
  .mt20 {
    margin-top: 10px;
  }
  .mt25 {
    margin-top: 12.5px;
  }
  .mt30 {
    margin-top: 15px;
  }
  .mt35 {
    margin-top: 17.5px;
  }
  .mt40 {
    margin-top: 20px;
  }
  .mt45 {
    margin-top: 22.5px;
  }
  .mt50 {
    margin-top: 25px;
  }
  .mt55 {
    margin-top: 27.5px;
  }
  .mt60 {
    margin-top: 30px;
  }
  .mt65 {
    margin-top: 32.5px;
  }
  .mt70 {
    margin-top: 35px;
  }
  .mt75 {
    margin-top: 37.5px;
  }
  .mt80 {
    margin-top: 40px;
  }
  .mt85 {
    margin-top: 42.5px;
  }
  .mt90 {
    margin-top: 45px;
  }
  .mt95 {
    margin-top: 47.5px;
  }
  .mt100 {
    margin-top: 50px;
  }
  .mb0 {
    margin-bottom: 0px;
  }
  .mb5 {
    margin-bottom: 2.5px;
  }
  .mb10 {
    margin-bottom: 5px;
  }
  .mb15 {
    margin-bottom: 7.5px;
  }
  .mb20 {
    margin-bottom: 10px;
  }
  .mb25 {
    margin-bottom: 12.5px;
  }
  .mb30 {
    margin-bottom: 15px;
  }
  .mb35 {
    margin-bottom: 17.5px;
  }
  .mb40 {
    margin-bottom: 20px;
  }
  .mb45 {
    margin-bottom: 22.5px;
  }
  .mb50 {
    margin-bottom: 25px;
  }
  .mb55 {
    margin-bottom: 27.5px;
  }
  .mb60 {
    margin-bottom: 30px;
  }
  .mb65 {
    margin-bottom: 32.5px;
  }
  .mb70 {
    margin-bottom: 35px;
  }
  .mb75 {
    margin-bottom: 37.5px;
  }
  .mb80 {
    margin-bottom: 40px;
  }
  .mb85 {
    margin-bottom: 42.5px;
  }
  .mb90 {
    margin-bottom: 45px;
  }
  .mb95 {
    margin-bottom: 47.5px;
  }
  .mb100 {
    margin-bottom: 50px;
  }
}
/*padding*/
.pt0 {
  padding-top: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  padding-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl0 {
  padding-left: 0px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

.pl65 {
  padding-left: 65px;
}

.pl70 {
  padding-left: 70px;
}

.pl75 {
  padding-left: 75px;
}

.pl80 {
  padding-left: 80px;
}

.pl85 {
  padding-left: 85px;
}

.pl90 {
  padding-left: 90px;
}

.pl95 {
  padding-left: 95px;
}

.pl100 {
  padding-left: 100px;
}

.pr0 {
  padding-right: 0px;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pr55 {
  padding-right: 55px;
}

.pr60 {
  padding-right: 60px;
}

.pr65 {
  padding-right: 65px;
}

.pr70 {
  padding-right: 70px;
}

.pr75 {
  padding-right: 75px;
}

.pr80 {
  padding-right: 80px;
}

.pr85 {
  padding-right: 85px;
}

.pr90 {
  padding-right: 90px;
}

.pr95 {
  padding-right: 95px;
}

.pr100 {
  padding-right: 100px;
}

@media screen and (max-width: 768px) {
  .pt0 {
    padding-top: 0px;
  }
  .pt5 {
    padding-top: 2.5px;
  }
  .pt10 {
    padding-top: 5px;
  }
  .pt15 {
    padding-top: 7.5px;
  }
  .pt20 {
    padding-top: 10px;
  }
  .pt25 {
    padding-top: 12.5px;
  }
  .pt30 {
    padding-top: 15px;
  }
  .pt35 {
    padding-top: 17.5px;
  }
  .pt40 {
    padding-top: 20px;
  }
  .pt45 {
    padding-top: 22.5px;
  }
  .pt50 {
    padding-top: 25px;
  }
  .pt55 {
    padding-top: 27.5px;
  }
  .pt60 {
    padding-top: 30px;
  }
  .pt65 {
    padding-top: 32.5px;
  }
  .pt70 {
    padding-top: 35px;
  }
  .pt75 {
    padding-top: 37.5px;
  }
  .pt80 {
    padding-top: 40px;
  }
  .pt85 {
    padding-top: 42.5px;
  }
  .pt90 {
    padding-top: 45px;
  }
  .pt95 {
    padding-top: 47.5px;
  }
  .pt100 {
    padding-top: 50px;
  }
  .pb0 {
    padding-bottom: 0px;
  }
  .pb5 {
    padding-bottom: 2.5px;
  }
  .pb10 {
    padding-bottom: 5px;
  }
  .pb15 {
    padding-bottom: 7.5px;
  }
  .pb20 {
    padding-bottom: 10px;
  }
  .pb25 {
    padding-bottom: 12.5px;
  }
  .pb30 {
    padding-bottom: 15px;
  }
  .pb35 {
    padding-bottom: 17.5px;
  }
  .pb40 {
    padding-bottom: 20px;
  }
  .pb45 {
    padding-bottom: 22.5px;
  }
  .pb50 {
    padding-bottom: 25px;
  }
  .pb55 {
    padding-bottom: 27.5px;
  }
  .pb60 {
    padding-bottom: 30px;
  }
  .pb65 {
    padding-bottom: 32.5px;
  }
  .pb70 {
    padding-bottom: 35px;
  }
  .pb75 {
    padding-bottom: 37.5px;
  }
  .pb80 {
    padding-bottom: 40px;
  }
  .pb85 {
    padding-bottom: 42.5px;
  }
  .pb90 {
    padding-bottom: 45px;
  }
  .pb95 {
    padding-bottom: 47.5px;
  }
  .pb100 {
    padding-bottom: 50px;
  }
  .pl0 {
    padding-left: 0px;
  }
  .pl5 {
    padding-left: 2.5px;
  }
  .pl10 {
    padding-left: 5px;
  }
  .pl15 {
    padding-left: 7.5px;
  }
  .pl20 {
    padding-left: 10px;
  }
  .pl25 {
    padding-left: 12.5px;
  }
  .pl30 {
    padding-left: 15px;
  }
  .pl35 {
    padding-left: 17.5px;
  }
  .pl40 {
    padding-left: 20px;
  }
  .pl45 {
    padding-left: 22.5px;
  }
  .pl50 {
    padding-left: 25px;
  }
  .pl55 {
    padding-left: 27.5px;
  }
  .pl60 {
    padding-left: 30px;
  }
  .pl65 {
    padding-left: 32.5px;
  }
  .pl70 {
    padding-left: 35px;
  }
  .pl75 {
    padding-left: 37.5px;
  }
  .pl80 {
    padding-left: 40px;
  }
  .pl85 {
    padding-left: 42.5px;
  }
  .pl90 {
    padding-left: 45px;
  }
  .pl95 {
    padding-left: 47.5px;
  }
  .pl100 {
    padding-left: 50px;
  }
  .pr0 {
    padding-right: 0px;
  }
  .pr5 {
    padding-right: 2.5px;
  }
  .pr10 {
    padding-right: 5px;
  }
  .pr15 {
    padding-right: 7.5px;
  }
  .pr20 {
    padding-right: 10px;
  }
  .pr25 {
    padding-right: 12.5px;
  }
  .pr30 {
    padding-right: 15px;
  }
  .pr35 {
    padding-right: 17.5px;
  }
  .pr40 {
    padding-right: 20px;
  }
  .pr45 {
    padding-right: 22.5px;
  }
  .pr50 {
    padding-right: 25px;
  }
  .pr55 {
    padding-right: 27.5px;
  }
  .pr60 {
    padding-right: 30px;
  }
  .pr65 {
    padding-right: 32.5px;
  }
  .pr70 {
    padding-right: 35px;
  }
  .pr75 {
    padding-right: 37.5px;
  }
  .pr80 {
    padding-right: 40px;
  }
  .pr85 {
    padding-right: 42.5px;
  }
  .pr90 {
    padding-right: 45px;
  }
  .pr95 {
    padding-right: 47.5px;
  }
  .pr100 {
    padding-right: 50px;
  }
}
/*////////////////////////

 user common css

////////////////////////*/
.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.ls5 {
  letter-spacing: 0.05em;
}

.lh2 {
  line-height: 2;
}

.lh18 {
  line-height: 1.8;
}

.lh1 {
  line-height: 1;
}

.thin {
  font-weight: 100;
}

.ex-light {
  font-weight: 200;
}

.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.sm-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.ex-bold {
  font-weight: 800;
}

.black {
  font-weight: 900;
}

.g0 {
  gap: 0px;
}

.g5 {
  gap: 5px;
}

.g10 {
  gap: 10px;
}

.g15 {
  gap: 15px;
}

.g20 {
  gap: 20px;
}

.g25 {
  gap: 25px;
}

.g30 {
  gap: 30px;
}

.g35 {
  gap: 35px;
}

.g40 {
  gap: 40px;
}

.g45 {
  gap: 45px;
}

.g50 {
  gap: 50px;
}

.g55 {
  gap: 55px;
}

.g60 {
  gap: 60px;
}

.g65 {
  gap: 65px;
}

.g70 {
  gap: 70px;
}

.g75 {
  gap: 75px;
}

.g80 {
  gap: 80px;
}

.g85 {
  gap: 85px;
}

.g90 {
  gap: 90px;
}

.g95 {
  gap: 95px;
}

.g100 {
  gap: 100px;
}

.rg0 {
  row-gap: 0px;
}

.rg5 {
  row-gap: 5px;
}

.rg10 {
  row-gap: 10px;
}

.rg15 {
  row-gap: 15px;
}

.rg20 {
  row-gap: 20px;
}

.rg25 {
  row-gap: 25px;
}

.rg30 {
  row-gap: 30px;
}

.rg35 {
  row-gap: 35px;
}

.rg40 {
  row-gap: 40px;
}

.rg45 {
  row-gap: 45px;
}

.rg50 {
  row-gap: 50px;
}

.rg55 {
  row-gap: 55px;
}

.rg60 {
  row-gap: 60px;
}

.rg65 {
  row-gap: 65px;
}

.rg70 {
  row-gap: 70px;
}

.rg75 {
  row-gap: 75px;
}

.rg80 {
  row-gap: 80px;
}

.rg85 {
  row-gap: 85px;
}

.rg90 {
  row-gap: 90px;
}

.rg95 {
  row-gap: 95px;
}

.rg100 {
  row-gap: 100px;
}

.cg0 {
  column-gap: 0px;
}

.cg5 {
  column-gap: 5px;
}

.cg10 {
  column-gap: 10px;
}

.cg15 {
  column-gap: 15px;
}

.cg20 {
  column-gap: 20px;
}

.cg25 {
  column-gap: 25px;
}

.cg30 {
  column-gap: 30px;
}

.cg35 {
  column-gap: 35px;
}

.cg40 {
  column-gap: 40px;
}

.cg45 {
  column-gap: 45px;
}

.cg50 {
  column-gap: 50px;
}

.cg55 {
  column-gap: 55px;
}

.cg60 {
  column-gap: 60px;
}

.cg65 {
  column-gap: 65px;
}

.cg70 {
  column-gap: 70px;
}

.cg75 {
  column-gap: 75px;
}

.cg80 {
  column-gap: 80px;
}

.cg85 {
  column-gap: 85px;
}

.cg90 {
  column-gap: 90px;
}

.cg95 {
  column-gap: 95px;
}

.cg100 {
  column-gap: 100px;
}

/***************************

object/add.scss

***************************/
header {
  z-index: 10;
}

header > .inner > .nav-block > .nav-items > .nav-list a {
  font-weight: 600;
  color: #000;
}
header.headerBg > .inner > .nav-block > .nav-items > .nav-list a {
  color: #fff;
}

.main-visual {
  position: relative;
  width: 100%;
}
/* @media screen and (max-width: 768px) {
  .main-visual {
    max-height: 100lvh;
  }
} */
.main-visual img {
  width: 100%;
}
@media screen and (max-width: 1920px) {
  .main-visual img {
    /* height: 100lvh; */
    object-fit: cover;
  }
}

@media screen and (max-width: 768px) {
  .main-visual img {
    width: 100%;
    height: auto;
  }
}
.main-visual .inner {
  position: absolute;
  max-width: 87.5vw;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  padding-top: 160px;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: 2;
}
@media screen and (min-width: 1921px) {
  .main-visual .inner {
    max-width: 1640px;
  }
}
@media screen and (max-width: 1024px) {
  .main-visual .inner {
    max-width: 100%;
    width: calc(100% - 40px);
  }
}
@media screen and (max-width: 767px) {
  .main-visual .inner {
    padding-top: 100px;
  }
}
@media screen and (max-width: 450px) {
  .main-visual .inner {
    width: 100%;
  }
}
.main-visual-txt h2 {
  /* font-size: 7.5rem; */
  font-size: 6.5rem;
  color: #fff;
  font-weight: 500;
  /* font-weight: 700; */
  /* text-shadow: 0 0 20px white; */
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .main-visual-txt h2 {
    font-size: 4.8828125vw;
  }
}
@media screen and (max-width: 768px) {
  .main-visual-txt h2 {
    font-size: 4rem;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 450px) {
  .main-visual-txt h2 {
    font-size: 8.8888888889vw;
  }
}
.main-visual-txt h2 br {
  display: none;
}
@media screen and (max-width: 1024px) {
  .main-visual-txt h2 br {
    display: block;
  }
}
.main-visual-txt p {
  font-size: 1.25vw;
  /* font-weight: 700; */
  line-height: 2;
  letter-spacing: 0.05em;
  /* text-shadow: 0 0 20px white; */
  color: #fff;
  font-weight: 500;
}
@media screen and (min-width: 1921px) {
  .main-visual-txt p {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1500px) {
  .main-visual-txt p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 450px) {
  .main-visual-txt p {
    font-size: 4vw;
  }
}

.introduction > .top_title > .img {
  margin-bottom: 0;
}
.introduction > .top_title > .txt {
  margin-bottom: 15px;
}
.introduction-list {
  position: relative;
  width: 100%;
}
.introduction-list-items {
  position: relative;
}
.introduction-list-items:not(:last-child) {
  margin-bottom: 50px;
}
.introduction-list-items .txt-block {
  position: absolute;
  max-width: 550px;
  width: 100%;
  background: rgba(0, 0, 0, 0.31);
  padding: 25px 60px;
  top: 50%;
  translate: 0 -50%;
  z-index: 3;
}
@media screen and (max-width: 1024px) {
  .introduction-list-items .txt-block {
    padding: 15px 25px;
  }
}
@media screen and (max-width: 768px) {
  .introduction-list-items .txt-block {
    position: static;
    translate: 0 0;
    margin: -110px auto 0;
    padding: 15px;
    max-width: 300px;
    width: 100%;
  }
}
.introduction-list-items .txt-block._right {
  right: 7.2916666667vw;
}
@media screen and (min-width: 1921px) {
  .introduction-list-items .txt-block._right {
    right: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .introduction-list-items .txt-block._right {
    right: 50px;
  }
}
.introduction-list-items .txt-block._left {
  left: 7.2916666667vw;
}
@media screen and (min-width: 1921px) {
  .introduction-list-items .txt-block._left {
    left: 140px;
  }
}
@media screen and (max-width: 1024px) {
  .introduction-list-items .txt-block._left {
    left: 50px;
  }
}
.introduction-list-items .txt-block .head {
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 1.6;
  color: #fff;
  margin-bottom: 20px;
}
@media screen and (min-width: 1921px) {
  .introduction-list-items .txt-block .head {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1500px) {
  .introduction-list-items .txt-block .head {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  .introduction-list-items .txt-block .head {
    font-size: 2rem;
  }
}
.introduction-list-items .txt-block .body {
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  line-height: 2;
}

.point {
  background-color: #F1F0DC;
}
.point > .inner > .scene-block {
  padding-bottom: 60px;
}/*# sourceMappingURL=satsukigaoka.css.map */