@charset "utf-8";
/* CSS Document */


/*PC*/
@media screen and (min-width: 1680px) {

.head { width: 100%; height: 250px; background: #EEE; align-content: center;}
.head .box { width: 1680px; margin: auto; padding: 0 130px;}
.head .box h2 { font-size: 36px; font-weight: 600; margin-bottom: 5px;}
.head .box p { font-size: 18px;}


.archive {}
.archive .cont01 { width: 1510px; margin: auto; padding: 140px 0 150px;}
.archive .cont01 ul { display: flex; flex-wrap: wrap;}
.archive .cont01 ul li { width: 470px; margin: 70px 0 0 50px;}
.archive .cont01 ul li:nth-of-type(1),
.archive .cont01 ul li:nth-of-type(2),
.archive .cont01 ul li:nth-of-type(3) { margin-top: 0;}
.archive .cont01 ul li:nth-child(3n+1) { margin-left: 0;}
.archive .cont01 ul li a { display: block; width: 100%; height: 100%;}
.archive .cont01 ul li a .img { width: 100%; aspect-ratio: 3/2; background: var(--color00); overflow: hidden;}
.archive .cont01 ul li a .img img { object-fit: cover;}
.archive .cont01 ul li a .txt { font-size: 20px; font-weight: 600; margin: 10px 10px 0;}
.archive .nav { padding: 50px 0; text-align: center;}



.single {}
.single .cont01 { width: 1200px; margin: auto; padding: 140px 0 150px;}
.single .cont01 .hed_txt { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px;}
.single .cont01 .hed_txt .catch_txt { font-size: 36px; font-weight: 600;}
.single .cont01 .hed_txt .house_name { font-size: 24px;}
.single .cont01 .results_detail_txt  { margin-top: 70px; font-size: 24px;}

.single .cont01 .swiperMain { width: 100%; aspect-ratio: 3/2; overflow: visible;}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide { background: var(--color00);}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: contain;}
.single .cont01 .swiperMain .swiper-button-next { right: -80px; color: #999;}
.single .cont01 .swiperMain .swiper-button-prev { left: -80px; color: #999;}

.single .cont01 .swiperThumb { overflow: inherit;}
.single .cont01 .swiperThumb .swiper-wrapper { flex-wrap: wrap; justify-content: flex-start;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide { width: 100px !important; height: 100px !important; margin-right: calc(200px / 9) !important; margin-top: calc(200px / 9) !important;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide:nth-child(10n) { margin-right: 0 !important;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; cursor: pointer;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { width: 100%; height: 100%; object-fit: cover; opacity: 1.0;}




}


/*PC*/
@media print, screen and (min-width: 768px) and ( max-width: 1679px) {

.head { width: 100%; height: 14.881vw; background: #EEE; align-content: center;}
.head .box { width: 100%; margin: auto; padding: 0 7.738vw;}
.head .box h2 { font-size: 2.143vw; font-weight: 600; margin-bottom: 0.298vw;}
.head .box p { font-size: 1.071vw;}


.archive {}
.archive .cont01 { width: 89.881vw; margin: auto; padding: 8.333vw 0 8.929vw;}
.archive .cont01 ul { display: flex; flex-wrap: wrap;}
.archive .cont01 ul li { width: 27.976vw; margin: 4.167vw 0 0 2.976vw;}
.archive .cont01 ul li:nth-of-type(1),
.archive .cont01 ul li:nth-of-type(2),
.archive .cont01 ul li:nth-of-type(3) { margin-top: 0;}
.archive .cont01 ul li:nth-child(3n+1) { margin-left: 0;}
.archive .cont01 ul li a { display: block; width: 100%; height: 100%;}
.archive .cont01 ul li a .img { width: 100%; aspect-ratio: 3/2; background: var(--color00); overflow: hidden;}
.archive .cont01 ul li a .img img { object-fit: cover;}
.archive .cont01 ul li a .txt { font-size: 1.19vw; font-weight: 600; margin: 0.595vw 0.595vw 0;}
.archive .nav { padding: 2.976vw 0; text-align: center;}



.single {}
.single .cont01 { width: 71.429vw; margin: auto; padding: 8.333vw 0 8.929vw;}
.single .cont01 .hed_txt { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.976vw;}
.single .cont01 .hed_txt .catch_txt { font-size: 2.143vw; font-weight: 600;}
.single .cont01 .hed_txt .house_name { font-size: 1.429vw;}
.single .cont01 .results_detail_txt  { margin-top: 4.167vw; font-size: 1.429vw;}

.single .cont01 .swiperMain { width: 100%; aspect-ratio: 3/2; overflow: visible;}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide { background: var(--color00);}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: contain;}
.single .cont01 .swiperMain .swiper-button-next { right: -4.762vw; color: #999;}
.single .cont01 .swiperMain .swiper-button-prev { left: -4.762vw; color: #999;}

.single .cont01 .swiperThumb { overflow: inherit;}
.single .cont01 .swiperThumb .swiper-wrapper { flex-wrap: wrap; justify-content: flex-start;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide { width: 5.952vw !important; height: 5.952vw !important; margin-right: calc(11.905vw / 9) !important; margin-top: calc(11.905vw / 9) !important;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide:nth-child(10n) { margin-right: 0 !important;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; cursor: pointer;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { width: 100%; height: 100%; object-fit: cover; opacity: 1.0;}




}



/*sp*/
@media only screen and (max-width: 767px) {

.head { width: 100%; height: 29.3333vw; background: #EEE; align-content: center;}
.head .box { margin: auto; padding: 0 6.6667vw;}
.head .box h2 { font-size: 5.3333vw; font-weight: 600; margin-bottom: 1.3333vw;}
.head .box p {}


.archive {}
.archive .cont01 { margin: auto; padding: 13.3333vw 4.0000vw 13.3333vw;}
.archive .cont01 ul { display: flex; flex-wrap: wrap; gap: 9.3333vw;}
.archive .cont01 ul li {}
.archive .cont01 ul li a { display: block; width: 100%; height: 100%;}
.archive .cont01 ul li a .img { width: 100%; aspect-ratio: 3/2; background: var(--color00); overflow: hidden;}
.archive .cont01 ul li a .img img { object-fit: cover;}
.archive .cont01 ul li a .txt { font-size: 3.2000vw; font-weight: 600; margin: 1.3333vw 1.3333vw 0;}
.archive .nav { padding: 6.6667vw 0; text-align: center;}



.single {}
.single .cont01 { margin: auto; padding: 13.3333vw 4.0000vw 13.3333vw;}
.single .cont01 .hed_txt { margin-bottom: 6.6667vw;}
.single .cont01 .hed_txt .catch_txt { font-size: 4.2667vw; font-weight: 600; margin-bottom: 2.6667vw;}
.single .cont01 .hed_txt .house_name { font-size: 3.2000vw;}
.single .cont01 .results_detail_txt  { margin-top: 6.6667vw;}

.single .cont01 .swiperMain { width: 100%; aspect-ratio: 3/2; overflow: visible;}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide { background: var(--color00);}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: contain;}
.single .cont01 .swiperMain .swiper-button-next { right: 1.3333vw; color: #999; zoom: 0.7;}
.single .cont01 .swiperMain .swiper-button-prev { left: 1.3333vw; color: #999; zoom: 0.7;}

.single .cont01 .swiperThumb { overflow: inherit;}
.single .cont01 .swiperThumb .swiper-wrapper { flex-wrap: wrap; justify-content: flex-start; gap: 4.0000vw; margin-top: calc(26.6667vw / 9) !important;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide { width: calc( (100% - 4.0000vw * 4) / 5 ) !important; height: 13.3333vw !important; /*margin-right: calc(26.6667vw / 9) !important; */}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; cursor: pointer;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { width: 100%; height: 100%; object-fit: cover; opacity: 1.0;}




}




/*sp*/
@media only screen and (width: 750px) {

.head { width: 100%; height: 220px; background: #EEE; align-content: center;}
.head .box { margin: auto; padding: 0 50px;}
.head .box h2 { font-size: 40px; font-weight: 600; margin-bottom: 10px;}
.head .box p {}


.archive {}
.archive .cont01 { margin: auto; padding: 100px 30px 100px;}
.archive .cont01 ul { display: flex; flex-wrap: wrap; gap: 70px;}
.archive .cont01 ul li {}
.archive .cont01 ul li a { display: block; width: 100%; height: 100%;}
.archive .cont01 ul li a .img { width: 100%; aspect-ratio: 3/2; background: var(--color00); overflow: hidden;}
.archive .cont01 ul li a .img img { object-fit: cover;}
.archive .cont01 ul li a .txt { font-size: 24px; font-weight: 600; margin: 10px 10px 0;}
.archive .nav { padding: 50px 0; text-align: center;}



.single {}
.single .cont01 { margin: auto; padding: 100px 30px 100px;}
.single .cont01 .hed_txt { margin-bottom: 50px;}
.single .cont01 .hed_txt .catch_txt { font-size: 32px; font-weight: 600; margin-bottom: 20px;}
.single .cont01 .hed_txt .house_name { font-size: 24px;}
.single .cont01 .results_detail_txt  { margin-top: 50px;}

.single .cont01 .swiperMain { width: 100%; aspect-ratio: 3/2; overflow: visible;}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide { background: var(--color00);}
.single .cont01 .swiperMain .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: contain;}
.single .cont01 .swiperMain .swiper-button-next { right: 10px; color: #999; zoom: 0.7;}
.single .cont01 .swiperMain .swiper-button-prev { left: 10px; color: #999; zoom: 0.7;}

.single .cont01 .swiperThumb { overflow: inherit;}
.single .cont01 .swiperThumb .swiper-wrapper { flex-wrap: wrap; justify-content: flex-start; gap: 30px; margin-top: calc(200px / 9) !important;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide { width: calc( (100% - 30px * 4) / 5 ) !important; height: 100px !important; /*margin-right: calc(200px / 9) !important; */}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; opacity: 0.5; cursor: pointer;}
.single .cont01 .swiperThumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img { width: 100%; height: 100%; object-fit: cover; opacity: 1.0;}




}