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

/* mainV */
.mainV{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	position:relative;
}

/* main_image */
.main_image{
	width:100vw;
	display:block;
	height:100vh;
	position:sticky;
	top:0;
	left:0;
	background:#000;
}
.main_image:after{
	content:"";
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	opacity:0.3
}
.main_image .img_box_01{
	position: relative;
	overflow: hidden;
	height:100%;
	display:block;
}
.main_image .img_box_01 dt{
}
.main_image .img_box_01 dt.slideimg{
	height:100%;
	width:100%;
	position: absolute;
 	inset: 0;
	opacity: 0;
	background-size: cover;
	animation: slideAnime 32s infinite;
}
.main_image .img_box_01 dt.slideimg:nth-child(1){
	background:url('../../../../../../img/news/event/2026/06/0613/mainV_01.webp') center / cover;
	animation-delay: 0s;
}
.main_image .img_box_01 dt.slideimg:nth-child(2){
	background:url('../../../../../../img/news/event/2026/06/0613/mainV_02.webp') center / cover;
	animation-delay: 8s;
}
.main_image .img_box_01 dt.slideimg:nth-child(3){
	background:url('../../../../../../img/news/event/2026/06/0613/mainV_03.webp') center / cover;
	animation-delay: 16s;
}
.main_image .img_box_01 dt.slideimg:nth-child(4){
	background:url('../../../../../../img/news/event/2026/06/0613/mainV_04.webp') center / cover;
	animation-delay: 24s;
}
@keyframes slideAnime {
	0%, 40%, 100% { opacity: 0; transform: scale(1.0);} 
	10%, 20% { opacity: 1; transform: scale(1.05);}
}


/* title_cnt */
.mainV .title_cnt{
	position:relative;
	color:#fff;
	margin:0 auto 0 50px;
	padding:0 0 100px 0;
}
/* title_cnt .title */
.mainV .title_cnt .title{
	margin:0 0 150px 0;
	width:fit-content;
}
.mainV .title_cnt .title h4{
	font-size:1.2rem;
}
.mainV .title_cnt .title h1{
	font-size:3.0rem;
	line-height:1.8em;
}
.mainV .title_cnt .title h5{
	font-size:1.0rem;
	margin:0 0 1.5em 0;
	display: flex;
    align-items: center;
}
.mainV .title_cnt .title h5:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #fff;
	margin-left: 1rem;
}
.mainV .title_cnt .title .day{
	font-size:2.5rem;
	margin:0 0 1em 0;
}
.mainV .title_cnt .title .day em{
	font-size:80%;
	margin:0 0.3em 0 0;
}
.mainV .title_cnt .title .day span{
	font-size:110%;
	margin:0 0.1em 0 0;
}
.mainV .title_cnt .title .day .week{
	font-size:70%;
}
.mainV .title_cnt .title .day .sep{
	font-size:70%;
	vertical-align:0.2em
}

@media screen and (max-width: 768px) {
	.mainV .title_cnt{
		position:relative;
		color:#fff;
		margin:0 auto 0;
		width:85%;
	}
	.mainV .title_cnt .title h4{
		font-size:1.1rem;
	}
	.mainV .title_cnt .title h1{
		font-size:2.3rem;
		line-height:1.8em;
	}
	.mainV .title_cnt .title h5{
		font-size:0.8rem;
	}
}
@media screen and (max-width: 499px) {
	.mainV .title_cnt .title h4{
		font-size:3.5vw;
	}
}


/* title_cnt .ep */
.mainV .title_cnt .ep{
	max-width:500px;
}
.mainV .title_cnt .ep h2{
	font-size:1.5rem;
	line-height:2em;
	margin:0 0 150px; 0;
}
.mainV .title_cnt .ep dl{
	margin:0 0 100px; 0;
}
.mainV .title_cnt .ep dl h4{
	font-size:1.2rem;
	margin:0 0 1em 0;
}
@media screen and (max-width: 768px) {
	.mainV .title_cnt .ep h2{
		font-size:1.3rem;
	}
}

