@charset "UTF-8";
/* コンテンツ */

#mainimg {
    box-sizing: border-box;
    padding: 110px 50px 10em;
    background-color: #003477;
}
#mainimg section {
    position: relative;
     width: 100%;
	height: 100%;
    aspect-ratio: 128/72;
    overflow: hidden;
}
#topmovie {
	position: absolute;
    min-width: 100%;
    min-height: 100%;
}
@media (min-width: 961px) and (aspect-ratio: 128/72) {
#topmovie {
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}

@media (min-width: 961px) and (min-aspect-ratio: 128/72) {
#topmovie {
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
}

@media (min-width: 961px) and (max-aspect-ratio: 128/72) {
#topmovie {
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
}

@media screen and (max-width: 960px) {
#mainimg {
    padding: 90px 40px 10em;
}
#topmovie {
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
}

@media screen and (max-width: 560px) {
#mainimg {
    padding: 60px 15px 10em;
}
#mainimg section {
    position: relative;
     width: 100%;
	height: auto;
    aspect-ratio: 72/108;
}
}

.house_box {
    position: relative;
    width: 100%;
    margin-bottom: -3em;
}
.swiper-container_hs {
	position:relative;
	width: 100%;
}
@media screen and (min-width: 561px) {
.swiper-container_hs .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.swiper-container_hs .swiper-slide {
    width: 47.5%;
    margin-bottom: 3em;
}
}
.swiper-container_hs .swiper-slide section {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 1em;
    margin-bottom: 1.2em;
}
.swiper-container_hs .swiper-slide section a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: cover;
    border-radius: 1em;
    transition: all 0.3s;
    pointer-events: none;
}
.swiper-container_hs .swiper-slide section a:hover {
   transform: scale(1.1);
}
.swiper-container_hs .swiper-slide section h6 {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #fff;
    line-height: 1;
    color: #003477;
    font-weight: normal;
    padding: 0.5em 1em;
    border-radius: 2em;
    z-index: 100;
}
.next_hs,.prev_hs {
    display: none;
}

.swiper-container_hs h5 {
    text-align: center;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 0.2em;
}
.swiper-container_hs h4 {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.4;
}
.more_hs {
    height: 3em;
    width: 22em;
    margin: 1em auto 0;
}
.more_hs a {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f9e5b1;
    border: 1px solid #003477;
    color: #003477;
    line-height: 1;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    background-image: url("../img/arr_nv.png");
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 2em auto;
    border-radius: 2em;
    transition: all 0.3s;
}
.more_hs a span {
    font-size: 1.08em;
}
.more_hs a:hover {
    background-image: url("../img/arr_nv.png");
    background-color: #fff;
    color: #003477;
}

