@media screen and (min-width: 768px), print {
  .seo_bread_list {
    position: relative;
    margin-bottom: 124px;
  }

#lead{
  background-color: #f3f3f3;
  padding-bottom: 125px;
}

  /*============================
#lead
============================*/
  #lead .inner .bg-box {
    background-image: url(../images/about/bg-01.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    min-height: 440px;
    position: relative;
    background-color: #f3f3f3;
  }
  #lead .inner .bg-box .ttl-box {
    width: 680px;
    margin: 0 auto;
    min-height: 260px;
    background-color: #1a1a1a;
    padding-top: 18px;
    position: relative;
    top: -79px;
  }
  #lead .inner .bg-box .ttl-box .deco {
    text-align: center;
    margin-bottom: 6px;
  }
  #lead .inner .bg-box .ttl-box .ttl {
    text-align: center;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 53px;
    font-weight: 900;
    letter-spacing: 5.3px;
    margin-bottom: -9px;
  }
  #lead .inner .bg-box .ttl-box .en {
    text-align: center;
  }
  #lead .inner .txt-box-01 {
    width: 860px;
    margin: 0 auto;
    margin-bottom: -10px;
    padding: 22px 25px 18px;
    min-height: 140px;
    background-color: #a27f2b;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.8px;
    line-height: 50px;
    text-align: center;
    position: relative;
    top: -40px;
    margin-bottom: -5px;
    background-image: url(../images/about/deco-l.svg), url(../images/about/deco-r.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right bottom;
  }
  #lead .inner .txt-box-02 {
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 1.05px;
    line-height: 41px;
    text-align: center;
  }
  /*============================
#box-01
============================*/
  #box-01 {
    margin-bottom: 80px;
    background-color: #fff;
  }
  #box-01 .inner {
    position: relative;
  }
  #box-01 .inner .ttl-box {
    width: 840px;
    margin: 0 auto;
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 3.8px;
    line-height: 48px;
    text-align: center;
    padding: 23px 0 19px;
    position: relative;
    top: -47px;
    margin-bottom: -48px;
  }
  #box-01 .inner .ttl-box .deco {
    width: 50px;
    margin: 0 auto;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
  }
  #box-01 .inner .flex-01 {
    width: 1100px;
    margin: 0 auto;
    margin-top: 57px;
    margin-bottom: 96px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-01 .inner .flex-01 .box-l {
    width: 530px;
    margin-right: 40px;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.8px;
    line-height: 51px;
  }
  #box-01 .inner .flex-01 .box-l .cc {
    color: #a27f2b;
    margin-left: 6px;
  }
  #box-01 .inner .flex-01 .box-r {
    width: 530px;
    padding-top: 13px;
  /* Style for "明確な定義は実はあり" */
    height: 144px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.8px;
    line-height: 30px;
    text-align: left;
