@charset "UTF-8";

.swiper-pagination-bullet-active {
  background:#5abebb;
}

.sideMenu_container {
    border: 2px solid #5abebb;
}

.sideMenu .linkList_link::before {
  background: url(../images/arrow_blue.svg) center center / contain no-repeat;
  background-size:cover;
}
.btn::before {
  background: url(../images/arrow_blue.svg) center center / contain no-repeat;
  background-size:cover;
}
.secTopContact .formBtn::before {
    background: url(../images/mail_icon.svg) center center / contain no-repeat !important;
}
.contactFooter .formBtn::before {
    background: url(../images/mail_icon_footer.svg) center center / contain no-repeat !important;
}
.secTopContact .telBtn_no::before {
  background: url(../images/phone_icon.svg) center center / contain no-repeat !important;
}
.contactFooter .telBtn_no::before {
  background: url(../images/phone_icon_footer.svg) center center / contain no-repeat !important;
}



.sideMenu .linkList_cate {
  color: #fff;
}
.secTtl.underLine:before {
  background-color: #5abebb;
}
.secTtl.underLine:before {
  background-color: #5abebb !important;
}
.secTopContact .secTopContact_inner {
  background-color: #def2f1 !important;
}
.contactFooter .formBtn {
    color: unset;
    background: #fff;
}
.faq_wrapper li {
  background-color: #def2f1;
}
body.home .secTopVoice .userVoice li.blue {
  background-color: #def2f1;
}
body.home .secTopVoice .userVoice li.pink {
  background-color:#fff3f8;
}
.articleList.top .cat_list li.お知らせ,
.articleList.second .cat_list li.お知らせ{
  background-color: #5abebb;
}
.footOtherLinks .otherPages_link {
  color:#fff;
}
.contactFooter.addColor{
    /* background: #def2f1; */
    background: #5ABEBB;
}
.addColor .secTtl_ja {
    color:#fff;
}

/*----- FRONT PAGE -----*/
.secTopStrengths .strengthList_sentence {
  margin-top: 1em;
  font-size: 1.6rem;
  line-height: 1.75;
}
#header .header_logo.flexH1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width:unset;
  max-width:unset;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#header .header_logo.flexH1 h1{
  line-height:0.3em;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .strengthList_sentence {
    margin-top: 1em;
    font-size: 1.5rem;
    line-height: 1.6;
  }
}

.secTopStrengths .proposal {
  margin-top: 4rem;
}
.secTopStrengths .proposal_catch_wrap {
  position: relative;
  border: solid 2px #333;
  border-radius: 3rem;
  padding: 0.5rem;
  margin-bottom: 60px;
}
.secTopStrengths .proposal_catch {
  color: #333;
  font-size: 3.0rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposal_catch {
    font-size: 2rem;
  }
}

.secTopStrengths .proposal_catch_wrap::before,
.secTopStrengths .proposal_catch_wrap::after {
  content: '';
  position: absolute;
  top: 100%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 16px 0;
  border-color: #333 transparent transparent;
  margin-top: 20px;
}
.secTopStrengths .proposal_catch_wrap::before{
  left: calc(25% - 16px);
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposal_catch_wrap::before{
    left: calc(50% - 16px);
  }
}
.secTopStrengths .proposal_catch_wrap::after{
  right: calc(25% - 16px);
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposal_catch_wrap::after{
    content: none;
  }
}

.secTopStrengths .proposalList {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalList {
    flex-direction: column;
  }
}

.secTopStrengths .proposalItem {
  background-color: #DADF04;
  width: calc(50% - 10px);
  border-radius: 10px;
  padding: 4rem;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalItem {
    width: 100%;
    padding: 2.2rem;
  }
}

.secTopStrengths .proposalItem_head {
  display: flex;
  gap: 2rem 1rem;
  border-bottom: solid 2px #FFF;
  padding-bottom: 1rem;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalItem_head {
    justify-content: center;
  }
}
.secTopStrengths .proposalItem_face {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 6.0rem;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalItem_face {
    width: 4.3rem;
  }
}

.secTopStrengths .proposalItem_ttl_voice {
  color: #FFF;
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalItem_ttl_voice {
    font-size: 1.3rem;
  }
}

.secTopStrengths .proposalItem_ttl {
  color: #333;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalItem_ttl {
    font-size: 1.7rem;
  }
}
.secTopStrengths .proposalItem_text {
  text-align: center;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 1rem;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .proposalItem_text {
    font-size: 1.5rem;
  }
}
.secTopStrengths .txtStrong {
  color: #27A34B;
  font-size: 3.0rem;
  line-height: 1.3;
}
@media screen and (max-width: 48em) {
  .secTopStrengths .txtStrong {
    font-size: 2.6rem;
  }
}
.secTopStrengths .proposalItem:nth-child(2) .txtStrong {
  color: #FF7D7D;
}


.secTopStrengths .proposalItem .btn {
  margin: 3rem auto 0;
}

