<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@media screen and (min-width: 768px), print { /* 3枚表示のbxslider-------------------------------------*/
  h2 { background: url("../images/flow/h2.jpg") no-repeat; }
  /* h2は後ほど修正の必要あり	*/
  main { width: 100%; }
  .seo_bread_list { width: 1100px; margin: 0 auto; }
  #about {margin-top: 5px; padding-top: 335px; background: url("../images/flow/images.jpg") no-repeat top center; /*.inner-box */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ }
  #about .list { position: relative; width: 1000px; margin: 0 auto; }
  #about .list-item { margin-bottom: 96px; padding: 36px 36px 41px 34px; position: relative; border: 4px solid #515151; background-color: #ffffff; }
  #about .number { position: absolute; top: -15px; left: 25px; }
  #about .ttl-1 { width: 460px; margin: 0 0 30px 141px; padding-bottom: 33px; background: url("../images/flow/under.png") repeat-x bottom left; }
  #about .img-1 { position: absolute; top: 26px; right: 36px; }
  #about .txt-1 { width: 600px; color: #181617; font-size: 14px; font-weight: 400; line-height: 24px; }
  #about .txt-1 span{ color: #44ab66; }
  #about .item01 { position: relative; /*.item01 */ }
  #about .item01 .img-1 {position: absolute;top: 63px !important;right: 32px !important;}
  #about .item01 .txt-1 { margin-bottom: 35px; }
  #about .item01 .inner-box { width: 604px; padding: 26px 29px 36px 29px; background: url("../images/flow/sharp.jpg") no-repeat center center; }
  #about .item01 .inner-box .ttl-2 { width: 312px; display: block; }
  #about .item01 .inner-box .ttl-3 {width: 312px;display: inline-block;padding-top: 18px;}
  #about .item01 .inner-box .ttl-3 img{ width: 100%;}
  #about .item01 .inner-box .link {display: inline-block;width: 196px;margin-left: 33px;position: absolute;bottom: 66px;left: 362px;}
  #about .item02 { margin-bottom: 96px; padding: 35px 36px 90px 34px; position: relative; border: 4px solid #db7b01; background-color: #fffef1;  }
  #about .item02 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item02 .txt-1 { margin-bottom: 9px; }
  #about .item02::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item03 { margin-bottom: 96px; padding: 36px 36px 65px 34px; position: relative; border: 4px solid #515151; background-color: #ffffff; }
  #about .item03 .txt-1 { margin-bottom: 60px; }
  #about .item03 .ttl-1 { width: 460px; margin: 0 0 32px 141px; padding-bottom: 27px; background: url("../images/flow/under.png") repeat-x bottom left;  }
  #about .item03 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item03::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item04 { margin-bottom: 96px; padding: 36px 36px 132px 34px; position: relative; border: 4px solid #515151; background-color: #fffef1;  }
  #about .item04 .txt-1 { margin-bottom: 17px; }
  #about .item04 .ttl-1 { width: 460px; margin: 0 0 32px 141px; padding-bottom: 27px; background: url("../images/flow/under.png") repeat-x bottom left;  }
  #about .item04 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item04::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item05 { margin-bottom: 96px; padding: 36px 36px 20px 34px; position: relative; border: 4px solid #515151; background-color: #ffffff; }
  #about .item05 .txt-1 { margin-bottom: 80px; }
  #about .item05 .ttl-1 { width: 460px; margin: 0 0 32px 146px; padding-bottom: 30px; background: url("../images/flow/under.png") repeat-x bottom left;  }
  #about .item05 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item05::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item06 { margin-bottom: 96px; padding: 36px 36px 65px 34px; position: relative; border: 4px solid #515151; background-color: #ffffff; }
  #about .item06 .txt-1 { margin-bottom: 58px; }
  #about .item06 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item06::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item07 { margin-bottom: 96px; padding: 36px 36px 63px 34px; position: relative; border: 4px solid #515151; background-color: #ffffff; }
  #about .item07 .txt-1 { margin-bottom: 60px; }
  #about .item07 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item07::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item08 { background-color: #fffef1; margin-bottom: 63px !important; padding-bottom: 64px;}
  #about .item08 .ttl-1 { width: 460px; margin: 0 0 32px 146px; padding-bottom: 30px; background: url("../images/flow/under.png") repeat-x bottom left;  }
  #about .item08 .txt-1 { margin-bottom: 35px; }
  #about .item08 .img-1 { position: absolute; top: 20px; right: 33px; }
  #about .item08::before { content: url("../images/flow/line.jpg"); position: absolute; top: -97px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  /*#about */ }

/*@media screen*/
@media screen and (max-width: 767px) { #about   {width: 100%; padding-top: 75%; background: url("../sp-images/flow/images-sp.jpg") no-repeat top center;  /*.item01*/ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ /*.item02 */ }
  #about .list { position: relative; width: 95%; margin: 0 auto; }
  #about .list-item { position: relative; width: 100%; margin: 0 auto 50px; padding: 5% 2%; border: 2px solid #515151; background-color: #ffffff; }
  #about .number { position: absolute; top: -6px; left: 5px; width: 50px; }
  #about .ttl-1 { max-width: 80%; margin: 0 0 5% 60px; padding-bottom: 5%; background: url("../images/flow/under.png") repeat-x bottom left; }
  #about .img-1 { margin-bottom: 5%; text-align: center; }
  #about .txt-1 { margin-bottom: 3%; padding: 0 2%; text-align: left; font-size: 0.9rem; color: #181617; line-height: 1.5em; letter-spacing: 0.12em; }
  #about .item01 { /*.inner-box*/ }
  #about .item01 .inner-box { width: 95%; margin: 0 auto; padding: 5% 2%; background: url("../images/flow/sharp.jpg") no-repeat center center; background-size: 230%; }
  #about .item01 .inner-box .ttl-2 { margin-bottom: 2%; text-align: center; }
  #about .item01 .inner-box .ttl-3 { margin-bottom: 5%; text-align: center; vertical-align: super; padding-top: 2vw;}
  #about .item01 .inner-box .link { display: block; max-width: 196px; margin: 0 auto; }
  #about .item02 { position: relative; width: 100%; margin: 0 auto 50px; padding: 5% 2%; position: relative; border: 2px solid #db7b01; background-color: #fffef1;  }
  #about .item02::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item03::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item04 { background-color: #fffef1; }
  #about .item04::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item05::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item06::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item07::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  #about .item08 { background-color: #fffef1; }
  #about .item08::before { content: ""; background: url("../images/flow/line.jpg") no-repeat top center; background-size: contain; width: 100%; padding: 5% 0; position: absolute; top: -45px; right: 0; left: 0; margin-left: 0; margin-right: 0; text-align: center; }
  /*#about*/ }

/*@media screen*/
</pre></body></html>