@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

:root {
	--animate-duration: 1s;
	--animate-delay: 0s;
	--animate-repeat: 1;
}

html {
	overflow-x: hidden
}
@font-face {
    font-family: "Trajan Regular";
    src: url("../font/TrajanPro-Regular.ttf");
}
#hiraya{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

@keyframes slideinRight {
	0% {
		transform: translateX(50px);
	}

	50% {
		transform: translateX(50px);
	}

	100% {
		transform: translateX(0);
	}
}
  
  #hiraya img{height: auto;}
.container-1080{max-width: 1080px;margin: 0 auto;width: calc(100% - 40px);}
.kv{position: relative;}
.kv .icon-mv{position: absolute;}
.kv .icon-smoke{width: 10.520833%;top: 5.7%;left: 41.5%;}
.kv .icon-cat{width: 5.3776435%;bottom: 7.7%;left: 53.5%;}
.kv .mv-txt{position: absolute;width: 22.96072%;right: 15.105740%;top: 11%;}
.txt-en{font-family: "Trajan Regular" , serif;}

/*  */
.intro-txt{margin: 60px auto;max-width: 1080px;padding: 0 20px;text-align: center;font-size: 20px;line-height: 1.8;}
.intro{background: #f2f2f2;padding: 80px 0 120px;position: relative;}
.intro .container-1080{position: relative;z-index: 2;}
.intro::after{position: absolute;content: "";width: 800px;height: 533px;background: url("../img/hiraya/bg-intro.png")no-repeat center center/100% 100%;top: 0;left: 0;}
#hiraya .b-tit{font-size: 55px;text-align: center;width: fit-content;margin: 0 auto;position: relative;border-bottom: 1px solid #000;line-height: 1;margin-bottom: 20px;padding:0 100px 10px;}
#hiraya .b-tit span{color: #856a4a;}
#hiraya .sub-tit:not(:last-child){margin: 0 0 20px;}
#hiraya .sub-tit{text-align: center;font-size: 23px;line-height: 1.5;font-weight: bold;letter-spacing: 0.1em;}
/* #hiraya .b-tit::after{width: 100%;height: 2px;content: "";position: absolute;background: url('../img/hiraya/line.svg') no-repeat center center/100% 100%;} */
#hiraya .row-first{margin-top: 100px;}
#hiraya .row-inner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
#hiraya .row-inner-reverse{flex-direction: row-reverse;}
#hiraya .row-inner .inner-txt{width: 50%;}
#hiraya .row-inner .inner-txt .desc{padding-right: 60px;font-size: 15px;}
#hiraya .row-inner-reverse .inner-txt .desc{padding-left: 60px;padding-right: 0;}

#hiraya .row-inner .inner-img{width: 50%;}
#hiraya .row-inner .inner-img figure{position: relative;}
#hiraya .row-inner .inner-img figure figcaption{position: absolute;font-size: 10px;right: 10px;bottom: 5px;}

#hiraya .row-inner:not(:last-child){margin-bottom: 80px;}
#hiraya .row-inner .tit{display: flex;align-items: center;gap: 20px;color: #856a4a;padding: 0 0 10px;border-bottom: 1px solid #856a4a;margin: 0 0 15px;}
#hiraya .row-inner .tit p.num{font-size: 90px;line-height:1;position: relative;top: 0.1em;font-weight: 400;}
#hiraya .row-inner .tit p{font-size: 20px;line-height:1;font-weight: bold;}
#hiraya .row-inner .tit p span{font-size:1.5em;padding-top: 15px;display: block;}

#hiraya .row-inner-reverse .tit{padding-left: 60px;}
#hiraya .work{padding: 100px 0 100px;}
#hiraya .row-case .row01{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 100px 0 40px;}
#hiraya .row-case .case-tit{font-size: 30px;font-weight: bold;text-align: center;margin: 30px 0;}
#hiraya .row-case .row01 .txt{width: 36%;}
#hiraya .row-case .row01 .img{width: 54.90740%;}

#hiraya .row-case .tit-img{text-align: center;}
#hiraya .row-case .row02{display: flex;justify-content: space-between;flex-wrap: wrap;}
#hiraya .row-case .row02 .img{width: 35.46296296%;}
#hiraya .row-case .row02 .list-img{display: flex;justify-content: space-between;margin-top: 3%;}
#hiraya .row-case .row02 .img-map{width: 59.0740740%;}
#hiraya .row-case .info-map{display: flex;justify-content: flex-end;margin: 0 0 40px;font-size: 20px;align-items: flex-end;line-height: 1;font-weight: bold;}
#hiraya .row-case .info-map span{font-size: 1.35em;line-height: 1;display: inline-block;padding-left: 10px;margin-left: 10px;border-left: 1px solid #000;}

#hiraya .box-owner{text-align: center;border: 1px solid #856a4a;margin: 100px 0 0;color: #856a4a;padding: 40px 40px 30px;position: relative;}
#hiraya  .owner-tit{font-size: 27px;font-weight: bold;margin: 0 0 10px;}
#hiraya  .owner-ttl{font-size: 10px;line-height: 1.4;width: fit-content;
  margin: 0 auto;
  padding: 0 10px;
  background: #fff;
  position: absolute;
  left: 50%;top: -3em;transform: translateX(-50%);
}
#hiraya  .owner-ttl .tit-jp{font-size: 2em;padding: 0 15px;font-weight: bold;}
#hiraya  .owner-ttl .tit-jp{position: relative;}
#hiraya  .owner-ttl .tit-jp::before,
#hiraya  .owner-ttl .tit-jp::after{
  content:"";
  position: absolute;
  top: 50%;
  width:2px;                 
  height:100%;                 
  background: currentColor;     
  transform-origin: center;
  border-radius: 999px;        
}