.secTopContact {
  padding-top: 4.6rem;
}
.secTopContact .secTopContact_inner {
  background-color: #f5f1d5;
  border-radius: 1rem;
  padding: 4rem;
}
@media screen and (max-width: 48em) {
  .secTopContact .secTopContact_inner {
    padding: 3rem 2rem;
  }
}
.secTopContact .secTopContact_txt {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media screen and (max-width: 48em) {
  .secTopContact .secTopContact_txt {
    font-size: 1.5rem;
  }
}

.secTopContact .secTopContact_btns {
  display: flex;
  gap: 10px;
  margin-top: 3rem;
}
@media screen and (max-width: 48em) {
  .secTopContact .secTopContact_btns {
    flex-direction: column;
  }
}
.secTopContact .secTopContact_btn {
  overflow: hidden;
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 8rem;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.2;
  color: #231815;
  letter-spacing: 0.03em;
  background: #FFF;
  flex:1;
}
@media screen and (max-width: 48em) {
  .secTopContact .secTopContact_btn {
    width: 100%;
    height: 6.1rem;
    flex: auto;
    border-radius: 0.3rem;
  }
}

.secTopContact .telBtn {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #eac52a;
  gap: 0.5rem;
  color:#fff;
}

.secTopContact .telBtn .telBtn_no {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 48em) {
  .secTopContact .telBtn .telBtn_no {
    gap: 0.5rem;
  }
}

.secTopContact .telBtn_no::before {
  display: block;
  width: 2rem;
  height: 3.5rem;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2034.37%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23dadf00%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M17.54%2C0H2.46C1.11%2C0%2C0%2C1.11%2C0%2C2.47v29.44c0%2C1.36%2C1.11%2C2.47%2C2.46%2C2.47h15.07c1.36%2C0%2C2.46-1.11%2C2.46-2.47V2.47c0-1.36-1.11-2.47-2.46-2.47ZM10%2C32.05c-.41%2C0-.74-.33-.74-.74s.33-.74.74-.74.74.33.74.74-.33.74-.74.74ZM18.46%2C29.03H1.54V4.22h16.92v24.81Z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}
@media screen and (max-width: 48em) {
  .secTopContact .telBtn_no::before {
    width: 1.3rem;
    height: 2.1rem;
    margin-top: 0.2rem;
  }
}

.secTopContact .telBtn .telBtn_txt {
  font-size: 1.2rem;
}

.secTopContact .lineBtn::before {
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin-top: 0.2rem;
  content: "";
  background: url("../images/icon_line.png") center center/contain no-repeat;
}

.secTopContact .formBtn {
  background-color: #5abebb;
  color:#fff;
}
.secTopContact .formBtn::before {
  display: block;
  width: 1.7em;
  height: 1em;
  margin-top: 0.2rem;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2041.03%2030%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23dadf00%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M39.79%2C0H1.24C.55%2C0%2C0%2C.55%2C0%2C1.24v2.44l20.52%2C13.75L41.03%2C3.67V1.24c0-.68-.55-1.24-1.24-1.24Z%22%2F%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M0%2C8.75v16.3c0%2C2.73%2C2.22%2C4.95%2C4.95%2C4.95h31.13c2.74%2C0%2C4.95-2.22%2C4.95-4.95V8.75l-20.52%2C13.75L0%2C8.75Z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

body.home .secTopVoice .userVoice_Ttl p{
  color:#333333 !important;
}

.faq_wrapper li .questions:before, .faq_wrapper li .questions:after {
  background-color: #eac52a;
}

.single-menu .articleData_dtl .pricing,
.single-menu .articleData_name,
.page-about .aboutUs_informations.addFontColor dt,
.page-about .certificate .secTitle {
  color: #333333 !important;
}
.sideMenu_ancLinks.is_archive .catList a.current:before {
  background: #5abebb !important;
}
.sideMenu_ancLinks.is_archive .selectArchive::before {
  border-top: 2px solid #5abebb !important;
  border-right: 2px solid #5abebb !important;
}
.mainContainer.page-about .about-us .aboutUs_inner {
  background-color: #def2f1;
}
.mainContainer.page-about .certificate_inner {
  border: 2px solid #5abebb;
}


@media (min-width: 768px) {
  #header .header_logo.flexH1 {
        width:unset;
        max-width:unset;
        gap:10px;
    }
}
@media (max-width: 767px) {
      #header .header_logo.flexH1 img {
        width:93%;
        margin-top:unset;
  }
  #header .header_logo.flexH1 h1{
        line-height: 0.1em;
  }
}

/*----- Single PAGE -----*/
.mainContainer.news .articleInfo .flex_date_cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  grid-column-gap: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 48em) {
  .mainContainer.news .articleInfo .flex_date_cat {
    grid-column-gap: 10px;
  }
}

.mainContainer.news .articleInfo .date {
  font-size: 1.4rem;
  color: #999;
}
@media screen and (max-width: 48em) {
  .mainContainer.news .articleInfo .date {
    font-size: 1rem;
  }
}

