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

body .container{
	max-width:100%;
	width:100%;
	margin:0;
}

main{
	width:100%;
}

.sei{
		color:#2e008b;
}


h1,h2,h3,h4,h5{
	text-align: center;
}

h1{
	display:none;
}


h2{
	border:none;
	font-size:280%;
}

.main_visual,
.concept,
.activity01,
.activity02,
.exhibited_products{
	width:100%;
/*	margin-bottom:15px;*/
}

.main_visual_inner,
.concept_inner,
.activity01_inner,
.activity02_inner,
.exhibited_products_inner{
	width:80%;
	margin:0 auto;
}

.main_visual{
	height: 100%;
	height:100vh;
	height:0;
	padding-top:46%;
	background-image:url("../img/JMS2025_main_image.webp");
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
}

.concept{
	width:100%;
	aspect-ratio:2000 / 2220;
	background-image: url("../img/JMS2025_concept_back.webp") ;
	background-size:cover;
	background-position:top;
	background-repeat: no-repeat;
	position: relative;
}

.concept .concept_inner,
.activity01 .activity01_inner,
.activity02 .activity02_inner,
.exhibited_products .exhibited_products_inner{
/*	position: relative;*/
/*	padding-top:80px;*/

}

h2 span,
h3 span,
h4 span{
	font-size:70%;
}


h2 span{
	font-size:60%;
	font-weight:normal;
}

.concept .concept_inner{
	width:100%;
	position: relative;

}

.concept .concept_inner h2{
	text-align: left;
	padding-top:0;

}
.concept .concept_inner h2 span{
		vertical-align: top;	
}

.concept .concept_inner .intro{
/*margin-bottom:70%;*/	
	width:80%;
}

.concept .concept_inner .detail{
	bottom:0;
	width:100%;
	width:80%;
	gap:30px;
	position: relative;
	bottom:20px;
}
.concept .concept_inner .detail .card{
	padding:0;
	width:20%;
}

.concept .concept_inner .detail .card .card-title{
	font-size:1.1rem;
}
.concept .concept_inner .detail .card img{
	width:100%;
	padding:0;
}

.concept .concept_inner .detail .card .card-body{
	background-color:#f17b00;
	color:white;
	font-size:1.3rem;
}

.card-body p{
	font-size:75%;
	text-align: center;
}



.activity01{
	width:100%;
	aspect-ratio:2000 / 2867;
	background-image: url("../img/JMS2025_activity01.webp") ;
	background-repeat: no-repeat;
	background-size:cover;
	background-position: top;
	background-size:auto;
	position: relative;

}

.activity01_inner h2,
.activity01_inner .ac01-title,
.activity01_inner .ac01-detail{
	color:white;
}

.ac01-title{
	font-size:200%;
	padding-top:5rem;
}

.ac01-detail{
	padding-top:2rem;
	line-height: 2rem;
}

.ac01-sub{
	background-color:white;
	width:100%;
	margin-top:70%;
	margin-bottom:50px;
}

.activity01 .activity01_inner .ac01-sub{
	position: relative;
	bottom:50px;
	
	
}

.ac01-sub .title{
	padding:2rem;
	color:#2e008b;
/*	font-weight:bolder;*/	
	background:url("../img/activity01_title_back.png") center no-repeat;
	font-size:24px;
}

.ac-sub .d-flex .card{
	width:40%;
	padding:2rem;
	justify-content: center;
}

.card img{
	padding:2rem;
	width:80%;
	text-align: center;
}

.card .clubname{
	color:#2e008b;
	font-size:1.5rem;
	font-weight:500;
	padding:1rem;

}

.card .clubname a,
.card .clubname a:hover{
	color:#2e008b;	
	text-decoration: none;
	border:1px solid #2e008b;
	padding:1rem;
}



.ac01-sub .links{
	background-color:#2e008b;
	color:white;
	width:50%;
	padding:0.5rem;

}

.ac01-sub .links a,
.ac01-sub .links a:hover{
	color:white;
	text-decoration: none;
}

.schedule{
	color:white;
	background-color:#2e008b;
	width:80%;
	padding:2rem;
	font-size:1.5rem;
}



.activity02{
	width:100%;
/*	
	aspect-ratio:2000 / 1010;
	background-image: url("../img/JMS2025_activity02_r1.png") ;
	background-size:cover;
	background-position: center;
*/
	background-colr:white;
}

.ac02-detail{
	padding-top:2rem;
	font-size:1.2rem;
}

.ac02-subtitle{
	font-size:150%;
	font-weight:bolder;
}

.exhibited_products{
	width:100%;
	background-color:#c3e4f4;
	background-size:cover;
	background-position: center;
}

.exhibited_products .exhibited_products_inner h2{
	color:black;
}

.exhibited_products .exhibited_products_inner .d-flex{
	display: flex;
	flex-direction:row;
	width:100%;
	flex-wrap: wrap;	
	padding:2rem;
	font-size:1.3rem;
}

