@charset "UTF-8";
.error-js,
.error-php {
  position: absolute;
  bottom: -41px;
  display: block;
  margin: 4px 0 16px;
  color: #e02020;
  font-size: 14px;
}

.error-php {
  display: block;
  margin: 4px 0 16px;
  color: #e02020;
  font-size: 14px;
}

.mark::after {
  content: "ラベル名";
  display: inline-block;
  padding: 0px 8px;
  margin-right: 0.5em;
  border-radius: 1px;
  color: var(--cError);
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .mark::after {
    font-size: 10px;
  }
}
.mark.require::after {
  content: "必須";
  border: 1px solid var(--cError);
  width: 46px;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .mark.require::after {
    width: 30px;
    height: 18px;
  }
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  background-image: url(../../img/common/select_down_arrow.svg);
  background-size: 12px 6px;
  background-repeat: no-repeat;
  background-position-x: 96%;
  background-position-y: 19px;
}

.confirm_contents {
  width: 1080px;
  margin: 0 auto;
}

.form_area .subtitle {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .form_area .subtitle {
    font-size: 16px;
  }
}
.form_area .confirm_contents-area {
  padding: 0 100px;
}

.form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 8px;
  margin-bottom: 32px;
}
@media screen and (max-width: 768px) {
  .form-group {
    flex-wrap: wrap;
    margin-bottom: 24px;
  }
}
.form-group dt {
  flex: 0 1 22%;
  font-size: 16px;
  color: var(--cBase);
  line-height: 1.5;
  display: flex;
  justify-content: space-between;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .form-group dt {
    flex: 1;
    justify-content: flex-start;
    gap: 15px;
    font-size: 14px;
  }
}
.form-group dd {
  position: relative;
  width: 100%;
}
.form-group:has(dd.preline) {
  white-space: pre-line;
}
.form-group:has(dd > textarea) {
  align-items: flex-start;
}
.form-group:has(dd #agreement) {
  align-items: flex-start;
}
.form-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 10px;
  border: 1px solid #c0c0c0;
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
  width: 318px;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .form-group select {
    max-height: 40px;
    padding: 12px 10px;
    width: 315px;
  }
}
.form-group textarea::-webkit-input-placeholder,
.form-group input::-webkit-input-placeholder {
  color: black; /*Change the placeholder color*/
  opacity: 0.3; /*Change the opacity between 0 and 1*/
}
.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group input[type=tel],
.form-group input[type=url],
.form-group input[type=number],
.form-group input[type=date],
.form-group textarea {
  width: 100%;
  padding: 16px 12px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #c0c0c0;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .form-group input[type=text],
  .form-group input[type=email],
  .form-group input[type=password],
  .form-group input[type=tel],
  .form-group input[type=url],
  .form-group input[type=number],
  .form-group input[type=date],
  .form-group textarea {
    max-height: 40px;
    padding: 12px 10px;
  }
}
.form-group input[type=text]:focus,
.form-group input[type=email]:focus,
.form-group input[type=password]:focus,
.form-group input[type=tel]:focus,
.form-group input[type=url]:focus,
.form-group input[type=number]:focus,
.form-group input[type=date]:focus,
.form-group textarea:focus {
  outline: 0;
  box-shadow: inset 0px 2px 6px 0px rgba(17, 17, 26, 0.15);
}
.form-group input[type=number] {
  width: 100px;
  padding-right: 15px;
}
.form-group textarea {
  white-space: pre-wrap;
}
@media screen and (max-width: 768px) {
  .form-group textarea {
    max-height: none;
    padding: 12px 10px;
  }
}
.form-group input[type=checkbox] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  border: 2px solid #C0C0C0;
  border-radius: 4px;
  vertical-align: -6px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 420px) {
  .form-group input[type=checkbox] {
    transform: translateY(2px);
    text-align: left;
  }
}
.form-group input[type=checkbox]:checked:before {
  position: absolute;
  top: -6px;
  left: 7px;
  transform: rotate(50deg);
  width: 5px;
  height: 18px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: "";
}
.form-group input[type=textarea] {
  white-space: pre-line;
}

.submit_area {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  padding: 50px 0px;
}
.submit_area a.btn01 {
  padding: 30px 0px;
  max-width: 900px;
  min-width: 315px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--clrOrg);
  color: var(--cWhite);
  font-weight: 500;
  border: none;
}
@media screen and (max-width: 768px) {
  .submit_area a.btn01 {
    padding: 30px 0px;
    width: 315px;
    height: 40px;
  }
}
.submit_area a.btn01 span {
  font-size: 18px;
  color: var(--cWhite);
}
.submit_area a.btn01--arrow_right::after {
  margin-top: -4px;
}
.submit_area button {
  background-color: transparent !important;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.form-group > dt.mark::after {
  content: "ラベル名";
  display: inline-block;
  padding: 0px 8px;
  margin-left: 0.5em;
  border-radius: 1px;
  color: var(--cError);
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .form-group > dt.mark::after {
    font-size: 10px;
  }
}
.form-group > dt.mark.require::after {
  content: "必須";
  border: 1px solid var(--cError);
  width: 46px;
  height: 24px;
}
@media screen and (max-width: 768px) {
  .form-group > dt.mark.require::after {
    width: 30px;
    height: 18px;
  }
}

.form-group dd p.policy_box {
  height: 300px;
  padding: 0.5em 1em;
  margin-bottom: 16px;
  overflow-y: scroll;
  border: 1px solid #C0C0C0;
  border-radius: 8px;
}

.contact_list {
  margin-top: 120px;
  background-color: #f8f6f4;
}
.contact_list > .wrapper {
  max-width: 1000px;
  padding: 60px 40px;
  margin: 0 auto;
  box-shadow: 2px 5px 24px -16px #777777;
  border-radius: 12px;
  background-color: #fff;
  translate: 0 -80px;
}
@media screen and (max-width: 768px) {
  .contact_list > .wrapper {
    padding: 32px 10px;
    background-color: #f8f6f4;
    box-shadow: none;
  }
}
.contact_list > * {
  color: var(--cBase);
  line-height: 1.6;
}
.contact_list .contact_list__heading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 24px;
  margin-bottom: 16px;
}
.contact_list .contact_list__heading h3 {
  flex: 1 0 100%;
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.contact_list .contact_list__heading__tel {
  font-size: 50px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .contact_list .contact_list__heading__tel {
    font-size: clamp(2rem, -0.364rem + 11.82vw, 2.813rem);
  }
}
@media (hover: hover) {
  .contact_list .contact_list__heading__tel a {
    pointer-events: none;
  }
}
.contact_list .contact_list__heading__tel span {
  margin-right: 0.2em;
  font-size: 25px;
  font-weight: 500;
}
.contact_list .contact_list__heading__storetime {
  color: #404040;
}
@media screen and (max-width: 768px) {
  .contact_list .contact_list__heading__storetime {
    font-size: 14px;
  }
}

.contact_list__body {
  padding: 28px 32px 8px;
  margin: 0 auto;
  border: 1px solid var(--cBase);
  border-radius: 16px;
}
@media screen and (max-width: 768px) {
  .contact_list__body {
    padding: 16px 16px;
  }
}
.contact_list__body h4 {
  margin-bottom: 8px;
  font-weight: 500;
}
.contact_list__body ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0 8px;
  padding: 0;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--cBase);
}
.contact_list__body ul li:last-of-type {
  border: none;
}
@media screen and (max-width: 1140px) {
  .contact_list__body ul li {
    padding: 10px 0;
  }
}
.contact_list__body ul li p {
  flex: 0 1 33%;
  align-self: baseline;
  font-weight: 500;
  font-size: 18px;
}
@media screen and (max-width: 1140px) {
  .contact_list__body ul li p {
    flex: 1 0 100%;
  }
}
.contact_list__body ul li .contact_list__body__tel {
  flex: 1;
  font-size: 36px;
}
@media screen and (max-width: 1140px) {
  .contact_list__body ul li .contact_list__body__tel {
    flex: 1 0 100%;
  }
}
.contact_list__body ul li .contact_list__body__tel span {
  margin-right: 0.2em;
  font-size: 20px;
}
@media (hover: hover) {
  .contact_list__body ul li .contact_list__body__tel a {
    pointer-events: none;
  }
}
.contact_list__body ul li .contact_list__body__fax {
  flex: 0 1 28%;
  font-size: 24px;
  text-align: right;
}
@media screen and (max-width: 1140px) {
  .contact_list__body ul li .contact_list__body__fax {
    flex: 1 0 100%;
    text-align: left;
  }
}
.contact_list__body ul li .contact_list__body__fax span {
  margin-right: 0.2em;
  font-size: 20px;
}

.form_area .form-group input[name=name],
.form_area .form-group input[name=name_kana],
.form_area .form-group input[name=option_name01],
.form_area .form-group input[name=contact_options01],
.form_area .form-group input[name=key_code],
.form_area .form-group input[name=toyoko_key_code],
.form_area .form-group input[name=syokusyu],
.form_area .form-group input[name=contact] {
  max-width: 318px;
}
@media screen and (max-width: 768px) {
  .form_area .form-group input[name=name],
  .form_area .form-group input[name=name_kana],
  .form_area .form-group input[name=option_name01],
  .form_area .form-group input[name=contact_options01],
  .form_area .form-group input[name=key_code],
  .form_area .form-group input[name=toyoko_key_code],
  .form_area .form-group input[name=syokusyu],
  .form_area .form-group input[name=contact] {
    max-width: 100%;
  }
}
.form_area .form-group input[name=age],
.form_area .form-group input[name=dob_year],
.form_area .form-group input[name=dob_month],
.form_area .form-group input[name=dob_day],
.form_area .form-group input[name=family_member] {
  max-width: 85px;
}
.form_area .form-group input[name=sex],
.form_area .form-group input[name=zipcode],
.form_area .form-group input[name=dob_month],
.form_area .form-group input[name=dob_day] {
  max-width: 150px;
}

.postal_grp {
  display: flex;
  gap: 20px;
}
.postal_grp .postal_code {
  display: flex;
  max-width: 160px;
  flex-wrap: wrap;
}
.postal_grp .searchBtn {
  background: none;
  padding: 15px;
  border: 1px solid #000000;
  max-width: 110px;
  height: 54px;
}
@media screen and (max-width: 768px) {
  .postal_grp .searchBtn {
    padding: 10px;
    max-width: 100px;
    height: 40px;
  }
}

dd {
  display: flex;
}
dd .back_word {
  padding: 10px 25px;
}
dd .select_yes,
dd .select_no {
  width: 130px;
}

.contact {
  display: flex;
  flex-direction: column;
}
.contact span {
  padding: 0px;
}

.form-group input[type=radio] {
  width: 24px;
  height: 24px;
  margin-right: 15px;
}

#contact-form .validation-advice,
#request-form .validation-advice {
  color: red;
  font-size: 14px;
}
#contact-form .position,
#request-form .position {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 54px;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
}
#contact-form .position .contact,
#request-form .position .contact {
  position: relative;
  width: 100px;
  text-align: right;
  display: flex;
  justify-content: center;
}
#contact-form .position .contact:before,
#request-form .position .contact:before {
  content: "1";
  width: 40px;
  height: 40px;
  display: block;
  color: var(--cWhite);
  background: #707070;
  position: absolute;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
}
#contact-form .position .conformation:before,
#request-form .position .conformation:before {
  content: "2";
}
#contact-form .position .active,
#request-form .position .active {
  color: var(--clrOrg);
}
#contact-form .position .active:before,
#request-form .position .active:before {
  background: var(--clrOrg);
}
#contact-form .top_area .top_main_title,
#request-form .top_area .top_main_title {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  #contact-form .top_area .top_main_title,
  #request-form .top_area .top_main_title {
    font-size: 20px;
  }
}
#contact-form .top_info,
#request-form .top_info {
  padding-bottom: 0px;
}
#contact-form .top_info .top_info_text,
#request-form .top_info .top_info_text {
  font-size: 16px;
  color: var(--subBlack);
  line-height: 1.6;
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 30px;
}
#contact-form .top_info .top_info_text a,
#request-form .top_info .top_info_text a {
  text-decoration: underline;
  color: var(--clrOrg);
  font-weight: 500;
}
#contact-form .top_info .subtext,
#request-form .top_info .subtext {
  font-size: 14px;
  color: var(--clrOrg);
  margin: 30px 0 20px;
  line-height: 1.6;
}
#contact-form .top_info table,
#request-form .top_info table {
  width: 100%;
  border-collapse: collapse;
}
#contact-form .top_info table tr,
#request-form .top_info table tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #contact-form .top_info table tr,
  #request-form .top_info table tr {
    flex-direction: column;
    align-items: flex-start;
  }
}
#contact-form .top_info table th,
#request-form .top_info table th {
  padding: 10px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #contact-form .top_info table th,
  #request-form .top_info table th {
    font-size: 15px;
    padding: 0px;
  }
}
#contact-form .top_info table td,
#request-form .top_info table td {
  width: 80%;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #contact-form .top_info table td,
  #request-form .top_info table td {
    width: 100%;
  }
}
#contact-form .top_info table td textarea,
#contact-form .top_info table td input,
#request-form .top_info table td textarea,
#request-form .top_info table td input {
  width: 100%;
  padding: 0 10px;
  background-color: rgba(235, 240, 243, 0.4);
  border-radius: 5px;
  height: 64px;
  margin: 15px 0px;
  font-size: 16px;
  border: 1px solid #EBF0F3;
}
@media screen and (max-width: 768px) {
  #contact-form .top_info table td textarea,
  #contact-form .top_info table td input,
  #request-form .top_info table td textarea,
  #request-form .top_info table td input {
    font-size: 15px;
    margin: 10px 0px;
  }
}
#contact-form .top_info table td textarea,
#request-form .top_info table td textarea {
  height: 250px;
  padding: 10px 15px;
}
#contact-form .top_info table td .info,
#request-form .top_info table td .info {
  font-size: 14px;
  margin: 10px 0 0;
  padding: 0;
}
#contact-form .top_info table .checkbox td,
#request-form .top_info table .checkbox td {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
#contact-form .top_info table .checkbox input,
#request-form .top_info table .checkbox input {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #contact-form .top_info,
  #request-form .top_info {
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  #contact-form .top_info .top_info_header,
  #request-form .top_info .top_info_header {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #contact-form .top_info ul li,
  #request-form .top_info ul li {
    font-size: 14px;
  }
}
#contact-form .top_info ul li a,
#request-form .top_info ul li a {
  text-decoration: underline;
  color: #E6531E;
  font-weight: 500;
}
#contact-form p,
#request-form p {
  font-size: 14px;
  margin: 10px 0 0;
}
#contact-form .top_info,
#request-form .top_info {
  padding-bottom: 0;
}