.mainContainer.news .articleInfo .cat_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 1em;
}

.mainContainer.news .articleInfo .cat_list li {
  width: 108px;
  line-height: 23px;
  border-radius: 11.5px;
  text-align: center;
  font-size: 1.4rem;
	background-color: #57372c;
	color: #fff;
}
@media screen and (max-width: 48em) {
  .mainContainer.news .articleInfo .cat_list li {
    width: 82.5px;
    line-height: 15px;
    border-radius: 7.5px;
    font-size: 1rem;
  }
}




/*----- PRIVACY PAGE -----*/
.lowerHeader.page-privacy .pageHeader {
  background-image: url(../images/bg_privacy.webp);
}

.mainContainer.page-privacy .privacyPolicy__item {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.mainContainer.page-privacy .privacyPolicy__item:not(:first-child) {
  margin-top: 5rem;
}

.mainContainer.page-privacy .privacyPolicy__item ul {}
.mainContainer.page-privacy .privacyPolicy__item ul li {
  padding-top: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}
@media screen and (max-width: 48em) {
}

.mainContainer.page-privacy .privacyPolicy__ttl {
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.5;
  color: #5abebb;
	padding-bottom: 0.5em;
  text-align: left;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #333;
}
@media screen and (max-width: 48em) {
  .mainContainer.page-privacy .privacyPolicy__ttl {
    font-size: 2.0rem;
  }
}

.mainContainer.page-privacy .privacyPolicy__text {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: 1rem;
}
@media screen and (max-width: 48em) {
  .mainContainer.page-privacy .privacyPolicy__text {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}
.mainContainer.page-privacy .privacyPolicy__text:not(:first-child) {
  margin-top: 2rem;
}


/*----- CONTACT PAGE -----*/
.lowerHeader.page-contact .pageHeader {
  background-image: url(../images/bg_contact.webp);
}

.mainContainer.page-contact .xxx {}
.mainContainer.page-contact .br-pc {
  display: inline-block;
}
.mainContainer.page-contact .br-sp {
  display: none;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .br-pc {
    display: none;
  }

  .mainContainer.page-contact .br-sp {
    display: inline-block;
  }
}

.mainContainer.page-contact .mt-1em {
  margin-top: 1em;
}
.mainContainer.page-contact .-color01 {
  color: #DADF04;
}


.mainContainer.page-contact .secContact {
  border-radius: 1rem;
  padding: 4.8rem;
  border: solid 2px #5abebb;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact {
    padding: 2rem;
  }
}

.mainContainer.page-contact .secContact .contact_txts {
  line-height: 1.55;
}

.mainContainer.page-contact .secContact .contact_txt {
  text-align: center;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact .contact_txt {
    text-align: left;
  }
}

.mainContainer.page-contact .secContact_contactList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5rem;
  gap: 1rem;
}
@media screen and (max-width: 62.5em) {
  .mainContainer.page-contact .secContact_contactList {
    display: block;
  }
}
@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList {
    display: block;
    padding-top: 3.2rem;
  }
}

.mainContainer.page-contact .secContact_contactList .contact {
  color: #FFF;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem 2rem;
  text-align: center;
}
@media screen and (max-width: 62.5em) {
  .mainContainer.page-contact .secContact_contactList .contact+.contact {
    margin-top: 1rem;
  }
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList .contact {
    display: block;
    min-height: auto;
    padding: 2rem;
  }

}

.mainContainer.page-contact .secContact_contactList .contact.-tel {
  background-color: #333333;
}

.mainContainer.page-contact .secContact_contactList .contact.-tel .contact_linkMemo {
  display: block;
  margin-top: 1.4rem;
  font-size: 1.8rem;
  color: #FFF;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList .contact.-tel .contact_linkMemo {
    font-size: 1.2rem;
  }
}

.mainContainer.page-contact .secContact_contactList .contact.-tel .contact_linkMemo>span {
  display: inline-block;
}
@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList .contact.-tel .contact_linkMemo>span {
    display: block;
  }
}
.mainContainer.page-contact .secContact_contactList .contact.-tel .contact_linkMemo>span:not(:last-child) {
  margin-right: 1em;
}
@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList .contact.-tel .contact_linkMemo>span:not(:last-child) {
    margin-right: 0;
  }
}

.mainContainer.page-contact .secContact_contactList .contact.-tel .contact_link {
  color: #FFF;
  margin-top: 0.3rem;
  font-size: 4rem;
  line-height: 1.1;
  letter-spacing: 0.045em;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList .contact.-tel .contact_link {
    font-size: 3rem;
  }
}

.mainContainer.page-contact .secContact_contactList .contact.-tel .contact_link a {
  display: flex;
  align-items: baseline;
  justify-content: center;
  color: #FFF;
  font-weight: 600;
  gap: 0.2em;
  letter-spacing: 0;
  white-space: nowrap;
}

