@charset "UTF-8";
/* ページ下部リンク
=========================================== */
.btm_linkset {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .btm_linkset {
    margin-bottom: 60px;
  }
}
.btm_linkset ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 767px) {
  .btm_linkset ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.btm_linkset ul li {
  width: 33.3333333333%;
  aspect-ratio: 466/328;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  border-right: 1px solid #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .btm_linkset ul li {
    border-right: none;
    border-bottom: 1px solid #fff;
    width: 100%;
    aspect-ratio: 5/2;
  }
}
.btm_linkset ul li picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}
.btm_linkset ul li .btm_link_text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  z-index: 2;
  position: relative;
  text-align: center;
  margin-inline: auto;
}
.btm_linkset ul li .btm_link_text .lato {
  font-family: "Lato", sans-serif;
}

.hoverup {
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  display: block;
}

.hoverup img {
  height: auto;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease; /* ゆっくり変化させる */
}

.hoverup:hover img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1); /* 拡大 */
}

/* table
=========================================== */
.table_scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  position: relative;
}

.scroll-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
  display: none;
  -webkit-animation: scroll-hint-animation 2s infinite ease;
          animation: scroll-hint-animation 2s infinite ease;
}

@-webkit-keyframes scroll-hint-animation {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  50% {
    -webkit-transform: translate(-40%, -50%);
            transform: translate(-40%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@keyframes scroll-hint-animation {
  0% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  50% {
    -webkit-transform: translate(-40%, -50%);
            transform: translate(-40%, -50%);
  }
  100% {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.scroll-hint--show {
  display: block;
  z-index: 5;
}

.table01 {
  width: 100%;
}
.table01 tr {
  border: 0;
}
.table01 thead tr th {
  color: #fff;
  padding: 1em 1em;
  border: 1px solid #fff;
}
.table01 thead tr th:nth-of-type(2) {
  background: #A1A1A1;
}
.table01 thead tr th:nth-of-type(3) {
  background: #009FE8;
}
.table01 tbody tr th {
  text-align: left;
  color: #231815;
  padding: 1em 1em;
  white-space: nowrap;
  background: #E9E9E9;
  border: 1px solid #fff;
}
.table01 tbody tr td {
  text-align: left;
  color: #231815;
  padding: 1em 1em;
  border: 1px solid #fff;
}
.table01 tbody tr td:nth-of-type(1) {
  background: #F4F4F4;
}
.table01 tbody tr td:nth-of-type(2) {
  background: #E9FFFF;
}

.table02 {
  width: 100%;
}
.table02 tr {
  border: 0;
}
.table02 thead tr th {
  color: #fff;
  padding: 1em 1em;
  border: 1px solid #fff;
  background: #009FE8;
}
.table02 tbody tr th {
  text-align: left;
  color: #231815;
  padding: 0.5em 1em;
  white-space: nowrap;
  background: #E9E9E9;
  border: 1px solid #fff;
}
.table02 tbody tr td {
  text-align: left;
  color: #231815;
  padding: 1em 1em;
  border: 1px solid #fff;
  background: #E9FFFF;
}

.table03 {
  width: 100%;
}
.table03 tr {
  border: 0;
}
.table03 tbody tr th {
  text-align: left;
  color: #231815;
  padding: 1em 1em;
  white-space: nowrap;
  background: #f2f2f2;
  border: 1px solid #ccc;
  font-weight: 500;
}
.table03 tbody tr td {
  text-align: left;
  color: #231815;
  padding: 1em 1em;
  border: 1px solid #ccc;
}
.table03 tbody tr td .linkset {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px 30px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 767px) {
  .table03 tbody tr td .linkset {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

/* 共通
=========================================== */
.hgroup4 {
  color: #176082;
  border-left: 4px solid #176082;
  padding-left: 1em;
  margin-top: 2.5em;
  margin-bottom: 1em;
}

.cklist li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 0.5em;
}
@media (max-width: 767px) {
  .cklist li {
    padding-left: 22px;
  }
}
.cklist li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 8px;
  top: 0.5em;
  left: 7px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
  border-right: 2px solid #176082;
  border-bottom: 2px solid #176082;
  z-index: 3;
}
@media (max-width: 767px) {
  .cklist li:before {
    width: 3px;
    height: 5px;
  }
}
.cklist li:after {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #176082;
  border-radius: 2px;
  background-color: #fff;
  z-index: 2;
}
@media (max-width: 767px) {
  .cklist li:after {
    width: 16px;
    height: 16px;
  }
}

.telnumset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 767px) {
  .telnumset {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .telnumset > .lato {
    pointer-events: none;
  }
}
.telnumset .tel_time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.telnumset .tel_time dt {
  background: #231815;
  color: #fff;
  font-weight: 700;
  padding: 1px 16px;
}
.telnumset .tel_time dd {
  font-weight: 500;
  padding: 1px 16px;
}

/* value
=========================================== */
#concept .title_wrap {
  width: 48%;
}
@media (max-width: 767px) {
  #concept .title_wrap {
    width: 100%;
  }
}
#concept .title_wrap .concept_img {
  position: relative;
}
#concept .title_wrap .concept_img figure {
  width: 100%;
}
#concept .title_wrap .concept_img figure img {
  width: 100%;
}
#concept .title_wrap .concept_img .concept_text {
  position: absolute;
  text-align: center;
  margin-inline: auto;
  color: #176082;
  z-index: 2;
  background: #fff;
  border: 1px solid #176082;
  border-radius: 50%;
  width: 186px;
  height: 186px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