.content_btn-submit {
  margin-bottom: 30px;
}
.content_btn-submit::after {
  content: "";
  background-image: url(../../img/common/arrows/icon_right.svg);
}
@media screen and (max-width: 768px) {
  .content_btn-submit::after {
    background-image: url(../../img/common/arrows/icon_right_sp.svg);
  }
}

.content_btn-edit {
  background: #999999;
}
.content_btn-edit::before {
  content: "";
  background-image: url(../../img/common/arrows/icon_left.svg);
  width: 30px;
  height: 30px;
  position: absolute;
  left: 30PX;
}
.content_btn-edit::after {
  content: "";
  display: none !important;
}

#faq-container .ttlarea--base {
  background-image: url(/facility/assets/img/faq/faq_top.png);
}
#faq-container .faq-content-area .faq-list .faq-title {
  font-size: 24px;
  font-weight: 500;
  padding: 50px 0 30px;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-title {
    font-size: 18px;
    padding: 40px 0 20px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  /* When open, show "up-arrow" */
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner {
    padding: 0px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .b-top {
  border-top: 1px solid #999999;
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-item {
  padding: 30px 0;
  border-bottom: 1px solid #999999;
  position: relative;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-item {
    padding: 15px 0;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-question {
  cursor: pointer;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  transition: background 0.3s;
  display: flex;
  align-items: center;
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-question::before {
  content: "Q";
  display: inline-block;
  color: var(--clrOrg);
  margin-right: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-question::before {
    font-size: 15px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-question {
    font-size: 14px;
    padding: 0px;
    margin-right: 42px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-answer {
  display: none;
  padding: 30px;
  background: rgb(var(--clrOrg-rgb), 0.1);
  margin-top: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-answer {
    padding: 15px;
    font-size: 14px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-toggle {
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  right: 27px;
  width: 16px;
  height: 10px;
  transition: transform 0.3s ease-in-out;
  background-image: url(../../../assets/img/pages/faq/down-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-toggle {
    right: 15px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-toggle.open {
  transform: rotate(180deg);
  background-image: url(../../../assets/img/pages/faq/down-arrow.svg);
}

#top_container {
  /* Default logo */
}
#top_container .w1080 {
  max-width: 1080px;
  margin: 0 auto;
}
#top_container .header__inner {
  background-color: transparent;
  color: var(--cWhite);
}
#top_container .header__inner .hum span {
  background-color: #FFFFFF;
}
#top_container .header__inner.scrolled .hum span {
  background-color: #000;
}
#top_container .logo-image {
  width: 131px;
  height: 20px;
  background-image: url("/facility/assets/img/common/toyoko_logo_white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease;
}
#top_container .scrolled {
  background-color: var(--cWhite);
  color: var(--cBlack);
}
#top_container .scrolled .header_nav {
  color: var(--cBlack);
}
#top_container .scrolled .logo-image {
  background-image: url("/facility/img/common/toyoko_logo_black.svg");
}
#top_container .hero_area {
  position: relative;
  overflow: hidden;
}
#top_container .hero_area .video-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  line-height: 1;
}
#top_container .hero_area .video-container video {
  width: 100vw;
  height: 810px;
  -o-object-fit: cover;
     object-fit: cover;
}
#top_container .hero_area .video-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(0, 0, 0, 0.5) 10%, transparent 10%);
  background-size: 3px 3px;
  pointer-events: none;
}
#top_container .hero_area .catch_phrase {
  top: 450px;
  position: absolute;
  left: 60px;
  color: white;
}
#top_container .hero_area .catch_phrase .catch_phrase_inner .catch_phrase__ttl {
  font-size: 60px;
  font-weight: 500;
  letter-spacing: 1.8;
  line-height: 1.2;
  margin-bottom: 32px;
}
#top_container .hero_area .top_btn_area .btn_grp {
  text-align: center;
  position: relative;
  top: -50px;
  margin-bottom: -50px;
  display: flex;
  justify-content: center;
  gap: 10px;
}
#top_container .hero_area .top_btn_area .btn_grp .btn {
  width: 450px;
  height: 90px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 45px;
  color: var(--cWhite);
  font-weight: 500;
  letter-spacing: 2px;
  gap: 10px;
}
#top_container .hero_area .top_btn_area .btn_grp .btn::after {
  content: "";
  display: inline-flex;
  background-image: url(/facility/assets/img/common/exp_link.svg);
  color: white;
  width: 16px;
  height: 16px;
  margin-left: 20px;
}
#top_container .hero_area .top_btn_area .btn_grp .btn--blue {
  background-color: var(--btnblue);
  transition: background-color 0.3s;
}
#top_container .hero_area .top_btn_area .btn_grp .btn--blue:hover {
  background-color: var(--btnbluehover);
}
#top_container .hero_area .top_btn_area .btn_grp .btn--black {
  background-color: var(--btnblack);
  transition: background-color 0.3s;
}
#top_container .hero_area .top_btn_area .btn_grp .btn--black:hover {
  background-color: var(--btnblackhover);
}
#top_container .main_container {
  position: relative;
  /* Keyframes for smooth right-to-left scrolling */
}
#top_container .main_container .scroll-container {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#top_container .main_container .scroll-content {
  display: flex;
  white-space: nowrap;
  animation: scroll-right-left 20s linear infinite;
}
#top_container .main_container .scroll-content img {
  height: auto;
  width: auto;
  min-width: 100%;
  padding: 100px 100px 40px 0px;
}
@keyframes scroll-right-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
#top_container .main_container .about_area {
  position: relative;
  padding-bottom: 245px;
  overflow-x: hidden;
}
#top_container .main_container .about_area .about_area__bg {
  background: #E6531E;
  max-width: 1260px;
  height: 945px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner {
  position: relative;
  left: 120px;
  padding: 100px 0;
  color: var(--cWhite);
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_area__ttl h2 {
  font-size: 72px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_area__ttl h2 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  margin-left: 33px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_area__ttl h2 span::before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: var(--cWhite);
  margin-right: 10px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area {
  display: flex;
  gap: 90px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area_content__img {
  text-align: end;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area_content__img img {
  width: 720px;
  height: auto;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area__desc .about_area__desc_title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.556;
  margin-bottom: 40px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area__desc .about_area__desc_title span {
  background: var(--cWhite);
  color: var(--cBlack);
  font-weight: 500;
  padding: 0 5px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area__desc .about_area__desc_details {
  font-size: 18px;
  line-height: 2;
  width: 458px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_area_pick__img {
  position: absolute;
  top: 735px;
  left: 0px;
}
#top_container .main_container .about_area .about_area__bg .about_area__inner .about_area_pick__img img {
  width: 400px;
  height: auto;
}
#top_container .main_container .features_area {
  background: #F3F5F7;
  position: relative;
}
#top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_left img {
  height: 400px;
  position: relative;
  z-index: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_right {
  font-size: 72px;
  padding: 10px;
  font-family: "Montserrat", sans-serif;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 5px;
  position: absolute;
  z-index: 10;
  right: 180px;
  justify-content: center;
  height: 400px;
  color: white;
}
#top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_right span {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  align-items: center;
}
#top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_right span::before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 2px;
  background-color: var(--cWhite);
  margin-right: 10px;
}
#top_container .main_container .features_area .features_content__area {
  position: relative;
  padding-bottom: 55px;
  margin-top: -45px;
}
#top_container .main_container .features_area .features_content__area .features_area__item {
  background: var(--cWhite);
  max-width: 900px;
  position: relative;
  margin-bottom: 60px;
  display: flex;
  flex-wrap: wrap;
}
#top_container .main_container .features_area .features_content__area .features_area__item:nth-child(even) {
  flex-direction: row-reverse;
  right: -180px;
}
#top_container .main_container .features_area .features_content__area .features_area__item:nth-child(even) .features_area__item_inner {
  left: 120px;
  right: -120px;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1320px) {
  #top_container .main_container .features_area .features_content__area .features_area__item:nth-child(even) {
    right: -50px;
  }
}
@media screen and (max-width: 1080px) {
  #top_container .main_container .features_area .features_content__area .features_area__item:nth-child(even) {
    right: 0;
  }
}
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner {
  min-height: 400px;
  display: flex;
  gap: 80px;
  position: relative;
  margin-left: -120px;
  align-items: center;
}
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner:nth-child(2) {
  background-color: red;
}
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner .features_area__item_img_left img,
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner .features_area__item_img_right img {
  max-width: 310px;
  height: auto;
}
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner .features_area__item_desc {
  max-width: 550px;
}
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner .features_area__item_desc h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 40px;
}
#top_container .main_container .features_area .features_content__area .features_area__item .features_area__item_inner .features_area__item_desc p {
  font-size: 16px;
  line-height: 2;
}
#top_container .main_container .represent_shop {
  position: relative;
  padding: 100px 0;
}
#top_container .main_container .represent_shop .represent_shop__inner {
  display: flex;
  gap: 45px;
  align-items: center;
  border: 2px solid #009B62;
  border-radius: 20px;
  padding: 20px;
}
#top_container .main_container .represent_shop .represent_shop__inner .represent_shop__logo img {
  width: 235px;
  height: auto;
}
#top_container .main_container .represent_shop .represent_shop__inner .represent_shop__content .represent_shop__content_title {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
}
#top_container .main_container .service {
  background: #F3F5F7;
  padding: 100px 0 40px;
}
#top_container .main_container .service .service__inner .service__ttl {
  font-size: 72px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 60px;
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  color: var(--textorg);
}
#top_container .main_container .service .service__inner .service__ttl span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  color: var(--cBlack);
  gap: 5px;
  margin-top: 15px;
}
#top_container .main_container .service .service__inner .service__ttl span::before {
  content: "";
  display: inline-block;
  width: 80px;
  height: 1px;
  background-color: var(--cBlack);
  margin-right: 10px;
}
#top_container .main_container .service .service__inner .service__content_item_details_title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 20px;
}
#top_container .main_container .service .service__inner .service__content_item_details_desc {
  max-width: 800px;
}
@media screen and (max-width: 768px) {
  #top_container .main_container .service .service__inner .service__content_item_details_desc {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
  }
}
#top_container .main_container .service .slider-container {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}
#top_container .main_container .service .slider-container .navigation {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
  #top_container .main_container .service .slider-container .navigation {
    max-width: 90%;
    width: 100%;
    margin: 0 auto;
  }
}
#top_container .main_container .service .slider-container .navigation #current::after {
  content: "-";
  margin: 0 10px;
  color: #ff7f50;
}
#top_container .main_container .service .slider-container .navigation button {
  transition: color 0.3s;
}
#top_container .main_container .service .slider-container .navigation button:hover {
  color: #ff7f50;
}
#top_container .main_container .service .slider-container .slider-arrow {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  background: none;
  margin: -80px auto 80px;
}
@media screen and (max-width: 768px) {
  #top_container .main_container .service .slider-container .slider-arrow {
    max-width: 90%;
    width: 100%;
    margin: 45px auto 0;
  }
}
#top_container .main_container .service .slider-container .slider-arrow button {
  border: none;
  background: none;
  cursor: pointer;
}
#top_container .main_container .service .slider-container .slider-arrow #prev {
  background-image: url(/facility/assets/img/top_page/arrow.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
}
#top_container .main_container .service .slider-container .slider-arrow #prev:hover {
  background-image: url(/facility/assets/img/top_page/arrow_hover.svg);
}
@media screen and (max-width: 768px) {
  #top_container .main_container .service .slider-container .slider-arrow #prev {
    width: 50px;
    height: 50px;
    background-size: 100%;
  }
}
#top_container .main_container .service .slider-container .slider-arrow #next {
  background-image: url(/facility/assets/img/top_page/arrow.svg);
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  transform: rotate(180deg);
}
#top_container .main_container .service .slider-container .slider-arrow #next:hover {
  background-image: url(/facility/assets/img/top_page/arrow_hover.svg);
}
@media screen and (max-width: 768px) {
  #top_container .main_container .service .slider-container .slider-arrow #next {
    width: 50px;
    height: 50px;
    background-size: 100%;
  }
}
#top_container .main_container .service .slider-container .slick-track {
  left: 88px !important;
}
#top_container .main_container .service .slider-container .slider .slide {
  padding: 0 10px;
  display: flex;
  justify-content: center;
}
#top_container .main_container .service .slider-container .slider .slide .card {
  background-color: white;
  padding: 60px 10px;
  text-align: center;
  max-width: 500px;
  height: 616px;
  position: relative;
  border: 2px solid transparent;
  transition: border 1s;
}
#top_container .main_container .service .slider-container .slider .slide .card::before {
  content: "";
  position: absolute;
  background-image: url(/facility/assets/img/top_page/org_trangle.svg);
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
}
#top_container .main_container .service .slider-container .slider .slide .card::after {
  content: "";
  position: absolute;
  background-image: url(/facility/assets/img/top_page/org_trangle.svg);
  width: 40px;
  height: 40px;
  transform: rotate(180deg);
  z-index: 4;
  right: 0;
  bottom: 0;
}
#top_container .main_container .service .slider-container .slider .slide .card h4 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0;
}
#top_container .main_container .service .slider-container .slider .slide .card img {
  width: 250px;
  margin: 50px auto;
}
#top_container .main_container .service .slider-container .slider .slide .card h3 {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: left;
  padding: 0 20px;
  font-weight: 500;
}
#top_container .main_container .service .slider-container .slider .slide .card p {
  font-size: 16px;
  margin-bottom: 40px;
  padding: 0 20px;
  text-align: left;
}
#top_container .main_container .service .slider-container .slider .slide .card .more_details {
  text-align: left;
  padding: 0 20px;
  position: absolute;
  bottom: 35px;
}
#top_container .main_container .service .slider-container .slider .slide .card .more_details button {
  background: none;
  border: 2px solid #000000;
  transition: color 1s;
  height: 50px;
  width: 180px;
  border-radius: 25px;
  cursor: pointer;
  transition: border 1s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