.mainContainer.page-contact .secContact_contactList .contact.-tel .contact_link a::before {
  display: block;
  width: 0.65em;
  height: 0.62em;
  content: "";
  content: '';
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19%2C9.81c-.2%2C0-.38-.07-.54-.22-.16-.15-.26-.33-.29-.56-.26-1.91-1.07-3.54-2.43-4.9s-3-2.17-4.9-2.43c-.22-.04-.41-.13-.56-.29-.15-.16-.22-.35-.22-.57%2C0-.24.08-.45.25-.61.17-.17.37-.23.61-.19%2C2.36.26%2C4.36%2C1.22%2C6.03%2C2.89%2C1.66%2C1.66%2C2.63%2C3.67%2C2.89%2C6.03.04.24-.03.44-.2.61-.17.17-.38.25-.63.25ZM14.22%2C9.81c-.18%2C0-.35-.06-.51-.18s-.26-.28-.32-.49c-.19-.65-.51-1.21-.99-1.68s-1.03-.8-1.68-.99c-.2-.06-.37-.15-.49-.29-.12-.14-.18-.31-.18-.51%2C0-.28.09-.51.28-.67s.41-.22.67-.17c1%2C.23%2C1.86.71%2C2.58%2C1.44.72.73%2C1.21%2C1.59%2C1.47%2C2.59.06.26%2C0%2C.48-.17.67s-.39.28-.67.28ZM18.75%2C20c-2.15%2C0-4.34-.52-6.57-1.56-2.23-1.04-4.3-2.51-6.21-4.42-1.91-1.91-3.38-3.98-4.42-6.21C.52%2C5.59%2C0%2C3.4%2C0%2C1.25c0-.36.12-.65.36-.89.24-.24.54-.36.89-.36h3.89c.26%2C0%2C.48.09.67.28s.31.42.39.69l.75%2C3.49c.04.27.03.51-.01.72s-.15.4-.3.55l-2.77%2C2.8c.48.81.99%2C1.57%2C1.53%2C2.28s1.13%2C1.37%2C1.78%2C2c.69.7%2C1.41%2C1.35%2C2.17%2C1.93s1.56%2C1.1%2C2.39%2C1.54l2.64-2.72c.19-.2.4-.34.64-.42s.48-.09.72-.06l3.31.72c.28.07.51.22.69.45s.28.47.28.75v3.75c0%2C.36-.12.65-.36.89-.24.24-.54.36-.89.36ZM3.03%2C7l2.25-2.28-.64-3.06H1.67c.04.78.16%2C1.6.37%2C2.46s.54%2C1.82.99%2C2.88ZM13.28%2C17.08c.76.35%2C1.58.64%2C2.47.86s1.75.35%2C2.58.39v-2.97l-2.86-.58-2.19%2C2.31Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

.mainContainer.page-contact .secContact_contactList .contact.-line {
  background-color: #DADF04;
}

.mainContainer.page-contact .secContact_contactList .contact_kind {
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
}

.mainContainer.page-contact .secContact_contactList .contact.-line .contact_kind {
  color: #333;
}

.mainContainer.page-contact .secContact_contactList .contact_lineTxts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  margin-top: 1rem;
}

@media screen and (max-width: 62.5em) {
  .mainContainer.page-contact .secContact_contactList .contact_lineTxts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    margin-top: 0;
  }
}

.mainContainer.page-contact .secContact_contactList .contact_lineTxts .contact_lineTxt {
  color: #333;
  font-size: 2rem;
  text-align: left;
  flex-grow: 1;
  line-height: 1.5;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact_contactList .contact_lineTxts .contact_lineTxt {
    font-size: 1.5rem;
  }
}

.mainContainer.page-contact .secContact_contactList .contact_lineTxts .contact_lineQrCode {
  max-width: 80px;
  width: 35%;
  flex-shrink: 0;
}
@media screen and (max-width: 62.5em) {
  .mainContainer.page-contact .secContact_contactList .contact_lineTxts .contact_lineQrCode {
    margin: 1.5rem 0;
  }
}

/*----- STER BAR -----*/
.mainContainer.page-contact .contact_stepBar {
  background-color: #5abebb;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5rem;
  padding: 2rem 0;
  counter-reset: number 0;
}

.mainContainer.page-contact .contact_stepBar .contact_step {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: #333;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.16;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .contact_stepBar .contact_step {
    font-size: 1.5rem;
    gap: 0.8rem;
  }
}

.mainContainer.page-contact .contact_stepBar .contact_step::before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
}


.mainContainer.page-contact .contact_stepBar .contact_step:not(:last-child) {
  margin-right: 8rem;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .contact_stepBar .contact_step:not(:last-child) {
    margin-right: 4rem;
  }
}