/* Text style for "明確な定義は実はあり" */
  }
  #box-01 .inner .flex-02 {
    width: 1202px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-01 .inner .flex-02 .box-l {
    width: 600px;
background: url(../images/about/box-01-txt-icon.png) repeat-y right;

}
  #box-01 .inner .flex-02 .box-l .flex-in-01 {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-01 .inner .flex-02 .box-l .flex-in-01 .box-in-l {
    width: 220px;
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 7px 16px 3px;
  }
  #box-01 .inner .flex-02 .box-l .flex-in-01 .box-in-r {
    width: 349px;
    padding: 10px 11px;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.8px;
    background-color: #f3f3f3;
  }
  #box-01 .inner .flex-02 .box-l .txt-01 {
    margin-bottom: 9px;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 48px;
    font-size: 18px;
  }
  #box-01 .inner .flex-02 .box-l .txt-01 .ss {
    font-size: 14px;
  }

  #box-01 .inner .flex-02 .box-l .ba-pic{
    margin-left: 15px;
  }


  #box-01 .inner .flex-02 .box-r {
    width: 600px; padding-left: 30px;
  }
  #box-01 .inner .flex-02 .box-r .flex-in-01 {
    margin-bottom: 5px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-01 .inner .flex-02 .box-r .flex-in-01 .box-in-l {
    width: 220px;
    background-color: #a27f2b;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 16px 4px;
  }
  #box-01 .inner .flex-02 .box-r .flex-in-01 .box-in-r {
    width: 349px;
    padding: 10px 14px 8px;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.8px;
    background-color: #f8f6e9;
  }
  #box-01 .inner .flex-02 .box-r .txt-01 {
    margin-bottom: 10px;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 48px;
    font-size: 18px;
  }
  #box-01 .inner .flex-02 .box-r .txt-01 .ss {
    font-size: 14px;
  }

  #box-01 .inner .flex-02 .box-r  .ba-pic{
    margin-left: 15px;
  }

  /*============================
#box-02
============================*/
  #box-02 {
    background-color: #f3f3f3;
    padding-top: 80px;
  }
  #box-02 .inner .bg-wap-01 .txt-01 {
    text-align: center;
    margin-bottom: 44px;
    position: relative;
    left: -8px;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 {
    background-image: url(../images/about/bg-02.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    min-height: 360px;
    margin-bottom: 70px;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .ttl-box {
    width: 840px;
    margin: 0 auto;
    position: relative;
    top: -29px;
    margin-bottom: -2px;
    background-color: #a27f2b;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .ttl-box .ttl {
    text-align: center;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 3.8px;
    line-height: 48px;
    padding: 22px 0 20px;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .txt-box-01 {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.8px;
    line-height: 50px;
    text-align: center;
    margin-bottom: 17px;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .txt-box-02 {
    width: 646px;
    margin: 0 auto;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 30px;
  }
  #box-02 .inner .bg-wap-01 .num-list {
    width: 1100px;
    margin: 0 auto;
  }
  #box-02 .inner .bg-wap-01 .num-list li {
    margin-bottom: 60px;
  }


  #box-02 .inner .bg-wap-01 .num-list li:nth-child(2n) .flex-02 .box-r{

-webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -webkit-order: -1; -moz-order: -1; order: -1;
  }


      #box-02 .inner .bg-wap-01 .num-list li:nth-child(2n) .num-bg-box .flex-02 .box-l{
        margin-right: 0;
        margin-left: 40px;
      }
  
  #box-02 .inner .bg-wap-01 .num-list .num-box {
    background-color: #1a1a1a;
    padding: 20px 31px 23px;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 .box-l {
    width: 92px;
    min-height: 108px;
    padding-right: 18px;
    margin-right: 20px;
    border-right: 2px solid #a27f2b;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 .box-r {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.8px;
    line-height: 50px;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 .box-r .cc {
    color: #ccb386;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box {
    background-color: #fff;
    padding: 30px 30px 29px 50px;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box .flex-02 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box .flex-02 .box-l {
    width: 440px;
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 30px;
    margin-right: 40px;
    padding-top: 0px;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box .flex-02 .box-r {
    width: 540px;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af {
    background-color: #0b2139;
    padding: 20px 20px 21px;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af .flex-03 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af .flex-03 .box-l {
    width: 100px;
    min-height: 110px;
    border-right: 2px solid #a27f2b;
    padding-top: 12px;
    margin-right: 27px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af .flex-03 .box-r {
    width: 920px;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 42px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .deme-box {
    background-image: url(../images/about/ptn.png);
    background-repeat: repeat;
    background-position: center 0;
    padding-top: 28px;
    padding-bottom: 50px;
    margin-bottom: 84px;
    margin-top: 81px;
  }
  #box-02 .inner .deme-box .inner .flex-01 {
    width: 1060px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l {
    width: 510px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .en {
    margin-bottom: 1px;
    text-align: center;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .ttl {
    color: #ccb386;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-align: center;
    margin-bottom: 10px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .box {
    width: 510px;
    background-color: #f8f6e9;
    padding: 12px 25px 31px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .box .list li {
    border-bottom: 1px dashed #000;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    padding: 18px 14px 11px 42px;
    background-image: url(../images/about/ch-01.svg);
    background-repeat: no-repeat;
    background-position: left 21px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r {
    width: 510px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .en {
    margin-bottom: 1px;
    text-align: center;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .ttl {
    color: #e8e8e8;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.8px;
    text-align: center;
    margin-bottom: 9px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .box {
    width: 510px;
    background-color: #f3f3f3;
    padding: 12px 25px 30px;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .box .list li {
    border-bottom: 1px dashed #000;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    padding: 18px 14px 11px 42px;
    background-image: url(../images/about/ch-02.svg);
    background-repeat: no-repeat;
    background-position: left 21px;
  }
  #box-02 .inner .bg-box-02 {
    background-color: #f3f3f3;
    padding-bottom: 124px;
    margin-bottom: 48px;
  }
  #box-02 .inner .bg-box-02 .bd-box {
    width: 1280px;
    margin: 0 auto;
    border: 4px solid #1a1a1a;
    background-color: #ffffff;
    padding-top: 40px;
  }
  #box-02 .inner .bg-box-02 .bd-box .ttl-box-03 .ttl-03 {
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: 3.8px;
    text-align: center;
    margin-bottom: -3px;
  }
  #box-02 .inner .bg-box-02 .bd-box .ttl-box-03 .en-01 {
    text-align: center;
    margin-bottom: 39px;
  /* Style for "TANAKA HOM" */
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 34px;
    text-transform: uppercase;
/* Text style for "TANAKA HOM" */
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list {
    width: 1040px;
    margin: 0 auto;
    margin-bottom: 39px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list li {
    width: 240px;
    margin-right: 26px;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list li:nth-child(4n) {
    margin-right: 0px;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list .li-txt {
    background-color: #f8f6e9;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 48px;
    text-align: center;
  }
  #box-02 .inner .bg-box-02 .bd-box .ansin-list {
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 49px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-box-02 .bd-box .txt-box-04 {
    width: 680px;
    margin: 0 auto;
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 30px;
    margin-bottom: 37px;
    text-align: center;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 {
    background-color: #0b2139;
    text-align: center;
    padding: 38px 40px 30px;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 .ac-box {
    text-align: center;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 .ac-box .txt-box-05 {
    width: 783px;
    margin: 0 auto;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1.4px;
    line-height: 50px;
    padding: 0 40px;
    background-image: url(../images/about/deco-l-01.svg), url(../images/about/deco-r-01.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: 2px 9px,right 0px top 10px;
    margin-bottom: 17px;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 .txt-box-06 {
    text-align: center;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    line-height: 24px;
  }
  .o-txt-01 {
    text-align: center;
    margin-bottom: 4px;
    margin-top: 66px;
  }
  .ec-flow-bnr-box {
    width: 1200px;
    margin: 0 auto;
    background-color: #f3f3f3;
    padding: 55px 0 1px;
    margin-bottom: 60px;
  }
  .ec-flow-bnr-box .list {
    width: 820px;
    margin: 0 auto;
    margin-bottom: 53px;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ec-flow-bnr-box .list li {
    margin-right: 21px;
  }
  .ec-flow-bnr-box .list li:nth-child(3n) {
    margin-right: 0px;
  }
  .ec-flow-bnr-box-02 {
    width: 820px;
    margin: 0 auto;
  }
  .ec-flow-bnr-box-02 .list-02 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ec-flow-bnr-box-02 .list-02 li {
    width: 394px;
  }
  .ec-box {
    text-align: center;
  }
  .ec-box .deco {
    margin-bottom: 4px;
  }
  .ec-box .ttl {
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    
  /* Style for "タナカホームの遊び心" */
    color: #000000;
    font-size: 25px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2.5px;
    line-height: 75px;
    text-align: center;
/* Text style for "タナカホームの遊び心" */
  }
  .ec-box .ttl .cc {
    color: #A27F2B;
  }
  .ec-box .txt-01 {
    margin-bottom: 28px;
  }
  .ec-box .ec-box-rel {
    width: 1020px;
    margin: 0 auto;
    margin-bottom: 100px;
    position: relative;
  }
  .ec-box .ec-box-rel .hito {
    position: absolute;
    top: -125px;
    right: 17px;
  }
}


@media screen and (max-width: 767px) {
  /*============================
#lead
============================*/
  #lead .inner .bg-box {
    background-image: url(../images/about/sp-bg-01.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    position: relative;
    background-color: #f3f3f3;
    padding-bottom: 20vw;
    margin-bottom: 7.729vw;
  }
  #lead .inner .bg-box .ttl-box {
    width: 100%;
    margin: 0 auto;
    background-color: #1a1a1a;
    padding-top: 4.348vw;
    padding-bottom: 0.242vw;
  }
  #lead .inner .bg-box .ttl-box .deco {
    width: 32vw;
    margin: 0 auto;
    margin-bottom: 2.415vw;
  }
  #lead .inner .bg-box .ttl-box .ttl {
    text-align: center;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 6.763vw;
    font-weight: 900;
    letter-spacing: 0.362vw;
    margin-bottom: -1.208vw;
  }
  #lead .inner .bg-box .ttl-box .en {
    width: 48vw;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10vw;
  }
  #lead .inner .txt-box-01 {
    width: 92vw;
    margin: 0 auto;
    padding: 3.865vw 5.797vw 3.865vw;
    min-height: 33.816vw;
    background-color: #a27f2b;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.865vw;
    font-weight: 700;
    letter-spacing: 0.676vw;
    line-height: 1.7;
    position: relative;
    background-image: url(../images/about/deco-l.svg), url(../images/about/deco-r.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: left top,right bottom;
    margin-bottom: 6vw;
  }
  #lead .inner .txt-box-02 {
    margin-bottom: 19.324vw;
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.121vw;
    line-height: 1.75;
    text-align: center;
  }
  /*============================ #box-01 ============================*/
  #box-01 {
    margin-bottom: 10vw;
    background-color: #F3F3F3;
    padding-top: 7vw;
  }
  #box-01 .inner {
    position: relative;
    background-color: #fff;
    width: 92vw;
    margin: 0 auto;
  }
  #box-01 .inner .ttl-box {
    width: 86vw;
    margin: 0 auto;
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.865vw;
    font-weight: 700;
    letter-spacing: 0.459vw;
    line-height: 1.75;
    text-align: center;
    padding: 7.246vw 0 3.865vw;
    position: relative;
    top: -14.493vw;
    margin-bottom: -9.662vw;
  }
  #box-01 .inner .ttl-box .deco {
    width: 11vw;
    margin: 0 auto;
    position: absolute;
    top: -4.831vw;
    left: 0;
    right: 0;
  }
  #box-01 .inner .flex-01 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 8.454vw;
    padding: 0 4vw;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-01 .inner .flex-01 .box-l {
    width: 100%;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.865vw;
    font-weight: 700;
    letter-spacing: 0.338vw;
    line-height: 1.75;
    margin-bottom: 4.831vw;
  }
  #box-01 .inner .flex-01 .box-l .cc {
    color: #a27f2b;
  }
  #box-01 .inner .flex-01 .box-r {
    width: 100%;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 400;
    letter-spacing: 0.181vw;
    line-height: 6.763vw;
  }
  #box-01 .inner .flex-02 {
    width: 100%;
  }
  #box-01 .inner .flex-02 .box-l {
    width: 92%;
    margin: 0 auto;
    margin-bottom: 5vw; padding-bottom: 5vw;
    border-bottom: dotted 1px #000;
    text-align: center;
  }
  #box-01 .inner .flex-02 .box-l .flex-in-01 {
    margin-bottom: 2.415vw;
  }
  #box-01 .inner .flex-02 .box-l .flex-in-01 .box-in-l {
    width: 100%;
    background-color: #1a1a1a;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.865vw;
    font-weight: 700;
    letter-spacing: 0.242vw;
    padding: 1.932vw 3.865vw;
    text-align: center;
  }
  #box-01 .inner .flex-02 .box-l .flex-in-01 .box-in-r {
    width: 100%;
    padding: 1.932vw 3.865vw;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.193vw;
    text-align: center;
    background-color: #f3f3f3;
  }
  #box-01 .inner .flex-02 .box-l .txt-01 {
    margin-bottom: 3.865vw;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.169vw;
    line-height: 1.75;
    font-size: 4.348vw;
  }
  #box-01 .inner .flex-02 .box-l .txt-01 .ss {
    font-size: 3.382vw;
  }
  #box-01 .inner .flex-02 .box-r {
    width: 92%;
    margin: 0 auto;
    text-align: center;
  }
  #box-01 .inner .flex-02 .box-r .flex-in-01 {
    margin-bottom: 4.348vw;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-01 .inner .flex-02 .box-r .flex-in-01 .box-in-l {
    width: 100%;
    background-color: #a27f2b;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.242vw;
    padding: 1.932vw 3.865vw;
  }
  #box-01 .inner .flex-02 .box-r .flex-in-01 .box-in-r {
    width: 100%;
    padding: 1.932vw 3.865vw;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.193vw;
    background-color: #f8f6e9;
  }
  #box-01 .inner .flex-02 .box-r .txt-01 {
    margin-bottom: 3.865vw;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.169vw;
    line-height: 1.75;
    font-size: 4.348vw;
  }
  #box-01 .inner .flex-02 .box-r .txt-01 .ss {
    font-size: 3.382vw;
  }
  /*============================ #box-02 ============================*/
  #box-02 {
    background-color: #f3f3f3;
    padding-top: 9.662vw;
    margin-bottom: 8vw;
  }
  #box-02 .inner .bg-wap-01 .txt-01 {
    width: 72vw;
    margin: 0 auto;
    margin-bottom: 14vw;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 {
    background-image: url(../images/about/sp-bg-02.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100%;
    margin-bottom: 8vw;
    padding-bottom: 10vw;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .ttl-box {
    width: 88vw;
    margin: 0 auto;
    background-color: #a27f2b;
    position: relative;
    top: -6.28vw;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .ttl-box .ttl {
    text-align: center;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 4.348vw;
    font-weight: 700;
    letter-spacing: 0.918vw;
    line-height: 1.75;
    padding: 2.899vw 0 2.899vw;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .txt-box-01 {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.865vw;
    font-weight: 700;
    letter-spacing: 0.338vw;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 3.865vw;
  }
  #box-02 .inner .bg-wap-01 .bg-box-01 .txt-box-02 {
    width: 92vw;
    margin: 0 auto;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.382vw;
    font-weight: 400;
    letter-spacing: 0.193vw;
    line-height: 1.75;
  }
  #box-02 .inner .bg-wap-01 .num-list {
    width: 92vw;
    margin: 0 auto;
  }
  #box-02 .inner .bg-wap-01 .num-list li {
    margin-bottom: 14.493vw;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box {
    background-color: #1a1a1a;
    padding: 5.797vw 4.106vw 5.797vw;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 .box-l {
    width: 25.362vw;
    margin: 0 auto;
    display: block;
    margin-bottom: 2.899vw;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 .box-r {
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 3.865vw;
    font-weight: 700;
    letter-spacing: 0.676vw;
    line-height: 1.75;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-box .flex-01 .box-r .cc {
    color: #ccb386;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box {
    background-color: #fff;
    padding: 5.797vw 4.106vw 5.797vw;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box .flex-02 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box .flex-02 .box-l {
    width: 100%;
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.382vw;
    font-weight: 400;
    letter-spacing: 0.193vw;
    line-height: 1.75;
  }
  #box-02 .inner .bg-wap-01 .num-list .num-bg-box .flex-02 .box-r {
    width: 100%;
    -webkit-box-ordinal-group: -1;
    -webkit-flex-order: -1;
    -moz-flex-order: -1;
    -moz-order: -1;
    -ms-flex-order: -1;
        order: -1;
    margin-bottom: 3vw;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af {
    background-color: #0b2139;
    padding: 2.415vw 3.382vw 5.797vw;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af .flex-03 .box-l {
    width: 43.478vw;
    margin: 0 auto;
    margin-bottom: 4vw;
    position: relative;
    padding-top: 2.899vw;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .bg-wap-01 .num-list .li-af .flex-03 .box-r {
    width: 100%;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.29vw;
    line-height: 1.75;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #box-02 .inner .deme-box {
    background-image: url(../images/about/ptn.png);
    background-repeat: repeat;
    background-position: center 0;
    padding-top: 5.797vw;
    padding-bottom: 9.662vw;
    margin-bottom: 11.594vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 {
    width: 92vw;
    margin: 0 auto;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l {
    width: 100%;
    margin-bottom: 5vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .en {
    margin-bottom: 0.966vw;
    text-align: center;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .ttl {
    color: #ccb386;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 4.831vw;
    font-weight: 700;
    letter-spacing: 0.676vw;
    text-align: center;
    margin-bottom: 3.382vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .box {
    width: 100%;
    background-color: #f8f6e9;
    padding: 1.208vw 4.106vw 6.763vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-l .box .list li {
    border-bottom: 1px dashed #000;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.242vw;
    padding: 3.382vw 0px 3.14vw 7.005vw;
    background-image: url(../images/about/ch-01.svg);
    background-repeat: no-repeat;
    background-position: left 15px;
    background-size: 5vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r {
    width: 100%;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .en {
    margin-bottom: 0.966vw;
    text-align: center;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .ttl {
    color: #e8e8e8;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 4.831vw;
    font-weight: 700;
    letter-spacing: 0.676vw;
    text-align: center;
    margin-bottom: 3.382vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .box {
    width: 100%;
    background-color: #f3f3f3;
    padding: 2.899vw 6.039vw 7.246vw;
  }
  #box-02 .inner .deme-box .inner .flex-01 .box-r .box .list li {
    border-bottom: 1px dashed #000;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.242vw;
    padding: 3.382vw 0px 3.14vw 7.005vw;
    background-image: url(../images/about/ch-02.svg);
    background-repeat: no-repeat;
    background-position: left 15px;
    background-size: 5vw;
  }
  #box-02 .inner .bg-box-02 {
    background-color: #f3f3f3;
  }
  #box-02 .inner .bg-box-02 .bd-box {
    width: 92vw;
    margin: 0 auto;
    border: 4px solid #1a1a1a;
    background-color: #ffffff;
    padding: 6vw 4vw 6vw;
  }
  #box-02 .inner .bg-box-02 .bd-box .ttl-box-03 .ttl-03 {
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 4.831vw;
    font-weight: 700;
    letter-spacing: 0.29vw;
    text-align: center;
    margin-bottom: 1.449vw;
    line-height: 1.5;
  }
  #box-02 .inner .bg-box-02 .bd-box .ttl-box-03 .en-01 {
    text-align: center;
    margin-bottom: 5.797vw;
    font-size: 2.899vw;
    font-weight: 700;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 5.797vw;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list li {
    width: 39vw;
    margin-bottom: 4vw;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list li:nth-child(2n) {
    margin-right: 0px;
  }
  #box-02 .inner .bg-box-02 .bd-box .pic-list .li-txt {
    background-color: #f8f6e9;
    color: #1a1a1a;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.435vw;
    line-height: 1.75;
    text-align: center;
    padding: 1.208vw;
  }
  #box-02 .inner .bg-box-02 .bd-box .ansin-list {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 9.662vw;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
  }
  #box-02 .inner .bg-box-02 .bd-box .ansin-list li {
    width: 33%;
  }
  #box-02 .inner .bg-box-02 .bd-box .ansin-list li:last-child {
    width: 60%; margin-left: -14vw;
  }
    #box-02 .inner .bg-box-02 .bd-box .ansin-list li:last-child img{
    width: 100%;
  }
  #box-02 .inner .bg-box-02 .bd-box .txt-box-04 {
    width: 100%;
    margin: 0 auto;
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.382vw;
    font-weight: 400;
    letter-spacing: 0.193vw;
    line-height: 1.75;
    margin-bottom: 9.662vw;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 {
    background-color: #0b2139;
    text-align: center;
    padding: 5.314vw 4.106vw 6.763vw;
  }
  .ac-box {
    text-align: center;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 .ac-box .txt-box-05 {
    width: 100%;
    margin: 0 auto;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.623vw;
    font-weight: 700;
    letter-spacing: 0.338vw;
    line-height: 1.75;
    padding: 0 4.106vw;
    background-image: url(../images/about/deco-l-01.svg), url(../images/about/deco-r-01.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: 0 0,right 0;
    background-size: 3vw,3vw;
    margin-bottom: 4.348vw;
    text-align: left;
  }
  #box-02 .inner .bg-box-02 .bd-box .bg-box-03 .txt-box-06 {
    width: 67vw;
    margin: 0 auto;
    text-align: left;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 3.14vw;
    font-weight: 500;
    letter-spacing: 0.193vw;
    line-height: 1.75;
  }
  .o-txt-01 {
    width: 64vw;
    margin: 0 auto;
    margin-bottom: 1.932vw;
  }
  .ec-flow-bnr-box {
    width: 100%;
    margin: 0 auto;
    background-color: #f3f3f3;
    padding: 9.662vw 0 0.242vw;
    margin-bottom: 14.493vw;
  }
  .ec-flow-bnr-box .list {
    width: 81.884vw;
    margin: 0 auto;
    margin-bottom: 4.831vw;
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ec-flow-bnr-box .list li {
    margin-bottom: 6.401vw;
  }
  .ec-flow-bnr-box .list li:nth-child(4n) {
    margin-right: 0px;
  }
  .ec-flow-bnr-box-02 {
    width: 81.884vw;
    margin: 0 auto;
  }
  .ec-flow-bnr-box-02 .list-02 {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .ec-flow-bnr-box-02 .list-02 li {
    width: 100%;
    margin-bottom: 6.763vw;
  }
  .ec-box {
    text-align: center;
  }
  .ec-box .deco {
    margin-bottom: 7.246vw;
  }
  .ec-box .ttl {
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-style: normal;
    font-size: 4.831vw;
    font-weight: 700;
    letter-spacing: 0.242vw;
    line-height: 1.7;
    margin-bottom: 3.865vw;
  }
  .ec-box .ttl .cc {
    color: #A27F2B;
    display: block;
  }
  .ec-box .txt-01 {
    font-size: 3.382vw;
    margin-bottom: 7.729vw;
  }
  .ec-box .btn {
    width: 91.787vw;
    margin: 0 auto;
    position: relative;
    margin-bottom: 11.594vw;
  }
  .ec-box .ec-box-rel {
    position: relative;
  }
  .ec-box .ec-box-rel .hito {
    width: 20vw;
    position: absolute;
    top: -20.048vw;
    right: 4.589vw;
  }
}
/*# sourceMappingURL=page-about.css.map */