@charset "UTF-8";
/*html body setting*/
/* line 3, ../scss/_default.scss */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 10, ../scss/_default.scss */
body {
  position: relative;
  /*overflow: hidden;*/
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.6;
  background: #fff;
  color: #333;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  height: 100%;
  margin: auto;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}

/*px base setting*/
/* line 31, ../scss/_default.scss */
#pxBase sup {
  vertical-align: super;
  font-size: .5em;
}
/* line 35, ../scss/_default.scss */
#pxBase a:link,
#pxBase a:visited,
#pxBase a:active,
#pxBase a:hover {
  text-decoration: none;
}
/* line 41, ../scss/_default.scss */
#pxBase figure {
  position: relative;
}
/* line 44, ../scss/_default.scss */
#pxBase img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
/* line 48, ../scss/_default.scss */
#pxBase img.object-fit {
  object-fit: cover;
  height: 100%;
}

/* visible or hidden
--------------------------------------------------------------------------------*/
/* line 57, ../scss/_default.scss */
.hidden-pc {
  display: none !important;
}

@media only screen and (max-width: 991px) {
  /* line 60, ../scss/_default.scss */
  .visible-pc {
    display: none !important;
  }

  /* line 61, ../scss/_default.scss */
  .hidden-pc {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) {
  /* line 64, ../scss/_default.scss */
  .visible-tbsp {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) {
  /* line 67, ../scss/_default.scss */
  .visible-sp {
    display: none !important;
  }
}
/* line 69, ../scss/_default.scss */
.visible-xs, .visible-sm, .visible-md, .visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  /* line 73, ../scss/_default.scss */
  .hidden-xs {
    display: none !important;
  }

  /* line 76, ../scss/_default.scss */
  .visible-xs {
    display: block !important;
  }
}
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
/* line 6, ../scss/concept.scss */
.intro-sec {
  padding: 0px 0px 160px;
  text-align: center;
  background-color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 6, ../scss/concept.scss */
  .intro-sec {
    padding: 0px 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 6, ../scss/concept.scss */
  .intro-sec {
    padding: 0px 0 80px;
  }
}
/* line 16, ../scss/concept.scss */
.intro-sec .minatoImg {
  position: relative;
  margin-bottom: 160px;
}
@media only screen and (max-width: 991px) {
  /* line 16, ../scss/concept.scss */
  .intro-sec .minatoImg {
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 16, ../scss/concept.scss */
  .intro-sec .minatoImg {
    margin-bottom: 80px;
  }
}
/* line 25, ../scss/concept.scss */
.intro-sec .minatoImg::after {
  position: absolute;
  content: "";
  height: 200px;
  background-image: linear-gradient(180deg, #f2f2f2, rgba(242, 242, 242, 0));
  top: 0;
  left: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  /* line 25, ../scss/concept.scss */
  .intro-sec .minatoImg::after {
    height: 100px;
  }
}
/* line 37, ../scss/concept.scss */
.intro-sec .minatoImg .copy {
  position: absolute;
  top: 160px;
  left: 80px;
  width: 90vw;
}
@media only screen and (max-width: 991px) {
  /* line 37, ../scss/concept.scss */
  .intro-sec .minatoImg .copy {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  /* line 37, ../scss/concept.scss */
  .intro-sec .minatoImg .copy {
    top: 0;
  }
}
/* line 51, ../scss/concept.scss */
.intro-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 54, ../scss/concept.scss */
.intro-sec .inner .introEn {
  font-size: 120px;
  line-height: 1.2;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  /* line 54, ../scss/concept.scss */
  .intro-sec .inner .introEn {
    font-size: 64px;
  }
}
/* line 61, ../scss/concept.scss */
.intro-sec .inner .introEn span {
  font-size: 60px;
  display: block;
}
@media only screen and (max-width: 767px) {
  /* line 61, ../scss/concept.scss */
  .intro-sec .inner .introEn span {
    font-size: 32px;
  }
}
/* line 69, ../scss/concept.scss */
.intro-sec .inner .introJp {
  font-size: 40px;
  line-height: 1;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  /* line 69, ../scss/concept.scss */
  .intro-sec .inner .introJp {
    font-size: 24px;
    line-height: 1.75;
  }
}
/* line 77, ../scss/concept.scss */
.intro-sec .inner .introCopy {
  font-size: 19px;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  /* line 77, ../scss/concept.scss */
  .intro-sec .inner .introCopy {
    font-size: 16px;
  }
}

/* line 89, ../scss/concept.scss */
.potencial-sec {
  padding: 160px 80px;
  background-color: #F3EEE7;
}
@media only screen and (max-width: 991px) {
  /* line 89, ../scss/concept.scss */
  .potencial-sec {
    padding: 100px 50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 89, ../scss/concept.scss */
  .potencial-sec {
    padding: 80px 30px;
  }
}
/* line 98, ../scss/concept.scss */
.potencial-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 100, ../scss/concept.scss */
.potencial-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  color: #797263;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  /* line 100, ../scss/concept.scss */
  .potencial-sec .inner .bigLead {
    font-size: 56px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 100, ../scss/concept.scss */
  .potencial-sec .inner .bigLead {
    font-size: 40px;
  }
}
/* line 109, ../scss/concept.scss */
.potencial-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  /* line 109, ../scss/concept.scss */
  .potencial-sec .inner .leadCopy {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 109, ../scss/concept.scss */
  .potencial-sec .inner .leadCopy {
    font-size: 18px;
  }
}
/* line 118, ../scss/concept.scss */
.potencial-sec .inner .centerImg {
  max-width: 800px;
}
/* line 120, ../scss/concept.scss */
.potencial-sec .inner .centerImg figure {
  width: 100%;
  margin: 0 auto;
}
/* line 126, ../scss/concept.scss */
.potencial-sec .caption {
  color: #222;
}
/* line 129, ../scss/concept.scss */
.potencial-sec .stationList {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin: 160px 0 0;
  border-bottom: solid 1px #373637;
}
/* line 135, ../scss/concept.scss */
.potencial-sec .stationList li {
  width: 25%;
  padding: 60px 30px 30px 30px;
  border-top: solid 1px #373637;
  border-left: solid 1px #373637;
}
@media only screen and (max-width: 1280px) {
  /* line 135, ../scss/concept.scss */
  .potencial-sec .stationList li {
    padding: 40px 10px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 135, ../scss/concept.scss */
  .potencial-sec .stationList li {
    width: 50%;
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 135, ../scss/concept.scss */
  .potencial-sec .stationList li {
    width: 100%;
    border-right: solid 1px #373637;
    padding: 30px;
  }
}
/* line 151, ../scss/concept.scss */
.potencial-sec .stationList li:nth-of-type(4n) {
  border-right: solid 1px #373637;
}
@media only screen and (max-width: 991px) {
  /* line 154, ../scss/concept.scss */
  .potencial-sec .stationList li:nth-of-type(2n) {
    border-right: solid 1px #373637;
  }
}
/* line 162, ../scss/concept.scss */
.potencial-sec .stationList li h3 {
  font-size: 21px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  /* line 162, ../scss/concept.scss */
  .potencial-sec .stationList li h3 {
    margin-bottom: 20px;
  }
}
/* line 169, ../scss/concept.scss */
.potencial-sec .stationList li h4 {
  font-size: 17px;
  line-height: 2;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1280px) {
  /* line 169, ../scss/concept.scss */
  .potencial-sec .stationList li h4 {
    font-size: 1.4vw;
  }
}
@media only screen and (max-width: 991px) {
  /* line 169, ../scss/concept.scss */
  .potencial-sec .stationList li h4 {
    font-size: 17px;
  }
}
/* line 180, ../scss/concept.scss */
.potencial-sec .stationList li p {
  font-size: 14px;
  line-height: 1.5;
}
/* line 184, ../scss/concept.scss */
.potencial-sec .stationList li figure {
  position: relative;
}
/* line 188, ../scss/concept.scss */
.potencial-sec .stationList li {
  background: rgba(0, 0, 0, 0);
  transition: background-color 0.5s;
}
/* line 191, ../scss/concept.scss */
.potencial-sec .stationList li h3 {
  color: #da7579;
  transition: color 0.5s;
}
/* line 195, ../scss/concept.scss */
.potencial-sec .stationList li h4 {
  color: #222;
  transition: color 0.5s;
}
/* line 199, ../scss/concept.scss */
.potencial-sec .stationList li:hover {
  background: #da7579;
}
/* line 201, ../scss/concept.scss */
.potencial-sec .stationList li:hover h3, .potencial-sec .stationList li:hover h4 {
  color: #fff !important;
}
/* line 207, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(2) h3, .potencial-sec .stationList li:nth-child(3) h3 {
  color: #615b87;
}
/* line 208, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(2):hover, .potencial-sec .stationList li:nth-child(3):hover {
  background: #615b87;
}
/* line 211, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(4) h3 {
  color: #d5b116;
}
/* line 212, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(4):hover {
  background: #d5b116;
}
/* line 215, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(5) h3 {
  color: #5daa7c;
}
/* line 216, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(5):hover {
  background: #5daa7c;
}
/* line 219, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(6) h3 {
  color: #cd8545;
}
/* line 220, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(6):hover {
  background: #cd8545;
}
/* line 223, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(7) h3, .potencial-sec .stationList li:nth-child(8) h3 {
  color: #6790c7;
}
/* line 224, ../scss/concept.scss */
.potencial-sec .stationList li:nth-child(7):hover, .potencial-sec .stationList li:nth-child(8):hover {
  background: #6790c7;
}

/* line 229, ../scss/concept.scss */
.shinagawa-sec {
  padding: 0px 80px 160px;
  background-color: #F3EEE7;
}
@media only screen and (max-width: 991px) {
  /* line 229, ../scss/concept.scss */
  .shinagawa-sec {
    padding: 0 50px 120px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 229, ../scss/concept.scss */
  .shinagawa-sec {
    padding: 0 30px 80px;
  }
}
/* line 238, ../scss/concept.scss */
.shinagawa-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 240, ../scss/concept.scss */
.shinagawa-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  color: #797263;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  /* line 240, ../scss/concept.scss */
  .shinagawa-sec .inner .bigLead {
    font-size: 56px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 240, ../scss/concept.scss */
  .shinagawa-sec .inner .bigLead {
    font-size: 40px;
  }
}
/* line 249, ../scss/concept.scss */
.shinagawa-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  /* line 249, ../scss/concept.scss */
  .shinagawa-sec .inner .leadCopy {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 249, ../scss/concept.scss */
  .shinagawa-sec .inner .leadCopy {
    font-size: 18px;
  }
}
/* line 259, ../scss/concept.scss */
.shinagawa-sec .caption {
  color: #222;
}
/* line 262, ../scss/concept.scss */
.shinagawa-sec .stationFlex {
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  margin-bottom: 160px;
  gap: 80px;
}
@media only screen and (max-width: 991px) {
  /* line 262, ../scss/concept.scss */
  .shinagawa-sec .stationFlex {
    gap: 20px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 262, ../scss/concept.scss */
  .shinagawa-sec .stationFlex {
    gap: 80px;
    margin-bottom: 80px;
    flex-direction: column;
  }
}
/* line 277, ../scss/concept.scss */
.shinagawa-sec .stationFlex li {
  width: calc(100% - 160px);
}
@media only screen and (max-width: 991px) {
  /* line 277, ../scss/concept.scss */
  .shinagawa-sec .stationFlex li {
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 767px) {
  /* line 277, ../scss/concept.scss */
  .shinagawa-sec .stationFlex li {
    width: 100%;
  }
}
/* line 285, ../scss/concept.scss */
.shinagawa-sec .stationFlex li figure {
  margin-bottom: 30px;
  position: relative;
}
/* line 289, ../scss/concept.scss */
.shinagawa-sec .stationFlex li .ttl {
  font-size: 21px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  /* line 289, ../scss/concept.scss */
  .shinagawa-sec .stationFlex li .ttl {
    font-size: 16px;
  }
}
/* line 296, ../scss/concept.scss */
.shinagawa-sec .stationFlex li .copy {
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  /* line 296, ../scss/concept.scss */
  .shinagawa-sec .stationFlex li .copy {
    font-size: 13px;
  }
}

/* line 307, ../scss/concept.scss */
.global-sec {
  padding: 160px 80px;
  background-color: #F2F2F2;
}
@media only screen and (max-width: 991px) {
  /* line 307, ../scss/concept.scss */
  .global-sec {
    padding: 100px 50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 307, ../scss/concept.scss */
  .global-sec {
    padding: 80px 30px;
  }
}
/* line 316, ../scss/concept.scss */
.global-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 318, ../scss/concept.scss */
.global-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  color: #797263;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  /* line 318, ../scss/concept.scss */
  .global-sec .inner .bigLead {
    font-size: 56px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 318, ../scss/concept.scss */
  .global-sec .inner .bigLead {
    font-size: 40px;
  }
}
/* line 327, ../scss/concept.scss */
.global-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  /* line 327, ../scss/concept.scss */
  .global-sec .inner .leadCopy {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 327, ../scss/concept.scss */
  .global-sec .inner .leadCopy {
    font-size: 18px;
  }
}
/* line 336, ../scss/concept.scss */
.global-sec .inner .simpleParallax {
  margin-right: calc(((100vw - 100%) / 2)* -1) !important;
  margin-left: calc(((100vw - 100%) / 2)* -1) !important;
}
/* line 340, ../scss/concept.scss */
.global-sec .inner .mainImg {
  position: relative;
  margin: 0 -80px;
}
@media only screen and (max-width: 991px) {
  /* line 340, ../scss/concept.scss */
  .global-sec .inner .mainImg {
    margin: 0 -50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 340, ../scss/concept.scss */
  .global-sec .inner .mainImg {
    margin: 0 -30px;
  }
}
/* line 351, ../scss/concept.scss */
.global-sec .top50 {
  text-align: center;
}
/* line 354, ../scss/concept.scss */
.global-sec .globalList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-bottom: solid 1px #373637;
  margin-right: calc(((100vw - 100%) / 2)* -1) !important;
  margin-left: calc(((100vw - 100%) / 2)* -1) !important;
}
/* line 361, ../scss/concept.scss */
.global-sec .globalList li {
  width: calc(100% / 3);
  padding: 30px;
  border-top: solid 1px #373637;
  border-left: solid 1px #373637;
}
@media only screen and (max-width: 991px) {
  /* line 361, ../scss/concept.scss */
  .global-sec .globalList li {
    width: calc(100% / 2);
  }
}
@media only screen and (max-width: 767px) {
  /* line 361, ../scss/concept.scss */
  .global-sec .globalList li {
    width: 100%;
    border-right: solid 1px #373637;
  }
}
/* line 373, ../scss/concept.scss */
.global-sec .globalList li:nth-of-type(3n) {
  border-right: solid 1px #373637;
}
@media only screen and (max-width: 991px) {
  /* line 373, ../scss/concept.scss */
  .global-sec .globalList li:nth-of-type(3n) {
    border-right: none;
  }
}
@media only screen and (max-width: 991px) {
  /* line 379, ../scss/concept.scss */
  .global-sec .globalList li:nth-of-type(2n) {
    border-right: solid 1px #373637;
  }
}
/* line 388, ../scss/concept.scss */
.global-sec .globalList li .mdl:hover .inner .bkImg img {
  filter: brightness(0.5);
  transform: scale(1.1);
}
/* line 394, ../scss/concept.scss */
.global-sec .globalList li .mdl:hover .inner .txtBlock .open {
  transform: scale(1.5);
}
/* line 400, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner {
  position: relative;
  padding: 50px;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 991px) {
  /* line 400, ../scss/concept.scss */
  .global-sec .globalList li .mdl .inner {
    padding: 20px;
  }
}
/* line 408, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .bkImg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
/* line 415, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .bkImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
  filter: brightness(1);
  transition: .3s ease;
}
/* line 424, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .txtBlock {
  z-index: 2;
  position: relative;
}
/* line 427, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .txtBlock .num {
  font-size: 49px;
  margin-bottom: 20px;
}
/* line 431, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .txtBlock .ttl {
  margin-bottom: 20px;
  font-size: 21px;
  white-space: nowrap;
}
/* line 436, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .txtBlock .copy {
  font-size: 17px;
  margin-bottom: 30px;
  line-height: 1.5;
}
@media only screen and (max-width: 991px) {
  /* line 436, ../scss/concept.scss */
  .global-sec .globalList li .mdl .inner .txtBlock .copy {
    font-size: 15px;
  }
}
/* line 444, ../scss/concept.scss */
.global-sec .globalList li .mdl .inner .txtBlock .open {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("../img/plus.svg");
  margin: 0 auto;
  transition: ease .3s;
}
@media only screen and (max-width: 991px) {
  /* line 444, ../scss/concept.scss */
  .global-sec .globalList li .mdl .inner .txtBlock .open {
    margin-bottom: 40px;
  }
}

/* line 462, ../scss/concept.scss */
.modaal-container {
  background: none;
}
/* line 464, ../scss/concept.scss */
.modaal-container .mdlBase {
  background-color: #F3EEE7;
  padding: 50px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  /* line 464, ../scss/concept.scss */
  .modaal-container .mdlBase {
    padding: 30px;
  }
}
/* line 471, ../scss/concept.scss */
.modaal-container .mdlBase h3 {
  font-size: 21px;
}
@media only screen and (max-width: 767px) {
  /* line 471, ../scss/concept.scss */
  .modaal-container .mdlBase h3 {
    font-size: 18px;
  }
}
/* line 476, ../scss/concept.scss */
.modaal-container .mdlBase h3 span {
  font-size: 14px;
  display: block;
}
/* line 480, ../scss/concept.scss */
.modaal-container .mdlBase .mdlCopy {
  margin: 30px 0;
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  /* line 480, ../scss/concept.scss */
  .modaal-container .mdlBase .mdlCopy {
    text-align: left;
  }
}
/* line 488, ../scss/concept.scss */
.modaal-container .mdlBase figure {
  position: relative;
}
/* line 491, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  /* line 491, ../scss/concept.scss */
  .modaal-container .mdlBase.flex-row {
    flex-direction: column;
  }
}
/* line 496, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media only screen and (max-width: 767px) {
  /* line 496, ../scss/concept.scss */
  .modaal-container .mdlBase.flex-row .text-flex {
    width: 100%;
  }
}
/* line 507, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex .bottomBlock p {
  font-size: 11px;
  margin-bottom: 10px;
  position: relative;
  text-align: left;
  width: fit-content;
  padding-left: 40px;
}
/* line 514, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex .bottomBlock p::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 10px;
  content: "";
  transform: translateY(3px);
}
/* line 524, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex .bottomBlock p.beige::before {
  background-color: #C8A07F;
}
/* line 529, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex .bottomBlock p.orange::before {
  background-color: #9E5216;
}
/* line 534, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex .bottomBlock p.border::before {
  background: url("../img/concept/border.png");
  background-size: contain;
}
/* line 539, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row .text-flex .bottomBlock p.caption {
  color: #222;
  padding-left: 0;
}
/* line 546, ../scss/concept.scss */
.modaal-container .mdlBase.flex-row figure {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  /* line 546, ../scss/concept.scss */
  .modaal-container .mdlBase.flex-row figure {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  /* line 551, ../scss/concept.scss */
  .modaal-container .mdlBase.flex-row figure .imgcap {
    text-align: right !important;
  }
}
/* line 560, ../scss/concept.scss */
.modaal-container .caption {
  color: #fff;
  margin-top: 10px;
}

/* line 565, ../scss/concept.scss */
.gallery-sec {
  padding: 0 80px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  /* line 565, ../scss/concept.scss */
  .gallery-sec {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 565, ../scss/concept.scss */
  .gallery-sec {
    padding: 0 30px;
  }
}
/* line 573, ../scss/concept.scss */
.gallery-sec .swiper1 {
  margin-bottom: 10px;
}

/* スライドの動き等速 */
/* line 579, ../scss/concept.scss */
.swiper-wrapper {
  transition-timing-function: linear;
}

/* line 583, ../scss/concept.scss */
.canalGreen-sec {
  padding: 160px 80px;
}
@media only screen and (max-width: 991px) {
  /* line 583, ../scss/concept.scss */
  .canalGreen-sec {
    padding: 120px 50px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 583, ../scss/concept.scss */
  .canalGreen-sec {
    padding: 80px 30px;
  }
}
/* line 591, ../scss/concept.scss */
.canalGreen-sec .inner {
  max-width: 1600px;
  margin: 0 auto;
}
/* line 593, ../scss/concept.scss */
.canalGreen-sec .inner .leadCopy {
  font-size: 24px;
  margin-bottom: 100px;
}
@media only screen and (max-width: 991px) {
  /* line 593, ../scss/concept.scss */
  .canalGreen-sec .inner .leadCopy {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 593, ../scss/concept.scss */
  .canalGreen-sec .inner .leadCopy {
    font-size: 18px;
  }
}
/* line 602, ../scss/concept.scss */
.canalGreen-sec .inner .bigLead {
  font-size: 80px;
  margin-bottom: 40px;
  line-height: 1;
}
@media only screen and (max-width: 991px) {
  /* line 602, ../scss/concept.scss */
  .canalGreen-sec .inner .bigLead {
    font-size: 56px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 602, ../scss/concept.scss */
  .canalGreen-sec .inner .bigLead {
    font-size: 40px;
  }
}
/* line 612, ../scss/concept.scss */
.canalGreen-sec .inner .centerImg figure {
  position: relative;
}
/* line 616, ../scss/concept.scss */
.canalGreen-sec .inner .greenWrap {
  margin-top: 160px;
}
@media only screen and (max-width: 991px) {
  /* line 616, ../scss/concept.scss */
  .canalGreen-sec .inner .greenWrap {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 616, ../scss/concept.scss */
  .canalGreen-sec .inner .greenWrap {
    margin-top: 80px;
  }
}
/* line 624, ../scss/concept.scss */
.canalGreen-sec .inner .greenWrap .leadCopy {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  /* line 624, ../scss/concept.scss */
  .canalGreen-sec .inner .greenWrap .leadCopy {
    margin-bottom: 40px;
  }
}
/* line 630, ../scss/concept.scss */
.canalGreen-sec .inner .greenWrap .greenFlex {
  display: flex;
  justify-content: space-between;
  max-width: 1600px;
  gap: 80px;
}
@media only screen and (max-width: 991px) {
  /* line 630, ../scss/concept.scss */
  .canalGreen-sec .inner .greenWrap .greenFlex {
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 630, ../scss/concept.scss */
  .canalGreen-sec .inner .greenWrap .greenFlex {
    flex-wrap: wrap;
    gap: 80px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 642, ../scss/concept.scss */
  .canalGreen-sec .inner .greenWrap .greenFlex li {
    width: 100%;
  }
}
/* line 646, ../scss/concept.scss */
.canalGreen-sec .inner .greenWrap .greenFlex li figure {
  margin-bottom: 20px;
  position: relative;
}
/* line 649, ../scss/concept.scss */
.canalGreen-sec .inner .greenWrap .greenFlex li .ttl {
  font-size: 16px;
}
/* line 652, ../scss/concept.scss */
.canalGreen-sec .inner .greenWrap .greenFlex li .copy {
  font-size: 16px;
  line-height: 1.5;
}

/*# sourceMappingURL=concept.css.map */