@charset "utf-8";

/* ================================================ */
/* effect
------------------------------------------------------ */
.effbox,.effbox-right,.effbox-left{
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: 1s;
}
.effbox.on,.effbox-right.on,.effbox-left.on{
	opacity: 1;
	visibility: visible;
}
.effbox-right{
	right: -10rem;
}
.effbox-right.on{
	right: 0;
}
.effbox-left{
	left: -10rem;
}
.effbox-left.on{
	left: 0;
}
/* ================================================ */
/* main_wrap
------------------------------------------------------ */
.main_wrap{
	position: relative;
	width: 100%;
}
/* テキスト
--------------------------- */
.main_wrap-txt{
	position: absolute;
	z-index: 1;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 72.22222222222222%;
	left: 13.88888888888889%;
}
.main_wrap-txt h1{
	line-height: 1.7;
	letter-spacing: 0.08em;
	margin-bottom: 0;
}
@media screen and (max-width: 767px){
	.main_wrap-txt h1{
		font-size: 2rem;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.main_wrap-txt h1{
		font-size: 3.2rem;
	}
}
@media screen and (max-width: 1199px){
	.fv-icon{
		max-width: 18.2rem;
		margin-bottom: 3rem;
	}
}
@media screen and (min-width: 1200px){
	.fv-icon{
		max-width: 25rem;
		margin-bottom: 3rem;
	}
	.main_wrap-txt h1{
		font-size: 3.6rem;
	}
}

/* FVスライド
--------------------------- */
.fv-swiper-item{
	width: 100%;
	min-width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
[class*=swiper]:focus {
	outline: none;
}
.fsi-img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#fv-swiper.swiper-fade .swiper-slide {
    -webkit-transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
}
@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoom {
  0% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.swiper-slide-active .fsi-img,.swiper-slide-duplicate-active .fsi-img,.swiper-slide-prev .fsi-img {
  animation: zoom 7s linear 0s normal both;
}
@media screen and (max-width: 991px){
	.fsi-img01{
		background-image: url("../images/fv03-sp.webp?20250530");
	}
	.fsi-img02{
		background-image: url("../images/fv02-sp.webp?2025");
	}
	.fsi-img03{
		background-image: url("../images/fv01-sp.webp?2025");
	}
}
@media screen and (min-width: 992px){
	.fsi-img01{
		background-image: url("../images/fv03.webp?20250530");
	}
	.fsi-img02{
		background-image: url("../images/fv02.webp?202505");
	}
	.fsi-img03{
		background-image: url("../images/fv01.webp?202505");
	}
}
@media screen and (max-width: 1199px){
	.fv-swiper-item{
		min-height: 48rem;
	}
}
@media screen and (min-width: 1200px){
	.fv-swiper-item{
		min-height: 72rem;
	}
}
/*Pagination containers*/
.fv-swiper-pagenation-wrap{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 9;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 575px){
	.fv-swiper-pagenation-wrap{
		width: 18rem;
		height: 5.6rem;
		padding-right: 5.6rem;
		padding-left: 5.6rem;
	}
}
@media screen and (min-width: 576px){
	.fv-swiper-pagenation-wrap{
		width: 28rem;
		height: 8rem;
		padding-right: 7rem;
		padding-left: 7rem;
	}
}
/*num*/
.fv-swiper-pagenation-num{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 575px){
	.fv-swiper-pagenation-num{
		width: 65.55555555555556%;
		left: 17.22222222222222%;
	}
}
@media screen and (min-width: 576px){
	.fv-swiper-pagenation-num{
		width: 72.14285714285714%;
		left: 13.92857142857143%;
	}
}
/*line*/
#fv-swiper-nav{
	width: 100%;
}
.fv-swiper-nav-item {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #5f7184;
  position: relative;
}
.fv-swiper-nav-ani {
  height: 100%;
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0; /* 初期状態で幅を0に */
  transition: width 0.4s; /* 幅の変化にアニメーションを追加 */
}
.swiper-slide-thumb-active .fv-swiper-nav-ani {
  -webkit-animation: fvBulletAni 6s linear 0s normal;
          animation: fvBulletAni 6s linear 0s normal; /* ここでanimation-durationを設定 */
}
@-webkit-keyframes fvBulletAni {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes fvBulletAni {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* ================================================ */
/* NEWS お知らせ
------------------------------------------------------ */
.top-news-wrap .common-news-item{
	max-width: 60rem;
	margin-right: auto;
	margin-left: auto;
}
.top-news-wrap .common-news-item-date-wrap{
	display: flex;
	align-items: center;
	width: 18rem;
}
@media screen and (max-width: 1199px){
	.top-news-wrap .common-news-item-date-wrap .top-bfont{
		margin-right: 2.2rem;
	}
}
@media screen and (min-width: 1200px){
	.top-news-wrap .common-news-item-date-wrap .top-bfont{
		margin-right: 4rem;
	}
}

/* ================================================ */
/* CONCEPT コンセプト
------------------------------------------------------ */
.top-concept-inner-img{
	overflow: hidden;
}
.top-concept-inner-img img{
	-webkit-transform: scale(1.2);
	        transform: scale(1.2);
	transition: 1.6s;
}
.on .top-concept-inner-img img{
	-webkit-transform: scale(1);
	        transform: scale(1);
}
.top-concept-inner-txt-main .top-common-18-14-txt{
	margin-bottom: 3.2rem;
}
.top-concept-inner-txt-e{
	line-height: 1;
	letter-spacing: 0.09em;
}
@media screen and (max-width: 767px){
	.top-concept-inner .top-common-e-min-ttl-wrap{
		margin-bottom: 3.2rem;
	}
	.top-concept-inner .top-common-e-min-ttl-wrap,.top-concept-inner-txt-main .top-common-18-14-txt,.top-concept-inner-txt-e{
		padding-left: 5.9375%;
	}
}
@media screen and (min-width: 768px){
	.top-concept-inner{
		display: flex;
	}
	.top-concept-inner .top-common-e-min-ttl-wrap{
		width: 46%;
	}
	.top-concept-inner-txt-main{
		width: 54%;
	}
}
@media screen and (max-width: 1199px){
	.main_wrap+.top-concept-wrap{
		padding-top: 7rem;
	}
	.top-concept-wrap{
		padding-bottom: 8rem;
	}
	/*img*/
	.top-concept-inner-img{
		margin-bottom: 4.4rem;
	}
	/*main*/
	.top-concept-inner-txt-main{
		padding-top: 3rem;
	}
	.top-concept-inner-txt-e{
		font-size: 1.2rem;
		margin-bottom: 6.4rem;
	}
}
@media screen and (min-width: 1200px){
	.main_wrap+.top-concept-wrap{
		padding-top: 14rem;
	}
	.top-concept-wrap{
		padding-bottom: 18rem;
	}
	/*img*/
	.top-concept-inner-img{
		margin-bottom: 9.6rem;
	}
	/*main*/
	.top-concept-inner-txt-main{
		padding-top: 5rem;
	}
	.top-concept-inner-txt-e{
		margin-bottom: 8rem;
		font-size: 1.4rem;
	}
}

/* ================================================ */
/* EVENT イベント情報
------------------------------------------------------ */
@media screen and (max-width: 767px){
	.top-event-wrap{
		margin-bottom: 7.2rem;
	}
}
@media screen and (min-width: 992px){
	.top-event-inner{
		display: flex;
	}
}
@media screen and (max-width: 1199px){
	.top-event-wrap{
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
}
@media screen and (min-width: 1200px){
	.top-event-wrap{
		padding-top: 18rem;
		padding-bottom: 22rem;
	}
}
/*ttl*/
.top-event-ttl-inner{
	padding-bottom: 4.8rem;
}
.top-event-btn-sp{
	padding-top: 6.4rem;
}
@media screen and (max-width: 991px){
	.top-event-btn-pc{
		padding-bottom: 5.6rem;
	}
}
@media screen and (min-width: 992px){
	.top-event-ttl-wrap{
		width: 40%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding-right: 9.230769230769231%;
	}
	.top-event-wrap .top-event-btn-sp{
		width: 60%;
		margin-left: auto;
	}
}
@media screen and (max-width: 1199px){
	.top-event-ttl-wrap .top-bfont{
		margin-bottom: 4rem;
	}
}
@media screen and (min-width: 1200px){
	.top-event-ttl-wrap .top-bfont{
		margin-bottom: 5.6rem;
	}
}
/*swiper wrap*/
@media screen and (min-width: 992px){
	.top-event-swiper-wrap{
		width: 60%;
	}
}
@media screen and (min-width:992px) and (max-width:1199px){
	.top-event-swiper-wrap{
		padding-top: 2.4rem;
	}
}
@media screen and (min-width: 1200px){
	.top-event-swiper-wrap{
		padding-top: 4rem;
	}
}
/*swiper 枚数が足りないとき*/
@media screen and (min-width: 576px){
	.top-event-swiper:not(.swiper-initialized) .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		width: auto;
	}
	.top-event-swiper:not(.swiper-initialized) .swiper-slide{
		width: calc(100% / 2);
	}
}
@media screen and (min-width:576px) and (max-width:1199px){
	.top-event-swiper:not(.swiper-initialized) .swiper-wrapper {
		margin-right: -1rem;
		margin-left: -1rem;
	}
	.top-event-swiper:not(.swiper-initialized) .swiper-slide{
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media screen and (min-width: 1200px){
	.top-event-swiper:not(.swiper-initialized) .swiper-wrapper {
		margin-right: -2.9rem;
		margin-left: -2.9rem;
	}
	.top-event-swiper:not(.swiper-initialized) .swiper-slide{
		padding-right: 2.9rem;
		padding-left: 2.9rem;
	}
}

/* ================================================ */
/* LINE UP ラインナップ
------------------------------------------------------ */
.top-lineup-wrap{
	z-index: 1;
}
@media screen and (max-width: 767px){
	.top-lineup-wrap{
		padding-bottom: 8rem;
	}
	.top-lineup-img-pc{
		display: none;
	}
}
@media screen and (min-width: 768px){
	.top-lineup-img-pc{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		width: 44.44444444444444%;
		background-image: url("../images/top-lineup-img-pc.webp");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		overflow: hidden;
	}
	.top-lineup-img-pc img{
		-o-object-fit: cover;
		   object-fit: cover;
		-webkit-transform: scale(1.2);
				transform: scale(1.2);
		transition: 1.6s;
		height: 100%;
	}
	.on .top-lineup-img-pc img{
		-webkit-transform: scale(1);
				transform: scale(1);
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.top-lineup-wrap{
		padding-top: 7.2rem;
		padding-bottom: 16rem;
	}
	.top-lineup-img-pc{
		height: calc(100% - 8rem);
	}
}
@media screen and (max-width: 1199px){
	.top-lineup-wrap .top-bfont{
		margin-bottom: 8.8rem;
	}
}
@media screen and (min-width: 1200px){
	.top-lineup-wrap{
		padding-top: 17rem;
		padding-bottom: 28rem;
	}
	.top-lineup-img-pc{
		height: calc(100% - 22rem);
	}
	.top-lineup-wrap .top-bfont{
		margin-bottom: 13rem;
	}
}
/*inner*/
@media screen and (max-width: 767px){
	.top-lineup-inner{
		text-align: center;
	}
	.top-lineup-inner-main{
		padding-bottom: 6.4rem;
	}
	.top-lineup-logo,.top-lineup-house{
		margin-right: auto;
		margin-left: auto;
	}
	.top-lineup-house{
		width: 75%;
	}
}
@media screen and (min-width: 768px){
	.top-lineup-inner{
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
	.top-lineup-inner-main{
		width: 64.93506493506494%;
		max-width: 64rem;
		padding-right: 8.8rem;
	}
	.top-lineup-house{
		max-width: 26rem;
		margin-left: 2.8rem;
	}
	.top-lineup-inner-btn{
		width: 35.06493506493506%;
	}
}
@media screen and (max-width: 1199px){
	.top-lineup-logo{
		margin-bottom: 5.6rem;
		max-width: 24rem;
	}
	.top-lineup-house{
		margin-bottom: 4.8rem;
	}
	.top-lineup-inner-main .top-common-min-ttl{
		margin-bottom: 2.4rem;
	}
}
@media screen and (min-width: 1200px){
	.top-lineup-logo{
		margin-bottom: 10rem;
		max-width: 42rem;
	}
	.top-lineup-house{
		margin-bottom: 8rem;
	}
	.top-lineup-inner-main .top-common-min-ttl{
		margin-bottom: 3.2rem;
	}
}

/* ================================================ */
/* GALLERY 施工事例
------------------------------------------------------ */
.top-gallery-wrap{
	margin-left: auto;
}
@media screen and (min-width: 992px){
	.top-gallery-wrap{
		display: flex;
	}
}
@media screen and (max-width: 1199px){
	.top-gallery-wrap{
		padding-top: 8rem;
		width: 91.02564102564103%;
	}
}
@media screen and (min-width: 1200px){
	.top-gallery-wrap{
		padding-top: 18rem;
		width: 92.77777777777778%;
	}
}
/*ttl*/
.top-gallery-ttl-arrow-wrap{
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 575px){
	.top-gallery-caption-main .efont-Inter{
		line-height: 1.5;
	}
}
@media screen and (max-width: 767px){
	.top-gallery-caption-main{
		margin-bottom: 3.2rem;
	}
}
@media screen and (min-width: 768px){
	.top-gallery-caption-wrap{
		display: flex;
		justify-content: space-between;
	}
	.top-gallery-btn{
		width: 20rem;
	}
}
@media screen and (max-width: 991px){
	.top-gallery-ttl-arrow-wrap{
		margin-bottom: 4rem;
		width: 90.14084507042254%;
	}
	.top-gallery-ttl-arrow-wrap .top-bfont{
		padding-bottom: 0.8rem;
	}
}
@media screen and (min-width: 992px){
	.top-gallery-ttl-arrow-wrap{
		width: 26.9rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}
/*arrow*/
.top-gallery-arrow-wrap{
	display: flex;
	justify-content: space-between;
}
.common-arrow{
	display: flex!important;
	align-items: center;
	justify-content: center;
	border: 1px #001e3c solid;
	background-color: #001e3c;
	transition: .3s;
}
.common-arrow:hover{
	background-color: #fefef9;
}
.common-arrow svg{
	width: 1rem;
	height: auto;
}
.top-gallery-swiper-button-prev.common-arrow svg{
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
.common-arrow svg .bt_more-arrow{
	fill: none;
	stroke-miterlimit: 10;
	stroke-width: 3px;
	transition: .3s;
	stroke: #fefef9;
}
.common-arrow:hover svg .bt_more-arrow{
	stroke: #001e3c;
}
@media screen and (max-width: 1199px){
	.top-gallery-arrow-wrap{
		width: 11.2rem;
	}
	.common-arrow{
		width: 5.2rem;
		height: 5.2rem;
	}
}
@media screen and (min-width: 1200px){
	.top-gallery-arrow-wrap{
		width: 14.6rem;
	}
	.common-arrow{
		width: 6.8rem;
		height: 6.8rem;
	}
}
/*swiper*/
.top-gallery-swiper .swiper-slide{
	height: auto;
}
.top-gallery-swiper-wrap .bt_more{
	max-width: 54rem;
}
.top-gallery-swiper.swiper-initialized .swiper-slide {
	display: flex;
	padding-left: 1px;
}
@media screen and (min-width: 992px){
	.top-gallery-swiper-wrap{
		width: calc(100% - 26.9rem);
	}
}
@media screen and (max-width: 1199px){
	.top-gallery-swiper{
		padding-bottom: 7rem;
	}
	.top-gallery-swiper-wrap .bt_more{
		width: 90.14084507042254%;
	}
}
@media screen and (min-width: 1200px){
	.top-gallery-swiper{
		padding-bottom: 10rem;
	}
	.top-gallery-swiper-wrap .bt_more{
		width: 92.77777777777778%;
	}
}
/*swiper 枚数が足りないとき*/
.top-gallery-swiper:not(.swiper-initialized) {
	padding-bottom: 0;
}
@media screen and (max-width: 575px){
	.top-gallery-swiper:not(.swiper-initialized) .common-item-gallery{
		width: 100%;
	}
}
@media screen and (min-width: 576px){
	.top-gallery-swiper:not(.swiper-initialized) .swiper-wrapper {
		display: flex;
		flex-wrap: wrap;
		width: auto;
	}
	.top-gallery-swiper:not(.swiper-initialized) .swiper-slide{
		width: calc(100% / 2);
	}
}
@media screen and (min-width:576px) and (max-width:1199px){
	.top-gallery-swiper:not(.swiper-initialized) .swiper-wrapper {
		margin-right: -1rem;
		margin-left: -1rem;
	}
	.top-gallery-swiper:not(.swiper-initialized) .swiper-slide{
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media screen and (max-width: 1199px){
	.top-gallery-swiper:not(.swiper-initialized){
		padding-right: 8.974358974358975%;
	}
	.top-gallery-swiper:not(.swiper-initialized) .swiper-slide{
		margin-bottom: 4.8rem;
	}
}
@media screen and (min-width: 1200px){
	.top-gallery-swiper:not(.swiper-initialized){
		padding-right: 7.784431137724551%;
	}
	.top-gallery-swiper:not(.swiper-initialized) .swiper-wrapper {
		margin-right: -3rem;
		margin-left: -3rem;
	}
	.top-gallery-swiper:not(.swiper-initialized) .swiper-slide{
		padding-right: 3rem;
		padding-left: 3rem;
		margin-bottom: 10rem;
	}
}

/* ================================================ */
/* 各リンク
------------------------------------------------------ */
@media screen and (max-width: 1199px){
	.top-about-wrap{
		padding-top: 10rem;
		padding-bottom: 10rem;
	}
}
@media screen and (min-width: 1200px){
	.top-about-wrap{
		padding-top: 20rem;
		padding-bottom: 20rem;
	}
}
/*row*/
.top-about-col a{
	display: flex;
	position: relative;
	border-bottom: 1px rgba(95,113,132,0.25) solid;
	height: 100%;
	padding-left: 5.945945945945946%;
	align-items: center;
	z-index: 1;
}
.top-about-col a:hover{
	color: #001e3c;
}
.top-about-col a::before{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #F8F8EE;
	z-index: -1;
	-webkit-transform: scale(0,1);
	        transform: scale(0,1);
	-webkit-transform-origin: right top;
	        transform-origin: right top;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
}
.top-about-col a:hover::before{
	-webkit-transform: scale(1,1);
	        transform: scale(1,1);
	-webkit-transform-origin: left top;
	        transform-origin: left top;
}
.top-about-col:first-of-type a{
	border-top: 1px rgba(95,113,132,0.25) solid;
}
.top-about-col a .top-bfont{
	margin-bottom: 0;
}
.top-about-col-arrow{
	flex: 1;
}
.top-about-col-arrow .common-arrow-square{
	margin-left: auto;
}
@media screen and (min-width: 576px){
	.top-about-row{
		display: flex;
		flex-wrap: wrap;
	}
	.top-about-col{
		width: 50%;
	}
	.top-about-col:nth-of-type(2) a{
		border-top: 1px rgba(95,113,132,0.25) solid;
	}
}
@media screen and (min-width:576px) and (max-width:1199px){
	.top-about-row{
		margin-right: -1rem;
		margin-left: -1rem;
	}
	.top-about-col{
		padding-right: 1rem;
		padding-left: 1rem;
	}
}
@media screen and (max-width: 1199px){
	.top-about-col-ttl .efont{
		line-height: 1;
	}
	.top-about-col a{
		padding-top: 2.4rem;
		padding-bottom: 2.4rem;
	}
	.top-about-col a .top-bfont{
		width: 40.625%;
		max-width: 11.2rem;
	}
	.top-about-col a .mb-0{
		width: 12.8rem;
		max-width: 50%;
	}
	.top-about-col-pc{
		display: none;
	}
}
@media screen and (min-width: 1200px){
	.top-about-row{
		margin-right: -3rem;
		margin-left: -3rem;
	}
	.top-about-col{
		padding-right: 3rem;
		padding-left: 3rem;
	}
	.top-about-col a{
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.top-about-col a .top-bfont{
		width: 21.08108108108108%;
	}
	.top-about-col a .mb-0{
		width: 40rem;
		max-width: 64.86486486486486%;
	}
	.top-about-col-sp{
		display: none;
	}
}

/* ================================================ */
/* 性能
------------------------------------------------------ */
.top-quality-wrap{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.top-quality-inner{
	background-color: rgba(255,255,255,0.95);
}
.top-quality-inner-main{
	width: 87.5%;
	max-width: 62rem;
	margin-right: auto;
	margin-left: auto;
}
.top-quality-inner-main .bt_more{
	max-width: 39.6rem;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (max-width: 767px){
	.top-quality-wrap .container-single-small{
		width: 85%;
	}
}
@media screen and (max-width: 991px){
	.top-quality-wrap{
		background-image: url("../images/top-quality-wrap-sp.webp?2025");
	}
}
@media screen and (min-width: 992px){
	.top-quality-wrap{
		background-image: url("../images/top-quality-wrap-pc.webp?2025");
	}
}
@media screen and (max-width: 1199px){
	.top-quality-wrap{
		padding-top: 10rem;
		padding-bottom: 10rem;
		margin-bottom: 7.2rem;
	}
	.top-quality-inner{
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
	.top-quality-inner .top-common-e-min-ttl-wrap{
		margin-bottom: 2.4rem;
	}
	.top-quality-inner .top-common-18-14-txt{
		margin-bottom: 5.6rem;
		width: 90.71428571428571%;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 1200px){
	.top-quality-wrap{
		padding-top: 17rem;
		padding-bottom: 17rem;
		margin-bottom: 18rem;
	}
	.top-quality-inner{
		padding-top: 9.6rem;
		padding-bottom: 10rem;
	}
	.top-quality-inner .top-common-e-min-ttl-wrap{
		margin-bottom: 3.2rem;
	}
	.top-quality-inner .top-common-18-14-txt{
		margin-bottom: 7.2rem;
	}
}

/* ================================================ */
/* 無料相談
------------------------------------------------------ */
@media screen and (max-width: 991px){
	.top-consultation-txt{
		margin-bottom: 4.8rem;
	}
}
@media screen and (min-width: 992px){
	.top-consultation-inner{
		display: flex;
		align-items: center;
	}
	.top-consultation-txt{
		order: 2;
		width: 43.07692307692308%;
	}
	.top-consultation-img{
		order: 1;
		width: 56.92307692307692%;
	}
}
@media screen and (min-width:992px) and (max-width:1599px){
	.top-consultation-txt{
		padding-left: 7%;
	}
}
@media screen and (max-width: 1199px){
	.top-consultation-wrap{
		margin-bottom: 9.6rem;
	}
	.top-consultation-txt .top-bfont{
		margin-bottom: 3.2rem;
	}
	.top-consultation-pc-btn,.top-consultation-sp-btn{
		padding-top: 6.4rem;
	}
}
@media screen and (min-width: 1200px){
	.top-consultation-wrap{
		margin-bottom: 20.8rem;
	}
	.top-consultation-txt .top-bfont{
		margin-bottom: 5.6rem;
	}
	.top-consultation-pc-btn,.top-consultation-sp-btn{
		padding-top: 8rem;
	}
}
@media screen and (min-width: 1600px){
	.top-consultation-txt{
		padding-left: 12.69230769230769%;
	}
}

/* ================================================ */
/* STAFF BLOG
------------------------------------------------------ */
@media screen and (max-width: 575px){
	.common-blog-item:last-of-type{
		border-bottom: none;
	}
}
@media screen and (max-width: 992px){
	.top-blog-inner-main{
		margin-bottom: 4.8rem;
	}
}
@media screen and (min-width: 992px){
	.top-blog-inner{
		display: flex;
		align-items: flex-end;
	}
	.top-blog-inner-main{
		width: 61.53846153846154%;
		order: 2;
	}
	.top-blog-inner-btn{
		width: 38.46153846153846%;
		padding-right: 8%;
		order: 1;
	}
}
@media screen and (max-width: 1199px){
	.top-blog-wrap{
		margin-bottom: 10rem;
	}
	.top-blog-inner{
		padding-top: 1.4rem;
	}
}
@media screen and (min-width: 1200px){
	.top-blog-wrap{
		margin-bottom: 26rem;
	}
}

/* ================================================ */
/* Instagram
------------------------------------------------------ */
@media screen and (max-width: 767px){
	.top-Instagram-wrap .container-large-small{
		width: 85%;
	}
	.top-Instagram-inner .top-common-e-min-ttl-wrap{
		text-align: center;
		margin-bottom: 3.2rem;
	}
}
@media screen and (min-width: 768px){
	.top-Instagram-inner{
		display: flex;
	}
	.top-Instagram-inner-main{
		padding-left: 10.76923076923077%;
	}
	.top-Instagram-inner-main .bt_more{
		max-width: 39.6rem;
	}
}
@media screen and (min-width:768px) and (max-width:1199px){
	.top-Instagram-inner-main{
		width: calc(100% - 5.6rem);
	}
}
@media screen and (max-width: 1199px){
	.top-Instagram-wrap{
		padding-bottom: 10rem;
	}
	.top-Instagram-inner{
		width: 87.5%;
		padding-top: 7.2rem;
		padding-bottom: 8rem;
	}
	.top-Instagram-inner-main .bt_more{
		padding-top: 5.6rem;
	}
}
@media screen and (min-width: 1200px){
	.top-Instagram-wrap{
		padding-bottom: 20rem;
	}
	.top-Instagram-inner{
		width: 84.41558441558442%;
		padding-top: 16rem;
		padding-bottom: 16rem;
	}
	.top-Instagram-inner-main{
		width: calc(100% - 8rem);
	}
	.top-Instagram-inner-main .bt_more{
		padding-top: 7.7rem;
	}
}

/* ================================================ */
/* Instagram slide
------------------------------------------------------ */
.top-Instagram-wrap #sb_instagram #sbi_images{
	padding-top: 0;
	padding-bottom: 0;
}
@media screen and (min-width: 768px){
	.top-Instagram-wrap #sbi_images{
		display: flex!important;
	}
	.top-Instagram-wrap .swiper-wrapper {
	  transition-timing-function: linear;
	}
	.top-Instagram-wrap .sbi_item,.top-Instagram-wrap #sb_instagram .sbi_photo,.top-Instagram-wrap #sb_instagram .sbi_photo img{
		aspect-ratio: 1 / 1;
	}
	.top-Instagram-wrap #sb_instagram .sbi_photo{
		height: initial!important;
	}
}
@media screen and (max-width: 1199px){
	.top-Instagram-wrap #sbi_images{
		margin-right: -2px;
		margin-left: -2px;
	}
	.top-Instagram-wrap #sb_instagram .sbi_photo{
		padding: 4px 2px;
	}
}
@media screen and (min-width: 1200px){
	.top-Instagram-wrap #sbi_images{
		margin-right: -3px;
		margin-left: -3px;
	}
	.top-Instagram-wrap #sb_instagram .sbi_photo{
		padding: 3px;
	}
}