@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : concept.css
 author     : Ability Consultant
 style info : コンセプト
 =================================================================== */
.webp #contents {
  background: url(../concept/images/bg_spot.webp) top -63em right repeat-y;
}
.no-webp #contents {
  background: url(../concept/images/bg_spot.png) top -63em right repeat-y;
}
@media only screen and (max-width: 767px) {
  #contents {
    margin-bottom: 4em;
  }
  .webp #contents {
    background: url(../concept/images/bg_spot.webp) top -94em right no-repeat;
  }
  .no-webp #contents {
    background: url(../concept/images/bg_spot.png) top -94em right no-repeat;
  }
}

/*IEでmax-width100がちゃんと聞かないの調整*/
body#concept .container img.wid_ie {
  width: 100%;
}
body#concept .container img.maxw {
  max-width: 100%;
}

/* -----------------------------------------------------------
.youtube
----------------------------------------------------------- */
.inner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* -----------------------------------------------------------
.container, .tmp_st_h2, .tmp_text, .img
----------------------------------------------------------- */
.container {
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .container {
    width: 95%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.con1 {
  max-width: 1200px;
}
@media only screen and (max-width: 1250px) {
  .con1 {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con1 {
    width: 85%;
  }
}

.con2 {
  max-width: 1600px;
}
@media only screen and (max-width: 1650px) {
  .con2 {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con2 {
    width: 85%;
  }
}

.tmp_st_h2 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .tmp_st_h2 {
    margin-top: 14em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_st_h2 {
    margin-top: 8em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h2 {
    margin-top: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h2 {
    padding: 0 7.5%;
  }
}
.tmp_st_h2 .en {
  width: 100%;
  letter-spacing: normal;
  margin: 0;
  font-weight: 600;
  background: none;
  line-height: 1.3;
  color: #737373;
}
.tmp_st_h2 span {
  letter-spacing: 0.8em;
  font-weight: normal;
  color: #404040;
  background: url(../images/common/bd_dots.png) repeat-x 0 bottom;
}
@media only screen and (min-width: 1025px) {
  .tmp_st_h2 span {
    font-size: 167%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1399px) {
  .tmp_st_h2 span {
    font-size: 167%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_st_h2 span {
    font-size: 160%;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h2 span {
    font-size: 134%;
  }
}
@media only screen and (min-width: 1025px) {
  .tmp_st_h2 span {
    margin: 1em 0 5.8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tmp_st_h2 span {
    margin: 1em 0 4em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h2 span {
    margin: 0.25em 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .tmp_st_h2 span {
    letter-spacing: .32em;
  }
}

.tmp_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) {
  .tmp_text {
    width: 100% !important;
    margin-top: 1em;
  }
}

@media only screen and (max-width: 767px) {
  .img {
    width: 100% !important;
  }
  .img img {
    width: 100%;
  }
}

/* -----------------------------------------------------------
.con_main
----------------------------------------------------------- */
@media only screen and (min-width: 768px) {
  .webp .con_main .st_main .en {
    background-image: url(../concept/images/img_main-pc.webp);
  }
  .no-webp .con_main .st_main .en {
    background-image: url(../concept/images/img_main-pc.jpg);
  }
}
@media only screen and (max-width: 767px) {
  .webp .con_main .st_main .en {
    background-image: url(../concept/images/img_main-sp.webp);
  }
  .no-webp .con_main .st_main .en {
    background-image: url(../concept/images/img_main-sp.jpg);
  }
}

/* -----------------------------------------------------------
.con_intro
----------------------------------------------------------- */
.con_intro .con1.first {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.con_intro .con1.first .tmp_text {
  padding-right: 7%;
}
@media only screen and (max-width: 1100px) {
  .con_intro .con1.first .tmp_text {
    width: 40%;
  }
}
@media only screen and (max-width: 991px) {
  .con_intro .con1.first .tmp_text {
    width: 53%;
    padding-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con1.first .tmp_text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
  }
}
.con_intro .con1.last {
  margin-top: 8em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 991px) {
  .con_intro .con1.last {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con1.last {
    margin-top: 1.8em;
  }
}
.con_intro .con1.last .img {
  width: 58%;
}
@media only screen and (max-width: 767px) {
  .con_intro .con1.last .img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_intro .con1.last .tmp_text {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42%;
}
@media only screen and (min-width: 1025px) {
  .con_intro .con1.last .tmp_text {
    padding-left: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .con1.last .tmp_text {
    padding-left: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con1.last .tmp_text {
    padding-left: 0;
  }
}
@media only screen and (max-width: 991px) {
  .con_intro .con1.last .tmp_text {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con1.last .tmp_text {
    margin: 0 0 1em;
  }
}
.con_intro .con2 {
  margin-top: 11.5em;
  position: relative;
  left: .5em;
}
@media only screen and (max-width: 1650px) {
  .con_intro .con2 {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con2 {
    margin-top: 1.8em;
  }
}
.con_intro .con2 .img:nth-child(1) {
  position: relative;
  top: -12.5em;
}
@media only screen and (max-width: 767px) {
  .con_intro .con2 .img:nth-child(1) {
    top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro .con2 .tmp_text {
    margin: 0 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .con2 .tmp_text {
    margin: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con2 .tmp_text {
    margin: 0;
  }
}
@media only screen and (max-width: 1100px) {
  .con_intro .con2 .tmp_text {
    width: 40%;
  }
}
@media only screen and (max-width: 991px) {
  .con_intro .con2 .tmp_text {
    width: 65%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .con2 .tmp_text {
    margin: 1em 0;
  }
}

/* -----------------------------------------------------------
.con_hill
----------------------------------------------------------- */
.con_hill .con1 {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 8em auto;
}
@media only screen and (max-width: 991px) {
  .con_hill .con1 {
    margin: 6em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_hill .con1 {
    margin: 1.8em auto;
  }
}
.con_hill .con1 .tmp_text {
  padding-right: 10%;
}
@media only screen and (max-width: 767px) {
  .con_hill .con1 .tmp_text {
    padding-right: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_hill .con2 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.con_hill .con2 .tmp_text {
  padding-left: 5.5%;
}
@media only screen and (max-width: 1100px) {
  .con_hill .con2 .tmp_text {
    width: 50%;
  }
}
@media only screen and (max-width: 991px) {
  .con_hill .con2 .tmp_text {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_hill .con2 .tmp_text {
    padding-left: 0;
  }
}
.con_hill .box_img {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_hill .box_img {
    padding: 0 7.5%;
  }
}

/* -----------------------------------------------------------
.con_think
----------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_think .con1.first {
    display: block;
    margin: 0 auto;
    max-width: 95%;
  }
}
.con_think .con1.first .img {
  position: relative;
  left: 7%;
}
@media only screen and (max-width: 1400px) {
  .con_think .con1.first .img {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_think .con1.first .img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_think .con1.first .img img {
    width: 65%;
  }
}
@media only screen and (max-width: 1400px) {
  .con_think .con1.first .tmp_text {
    padding-right: 3em;
  }
}
@media only screen and (max-width: 1100px) {
  .con_think .con1.first .tmp_text {
    width: 50%;
    padding-right: 2em;
  }
}
@media only screen and (max-width: 991px) {
  .con_think .con1.first .tmp_text {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_think .con1.first .tmp_text {
    width: 95%;
    margin: 0 auto 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_think .con1.first .tmp_text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
  }
}
.con_think .con1.last {
  margin: 15em auto 5em;
}
@media only screen and (max-width: 991px) {
  .con_think .con1.last {
    margin-top: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_think .con1.last {
    margin: 1.8em 7.5%;
  }
}
.con_think .con1.last .img {
  position: relative;
  left: -3%;
  width: 45%;
}
@media only screen and (max-width: 1400px) {
  .con_think .con1.last .img {
    left: 0;
  }
}
.con_think .con1.last .tmp_text {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 55%;
}
.con_think .box_img {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  right: -1em;
}
@media only screen and (max-width: 1400px) {
  .con_think .box_img {
    right: 0;
  }
}

/* -----------------------------------------------------------
.con_beloved
----------------------------------------------------------- */
.con_beloved .con1.first {
  padding-left: 2em;
}
@media only screen and (max-width: 1400px) {
  .con_beloved .con1.first {
    padding-left: 0;
  }
}
.con_beloved .con1.first .img {
  width: 50%;
}
.con_beloved .con1.first .tmp_text {
  width: 50%;
  padding-left: 10%;
}
@media only screen and (max-width: 767px) {
  .con_beloved .con1.first .tmp_text {
    padding-left: 0;
  }
}
.con_beloved .con1.last {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  right: -4%;
}
@media only screen and (min-width: 1025px) {
  .con_beloved .con1.last {
    margin-top: -5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_beloved .con1.last {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_beloved .con1.last {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1400px) {
  .con_beloved .con1.last {
    right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_beloved .con1.last {
    margin-top: 2.8em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_beloved .con1.box_img {
    width: 60%;
    right: -18%;
  }
}
.con_beloved .con2 {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 20em;
}
@media only screen and (max-width: 767px) {
  .con_beloved .con2 {
    margin-top: 1.8em;
  }
}
.con_beloved .con2 .tmp_text {
  padding: 0 8.5%;
  position: relative;
  top: -11em;
}
@media only screen and (max-width: 991px) {
  .con_beloved .con2 .tmp_text {
    padding: 0 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_beloved .con2 .tmp_text {
    top: -19em;
  }
}
@media only screen and (max-width: 767px) {
  .con_beloved .con2 .tmp_text {
    top: 0;
    padding: 0;
    margin-bottom: 1em;
  }
}
.con_beloved .con2 .img:last-child {
  position: relative;
  top: -23em;
}
@media only screen and (max-width: 767px) {
  .con_beloved .con2 .img:last-child {
    top: 0;
  }
}

/* -----------------------------------------------------------
.con_kindness
----------------------------------------------------------- */
.con_kindness .con1.first {
  padding-right: 2.5%;
}
@media only screen and (max-width: 1400px) {
  .con_kindness .con1.first {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.first {
    padding-right: 0;
  }
}
.con_kindness .con1.first .img {
  width: 63%;
}
.con_kindness .con1.first .tmp_text {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 37%;
}
@media only screen and (min-width: 1025px) {
  .con_kindness .con1.first .tmp_text {
    padding-right: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_kindness .con1.first .tmp_text {
    padding-right: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.first .tmp_text {
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.first .tmp_text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_kindness .con1.last {
  margin: 10em auto 20em;
}
@media only screen and (max-width: 991px) {
  .con_kindness .con1.last {
    margin: 7em auto 0em;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_kindness .con1.last {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.last {
    margin-top: 1.8em;
  }
}
.con_kindness .con1.last .img:first-child {
  position: relative;
  left: -8%;
}
@media only screen and (max-width: 1400px) {
  .con_kindness .con1.last .img:first-child {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_kindness .con1.last .img:first-child {
    width: 30%;
  }
}
.con_kindness .con1.last .tmp_text {
  position: relative;
  top: -2em;
}
@media only screen and (min-width: 1025px) {
  .con_kindness .con1.last .tmp_text {
    margin: 0 1.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_kindness .con1.last .tmp_text {
    margin: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.last .tmp_text {
    margin: 1em 0 0;
  }
}
@media only screen and (max-width: 1100px) {
  .con_kindness .con1.last .tmp_text {
    width: 30%;
  }
}
@media only screen and (max-width: 991px) {
  .con_kindness .con1.last .tmp_text {
    width: 65%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_kindness .con1.last .tmp_text {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.last .tmp_text {
    top: 0;
  }
}
.con_kindness .con1.last .img:last-child {
  position: relative;
  right: -5%;
  top: 12em;
}
@media only screen and (max-width: 1400px) {
  .con_kindness .con1.last .img:last-child {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_kindness .con1.last .img:last-child {
    left: 40%;
    top: 0em;
  }
}
@media only screen and (max-width: 767px) {
  .con_kindness .con1.last .img:last-child {
    top: 0;
    margin-top: 1em;
  }
}

/* -----------------------------------------------------------
.con_strike
----------------------------------------------------------- */
.con_strike .con1 .tmp_text {
  padding: 0 2% 0 3em;
}
@media only screen and (max-width: 767px) {
  .con_strike .con1 .tmp_text {
    padding: 0;
  }
}
.con_strike .con2.first {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 3em auto 16em;
}
@media only screen and (max-width: 991px) {
  .con_strike .con2.first {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-bottom: 12em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_strike .con2.first {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.first {
    margin: 1.8em auto;
  }
}
.con_strike .con2.first .img:first-child {
  position: relative;
  top: 19em;
}
@media only screen and (max-width: 1650px) {
  .con_strike .con2.first .img:first-child {
    top: 12em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_strike .con2.first .img:first-child {
    top: 2em;
    width: 35%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    left: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.first .img:first-child {
    top: 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_strike .con2.first .tmp_text {
    margin: 0 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_strike .con2.first .tmp_text {
    margin: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.first .tmp_text {
    margin: 1em 0;
  }
}
@media only screen and (max-width: 1200px) {
  .con_strike .con2.first .tmp_text {
    width: 30%;
  }
}
@media only screen and (max-width: 1100px) {
  .con_strike .con2.first .tmp_text {
    width: 45%;
  }
}
@media only screen and (max-width: 991px) {
  .con_strike .con2.first .tmp_text {
    width: 65%;
    position: relative;
    top: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_strike .con2.first .tmp_text {
    width: 40%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.first .tmp_text {
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_strike .con2.first .img:last-child {
    top: 0;
    width: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_strike .con2.middle {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.con_strike .con2.middle .tmp_text {
  padding: 0 8% 0 5.5%;
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.middle .tmp_text {
    padding: 0;
    margin: 0 0 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.middle .img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_strike .con2.last {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 12em;
}
@media only screen and (max-width: 991px) {
  .con_strike .con2.last {
    margin-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.last {
    margin-top: .8em;
  }
}
.con_strike .con2.last .img {
  margin: 0 5.5% 0 8%;
}
@media only screen and (max-width: 991px) {
  .con_strike .con2.last .img {
    margin: 0 0 0 2em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_strike .con2.last .img {
    width: 42%;
  }
}
@media only screen and (max-width: 767px) {
  .con_strike .con2.last .img {
    margin: 1em 0 0 0;
  }
}

/* -----------------------------------------------------------
.con_spend
----------------------------------------------------------- */
.con_spend .con1 .img {
  width: 53%;
}
.con_spend .con1 .tmp_text {
  width: 47%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.con_spend .con1 .tmp_text span {
  font-size: 90%;
}
@media only screen and (max-width: 767px) {
  .con_spend .con1 .tmp_text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.con_spend .con2.first {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 7em;
  margin-bottom: 17em;
}
@media only screen and (max-width: 1400px) {
  .con_spend .con2.first {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .con2.first {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 5em auto 0em;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.first {
    margin: 1.8em auto 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .con2.first .img:first-child {
    width: 50%;
    top: 2em;
  }
}
.con_spend .con2.first .tmp_text {
  position: relative;
  top: 8em;
}
@media only screen and (min-width: 1025px) {
  .con_spend .con2.first .tmp_text {
    margin: 0 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .con2.first .tmp_text {
    margin: 0 2em;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.first .tmp_text {
    margin: 1em 0;
  }
}
@media only screen and (max-width: 1100px) {
  .con_spend .con2.first .tmp_text {
    width: 30%;
  }
}
@media only screen and (max-width: 991px) {
  .con_spend .con2.first .tmp_text {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .con2.first .tmp_text {
    top: -8em;
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.first .tmp_text {
    width: 100%;
    top: 0;
  }
}
.con_spend .con2.first .img:last-child {
  position: relative;
  top: 17em;
}
@media only screen and (max-width: 1400px) {
  .con_spend .con2.first .img:last-child {
    top: 12em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_spend .con2.first .img:last-child {
    top: -10em;
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.first .img:last-child {
    top: 0;
  }
}
.con_spend .con2.last {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 11em;
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.last {
    padding-top: 0;
    margin: 2.8em auto 4em;
  }
}
.con_spend .con2.last .img:first-child {
  margin: 0 13.5% 0 2em;
}
@media only screen and (max-width: 991px) {
  .con_spend .con2.last .img:first-child {
    margin-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.last .img:first-child {
    margin: 0;
  }
}
.con_spend .con2.last .img:last-child {
  position: relative;
  top: -12em;
}
@media only screen and (max-width: 1400px) {
  .con_spend .con2.last .img:last-child {
    top: -9em;
  }
}
@media only screen and (max-width: 767px) {
  .con_spend .con2.last .img:last-child {
    top: 0;
    margin-top: 1.8em;
  }
}

/* -----------------------------------------------------------
.con_about
----------------------------------------------------------- */
.con_about {
  background: #eaeaea;
  padding-bottom: 6em;
}
@media only screen and (max-width: 991px) {
  .con_about {
    padding-bottom: 9em;
    padding: 0 2.5% 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_about {
    padding: 0 7.5% 3em;
  }
}
.con_about .tmp_st_h2 .en {
  padding-top: 1em;
}
@media only screen and (max-width: 767px) {
  .con_about .tmp_st_h2 .en {
    padding-top: .8em;
  }
}
.con_about .tmp_st_h2 span:not(.en) {
  font-size: 134%;
  margin: .5em 0 1.8em;
}
@media only screen and (max-width: 767px) {
  .con_about .tmp_st_h2 span:not(.en) {
    margin: .25em 0 1.5em;
  }
}
.con_about .txt_note {
  color: #9b0d15;
  text-align: center;
  font-size: 107%;
  margin-bottom: 1.2em;
}
.con_about .txt_note span {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .con_about .txt_note {
    text-align: left;
    margin-bottom: 1em;
  }
}
.con_about .tmp_text {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 87%;
}
@media only screen and (max-width: 767px) {
  .con_about .tmp_text {
    text-align: left;
  }
}

#concept #footer {
  margin-top: 0;
}