#top_container .main_container .service .slider-container .slider .slide .card .more_details button::after {
  content: "→";
  margin-left: 26px;
  font-size: 20px;
}
#top_container .main_container .service .slider-container .slider a {
  cursor: pointer;
}
#top_container .main_container .service .slider-container .slider a:hover .card {
  border: 2px solid #E6531E;
}
#top_container .main_container .service .slider-container .slider a:hover .card .more_details button {
  color: #E6531E;
  border: 2px solid #E6531E;
}
#top_container .main_container .service .slider-container #counter {
  font-size: 1.2rem;
  color: #333;
}
#top_container .main_container .info_area {
  padding: 100px 0;
}
#top_container .main_container .info_area .info_area__ttl {
  font-size: 72px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  font-family: "Montserrat", sans-serif;
}
#top_container .main_container .info_area .info_area__ttl span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  display: flex;
  align-items: center;
  margin-left: 33px;
}
#top_container .main_container .info_area .info_area__ttl span::before {
  content: "";
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: var(--cBlack);
  margin-right: 10px;
}
#top_container .main_container .info_area .news_lists {
  padding: 0 0 30px;
}
#top_container .main_container .info_area .news_lists .news_item {
  background: #F3F5F7;
  padding: 0;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#top_container .main_container .info_area .news_lists .news_item .news_item__left {
  width: 100%;
  display: flex;
  gap: 20px;
}
#top_container .main_container .info_area .news_lists .news_item a {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 40px;
  gap: 25px;
}
#top_container .main_container .info_area .news_lists .news_item .news_item__category {
  font-size: 14px;
  color: var(--cWhite);
  background: var(--clrOrg);
  font-weight: 400;
  text-align: center;
  padding: 0 10px;
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #top_container .main_container .info_area .news_lists .news_item .news_item__category {
    font-size: 12px;
    padding: 0 5px;
    line-height: 1.6;
    margin-left: 15px;
  }
}
#top_container .main_container .info_area .news_lists .news_item .news_item__right a {
  position: absolute;
  top: 0;
  right: 20px;
  padding: 0;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #top_container .main_container .info_area .news_lists .news_item .news_item__right a {
    padding: 0 0 20px;
    justify-content: flex-end;
  }
}
#top_container .main_container .info_area .news_lists .news_item .news_item__right a.external_icon {
  max-width: 20px;
}
#top_container .main_container .info_area .news_lists .news_item .news_item__right a.pdf_icon {
  max-width: 40px;
}
#top_container .main_container .info_area .news_lists .news_item .news_item__right a img {
  display: block;
  width: 100%;
}
#top_container .main_container .info_area .post_list {
  text-align: right;
}
#top_container .main_container .info_area .post_list .post_list__more a {
  background: none;
  border: 2px solid #000000;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
}
#top_container .main_container .info_area .post_list .post_list__more a::after {
  content: " →";
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
#top_container .main_container .info_area .post_list .post_list__more a:hover {
  border: 2px solid #E6531E;
  color: #E6531E;
  transition: all 0.3s;
}
#top_container .main_container .banner_area {
  padding: 20px 0 150px;
}
#top_container .main_container .banner_area .banner_area_content .banner {
  display: flex;
  gap: 40px;
  justify-content: center;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner {
  width: 450px;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__thumbnail img {
  width: 450px;
  height: auto;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__text {
  line-height: 1.8;
  margin-bottom: 40px;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__text .banner__ttl {
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2;
  margin: 30px 0 20px;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__link {
  background: none;
  border: 2px solid #000000;
  width: 180px;
  height: 50px;
  border-radius: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  gap: 25px;
  font-size: 14px;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__link::after {
  content: " →";
  width: 16px;
}
#top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__link::after:hover {
  border: 2px solid #E6531E;
  color: #E6531E;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  #top_container .hero_area .video-container video {
    height: 600px;
  }
  #top_container .hero_area .catch_phrase {
    padding: 0 20px;
    left: 0;
    top: 280px;
  }
  #top_container .hero_area .catch_phrase .catch_phrase_inner .catch_phrase__ttl {
    font-size: 40px;
  }
  #top_container .hero_area .catch_phrase .catch_phrase_inner .catch_phrase__desc {
    font-size: 14px;
  }
  #top_container .hero_area .top_btn_area .btn_grp {
    flex-wrap: wrap;
    top: -40px;
    margin-bottom: -40px;
  }
  #top_container .hero_area .top_btn_area .btn_grp .btn {
    max-width: 315px;
    height: 65px;
  }
  #top_container .main_container .scroll-container img {
    min-width: auto;
    padding: 40px 50px 40px 0px;
    height: 150px;
  }
  #top_container .main_container .about_area .about_area__bg {
    margin-right: 20px;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner {
    left: 20px;
    padding: 50px 0;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_area__ttl h2 {
    flex-direction: column;
    font-size: 44px;
    margin-bottom: 35px;
    align-items: flex-start;
    line-height: 1.8;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_area__ttl h2 span {
    font-size: 12px;
    margin-left: 0px;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area {
    flex-direction: column-reverse;
    gap: 20px;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area_content__img {
    text-align: end;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area_content__img img {
    width: 355px;
    height: auto;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area__desc .about_area__desc_title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_content__area .about_area__desc .about_area__desc_details {
    max-width: 315px;
    font-size: 16px;
    letter-spacing: 1.8;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_area_pick__img {
    top: 850px;
    left: 0px;
  }
  #top_container .main_container .about_area .about_area__bg .about_area__inner .about_area_pick__img img {
    width: 260px;
    height: auto;
  }
  #top_container .main_container .features_area .features_area__inner .features_area__ttl {
    height: 275px;
    justify-content: flex-end;
  }
  #top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_left img {
    height: 250px;
    position: relative;
    z-index: 0;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
  #top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_right {
    font-size: 44px;
    padding: 10px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: 5px;
    text-align: right;
    right: 0;
    height: 250px;
  }
  #top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_right span {
    font-size: 14px;
  }
  #top_container .main_container .features_area .features_area__inner .features_area__ttl .features_area__ttl_right span::before {
    width: 80px;
    margin-right: 10px;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area {
    top: 0px;
    align-items: center;
    display: flex;
    flex-direction: column;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item {
    max-width: 300px;
    justify-content: center;
    height: 500px;
    margin-bottom: 140px;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item .features_area__item_img_left img {
    max-width: 250px;
    height: auto;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item:nth-child(even) {
    max-width: 300px;
    margin-bottom: 180px;
    left: 10vw;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item:nth-child(even) .features_area__item_inner {
    left: 0;
    right: 0;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item .features_area__item_inner {
    flex-direction: column-reverse;
    min-height: 500px;
    gap: 20px;
    padding: 50px 20px;
    margin-left: 0px;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item .features_area__item_inner .features_area__item_desc h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }
  #top_container .main_container .represent_shop {
    padding: 80px 20px;
  }
  #top_container .main_container .represent_shop .represent_shop__inner {
    flex-wrap: wrap;
    justify-content: center;
  }
  #top_container .main_container .service {
    padding: 60px 0px;
  }
  #top_container .main_container .service .service__inner .service__content_item_details_title {
    max-width: 90%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    line-height: 1.8;
  }
  #top_container .main_container .service .service__inner .service__ttl {
    max-width: 90%;
    width: 100%;
    margin: 0 auto 40px;
    font-size: 44px;
    align-items: flex-start;
    flex-direction: column;
  }
  #top_container .main_container .service .service__inner .service__ttl span {
    font-size: 14px;
  }
  #top_container .main_container .service .slider-container .slick-track {
    left: 0px !important;
  }
  #top_container .main_container .service .slider-container .slider {
    margin-left: -80px;
  }
  #top_container .main_container .service .slider-container .slider .slide {
    padding: 20px 0px 20px;
    margin: 0 10px;
  }
  #top_container .main_container .service .slider-container .slider .slide .card {
    padding: 40px 20px;
    max-width: 360px;
  }
  #top_container .main_container .service .slider-container .slider .slide .card h4 {
    font-size: 14px;
    min-height: 80px;
    margin-bottom: 0;
  }
  #top_container .main_container .service .slider-container .slider .slide .card img {
    margin: 0 auto 30px;
  }
  #top_container .main_container .service .slider-container .slider .slide .card h3 {
    font-size: 18px;
    padding: 0;
  }
  #top_container .main_container .service .slider-container .slider .slide .card p {
    font-size: 14px;
    text-align: left;
    padding: 0;
  }
  #top_container .main_container .info_area {
    padding: 60px 20px;
  }
  #top_container .main_container .info_area .info_area__ttl {
    font-size: 32px;
  }
  #top_container .main_container .info_area .info_area__ttl span {
    font-size: 14px;
  }
  #top_container .main_container .info_area .news_lists .news_item {
    padding: 0;
  }
  #top_container .main_container .info_area .news_lists .news_item a {
    flex-direction: column;
    gap: 0;
    padding: 20px 20px 40px;
  }
  #top_container .main_container .info_area .news_lists .news_item a .news_item_titles {
    display: flex;
    gap: 0;
    align-items: center;
  }
  #top_container .main_container .info_area .news_lists .news_item .news_item__left {
    flex-direction: column;
  }
  #top_container .main_container .banner_area {
    padding: 0px 20px 70px;
  }
  #top_container .main_container .banner_area .banner_area_content .banner {
    flex-wrap: wrap;
  }
  #top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__thumbnail img {
    width: 100%;
    height: auto;
  }
  #top_container .main_container .banner_area .banner_area_content .banner .banner__inner .banner__text .banner__ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 768px) and (max-width: 480px) {
  #top_container .main_container .features_area .features_area__inner .features_content__area {
    top: 10px;
    align-items: flex-start;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item {
    justify-content: baseline;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item:nth-child(even) {
    left: 20vw;
  }
  #top_container .main_container .features_area .features_area__inner .features_content__area .features_area__item:nth-child(even) .features_area__item_inner {
    left: 0;
    right: 0;
  }
}