.mainContainer.page-contact .contact_stepBar .contact_step:not(:last-child)::after {
  content: '';
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  left: 100%;
  top: calc(50% - 0.25em);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2011.97%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23fff%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7%2C5.97c0%2C.13-.03.26-.08.38-.05.12-.13.23-.23.34L1.7%2C11.68c-.2.2-.43.3-.7.3s-.5-.1-.7-.3C.1%2C11.48%2C0%2C11.24%2C0%2C10.96c0-.28.1-.52.3-.71l4.27-4.27L.3%2C1.7C.1%2C1.5%2C0%2C1.27%2C0%2C1S.1.5.3.3C.5.1.74%2C0%2C1.01%2C0c.28%2C0%2C.52.1.71.3l4.96%2C4.96c.1.1.18.22.23.34.05.12.08.25.08.38Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  margin-left: 3rem;
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .contact_stepBar .contact_step:not(:last-child)::after {
    margin-left: 1.5rem;
  }
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .contact_stepBar .contact_step {
    font-size: 1.5rem;
  }
}

/*[mw wp form 入力画面]*/
.mainContainer.page-contact .contact_stepBar.-input .contact_step-2,
.mainContainer.page-contact .contact_stepBar.-input .contact_step-3 {
  color: #FFF;
}

/*[mw wp form 確認画面]*/
.mainContainer.page-contact .contact_stepBar.-confirm .contact_step-3 {
  color: #FFF;
}

.mainContainer.page-contact .contact_stepBar.-confirm .contact_step-1::after {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2011.97%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23333%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7%2C5.97c0%2C.13-.03.26-.08.38-.05.12-.13.23-.23.34L1.7%2C11.68c-.2.2-.43.3-.7.3s-.5-.1-.7-.3C.1%2C11.48%2C0%2C11.24%2C0%2C10.96c0-.28.1-.52.3-.71l4.27-4.27L.3%2C1.7C.1%2C1.5%2C0%2C1.27%2C0%2C1S.1.5.3.3C.5.1.74%2C0%2C1.01%2C0c.28%2C0%2C.52.1.71.3l4.96%2C4.96c.1.1.18.22.23.34.05.12.08.25.08.38Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

/*[mw wp form 送信完了画面]*/
.mainContainer.page-contact .contact_stepBar.-thanks .contact_step:not(:last-child)::after {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%2011.97%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23333%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M7%2C5.97c0%2C.13-.03.26-.08.38-.05.12-.13.23-.23.34L1.7%2C11.68c-.2.2-.43.3-.7.3s-.5-.1-.7-.3C.1%2C11.48%2C0%2C11.24%2C0%2C10.96c0-.28.1-.52.3-.71l4.27-4.27L.3%2C1.7C.1%2C1.5%2C0%2C1.27%2C0%2C1S.1.5.3.3C.5.1.74%2C0%2C1.01%2C0c.28%2C0%2C.52.1.71.3l4.96%2C4.96c.1.1.18.22.23.34.05.12.08.25.08.38Z%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}
.mainContainer.page-contact .secTtl.-thanks {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
	border:none;
}


.mainContainer.page-contact .contact_txts.-thanks {
  margin-top: 5rem;
}


/* CONTACT FORM */
.mainContainer.page-contact .secContact .tbl_contact {
  border-collapse: collapse;
  width: 100%;
  margin: auto;
  /* margin-top: 5rem; */

  .flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column-gap: 1em;
  }
  .month-day .selectboxWrap {width: 160px;}
  .month-day-time {
    .selectboxWrap:nth-of-type(1),.selectboxWrap:nth-of-type(2) {min-width: 100px;max-width: 100px;}
  }


  .full {width: 100%;margin-top: 0.5em;}
}
@media (max-width: 768px) {
  .mainContainer.page-contact .secContact .tbl_contact {
    .month-day-time {
      flex-wrap: wrap;
      gap: 1em;
      .selectboxWrap:nth-of-type(1),.selectboxWrap:nth-of-type(2) {min-width: 115px;max-width: 115px;}
      .selectboxWrap:nth-of-type(3) {width: 100%;}
    }
    td .full:not(:first-child) {width: 100%;margin-top: 1em;}
    .full {margin-bottom: 0.25em;}
  }
  .hide-sp {display: none;}
}
.estimate.mainContainer.page-contact .secContact .tbl_contact {table-layout: fixed;}
.estimate.mainContainer.page-contact .secContact .tbl_contact th {
  color: #333!important;
  .required {background-color: #DADF04!important;}
}

@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact .tbl_contact {
    /* margin-top: 3rem; */
  }
}
.mainContainer.page-contact .secContact .tbl_contact th,
.mainContainer.page-contact .secContact .tbl_contact td {
  border-bottom: solid 1px #595757;
  padding: 2rem 0;
  text-align: left;
  vertical-align: middle;
}
.mainContainer.page-contact .secContact .tbl_contact thead th,
.mainContainer.page-contact .secContact .tbl_contact thead td {
  border-bottom: none;
  padding: 0;
}

.mainContainer.page-contact .secContact .tbl_contact th {
  font-size: 2.0rem;
  font-weight: bold;
  position: relative;
  white-space: nowrap;
  color: #DADF04;
}

