@charset "UTF-8";
/*
Theme Name: プレミアムプラン 建築
Theme URI: https://
Description: sooon株式会社サイトオリジナルテーマ
Author: Arase
Author URI:
Version: 1.0.0

*/
/*
ーカラーの指定方法ー

◎背景色  
color: var(--background-color);

◎メインカラー  
color: var(--main-color);

◎サブカラー  
color: var(--sub-color);

◎フォントカラー  
color: var(--font-color);

◎深色カラー  
color: var(--main2-color);

◎アクセントカラー  
color: var(--accent_color);

◎お知らせカテゴリーカラー  
color: var(--category-color);

*/

@media screen and (max-width: 767px) {
  .u-pc { display: none; }
}
.u-sp { display: none; }
@media screen and (max-width: 767px) {
  .u-sp { display: block; }
}


/* header */
.header::before {
	background-color: var(--accent-color);
}
.header-wrap_top .icon {
	background-color: var(--main-color);
}

/* background: var(--main-color) を使用している箇所のフォントカラー(白)を --font-color に上書き */
/* .header-entry a, */
/* .header .header_logo h1, */
/* .header .header_logo span, */
/* .header-wrap_top a, */
/* #menu-gnav li a, */
/* .header #menu-gnav li a, */
.main_visual-line a p,
.more_btn,
.bottom_contact h2,
.bottom_contact span,
.bottom_contact p,
.bottom_contact .tel a,
.works_category p,
.top-other2 .page_link-item2_wrapper .page_link-item2 .wrap .heading2,
.top-other2 .page_link-item2_wrapper .page_link-item2 .wrap .description,
.archive_content .right .news_list .post_category p,
.archive_content .right .news_content .post_category p,
/* .pagenation .current, */
/* .pagenation a:hover, */
.archive-cont .accordion__title button,
.archive_works_wrapper .works_list .work_box .works_category p,
.article_works .top-section .works_category p,
.article_voice .voice_category p,
.archive_voice_wrapper .voice_box .category_wrap .voice_category p,
.contact_box .wrap .hours,
.form th .check,
.form .btn_wrap .submit input,
.form .privacy_policy_check label a,
.page-company .company2 th,
.page-flow .flow3 li .left,
.page-faq .accordion__content_wrap p,
.page-staff .staff li h3,
.page-architecture .architecture4 .heading4 span,
.page-architecture .architecture4 .heading4 .min,
.page-architecture .architecture4 .description,
.reform1 li p,
.recruit5 h2,
.recruit5 .description, .recruit5 .hour,
.recruit5 .tel, .recruit5 .tel a {
	color: var(--font-color);
}

/* SPメニューボタン */
@media screen and (max-width: 1349.9px) {
	.header .header-wrap {
		background-color: var(--accent-color);
	}
/* 	.HeightMin .hamburger__line,
	.HeightMin .hamburger__line::before,
	.HeightMin .hamburger__line::after,
	.hamburger.active .hamburger__line,
	.hamburger.active .hamburger__line::before,
	.hamburger.active .hamburger__line::after,
	.header #menu-gnav .sub-menu a::before {
		background-color: var(--font-color);
	} */
} 


/* .more_btn span::after の矢印アイコン(白)を --font-color で塗り直す(mask) */
.more_btn span::after,
.form .btn_wrap .submit::after {
	background-image: none;
	background-color: var(--font-color);
	-webkit-mask: url(assets/img/arrow_right_s.svg) center / contain no-repeat;
	mask: url(assets/img/arrow_right_s.svg) center / contain no-repeat;
}
.more_btn.clear {
	border-color: var(--font-color);
}

/* カテゴリカラー */
.news_list .post_category p {
	color: #fff;
}
.archive-cont .accordion__title button::before,
.archive-cont .accordion__title button::after {
	background-color: var(--font-color);
}

/* ページネーション */
.pagenation .current,
.pagenation a:hover,
.page_link .more_btn,
.page_link .page_link-next:hover,
.page_link .page_link-prev:hover {
	background-color: var(--accent-color);
}
.page_link .more_btn {
	color: #fff;
}
.pagenation .current,
.pagenation a,
.page_link .page_link-next a,
.page_link .page_link-prev a {
	border-color: var(--accent-color);
}
.pagenation svg path,
.page_link .page_link-next a svg path,
.page_link .page_link-prev a svg path {
	fill: var(--accent-color);
}

/* 背景を透過 */
.bottom_contact,
.page-faq .accordion__content_wrap {
	background: color-mix(in srgb, var(--main-color) 80%, transparent);
}


/* 会社概要 */
.page-company .top-section .heading4 {
	margin-inline: 0;
}

/* スタッフ */
.page-staff .greeting .top_lead {
	min-width: 362px;
}

/* FAQ */
.page-faq .anchor a br {
  display: none;
}