.exhibited_products .exhibited_products_inner .d-flex .col-sm-6{
	display: flex;
	flex-direction:row;
	width:50%;
	flex-wrap: wrap;	
		padding:2rem;
}


.exhibited_products .exhibited_products_inner .d-flex .col-sm-6 div{
	display:flex;
	align-items: center;
	justify-content: center;

}

.exhibited_products .exhibited_products_inner .d-flex .col-sm-6 div a{
	color:white;
	text-decoration: none;
}

.exhibited_products .exhibited_products_inner .d-flex .col-sm-6 div:nth-child(1){
	width:25%;
}
.exhibited_products .exhibited_products_inner .d-flex .col-sm-6 div:nth-child(2){
	width:35%;
	background-color:white;
	text-align: center;	
}
.exhibited_products .exhibited_products_inner .d-flex .col-sm-6 div:nth-child(3){
	width:40%;
	align-items: center;
	align-items: flex-start;
	padding:1rem;
	justify-content: center;
	justify-content: space-around;
	color:white;
	background-color:#32008e;	
	text-align: center;
	text-align: left;
	flex-direction: column;
	font-size:80%;	
}

@media (max-width: 1199.98px) {	/*desktop less thna 1200px */
	
	
	.exhibited_products .exhibited_products_inner .d-flex{
		flex-direction: column;
		padding:0;
	}
	
	/*
	.exhibited_products .exhibited_products_inner .d-flex .col-sm-6 div{
		font-size:0.8rem;

}
*/
	
.exhibited_products .exhibited_products_inner .d-flex .col-sm-6{
	display: flex;
	flex-direction:row;
	width:100%;
	flex-wrap: wrap;	
		padding:1rem 0.2rem;
}		
	
	
	
}

@media only screen and (max-width:767.98px){
	
.main_visual{
	height: 100%;
	aspect-ratio: 576 / 496;
	background-image:url("../img/JMS2025_main_image_sp.webp");
	background-size:cover;
	background-position: top;
	background-repeat: no-repeat;
}

.concept{
	width:100%;
	aspect-ratio:768 / 2621;
	background-image: url("../img/JMS2025_concept_sp.webp") ;
	background-size:cover;
	background-position: top;
	background-repeat: no-repeat;
}	
	
	.concept .concept_inner .intro{
		width:100%;
	}
	
	.concept .concept_inner .detail{
		flex-wrap:wrap;
		flex-direction:row;
		width:100%;
		width:98%;
		position:relative;
		bottom:0;
	}
	
	.concept .concept_inner .detail .card{
		width:45%;
		margin-bottom:1rem;
	}
	
	
	
}

@media only screen and (max-width:575.98px){
	
	body{
		font-size:1rem;
	}
	
	.container{
		padding-left:0;
		padding-right:0;
	}
	
	h2 span{
	font-size:50%;
}
	
	
	.d-flex{
		flex-direction: column;	
	}
	
.main_visual_inner,
.concept_inner,
.activity01_inner,
.activity02_inner,
.exhibited_products_inner{
	width:98%;
	margin:0 auto;
}	

	.concept .concept_inner h2{
		text-align: center;
		
	}	

	
	
	
	
	

	
.activity01{
	width:100%;
	aspect-ratio:576 / 1623;
	background-image: url("../img/JMS2025_activity01_sp.webp") ;
	background-position: top;
	background-size:auto;
	background-repeat: no-repeat;
}
	
	
	
	
	
	.ac01-title{
		font-size:150%;
		padding-top:2rem;

	}	
	
	.ac01-detail{
		font-size:100%;
		line-height: 1.5rem;
	}
	
	
.activity01 .activity01_inner .ac01-sub{
	position: relative;
	bottom:10px;
}

	
	
	.ac01-sub .title{
		padding:1rem 0;
		background: url("../img/activity01_title_back_sp.png") center no-repeat;		
	}
	
	
	.ac01-sub .d-flex{
		flex-flow:row;
	}
	
	.ac01-sub .d-flex .card img{
		padding:1rem;
		width:100%;
	}
	
	.card .clubname{
		padding:0.5rem 0;
		font-size:1rem;
	}
	
	.card .links{
		width:95%;
	}
	
	.card .links a{
		display:block;
		width:100%;
	}
	
	.schedule{
		padding:1rem;
		width:90%;
		font-size:1rem;
	}
	
	
	
	
	
.activity02{
	width:100%;
	background-image:none; 
	background-color: white;	
}

	.activity02 .ac02-container .d-flex div:nth-child(1){
		order:2;
	}
	.activity02 .ac02-container .d-flex div:nth-child(2){
		order:1;
	}
	
	
	
	.exhibited_products{
		width:100%;
	background-color:#c3e4f4;

}

.exhibited_products .exhibited_products_inner .d-flex{
	display: flex;
	flex-direction:column;
	width:100%;
	flex-wrap: wrap;
	font-size:1rem;
}

.exhibited_products .exhibited_products_inner .d-flex .col-sm-6{
	display: flex;
	flex-direction:row;
	width:100%;
	flex-wrap: wrap;
}	
	
	
	
	
	
	
	
	
}