@media (min-width: 768px) {
  .mainContainer.page-contact .secContact .tbl_contact th {
    position: relative;
    width: 25rem;
  }

  .mainContainer.page-contact .secContact .tbl_contact td {
		font-size: 1.6rem;
    padding-left: 3rem;
  }

  .hide-pc {display: none;}
}

@media screen and (max-width: 48em) {

  .mainContainer.page-contact .secContact .tbl_contact th,
  .mainContainer.page-contact .secContact .tbl_contact td {
    display: block;
    padding: 2rem 0;
    width: 100%;
  }

  .mainContainer.page-contact .secContact .tbl_contact th {
    border: none;
    font-size: 2.0rem;
    padding-bottom: 0;
  }
  .mainContainer.page-contact .secContact .tbl_contact td {
    font-size: 1.5rem;
    padding-top: 1rem;
  }
}

.mainContainer.page-contact .secContact .tbl_contact th .js-span-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainContainer.page-contact .secContact .tbl_contact th .js-span-wrap >span:not(.required) {
  width: calc(100% - 4em);
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 48em) {
  .mainContainer.page-contact .secContact .tbl_contact th .js-span-wrap {
    justify-content: flex-start;
  }
  .mainContainer.page-contact .secContact .tbl_contact th .js-span-wrap >span:not(.required) {
    display: block;
    width: auto;
  }
}

/* form box */
.formBox input[type='text'],
.formBox input[type='password'],
.formBox input[type='tel'],
.formBox input[type='email'],
.formBox input[type='number'],
.formBox select,
.formBox textarea {
  background-color: #def2f1;
  border-radius: 0.5rem;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  height: auto;
  font-size: 1.6rem;
  padding: 1em;
  margin: 0;
  max-width: none;
  width: 100%;
}
.formBox input[type='file'] {
  color: #999;
  width: 100%;
}
.formBox input[type='file']::file-selector-button {
  color: #333;
  background: #FFF;
  font-size: 1.6rem;
  font-weight: 600;
  border: solid 2px #5abebb;
  padding: 1em;
  text-align: center;
}

.formBox textarea {
  background-color: #def2f1;
  margin-right: 0;
  max-width: none !important;
  width: 100% !important;
}

.formBox .mw_wp_form_input .selectboxWrap{
  overflow: hidden;
  width: 100%;
  text-align: center;
}
.formBox .mw_wp_form_input .selectboxWrap select {
  color: #333;
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #FFF;
}
.formBox .mw_wp_form_input .selectboxWrap select::-ms-expand {
  display: none;
}
.formBox .mw_wp_form_input .selectboxWrap {
  position: relative;
  border: 2px solid #5abebb;
  background: #FFF;
}
.formBox .mw_wp_form_input .selectboxWrap::after {
  position: absolute;
  top: calc(50% - 0.25em);
  right: 1em;
  width: 0.5em;
  height: 0.5em;
  padding: 0;
  content: '';
  border-top: solid 2px #5abebb;
  border-right: solid 2px #5abebb;
  pointer-events: none;
  transform: rotate(135deg);
}

.formBox input.input_tel {
  ime-mode: disabled;
}

.formBox input.input_zip {
  display: inline-block;
  width: auto;
  max-width: 5em;
}

.formBox .required {
  color: #FFF;
  background-color: #333333;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0.3em 0.8em;
  margin-left: 1.0em;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .formBox th>.required {
    float: right;
  }
}
@media screen and (max-width: 48em) {
  .formBox .required {
    font-size: 1.0rem;
  }
}

.formBox label {
  font-size: 1.6rem;
}
@media screen and (max-width: 48em) {
  .formBox label {
    font-size: 1.5rem;
  }
}


.formBox .form-row {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 48em) {
  .formBox .form-row {
    display: block;
	}
}

.formBox .form-row > span {
  display: inline-block;
  width: 5.5em;
  flex-shrink: 0;
}
@media screen and (max-width: 48em) {
  .formBox .form-row > span {
    margin-bottom: 0.5em;
  }
}
.formBox .form-row > div {
  flex-shrink: 1;
  width: 100%;
}

.formBox .form-row + .form-row {
  margin-top: 2rem;
}

.formBox .link.underline {
  color: #DADF04 !important;
  text-decoration: underline;
}

.formBox .remarks {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 48em) {
  .formBox .remarks {
    font-size: 1.4rem;
  }
}

.formBox input::placeholder {
  color: #999999;
}

.formBox textarea::placeholder {
  font-size: 1.6rem;
  color: #999999;
  line-height: 1.4;
}


.formBox .mwform-radio-field {
  font-size: 1rem;
  display: inline-block;
  padding: 0.2em 0;
  margin-right: 3rem;
}

.formBox .mw_wp_form .horizontal-item+.horizontal-item {
  margin-left: 0;
}
.formBox .mw_wp_form td .horizontal-item:last-of-type {
  margin-right: 0;
}


.formBox .agreeBox {
  margin: 5rem 0 0;
  text-align: center;
}