@media screen and (max-width: 480px) {
  #top_container .main_container .service .slider-container .slider {
    margin-left: -34px;
  }
  #top_container .main_container .service .slider-container .slider .slide .card {
    max-width: 300px;
  }
}
.error-404-contents {
  text-align: center;
  padding: 200px;
}
.error-404-contents h1 {
  font-size: 30px;
  font-weight: 500;
}
.error-404-contents .error-404-contents_title {
  font-size: 35px;
  font-weight: 500;
  margin: 20px 0 40px;
  color: var(--clrOrg);
}
.error-404-contents p {
  font-size: 16px;
  margin: 0 0 30px;
}
.error-404-contents a {
  padding-top: 59px;
  text-decoration: underline;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .error-404-contents {
    padding: 100px 15px;
  }
  .error-404-contents h1 {
    font-size: 20px;
  }
  .error-404-contents .error-404-contents_title {
    font-size: 20px;
    margin: 10px 0 20px;
  }
  .error-404-contents p {
    font-size: 12px;
    margin: 0 0 10px;
  }
  .error-404-contents a {
    padding-top: 20px;
    font-size: 12px;
  }
}
#topics_contents .container,
#clients_contents .container,
#topic_details_page .container,
#clients_details_page .container {
  display: flex;
  gap: 50px 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #topics_contents .container,
  #clients_contents .container,
  #topic_details_page .container,
  #clients_details_page .container {
    gap: 60px;
    justify-content: center;
  }
}
#topics_contents .container .cart,
#clients_contents .container .cart,
#topic_details_page .container .cart,
#clients_details_page .container .cart {
  gap: 20px;
  padding: 20px 0px;
  width: 340px;
}
@media screen and (max-width: 768px) {
  #topics_contents .container .cart,
  #clients_contents .container .cart,
  #topic_details_page .container .cart,
  #clients_details_page .container .cart {
    padding: 0;
  }
}
#topics_contents .container .cart .cart_inner .cart_img img,
#clients_contents .container .cart .cart_inner .cart_img img,
#topic_details_page .container .cart .cart_inner .cart_img img,
#clients_details_page .container .cart .cart_inner .cart_img img {
  width: 340px;
  height: 255px;
  -o-object-fit: cover;
     object-fit: cover;
}
#topics_contents .container .cart .cart_inner .details,
#clients_contents .container .cart .cart_inner .details,
#topic_details_page .container .cart .cart_inner .details,
#clients_details_page .container .cart .cart_inner .details {
  line-height: 1.8;
}
#topics_contents .container .cart .cart_inner .details .cart_date,
#clients_contents .container .cart .cart_inner .details .cart_date,
#topic_details_page .container .cart .cart_inner .details .cart_date,
#clients_details_page .container .cart .cart_inner .details .cart_date {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 500;
  color: var(--clrOrg);
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
#topics_contents .container .cart .cart_inner .details .cart_date span,
#clients_contents .container .cart .cart_inner .details .cart_date span,
#topic_details_page .container .cart .cart_inner .details .cart_date span,
#clients_details_page .container .cart .cart_inner .details .cart_date span {
  background: var(--clrOrg);
  color: var(--cWhite);
  font-weight: 500;
  font-size: 14px;
  padding: 0px 10px;
  border-radius: 10px;
  margin-right: 5px;
}
#topics_contents .container .cart .cart_inner .details .cart_title,
#clients_contents .container .cart .cart_inner .details .cart_title,
#topic_details_page .container .cart .cart_inner .details .cart_title,
#clients_details_page .container .cart .cart_inner .details .cart_title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--cBlack);
}
#topics_contents .container .cart .cart_inner .details .cart_desc,
#clients_contents .container .cart .cart_inner .details .cart_desc,
#topic_details_page .container .cart .cart_inner .details .cart_desc,
#clients_details_page .container .cart .cart_inner .details .cart_desc {
  font-size: 16px;
  margin-bottom: 10px;
}

#topic_details_page .container .cart,
#clients_details_page .container .cart {
  width: 100%;
}
#topic_details_page .container .cart .cart_inner .details .cart_date,
#clients_details_page .container .cart .cart_inner .details .cart_date {
  margin-top: 0px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details .cart_date,
  #clients_details_page .container .cart .cart_inner .details .cart_date {
    font-size: 12px;
  }
}
#topic_details_page .container .cart .cart_inner .details .cart_title,
#clients_details_page .container .cart .cart_inner .details .cart_title {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details .cart_title,
  #clients_details_page .container .cart .cart_inner .details .cart_title {
    font-size: 18px;
  }
}
#topic_details_page .container .cart .cart_inner .details .cart_category_list,
#clients_details_page .container .cart .cart_inner .details .cart_category_list {
  padding: 20px 0 30px;
}
#topic_details_page .container .cart .cart_inner .details .cart_category_list .cart_category,
#clients_details_page .container .cart .cart_inner .details .cart_category_list .cart_category {
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details .cart_category_list .cart_category,
  #clients_details_page .container .cart .cart_inner .details .cart_category_list .cart_category {
    font-size: 11px;
  }
}
#topic_details_page .container .cart .cart_inner .details .cart_sub-title,
#clients_details_page .container .cart .cart_inner .details .cart_sub-title {
  font-size: 18px;
  font-weight: 500;
  padding: 30px;
  color: var(--clrOrg);
  border: 1px solid var(--clrOrg);
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details .cart_sub-title,
  #clients_details_page .container .cart .cart_inner .details .cart_sub-title {
    font-size: 15px;
    padding: 15px;
    border: 1px solid var(--clrOrg);
  }
}
#topic_details_page .container .cart .cart_inner .details .cart_desc,
#clients_details_page .container .cart .cart_inner .details .cart_desc {
  font-size: 18px;
  font-weight: 500;
  margin: 30px 0 15px;
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details .cart_desc,
  #clients_details_page .container .cart .cart_inner .details .cart_desc {
    font-size: 15px;
  }
}
#topic_details_page .container .cart .cart_inner .details .cart_details,
#clients_details_page .container .cart .cart_inner .details .cart_details {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details .cart_details,
  #clients_details_page .container .cart .cart_inner .details .cart_details {
    font-size: 14px;
  }
}
#topic_details_page .container .cart .cart_inner .details a,
#clients_details_page .container .cart .cart_inner .details a {
  color: var(--clrOrg);
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  display: flex;
  align-items: center;
}
#topic_details_page .container .cart .cart_inner .details a::before,
#clients_details_page .container .cart .cart_inner .details a::before {
  content: "";
  background-image: url(/facility/assets/img/common/icons/icon_pdf.svg);
  width: 16px;
  height: 20px;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 768px) {
  #topic_details_page .container .cart .cart_inner .details a,
  #clients_details_page .container .cart .cart_inner .details a {
    font-size: 14px;
    align-items: flex-start;
  }
}

#topic_details_page .container .cart .cart_inner .details .cart_details .image-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
#topic_details_page .container .cart .cart_inner .details .cart_details .image-item img {
  width: 100%;
  height: auto;
  max-width: 450px;
}
#topic_details_page .container .cart .cart_inner .details .cart_details .image-item .image-list {
  display: flex;
  flex-direction: column;
}
#topic_details_page .container .cart .cart_inner .details .cart_details .image-item .caption {
  max-width: 450px;
}

#clients_details_page .container .cart .cart_inner .cart_sub-title .cap {
  font-size: 14px;
  font-weight: 400;
  color: var(--subBlack);
  margin-bottom: 20px;
}
#clients_details_page .container .cart .cart_inner .cart_sub-title .cart_desc {
  margin: 0;
  color: var(--subBlack);
  font-size: 16px;
  padding-left: 15px;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .cart_sub-title .cart_desc {
    font-size: 14px;
  }
}
#clients_details_page .container .cart .cart_inner .cart_sub-title .cart_desc::before {
  content: "";
  background-color: var(--clrOrg);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  position: absolute;
  left: 0;
}
#clients_details_page .container .cart .cart_inner .details .cart_image img {
  width: 100%;
  margin: 30px 0;
}
#clients_details_page .container .cart .cart_inner .details .cart_introduction {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .details .cart_introduction {
    font-size: 14px;
  }
}
#clients_details_page .container .cart .cart_inner .details .cart_introduction span {
  font-weight: 500;
}
#clients_details_page .container .cart .cart_inner .details .cart_caption01 {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .details .cart_caption01 {
    font-size: 12px;
  }
}
#clients_details_page .container .cart .cart_inner .support {
  background: #EBF0F3;
  padding: 30px;
  margin: 80px 0;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .support {
    margin: 40px 0;
    padding: 30px 15px;
  }
}
#clients_details_page .container .cart .cart_inner .support .support_title {
  font-size: 18px;
  font-weight: 500;
  color: var(--clrOrg);
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .support .support_title {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
#clients_details_page .container .cart .cart_inner .support .support_content {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .support .support_content {
    font-size: 14px;
  }
}
#clients_details_page .container .cart .cart_inner .support .support_content .support_list .support_form {
  font-weight: 500;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-title {
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid var(--clrOrg);
  padding-bottom: 30px;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-title span {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-title {
    font-size: 15px;
    padding-bottom: 15px;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details {
  display: flex;
  gap: 80px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-details {
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 60px;
    justify-content: center;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-lists {
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-lists {
    margin: 15px 0;
    gap: 20px;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-lists .project-lists-contents {
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-lists .project-lists-contents {
    font-size: 14px;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-lists .project-lists-contents span {
  font-weight: 500;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-lists .full_width {
  width: 100%;
  margin-bottom: 30px;
  display: flex;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-images {
  max-width: 320px;
  margin: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-images {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-images .image-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-images .image-item img {
  width: 320px;
  height: auto;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-images .image-item img {
    width: 280px;
    height: auto;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-details .project-images .image-item .caption {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
  text-align: right;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections {
  margin: 30px 0;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-topSubsections-contents span {
  font-weight: 500;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 100px;
  justify-content: center;
  margin: 30px 0 80px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages {
    padding: 0 40px;
    gap: 20px;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages .image-item {
  width: 340px;
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages .image-item img {
  width: 340px;
  min-height: 255px;
  display: flex;
  justify-content: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages .image-item img {
    width: 280px;
    height: auto;
  }
}
#clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages .image-item .caption {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 400;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .project .project_content .project-topSubsections .project-subimages .image-item .caption {
    font-size: 12px;
  }
}
#clients_details_page .container .cart .cart_inner .thanks {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 80px;
}
#clients_details_page .container .cart .cart_inner .blogs {
  background: #EBF0F3;
  padding: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .blogs {
    margin: 30px 0;
    padding: 30px 15px;
  }
}
#clients_details_page .container .cart .cart_inner .blogs .blog_title {
  font-size: 18px;
  font-weight: 500;
  color: var(--clrOrg);
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .blogs .blog_title {
    font-size: 15px;
    margin-bottom: 20px;
  }
}
#clients_details_page .container .cart .cart_inner .blogs .blog_details {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .blogs .blog_details {
    flex-wrap: wrap;
    font-size: 14px;
    justify-content: center;
  }
}
#clients_details_page .container .cart .cart_inner .blogs .blog_details .contents_img img {
  width: 240px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
#clients_details_page .container .cart .cart_inner .blogs .blog_details .contents_img .caption {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
}
#clients_details_page .container .cart .cart_inner .company_profile {
  display: flex;
  padding: 30px;
  gap: 30px;
  border: 1px solid var(--clrOrg);
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .company_profile {
    flex-wrap: wrap;
    margin: 60px 0 0;
    padding: 15px;
  }
}
#clients_details_page .container .cart .cart_inner .company_profile .company_profile_img img {
  width: 340px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .company_profile .company_profile_img img {
    width: 100%;
    height: auto;
  }
}
#clients_details_page .container .cart .cart_inner .company_profile .company_details {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
#clients_details_page .container .cart .cart_inner .company_profile .company_details .company_profile_details .company_profile_title {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .company_profile .company_details .company_profile_details .company_profile_title {
    font-size: 15px;
  }
}
#clients_details_page .container .cart .cart_inner .company_profile .company_details .company_profile_details .company_profile_content {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #clients_details_page .container .cart .cart_inner .company_profile .company_details .company_profile_details .company_profile_content {
    font-size: 14px;
  }
}
#clients_details_page .container .cart .cart_inner .company_profile .company_details .company_profile_details .company_profile_content ul li a {
  text-decoration: underline;
  color: var(--clrOrg);
}
#clients_details_page .container .cart .cart_inner .company_profile .company_details .company_project_details .company_project_title {
  font-size: 18px;
  font-weight: 500;
}

/*****************

ページ固有のcss

*****************/
.accordion-item_network_s .inner-content {
  background-color: #EBF0F3;
}
.accordion-item_network_s .zissou-img {
  padding: 25px;
}
.accordion-item_network_s .zissou-img img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .accordion-item_network_s .zissou-img {
    padding: 14px 0;
  }
}

.accordion-item_building_m .inner-content {
  background-color: #EBF0F3;
}
.accordion-item_building_m .zisseki {
  padding: 25px;
}
.accordion-item_building_m .zisseki .zisseki_title {
  padding-top: 0;
}
.accordion-item_building_m .zisseki .zisseki_details .zisseki_detail_content ul li {
  border-bottom: 0;
}
@media screen and (max-width: 768px) {
  .accordion-item_building_m .zisseki .zisseki_details {
    margin-bottom: 0;
  }
  .accordion-item_building_m .zisseki .zisseki_details .zisseki_detail_content ul li {
    flex-direction: row;
  }
}

#date20220926 .project-title {
  display: none;
}
#date20220926 .project-subimages {
  justify-content: flex-start !important;
  max-width: 910px;
  margin-right: auto !important;
  margin-left: auto !important;
}
@media screen and (max-width: 768px) {
  #date20220926 .project-subimages {
    justify-content: center !important;
  }
}
#date20220926 .project:nth-child(4) .project-details, #date20220926 .project:nth-child(5) .project-details {
  display: none !important;
}
#date20220926 .project:nth-child(5) .title-bar {
  display: none !important;
}
#date20220926 .blogs .blog_title {
  display: none !important;
}

