@charset "UTF-8";
.scrollFadeOff {
  /* 最初は非表示 */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1.2s;
  -o-transition: all 1.2s;
  -moz-transition: all 1.2s;
  transition: all 1.2s;
  position: relative;
  top: 3vw;
}

/* フェードイン時に入るクラス */
.scrollFadeOn {
  opacity: 1;
  visibility: visible;
  top: 0;
}

html {
  font-style: normal;
  font-size: 16px;
  line-height: 1.7;
}

body {
  width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.7;
}
@media screen and (min-width: 768px) {
  body {
    font-size: 1.6rem;
  }
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

div, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, figure {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  vertical-align: top;
}

#main {
  position: relative;
  margin-top: 10px;
}

a {
  text-decoration: none;
}
a.active {
  pointer-events: none;
}

.section-heading-02 {
  font-size: 1.125rem;
  font-weight: 700;
  position: relative;
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  text-align: right;
  border-bottom: solid 1px #1A1A1A;
  margin-bottom: 45px !important;
  display: block;
}
@media screen and (min-width: 768px) {
  .section-heading-02 {
    font-size: 1.125rem;
    width: 29.84375%;
    margin-bottom: 80px !important;
  }
}
.section-heading-02.left {
  margin: 0 auto 0 0;
}
.section-heading-02.right {
  margin: 0 0 0 auto;
  text-align: left;
}
.section-heading-02 h2 {
  font-weight: 700;
}
.section-heading-02 .no {
  font-size: 1.25rem;
}

.section-heading-03 {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .section-heading-03 {
    font-size: 1.75rem;
  }
}
.section-heading-03 h3 {
  font-weight: 700;
}

.heading-02 {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .heading-02 {
    font-size: 1.75rem;
  }
}

.heading-03 {
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .heading-03 {
    font-size: 1.25rem;
  }
}

.heading-04 {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .heading-04 {
    font-size: 1rem;
  }
}

.heading-lead {
  font-size: 1rem;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .heading-lead {
    font-size: 1.25rem;
    margin-bottom: 25px;
    text-align: left;
  }
  .heading-lead.text-right-md {
    text-align: right;
  }
}

.greenfirstoffice-works-section {
  width: 100%;
  display: block;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works-section {
    margin-bottom: 110px;
  }
}

.greenfirstoffice-works_container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works_container {
    max-width: 1200px;
  }
}
.greenfirstoffice-works_container .size-xl {
  max-width: 1586px;
}
.greenfirstoffice-works__mv-wrap {
  position: relative;
  margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap {
    margin-bottom: 80px;
  }
}
.greenfirstoffice-works__mv-wrap__txtArea {
  position: absolute;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}