@media screen and (max-width: 48em) {
  .formBox .agreeBox {
    font-size: 1.6rem;
    text-align: left;
  }
}

.formBox .agreeBox .required {
  margin-left: 0;
  margin-right: 1rem;
}

.formBox .agreeBox .agree_txt {
  line-height: 1.55;
}
.formBox .agreeBox .agree_check {
  margin-top: 2rem;
}

.formBox .btnBox {
  display: flex;
  justify-content: center;
  margin: 5rem auto 2rem;
}
@media screen and (max-width: 48em) {
  .formBox .btnBox {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .formBox .btnBox {
    display: flex;
    justify-content: center;
    gap: 2rem;
  }
}

.formBox .btnBox .btn_wrap {
  display:inline-block;
  position:relative;
  transition:all 0.3s;
  margin: auto;
  width: 25rem;
}
.formBox .btnBox .btn_wrap::after{
  position: absolute;
  top: calc(50% - 0.625em);
  right: 1.3em;
  display: block;
  width: 1.25em;
  height: 1.25em;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23dadf00%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%2F%3E%20%3Cpath%20d%3D%22M12%2C9.99c0%2C.06-.01.12-.03.17s-.06.1-.11.16l-3.07%2C3.07c-.09.09-.2.14-.33.14s-.23-.05-.33-.14-.14-.2-.14-.33.05-.24.14-.33l2.73-2.73-2.73-2.73c-.09-.09-.14-.2-.14-.33s.05-.23.14-.33.2-.14.33-.14.24.05.33.14l3.05%2C3.05c.05.05.09.1.11.16s.03.11.03.17Z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

@media screen and (max-width: 48em) {
  .formBox .btnBox .btn_wrap {
    width: 25.5rem;
  }
}

.formBox .btnBox .btn_wrap .btn {
  margin-top: 0;
}

.formBox .btnBox .btn {
  border: none;
}
@media screen and (max-width: 48em) {
  .formBox .btnBox .btn_wrap {
    margin-top: 2rem;
  }
}

.mainContainer.page-contact .mw_wp_form_input .btn_wrap.-back {
  display: none;
}
.formBox .btnBox .btn_wrap.-back::after {
  border-color: #333;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23dadf00%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%2210%22%2F%3E%20%3Cpath%20d%3D%22M12%2C9.99c0%2C.06-.01.12-.03.17s-.06.1-.11.16l-3.07%2C3.07c-.09.09-.2.14-.33.14s-.23-.05-.33-.14-.14-.2-.14-.33.05-.24.14-.33l2.73-2.73-2.73-2.73c-.09-.09-.14-.2-.14-.33s.05-.23.14-.33.2-.14.33-.14.24.05.33.14l3.05%2C3.05c.05.05.09.1.11.16s.03.11.03.17Z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  /*
  left: 1rem; right:auto;
  transform: scale(-1, 1);
  */
}
.formBox .btnBox .btn-back {
  background-color: #CCCCCC;
  color: #333;
}

.formBox .mw_wp_form .error {
  font-size: 1.5rem;
}

/*[mw wp form 確認画面]*/
.mainContainer.page-contact .mw_wp_form_confirm .input_only {
  display: none;
}


@media screen and (min-width: 48em) {
  .otherPages {
    justify-content: center;

    li {max-width: 386px;}
  }
}



/* youtube */
#youtube_container {
  background-color: #F5F1D5;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 45px;
}

.youtube-wrapper .information {
  color: #333;
  font-weight: 600;

  .the_date {font-size: 10px;}
  .the_title {font-size: 20px;font-weight: bold;line-height: 1.5;margin-top: 0;}
  .the_content {
    font-size: 15px;
    line-height: 1.33;
    margin-top: 12px;
  }
}

#youtube_container .youtube_wrap {
  border-radius: 3px;
  overflow: hidden;

  aspect-ratio: 590/330;
  margin-top: 12px;

  iframe {
    width: 100%;
    height: 100%;
  }
}

@media screen and (min-width: 1080px) {
  #youtube_container {
    border-radius: 10px;
    padding: 40px;
    margin-bottom: 95px;
  }

  .youtube-wrapper {
    display: flex;
    align-items: center;
    grid-column-gap: 50px;
  }

  .youtube-wrapper .information {
    width: 48%;
    .the_date {display: block;font-size: 14px;}
    .the_title {font-size: 30px;}
    .the_content {
      font-size: 16px;
      line-height: 1.75;
      margin-top: 2px;
    }

  }
  #youtube_container .youtube_wrap {
    border-radius: 5px;
    min-width: 400px;
    height: 225px;

    margin-top: 0!important;
  }
}

@media screen and (min-width: 1080px) {
  #secTopNewsSlide .articleList.top .catWidth{
    width:unset;
    padding:0 15px 0;
  }
  .home .articleList.top .articleList_pic{
    height: 285px;
    overflow: hidden;
  }

  .home .articleList.top .articleList_pic img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
}

