@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.w1590 { max-width: 1600px; width: 79.5%; }

/*メインイメージ*/
#mainimg { position: relative; margin-bottom: 9.1666666667%; overflow: hidden; }
#mainimg .slick-slide { height: calc(100vh - 80px); }
#mainimg .slick-slide img { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 100%; }
#mainimg .img_copy { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 430px; width: 50%; filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4)); }

/*about*/
#about { margin-bottom: 16%; }
#about .title { margin-bottom: 4.1666666667%; font-size: 2.2rem; letter-spacing: .1em; line-height: 1.5; margin-bottom: 4.1666666667%; }
@media (min-width: 768px) { #about .title { font-size: calc( 2.2rem + ( 1vw - 7.68px ) * 1.5625 ); } }
@media (min-width: 1280px) { #about .title { font-size: 3rem; } }
#about .about_images { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1600px; margin: 0 auto; margin-bottom: 8%; }
#about .about_wrap .about_map { width: 70%; margin: 0 auto; margin-bottom: 5.3333333333%; }
#about .about_wrap .about_cont .copy { margin-bottom: 5.3333333333%; text-align: left; }

#vacaren { margin-bottom: 16%; }
#vacaren .mbbox { margin-bottom: 10.6666666667%; }

/*house*/
#house .house_wrap { margin-bottom: 5%; }
#house .house_wrap .house_box { margin-bottom: 10.6666666667%; }
#house .house_wrap .house_box .img { margin-bottom: 1.6666666667%; }
#house .house_wrap .house_box .name { font-size: 1.4rem; }
@media (min-width: 768px) { #house .house_wrap .house_box .name { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.78125 ); } }
@media (min-width: 1280px) { #house .house_wrap .house_box .name { font-size: 1.8rem; } }
#house .house_wrap .house_box .price { font-size: 1.8rem; }
@media (min-width: 768px) { #house .house_wrap .house_box .price { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 0.78125 ); } }
@media (min-width: 1280px) { #house .house_wrap .house_box .price { font-size: 2.2rem; } }
#house .house_wrap .house_box:last-child { margin-bottom: 0; }
#house .house_wrap .new { position: relative; }
#house .house_wrap .new:before { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 85px 85px 0 0; border-color: #aa371a transparent transparent transparent; }
#house .house_wrap .new:after { content: "NEW"; position: absolute; color: #fff; font-size: 1.6rem; transform: rotate(-45deg); top: 4.5%; left: 1%; }
@media (min-width: 786px) { #house .house_wrap .new:after { font-size: calc( 1.6rem + ( 1vw - 7.86px ) * 0 ); } }
@media (min-width: 1200px) { #house .house_wrap .new:after { font-size: 1.6rem; } }

/*interior*/
#interior .title { margin-bottom: 4.1666666667%; font-size: 2.2rem; letter-spacing: .1em; line-height: 1.5; }
@media (min-width: 768px) { #interior .title { font-size: calc( 2.2rem + ( 1vw - 7.68px ) * 1.5625 ); } }
@media (min-width: 1280px) { #interior .title { font-size: 3rem; } }
#interior .interior_wrap .img { margin-bottom: 8%; position: relative; }
#interior .interior_wrap .img .interior_cap { position: absolute; bottom: 1em; right: 1.5em; font-size: 1.1rem; color: #FFF; line-height: 1.4; letter-spacing: .1em; text-align: right; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8); }
@media (min-width: 768px) { #interior .interior_wrap .img .interior_cap { font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 0.1953125 ); } }
@media (min-width: 1280px) { #interior .interior_wrap .img .interior_cap { font-size: 1.2rem; } }
#interior .interior_wrap .txt { padding: 0 2rem; box-sizing: border-box; text-align: center; }
#interior .interior_wrap .txt h3 { margin-bottom: 2.5%; font-size: 1.8rem; font-size: 1.8rem; }
@media (min-width: 768px) { #interior .interior_wrap .txt h3 { font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.171875 ); } }
@media (min-width: 1280px) { #interior .interior_wrap .txt h3 { font-size: 2.4rem; } }
#interior .interior_wrap .txt > p { margin-bottom: 10.6666666667%; font-size: 1.3rem; }
@media (min-width: 768px) { #interior .interior_wrap .txt > p { font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { #interior .interior_wrap .txt > p { font-size: 1.5rem; } }

/*flow*/
#flow .title { margin-bottom: 4.1666666667%; font-size: 2.2rem; letter-spacing: .1em; line-height: 1.5; }
@media (min-width: 768px) { #flow .title { font-size: calc( 2.2rem + ( 1vw - 7.68px ) * 1.5625 ); } }
@media (min-width: 1280px) { #flow .title { font-size: 3rem; } }
#flow .flow_top { margin-bottom: 6.6666666667%; padding: 10% 0; background: url("/img/home/flow_bg.jpg") center/cover no-repeat; }
#flow .flow_top .flow_list { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; justify-content: center; }
#flow .flow_top .flow_list .flow_box { width: 100%; margin-bottom: 8%; }
#flow .flow_top .flow_list .flow_box:last-of-type { margin-bottom: 0; }
#flow .flow_top .flow_list .flow_box:hover .txt { text-decoration: underline; text-decoration-color: #FFF; }
#flow .flow_top .flow_list .flow_box .img { width: 40%; margin: 0 auto; }
#flow .flow_top .flow_list .flow_box .txt { margin-top: 1em; font-size: 1.6rem; letter-spacing: .1em; line-height: 1.5; color: #FFF; text-align: center; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0); transition: .4s; }
@media (min-width: 768px) { #flow .flow_top .flow_list .flow_box .txt { font-size: calc( 1.6rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { #flow .flow_top .flow_list .flow_box .txt { font-size: 1.8rem; } }
#flow .flow_wrap { display: grid; grid-template-columns: 1fr; }
#flow .flow_wrap .flow_box { margin-bottom: 8%; }
#flow .flow_wrap .flow_box:last-of-type { margin-bottom: 0; }
#flow .flow_wrap .flow_box a { display: block; }
#flow .flow_wrap .flow_box a .txt { position: relative; margin-top: 1em; padding-right: 2rem; font-size: 1.4rem; letter-spacing: .05em; line-height: 1.5; }
@media (min-width: 768px) { #flow .flow_wrap .flow_box a .txt { font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 ); } }
@media (min-width: 1280px) { #flow .flow_wrap .flow_box a .txt { font-size: 1.6rem; } }
#flow .flow_wrap .flow_box a .txt::after { position: absolute; top: .75em; right: 0; transform: translate(-25%, -50%) rotate(45deg); width: .55em; height: .55em; border-top: .2rem solid #000; border-right: .2rem solid #000; content: ''; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*about*/
  #about { margin-bottom: 10%; }
  #about .title { margin-bottom: 4.1666666667%; }
  #about .about_images { max-width: 1200px; padding: 0 2%; box-sizing: border-box; margin-bottom: 2.5%; }
  #about .about_wrap { position: relative; display: grid; grid-template-columns: 23% 73%; justify-content: space-between; padding-left: 4.5%; box-sizing: border-box; }
  #about .about_wrap .about_map { width: 100%; margin: 0; }
  #about .about_wrap .about_cont { margin-top: 2.5%; }
  #about .about_wrap .about_cont .copy { margin-bottom: 4.1666666667%; }
  #about .about_wrap .about_cont .more { position: absolute; bottom: -5rem; left: 50%; transform: translate(-50%, 0); }
  #vacaren { margin-bottom: 7.8023407022%; }
  #vacaren .w980 { max-width: 900px; }
  #vacaren .mbbox { margin-bottom: 7.8023407022%; }
  /*house*/
  #house .house_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  #house .house_wrap .house_box { flex: 0 1 48%; width: 48%; max-width: 48%; margin-bottom: 4.1666666667%; }
  #house .house_wrap .house_box:nth-last-child(-n+2) { margin-bottom: 0; }
  #house .house_wrap .new:after { top: 4.5%; left: 2%; }
  #house .more { margin-top: 5%; margin: 5% auto 0; }
  /*interior*/
  #interior .interior_wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: row-reverse wrap; -ms-flex-flow: row-reverse wrap; flex-flow: row-reverse wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  #interior .interior_wrap .img { flex: 0 1 60%; width: 60%; max-width: 60%; margin-bottom: 0; }
  #interior .interior_wrap .txt { flex: 0 1 40%; width: 40%; max-width: 40%; text-align: left; padding: 0 4%; box-sizing: border-box; }
  #interior .interior_wrap .txt h3 { text-align: left; }
  #interior .interior_wrap .txt .more { text-align: left; }
  /*flow*/
  #flow .flow_top { padding: min(8%, 130px) 0; }
  #flow .flow_top .flow_list { justify-content: space-between; flex-direction: row; align-items: flex-start; width: 75%; }
  #flow .flow_top .flow_list .flow_box { width: min(30%, 270px); margin-bottom: 0; }
  #flow .flow_top .flow_list .flow_box .img { width: min(90%, 270px); }
  #flow .flow_wrap { grid-template-columns: repeat(3, 32%); justify-content: space-between; margin-bottom: 0; }
  #flow .flow_wrap .flow_box { margin-bottom: 0; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 981px) { /*メインイメージ*/
  #mainimg .slick-slide { height: auto; }
  #mainimg .slick-slide img { position: static; transform: none; width: 100%; height: auto; }
  #mainimg .img_copy { width: 25%; }
  /*house*/
  #house .house_wrap .new:after { top: 3%; left: 1%; } }
/*------------------------------
		1280px以上
------------------------------*/
@media screen and (min-width: 1201px) { /*about*/
  #about .about_images { padding: 0; } }

/*# sourceMappingURL=style.css.map */