#date20220527 .project-title {
  display: none;
}
#date20220527 .project:nth-child(5) .project-topSubsections-contents {
  display: none !important;
}
#date20220527 .project:nth-child(5) .title-bar {
  display: none !important;
}
#date20220527 .project:nth-child(5) .project-details {
  display: none !important;
}
#date20220527 .blogs {
  display: none !important;
}

#date20210719 .project-title {
  display: none;
}
#date20210719 .project:nth-child(2) .project-lists-contents span {
  display: none !important;
}
#date20210719 .project:nth-child(5) .project-topSubsections-contents {
  display: none !important;
}
#date20210719 .project:nth-child(7) .project-topSubsections-contents {
  display: none !important;
}
#date20210719 .project:nth-child(8) .project-lists-contents:nth-child(2) span:nth-child(1) {
  display: none !important;
}
#date20210719 .project:nth-child(8) .project-lists-contents:nth-child(3) span:nth-child(1) {
  display: none !important;
}
#date20210719 .project:nth-child(8) .project-lists-contents:nth-child(3) i {
  font-style: normal;
  display: block;
  background: #EBF0F3;
  padding: 30px;
  margin-bottom: 30px;
}
#date20210719 .blogs {
  display: none !important;
}

#date20201021 .cart_introduction {
  padding-bottom: 80px;
}
#date20201021 .project:nth-child(6) .project_content .project-details + .project-title {
  display: none !important;
}
#date20201021 .project:nth-child(6) .project_content .project-details .project-lists-contents.project-lists-contents:nth-child(3) span {
  display: none !important;
}
#date20201021 .project:nth-child(6) .project_content .project-details .project-lists-contents.project-lists-contents:nth-child(4) span {
  display: none !important;
}
#date20201021 .project:nth-child(6) .project_content .project-details .project-lists-contents.project-lists-contents:nth-child(4) i {
  font-style: normal;
  display: block;
  background: #EBF0F3;
  padding: 30px;
  margin-bottom: 30px;
}
#date20201021 .blogs {
  display: none !important;
}

#tecno_container {
  background: var(--baseBack);
  margin-top: -20px;
  padding-bottom: 5px;
}
@media screen and (max-width: 768px) {
  #tecno_container {
    padding-bottom: 1px;
  }
}
#tecno_container .tecno_content .tecno_content_text {
  font-size: 16px;
  padding: 40px 0 60px;
}
@media screen and (max-width: 768px) {
  #tecno_container .tecno_content .tecno_content_text {
    font-size: 14px;
  }
}
#tecno_container .tecno_content .tecno_content_image_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 30px;
  margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
  #tecno_container .tecno_content .tecno_content_image_lists {
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 60px;
    justify-content: center;
  }
}
#tecno_container .tecno_content .tecno_content_image_lists li {
  width: 340px;
}
@media screen and (max-width: 768px) {
  #tecno_container .tecno_content .tecno_content_image_lists li .thumnail {
    display: flex;
    justify-content: center;
  }
}
#tecno_container .tecno_content .tecno_content_image_lists li .thumnail img {
  width: 340px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  #tecno_container .tecno_content .tecno_content_image_lists li .thumnail img {
    width: 280px;
  }
}
#tecno_container .tecno_content .tecno_content_image_lists li .details {
  margin-top: 20px;
}
#tecno_container .tecno_content .tecno_content_image_lists li .details .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  min-height: 65px;
}
@media screen and (max-width: 768px) {
  #tecno_container .tecno_content .tecno_content_image_lists li .details .title {
    font-size: 15px;
    line-height: 1.6;
    min-height: 0px;
  }
}
#tecno_container .tecno_content .tecno_content_image_lists li .details p {
  font-size: 15px;
  line-height: 1.8;
  margin-top: 15px;
}
@media screen and (max-width: 768px) {
  #tecno_container .tecno_content .tecno_content_image_lists li .details p {
    font-size: 14px;
  }
}
#tecno_container .zisseki .zisseki_title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_title {
    font-size: 15px;
    padding-top: 30px;
  }
}
#tecno_container .zisseki .zisseki_details {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details {
    margin-bottom: 60px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki_detail_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#tecno_container .zisseki .zisseki_details .zisseki_detail_content ul {
  min-width: 340px;
}
#tecno_container .zisseki .zisseki_details .zisseki_detail_content ul li {
  font-size: 16px;
  margin-left: 18px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki_detail_content ul li {
    font-size: 14px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki_detail_content ul li::before {
  content: "●";
  font-size: 18px;
  color: var(--cGray);
  margin-left: -18px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki_detail_content ul li::before {
    font-size: 15px;
  }
}
#tecno_container .zisseki .zisseki_details .arrow-down {
  text-align: center;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .arrow-down {
    padding: 20px 20px 10px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-block {
  font-size: 16px;
  text-align: center;
  padding: 40px 0 30px;
  background: var(--cWhite);
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-block {
    font-size: 14px;
    padding: 20px;
    text-align: left;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-block .zisseki-block_title {
  font-size: 52px;
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  color: var(--clrOrg);
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-block .zisseki-block_title {
    text-align: center;
    font-size: 32px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-yakuwari {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-yakuwari {
    margin-top: 20px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-yakuwari img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#tecno_container .zisseki .zisseki_details .zisseki-points {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-points {
    gap: 5px;
    margin-top: 5px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-points .point-list {
  width: 49%;
  background: var(--cWhite);
  padding: 22px 0;
  color: var(--clrOrg);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-points .point-list {
    font-size: 14px;
    width: 100%;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-block-2nd {
  text-align: center;
  margin-bottom: 50px;
}
#tecno_container .zisseki .zisseki_details .zisseki-block-2nd .title {
  font-size: 40px;
  color: var(--clrOrg);
  line-height: 1.2;
}
#tecno_container .zisseki .zisseki_details .zisseki-block-2nd .title span {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-size: 52px;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-block-2nd .title span {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-block-2nd .title {
    font-size: 28px;
  }
}
#tecno_container .zisseki .zisseki_details .zisseki-block-2nd .caption {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #tecno_container .zisseki .zisseki_details .zisseki-block-2nd .caption {
    font-size: 14px;
  }
}
#tecno_container .zisseki .zisseki_details .list_btn {
  margin-bottom: 0;
}
#tecno_container .zisseki .zisseki_details .continue {
  text-align: right;
}

.zisseki .zisseki_title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_title {
    font-size: 15px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details {
    margin-bottom: 60px;
  }
}
.zisseki .zisseki_details .zisseki_detail_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.zisseki .zisseki_details .zisseki_detail_content ul {
  min-width: 340px;
}
.zisseki .zisseki_details .zisseki_detail_content ul li {
  font-size: 16px;
  margin-left: 18px;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki_detail_content ul li {
    font-size: 14px;
  }
}
.zisseki .zisseki_details .zisseki_detail_content ul li::before {
  content: "●";
  font-size: 18px;
  color: var(--clrOrg);
  margin-left: -18px;
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki_detail_content ul li::before {
    font-size: 15px;
  }
}
.zisseki .zisseki_details .arrow-down {
  text-align: center;
  padding: 40px 0;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .arrow-down {
    padding: 20px 20px 10px;
  }
}
.zisseki .zisseki_details .zisseki-block {
  font-size: 16px;
  text-align: center;
  padding: 40px 0 30px;
  background: var(--cWhite);
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-block {
    font-size: 14px;
    padding: 20px;
    text-align: left;
  }
}
.zisseki .zisseki_details .zisseki-block .zisseki-block_title {
  font-size: 52px;
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  color: var(--clrOrg);
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-block .zisseki-block_title {
    text-align: center;
    font-size: 32px;
  }
}
.zisseki .zisseki_details .zisseki-yakuwari {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-yakuwari {
    margin-top: 20px;
  }
}
.zisseki .zisseki_details .zisseki-yakuwari img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.zisseki .zisseki_details .zisseki-points {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-points {
    gap: 10px;
    margin-top: 5px;
  }
}
.zisseki .zisseki_details .zisseki-points .point-list {
  width: 49%;
  background: var(--cWhite);
  padding: 22px 0;
  color: var(--clrOrg);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-points .point-list {
    font-size: 14px;
    width: 100%;
  }
}
.zisseki .zisseki_details .zisseki-block-2nd {
  text-align: center;
  margin-bottom: 50px;
}
.zisseki .zisseki_details .zisseki-block-2nd .title {
  font-size: 40px;
  color: var(--clrOrg);
  line-height: 1.2;
}
.zisseki .zisseki_details .zisseki-block-2nd .title span {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-size: 52px;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-block-2nd .title span {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-block-2nd .title {
    font-size: 28px;
  }
}
.zisseki .zisseki_details .zisseki-block-2nd .caption {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .zisseki .zisseki_details .zisseki-block-2nd .caption {
    font-size: 14px;
  }
}
.zisseki .zisseki_details .list_btn {
  margin-bottom: 0;
}
.zisseki .zisseki_details .continue {
  text-align: right;
}

#network .title-bar {
  margin-bottom: 0px;
}
#network .services {
  padding: 40px 0 136px;
  background-color: var(--baseBack);
}
@media screen and (max-width: 768px) {
  #network .services {
    padding: 40px 0 60px;
  }
}
#network .services .service-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  #network .services .service-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
#network .services .service-subtitle {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #network .services .service-subtitle {
    font-size: 14px;
  }
}
#network .services .service-bg {
  background-image: url(../../../../facility/assets/img/pages/network-solution/n_back.svg);
}
#network .services .service-lists {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists {
    gap: 15px;
    justify-content: center;
  }
}
#network .services .service-lists li {
  margin-bottom: 10px;
  width: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists li {
    width: 47%;
    display: flex;
    align-items: center;
  }
}
#network .services .service-lists li::after {
  content: "";
  background-image: url(../../../../assets/img/common/arrows/icon_right.svg);
  width: 30px;
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 15px;
  right: 15px;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists li::after {
    background-image: url(../../../../assets/img/common/arrows/icon_right_sp.svg);
    width: 20px;
    height: 20px;
  }
}
#network .services .service-lists li img {
  width: 340px;
  height: auto;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists li img {
    width: 165px;
    height: auto;
  }
}
#network .services .service-lists li .service-list-text-network {
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 340px;
  justify-content: center;
  font-size: 40px !important;
  font-weight: 200;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists li .service-list-text-network {
    height: 78px;
    font-size: 26px !important;
  }
}
#network .services .service-lists li .service-list-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 28px;
  color: var(--cWhite);
  font-family: "Poppins", Noto Sans JP, sans-serif;
  font-weight: 200;
  gap: 10px;
  text-align: center;
  line-height: 1.2;
}
#network .services .service-lists li .service-list-text span {
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists li .service-list-text {
    font-size: 20px;
  }
  #network .services .service-lists li .service-list-text span {
    font-size: 14px;
  }
}
#network .services .service-lists li .grayOverlay {
  width: 340px;
  height: 340px;
  position: absolute;
  background: rgba(51, 51, 51, 0.5);
}
@media screen and (max-width: 768px) {
  #network .services .service-lists li .grayOverlay {
    width: 165px;
    height: 165px;
  }
}
#network .services .service-lists li:hover .grayOverlay {
  opacity: 0.7;
  cursor: pointer;
}
#network .services .service-lists .no_after {
  position: relative;
}
@media screen and (max-width: 768px) {
  #network .services .service-lists .no_after img {
    height: 80px;
    width: auto;
  }
  #network .services .service-lists .no_after .service-list-text-network {
    position: absolute;
    display: flex;
    top: 15px;
    justify-content: center;
    width: 100%;
    font-size: 26px;
    font-family: "Poppins", Noto Sans JP, sans-serif;
    color: var(--cWhite);
    font-weight: 200;
  }
}
#network .services .service-lists .no_after::after {
  display: none;
}
#network-construction {
  background: #EBF0F3;
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  #network-construction {
    padding-bottom: 60px;
  }
}
#network-construction .about-zigyou .about-zigyou-inner {
  margin-top: 60px;
  margin-bottom: 120px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #network-construction .about-zigyou .about-zigyou-inner {
    margin-bottom: 100px;
    margin-top: 30px;
  }
}
#network-construction .about-zigyou .about-zigyou-inner::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  border-radius: 50%;
  background-color: var(--clrOrg);
  position: absolute;
  left: 8px;
}
@media screen and (max-width: 768px) {
  #network-construction .about-zigyou .about-zigyou-inner::before {
    left: 23px;
  }
}
#network-construction .about-zigyou .about-zigyou-inner .about-lists {
  display: flex;
  flex-direction: column;
  gap: 45px;
}
#network-construction .about-zigyou .about-zigyou-inner .about-lists li {
  display: flex;
  gap: 52px;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  #network-construction .about-zigyou .about-zigyou-inner .about-lists li {
    gap: 0px;
    flex-direction: column;
  }
}
#network-construction .about-zigyou .about-zigyou-inner .about-lists li .date {
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  color: var(--clrOrg);
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  #network-construction .about-zigyou .about-zigyou-inner .about-lists li .date {
    font-size: 18px;
    gap: 15px;
  }
}
#network-construction .about-zigyou .about-zigyou-inner .about-lists li .date::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--clrOrg);
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #network-construction .about-zigyou .about-zigyou-inner .about-lists li .date::before {
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  #network-construction .about-zigyou .about-zigyou-inner .about-lists li .content {
    margin-left: 27px;
    font-size: 14px;
  }
}
#network-construction .network-gaiyou .network-gaiyou-inner {
  margin-top: 60px;
  margin-bottom: 120px;
  gap: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #network-construction .network-gaiyou .network-gaiyou-inner {
    margin-top: 10px;
    margin-bottom: 60px;
    gap: 0;
  }
}
#network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents {
  width: 48%;
}
@media screen and (max-width: 768px) {
  #network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents {
    width: 100%;
  }
}
#network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists {
    margin-bottom: 10px;
  }
}
#network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists .gaiyou-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--clrOrg);
}
@media screen and (max-width: 768px) {
  #network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists .gaiyou-title {
    font-size: 15px;
    margin-bottom: 0px;
  }
}
#network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists ul {
  margin-left: 15px;
}
#network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists ul li::before {
  content: "●";
  font-size: 16px;
  color: var(--cGray);
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  #network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists ul li::before {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  #network-construction .network-gaiyou .network-gaiyou-inner .gaiyou-contents .gaiyou-lists ul li {
    font-size: 14px;
  }
}
#network-construction .network-sikaku {
  padding-bottom: 120px;
}
@media screen and (max-width: 768px) {
  #network-construction .network-sikaku {
    padding-bottom: 60px;
  }
}
#network-construction .network-sikaku p {
  padding-top: 20px;
  padding-bottom: 60px;
}
#network-construction .network-sikaku .sikaku-lists ul {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  #network-construction .network-sikaku .sikaku-lists ul {
    gap: 15px;
  }
}
#network-construction .network-sikaku .sikaku-lists ul li img {
  width: 340px;
  height: 340px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  #network-construction .network-sikaku .sikaku-lists ul li img {
    width: 165px;
    height: 165px;
  }
}
#network-construction .network-zissou .network-zissou-inner {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  #network-construction .network-zissou .network-zissou-inner {
    padding-top: 10px;
  }
}
#network-construction .network-zissou .network-zissou-inner .zissou-img img {
  width: 1080px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  #network-construction .network-zissou .network-zissou-inner .zissou-img img {
    width: 345px;
  }
}

