@charset "UTF-8";
/* about introduction setting
------------------------------------*/
/* line 5, ../../_scss/about/about.scss */
#aboutIntro {
  margin: 220px 0 85px;
  text-align: center;
}
/* line 8, ../../_scss/about/about.scss */
#aboutIntro h1 {
  position: relative;
  margin: 0 0 70px;
  width: 100%;
}
/* line 12, ../../_scss/about/about.scss */
#aboutIntro h1:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -45px;
  display: block;
  background: url("/img/common/ico_ci.png") 0 0/cover no-repeat;
  margin: 0 0 0 -7px;
  width: 15px;
  height: 15px;
}
/* line 23, ../../_scss/about/about.scss */
#aboutIntro h1 span {
  display: block;
  margin: 0 0 15px;
  width: 100%;
  font-size: 30px;
  color: #878e31;
}
/* line 30, ../../_scss/about/about.scss */
#aboutIntro h1 em {
  display: block;
  font-size: 12px;
}
/* line 35, ../../_scss/about/about.scss */
#aboutIntro p {
  text-align: center;
  line-height: 2.5;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
}

/* about design setting
------------------------------------*/
/* line 49, ../../_scss/about/about.scss */
#aboutDesign {
  padding: 85px 0;
  background: url("/img/about/bg_about_pc.webp") center/cover no-repeat;
  text-align: center;
  width: 100%;
  color: #fff;
}
/* line 55, ../../_scss/about/about.scss */
#aboutDesign h2 {
  position: relative;
  margin: 0 0 70px;
  width: 100%;
  font-size: 26px;
}
/* line 60, ../../_scss/about/about.scss */
#aboutDesign h2:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -45px;
  display: block;
  background: url("/img/common/ico_ci.png") 0 0/cover no-repeat;
  margin: 0 0 0 -7px;
  width: 15px;
  height: 15px;
}
/* line 72, ../../_scss/about/about.scss */
#aboutDesign p {
  text-align: center;
  line-height: 2.5;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
}

/* about profile setting
------------------------------------*/
/* line 86, ../../_scss/about/about.scss */
#aboutProfile {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 85px 0 40px;
  width: 800px;
}
/* line 92, ../../_scss/about/about.scss */
#aboutProfile #profile01 {
  margin: 0 55px 0 55px;
  width: 200px;
  text-align: center;
}
/* line 96, ../../_scss/about/about.scss */
#aboutProfile #profile01 h3 {
  padding: 15px 0 0;
}
/* line 98, ../../_scss/about/about.scss */
#aboutProfile #profile01 h3 span {
  display: block;
  padding: 0 0 15px;
  font-weight: normal;
  font-size: 18px;
}
/* line 104, ../../_scss/about/about.scss */
#aboutProfile #profile01 h3 em {
  display: block;
  padding: 0 0 15px;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-weight: normal;
  font-size: 13px;
}
/* line 110, ../../_scss/about/about.scss */
#aboutProfile #profile01 h3 em strong {
  font-weight: normal;
  color: #969171;
}
/* line 116, ../../_scss/about/about.scss */
#aboutProfile #profile01 figure {
  display: block;
  margin: 0 auto 20px;
  width: 100px;
}
/* line 121, ../../_scss/about/about.scss */
#aboutProfile #profile01 p {
  line-height: 1.66667;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
}
/* line 127, ../../_scss/about/about.scss */
#aboutProfile #profile02 {
  display: flex;
  width: 500px;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
/* line 131, ../../_scss/about/about.scss */
#aboutProfile #profile02 h4 {
  padding: 15px 0 0;
  width: 140px;
  font-weight: normal;
  font-size: 13px;
  color: #969171;
}
/* line 138, ../../_scss/about/about.scss */
#aboutProfile #profile02 ol {
  border-left: 1px solid #bea487;
  padding: 0 0 15px 35px;
}
/* line 141, ../../_scss/about/about.scss */
#aboutProfile #profile02 ol li {
  display: flex;
  padding: 10px 0 0;
  line-height: 1.66667;
  font-size: 12px;
}
/* line 146, ../../_scss/about/about.scss */
#aboutProfile #profile02 ol li span {
  display: block;
  width: 50px;
}