.greenfirstoffice-works__mv-wrap__txtArea .inner {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner {
    bottom: 40px;
  }
}
.greenfirstoffice-works__mv-wrap__txtArea .inner .title-block {
  line-height: 1;
  margin: 0;
  padding: 0;
}
.greenfirstoffice-works__mv-wrap__txtArea .inner .box {
  background-color: rgba(255, 255, 255, 0.86);
  font-weight: 700;
  margin-bottom: 0;
  display: inline-block;
  padding: 5px 10px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box {
    margin-bottom: 20px;
    padding: 10px 10px;
    line-height: 1;
  }
}
.greenfirstoffice-works__mv-wrap__txtArea .inner .box.boxjirei {
  font-size: 0.75rem;
  background-color: rgba(0, 0, 0, 0.86);
  color: #ffffff;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.boxjirei {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.boxjirei {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
}
.greenfirstoffice-works__mv-wrap__txtArea .inner .box.box01 {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.box01 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 1200px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.box01 {
    font-size: 1.25rem;
  }
}
.greenfirstoffice-works__mv-wrap__txtArea .inner .box.box02 {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.box02 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.box02 {
    font-size: 2.5rem;
  }
}
.greenfirstoffice-works__mv-wrap__txtArea .inner .box.box03 {
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.box03 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 1200px) {
  .greenfirstoffice-works__mv-wrap__txtArea .inner .box.box03 {
    font-size: 2.5rem;
  }
}
.greenfirstoffice-works .introArea__text {
  font-size: 0.875rem;
  margin-bottom: 40px;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__text {
    font-size: 1rem;
    margin-bottom: 70px;
  }
}
.greenfirstoffice-works .introArea__info {
  max-width: 1030px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 55px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1rem;
    margin-bottom: 110px;
  }
}
.greenfirstoffice-works .introArea__info .heading-unit {
  width: 100%;
  margin-bottom: 15px;
}
.greenfirstoffice-works .introArea__info .heading-unit__inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__info .heading-unit__inner {
    width: 56%;
    padding-right: 6%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.greenfirstoffice-works .introArea__video {
  margin-bottom: 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__video {
    width: 56%;
    margin-bottom: 0;
    padding-right: 6%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.greenfirstoffice-works .introArea__video .jstream-eqPlayer {
  background-color: #FFFFFF !important;
}
.greenfirstoffice-works .introArea__video__inner {
  width: 100%;
}
.greenfirstoffice-works .introArea__video__inner .video_frame {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}
.greenfirstoffice-works .introArea__video video {
  width: 100%;
}
.greenfirstoffice-works .introArea__companydetail {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__companydetail {
    width: 44%;
  }
}
.greenfirstoffice-works .introArea__companydetail__table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.greenfirstoffice-works .introArea__companydetail__table .th,
.greenfirstoffice-works .introArea__companydetail__table .td {
  line-height: 2;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__companydetail__table .th,
.greenfirstoffice-works .introArea__companydetail__table .td {
    font-size: 1rem;
  }
}
.greenfirstoffice-works .introArea__linkArea .heading-unit {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea .heading-unit {
    margin-bottom: 25px;
  }
}
.greenfirstoffice-works .introArea__linkArea__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.greenfirstoffice-works .introArea__linkArea__list__item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item {
    width: 31.8%;
    max-width: 370px;
    margin-bottom: 0;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item:last-child {
  margin-bottom: 0;
}
.greenfirstoffice-works .introArea__linkArea__list__item__link {
  color: #ffffff;
  position: relative;
  display: block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 100%;
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .number {
  font-size: 0.875rem;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .number {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    font-size: 1.125rem;
    left: 12px;
    top: 12px;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .title {
  font-size: 0.875rem;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .title {
    width: 100%;
    font-size: 1.125rem;
    text-align: center;
    left: auto;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .diver {
  width: 12px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .diver {
    position: absolute;
    z-index: 3;
    bottom: 15px;
    right: 20px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s all ease-in;
  -o-transition: 0.3s all ease-in;
  -moz-transition: 0.3s all ease-in;
  transition: 0.3s all ease-in;
  width: 100%;
  height: 40px;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img {
    width: 100%;
    height: 0;
    padding-top: 51.3514%;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img.bg-infoArea-img01 {
  background-image: url(/library/crepre/greenfirstoffice/img/works01/infoArea_img_01_sp.png);
  background-position: center top;
  -moz-background-size: cover;
       background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img.bg-infoArea-img01 {
    background-image: url(/library/crepre/greenfirstoffice/img/works01/infoArea_img_01_pc.png);
    background-position: center top;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img.bg-infoArea-img02 {
  background-image: url(/library/crepre/greenfirstoffice/img/works01/infoArea_img_02_sp.png);
  background-position: center top;
  -moz-background-size: cover;
       background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img.bg-infoArea-img02 {
    background-image: url(/library/crepre/greenfirstoffice/img/works01/infoArea_img_02_pc.png);
    background-position: center top;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img.bg-infoArea-img03 {
  background-image: url(/library/crepre/greenfirstoffice/img/works01/infoArea_img_03_sp.png);
  background-position: center top;
  -moz-background-size: cover;
       background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link .bg-img.bg-infoArea-img03 {
    background-image: url(/library/crepre/greenfirstoffice/img/works01/infoArea_img_03_pc.png);
    background-position: center top;
  }
}
.greenfirstoffice-works .introArea__linkArea__list__item__link:hover {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link:hover .diver {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    right: 8px;
  }
}
@media screen and (min-width: 768px) {
  .greenfirstoffice-works .introArea__linkArea__list__item__link:hover .bg-img {
    -webkit-transform: scale(1.4);
       -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
         -o-transform: scale(1.4);
            transform: scale(1.4);
    background-position: center;
    -webkit-transition: 0.3s all ease-in;
    -o-transition: 0.3s all ease-in;
    -moz-transition: 0.3s all ease-in;
    transition: 0.3s all ease-in;
  }
}

.sectionArea .heading-unit {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .sectionArea .heading-unit {
    margin-bottom: 25px;
  }
}
.sectionArea .heading-unit.heading-one {
  text-align: center;
  width: 100%;
  margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
  .sectionArea .heading-unit.heading-one {
    text-align: left;
    margin-bottom: 80px;
  }
}
.sectionArea .heading-unit.heading-three {
  text-align: center;
  width: 100%;
  margin-bottom: 45px;
}
@media screen and (min-width: 768px) {
  .sectionArea .heading-unit.heading-three {
    text-align: right;
    margin-bottom: 80px;
  }
}
.sectionArea .intro-text {
  font-size: 0.875rem;
  text-align: center;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .sectionArea .intro-text {
    font-size: 1rem;
    text-align: left;
  }
}
.sectionArea .caption-text {
  font-size: 0.625rem;
  text-align: center;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .sectionArea .caption-text {
    font-size: 0.812rem;
    text-align: left;
  }
}
.sectionArea .sectionArea-img-lg {
  width: 100%;
  max-width: 928px;
  margin-left: auto;
  margin-right: auto;
}
.sectionArea .sectionArea-img-lg .img-box {
  width: 100%;
}
.sectionArea .sectionArea-img-md {
  width: 100%;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}
.sectionArea .sectionArea-img-md .img-box {
  width: 100%;
}
.sectionArea__column {
  width: 100%;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F5F5F5;
  padding: 45px 15px 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sectionArea__column {
    padding: 0 65px 65px;
  }
}
.sectionArea__column .heading-unit {
  color: #D0D0D0;
  position: absolute;
  top: -1rem;
  left: 15px;
}
@media screen and (min-width: 768px) {
  .sectionArea__column .heading-unit {
    top: -1.5rem;
  }
}
.sectionArea__column .heading-unit .heading-column {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sectionArea__column .heading-unit .heading-column {
    font-size: 1.75rem;
  }
}
.sectionArea__column .heading-lead-column {
  font-size: 16px;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 40px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .sectionArea__column .heading-lead-column {
    text-align: left;
    font-size: 17px;
    position: absolute;
    left: 60px;
    top: 60px;
    -webkit-transform: translateX(0);
       -moz-transform: translateX(0);
        -ms-transform: translateX(0);
         -o-transform: translateX(0);
            transform: translateX(0);
  }
}
.sectionArea__column .heading-lead-column.position-relative {
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: translateX(0);
     -moz-transform: translateX(0);
      -ms-transform: translateX(0);
       -o-transform: translateX(0);
          transform: translateX(0);
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__column .heading-lead-column.position-relative {
    padding-top: 60px;
  }
}
.sectionArea__column__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  padding-top: 80px;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box {
    padding-top: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
.sectionArea__column__box .summary-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box .summary-box {
    padding-top: 105px;
    width: 57.14%;
  }
}
.sectionArea__column__box .summary-box .intro-text {
  text-align: left;
}
.sectionArea__column__box .feature-box {
  width: 100%;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box .feature-box {
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 36.36%;
    margin-bottom: 0;
  }
}
.sectionArea__column__box .feature-box .feature-img {
  width: 38%;
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box .feature-box .feature-img {
    padding-right: 0;
    width: 100%;
  }
}
.sectionArea__column__box.full {
  display: block;
  padding-top: 0;
}
.sectionArea__column__box.full .summary-box {
  padding-top: 0;
  width: 100%;
}
.sectionArea__column__box03 {
  padding-top: 0;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box03 {
    padding-top: 60px;
  }
}
.sectionArea__column__box03 .heading-lead-column03 {
  font-size: 16px;
  text-align: center;
  position: relative;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box03 .heading-lead-column03 {
    text-align: left;
    font-size: 17px;
    margin-bottom: 40px;
  }
}
.sectionArea__column__box03 .summary-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box03 .summary-box {
    width: 100%;
  }
}
.sectionArea__column__box03 .summary-box .intro-text {
  text-align: left;
}
.sectionArea__column__box03 .feature-box {
  width: 100%;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box03 .feature-box {
    float: left;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 42%;
    padding-right: 6%;
  }
}
.sectionArea__column__box03 .feature-box .feature-img {
  width: 38%;
  padding-right: 15px;
}
@media screen and (min-width: 768px) {
  .sectionArea__column__box03 .feature-box .feature-img {
    padding-right: 0;
    width: 100%;
  }
}
.sectionArea__interview {
  width: 100%;
  max-width: 890px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F8FEFF;
  padding: 45px 15px 15px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview {
    padding: 65px;
  }
}
.sectionArea__interview .heading-unit {
  color: #D0D0D0;
  position: absolute;
  top: -1rem;
  left: 15px;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview .heading-unit {
    top: -1.2rem;
  }
}
.sectionArea__interview .heading-unit .heading-interview {
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview .heading-unit .heading-interview {
    font-size: 1.375rem;
  }
}
.sectionArea__interview__list__item {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview__list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sectionArea__interview__list__item.reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
  }
}
.sectionArea__interview__list__item:last-child {
  margin-bottom: 0;
}
.sectionArea__interview__list__item .feature-box {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview__list__item .feature-box {
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 25.45%;
    margin-bottom: 0;
  }
}
.sectionArea__interview__list__item .feature-box .feature-img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview__list__item .feature-box .feature-img {
    width: 100%;
  }
}
.sectionArea__interview__list__item .feature-box.size-md {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview__list__item .feature-box.size-md {
    width: 48%;
  }
}
.sectionArea__interview__list__item .feature-box.size-md .feature-img {
  width: 100%;
}
.sectionArea__interview__list__item .summary-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__interview__list__item .summary-box {
    width: 66.77%;
  }
  .sectionArea__interview__list__item .summary-box.size-md {
    width: 45%;
  }
}
.sectionArea__interview__list__item .summary-box .intro-text {
  margin-top: 5px;
  text-align: left;
}
.sectionArea__box__block01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-bottom: 40px;
  }
}
.sectionArea__box__block01 .summary-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block01 .summary-box {
    width: 64.82%;
  }
}
.sectionArea__box__block01 .summary-box .intro-text {
  text-align: left;
}
.sectionArea__box__block01 .feature-box {
  width: 100%;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block01 .feature-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 31.89%;
    padding-left: 30px;
    margin-bottom: 0;
  }
}
.sectionArea__box__block01 .feature-box .feature-img {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block01 .feature-box .feature-img {
    width: 100%;
  }
}
.sectionArea__box__block02 {
  margin-top: 40px;
  margin-bottom: 75px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block02 {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}
.sectionArea__box__block02 .summary-box {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block02 .summary-box {
    margin-bottom: 60px;
  }
}
.sectionArea__box__block02 .summary-box .intro-text {
  text-align: left;
}
.sectionArea__box__block02 .feature-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block02 .feature-box {
    width: 100%;
  }
}
.sectionArea__box__block02 .feature-box .feature-img {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
}
.sectionArea__box__block02 .feature-box .feature-img01 {
  width: 48.9552238806%;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block02 .feature-box .feature-img01 {
    margin-bottom: 0;
    width: 22.9310344828%;
  }
}
.sectionArea__box__block02 .feature-box .feature-img02 {
  width: 49.2656716418%;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block02 .feature-box .feature-img02 {
    margin-bottom: 0;
    width: 23.1034482759%;
  }
}
.sectionArea__box__block02 .feature-box .feature-img03 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block02 .feature-box .feature-img03 {
    margin-bottom: 0;
    width: 48.7931034483%;
  }
}
.sectionArea__box__block03 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block03 {
    margin-bottom: 40px;
  }
}
.sectionArea__box__block03 .summary-box {
  width: 100%;
}
.sectionArea__box__block03 .summary-box .intro-text {
  text-align: left;
}
.sectionArea__box__block04 {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block04 {
    margin-top: 80px;
    margin-bottom: 40px;
  }
}
.sectionArea__box__block05 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
     -moz-box-orient: vertical;
     -moz-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block05 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
  }
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block05 {
    margin-bottom: 70px;
  }
}
.sectionArea__box__block05 .feature-box {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block05 .feature-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 52.23%;
    padding-left: 0;
    padding-right: 0;
    padding-right: 60px;
    margin-bottom: 0;
  }
}
.sectionArea__box__block05 .feature-box .feature-img {
  width: 100%;
}
.sectionArea__box__block05 .summary-box {
  width: 100%;
  max-width: 768px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block05 .summary-box {
    max-width: 550px;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
  }
}
.sectionArea__box__block06 {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block06 {
    margin-bottom: 70px;
  }
}
.sectionArea__box__block07 {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block07 {
    margin-top: 80px;
    margin-bottom: 40px;
  }
}
.sectionArea__box__block07 .summary-box {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block07 .summary-box {
    margin-bottom: 70px;
  }
}
.sectionArea__box__block07 .summary-box02 {
  margin-top: 20px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block07 .summary-box02 {
    margin-top: 50px;
    margin-bottom: 80px;
  }
}
.sectionArea__box__block07 .feature-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block07 .feature-box {
    width: 100%;
  }
}
.sectionArea__box__block07 .feature-box .feature-img {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sectionArea__box__block07 .feature-box .feature-img01 {
  width: 48.95%;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block07 .feature-box .feature-img01 {
    margin-bottom: 0;
    width: 48.89931%;
  }
}
.sectionArea__box__block07 .feature-box .feature-img02 {
  width: 49.25%;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block07 .feature-box .feature-img02 {
    margin-bottom: 0;
    width: 48.89931%;
  }
}
.sectionArea__box__block08 {
  margin-top: 30px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block08 {
    margin-top: 60px;
    margin-bottom: 70px;
  }
}
.sectionArea__box__block10 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block10 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-bottom: 80px;
  }
}
.sectionArea__box__block10 .summary-box {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block10 .summary-box {
    width: 100%;
    max-width: 736px;
  }
}
.sectionArea__box__block10 .summary-box .intro-text {
  text-align: left;
}
.sectionArea__box__block10 .feature-box {
  width: 100%;
  margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block10 .feature-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 40%;
    padding-right: 5%;
    margin-bottom: 0;
  }
}
.sectionArea__box__block10 .feature-box .feature-img {
  width: 100%;
}
.sectionArea__box__block11 {
  margin-top: 50px;
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block11 {
    margin-top: 100px;
    margin-bottom: 80px;
  }
}
.sectionArea__box__block12 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block12 {
    margin-bottom: 80px;
  }
}
.sectionArea__box__block12 .summary-box {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block12 .summary-box {
    margin-bottom: 70px;
  }
}
.sectionArea__box__block12 .feature-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block12 .feature-box {
    width: 100%;
  }
}
.sectionArea__box__block12 .feature-box .feature-img {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sectionArea__box__block12 .feature-box .feature-img01 {
  width: 48.95%;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block12 .feature-box .feature-img01 {
    margin-bottom: 0;
    width: 48.89931%;
  }
}
.sectionArea__box__block12 .feature-box .feature-img02 {
  width: 49.25%;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block12 .feature-box .feature-img02 {
    margin-bottom: 0;
    width: 48.89931%;
  }
}
.sectionArea__box__block13 {
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block13 {
    margin-bottom: 80px;
  }
}
.sectionArea__box__block14 {
  margin-top: 40px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block14 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    margin-top: 80px;
    margin-bottom: 70px;
  }
}
.sectionArea__box__block14 .summary-box {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block14 .summary-box {
    width: 62%;
    margin-bottom: 0;
  }
}
.sectionArea__box__block14 .summary-box .intro-text {
  text-align: left;
}
.sectionArea__box__block14 .feature-box {
  width: 100%;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block14 .feature-box {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.333%;
    padding-right: 5%;
    margin-bottom: 0;
  }
}
.sectionArea__box__block14 .feature-box .feature-img {
  width: 100%;
}
.sectionArea__box__block15 {
  padding-bottom: 60px;
}
@media screen and (min-width: 768px) {
  .sectionArea__box__block15 {
    margin-bottom: 120px;
  }
}