#f_management_top .mv_wrapper .mv_intro {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  #f_management_top .mv_wrapper .mv_intro {
    margin-bottom: 46px;
  }
}

#building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn {
    line-height: 19px;
  }
}
#building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn .button_text_inner p {
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  #building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn .button_text_inner p {
    line-height: 19px;
  }
}
@media screen and (max-width: 768px) {
  #building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn .button_text_inner p:first-of-type {
    font-size: 14px;
  }
}
#building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn .button_text_inner p:last-of-type {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #building_management_top .common_2c .common_2c_inner .common_2c_info .list_btn .button_text_inner p:last-of-type {
    font-size: 11px;
  }
}

.bg-gray {
  background: #EBF0F3;
}

#building-mgmt-about {
  background: #EBF0F3;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  #building-mgmt-about {
    padding-bottom: 60px;
  }
}
#building-mgmt-about .title-bar {
  margin-bottom: 0;
}
#building-mgmt-about .building-mgmt-inner {
  padding: 60px 0;
  display: flex;
  justify-content: center;
}
#building-mgmt-about .building-mgmt-inner img {
  width: 1080px;
  height: auto;
}
@media screen and (max-width: 768px) {
  #building-mgmt-about .building-mgmt-inner img {
    width: 345px;
  }
}
@media screen and (max-width: 768px) {
  #building-mgmt-about .list_btn {
    margin-bottom: 0px;
  }
}

#building-mgmt-flow {
  padding-bottom: 0px;
}
@media screen and (max-width: 768px) {
  #building-mgmt-flow {
    padding-bottom: 0px;
  }
}
#building-mgmt-flow .title-bar {
  margin-bottom: 0;
}
#building-mgmt-flow .flow-list:first-child {
  padding-bottom: 0px;
}
#building-mgmt-flow .flow-list p {
  padding-top: 40px;
}
#building-mgmt-flow .flow-list .building-mgmt-flow-inner {
  padding-top: 60px;
  display: flex;
  justify-content: center;
}
#building-mgmt-flow .flow-list .building-mgmt-flow-inner img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  #building-mgmt-flow .flow-list .building-mgmt-flow-inner img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #building-mgmt-flow .flow-list .list_btn {
    margin-bottom: 0px;
  }
}

.facility_top .header_content .header__inner .header__heading_area {
  border-bottom: none;
}
.facility_top .header_content .header__inner .header__heading_area .logo_w {
  display: none;
}
.facility_top .header_content.header_content_w .logo_w {
  display: block !important;
}
.facility_top .header_content.header_content_w .logo_b {
  display: none !important;
}
.facility_top .header_content.header_content_w .hum span {
  background-color: #fff;
}
.facility_top .header_content.header_content_w .hum.open span {
  background-color: #000;
}
@media screen and (max-width: 768px) {
  .facility_top .header_content.is_transparent .header__inner {
    background: transparent;
  }
}
@media screen and (max-width: 768px) {
  .facility_top .header_content.is_transparent .header__inner .header__heading_area {
    background: transparent;
  }
}

#top-page {
  /************************************
   Facility System Engineering - スライダー -
  ************************************/
  /************************************
   SANKI Facility Journal
  ************************************/
  /************************************
   Facility Management
  ************************************/
  /************************************
   Network Solution
  ************************************/
  /************************************
   Building Management
  ************************************/
  /************************************
   NEWS
  ************************************/
}
#top-page .top_mv_wrapper {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #top-page .top_mv_wrapper {
    margin-top: -55px;
  }
}
#top-page .top_mv_wrapper .mv_item {
  position: relative;
}
@media screen and (max-width: 768px) {
  #top-page .top_mv_wrapper .mv_item {
    position: relative;
  }
}
#top-page .top_mv_wrapper .mv_item .mv_img {
  width: 100%;
}
#top-page .top_mv_wrapper .mv_item .mv_text {
  position: absolute;
  width: 24vw;
  top: 17vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 768px) {
  #top-page .top_mv_wrapper .mv_item .mv_text {
    width: 64.8vw;
    top: 65vw;
  }
}
#top-page .top_mv_wrapper .animation-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow-x: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  #top-page .top_mv_wrapper .animation-wrapper {
    top: 21.33vw;
  }
}
#top-page .top_mv_wrapper .animation-wrapper::-webkit-scrollbar {
  display: none;
}
#top-page .top_mv_wrapper #animation-container {
  width: 42.63vw;
  height: 42.63vw;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 768px) {
  #top-page .top_mv_wrapper #animation-container {
    width: 106.6vw;
    height: 106.6vw;
  }
}
#top-page .top_mv_wrapper #animation-container::-webkit-scrollbar {
  display: none;
}
#top-page .top_mv_wrapper canvas {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: auto !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#top-page .top_mv_wrapper canvas::-webkit-scrollbar {
  display: none;
}
#top-page .top_mv_wrapper .slick-dots {
  position: absolute;
  bottom: 11.38vw;
  left: 4.166vw;
  display: flex;
  flex-direction: column;
}
#top-page .top_mv_wrapper .slick-dots li.slick-active button {
  border: 1px solid #F28601;
  border-radius: 50%;
}
#top-page .top_mv_wrapper .slick-dots li.slick-active button::before {
  background-color: #F28601;
  content: "";
}
#top-page .top_mv_wrapper .slick-dots li button::before {
  opacity: 1;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #333333;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
@media screen and (max-width: 768px) {
  #top-page .top_mv_wrapper.slick-dotted.slick-slider {
    margin-bottom: 0;
  }
}
#top-page .top_f_management {
  padding-top: 140px;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management {
    padding-top: 60px;
  }
}
#top-page .top_f_management .top_f_management_title {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_title {
    padding: 0 15px;
    margin: 0 auto 20px;
  }
}
#top-page .top_f_management .top_f_management_title p {
  font-size: 16px;
  color: #F28601;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_title p {
    font-size: 14px;
  }
}
#top-page .top_f_management .top_f_management_title h2 {
  font-size: 64px;
  font-weight: 300;
  font-family: "Poppins", sans-serif;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_title h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
#top-page .top_f_management .top_f_management_intro {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_intro {
    padding: 0 15px;
  }
}
#top-page .top_f_management .top_f_management_intro p {
  font-weight: 500;
}
#top-page .top_f_management .top_f_management_intro p:first-of-type {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_intro p:first-of-type {
    font-size: 18px;
    line-height: 36px;
  }
}
#top-page .top_f_management .top_f_management_intro p:last-of-type {
  font-size: 18px;
  max-width: 548px;
  width: 100%;
  line-height: 32px;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_intro p:last-of-type {
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
  }
}
#top-page .top_f_management .top_f_management_img {
  margin-top: -120px;
  max-width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #top-page .top_f_management .top_f_management_img {
    margin-top: 0px;
    padding-top: 25px;
    margin-bottom: 30px;
  }
}
#top-page .top_f_management .top_f_management_img img {
  width: 100%;
  max-width: 100%;
}
#top-page .top_f_management .top_f_management_img .circle_mask {
  pointer-events: none;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  transition: all 0.5s;
  width: 30.159vw;
  height: 30.159vw;
}
#top-page .top_f_management .top_f_management_img .circle_mask.is-hover {
  opacity: 0.4;
}
#top-page .top_f_management .top_f_management_img .circle_01 {
  top: 33.633vw;
  left: 22.504vw;
}
#top-page .top_f_management .top_f_management_img .circle_02 {
  top: 33.633vw;
  left: 47.3vw;
}
#top-page .top_f_management .top_f_management_img .circle_03 {
  top: 11.814vw;
  left: 34.893vw;
}
#top-page .top_mv_btn_list {
  position: absolute;
  bottom: 9.791vw;
  left: 4.16vw;
}
#top-page .top_mv_btn_list .top_mv_btn {
  width: 20px;
  height: 20px;
  margin-bottom: 2px;
  position: relative;
}
#top-page .top_mv_btn_list .top_mv_btn::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #666666;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  border-radius: 50%;
}
#top-page .top_mv_btn_list .top_mv_btn.mv_show {
  border: 1px solid #F28601;
  border-radius: 50%;
}
#top-page .top_mv_btn_list .top_mv_btn.mv_show::after {
  background-color: #F28601;
}
#top-page .top_mv_btn_list .top_mv_btn:hover {
  cursor: pointer;
}
#top-page .common_2c_wrapper .common_2c .common_2c_inner .common_2c_img {
  max-width: 650px;
  width: 100%;
  margin-left: 7%;
}
#top-page .common_2c_wrapper .common_2c .common_2c_inner .common_2c_img img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #top-page .common_2c_wrapper .common_2c .common_2c_inner .common_2c_img {
    max-width: 98%;
    margin-left: 6%;
  }
}
#top-page .facility_system_slider img {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  #top-page .facility_system_slider img {
    margin: 0 0.4%;
  }
}
#top-page .facility_system_textbox {
  max-width: 1080px;
  width: 100%;
  margin: -50px auto 0;
  position: relative;
  z-index: 1;
}
#top-page .facility_system_textbox > div {
  max-width: 792px;
  width: 100%;
  padding: 50px 22px 50px 50px;
  background-color: #fff;
}
#top-page .facility_system_textbox > div h3 {
  font-size: 28px;
  font-weight: 500;
  line-height: 2;
}
#top-page .facility_system_textbox > div p {
  font-size: 16px;
  line-height: 2;
  margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
  #top-page .facility_system_textbox > div {
    max-width: 88%;
    padding: 4%;
  }
}
@media screen and (max-width: 430px) {
  #top-page .facility_system_textbox > div {
    padding: 7% 6% 4% 4%;
  }
  #top-page .facility_system_textbox > div h3 {
    font-size: 20px;
  }
  #top-page .facility_system_textbox > div p {
    font-size: 14px;
    margin: 7% 0 0;
  }
}
#top-page .facility_journal_wrapper {
  padding: 120px 0 0;
}
#top-page .facility_journal_wrapper .common_2c.common_2c_02 {
  margin: 0 0 -180px;
}
#top-page .facility_journal_wrapper .common_2c_inner {
  padding-top: 60px;
  padding-bottom: 220px;
  background: linear-gradient(270deg, #ff7600 30%, #ffcf03 100%);
}
#top-page .facility_journal_wrapper .common_2c_info .facility_journal_title_jp {
  font-weight: 500;
}
#top-page .facility_journal_wrapper .common_2c_info h2 {
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1;
  margin: 8px 0 30px;
}
#top-page .facility_journal_wrapper .common_2c_info p {
  color: #fff;
  font-size: 16px;
}
#top-page .facility_journal_wrapper .facility_journal_slider {
  max-width: 1340px;
  width: 100%;
  margin: 0 auto;
}
#top-page .facility_journal_wrapper .facility_journal_slider li:first-child {
  margin-left: 0;
}
#top-page .facility_journal_wrapper .facility_journal_slider li div {
  max-width: 420px;
  margin: 0 5%;
}
@media screen and (max-width: 768px) {
  #top-page .facility_journal_wrapper .facility_journal_slider li div {
    margin: 0;
  }
}
#top-page .facility_journal_wrapper .facility_journal_slider li div img {
  width: 100%;
}
#top-page .facility_journal_wrapper .facility_journal_slider li .facility_journal_slider_textbox {
  max-width: 330px;
  margin-top: -50px;
  padding: 30px 20px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