/* トピックス */



body.home #secTopNewsSlide{
  margin-top:0 !important;
  padding:0 !important;
}
#secTopNewsSlide .topSlide_cateList.articleList.top .flex_date_cat{
  margin-top:0;
}
#secTopNewsSlide .topSlide_cateList > li {
  border:none;
  border-radius:unset;
}
#secTopNewsSlide .topSlide_cateList .cat_list span{
  width: 108px;
  line-height: 23px;
  border-radius: 11.5px;
  text-align: center;
  font-size: 1.4rem;
  display:block;
}
#secTopNewsSlide .topSlide_cateList .catColor-news,
.mainContainer.news .articleList_link .cat_list li.お知らせ,
ul.cat_list li.catColor-news{
  background-color: #5abebb;
  color: #fff;
}
.articleList.top .cat_list li{
  width:unset;
  padding:0 15px 0;
}
#secTopNewsSlide .topSlide_cateList .catColor-staffblog,
.mainContainer.news .articleList_link .cat_list li.スタッフブログ,
ul.cat_list li.catColor-staffblog{
  background-color:#e05280;
  color:#fff;
  width:unset;
  padding:0 15px 0;
}
.lowerHeader.blog {
  margin-top: 60px;
  padding: 0;
}
.mainContainer.news.blog {
  & .articleInfo {border: none;padding-top: 1em;}
  & .sideMenu {}
  & .articleTtl {
    margin-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  & .dateAndCategories {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1em;

    margin-top: 10px;
  }
  & .articleContents {
    margin-top: 24px;
  }
  & .articleMoveLinks {
    max-width: unset;
    width: 100%;
    margin-top: 36px;

    & .btn.-secondary {
      height: 2em;
      margin: auto;
      margin-top: 1em;
      background: unset;
      border-radius: 0;
      color: #333;
    }

    & .articleMoveLinks_txt {
        overflow: hidden;
        display: block;

        position: relative;
        &.-prev {padding-left: 1.25em;}
        &.-next {padding-right: 1.25em;}

        &.-prev:before,
        &.-next:before {

          content: '';
          width: .75em;
          height: .75em;
          border-top: solid 2px #333;
          border-right: solid 2px #333;
          position: absolute;
          top: 1.5em;
          bottom: 0;
          margin: auto;
          transform: rotate(225deg);
        }
        &.-prev:before {left: 0.2em;}
        &.-next:before {right: 0.2em;transform: rotate(45deg);}


      a {
        color: #333;
        font-weight: normal;
        line-height: 1.6;
        font-size: 12px;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
      }

      & .info-prev,
      & .info-next {
        display: block;
        font-size: 13px;
        font-weight: bold;
      }
      & .info-next {text-align: right;}
    }
  }
}

@media screen and (min-width: 48em) {
  .lowerHeader.blog {
    margin-top: 166px;
  }
  .mainContainer.news.blog {
    & .articleInfo {margin-top: 0;padding-top: 0;}
    & .sideMenu {
      padding-top: 7rem;
    }
    & .articleTtl {
      margin-top: 35px;
    }
    & .dateAndCategories {
      margin-top: 20px;
    }

    & .articleContents {
      margin-top: 36px;
    }

    & .articleMoveLinks {margin-top: 0;}
    & .articleMoveLinks_txt {
      width: 100%;


      & .info-prev,
      & .info-next {
        font-size: 14px;
      }
      &.-prev,&.-next {
        & a {font-size: 14px;}
      }
      &.-prev {padding-right: 12px;padding-left: 2em;}
      &.-next {padding-left: 12px;padding-right: 2em;}
    }
  }
  /* END  mainContainer.blog */
}

/*----- FOOTER -----*/
.navFooter .footNav_list.-sub > li::before {
  background:#5abebb;
}


@media screen and (max-width: 48em) {
  .secTopArea.smart-container .spOnly .area_pic {
    background-color: #def2f1;
    padding: 1em 0;
  }
}
#area .spOnly .area_pic {
  background-color: #def2f1;
  padding: 1em 0;
}
.secTopVoice.smart-container .userVoice {
  & .userVoice_Ttl,
  & .userVoice_Title,
  & .is_head,
  & .is_sentence {color: #333!important;}
}
.contactFooter_container .contactFooter_txt {color: #fff;}
.mainContainer .mainContents .menuArea .menuArea_ttl {color: #333;}

.lowerFooter .footOtherLinks::before {background: #def2f1;}
.secTopArea .areaList > li {background: #def2f1;}

.page-contact.mainContainer .secContact .tbl_contact th {color: #333!important;}
.mainContainer.page-flow .flowStep li.step {background-color: #def2f1;}


.formBox .btnBox .btn_wrap::after {
  background: url(../images/arrow_blue.svg) center center / contain no-repeat;
  background-size: cover;
}

.formBox .btnBox .btn_wrap.-back::after {
  background: url(../images/arrow_blue.svg) center center / contain no-repeat;
  background-size: cover;
}