.b-o-header_heading .b-a-textLink_anchor {
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: bold !important;
  height: 66px;
  padding: 3px 10px 0 10px;
}

@media screen and (min-width: 768px) {
  .b-o-header_heading .b-a-textLink_anchor {
    font-size: 15px;
  }
}
.pb-layout {
  outline: 0 dotted #ccc !important;
}
@media screen and (min-width: 768px) {
  .pb-layout {
    outline: 0 dotted #ccc !important;
  }
}

/*   my utilities
   ========================================================================== */
.box-width-base {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
}

.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-left-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-left-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-between-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.flex-right-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.font-weight-normal {
  font-weight: 400;
}

.font-weight-middle {
  font-weight: 500;
}

.font-weight-bold {
  font-weight: 700;
}

.diver {
  height: 1px;
  border-bottom: solid 1px #F2F2F2;
  width: 100%;
  margin: 0;
  padding: 0;
}

.font-weight-middle {
  font-weight: 500;
}

.underline {
  text-decoration: underline;
}

.hover-underline:hover {
  text-decoration: underline;
}

.vertical-sub {
  vertical-align: middle;
  font-size: 8px;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.digit {
  opacity: 0;
  -webkit-transform: translateY(-5px);
     -moz-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
       -o-transform: translateY(-5px);
          transform: translateY(-5px);
  -webkit-transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 0.7s cubic-bezier(0.1, 0, 0.25, 0);
  vertical-align: top;
}
.digit.steps02 {
  -webkit-transition: 1.2s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 1.2s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 1.2s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 1.2s cubic-bezier(0.1, 0, 0.25, 0);
}
.digit.steps03 {
  -webkit-transition: 1.4s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 1.4s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 1.4s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 1.4s cubic-bezier(0.1, 0, 0.25, 0);
}
.digit.steps04 {
  -webkit-transition: 1.6s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 1.6s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 1.6s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 1.6s cubic-bezier(0.1, 0, 0.25, 0);
}
.digit.steps05 {
  -webkit-transition: 1.8s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 1.8s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 1.8s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 1.8s cubic-bezier(0.1, 0, 0.25, 0);
}
.digit.steps06 {
  -webkit-transition: 3.2s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 3.2s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 3.2s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 3.2s cubic-bezier(0.1, 0, 0.25, 0);
}
.digit.steps07 {
  -webkit-transition: 3.7s cubic-bezier(0.1, 0, 0.25, 0);
  -o-transition: 3.7s cubic-bezier(0.1, 0, 0.25, 0);
  -moz-transition: 3.7s cubic-bezier(0.1, 0, 0.25, 0);
  transition: 3.7s cubic-bezier(0.1, 0, 0.25, 0);
}
.digit .dig-md {
  -webkit-transition: 1s cubic-bezier(0.1, 0, 0.25, 0.4);
  -o-transition: 1s cubic-bezier(0.1, 0, 0.25, 0.4);
  -moz-transition: 1s cubic-bezier(0.1, 0, 0.25, 0.4);
  transition: 1s cubic-bezier(0.1, 0, 0.25, 0.4);
}
.digit.secondary {
  -webkit-transition: 1.5s cubic-bezier(0.1, 0, 0.25, 0.4);
  -o-transition: 1.5s cubic-bezier(0.1, 0, 0.25, 0.4);
  -moz-transition: 1.5s cubic-bezier(0.1, 0, 0.25, 0.4);
  transition: 1.5s cubic-bezier(0.1, 0, 0.25, 0.4);
}
.digit.tertiary {
  -webkit-transition: 2s cubic-bezier(0.1, 0, 0.25, 0.4);
  -o-transition: 2s cubic-bezier(0.1, 0, 0.25, 0.4);
  -moz-transition: 2s cubic-bezier(0.1, 0, 0.25, 0.4);
  transition: 2s cubic-bezier(0.1, 0, 0.25, 0.4);
}
.digit.foruce {
  -webkit-transition: 2.5s cubic-bezier(0.1, 0, 0.25, 0.4);
  -o-transition: 2.5s cubic-bezier(0.1, 0, 0.25, 0.4);
  -moz-transition: 2.5s cubic-bezier(0.1, 0, 0.25, 0.4);
  transition: 2.5s cubic-bezier(0.1, 0, 0.25, 0.4);
}
.digit.fifth {
  -webkit-transition: 3s cubic-bezier(0.1, 0, 0.25, 0.4);
  -o-transition: 3s cubic-bezier(0.1, 0, 0.25, 0.4);
  -moz-transition: 3s cubic-bezier(0.1, 0, 0.25, 0.4);
  transition: 3s cubic-bezier(0.1, 0, 0.25, 0.4);
}
.digit.top {
  -webkit-transform: translateY(60px);
     -moz-transform: translateY(60px);
      -ms-transform: translateY(60px);
       -o-transform: translateY(60px);
          transform: translateY(60px);
  -webkit-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  -o-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  -moz-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  transition: 1s cubic-bezier(0.4, 0, 0, 0);
}
.digit.top-02 {
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  -o-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  -moz-transition: 1s cubic-bezier(0.4, 0, 0, 0);
  transition: 1s cubic-bezier(0.4, 0, 0, 0);
}
.digit.rights {
  -webkit-transform: translateX(40px);
     -moz-transform: translateX(40px);
      -ms-transform: translateX(40px);
       -o-transform: translateX(40px);
          transform: translateX(40px);
  -webkit-clip-path: inset(0 5% 3% 100%);
          clip-path: inset(0 5% 3% 100%);
  -webkit-transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
  -o-transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
  -moz-transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
  transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
}
.digit.lefts {
  -webkit-transform: translateX(-40px);
     -moz-transform: translateX(-40px);
      -ms-transform: translateX(-40px);
       -o-transform: translateX(-40px);
          transform: translateX(-40px);
  -webkit-clip-path: inset(0 100% 3% 5%);
          clip-path: inset(0 100% 3% 5%);
  -webkit-transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
  -o-transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
  -moz-transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
  transition: 1s cubic-bezier(0.37, 0, 0.4, 0.8);
}
.digit.visible {
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

/**モーダルを開くボタン*/
.btn-modal {
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .btn-modal {
    pointer-events: none;
  }
}

.modal-open {
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.73);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
}
.modal-open .btn-img {
  width: 11px;
}

.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 100;
}
.modal-container:before {
  content: "";
  vertical-align: middle;
  height: 100%;
}
.modal-container.active {
  opacity: 1;
  visibility: visible;
}

.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 20px 80px;
  background: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}
.modal-body .modal-caption-text {
  font-size: 0.812rem;
  margin-top: 15px;
}

.modal-close {
  position: absolute;
  text-align: center;
  width: auto;
  font-size: 0.625rem;
  cursor: pointer;
  display: inline-block;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.modal-close img {
  width: 14px;
}

.modal-content {
  text-align: left;
}/*# sourceMappingURL=greenfirstoffice-works.css.map */