@media (max-width: 1100px) {
  #concept .title_wrap .concept_img .concept_text {
    width: 136px;
    height: 136px;
    font-size: 1.2rem;
  }
}
@media (max-width: 767px) {
  #concept .title_wrap .concept_img .concept_text {
    width: 186px;
    height: 186px;
    font-size: 1.6rem;
  }
}
@media (max-width: 600px) {
  #concept .title_wrap .concept_img .concept_text {
    width: 120px;
    height: 120px;
    font-size: 1.1rem;
  }
}
#concept .title_wrap .concept_img .concept_text.text01 {
  left: 0;
  right: 0;
  top: 0;
}
#concept .title_wrap .concept_img .concept_text.text02 {
  left: 0;
  bottom: 0;
}
#concept .title_wrap .concept_img .concept_text.text03 {
  right: 0;
  bottom: 0;
}
#concept .text_wrap {
  width: 47%;
}
@media (max-width: 767px) {
  #concept .text_wrap {
    width: 100%;
  }
}
#concept .text_wrap .ttl {
  color: #176082;
  margin-bottom: 1em;
}
#concept .text_wrap li:not(:last-child) {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 767px) {
  #concept .text_wrap li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}

#worries {
  background: url(/wp/wp-content/uploads/worries_bg.png) no-repeat center center #fff;
  background-size: cover;
  padding: 100px 0;
}
@media (max-width: 767px) {
  #worries {
    background: url(/wp/wp-content/uploads/worries_bg.png) no-repeat center center #fff;
    background-size: cover;
    padding: 60px 0 50px;
  }
}
#worries .worries_list {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  width: 100%;
}
#worries .worries_list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4em 4em;
  width: calc((100% - 60px) / 3);
  color: #176082;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 1200px) {
  #worries .worries_list li {
    width: calc((100% - 30px) / 2);
    padding: 3.1em 8em;
  }
  #worries .worries_list li br {
    display: none;
  }
}
@media (max-width: 1000px) {
  #worries .worries_list li {
    padding: 3.1em 12%;
  }
}
@media (max-width: 767px) {
  #worries .worries_list li {
    padding: 3.1em 9%;
  }
}
@media (max-width: 600px) {
  #worries .worries_list li {
    width: 310px;
    padding: 3.1em 17%;
  }
}
#worries .worries_list li.worries01 {
  background: url(/wp/wp-content/uploads/worries01.svg) no-repeat center center;
  background-size: contain;
}
#worries .worries_list li.worries02 {
  background: url(/wp/wp-content/uploads/worries01.svg) no-repeat center center;
  background-size: contain;
}
#worries .worries_list li.worries03 {
  background: url(/wp/wp-content/uploads/worries01.svg) no-repeat center center;
  background-size: contain;
}
#worries .worries_list li.worries04 {
  background: url(/wp/wp-content/uploads/worries01.svg) no-repeat center center;
  background-size: contain;
}
#worries .worries_list li.worries05 {
  background: url(/wp/wp-content/uploads/worries01.svg) no-repeat center center;
  background-size: contain;
}
#worries .worries_btm {
  background: #009FE8;
  color: #fff;
  text-align: center;
  margin: 4em auto 0;
  padding: 1.5em 0;
}
@media (max-width: 1200px) {
  #worries .worries_btm {
    text-align: left;
    padding: 1.5em 2em;
  }
  #worries .worries_btm br {
    display: none;
  }
}

#operational figure {
  margin: 20px 0 60px;
  display: block;
}
@media (max-width: 767px) {
  #operational figure {
    margin: 10px 0 30px;
  }
}
#operational .table01 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  #operational .table01 {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  #planning .planningsupport {
    margin-top: 10px;
  }
}
#planning .planningsupport .planningsupport_img {
  position: relative;
}
#planning .planningsupport .planningsupport_img figure {
  margin-top: 20px;
  display: block;
}
@media (max-width: 767px) {
  #planning .planningsupport .planningsupport_img figure {
    display: none;
  }
}
#planning .planningsupport .day_wrap {
  position: absolute;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  z-index: 2;
}
@media (max-width: 767px) {
  #planning .planningsupport .day_wrap {
    position: static;
    padding: 40px 20px;
  }
}
#planning .planningsupport .day_wrap.day3_wrap {
  top: 7%;
  left: 3%;
}
@media (max-width: 767px) {
  #planning .planningsupport .day_wrap.day3_wrap {
    background: url(/wp/wp-content/uploads/day3_wrap_sp.jpg) bottom right no-repeat;
    background-size: cover;
  }
}
#planning .planningsupport .day_wrap.day27_wrap {
  bottom: 60px;
  left: 44%;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap.day27_wrap {
    bottom: 10%;
  }
}
@media (max-width: 767px) {
  #planning .planningsupport .day_wrap.day27_wrap {
    background: url(/wp/wp-content/uploads/day27_wrap_sp.jpg) bottom right no-repeat;
    background-size: cover;
  }
}
#planning .planningsupport .day_wrap .day_text {
  width: calc(100% - 178px);
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_text {
    width: calc(100% - 94px);
  }
}
#planning .planningsupport .day_wrap .day_text span.sub {
  line-height: 1;
  border: 1px solid #fff;
  padding: 0.3em 1em;
  margin-top: 1em;
  display: inline-block;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_text span.sub {
    font-size: 1.2rem;
  }
}
#planning .planningsupport .day_wrap .day_text p.ttl-38 {
  line-height: 1;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_text p.ttl-38 {
    font-size: 1.8rem;
  }
}
#planning .planningsupport .day_wrap .day_circle {
  position: relative;
  width: 168px;
  height: 168px;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_circle {
    width: 84px;
    height: 84px;
  }
}
#planning .planningsupport .day_wrap .day_circle .day_circle_text {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1px;
  z-index: 2;
  width: 168px;
  height: 168px;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_circle .day_circle_text {
    width: 84px;
    height: 84px;
  }
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_circle .day_circle_text .lato {
    font-size: 2rem;
  }
}
#planning .planningsupport .day_wrap .day_circle .day_circle_text span {
  line-height: 1;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_circle .day_circle_text span {
    font-size: 1.2rem;
  }
}
#planning .planningsupport .day_wrap .day_circle .day_circle_text:not(.lang_ja) .lato {
  font-size: 2rem;
}
@media (max-width: 767px) {
  #planning .planningsupport .day_wrap .day_circle .day_circle_text:not(.lang_ja) .lato {
    font-size: 1.6rem;
  }
}
#planning .planningsupport .day_wrap .day_circle .day_circle_text:not(.lang_ja) .ja {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  #planning .planningsupport .day_wrap .day_circle .day_circle_text:not(.lang_ja) .ja {
    font-size: 1.2rem;
  }
}
#planning .planningsupport .day_wrap .day_circle .dayimg {
  width: 168px;
  height: 168px;
}
@media (max-width: 1400px) {
  #planning .planningsupport .day_wrap .day_circle .dayimg {
    width: 84px;
    height: 84px;
  }
}
#planning .planningsupport_last_wrap {
  z-index: 10;
  position: relative;
}
@media (max-width: 767px) {
  #planning .planningsupport_last_wrap {
    width: 100% !important;
  }
}
#planning .planningsupport_last {
  background: #176082;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-top: -45px;
  gap: 5px;
  line-height: 1;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 1.5em 0;
}
@media (max-width: 1300px) {
  #planning .planningsupport_last {
    margin-top: -25px;
  }
}
@media (max-width: 767px) {
  #planning .planningsupport_last {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 0;
  }
}
#planning .planningsupport_last:not(.lang_ja) .text-24 {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  #planning .planningsupport_last:not(.lang_ja) .text-24 {
    font-size: 1.2rem;
  }
}
#planning .planningsupport_last > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 5px;
}
#planning .planningsupport_last > div .lato span {
  line-height: 1;
}