/* flow setting
------------------------------------*/
/* line 161, ../../_scss/about/about.scss */
#flow {
  position: relative;
  border-radius: 30px;
  background: rgba(190, 164, 134, 0.1);
  padding: 60px 0 90px;
  margin: 0 auto 85px;
  width: 1200px;
}
/* line 168, ../../_scss/about/about.scss */
#flow:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: url("../../img/about/ico_tree.png") 0 0/cover no-repeat;
  margin: 0 0 0 -30px;
  width: 59px;
  height: 60px;
}
/* line 179, ../../_scss/about/about.scss */
#flow h2 {
  margin: 0 0 60px;
  text-align: center;
  font-size: 26px;
}
/* line 184, ../../_scss/about/about.scss */
#flow ol {
  display: flex;
  justify-content: center;
  counter-reset: flow-counter;
  list-style: none;
  padding: 0 0 25px;
}
/* line 190, ../../_scss/about/about.scss */
#flow ol > li {
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
  border: 1px solid #bea487;
  background: #fff;
  margin: 0 7px;
  padding: 30px 12px 12px;
  width: 220px;
}
/* line 199, ../../_scss/about/about.scss */
#flow ol > li:before {
  position: absolute;
  top: -18px;
  left: 50%;
  content: counter(flow-counter);
  counter-increment: flow-counter;
  display: block;
  border-radius: 50%;
  background: #878e31;
  margin: 0 0 0 -18px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 23px;
  color: #fff;
}
/* line 217, ../../_scss/about/about.scss */
#flow ol > li h3 {
  margin: 0 0 15px;
  text-align: center;
  font-size: 16px;
  color: #535c36;
}
/* line 223, ../../_scss/about/about.scss */
#flow ol > li figure {
  position: relative;
  box-sizing: border-box;
  display: block;
  border-radius: 50%;
  background: #ccc;
  margin: 0 auto 15px;
  width: 43px;
  height: 43px;
  text-align: center;
}
/* line 233, ../../_scss/about/about.scss */
#flow ol > li figure:after {
  content: '';
  position: absolute;
  bottom: -16px;
  left: 50%;
  display: block;
  border-top: 8px solid #ccc;
  border-right: 4px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 4px solid transparent;
  margin: 0 0 0 -4px;
}
/* line 245, ../../_scss/about/about.scss */
#flow ol > li figure img {
  margin: 0 auto;
}
/* line 249, ../../_scss/about/about.scss */
#flow ol > li p {
  line-height: 2.0;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
}
/* line 254, ../../_scss/about/about.scss */
#flow ol > li ul {
  margin: 20px 0 10px 15px;
  font-size: 16px;
}
/* line 258, ../../_scss/about/about.scss */
#flow ol > li ul li a {
  position: relative;
  padding: 0 0 0 48px;
}
/* line 261, ../../_scss/about/about.scss */
#flow ol > li ul li a:before {
  content: '';
  position: absolute;
  top: -12px;
  left: -5px;
  display: block;
  border-radius: 50%;
  background: #bea487 url("/img/common/ico_arrow-white.png") center center/16px 15px no-repeat;
  width: 39px;
  height: 39px;
  transition: all .3s;
}
/* line 274, ../../_scss/about/about.scss */
#flow ol > li ul li a:hover:before {
  left: 0;
}
/* line 282, ../../_scss/about/about.scss */
#flow ol > li:nth-child(1) figure {
  padding: 12px 0 0;
}
/* line 284, ../../_scss/about/about.scss */
#flow ol > li:nth-child(1) figure img {
  width: 19px;
}
/* line 290, ../../_scss/about/about.scss */
#flow ol > li:nth-child(2) figure {
  padding: 9px 0 0;
}
/* line 292, ../../_scss/about/about.scss */
#flow ol > li:nth-child(2) figure img {
  width: 24px;
}
/* line 298, ../../_scss/about/about.scss */
#flow ol > li:nth-child(3) figure {
  padding: 10px 0 0;
}
/* line 300, ../../_scss/about/about.scss */
#flow ol > li:nth-child(3) figure img {
  width: 22px;
}
/* line 306, ../../_scss/about/about.scss */
#flow ol > li:nth-child(4) figure {
  padding: 10px 0 0;
}
/* line 308, ../../_scss/about/about.scss */
#flow ol > li:nth-child(4) figure img {
  width: 25px;
}
/* line 314, ../../_scss/about/about.scss */
#flow ol > li:nth-child(5) figure {
  padding: 10px 0 0;
}
/* line 316, ../../_scss/about/about.scss */
#flow ol > li:nth-child(5) figure img {
  width: 25px;
}
/* line 323, ../../_scss/about/about.scss */
#flow article {
  text-align: center;
}
/* line 325, ../../_scss/about/about.scss */
#flow article h4 {
  margin: 0 0 15px;
  font-size: 23px;
  color: #878e31;
}
/* line 330, ../../_scss/about/about.scss */
#flow article p {
  line-height: 2.0;
  font-family: YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 12px;
}