#hiraya  .owner-ttl .tit-jp::before{
  left: 0;
  transform: translateY(-50%) rotate(-18deg);
}

#hiraya  .owner-ttl .tit-jp::after{
  right: 0;
  transform: translateY(-50%) rotate(18deg);
}
#hiraya .box-owner .s-desc{text-align: left;font-size: 15px;}

#hiraya .house{padding: 100px 0 ;background: #856a4a;}
#hiraya .house .house-ttl{font-size: 38px;text-align: center;color: #fffbc7;margin: 0 0 40px;font-weight: bold;}
#hiraya .house .house-ttl span{font-size: 0.625em;display: block;}
#hiraya .house  .list-vol{display: flex;justify-content: space-between;text-align: center;color: #fff;max-width: 840px;margin: 0 auto;}
#hiraya .house  .list-vol p{font-size: 21px;font-weight: bold;line-height: 1.23;}
#hiraya .house .btns{margin: 60px 0 0;}
#hiraya .house .btns ul{display: flex;justify-content: center;gap: 15px;}
  #hiraya .house .btns ul li a{transition: all 0.3s;}
  #hiraya .house .btns ul li a:hover{opacity: 0.8;}
#hiraya .slick-slide {line-height: 1;}
@media screen and (max-width:767px) {
  .kv .icon-cat{width: 20%;bottom: 4.7%;right: 10%;left: unset;}
  .kv .mv-txt{width: 50%;left: 5%;right: unset;top: 11%;}
  .kv .icon-smoke {width: 32.521%;top: 2%;left: 52.5%;}
  .intro{padding: 40px 0 80px;}
  .intro-txt{font-size: 3.5vw;margin: 30px 0;}
  
  #hiraya .b-tit{font-size: 9.625vw;padding: 0 20px 5px;}
  #hiraya .sub-tit{font-size: 4.525vw;}
  #hiraya .row-inner .inner-img{width: 100%;order: -1;text-align: center;margin: 0 0 20px;}
  #hiraya .row-inner .inner-txt{width: 100%;}
  #hiraya .row-inner .tit p{font-size: 3.5vw;}
  #hiraya .row-inner .tit p.num{font-size: 15.75vw;}
  #hiraya .row-inner .tit{gap: 10px;}
  #hiraya .row-inner .inner-txt .desc{padding: 0;font-size: 3.2vw;}
  #hiraya .row-inner:not(:last-child){margin: 0 0 40px;}
  #hiraya .row-inner-reverse .tit{padding-left: 0;}

  #hiraya .work{padding: 40px 0 80px;}
  #hiraya .row-case .row01{margin-top: 40px;}
  #hiraya .row-case .row01 .txt{width: 100%;}
  #hiraya .row-case .row01 .img{width: 100%;margin-top: 20px;}
  #hiraya .row-case .row02 .img{width: fit-content;margin:0 auto 30px;}
  #hiraya .row-case .row02 .img-map{width: 100%;}
  #hiraya .owner-ttl .tit-jp{font-size: 3.5vw;}
  #hiraya .row-case .case-tit{font-size: 5.25vw;margin: 15px 0;}
  #hiraya .row-case .tit-img img{width: 17.15vw;}
  #hiraya .owner-ttl{font-size: 9px;}
  #hiraya .row-case .info-map{font-size: 3.5vw;margin: 0 0 20px;}
  #hiraya .box-owner{padding: 20px;margin: 60px 0 0;}
  #hiraya .owner-tit{font-size: 4.725vw;margin: 0px 0 10px;}

  #hiraya .house{padding: 40px 0 80px;}
  #hiraya .house .house-ttl{font-size: 6.65vw;}
  #hiraya .house .list-vol p{font-size: 3vw;}
    #hiraya .house .house-ttl span{line-height: 1.6;margin: 0 0 5px;}
  

  #hiraya .house .btns{margin: 30px 0 0;}
  #hiraya .house .btns ul{flex-direction: column;gap: 10px;justify-content: center;align-items: center;}
  #hiraya .box-owner .s-desc{font-size: 3.5vw;}
  #hiraya .row-case .row02 .list-img{gap: 3%;}
}
.fancybox-close{
  display: block !important;
  opacity: 1 !important;
  background: url("../../assets/img/common/fancy-close.png") no-repeat top left/100% auto;
}
.fancybox-inner, .fancybox-outer{width: 100% !important;height:  auto !important;max-width: 900px;margin: 0 auto;}
.fancybox-skin{padding: 0 !important;border-radius: 0;background: none !important;width: fit-content !important;margin: 0 auto;}
.icon-plus{background: #224d36;width: 30px;height: 30px;position: absolute;bottom: 5px;right: 10px;border-radius: 50%;}
.icon-plus::after{content: "";background: url("../../assets/img/common/plus.png") no-repeat center center/100% 100%;width:14px;height:14px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.btn-zoom{position: relative;transition: all 0.3s;}
.btn-zoom .icon-plus{transition: all 0.3s;}
.btn-zoom:hover .icon-plus{background: #000;}



@media screen and (max-width:767px) {
  .icon-plus{width: 20px;height: 20px;bottom: 5px;}
.icon-plus::after{line-height: 0;top: 10px;width:10px;height:10px;}
.spImg .fancybox-image{width: 236px;}

}







/*animate*/
.fade {
	opacity: 0;
	filter: blur(30px);
}

.fade_fadeIn {
	opacity: 1;
	transition: 0.5s ease-in-out;
	filter: blur(0px);
}

.top_to_bottom {
	transform: translate3d(0, -50px, 0);
	opacity: 0;
}

.top_to_bottom_fadeIn {
	transform: translate3d(0, 0, 0);
	transition: 0.5s ease-in-out;
	opacity: 1;
}

.bottom_to_top {
	transform: translate3d(0, 50px, 0);
	opacity: 0;
}

.bottom_to_top_fadeIn {
	transform: translate3d(0, 0, 0);
	transition: 0.5s ease-in-out;
	opacity: 1;
}

.left_to_right {
	transform: translate3d(-50px, 0, 0);
	opacity: 0;
	filter: blur(30px);
}

.left_to_right_fadeIn {
	transform: translate3d(0, 0, 0);
	transition: 0.5s ease-in-out;
	opacity: 1;
	filter: blur(0px);
}

.right_to_left {
	transform: translate3d(50px, 0, 0);
	opacity: 0;
}

.right_to_left_fadeIn {
	transform: translate3d(0, 0, 0);
	transition: 0.5s ease-in-out;
	opacity: 1;
}

.zoom {
	transform: scale(.8);
	opacity: 0;
}

.zoom_fadeIn {
	transform: scale(1);
	transition: .5s ease-out;
	opacity: 1;
}