/* service
=========================================== */
@media (max-width: 767px) {
  #services {
    margin-bottom: 0 !important;
  }
}
#services .totalbg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px 0 20px;
}
@media (max-width: 767px) {
  #services .totalbg {
    margin: 40px 0 20px;
  }
}
#services .totalbg span {
  color: #fff;
  width: 100%;
  display: block;
  height: 60px;
  background: #176082;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.4;
  text-align: center;
  margin-inline: auto;
}
#services .totalbg:before {
  content: "";
  -webkit-clip-path: polygon(0 50%, 100% 0, 100% 100%);
          clip-path: polygon(0 50%, 100% 0, 100% 100%);
  width: 30px;
  height: 60px;
  background: #176082;
}
#services .totalbg:after {
  content: "";
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
          clip-path: polygon(100% 50%, 0 0, 0 100%);
  width: 30px;
  height: 60px;
  background: #176082;
}
#services .step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px;
}
@media (max-width: 640px) {
  #services .step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#services .step li {
  width: calc((100% - 120px) / 4);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media (max-width: 1300px) {
  #services .step li {
    width: calc((100% - 40px) / 2);
  }
}
@media (max-width: 640px) {
  #services .step li {
    width: 100%;
  }
}
#services .step li img {
  width: 100%;
  height: auto;
}
#services .step .stepttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  background: #E4E4E4;
  width: 100%;
}
#services .step .stepttl .stepnum {
  background: #009FE8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3px;
  padding: 0.6em;
}
#services .step .stepttl .stepnum .lato {
  color: #fff;
  line-height: 1;
}
#services .step .stepttl h4 {
  padding: 0 0 0 0.8em;
}

@media (min-width: 768px) {
  #business {
    background: url(/wp/wp-content/uploads/bg_business.png) bottom right no-repeat;
    background-size: 40% auto;
    margin-bottom: 0 !important;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  #business {
    background: url(/wp/wp-content/uploads/bg_business.png) top right no-repeat;
    background-size: 80% auto;
    padding-top: 60px;
  }
}
#business .business_card.flex {
  gap: 40px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 767px) {
  #business .business_card.flex {
    gap: 30px;
  }
}
#business .business_card.flex .card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100% - 40px) / 2);
  gap: 25px;
}
@media (max-width: 767px) {
  #business .business_card.flex .card {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 20px;
  }
}
#business .business_card.flex .card img {
  max-width: 140px;
}
@media (max-width: 767px) {
  #business .business_card.flex .card img {
    width: 70px;
  }
}
#business .business_card.flex .card .card_text {
  color: #176082;
  width: calc(100% - 140px - 25px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}
@media (max-width: 767px) {
  #business .business_card.flex .card .card_text {
    width: calc(100% - 70px - 20px);
  }
}

#mission {
  background: url(/wp/wp-content/uploads/mission_bg.png) top left no-repeat #009FE8;
  background-size: auto 100%;
}
@media (max-width: 1700px) {
  #mission {
    background: url(/wp/wp-content/uploads/mission_bg.png) top left -100px no-repeat #009FE8;
    background-size: auto 100%;
  }
}
@media (max-width: 1550px) {
  #mission {
    background: url(/wp/wp-content/uploads/mission_bg.png) top left -60% no-repeat #009FE8;
    background-size: auto 100%;
  }
}
@media (max-width: 1350px) {
  #mission {
    background: url(/wp/wp-content/uploads/mission_bg.png) top left -500px no-repeat #009FE8;
    background-size: auto 100%;
  }
}
@media (max-width: 767px) {
  #mission {
    background: #009FE8;
  }
}
#mission .mission_box {
  width: 50%;
  margin-left: 50%;
  padding: 110px 0;
}
@media (max-width: 767px) {
  #mission .mission_box {
    padding: 50px 0;
    width: 100%;
    margin-left: 0;
  }
}
#mission .mission_text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}
@media (max-width: 767px) {
  #mission .mission_text {
    gap: 20px;
  }
}
#mission .mission_text p {
  color: #fff;
}