/* cont */
.cont{
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	position:relative;
}
.cont .bg_inner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	height:100vh;
	position:sticky;
	top:0;
	left:0;
}
.cont .bg_inner:after{
	content:"";
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:#000;
	opacity:0.5
}
.cont .bg_inner dt{
	width:25%;
	overflow:hidden;
	height:33.333vh;
	border:3px solid #fff;
	box-sizing:border-box;
}
.cont .bg_inner dt img{
	vertical-align:bottom;
	object-fit:cover;
	height:100%;
	width:100%
}
.cont .detail_inner{
	position:relative;
}
.cont .detail_inner .sub_inner{
	height:100vh;
	width:100vw;
	align-items:center;
	display:flex;
}
.cont .detail_inner .sub_inner .detail_box{
	box-sizing:border-box;
	max-width:500px;
	margin:auto;
	width:80%;
	color:#fff;
}
.cont .detail_inner .sub_inner .detail_box h2{
	font-size:1.5rem;
	margin:0 0 2em 0;
}
.cont .detail_inner .sub_inner .detail_box h3{
	font-size:1.2rem;
	margin:0 0 2em 0;
}
@media screen and (max-width: 768px) {
	.cont .bg_inner dt{
		width:33.333%;
		height:25vh;
	}
}
@media screen and (max-width: 519px) {
	.cont .detail_inner .sub_inner{
		align-items:unset;
		display:block;
		padding:0 0 10vh;
	}
	.cont .detail_inner .sub_inner .detail_box{
		width:85%;
	}
	.cont .detail_inner .sub_inner .detail_box h2{
		font-size:1.3rem;
	}
	.cont .detail_inner .sub_inner .detail_box h3{
		font-size:3.8vw;
	}
}


/* modelhouse_info */
.modelhouse_info {
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	position:relative;
	background:#3c3016;
	padding:100px 0;
	color:#fff;
}
.modelhouse_info .title{
	width:90%;
	max-width:700px;
	margin:0 auto 50px;
}
.modelhouse_info .title h2{
	font-size:1.3rem;
	margin:0 0 1em 0;
}
.modelhouse_info .swiper {
    overflow: visible;
}
.modelhouse_info {
    overflow-x: hidden;
}
.modelhouse_info .swiper-wrapper {
}
.modelhouse_info .swiper-wrapper .swiper-slide {
	position:relative;
}
.modelhouse_info .swiper-slide dt{
	aspect-ratio:1 / 1;
}
.modelhouse_info .swiper-slide dt img {
	object-fit:cover;
	height:100%;
	width:100%;
}
.modelhouse_info .swiper-wrapper .swiper-slide dd{
	text-align:center;
	font-size:0.9rem;
	line-height:1.5em;
}
.modelhouse_info .swiper-wrapper .swiper-slide dd span{
}
.modelhouse_info .swiper-wrapper .swiper-slide dd span.adress{
	margin-top:2px;
	font-size:85%;
}
.modelhouse_info .swiper-wrapper .swiper-slide a{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.swiper-pagination{
	margin:0px 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -50px;
}
.swiper-pagination-bullet {
    background: #ffffff !important;
}

.modelhouse_info .swiper-button-next,.swiper-button-prev {
    color: #ffffff !important;
	background:#000;
	padding:10px 5px;
}
.modelhouse_info .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.modelhouse_info 　.swiper-pagination-bullet {
    background: #ffffff !important;
	border-radius:unset !important;
}
:root {
    --swiper-navigation-size: 17px !important;
}
.modelhouse_info .btn{
	width:fit-content;
	margin:100px auto 0;
}
.modelhouse_info .btn a{
	text-decoration:none;
	padding:1em 3em 1em 2em;
	border-radius:50px;
	background:#ffffff;
	box-shadow: 1rem 1rem 1rem -1rem hsl(200 50% 20% / 40%);
	text-align:center;
}
@media screen and (max-width: 519px) {
	.modelhouse_info .title h2{
		text-align:center
	}
	.modelhouse_info .title h2 span{
		display:block;
	}
}


/* info_box */
.info_box{
	margin: 0 calc(50% - 50vw) 0;
	width: 100vw;
}
.info_box ul{
}
.info_box ul{
	width:100%;
	
	background:#f1f1ee;
	padding:150px 0;
	box-sizing:border-box;
}
.info_box ul h3{
	font-size:1.5rem;
	text-align:center;
	margin:0 auto 30px;
}
.info_box ul table{
	width:96%;
	max-width:800px;
	margin:auto;
	border-collapse:unset;
	border-spacing:10px 0;
}
.info_box ul table a{
}
.info_box ul table tr{
}
.info_box ul table tr th{
	border-bottom:1px dotted #000;
	text-align:center;
	width:7em;
	font-weight:normal;
}
.info_box ul table tr:nth-child(1) th{
	border-top:1px dotted #000;
}
.info_box ul table tr td{
	border-bottom:1px dotted #000;
	padding:10px 6px 10px 20px;
}
.info_box ul table tr:nth-child(1) td{
	border-top:1px dotted #000;
}

@media screen and (max-width: 519px) {
	.info_box ul table tr th{
		width:5em;
	}
}


/* ---- form ------- */
.form{
    margin:100px 0 50px;
}
.form h3{
    font-size:1.5rem;
}
.form h5{
     font-size:0.8rem;
}