@charset "UTF-8";
/*============================================================
 共通変数
*============================================================*/
/*============================================================
トップページ
*============================================================*/
#page-top .mv {
  height: 440px;
}
#page-top .mv-01-catch {
  font-size: 5vw;
}
#page-top .mv-01-catch .bg {
  font-size: 7vw;
}
#page-top .mv__box {
  padding: 20px 15px;
}
#page-top .mv__box-catch {
  font-size: 12px;
}
#page-top .mv__box-concept {
  font-size: 40px;
}
#page-top .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
}
#page-top .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, #page-top .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
#page-top .news__inner {
  background-image: url(../images/common/ico-arrow-wh.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 11px 10px;
}
#page-top .news__heading {
  font-size: 16px;
  padding-right: 16px;
  padding-left: 16px;
}
#page-top .news__item {
  display: block;
}
#page-top .news__item-date {
  display: block;
}
#page-top .news__item-ttl {
  margin-left: 0;
}
#page-top .service__catch {
  margin-bottom: 24px;
}
#page-top .service__link {
  flex-direction: column;
  align-items: center;
}
#page-top .service__link a {
  width: 240px;
  font-size: 16px;
  height: 56px;
  line-height: 56px;
}
#page-top .service__link #line {
  margin-bottom: 17px;
}
#page-top .service__link #contact {
  margin-left: 0;
}
#page-top .pickup__tab-ttl {
  font-size: 14px;
}
#page-top .faq__subheading {
  font-size: 16px;
}
#page-top .faq__item {
  margin-bottom: 16px;
}
#page-top .faq__item-ttl {
  padding-top: 16px;
  padding-bottom: 20px;
  padding-left: 43px;
  padding-right: 16px;
  font-size: 14px;
  background-size: 16px;
}
#page-top .faq__item-ttl:before {
  left: 16px;
  font-size: 20px;
}
#page-top .faq__item-txt {
  padding: 0 16px 16px 16px;
  font-size: 12px;
}
#page-top .concept__subtitle {
  font-size: 5.5vw;
}
#page-top .concept__block {
  padding-left: 17px;
  padding-right: 17px;
  margin-top: 0;
}
#page-top .concept .c_btn {
  margin-left: auto;
  margin-right: auto;
}
#page-top .catch__link {
  flex-direction: column;
  align-items: center;
}
#page-top .catch__link a {
  margin-bottom: 16px;
}
#page-top .catch__link a + a {
  margin-left: 0;
}

/*============================================================
入居者の方へ
*============================================================*/
.page-residents .residents__wrap {
  flex-direction: column;
  align-items: center;
}
.page-residents .residents__item {
  width: 100%;
}

/*============================================================
アバウト
*============================================================*/
.page-about .about__links {
  flex-direction: column;
  align-items: center;
}
.page-about .about__item {
  width: 100%;
  margin-bottom: 16px;
}

/*============================================================
設備トラブルサポート
*============================================================*/
.page-what .what__info-desc {
  padding: 0;
}
.page-what .what .mv__img {
  margin-bottom: 24px;
}
.page-what .greeting__info {
  width: 100%;
  margin-bottom: 24px;
}
.page-what .supportarea__wrap {
  margin-top: 24px;
}
.page-what .supportarea .contact__catch {
  font-size: 4vw;
}
.page-what .supportarea .contact__catch .bg {
  font-size: 6vw;
}
.page-what .supportarea .contact #line {
  width: 240px;
  font-size: 14px;
  height: 56px;
}
.page-what .supportarea .c_btn {
  margin-bottom: 24px;
}

/*============================================================
会社概要・沿革
*============================================================*/
.page-overview .history__table dt {
  width: 100%;
  text-align: left;
}
.page-overview .history__table dd {
  padding-left: 0;
}

/*============================================================
設備トラブルサポート
*============================================================*/
.page-support .contact dl {
  padding-bottom: 1rem;
}
.page-support .contact dl dt,
.page-support .contact dl dd {
  width: 100%;
}

/*============================================================
店舗紹介
*============================================================*/
.page-branch .c_heading.forSP {
  width: 100%;
}
.page-branch .heading .parts-boxes {
  flex-direction: column-reverse;
  align-items: center;
}
.page-branch .heading .slider {
  width: 100%;
}
.page-branch .heading .slider img {
  height: auto;
}
.page-branch .heading__contact {
  font-size: 32px;
  justify-content: center;
}

/*============================================================
faq
*============================================================*/
.page-faq .faq__tabs {
  justify-content: space-between;
}
.page-faq .faq__tab {
  width: 48%;
}
.page-faq .faq__tab + .faq__tab {
  margin-left: 0;
}
.page-faq .faq__item-ttl {
  font-size: 14px;
  padding: 13px 40px 16px;
}
.page-faq .faq__item-ttl:before {
  font-size: 20px;
  left: 15px;
}
.page-faq .faq__item-txt {
  padding-right: 40px;
  padding-left: 40px;
}
.page-faq .faq__item:after {
  border-radius: 0 0 4px 4px;
}

/*============================================================
お問い合わせ
*============================================================*/
.page-contact .contact__tabs {
  justify-content: space-between;
}
.page-contact .contact__tab {
  width: 48%;
  font-size: 12px;
}
.page-contact .contact__tab + .contact__tab {
  margin-left: 0;
}
.page-contact .contact__tab input[type=radio] {
  margin-right: 10px;
  font-size: 12px;
}
.page-contact .contact__form .form .name {
  margin-bottom: 0;
  width: 48%;
}
.page-contact .contact__form .form .name__area {
  flex-wrap: nowrap;
}
.page-contact .contact__form .form .name input {
  width: 100%;
}
.page-contact .contact__form .form select {
  width: 100%;
}
.page-contact .contact__form .caution {
  font-size: 10px;
}

/*============================================================
お問い合わせ
*============================================================*/
.page-entry .c_catch {
	font-size: 16px;
}
.page-entry .flow h2 {
	font-size: 24px;
}
.page-entry .cta__tel a {
	pointer-events: auto;
}
.page-entry .contact__form .form .name {
  margin-bottom: 0;
  width: 48%;
}
.page-entry .contact__form .form .name__area {
  flex-wrap: nowrap;
}
.page-entry .contact__form .form .name input {
  width: 100%;
}
.page-entry .contact__form .form select {
  width: 100%;
}
.page-entry .contact__form .caution {
  font-size: 10px;
}

@media screen and (max-width:480px) {
	.page-entry .flow__list {
		flex-direction: column;
		align-items: center;
	}
	.page-entry .flow__item .img:before {
		display: none;
	}
}


/*============================================================
入居者の方へ
*============================================================*/
.page-contract .menu__link {
  width: 31%;
  font-size: 12px;
  background-position: right center;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.page-contract .menu__link:last-of-type {
  line-height: 2;
}

/*============================================================
お知らせ
*============================================================*/
.page-news #pagination {
  flex-direction: column;
}
.page-news #pagination li {
  width: 100%;
}
.page-news #pagination .next a {
  flex-direction: row-reverse;
}
.page-news #pagination .next a .link_ttl {
  margin-left: 0;
  margin-right: 16px;
}

/*# sourceMappingURL=page_sp.css.map */