@media (max-width: 767px) {
  #stranges .flex.flex-between {
    gap: 40px;
  }
}
#stranges .strange_set figure {
  margin-bottom: 30px;
}
#stranges .strange_set.strange01 {
  width: 100%;
}
@media (min-width: 768px) {
  #stranges .strange_set.strange01 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 60px;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  #stranges .strange_set.strange01 {
    margin-bottom: 40px;
  }
}
#stranges .strange_set.strange02, #stranges .strange_set.strange03 {
  width: 48%;
}
@media (max-width: 767px) {
  #stranges .strange_set.strange02, #stranges .strange_set.strange03 {
    width: 100%;
  }
}

/* technology
=========================================== */
#technology .technology_disc {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #technology .technology_disc {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  #technology .flex.flex-between {
    gap: 40px;
  }
}
#technology .flex.flex-between .box {
  width: 48%;
}
@media (max-width: 767px) {
  #technology .flex.flex-between .box {
    width: 100%;
  }
}
#technology .flex.flex-between.scenelist {
  margin-bottom: 60px;
}
@media (max-width: 1240px) {
  #technology .flex.flex-between.scenelist {
    gap: 40px 0;
  }
}
@media (max-width: 767px) {
  #technology .flex.flex-between.scenelist {
    margin-bottom: 50px;
    gap: 40px;
  }
}
#technology .flex.flex-between.scenelist li {
  width: 23%;
}
@media (max-width: 1240px) {
  #technology .flex.flex-between.scenelist li {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #technology .flex.flex-between.scenelist li {
    width: 100%;
  }
}
#technology .flex.flex-between.scenelist li figcaption {
  margin-top: 1em;
}
#technology .table01 tbody tr th {
  padding: 0.5em 1em;
}
#technology .table01 thead tr th {
  padding: 0.5em 1em;
}

#benefits {
  background: url(/wp/wp-content/uploads/benefits_bg.png) no-repeat center center #fff;
  background-size: cover;
  padding: 100px 0;
}
@media (max-width: 767px) {
  #benefits {
    background: url(/wp/wp-content/uploads/benefits_bg.png) no-repeat center center #fff;
    background-size: cover;
    padding: 60px 0 50px;
  }
}
@media (max-width: 767px) {
  #benefits .flex.flex-between {
    gap: 40px;
  }
}
#benefits .flex.flex-between .box {
  width: 48%;
}
@media (max-width: 767px) {
  #benefits .flex.flex-between .box {
    width: 100%;
  }
}
#benefits .flex.flex-between.benefitslist {
  margin-bottom: 60px;
}
@media (max-width: 1240px) {
  #benefits .flex.flex-between.benefitslist {
    gap: 40px 0;
  }
}
@media (max-width: 767px) {
  #benefits .flex.flex-between.benefitslist {
    margin-bottom: 50px;
    gap: 40px;
  }
}
#benefits .flex.flex-between.benefitslist li {
  width: 23%;
}
@media (max-width: 1240px) {
  #benefits .flex.flex-between.benefitslist li {
    width: 48%;
  }
}
@media (max-width: 767px) {
  #benefits .flex.flex-between.benefitslist li {
    width: 100%;
  }
}
#benefits .flex.flex-between.benefitslist li figcaption {
  padding: 0.8em 0;
  background: #fff;
  display: block;
  text-align: center;
  margin-inline: auto;
}
#benefits .benefits_btm {
  background: #009FE8;
  color: #fff;
  text-align: center;
  margin: 4em auto 0;
  padding: 1.5em 0;
}
@media (max-width: 1200px) {
  #benefits .benefits_btm {
    text-align: left;
    padding: 1.5em 2em;
  }
  #benefits .benefits_btm br {
    display: none;
  }
}

#security .security_disc {
  margin-bottom: 60px;
  text-align: center;
  margin-inline: auto;
}
@media (max-width: 767px) {
  #security .security_disc {
    margin-bottom: 50px;
    text-align: left;
    margin-inline: 0;
  }
}

/* project
=========================================== */
#project .project_top {
  gap: 40px;
}
#project .project_mainimg {
  width: calc(100% - 438px - 40px);
}
@media (max-width: 1200px) {
  #project .project_mainimg {
    width: 100%;
  }
}
#project .project_text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
  width: 438px;
}
@media (max-width: 1200px) {
  #project .project_text {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #project .project_text {
    gap: 20px;
  }
}
#project .project_text .project_outline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#project .project_text .project_outline dt {
  background: #176082;
  color: #fff;
  font-weight: 600;
  padding: 1px 15px;
}
#project .project_text .project_outline dd {
  border: 1px solid #176082;
  color: #176082;
  font-weight: 600;
  padding: 1px 15px;
}
#project .project_detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media (max-width: 767px) {
  #project .project_detail {
    gap: 40px;
  }
}
@media (max-width: 767px) {
  #project .project_detail > .flex.flex-between {
    gap: 40px;
  }
}
#project .project_detail > .flex.flex-between .box {
  width: 48%;
}
@media (max-width: 767px) {
  #project .project_detail > .flex.flex-between .box {
    width: 100%;
  }
}
#project .map {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0;
}
#project .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1240px) {
  #project .pointlist {
    gap: 40px 0;
  }
}
@media (max-width: 767px) {
  #project .pointlist {
    gap: 25px;
  }
}
#project .pointlist li {
  width: 32%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}
@media (max-width: 767px) {
  #project .pointlist li {
    width: 100%;
  }
}
#project .pointlist li .hgroup4 {
  margin: 15px 0 0;
}

.projectttl {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 60px;
}
@media (max-width: 1500px) {
  .projectttl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 40px;
  }
}
@media (max-width: 1500px) {
  .projectttl {
    margin-bottom: 40px;
  }
}
@media (min-width: 1501px) {
  .projectttl .hgroup2 {
    width: 450px;
  }
  .projectttl .hgroup2 .ttl {
    margin-bottom: 0;
  }
}
@media (max-width: 1500px) {
  .projectttl .hgroup2 {
    width: 100%;
  }
}
.projectttl > p {
  width: calc(100% - 450px);
}
@media (max-width: 1500px) {
  .projectttl > p {
    width: 100%;
  }
}