#top-page .facility_journal_wrapper .facility_journal_slider li .facility_journal_slider_textbox p:first-child {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.77;
}
#top-page .facility_journal_wrapper .facility_journal_slider li .facility_journal_slider_textbox p:last-child {
  font-size: 15px;
  font-weight: 500;
  margin: 20px 0 0;
}
#top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow {
  position: absolute;
  top: -80px;
  z-index: 1;
  width: 45px;
  height: 45px;
  right: 160px;
  background-color: inherit;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transition: 0.2s;
}
#top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow.journal_slider-prev {
  right: 220px;
  background-image: url(/facility/assets/img/pages/top-page/journal_slider_prev_icon.svg);
}
#top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow.journal_slider-next {
  background-image: url(/facility/assets/img/pages/top-page/journal_slider_next_icon.svg);
}
#top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow.slick-disabled {
  opacity: 0.7;
}
#top-page .facility_journal_wrapper .list_btn {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  #top-page .facility_journal_wrapper {
    padding: 18% 0 0;
  }
  #top-page .facility_journal_wrapper .common_2c.common_2c_02 {
    padding-right: 5%;
  }
  #top-page .facility_journal_wrapper .common_2c_inner {
    padding-top: 8%;
    padding-bottom: 45%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider {
    padding: 0 0 0 1.5%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider li {
    max-width: inherit;
    margin: 0 0.5%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider li:first-child {
    margin: 0 0.5%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider li .facility_journal_slider_textbox {
    max-width: 92%;
    margin-top: -8%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow {
    right: 45px;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow.journal_slider-prev {
    right: 100px;
  }
}
@media screen and (max-width: 430px) {
  #top-page .facility_journal_wrapper .common_2c.common_2c_02 {
    padding-right: 8%;
  }
  #top-page .facility_journal_wrapper .common_2c_inner {
    padding-bottom: 80%;
  }
  #top-page .facility_journal_wrapper .common_2c_info p {
    font-size: 14px;
  }
  #top-page .facility_journal_wrapper .common_2c_info h2 {
    font-size: 26px;
    margin: 3% 0 6%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider .slick-arrow {
    top: -18%;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider li .facility_journal_slider_textbox p:first-child {
    font-size: 15px;
  }
  #top-page .facility_journal_wrapper .facility_journal_slider li .facility_journal_slider_textbox p:last-child {
    font-size: 12px;
    margin: 8% 0 0;
  }
}
#top-page .facility_management_wrapper {
  padding: 120px 0 0;
}
#top-page .facility_management_wrapper .common_2c.common_2c_02 {
  margin: 0 0 0;
}
#top-page .facility_management_wrapper .common_2c_inner {
  display: block;
  padding: 80px 0;
}
#top-page .facility_management_wrapper .common_2c_inner::after {
  display: none;
}
#top-page .facility_management_wrapper .common_2c_inner .common_2c_info {
  max-width: 1080px;
  margin: 0 auto;
}
#top-page .facility_management_wrapper .common_2c_inner .common_2c_info .common_2c_sub_title {
  margin-bottom: 30px;
}
#top-page .facility_management_wrapper .common_2c_inner .facility_flexbox {
  display: flex;
}
#top-page .facility_management_wrapper .common_2c_inner .facility_flexbox a {
  position: relative;
  transition: 0.2s;
}
#top-page .facility_management_wrapper .common_2c_inner .facility_flexbox a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  font-weight: 500;
}
#top-page .facility_management_wrapper .common_2c_inner .facility_flexbox a img {
  width: 100%;
}
#top-page .facility_management_wrapper .common_2c_inner .facility_flexbox a:hover {
  opacity: 0.7;
}
#top-page .facility_management_wrapper .common_2c_inner .footer_btn_grp {
  padding: 60px 0 0;
}
@media screen and (max-width: 768px) {
  #top-page .facility_management_wrapper {
    padding: 18% 0 0;
  }
  #top-page .facility_management_wrapper .common_2c.common_2c_02 {
    margin: 0 0 0;
    padding-right: 0;
  }
  #top-page .facility_management_wrapper .common_2c_inner {
    padding: 10% 0 15%;
  }
  #top-page .facility_management_wrapper .common_2c_inner .common_2c_info .common_2c_sub_title {
    padding: 0 3%;
    margin-bottom: 8%;
  }
  #top-page .facility_management_wrapper .common_2c_inner .facility_flexbox {
    flex-direction: column;
  }
  #top-page .facility_management_wrapper .common_2c_inner .footer_btn_grp {
    padding: 10% 0 0;
  }
}
@media screen and (max-width: 430px) {
  #top-page .facility_management_wrapper .common_2c_inner .facility_flexbox a p {
    font-size: 15px;
  }
}
#top-page .network_solution_wrapper {
  padding: 80px 0 0;
}
#top-page .network_solution_wrapper .common_2c.common_2c_02 {
  margin: 0 0 0;
}
#top-page .network_solution_wrapper .common_2c_inner {
  padding-left: calc((100vw - 1420px) / 2);
  padding-right: calc((100vw - 1080px) / 2);
}
#top-page .network_solution_wrapper .common_2c_inner::after {
  right: inherit;
  left: 0;
}
#top-page .network_solution_wrapper .common_2c_inner .common_2c_info {
  order: 2;
  margin-right: 0;
  margin-left: 7%;
}
#top-page .network_solution_wrapper .common_2c_inner .common_2c_img {
  order: 1;
  margin-left: 0 !important;
}
@media screen and (max-width: 768px) {
  #top-page .network_solution_wrapper .common_2c.common_2c_02 {
    padding-right: 0;
    padding-left: 4%;
  }
  #top-page .network_solution_wrapper .common_2c .common_2c_title_outer {
    padding-left: 0;
  }
  #top-page .network_solution_wrapper .common_2c_inner {
    padding-top: 12%;
  }
  #top-page .network_solution_wrapper .common_2c_inner .common_2c_info {
    order: 1;
    margin-left: 0;
    padding: 0 6%;
  }
  #top-page .network_solution_wrapper .common_2c_inner .common_2c_info .list_btn {
    margin-left: 0;
    left: 0;
  }
  #top-page .network_solution_wrapper .common_2c_inner .common_2c_img {
    order: 2;
  }
  #top-page .network_solution_wrapper .common_2c_inner .common_2c_img img {
    left: inherit;
    right: 4.5%;
  }
}
#top-page .building_management_wrapper {
  padding: 250px 0 0;
}
#top-page .building_management_wrapper .common_2c_title_outer div {
  max-width: 568px;
  width: 100%;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  #top-page .building_management_wrapper {
    padding: 60% 0 0;
  }
  #top-page .building_management_wrapper .common_2c {
    padding-right: 4%;
  }
  #top-page .building_management_wrapper .common_2c_inner {
    padding-left: 0;
    padding-right: 0;
  }
  #top-page .building_management_wrapper .common_2c_inner .common_2c_info {
    padding: 0 6%;
  }
  #top-page .building_management_wrapper .common_2c_inner .common_2c_img img {
    left: 0;
  }
}
#top-page .topnews_wrapper {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  padding: 250px 10px 0;
}
#top-page .topnews_wrapper .topnews_title h2 {
  font-size: 52px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
#top-page .topnews_wrapper .topnews_title p {
  color: #F28601;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
#top-page .topnews_wrapper ul {
  margin: 40px 0 0;
}
#top-page .topnews_wrapper ul li a {
  display: block;
  padding: 0 40px 40px;
  margin: 0 0 50px;
  border-bottom: 1px solid #707070;
  transition: 0.2s;
}
#top-page .topnews_wrapper ul li a .topnews_date_text {
  display: flex;
  justify-content: flex-start;
  gap: 35px;
  margin: 0 0 30px;
}
#top-page .topnews_wrapper ul li a .topnews_date_text p:first-child {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}
#top-page .topnews_wrapper ul li a .topnews_date_text p:last-child {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  background-color: #333333;
  width: 128px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#top-page .topnews_wrapper ul li a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  #top-page .topnews_wrapper {
    padding: 64% 4% 0;
  }
  #top-page .topnews_wrapper ul li a {
    padding: 0 2% 5%;
    margin: 0 0 7%;
  }
  #top-page .topnews_wrapper ul li a .topnews_date_text {
    gap: 4%;
    margin: 0 0 4%;
  }
}
@media screen and (max-width: 430px) {
  #top-page .topnews_wrapper {
    padding: 54% 4% 0;
  }
  #top-page .topnews_wrapper .topnews_title h2 {
    font-size: 32px;
  }
  #top-page .topnews_wrapper .topnews_title p {
    font-size: 14px;
  }
  #top-page .topnews_wrapper ul {
    margin: 9% 0 0;
  }
  #top-page .topnews_wrapper ul li a {
    padding: 0 2% 6%;
    margin: 0 0 8%;
  }
  #top-page .topnews_wrapper ul li a .topnews_date_text p:last-child {
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 430px) {
  #top-page .footer_btn_grp {
    padding: 8% 0px 25%;
  }
}

#project_management .top_contents .title_grp .heading {
  font-family: "Poppins", sans-serif;
}
#project_management .title-bar {
  margin-bottom: 0;
}
#project_management .project_management_box {
  padding: 40px 0 100px;
  background-color: #EBF0F3;
}
#project_management .project_management_box > p {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto 60px;
  font-size: 16px;
  line-height: 2;
}
#project_management .project_management_box ul {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
}
#project_management .project_management_box ul li {
  max-width: 340px;
  width: 100%;
}
#project_management .project_management_box ul li img {
  width: 100%;
}
#project_management .project_management_box ul li div {
  padding: 20px 0 0;
}
#project_management .project_management_box ul li div h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 5px;
}
#project_management .project_management_box ul li div p {
  font-size: 16px;
  line-height: 2;
}
#project_management .project_management_box .list_btn {
  margin: 80px auto 0;
}
@media screen and (max-width: 1100px) {
  #project_management .project_management_box {
    padding: 40px 20px 100px;
  }
}
@media screen and (max-width: 768px) {
  #project_management .project_management_box {
    padding: 40px 20px 100px;
  }
  #project_management .project_management_box ul {
    flex-direction: column;
    gap: 40px;
  }
  #project_management .project_management_box ul li {
    max-width: 100%;
  }
  #project_management .project_management_box ul li img {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
}
@media screen and (max-width: 430px) {
  #project_management .project_management_box {
    padding: 30px 15px 60px;
  }
  #project_management .project_management_box > p {
    font-size: 14px;
    margin: 0 auto 40px;
  }
  #project_management .project_management_box ul {
    flex-direction: column;
    gap: 40px;
  }
  #project_management .project_management_box ul li {
    max-width: 100%;
  }
  #project_management .project_management_box ul li img {
    width: 80%;
    margin: 0 auto;
    display: block;
  }
  #project_management .project_management_box ul li div h3 {
    font-size: 15px;
  }
  #project_management .project_management_box ul li div p {
    font-size: 14px;
  }
  #project_management .project_management_box .list_btn {
    margin: 40px auto 0;
  }
}