@media screen and (max-width: 560px) {
.swiper-button-prev,.swiper-button-next {
    position:absolute;
	z-index:2;
	margin:auto !important;
    width: 20px !important;
    height: 20px !important;
    transition: all 0.3s;
}
.swiper-button-prev {
    background-image: url("../img/left_m.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.swiper-button-next {
    background-image: url("../img/right_m.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: cover !important;
}
.swiper-button-prev:hover,.swiper-button-next:hover {
    opacity: 0.6;
}

.house_box {
    width: auto;
    margin: 0 20px;
}
.swiper-container_hs .swiper-slide {
    width: 100%;
    margin-bottom: 0;
}
.swiper-container_hs h5 {
    font-size: 0.92em;
}
.swiper-container_hs h4 {
    font-size: 1.24em;
}
.swiper-container_hs .swiper-slide section h6 {
    top: 10px;
    left: 10px;
    font-size: 0.84em;
}
.next_hs,.prev_hs {
    display: block;
    top:calc(50% - 10px - 3.5em) !important;
}
.prev_hs {
    left: -30px !important;
}
.next_hs {
    right: -30px !important;
}

.more_hs {
    height: 2.5em;
    width: 100%;
}
.more_hs a span {
    font-size: 1em;
}
}


.lot_area {
    margin-top: 3em;
}
.lot_area ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.lot_area ul li {
    width: 47%;
}
.lot_area ul li:last-child img {
    width: 100%;
}
.lot_area ul li:last-child a {
    border: 1px solid #666;
    display: block;
}
.lot_area ul li:last-child p {
    margin-bottom: 2em;
}

.lot_box {
    position: relative;
    width: 100%;
    margin-bottom: 2em;
}
.swiper-container_lt,.swiper-container_lt2 {
	position:relative;
	width: 100%;
    overflow: hidden;
}
@media screen and (min-width: 561px) {
.swiper-container_lt .swiper-slide,.swiper-container_lt2 .swiper-slide {
    display: none;
}
.swiper-container_lt .swiper-slide:nth-of-type(1),.swiper-container_lt2 .swiper-slide:nth-of-type(1) {
    display: block;
}
}
.swiper-container_lt .swiper-slide,.swiper-container_lt2 .swiper-slide {
    width: 100%;
}
.swiper-container_lt .swiper-slide section,.swiper-container_lt2 .swiper-slide section {
    position: relative;
    width: 100%;
    aspect-ratio: 120 / 83;
    overflow: hidden;
}
.swiper-container_lt .swiper-slide img,.swiper-container_lt2 .swiper-slide img {
    width: 100%;
}
.swiper-container_lt .swiper-slide h5,.swiper-container_lt2 .swiper-slide h5 {
    display: none;
}
.swiper-container_lt .swiper-slide p,.swiper-container_lt2 .swiper-slide p {
    display: none;
}
.swiper-container_lt .swiper-slide h6,.swiper-container_lt2 .swiper-slide h6 {
    display: none;
}
.swiper-container_lt .swiper-slide a,.swiper-container_lt2 .swiper-slide a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center center;
    background-size: cover;
    transition: all 0.3s;
}
.swiper-container_lt .swiper-slide a:hover,.swiper-container_lt2 .swiper-slide a:hover {
   transform: scale(1.1);
}
.next_lt,.prev_lt,.next_lt2,.prev_lt2 {
    display: none;
}

@media screen and (max-width: 960px) {
.lot_box {
    position: relative;
    width: 100%;
    margin-bottom: 2em;
}
}

@media screen and (max-width: 560px) {
.lot_area {
    margin-top: 2em;
}
.lot_area ul li {
    width: 100%;
}
.lot_area ul li:last-child {
    margin-top: 3em;
}
.lot_area ul li:last-child a {
    
}
.lot_box {
    margin-bottom: 2em;
}
.swiper-container_lt .swiper-slide h5,.swiper-container_lt2 .swiper-slide h5 {
    display: block;
    text-align: left;
    line-height: 1.5;
    font-size: 1.08em;
    font-weight: 500;
    margin-top: 0.7em;
}
.swiper-container_lt .swiper-slide p,.swiper-container_lt2 .swiper-slide p {
    text-align: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1.5;
    font-size: 1em;
    margin-top: 0.5em;
}
.swiper-container_lt .swiper-slide p span,.swiper-container_lt2 .swiper-slide p span {
    border: 1px solid #666;
    font-size: 0.84em;
    width: 7em;
    height: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1em;
}
.swiper-container_lt .swiper-slide h6,.swiper-container_lt2 .swiper-slide h6 {
    box-sizing: border-box;
    position: absolute;
    right: 10px;
    bottom: 10px;
    border: 1px solid #fff;
    background-color: #223355;
    color: #fff;
    font-weight: 500;
    font-size: 0.84em;
    line-height: 1;
    width: 8em;
    height: 2.2em;
    padding-left: 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-image: url("../img/arr_tin_w.png");
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: auto 40%;
    pointer-events: none;
    transition: all 0.3s;
}
.next_lt,.prev_lt,.next_lt2,.prev_lt2 {
    display: flex;
}
.prev_lt,.prev_lt2 {
    left: -4% !important;
}
.next_lt,.next_lt2 {
    right: -4% !important;
}

}