#data .datalist {
  margin-bottom: 60px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 767px) {
  #data .datalist {
    margin-bottom: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media (max-width: 420px) {
  #data .datalist {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
#data .datalist li {
  width: 320px;
}
@media (max-width: 420px) {
  #data .datalist li {
    width: 100%;
  }
}
#data .datalist li h4 {
  margin-bottom: 1em;
  background: #176082;
  padding: 0.5em 0 0.5em 1em;
  color: #fff;
}
#data .databeforeafter {
  text-align: center;
  margin-inline: auto;
}
#data .databeforeafter figure figcaption {
  text-align: center;
  margin-inline: auto;
}
#data .databeforeafter .databeforeafterflex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#data .databefore {
  position: relative;
}
#data .databefore .databefore_text {
  position: absolute;
  z-index: 2;
  top: 30%;
  left: 0;
  right: 0;
}
#data .dataater {
  position: relative;
}
#data .dataater .dataafter_text {
  position: absolute;
  z-index: 2;
}
#data .dataater .dataafter_text.text01 {
  top: 5%;
  left: 40%;
  color: #fff;
  font-size: 1.4rem;
  text-align: left;
}
#data .dataater .dataafter_text.text01 .lato {
  line-height: 1;
}
#data .dataater .dataafter_text.text02 {
  bottom: 30%;
  right: 2%;
}

#gallery .ttl_gallery {
  margin-bottom: 1em;
  background: #176082;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 12px;
  padding: 10px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 60px 0 25px;
  position: relative;
}
@media (max-width: 767px) {
  #gallery .ttl_gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
    padding: 10px 0 10px 10px;
    margin: 40px 0 15px;
  }
}
#gallery .ttl_gallery:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  width: 6px;
  height: 6px;
  border-radius: 6px;
}
@media (max-width: 767px) {
  #gallery .ttl_gallery:before {
    display: none;
  }
}
#gallery .ttl_gallery > .lato {
  line-height: 1;
  color: #fff;
  position: relative;
  padding-right: 60px;
  padding-left: 0;
}
@media (max-width: 767px) {
  #gallery .ttl_gallery > .lato {
    padding-right: 0;
  }
}
#gallery .ttl_gallery > .lato:after {
  content: "";
  position: absolute;
  top: 48%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  width: 50px;
  height: 1px;
}
@media (max-width: 767px) {
  #gallery .ttl_gallery > .lato:after {
    display: none;
  }
}
#gallery .ttl_gallery .ttl {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
}
#gallery .list_gallery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 25px;
}
#gallery .list_gallery a {
  width: 260px;
  position: relative;
}
@media (max-width: 767px) {
  #gallery .list_gallery a {
    width: calc((100% - 25px) / 2);
  }
}
#gallery .list_gallery a:before {
  content: "";
  background-image: url("../img/common/icon_plus.svg");
  background-color: rgba(0, 0, 0, 0.6);
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  #gallery .list_gallery a:before {
    width: 25px;
    height: 25px;
  }
}

.lb-data .lb-caption {
  font-size: 20px;
  line-height: 1.2;
  padding: 10px 0;
  display: block;
}
@media (max-width: 767px) {
  .lb-data .lb-caption {
    font-size: 16px;
  }
}

#plan .table01 {
  width: 100%;
  margin-bottom: 10px;
}
#plan .table01 thead tr th:nth-of-type(2) {
  background: #62CEFF;
}
#plan .table01 thead tr th:nth-of-type(3) {
  background: #38BEFB;
}
#plan .table01 thead tr th:nth-of-type(4) {
  background: #009FE8;
}
#plan .table01 tbody tr th {
  background: #DBDBDB;
}
#plan .table01 tbody tr td {
  background: #E9E9E9;
}
#plan .table01 tbody tr td:nth-of-type(1) {
  background: #E9E9E9;
}
#plan .table01 tbody tr td:nth-of-type(2) {
  background: #E9E9E9;
}
#plan .table01 tbody tr td:nth-of-type(3) {
  background: #E9E9E9;
}
#plan .table01 tbody tr td:nth-of-type(4) {
  background: #E9E9E9;
}
#plan .table01 .cklist {
  margin-top: 10px;
}

/* company
=========================================== */
#message .flex .imgbox {
  width: 26%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  #message .flex .imgbox {
    width: 100%;
    gap: 15px;
  }
}
#message .flex .textbox {
  width: 68%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 767px) {
  #message .flex .textbox {
    width: 100%;
    gap: 15px;
  }
}
#message .img_urbanlike_wrap {
  position: relative;
}
#message .img_urbanlike_wrap ul li {
  position: absolute;
  text-align: center;
  margin-inline: auto;
  z-index: 2;
  font-weight: 700;
}
#message .img_urbanlike_wrap ul li .lato {
  color: #93969C;
}
@media (max-width: 767px) {
  #message .img_urbanlike_wrap ul li .lato {
    font-size: 1.2rem;
  }
}
@media (max-width: 450px) {
  #message .img_urbanlike_wrap ul li .lato {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  #message .img_urbanlike_wrap ul li .ja {
    font-size: 1.2rem;
  }
}
@media (max-width: 450px) {
  #message .img_urbanlike_wrap ul li .ja {
    font-size: 1rem;
  }
}
#message .img_urbanlike_wrap ul li.text01 {
  top: 0;
  left: 0;
  right: 0;
}
#message .img_urbanlike_wrap ul li.text02 {
  top: 14%;
  right: 10%;
}
@media (max-width: 450px) {
  #message .img_urbanlike_wrap ul li.text02 {
    right: 0;
    top: 18%;
  }
}
#message .img_urbanlike_wrap ul li.text03 {
  top: 28%;
  left: 10%;
}
#message .img_urbanlike_wrap ul li.text04 {
  top: 42%;
  right: 0;
}
#message .img_urbanlike_wrap ul li.text05 {
  top: 56%;
  left: 0;
}
#message .img_urbanlike_wrap ul li.text06 {
  top: 70%;
  right: 10%;
}
#message .img_urbanlike_wrap ul li.text07 {
  top: 84%;
  left: 10%;
}
#message .img_urbanlike {
  margin-top: 60px;
}
@media (max-width: 767px) {
  #message .img_urbanlike {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  #profile .flex {
    gap: 0;
  }
}
#profile .flex .ttlbox {
  width: 28%;
}
@media (max-width: 767px) {
  #profile .flex .ttlbox {
    width: 100%;
  }
}
#profile .flex .profilebox {
  width: 70%;
}
@media (max-width: 767px) {
  #profile .flex .profilebox {
    width: 100%;
  }
}
#profile .profile_list {
  width: 100%;
}
#profile .profile_list div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
#profile .profile_list div dt {
  width: 140px;
  padding: 15px 0;
  font-weight: 600;
}
@media (max-width: 767px) {
  #profile .profile_list div dt {
    width: 85px;
  }
}
#profile .profile_list div dd {
  width: calc(100% - 140px);
  padding: 15px 0;
}
@media (max-width: 767px) {
  #profile .profile_list div dd {
    width: calc(100% - 85px);
  }
}

