@charset "UTF-8";
/* トップ
 ====================================================*/
.vegas-wrapper {
  width: 100% !important;
  height: 80vh !important;
}	
#slider-wrap{
	position: relative;
	top: 0px;
	height: 100vh
}
#slider{
	width: 100%;
	  height: 100vh !important;
}
#slider-wrap .top_copy{
	position: absolute;
	top: 50%;
  	transform: translateY(-50%);
	left: 10%;
	z-index: 1;
	text-shadow: 0px 0px 30px #666;
	color: #fff;
	font-size: 52px;
}
#slider-wrap .top_illust{
	_display: none;
	position: absolute;
	right: 0px;
	bottom: 0;
	z-index: 1;
	width: 60%;
}

.YouTube {
	width: min(700px, 90%);
  	margin: 90px auto;
	aspect-ratio: 16 / 9;
}
.YouTube iframe {
  	width: 100%;
	height: 100%;
}
/* 施工事例 */
.top_works{
	background-color: var(--gray);
	padding: 90px 5%;
}
.top_works .ttl--01{
	text-align: center;
	line-height: 1;
  	font-size: 40px;
}
.top_works .ttl--01_sub{
	text-align: center;
	font-size: 14px;
}
.top_works .btn--01{
	text-align: center;
	margin-block: 20px;
}

/* 横に無限スクロール
 ====================================================*/
 @keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}
.scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
	margin: 60px calc(50% - 50vw) 0;
	width: 100vw;
}

.scroll-infinity__list {
    display: flex;
    padding: 0
}
.scroll-infinity__list li{
  width: 360px;
  padding-right: 20px;
      list-style: none;

}
.scroll-infinity__list li img{
  width: 100%;
}
.scroll-infinity__list--left {
    animation: infinity-scroll-left 40s infinite linear 0.5s both;
}

/*540px以下*/
@media only screen and (max-width: 540px) {
.scroll-infinity__list li{
  width: 230px;
  padding-right: 20px;
      list-style: none;
}
}
/* top リンク */
.top_link {
  	display: flex;
  	gap: 20px;
	justify-content: center;
  	padding-inline: 5%;
	margin-block: 90px;
}
.top_link_card{
	display: flex;
	gap: 10px;
	justify-content: center;
	border: 1px solid var(--dark);
	height: 320px;
}
.top_link_card div{
	padding: 30px;
}
.top_link_card p{
	text-align: center;
	line-height: 1.5;
}
.top_link_card .ttl--01{
	font-size: 24px;
}
.top_link_card .ttl--01_sub{
	font-size: 14px;
}
.top_link_card .btn--01{
	margin-block: 80px 20px;
}

/* 住宅購入補助金制度
 ====================================================*/
.subsidy_fp-link{
	width: 70%;
	margin-inline: auto;
}
.subsidy_fp-link a{
	border: 2px solid var(--green);
	border-radius: 0px;
	padding: 20px 30px;
	display: block;
}

/* 会社概要
 ====================================================*/
.about_profile{
	width: min(800px, 100%);
	margin: 60px auto 0;
}
.about_profile dl dt{
	font-weight: bold;
  	font-size: 20px;
  	color: var(--green);
  	text-align: center;
  	margin-block: 30px 10px;
}
.about_profile dl dd{
	margin-left: 1em;
}
.about_profile figure{
	width: 60%;
	margin: 30px auto 5px
}
.about_table{
	margin: 30px auto;
	border-top: 1px solid var(--green);
	border-right: 1px solid var(--green);
	border-bottom: 1px solid var(--green);
}
.about_table th, .about_table td{ padding-block: 10px;}
.about_table th{
	text-align :center;
	border-bottom: 1px solid var(--wh);
	background-color: var(--green);
	padding-inline: 20px;
	color: #fff;
	font-weight: normal;
}
.about_table td{
	padding-inline: 20px 200px;
	border-bottom: 1px solid var(--green);
}
.map iframe{
	width: 100%;
}

/* 進学支援制度
 ====================================================*/
.support_wrap{
	background-color: #fff;
	border-radius: 20px;
	padding: 30px 5%;
}
.support_ttl--01{
	font-size: clamp(20px, 0.818rem + 0.91vw, 28px);
	font-weight: bold;
}
.support_ttl--01 span{
	color: #e9778f;
}
.support_img{
	display: flex;
	margin-block: 30px;
	gap: 20px;
}

/* 施工事例
 ====================================================*/
.works_list{
	display: flex;
	width: 100%;
	justify-content: space-around;
	flex-wrap: wrap;
	gap: 80px 0;
	padding-inline: 5%;
}
.works_list li{
	width: calc(100% / 3 - 30px);
	  height: 100%;
}
.works_list img{
	width: 100%;
	  height: 100%;
}

#page_works {
  padding-block: 100px;
}
.post_slide{
	width: min(700px, 90%);
	margin: 30px auto;
}
.post_slide .ttl{
	font-size: 20px;
	text-align: center;
	margin-bottom: 10px;
}
.post_slide img{
	border-radius: 20px;
}

/* sp トップ
 ====================================================*/
@media screen and (max-width: 767px) {
.top_link {
  flex-flow: column;
}
.top_link_card div {
  	padding: 10px 0 0;
	margin-inline: auto;
}
.top_link_card {
  	height: 200px;
	justify-content: space-between;
}
#slider-wrap .top_illust {
  width: 100%;
}
#slider-wrap .top_copy {
  top: 200px;
  font-size: 34px;
  line-height: 1.5;
}
.top_link_card .btn--01 {
  margin-block: 20px 20px;
}
.top_link_card p {
  font-size: 11px;
}
.top_link_card .ttl--01 {
  font-size: 20px;
}

/* sp 施工事例
 ====================================================*/
.works_list {
  flex-flow: column;
}
.works_list li {
  width: 100%;
}

/* sp 住宅購入補助金制度
 ====================================================*/
.subsidy_fp-link{
	width: 100%;
	margin-inline: auto;
}

/* sp 会社概要
 ====================================================*/
.about_profile dl dd {
  margin-left: 0;
}
.about_profile figure {
  width: 100%;
}
about_profile figure {
  width: 100%;
}
.about_table th {
  white-space: nowrap;
}
.about_table td {
  padding-inline: 10px 10px;
}
}/*// media */