#ee-news .top_contents .title_grp .heading {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
#ee-news .top_contents .title_grp .heading span {
  color: #333333;
  font-size: 24px;
  font-weight: 200;
  line-height: 1;
  margin-top: -20px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #ee-news .top_contents .title_grp .heading span {
    font-size: 18px;
  }
}
#ee-news .title-bar {
  margin-bottom: 0;
}
#ee-news .ee-news_wrap {
  padding: 40px 0;
  background-color: #EBF0F3;
}
#ee-news .ee-news_wrap > p {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto 60px;
  font-size: 16px;
  line-height: 2;
}
#ee-news .ee-news_wrap .ee-news_box {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
#ee-news .ee-news_wrap .ee-news_box .ee-news_imagebox {
  position: relative;
}
#ee-news .ee-news_wrap .ee-news_box .ee-news_imagebox a {
  display: block;
  position: absolute;
  border-radius: 50%;
}
#ee-news .ee-news_wrap .ee-news_box .ee-news_imagebox a.building_technology_opanBA {
  top: 28.5%;
  left: 12.5%;
  width: 36.75%;
  height: 35.5%;
}
#ee-news .ee-news_wrap .ee-news_box .ee-news_imagebox a.building_sler {
  top: 28.5%;
  right: 12.5%;
  width: 36.75%;
  height: 35.5%;
}
#ee-news .ee-news_wrap .ee-news_box .ee-news_imagebox img {
  width: 100%;
}
#ee-news .ee-news_wrap .ee-news_box .ee-news_caption {
  font-size: 16px;
  font-weight: 400;
  margin: 15px 0 0;
}
#ee-news .ee-news_wrap ul {
  margin: 50px 0 80px;
}
#ee-news .ee-news_wrap ul li {
  margin: 30px 0 0;
}
#ee-news .ee-news_wrap ul li:first-child {
  margin-top: 0;
}
#ee-news .ee-news_wrap ul li h3 {
  font-size: 18px;
  font-weight: 500;
  margin: 0 0 8px;
}
#ee-news .ee-news_wrap .list_btn {
  margin: 80px auto 60px;
}
@media screen and (max-width: 1100px) {
  #ee-news .ee-news_wrap {
    padding: 40px 20px;
  }
}
@media screen and (max-width: 768px) {
  #ee-news .ee-news_wrap {
    padding: 30px 15px;
  }
  #ee-news .ee-news_wrap > p {
    font-size: 14px;
    margin: 0 auto 30px;
  }
  #ee-news .ee-news_wrap .ee-news_box .ee-news_caption {
    font-size: 14px;
  }
  #ee-news .ee-news_wrap ul {
    margin: 40px 0 40px;
  }
  #ee-news .ee-news_wrap ul li h3 {
    font-size: 15px;
    margin: 0 0 5px;
  }
  #ee-news .ee-news_wrap ul li p {
    font-size: 14px;
  }
  #ee-news .ee-news_wrap .list_btn {
    margin: 40px auto 20px;
  }
}

#newsict .top_contents .title_grp .heading {
  font-family: "Poppins", sans-serif;
}
#newsict .top_contents .title_grp .heading span {
  color: #333333;
  font-size: 24px;
  font-weight: 200;
  line-height: 1;
  margin-top: -20px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  #newsict .top_contents .title_grp .heading span {
    font-size: 18px;
  }
}
#newsict .title-bar {
  margin: 0 0 0;
}
#newsict .newsict_wrap {
  padding: 40px 20px;
  background-color: #EBF0F3;
}
#newsict .newsict_wrap > p {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  font-size: 16px;
  line-height: 32px;
}
#newsict .newsict_wrap > img {
  max-width: 1080px;
  display: block;
  width: 100%;
  margin: 60px auto 0;
}
#newsict .newsict_keyword {
  max-width: 1080px;
  width: 100%;
  margin: 60px auto 0;
  border: 1px solid #707070;
}
#newsict .newsict_keyword > div {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #707070;
}
#newsict .newsict_keyword > div:last-child {
  border-bottom: 0;
}
#newsict .newsict_keyword > div p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  padding: 20px;
}
#newsict .newsict_keyword > div p:first-child {
  color: #fff;
  font-weight: 500;
  background-color: #999999;
  max-width: 338px;
  width: 100%;
}
#newsict .newsict_keyword > div p:last-child {
  max-width: 740px;
  width: 100%;
  background-color: #fff;
}
#newsict .list_btn {
  margin: 80px auto 60px;
}
@media screen and (max-width: 768px) {
  #newsict .newsict_wrap {
    padding: 30px 15px 50px;
  }
  #newsict .newsict_wrap > p {
    font-size: 14px;
    line-height: 2;
  }
  #newsict .newsict_wrap > img {
    margin: 40px auto 0;
  }
  #newsict .newsict_keyword {
    margin: 40px auto 0;
  }
  #newsict .newsict_keyword > div {
    flex-direction: column;
  }
  #newsict .newsict_keyword > div p {
    font-size: 14px;
    padding: 15px;
  }
  #newsict .newsict_keyword > div p:first-child {
    max-width: 100%;
    justify-content: center;
  }
  #newsict .newsict_keyword > div p:last-child {
    max-width: 100%;
  }
  #newsict .list_btn {
    margin: 40px auto 0;
  }
}

#about .title-bar {
  margin-bottom: 0;
}
#about .bout_copy_wrap {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0 120px;
}
#about .bout_copy_wrap p {
  margin: 40px 0 0;
}
#about .bout_copy_wrap p:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1080px) {
  #about .bout_copy_wrap {
    padding: 40px 20px 120px;
  }
}
@media screen and (max-width: 768px) {
  #about .bout_copy_wrap {
    padding: 30px 15px 60px;
  }
  #about .bout_copy_wrap p {
    font-size: 14px;
    margin: 25px 0 0;
  }
}
#about .about_table_wrap {
  padding: 40px 0 120px;
}
@media screen and (max-width: 1080px) {
  #about .about_table_wrap {
    padding: 40px 20px 120px;
  }
}
@media screen and (max-width: 768px) {
  #about .about_table_wrap {
    padding: 30px 15px 60px;
  }
}
#about .about_table {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #707070;
  border-bottom: 1px solid #707070;
}
#about .about_table .about_row {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #707070;
}
#about .about_table .about_row:last-child {
  border-bottom: 0;
}
#about .about_table .about_row h3 {
  width: 200px;
  padding: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: #EBF0F3;
  font-size: 16px;
  font-weight: 500;
}
#about .about_table .about_row .about_row_child {
  max-width: 880px;
  width: 100%;
  padding: 20px 0 20px 20px;
}
#about .about_table .about_row .about_row_child p {
  font-size: 16px;
  line-height: 2;
}
#about .about_table .about_row .about_row_child p a {
  position: relative;
  color: #F28601;
  text-decoration: underline;
}
#about .about_table .about_row .about_row_child p a.about_external_link::after {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background-image: url(/facility/assets/img/common/ico-external.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
#about .about_table .about_row .about_row_child h4 {
  color: #F28601;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
}
#about .about_table .about_row .about_row_child h4:hover {
  opacity: 0.7;
  text-decoration: none;
}
#about .about_table .about_row .about_row_child .business_list {
  padding-left: 15px;
  margin: 0 0 20px;
}
#about .about_table .about_row .about_row_child .business_list li {
  padding-left: 14px;
  font-size: 14px;
  position: relative;
}
#about .about_table .about_row .about_row_child .business_list li::after {
  content: "●";
  font-size: 11px;
  margin-left: -3px;
  margin-right: 11px;
  color: #F28601;
  position: absolute;
  top: 3px;
  left: 0;
}
#about .about_table .about_row .about_row_child .business_list.business_list_bottom {
  margin-bottom: 0;
}
#about .about_table .about_row .about_row_child .about_address_box {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #999999;
}
#about .about_table .about_row .about_row_child .about_address_box h5 {
  font-size: 16px;
  font-weight: 500;
}
#about .about_table .about_row .about_row_child .about_address_box:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#about .about_table .about_row .about_row_child .about_license_list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1%;
}
#about .about_table .about_row .about_row_child .about_license_list li {
  width: 48%;
  font-size: 16px;
  position: relative;
  padding-left: 16px;
}
#about .about_table .about_row .about_row_child .about_license_list li::after {
  font-size: 10px;
  color: #F28601;
  content: "●";
  position: absolute;
  top: 7px;
  left: 0;
}
#about .about_table .about_row .about_row_child .about_map_box {
  margin: 20px 0 10px;
}
#about .about_table .about_row .about_row_child .about_map_box img {
  display: block;
  width: 100%;
}
#about .about_table .about_row .about_row_child .about_map_linkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 40px;
}
#about .about_table .about_row .about_row_child .about_map_linkbox a {
  color: #F28601;
  text-decoration: underline;
  display: flex;
  justify-self: flex-start;
  align-items: center;
  gap: 6px;
}
#about .about_table .about_row .about_row_child .about_map_linkbox a:hover {
  opacity: 0.7;
  text-decoration: none;
}
#about .about_table .about_row .about_row_child .about_map_linkbox a::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
#about .about_table .about_row .about_row_child .about_map_linkbox a.about_gmap_link::before {
  width: 13px;
  height: 21px;
  background-image: url(/facility/assets/img/common/ico-map_pin.svg);
}
#about .about_table .about_row .about_row_child .about_map_linkbox a.about_gmap_pdf::before {
  width: 16px;
  height: 20px;
  background-image: url(/facility/assets/img/common/ico-pdf_orange.svg);
}
#about .about_table .about_row .about_text_indent p {
  text-indent: -16px;
  padding-left: 16px;
}
@media screen and (max-width: 768px) {
  #about .about_table .about_row {
    flex-direction: column;
  }
  #about .about_table .about_row h3 {
    font-size: 14px;
    padding: 14px;
    width: 100%;
    justify-content: center;
    border-bottom: 1px solid #707070;
  }
  #about .about_table .about_row .about_row_child {
    padding: 15px;
  }
  #about .about_table .about_row .about_row_child p {
    font-size: 14px;
  }
  #about .about_table .about_row .about_row_child h4 {
    font-size: 14px;
  }
  #about .about_table .about_row .about_row_child .about_license_list {
    flex-direction: column;
  }
  #about .about_table .about_row .about_row_child .about_license_list li {
    width: 100%;
    font-size: 14px;
    padding-left: 14px;
  }
  #about .about_table .about_row .about_row_child .about_license_list li::after {
    top: 4px;
  }
  #about .about_table .about_row .about_row_child .about_address_box {
    margin-left: -20px;
    padding-left: 20px;
  }
  #about .about_table .about_row .about_row_child .about_address_box h5 {
    font-size: 14px;
  }
  #about .about_table .about_row .about_row_child .about_map_box {
    margin: 20px 0 10px -20px;
  }
  #about .about_table .about_row .about_row_child .about_map_linkbox a {
    font-size: 14px;
  }
  #about .about_table .about_row .about_row_child.about_row_facility {
    text-align: center;
  }
  #about .about_table .about_row .about_text_indent p {
    text-indent: -14px;
    padding-left: 14px;
  }
}
@media screen and (max-width: 430px) {
  #about .about_table .about_row .about_row_child .about_address_box {
    width: 110%;
  }
  #about .about_table .about_row .about_row_child .about_map_box {
    width: 110%;
  }
}
#about .footer_btn_grp {
  padding: 0 0 140px;
}
@media screen and (max-width: 768px) {
  #about .footer_btn_grp {
    padding: 0 0 120px;
  }
}

@media screen and (max-width: 768px) {
  #facility-mgmt-flow {
    padding-bottom: 60px;
  }
}
#facility-mgmt-flow .title-bar {
  margin-bottom: 0;
}
#facility-mgmt-flow .flow-list:first-child {
  padding-bottom: 60px;
}
#facility-mgmt-flow .flow-list p {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  #facility-mgmt-flow .flow-list p {
    font-size: 14px;
  }
}
#facility-mgmt-flow .flow-list .facility-mgmt-flow-inner {
  padding-top: 60px;
  display: flex;
  justify-content: center;
}
#facility-mgmt-flow .flow-list .facility-mgmt-flow-inner img {
  width: 1080px;
  height: auto;
}
@media screen and (max-width: 768px) {
  #facility-mgmt-flow .flow-list .facility-mgmt-flow-inner img {
    width: 345px;
  }
}
@media screen and (max-width: 768px) {
  #facility-mgmt-flow .flow-list .list_btn {
    margin-bottom: 0px;
  }
}

#faq-container .ttlarea--base {
  background-image: url(/facility/assets/img/faq/faq_top.png);
}
#faq-container .faq-content-area .faq-list .faq-title {
  font-size: 24px;
  font-weight: 500;
  padding: 50px 0 30px;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-title {
    font-size: 18px;
    padding: 40px 0 20px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner {
  background: #fff;
  padding: 15px;
  border-radius: 8px;
  /* When open, show "up-arrow" */
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner {
    padding: 0px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .b-top {
  border-top: 1px solid #999999;
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-item {
  padding: 30px 0;
  border-bottom: 1px solid #999999;
  position: relative;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-item {
    padding: 15px 0;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-question {
  cursor: pointer;
  font-size: 16px;
  padding: 10px;
  border-radius: 5px;
  transition: background 0.3s;
  display: flex;
  align-items: center;
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-question::before {
  content: "Q";
  display: inline-block;
  color: var(--clrOrg);
  margin-right: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-question::before {
    font-size: 15px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-question {
    font-size: 14px;
    padding: 0px;
    margin-right: 42px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-answer {
  display: none;
  padding: 30px;
  background: rgb(var(--clrOrg-rgb), 0.1);
  margin-top: 5px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-answer {
    padding: 15px;
    font-size: 14px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-toggle {
  font-size: 20px;
  font-weight: 500;
  position: absolute;
  right: 27px;
  width: 16px;
  height: 10px;
  transition: transform 0.3s ease-in-out;
  background-image: url(../../../assets/img/pages/faq/down-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  #faq-container .faq-content-area .faq-list .faq-inner .faq-toggle {
    right: 15px;
  }
}
#faq-container .faq-content-area .faq-list .faq-inner .faq-toggle.open {
  transform: rotate(180deg);
  background-image: url(../../../assets/img/pages/faq/down-arrow.svg);
}/*# sourceMappingURL=pages.css.map */