#access .flex .box {
  width: 47%;
}
@media (max-width: 767px) {
  #access .flex .box {
    width: 100%;
  }
}
#access .map {
  position: relative;
  width: 100%;
  padding-top: 70%;
  height: 0;
  margin-top: 20px;
}
#access .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* sustainability
=========================================== */
.sdgs_disc {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .sdgs_disc {
    margin-bottom: 50px;
  }
}

#sdgs .flex.flex-between {
  gap: 60px;
}
@media (max-width: 767px) {
  #sdgs .flex.flex-between {
    gap: 30px;
  }
}
#sdgs .flex.flex-between figure {
  width: 346px;
}
@media (max-width: 767px) {
  #sdgs .flex.flex-between figure {
    width: 100%;
  }
}
#sdgs .flex.flex-between .textbox {
  width: calc(100% - 346px - 60px);
}
@media (max-width: 767px) {
  #sdgs .flex.flex-between .textbox {
    width: 100%;
  }
}
#sdgs .flex.flex-between .textbox h3 {
  margin-bottom: 1em;
}

.sec_initiatives .container > section {
  margin-bottom: 60px !important;
}
@media (max-width: 767px) {
  .sec_initiatives .container > section {
    margin-bottom: 40px !important;
  }
}
.sec_initiatives .hgroup4 {
  margin-top: 0;
}
.sec_initiatives .initiativeslist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 40px;
}
.sec_initiatives .initiativeslist li {
  width: 175px;
}
@media (max-width: 767px) {
  .sec_initiatives .initiativeslist li {
    width: 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .sec_initiatives .flex.flex-between.initiativesflex {
    gap: 40px;
  }
}
.sec_initiatives .flex.flex-between.initiativesflex .box {
  width: 48%;
}
@media (max-width: 767px) {
  .sec_initiatives .flex.flex-between.initiativesflex .box {
    width: 100%;
  }
}
.sec_initiatives .dxbox {
  border: 20px solid #E9FFFF;
  background: #fff;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .sec_initiatives .dxbox {
    border: 15px solid #E9FFFF;
  }
}
.sec_initiatives .dxbox > .flex {
  gap: 60px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 40px;
}
@media (max-width: 767px) {
  .sec_initiatives .dxbox > .flex {
    padding: 15px;
    gap: 15px;
  }
}
.sec_initiatives .dxbox figure {
  width: 372px;
}
@media (max-width: 767px) {
  .sec_initiatives .dxbox figure {
    width: 100%;
  }
}
.sec_initiatives .dxbox .textbox {
  width: calc(100% - 372px - 60px);
}
@media (max-width: 767px) {
  .sec_initiatives .dxbox .textbox {
    width: 100%;
  }
}

/* privacy
=========================================== */
#privacy .container > section {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #privacy .container > section {
    margin-bottom: 40px;
  }
}
#privacy ol {
  padding-left: 3em;
  margin-top: 20px;
}
#privacy ol > li {
  position: relative;
  list-style-type: decimal-leading-zero;
}
#privacy ol > li:last-child {
  margin-bottom: 0;
}

/* news
=========================================== */
.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin-top: 40px;
}
.page-numbers li .page-numbers {
  line-height: 40px;
}
.page-numbers li .page-numbers:not(.next):not(.prev) {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px solid #176082;
  background: #fff;
  color: #176082;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.page-numbers li .page-numbers:not(.next):not(.prev).current {
  background: #176082;
  color: #fff;
}

.news_archive_flex #news_archive {
  width: 74%;
}
@media (max-width: 767px) {
  .news_archive_flex #news_archive {
    width: 100%;
  }
}
.news_archive_flex .side {
  width: 21%;
}
@media (max-width: 767px) {
  .news_archive_flex .side {
    width: 100%;
  }
}
.news_archive_flex .side .hgroupbg2 {
  margin: 0;
}
.news_archive_flex .side .category_list {
  margin-bottom: 60px;
}
.news_archive_flex .side .category_list .cat-item a {
  padding: 0.8em 0;
  display: block;
  border-bottom: 1px solid #ccc;
}
.news_archive_flex .news_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px;
}
.news_archive_flex .news_list li.news_list_item {
  width: calc((100% - 40px) / 2);
}
@media (max-width: 767px) {
  .news_archive_flex .news_list li.news_list_item {
    width: 100%;
  }
}
.news_archive_flex .news_list li.news_list_item a {
  display: block;
}
.news_archive_flex .news_list li.news_list_item .news_title {
  font-size: 1.8rem;
  margin-top: 10px;
}
.news_archive_flex .news_list li.news_list_item .category {
  background: #E9FFFF;
  display: inline-block;
  padding: 1px 10px;
  color: #176082;
}
.news_archive_flex .news_list li.news_list_item .news_img {
  width: 100%;
  margin-bottom: 10px;
}
.news_archive_flex .news_list li.news_list_item .news_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 500/217;
}
@media (min-width: 768px) {
  .news_archive_flex .news_list li.news_list_item:first-child {
    width: 100%;
  }
  .news_archive_flex .news_list li.news_list_item:first-child .news_title {
    font-size: 2.8rem;
  }
}