/* ------------------------------------------------------------------------
	Ajustment For Small PC Window 
------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------
	Ajustment For Smart Phone 
------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  /* about introduction setting
  ------------------------------------*/
  /* line 358, ../../_scss/about/about.scss */
  #aboutIntro {
    margin: 33.333333vw 0 20vw;
  }
  /* line 360, ../../_scss/about/about.scss */
  #aboutIntro h1 {
    margin: 0 0 14.666667vw;
  }
  /* line 362, ../../_scss/about/about.scss */
  #aboutIntro h1:after {
    bottom: -10vw;
    margin: 0 0 0 -2vw;
    width: 4vw;
    height: 4vw;
  }
  /* line 368, ../../_scss/about/about.scss */
  #aboutIntro h1 span {
    margin: 0 0 5.3333333vw;
    font-size: 8vw;
  }
  /* line 372, ../../_scss/about/about.scss */
  #aboutIntro h1 em {
    font-size: 3.2vw;
  }
  /* line 376, ../../_scss/about/about.scss */
  #aboutIntro p {
    font-size: 3.733333vw;
  }

  /* about design setting
  ------------------------------------*/
  /* line 387, ../../_scss/about/about.scss */
  #aboutDesign {
    padding: 20vw 0;
    background: url("/img/about/bg_about_sp.webp") center/cover no-repeat;
  }
  /* line 390, ../../_scss/about/about.scss */
  #aboutDesign h2 {
    margin: 0 0 14.666667vw;
    font-size: 6.9333333vw;
  }
  /* line 393, ../../_scss/about/about.scss */
  #aboutDesign h2:after {
    bottom: -10vw;
    margin: 0 0 0 -2vw;
    width: 4vw;
    height: 4vw;
  }
  /* line 400, ../../_scss/about/about.scss */
  #aboutDesign p {
    font-size: 3.733333vw;
  }

  /* about profile setting
  ------------------------------------*/
  /* line 411, ../../_scss/about/about.scss */
  #aboutProfile {
    display: block;
    padding: 20vw 0 20vw;
    width: 100vw;
  }
  /* line 415, ../../_scss/about/about.scss */
  #aboutProfile #profile01 {
    margin: 0 0 18vw;
    width: 100vw;
  }
  /* line 418, ../../_scss/about/about.scss */
  #aboutProfile #profile01 h3 {
    padding: 0;
  }
  /* line 420, ../../_scss/about/about.scss */
  #aboutProfile #profile01 h3 span {
    padding: 0 0 4vw;
    font-size: 4.8vw;
  }
  /* line 424, ../../_scss/about/about.scss */
  #aboutProfile #profile01 h3 em {
    padding: 0 0 4vw;
    font-size: 3.466667vw;
  }
  /* line 429, ../../_scss/about/about.scss */
  #aboutProfile #profile01 figure {
    margin: 0 auto 3.2vw;
    width: 26.666667vw;
  }
  /* line 433, ../../_scss/about/about.scss */
  #aboutProfile #profile01 p {
    font-size: 3.2vw;
  }
  /* line 437, ../../_scss/about/about.scss */
  #aboutProfile #profile02 {
    display: block;
    margin: 0 auto;
    width: 86.666667vw;
  }
  /* line 441, ../../_scss/about/about.scss */
  #aboutProfile #profile02 h4 {
    padding: 0 0 4.6666667vw;
    width: 100%;
    text-align: center;
    font-size: 3.466667vw;
  }
  /* line 447, ../../_scss/about/about.scss */
  #aboutProfile #profile02 ol {
    border-top: 0.2666667vw solid #bea487;
    border-left: none;
    padding: 2.666667vw 0 0 9.3333333vw;
  }
  /* line 451, ../../_scss/about/about.scss */
  #aboutProfile #profile02 ol li {
    padding: 2.666667vw 0 0;
    font-size: 3.2vw;
  }
  /* line 454, ../../_scss/about/about.scss */
  #aboutProfile #profile02 ol li span {
    width: 13.3333333vw;
  }

  /* flow setting
  ------------------------------------*/
  /* line 468, ../../_scss/about/about.scss */
  #flow {
    border-radius: 0;
    padding: 20vw 0 20vw;
    margin: 0 auto;
    width: 100vw;
  }
  /* line 473, ../../_scss/about/about.scss */
  #flow:after {
    margin: 0 0 0 -7.8666667vw;
    width: 15.733333vw;
    height: 16vw;
  }
  /* line 478, ../../_scss/about/about.scss */
  #flow h2 {
    margin: 0 0 60px;
    font-size: 6.9333333vw;
  }
  /* line 482, ../../_scss/about/about.scss */
  #flow ol {
    display: block;
    margin: 0 auto;
    padding: 0 0 10vw;
    width: 90.666667vw;
  }
  /* line 487, ../../_scss/about/about.scss */
  #flow ol > li {
    border-radius: 2.666667vw;
    border: 0.2666667vw solid #bea487;
    background: #fff;
    margin: 0 0 8vw;
    padding: 8vw 3.2vw 3.2vw;
    width: 100%;
  }
  /* line 494, ../../_scss/about/about.scss */
  #flow ol > li:before {
    top: -4.6666667vw;
    margin: 0 0 0 -4.6666667vw;
    width: 9.3333333vw;
    height: 9.3333333vw;
    line-height: 9.3333333vw;
    font-size: 6.1333333vw;
  }
  /* line 502, ../../_scss/about/about.scss */
  #flow ol > li h3 {
    margin: 0 0 3.733333vw;
    font-size: 4.2666667vw;
  }
  /* line 506, ../../_scss/about/about.scss */
  #flow ol > li figure {
    margin: 0 auto 4vw;
    width: 11.466667vw;
    height: 11.466667vw;
  }
  /* line 510, ../../_scss/about/about.scss */
  #flow ol > li figure:after {
    bottom: -4.0666667vw;
    border-top: 2.1333333vw solid #ccc;
    border-right: 1.0666667vw solid transparent;
    border-bottom: 2.1333333vw solid transparent;
    border-left: 1.0666667vw solid transparent;
    margin: 0 0 0 -1.0666667vw;
  }
  /* line 519, ../../_scss/about/about.scss */
  #flow ol > li p {
    font-size: 3.2vw;
  }
  /* line 522, ../../_scss/about/about.scss */
  #flow ol > li ul {
    margin: 5.3333333vw 0 2.666667vw 22vw;
    font-size: 4.2666667vw;
  }
  /* line 526, ../../_scss/about/about.scss */
  #flow ol > li ul li a {
    padding: 0 0 0 12.8vw;
  }
  /* line 528, ../../_scss/about/about.scss */
  #flow ol > li ul li a:before {
    top: -3.2vw;
    left: -1.3333333vw;
    background: #bea487 url("/img/common/ico_arrow-white.png") center center/4.26667vw 4vw no-repeat;
    width: 10.4vw;
    height: 10.4vw;
  }
  /* line 539, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(1) figure {
    padding: 3.2vw 0 0;
  }
  /* line 541, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(1) figure img {
    width: 5.0666667vw;
  }
  /* line 547, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(2) figure {
    padding: 2.4vw 0 0;
  }
  /* line 549, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(2) figure img {
    width: 6.4vw;
  }
  /* line 555, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(3) figure {
    padding: 2.666667vw 0 0;
  }
  /* line 557, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(3) figure img {
    width: 5.8666667vw;
  }
  /* line 563, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(4) figure {
    padding: 2.666667vw 0 0;
  }
  /* line 565, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(4) figure img {
    width: 6.6666667vw;
  }
  /* line 571, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(5) figure {
    padding: 2.666667vw 0 0;
  }
  /* line 573, ../../_scss/about/about.scss */
  #flow ol > li:nth-child(5) figure img {
    width: 6.6666667vw;
  }
  /* line 581, ../../_scss/about/about.scss */
  #flow article h4 {
    margin: 0 0 4vw;
    font-size: 6.1333333vw;
  }
  /* line 585, ../../_scss/about/about.scss */
  #flow article p {
    font-size: 3.2vw;
  }
}