@charset "UTF-8";
/* sp ========================================================= */
@media screen and (max-width: 767px) {
body{
	max-width: 100%;
	min-width:100%;
}

/* 共通
 ====================================================*/
.back_gray{
	padding: 0.3rem 5%;
}
.back_gray--02 {
  padding: 0.5rem 5% 0.5rem 0;
}
.ttl--03 {
	margin-bottom: 0.2rem;
	font-size: 0.23rem;
}
.ttl--04 {
  margin-bottom: 0.2rem;
  line-height: 1.5;
}
.btn--small a {
  padding: 0.1rem 0.2rem 0rem;
  border-radius: 0.18rem;
  margin: 0 auto;
}
.btn--link p::after {
  width: 0.15rem;
}
	.flex-w{
		flex-wrap:wrap
	}

/* グローバルメニュー
 ====================================================*/
.sp_g_nav{
	display: flex;
	position: fixed;
	top: 0.2rem;
	right: 0.7rem;
	gap: 0.1rem;
	z-index: 333;
}
.sp_g_nav img{
	height: 0.2rem
}
#header {
  height: 0.6rem;
}
#header.scroll-nav {
  height: 0.6rem;
}
#g-nav .g-nav_wrap {
  width: 100% !important;
}
#g-nav .g-nav_menu {
  flex-flow: column;
}


/* トップページ
 ====================================================*/
.home .works_list {
  flex-flow: column;
}
.home .information_wrap {
  padding: 0.2rem;
  gap: 0.1rem;
  flex-flow: column;
}
.back_light {
  padding: 0.3rem 5%;
}
.home .information_content {
  width: 100%;
}
.home .information_list .information_item {
  display: block;
}
.home .information_list {
  line-height: 2;
}
.home .top_content_list {
  padding: 0.3rem 5%;
  gap: 0.2rem;
  flex-flow: column;
}
.home .top_content_item {
	width: 100%;
	min-width: 100%;
}
.home .top_content_item img.top_content_ph {
  height: auto;
}
.slider_wrap .top_info_kotei {
  width: 80%;
}
.slider_wrap .top_copy {
  left: 0.1rem;
}
.slider_wrap .top_copy img{
  width: 100%
}
/* ページ
 ====================================================*/
.page_wrap {
  margin-top: 1rem;
}
.page_wrap .page_content_head h3 {
  padding-bottom: 0rem;
}
.page_wrap .page_content_head h3 {
  padding-bottom: 0rem;
}
.page_content_2column .page_content_2column_list{
	flex-flow: column;
	gap: 0.3rem;
}
.page_wrap .page_content_wrap {
  margin: 0.1rem auto 0;
}
.page_content_2column .page_content_2column_item {
	width: 100%;
}
.page_content_2column {
	width: 100%;
	margin: 0.4rem auto 0.6rem;
}
.long-term-excellent .long-term_list {
	flex-flow: column;
	gap: 0;
}
.long-term-excellent .long-term_pdf {
  margin-top: 0.2rem;
}
.long-term-excellent .long-term {
  padding: 0.3rem 0.2rem;
  margin: 0.4rem auto;
}
.about .company dl {
  flex-flow: column;
}
.about .company_outher_list {
  margin: 0.3rem auto;
  width: 100%;
  gap: 0.2rem;
  flex-flow: column;
}
.about .company_outher_list li{
	width: 100%;
}
.reason_wrap {
  padding: 0.3rem 0.2rem;
  width: 100%;
  margin: 0.3rem auto 0.7rem;
}
.reason_wrap .reason_list li {
  width: 100%;
}
.reason_wrap .reason_list {
  margin: 0.2rem auto 0;
  width: 100%;
  flex-flow: column;
}
.reason_wrap .reason_list li img {
  margin: 0.2rem auto 0;
  width: 60% !important;
}
.contact_wrap {
  padding: 0 5%;
}
.contact_inner input,
textarea{
  width: 100%;
}
p.check-btn input{
	width: auto;
}
.contact_inner input {
  padding: 0.15rem 0rem;
}

/*-- 施工事例 --*/
.works_detail .works_data {
  flex-flow: column-reverse;
}
.works_detail .works_data .works_data_txt {
  width: 100%;
}
.works_detail .works_data .works_data_img {
  width: 100%;
}
.works_detail .works_data_detail figure:nth-child(2n),
.works_detail .works_data_detail figure{
  flex-flow: column;
}
.works_detail .works_data_detail figure img {
  width: 100%;
}
.works_cate .works_cate_list li {
  width: calc(100% / 3 - 0.1rem);
}
.works_archive_list{
	display: block;
}
.works_archive_list figure{
		width: 100%;
}
.works_archive_select {
  margin-top: 0.2rem;
}
.works_before, .works_after {
  flex-flow: column;
}
/*-- ギャラリー --*/
.ngg-galleryoverview.default-view {
  display: flex !important;
  flex-wrap: wrap !important;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
  width: 50% !important;
}

/* オーナーズクラブ */
.owners-club .owner-content_wrap h3::before {
  width: 150px;
  height: 50px;
}
.owners-club .owner-content_wrap h3 {
  font-size: 0.18rem;
  margin-bottom: 0.5rem;
}
.owners-club .owner-content_wrap h3 span {
  font-size: 0.25rem;
}
.owners-club .amba_wrap h4 {
  margin: 30px auto 15px;
  font-size: 20px;
}
.owners-club .amba-point div {
  gap: 0px;
  flex-flow: column;
}	
.owners-club .amba_wrap{
	width: 100%;
}
.owners-club .amba-sns {
  margin-top: 0px;
  flex-flow: column;
}
.owner-banner p {
  font-size: 23px;
}
.owner-banner {
  width: 90%;
}
.owners-club .amba-point {
  padding: 20px 20px;
}
.owners-club .owner-illu {
  width: 100%;
}
/* スタッフ紹介 */
.modal__inner {
  position: relative;
  overflow-y: scroll;
  height: 100vh;
  padding: 80px 0px 20px;
}
.inner {
  flex-wrap: wrap;
  justify-content: center;
}
.staff_modal{
	width: calc(100% / 2 - 10px);
}
.staff-img{
	width: 100%
}
	.modal__close {
  top: 20px;
  right: auto;
  left: 0;
}
.modal__content .profile-list .profile-item dt {
  margin-right: 10px;
}
/* フッター
 ====================================================*/
.foot_link_banner {
  grid-template-columns: repeat(1, auto) !important;
}

.foot_pagelink_sp{
	background-color: var(--light);
}
.foot_pagelink_sp ul{
	display: flex;
	flex-wrap: wrap;
}
.foot_pagelink_sp li{
	width: calc(100% / 2);
	border: 1px dashed #fff;
}
.foot_pagelink_sp li img{
	width: 90%;
	margin: 0 auto;
	display: block;
}
}