#news_single_main {
  padding-top: 200px;
}
@media (max-width: 767px) {
  #news_single_main {
    padding-top: 100px;
  }
}
#news_single_main .single-area {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  #news_single_main .single-area {
    margin-bottom: 60px;
  }
}
#news_single_main .single-area .singlettl {
  border-bottom: 1px solid #231815;
  padding: 1em 0;
  line-height: 1.5;
  margin-bottom: 2em;
}
#news_single_main .single-area img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
#news_single_main .single-area p {
  margin-bottom: 1em;
  line-height: 2;
}
#news_single_main .single-area p:last-child {
  margin-bottom: 0;
}
#news_single_main .single-area h2, #news_single_main .single-area h3, #news_single_main .single-area h4, #news_single_main .single-area h5, #news_single_main .single-area h6, #news_single_main .single-area ul, #news_single_main .single-area ol {
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.5;
}
#news_single_main .single-area h2 {
  font-size: 2rem;
  padding: 0.5em 1em;
  background: #E9FFFF;
}
#news_single_main .single-area h3 {
  font-size: 1.9rem;
  border-left: 5px solid #176082;
  padding-left: 1em;
}
#news_single_main .single-area h4 {
  font-size: 1.8rem;
  padding: 0.5em 1em;
  background: #176082;
  color: #fff;
}
#news_single_main .single-area h5 {
  font-size: 1.7rem;
  padding-left: 1em;
  position: relative;
}
#news_single_main .single-area h5:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 12px;
  height: 2px;
  background: #176082;
}
#news_single_main .single-area h6 {
  font-size: 1.6rem;
  color: #176082;
}
#news_single_main .single-area a {
  color: #176082;
  display: inline-block;
  text-decoration: underline;
}
@media (hover: hover) {
  #news_single_main .single-area a:hover {
    opacity: 0.6;
  }
}
#news_single_main .single-area ul {
  padding-left: 3em;
}
#news_single_main .single-area ul > li {
  position: relative;
  margin-bottom: 0.5em;
  line-height: 2;
  list-style-type: disc;
}
#news_single_main .single-area ul > li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
#news_single_main .single-area ol {
  padding-left: 3em;
}
#news_single_main .single-area ol > li {
  position: relative;
  margin-bottom: 0.5em;
  line-height: 2;
  list-style-type: decimal;
}
#news_single_main .single-area ol > li:last-child {
  margin-bottom: 0;
}

