@charset "UTF-8";
/*font-family*/
/*color*/
/*font-size*/
/**transition**/
/**見出し**/
/**サブタイトル**/
/**スクロールアニメーション**/
/**hover-border-bottom**/
#news {
  padding-bottom: 92px;
}

.ctg {
  width: 90%;
  margin: 224px auto 0;
  max-width: 1600px;
}
@media screen and (max-width:760px) {
  .ctg {
    margin-top: 94px;
  }
}
.ctg__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
@media screen and (max-width:760px) {
  .ctg__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px 0;
    margin-bottom: 14px;
  }
}
.ctg__list li {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.1em;
}
@media screen and (max-width:760px) {
  .ctg__list li {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ctg__list li:nth-child(even) {
  margin: 0 8%;
}
.ctg__list li a {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ctg__list li a:hover {
  opacity: 0.6;
}
.ctg__list li span {
  width: 17px;
  height: 17px;
  background-color: rgba(68, 3, 10, 0.4901960784);
  display: block;
  border-radius: 100px;
  margin-right: 16px;
}
@media screen and (max-width:760px) {
  .ctg__list li span {
    margin-right: 10px;
  }
}
.ctg__item {
  border-top: 10px solid #f1d8d9;
}
.ctg__item:last-child {
  border-bottom: 10px solid #f1d8d9;
}
.ctg__item__inner {
  display: grid;
  grid-template-columns: 35% 65%;
  padding: 16px 0;
}
@media screen and (max-width:900px) {
  .ctg__item__inner {
    grid-template-columns: 1fr;
  }
}
.ctg__img {
  padding: 45px 40px 45px 0;
}
@media screen and (max-width:900px) {
  .ctg__img {
    padding-right: 0;
  }
}
@media screen and (max-width:760px) {
  .ctg__img {
    padding: 16px 0px 22px 0;
  }
}
.ctg__img a {
	display:block;
	overflow:hidden;
}
.ctg__img a:hover img {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.ctg__img img {
  width: 100%;
  height: 21vw;
  -o-object-fit: cover;
     object-fit: cover;
	transition:transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
@media screen and (max-width:900px) {
  .ctg__img img {
    height: 65vw;
  }
}
.ctg__box {
  padding: 51px 0px 45px 40px;
  border-left: 5px solid #f1d8d9;
}
@media screen and (max-width:900px) {
  .ctg__box {
    border-top: 5px solid #f1d8d9;
    border-left: none;
    padding-left: 0;
  }
}
.ctg__box__top {
	display:flex;
	align-items:baseline;
}
@media screen and (max-width:760px) {
  .ctg__box {
    padding: 36px 0 54px 0;
  }
	.ctg__box__top {
		display:block;
	}
}
.ctg__box a {
	transition:opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
	margin-right:12px;
}
.ctg__box a:hover {
	opacity:.6;
}
.ctg__ctg {
  padding: 6px 16px;
  border-radius: 100px;
  background-color: #f1d8d9;
}
.ctg__ctg p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  display: inline-block;
  letter-spacing: 0.1em;
}
.ctg__title {
  font-size: clamp(1.125rem, 1.08rem + 0.23vw, 1.25rem);
  letter-spacing: 0.2em;
  line-height: 1.6em;
  margin: 24px 0;
}
.ctg__substr {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  line-height: 2em;
}
.ctg__time {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #898989;
	margin:0 35px 0 24px;
}
.ctg__contact__link a {
	display:block;
	letter-spacing:0.1em;
	color:#e63736;
	border:1px solid #e63736;
	padding:6px 16px;
	width:210px;
	text-align:center;
}
.ctg__contact__link a:hover{
	color: #fff;
	background-color: #e63736;
}
.ctg__receipt {
	letter-spacing:0.1em;
	border:1px solid #7a7a7a;
	padding:6px 16px;	
	width:210px;
	text-align:center;
	color:#7a7a7a;
}
.ctg__details {
	display:flex;
	margin-top:24px;
}
.ctg__details__link {
	margin-left:20px;
}
.ctg__details__link a {
	margin:0;
	border-bottom:1px solid #000;
	padding-bottom:2px;
}

/**ページネーション**/
.navigation {
  margin: 192px 0 152px;
}
@media screen and (max-width:760px) {
	.ctg__substr {
		line-height:1.6em;
	}
  .navigation {
    margin: 36px 0 0px;
  }
	.ctg__time {
	margin:18px 0 16px;
	}
	.ctg__details__link {
		margin-left:8px;
	}
}
.navigation .page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.navigation .page-numbers li {
  width: 40px;
  text-align: center;
  margin: 0 18px;
}
@media screen and (max-width:760px) {
  .navigation .page-numbers li {
    margin: 0 8px;
  }
}
.navigation .page-numbers li span.current {
  font-family: "source-han-sans-japanese";
  font-weight: bold;
  color: #d88d94;
  background-color: #fff;
  border: 2px solid #d88d94;
  width: 100%;
  height: 100%;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
  line-height: 50px;
}
@media screen and (max-width:760px) {
  .navigation .page-numbers li span.current {
    font-size: 14px;
    line-height: 32px;
    height: auto;
  }
}
.navigation .page-numbers li span.dots {
  font-family: "source-han-sans-japanese";
  font-weight: bold;
  color: #d88d94;
  background-color: #fff;
  width: 100%;
  height: 100%;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
  line-height: 50px;
}
@media screen and (max-width:760px) {
  .navigation .page-numbers li span.dots {
    height: auto;
    line-height: 32px;
  }
}
.navigation .page-numbers li a {
  font-family: "source-han-sans-japanese";
  font-weight: bold;
  color: #d88d94;
  background-color: #f1d8d9;
  width: 100%;
  height: 100%;
  font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
  line-height: 50px;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  border: 2px solid #f1d8d9;
}
@media screen and (max-width:760px) {
  .navigation .page-numbers li a {
    font-size: 14px;
    height: auto;
    line-height: 32px;
  }
}
.navigation .page-numbers li a:hover {
  opacity: 0.6;
}
.navigation .page-numbers li a.next {
  position: relative;
  background-color: #fff;
  border: none;
}
.navigation .page-numbers li a.next::after {
  content: url(../img/next-icon.svg);
  width: 26px;
  height: auto;
  position: absolute;
  top: 66%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width:760px) {
  .navigation .page-numbers li a.next::after {
    width: 16px;
    top: 4px;
    -webkit-transform: initial;
            transform: initial;
  }
}
.navigation .page-numbers li a.prev {
  position: relative;
  background-color: #fff;
  border: none;
}
.navigation .page-numbers li a.prev::after {
  content: url(../img/prev-icon.svg);
  width: 26px;
  height: auto;
  position: absolute;
  top: 66%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width:760px) {
  .navigation .page-numbers li a.prev::after {
    width: 16px;
    top: 4px;
    -webkit-transform: initial;
            transform: initial;
  }
}
/**カスタム投稿一覧ページ**/
/**施工事例**/
.archive .archive__text {
	font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	letter-spacing:.1em;
	line-height:1.8em;
	margin-top:42px;
}
.archive .concept__scroll {
    position: absolute;
    right: 30px;
	bottom:232px;
    z-index: 5;
}
.archive .concept__scroll img {
    width: 134px;
    height: auto;
    -webkit-animation: spin 20s linear infinite;
    animation: spin 20s linear infinite;
}
.archive__inner {
	margin:224px auto;
	width:90%;
	max-width:1600px;
}
.archive__posts__inner {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 0 16px;
}
.archive__posts .gallery__posts__item {
	margin-bottom:82px;
}
.archive__term__title {
	font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	color:#f1d8d9;
	letter-spacing:0.24em;
	margin-bottom:18px;
}
.archive__term__list {
	display:flex;
	flex-wrap:wrap;
	margin-bottom:112px;
}
.archive__term__list a {
	display:block;
	font-size:13px;
	color:#898989;
	border:1px solid #898989;
	padding:4px 8px;
	margin: 0 14px 14px 0;
	transition:background-color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1), color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.archive__term__list a:hover {
	background-color:#898989;
	color:#fff;
}
.archive__posts .gallery__posts__img {
	position: relative;
   padding: 42px 6px 6px;
   transition: background-color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.archive__posts .gallery__posts__img::before {
	content: "ORDER HOUSING";
    font-family: "Yu Gothic Pr6N B";
    color: #fff;
    position: absolute;
    top: 13px;
    left: 14px;
    letter-spacing: 0.1em;
    opacity: 0;
    visibility: hidden;
}
.archive__posts .gallery__posts__item a:hover .gallery__posts__img::before {
    opacity: 1;
    visibility: visible;
}
.archive__posts .gallery__posts__item a:hover .gallery__posts__img {
    background-color: #d88d94;
}
.archive__posts .gallery__posts__item img {
    width: 100%;
    height: 14vw;
    object-fit: cover;
}
.archive__posts h4 {
	letter-spacing: 0.01em;
    margin: 24px 0;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.archive__posts .gallery__posts__ctg {
    font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
    margin-bottom: 16px;
    color: #898989;
}
.archive__posts .gallery__posts__tag p {
    display: flex;
    flex-wrap: wrap;
}
.archive__posts .gallery__posts__tag p a[rel] {
    color: #898989;
    font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
    border: 1px solid #898989;
    display: block;
    padding: 4px 6px;
    margin: 0 8px 8px 0;
    transition: background-color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1), color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.archive__posts .gallery__posts__tag p a[rel]:hover {
	background-color:#898989;
	color:#fff;
}
/**お客様の声一覧ページ**/
.interview__inner {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0 3%;
}
.interview__list__items {
	margin-bottom:82px;
}
.interview__list__items a {
	transition:opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.interview__list__items a:hover {
	opacity:.5;
}

.interview__list__items h4 {
	margin-bottom:18px;
}
.interview__list__items__img img {
	width:100%;
	height:18vw;
	object-fit:cover;
}
.interview__list__items__name {
	font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	color:#898989;
}
.interview__list__items__btn__box {
	display:flex;
	justify-content:flex-end;
}
.interview__list__items__btn {
	color:#898989;
	font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	margin-top:16px;
	display:flex;
	position:relative;
	width:102px;
	align-items:end;
}
.interview__list__items__btn::after {
	content:"";
	width:100%;
	height:1px;
	background-color:#d88d94;
	position:absolute;
	left:0;
	bottom:-4px;
	transform:scale(0,1);
	transform-origin:left top;
	transition:transform 0.3s ease;
}

.interview__list__items a:hover .interview__list__items__btn::after {
transform: scale(1, 1);  
}
.interview__list__items__btn span {
	display:block;
   border-top: 8px solid transparent;
   border-bottom: 8px solid transparent;
   border-left: 11px solid #898989;
	margin-left:16px;
}
/**ブログ記事一覧ページ**/
.archive__blog .archive__posts__inner {
	gap:0 32px;
}
.blog__posts__item {
	margin-bottom:62px;
}
.blog__posts__img {
	overflow:hidden;
}
.blog__posts__item a {
	transition:opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.blog__posts__item a:hover {
	opacity:0.6;
}
.blog__posts__item a:hover .blog__posts__img img {
	webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blog__posts__item img {
	width:100%;
	height:20vw;
	object-fit:cover;
	transition:transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.blog__posts__time {
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    color: #898989;
    margin: 24px 0 18px;
}
.blog__posts__item h4 {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    letter-spacing: 0.01em;
	margin:0;
}
/**カスタム投稿一覧レスポンシブ**/
/**max-1240px**/
@media screen and (max-width:1240px) {
	.archive .concept__scroll {
		bottom:initial;
	}
}
/**max-1024px**/
@media screen and (max-width:1024px) {
	.archive__posts__inner {
		grid-template-columns:1fr 1fr 1fr;
	}
	.archive__posts .gallery__posts__item img {
		height:18vw;
	}
	.archive__posts .gallery__posts__item {
		margin-bottom:32px;
	}
} 
/**max-760px**/
@media screen and (max-width:760px) {
	.archive__inner {
		margin:86px auto;
		width:95%;
	}
	.archive .concept__scroll img {
		width:112px;
	}
	.archive__term__list {
		margin-bottom:32px;
	}
	.archive__posts__inner {
		grid-template-columns:1fr 1fr;
		gap:12px;
	}
	.archive__posts .gallery__posts__img {
		padding:0;
	}
	.archive__posts .gallery__posts__img::before {
		display:none;
	}
	.archive__posts .gallery__posts__item img {
		height:30vw;
	}
	.archive__posts h4 {
		margin:16px 0 12px;
	}
	.archive__posts .gallery__posts__item {
		margin-bottom:24px;
	}
	.archive__posts .gallery__posts__tag p a[rel] {
		font-size:10px;
		padding:2px 6px;
	}
	.interview__list__items__img img {
		height:30vw;
	}
	.interview__list__items {
		margin-bottom:32px;
	}
	.interview__list__items__btn {
		width:86px;
	}
	.interview__list__items__btn span {
		margin-left:8px;
	}
}



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