@charset "utf-8";


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.blockTtl .ktkn{
		font-size:inherit;
		letter-spacing:-3.5px;
	}
	/* ============================================ */
	.exhibitorPage .recommendBox{
		margin-top:8%;
		background-color:#fafafa;
	}
	.exhibitorPage .recommendBox .itemBox .items .imgBox{
		background-color:#fff;
		height:30vw;
	}

	/* ============================================ */
	.exhibitorBox{
		margin-top:10%;
	}
	.exhibitorBox .items{
		width:100%;
		margin-top:5%;
		padding:10% 6%;
		border:1px solid #333;
	}
	.exhibitorBox .items:first-child{
		margin-top:5%;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .logoBox{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:35vw;
		max-height:220px;
		background-color:#fff;
	}
	.exhibitorBox .items .logoBox img{
		display:block;
		width:auto;
		max-width:70%;
		height:auto;
		max-height:70%;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .txtBox{
		margin-top:4%;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .txtBox .companyTxtBox{}
	.exhibitorBox .items .txtBox .companyTxtBox .companyNameTxt{
		font-size:5.0vw;
		line-height:1.2;
	}
	.exhibitorBox .items .txtBox .companyTxtBox .urlTxt{
		display:flex;
		font-size:3.5vw;
		line-height:1.2;
		color:#333;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .txtBox .tagsBox{
		display:flex;
		flex-direction:column;
		margin-top:3%;
	}
	.exhibitorBox .items .txtBox .tagsBox > ul{
		display:flex;
	}
	.exhibitorBox .items .txtBox .tagsBox > ul li{
		width:fit-content;
		padding:1% 2%;
	}
	.exhibitorBox .items .txtBox .tagsBox ul li:nth-child(2){
		margin-left:2%;
	}
	.exhibitorBox .items .txtBox .tagsBox > ul li p{
		font-size:2.8vw;
	}
	.exhibitorBox .items .txtBox .tagsBox .bizType li{
		border:solid 1px #333;
	}
	.exhibitorBox .items .txtBox .tagsBox .efforts{
		margin-top:2%;
	}
	.exhibitorBox .items .txtBox .tagsBox .efforts li{
		border:solid 1px var(--themeColorGreen);
		background-color:var(--themeColorGreen);
	}
	.exhibitorBox .items .txtBox .tagsBox .efforts li p{
		color:#fff;
	}

	/* ------------------------------------ */
	.exhibitorBox .items .descBox{
		margin-top:4%;
	}
	.exhibitorBox .items .descBox .pointTtlTxt{
		display:none;
	}
	.exhibitorBox .items .descBox .catchTxt{
		font-size:4.4vw;
		font-weight:600;
		line-height:1.2;
	}
	.exhibitorBox .items .descBox .effortsDtlBox{
		margin-top:4%;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li{
		margin-top:2.5%;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li:first-child{
		margin-top:0px;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li p{
		font-size:3.5vw;
		padding-left:1.2em;
		position:relative;
		line-height:1.3;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li p::before{
		content:"→";
		font-size:3.5vw;
		position:absolute;
		left:0;
	}

	/* ============================================ */
	.certifiedBox{
		display:flex;
		flex-direction:column-reverse;
		margin-top:10%;
		padding:5% 7%;
		background-color:#f6fcef;
		border-radius:20px;
	}
	.certifiedBox .imgBox{
		width:50%;
		margin:0 auto 0;
	}
	.certifiedBox .txtBox{
		margin-top:8%;
	}
	/* ------------------------------------ */
	.certifiedBox .txtBox .ttlTxt{
		font-size:4.5vw;
		font-weight:500;
		line-height:1.2;
	}
	.certifiedBox .txtBox .descTxt{
		margin-top:2%;
		font-size:3.5vw;
		line-height:1.2;
	}
	.certifiedBox .txtBox > a{
		display:flex;
		width:fit-content;
		margin:20px auto 0;
		padding:15px 40px;
		font-size:clamp(1.0rem, 1.4vw, 1.4em);
		background-color:var(--themeColorGreen);
		color:#fff;
		border-radius:10px;
		position:relative;
	}
	.certifiedBox .txtBox > a::before{
		content:"\e89e";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		display:block;
		position:absolute;
		right:0.3em;
		top:50%;
		transform:translateY(-42%);
	}

	/* ============================================ */
	.supportGroupBox{
		margin-top:10%;
	}
	.supportGroupBox li{
		font-size:3.5vw;
		margin-top:4%;
		padding-inline:0.9em 0;
		line-height:1.2;
		position:relative;
	}
	.supportGroupBox li::before{
		content:"●";
		position:absolute;
		top:0.7vw;
		left:0;
		font-size:2.2vw;
	}
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* ///////////////////////////////////////////////////// */
/* ============================================ */
/* ------------------------------------ */

@media screen and (min-width:768px){
	.blockTtl .ktkn{
		font-size:inherit;
		letter-spacing:-3.5px;
	}

	/* ============================================ */
	.exhibitorPage .recommendBox{
		width:100%;
		max-width:1700px;
		padding:30px;
		background-color:#fafafa;
	}
	.exhibitorPage .recommendBox .itemBox .items .imgBox{
		background-color:#fff;
	}

	.exhibitorPage .recommendBox .itemBox .items{
		display:flex;
		align-items:center;
		width:100%;
	}
	.exhibitorPage .recommendBox .itemBox .items .imgBox{
		width:30%;
		max-width:220px;
		min-width:200px;
		height:10vw;
		max-height:175px;
		min-height:125px;
	}
	.exhibitorPage .recommendBox .itemBox .items .txtBox{
		flex-grow:1;
		flex-shrink:1; 
		flex-basis:0;
		padding-left:1em;
	}
	/* ------------------------------------ */
	@media screen and (max-width:1290px){
		.exhibitorPage .recommendBox .itemBox .items .tagsBox{
			flex-direction:column;
		}
		.exhibitorPage .recommendBox .itemBox .items .tagsBox li{
			margin-left:0;
			width:fit-content;
		}
		.exhibitorPage .recommendBox .itemBox .items .tagsBox li:nth-child(2){
			margin-top:5px;
		}
		.exhibitorPage .recommendBox .itemBox .items .tagsBox li p{
			font-size: clamp(0.7rem, 1vw, 1rem);
		}
		.exhibitorPage .recommendBox .itemBox .items .campanyName{
			font-size:inherit;
		}
	}
	/* ------------------------------------ */
	@media screen and (max-width:1030px){
		.exhibitorPage .exhibitorPage .recommendBox .itemBox{
			display:flex;
			flex-direction:column;
		}
	}

	/* ============================================ */
	.exhibitorBox{
		/*display:grid;
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		gap:40px;*/
		display:flex;
		flex-wrap:wrap;
	}
	.exhibitorBox .items{
		display:flex;
		flex-direction:column;
		width:47.5%;
		margin-top:40px;
		padding:35px;
		border:1px solid #333;
	}
	.exhibitorBox .items:nth-child(even){
		margin-left:5%;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .logoBox{
		display:flex;
		align-items:center;
		justify-content:center;
		width:100%;
		height:20vw;
		max-height:350px;
		background-color:#fff;
	}
	.exhibitorBox .items .logoBox img{
		display:block;
		width:auto;
		max-width:50%;
		height:auto;
		max-height:70%;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .txtBox{
		margin-top:30px;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .txtBox .companyTxtBox{}
	.exhibitorBox .items .txtBox .companyTxtBox .companyNameTxt{
		font-size:clamp(1.6rem, 2.1vw, 2.1rem);
		line-height:1.2;
	}
	.exhibitorBox .items .txtBox .companyTxtBox .urlTxt{
		display:flex;
		font-size:clamp(0.7rem, 1.2vw, 1.2rem);
		line-height:1.2;
		color:#333;
	}
	/* ------------------------------------ */
	.exhibitorBox .items .txtBox .tagsBox{
		display:flex;
		margin-top:15px;
	}
	.exhibitorBox .items .txtBox .tagsBox > ul{
		display:flex;
	}
	.exhibitorBox .items .txtBox .tagsBox > ul li{
		width:fit-content;
		padding:5px 5px;
	}
	.exhibitorBox .items .txtBox .tagsBox ul li:nth-child(2){
		margin-left:5px;
	}
	.exhibitorBox .items .txtBox .tagsBox > ul li p{
		font-size:clamp(0.6rem, 0.9vw, 0.9rem);
	}
	.exhibitorBox .items .txtBox .tagsBox .bizType li{
		border:solid 1px #333;
	}
	.exhibitorBox .items .txtBox .tagsBox .efforts{
		margin-left:20px;
	}
	.exhibitorBox .items .txtBox .tagsBox .efforts li{
		border:solid 1px var(--themeColorGreen);
		background-color:var(--themeColorGreen);
	}
	.exhibitorBox .items .txtBox .tagsBox .efforts li p{
		color:#fff;
	}
	@media screen and (max-width:1150px){
		.exhibitorBox .items .txtBox .tagsBox{
			flex-direction:column;
		}
		.exhibitorBox .items .txtBox .tagsBox .efforts{
			margin-left:0;
			margin-top:5px;
		}
	}
	/* ------------------------------------ */
	.exhibitorBox .items .descBox{
		margin-top:20px;
	}
	.exhibitorBox .items .descBox .pointTtlTxt{
		display:none;
	}
	.exhibitorBox .items .descBox .catchTxt{
		font-size:clamp(1.1rem, 1.6vw, 1.6rem);
		font-weight:600;
		line-height:1.2;
	}
	.exhibitorBox .items .descBox .effortsDtlBox{
		margin-top:10px;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li{
		margin-top:7px;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li:first-child{
		margin-top:0px;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li p{
		font-size:clamp(0.8rem, 1.2vw, 1.2rem);
		padding-left:1.2em;
		position:relative;
		line-height:1.2;
	}
	.exhibitorBox .items .descBox .effortsDtlBox > li p::before{
		content:"→";
		font-size:clamp(0.8rem, 1.2vw, 1.2rem);
		position:absolute;
		left:0;
	}
	/* ------------------------------------ */
	@media screen and (max-width:1050px){
		.exhibitorBox{
			flex-direction:column;
		}
		.exhibitorBox .items{
			width:100%;
		}
		.exhibitorBox .items:nth-child(even){
			margin-left:0;
		}
		.exhibitorBox .items .txtBox .companyTxtBox .companyNameTxt{
			font-size:clamp(1.7rem, 2.2vw, 2.2rem);
		}
		.exhibitorBox .items .txtBox .companyTxtBox .urlTxt{
			font-size:clamp(1.0rem, 1.5vw, 1.5rem);
		}
		.exhibitorBox .items .txtBox .tagsBox{
			flex-direction:row;
		}
		.exhibitorBox .items .txtBox .tagsBox .efforts{
			margin-left:20px;
			margin-top:0;
		}
		.exhibitorBox .items .txtBox .tagsBox > ul li p{
			font-size:clamp(0.8rem, 1.3vw, 1.3rem);
		}
		.exhibitorBox .items .descBox .catchTxt{
			font-size:clamp(1.3rem, 1.8vw, 1.8rem);
		}
		.exhibitorBox .items .descBox .effortsDtlBox > li p{
			font-size:clamp(1.0rem, 1.5vw, 1.5rem);
		}
	}

	/* ============================================ */
	.certifiedBox{
		display:flex;
		align-items:center;
		margin-top:80px;
		padding:50px;
		background-color:#f6fcef;
		border-radius:20px;
	}
	.certifiedBox .txtBox{
		width:75%;
		padding-right:50px;
	}
	.certifiedBox .imgBox{
		width:25%;
	}
	/* ------------------------------------ */
	.certifiedBox .txtBox .ttlTxt{
		font-size:clamp(1.4rem, 1.8vw, 1.8em);
		font-weight:500;
		line-height:1.3;
	}
	.certifiedBox .txtBox .descTxt{
		margin-top:10px;
		font-size:clamp(0.9rem, 1.3vw, 1.3em);
		line-height:1.2;
	}
	.certifiedBox .txtBox > a{
		display:flex;
		width:fit-content;
		margin-top:20px;
		padding:15px 40px;
		font-size:clamp(1.0rem, 1.4vw, 1.4em);
		background-color:var(--themeColorGreen);
		color:#fff;
		border-radius:10px;
		position:relative;

		transition:all 0.2s ease-in-out;
		transform:scale(1);
	}
	.certifiedBox .txtBox > a:hover{
		transform:scale(1.08);
	}
	.certifiedBox .txtBox > a::before{
		content:"\e89e";
		font-family:"Material Symbols Outlined";
		font-size:clamp(1.1rem, 1.4vw, 1.4rem);
		display:block;
		position:absolute;
		right:0.3em;
		top:50%;
		transform:translateY(-42%);
	}

	/* ============================================ */
	.supportGroupBox{
		display:grid;
		grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
		gap:30px;
		margin-top:60px;
	}
	.supportGroupBox li{
		font-size: clamp(1.1rem, 1.6vw, 1.6rem);
		padding-inline:1em 1em;
		line-height:1.2;
		position:relative;
	}
	.supportGroupBox li::before{
		content:"●";
		position:absolute;
		top:0.15vw;
		left:0;
		font-size: clamp(0.7rem, 1.2vw, 1.2rem);
	}
}