/* contact
=========================================== */
#contact .container > section {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  #contact .container > section {
    margin-bottom: 40px;
  }
}
#contact #confirm_area_ttl {
  margin-bottom: 1em;
}
#contact .confirm_area_text {
  margin-bottom: 2em;
}
#contact .form_area_wrap {
  margin-top: 40px;
  background: #eeeeee;
  text-align: center;
  margin-inline: auto;
  padding: 60px 20px;
}
@media (max-width: 1100px) {
  #contact .form_area_wrap {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  #contact .form_area_wrap {
    padding: 20px;
  }
}
#contact .form_area {
  max-width: 970px;
  padding: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  margin-inline: auto;
  background: #fff;
}
@media (max-width: 1100px) {
  #contact .form_area {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  #contact .form_area {
    padding: 20px;
  }
}
#contact .form_area .row {
  text-align: left;
}
#contact .form_area .row dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  margin: 0;
}
#contact .form_area .row dl .bg_gray {
  background: #F6F6F6;
}
@media (max-width: 767px) {
  #contact .form_area .row dl .bg_gray {
    background: transparent;
  }
}
#contact .form_area .row dl > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
  #contact .form_area .row dl > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border: none;
  }
}
#contact .form_area .row dl > div dt,
#contact .form_area .row dl > div dd {
  padding: 20px;
  font-size: 1.6rem;
}
#contact .form_area .row dl > div dt {
  width: 30%;
  min-width: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  font-weight: 600;
}
@media (max-width: 767px) {
  #contact .form_area .row dl > div dt {
    width: 100%;
    background: transparent;
    padding: 16px 0 0;
  }
}
#contact .form_area .row dl > div dt p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
#contact .form_area .row dl > div dt .required {
  display: inline-block;
  background: #E9FFFF;
  color: #231815;
  font-size: 1.2rem;
  padding: 4px 8px 2px;
  font-weight: 600;
}
#contact .form_area .row dl > div dd {
  width: 70%;
}
@media (max-width: 767px) {
  #contact .form_area .row dl > div dd {
    width: 100%;
    padding: 8px 0 26px;
  }
}
#contact .form_area .row dl > div dd p {
  margin: 0;
}
#contact .form_area .row dl > div dd input[type=text],
#contact .form_area .row dl > div dd input[type=email],
#contact .form_area .row dl > div dd input[type=tel],
#contact .form_area .row dl > div dd input[type=number],
#contact .form_area .row dl > div dd select,
#contact .form_area .row dl > div dd textarea {
  width: 100%;
  border: 1px solid #ccd4d9;
  background: #F6F6F6;
  font-family: "Noto Sans JP", "Yu Gothic Medium", YuGothic, sans-serif;
  font-size: 1.6rem;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border-color 0.2s ease-in-out;
  transition: border-color 0.2s ease-in-out;
}
#contact .form_area .row dl > div dd input[type=text]:focus,
#contact .form_area .row dl > div dd input[type=email]:focus,
#contact .form_area .row dl > div dd input[type=tel]:focus,
#contact .form_area .row dl > div dd input[type=number]:focus,
#contact .form_area .row dl > div dd select:focus,
#contact .form_area .row dl > div dd textarea:focus {
  outline: none;
  border-color: #176082;
}
#contact .form_area .row dl > div dd input[type=text]::-webkit-input-placeholder, #contact .form_area .row dl > div dd input[type=email]::-webkit-input-placeholder, #contact .form_area .row dl > div dd input[type=tel]::-webkit-input-placeholder, #contact .form_area .row dl > div dd input[type=number]::-webkit-input-placeholder, #contact .form_area .row dl > div dd select::-webkit-input-placeholder, #contact .form_area .row dl > div dd textarea::-webkit-input-placeholder {
  color: #aaa;
}
#contact .form_area .row dl > div dd input[type=text]::-moz-placeholder, #contact .form_area .row dl > div dd input[type=email]::-moz-placeholder, #contact .form_area .row dl > div dd input[type=tel]::-moz-placeholder, #contact .form_area .row dl > div dd input[type=number]::-moz-placeholder, #contact .form_area .row dl > div dd select::-moz-placeholder, #contact .form_area .row dl > div dd textarea::-moz-placeholder {
  color: #aaa;
}
#contact .form_area .row dl > div dd input[type=text]:-ms-input-placeholder, #contact .form_area .row dl > div dd input[type=email]:-ms-input-placeholder, #contact .form_area .row dl > div dd input[type=tel]:-ms-input-placeholder, #contact .form_area .row dl > div dd input[type=number]:-ms-input-placeholder, #contact .form_area .row dl > div dd select:-ms-input-placeholder, #contact .form_area .row dl > div dd textarea:-ms-input-placeholder {
  color: #aaa;
}
#contact .form_area .row dl > div dd input[type=text]::-ms-input-placeholder, #contact .form_area .row dl > div dd input[type=email]::-ms-input-placeholder, #contact .form_area .row dl > div dd input[type=tel]::-ms-input-placeholder, #contact .form_area .row dl > div dd input[type=number]::-ms-input-placeholder, #contact .form_area .row dl > div dd select::-ms-input-placeholder, #contact .form_area .row dl > div dd textarea::-ms-input-placeholder {
  color: #aaa;
}
#contact .form_area .row dl > div dd input[type=text]::placeholder,
#contact .form_area .row dl > div dd input[type=email]::placeholder,
#contact .form_area .row dl > div dd input[type=tel]::placeholder,
#contact .form_area .row dl > div dd input[type=number]::placeholder,
#contact .form_area .row dl > div dd select::placeholder,
#contact .form_area .row dl > div dd textarea::placeholder {
  color: #aaa;
}
#contact .form_area .row dl > div dd textarea {
  resize: vertical;
  min-height: 160px;
  line-height: 1.6;
}
#contact .form_area .row dl > div dd input[type=radio] {
  display: none;
}
#contact .form_area .row dl > div dd input[type=radio] + span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding: 10px 20px;
  border-radius: 2px;
  color: #231815;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
#contact .form_area .row dl > div dd input[type=radio] + span::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  content: "";
  margin-top: -10px;
  border: 2px solid #9E9E9E;
  background: #fff;
  border-radius: 50%;
}
#contact .form_area .row dl > div dd input[type=radio]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 12px;
  height: 12px;
  margin-top: -4px;
  background: #176082;
  border-radius: 50%;
}
#contact .form_area .row dl > div dd .note {
  line-height: 1.6;
  margin-top: 8px;
}
#contact .form_area input[type=checkbox] {
  display: none;
}
#contact .form_area input[type=checkbox] + span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding: 10px 0 10px 20px;
  border-radius: 2px;
  color: #231815;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 500px) {
  #contact .form_area input[type=checkbox] + span {
    font-size: 1.2rem;
  }
}
#contact .form_area input[type=checkbox] + span::before {
  position: absolute;
  top: 50%;
  left: -10px;
  width: 20px;
  height: 20px;
  content: "";
  margin-top: -10px;
  border: 2px solid #9E9E9E;
  background-color: #fff;
  content: "";
}
#contact .form_area input[type=checkbox]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -5px;
  width: 12px;
  height: 6px;
  margin-top: -4px;
  position: absolute;
  border-left: 3px solid #176082;
  border-bottom: 3px solid #176082;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#contact .form_area .btn_wrapper {
  text-align: center;
  margin-top: 20px;
}
#contact .form_area .btn_wrapper .primary-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#contact .form_area .btn_wrapper .primary-btn p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#contact .form_area .btn_wrapper .primary-btn input[type=submit] {
  display: inline-block;
  padding: 16px 80px;
  background: #176082;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 40px;
}
#contact .form_area .btn_wrapper .primary-btn input[type=submit]:hover {
  opacity: 0.85;
}
#contact .form_area .btn_wrapper .primary-btn input[type=submit]:disabled {
  background: #ccc;
  cursor: not-allowed;
}
#contact .form_area .btn_wrapper .primary-btn input[type=button] {
  display: inline-block;
  padding: 16px 80px;
  background: #176082;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 40px;
}
#contact .form_area .btn_wrapper .primary-btn input[type=button]:hover {
  opacity: 0.85;
}
#contact .form_area .btn_wrapper .primary-btn input[type=button]:disabled {
  background: #ccc;
  cursor: not-allowed;
}
#contact .form_area .btn_wrapper input.back_button {
  display: inline-block;
  padding: 16px 80px;
  background: #ccc;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-top: 15px;
}
#contact .form_area .btn_wrapper input.back_button:hover {
  opacity: 0.85;
}/*# sourceMappingURL=under.css.map */