@charset "utf-8";



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

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

@media screen and (max-width:767px){
	.pageTtlBox .jpTtlTxt{
		/*transform:translateX(-0.8vw);*/
	}
	/* ============================================ */
	.leadTxt{
		font-size:3.5vw;
		line-height:1.5;
	}

	/* ------------------------------------ */
	.block.first .brandListBox{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}
	.block.first .brandListBox.type01 li{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		width:calc(100% / 3);
		margin-top:30px;
		padding:4% 0;
		border-right:1px solid #333;
	}
	.block.first .brandListBox.type01 li:nth-child(3),
	.block.first .brandListBox.type01 li:nth-child(5){
		border-right:none;
	}
	.block.first .brandListBox.type01 li:nth-child(1) img{
		width:40%;
	}
	.block.first .brandListBox.type01 li:nth-child(2) img{
		width:80%;
	}
	.block.first .brandListBox.type01 li:nth-child(3) img{
		width:36%;
	}
	.block.first .brandListBox.type01 li:nth-child(4) img{
		width:48%;
	}
	.block.first .brandListBox.type01 li:nth-child(5) img{
		width:80%;
	}

	.block.first .brandListBox.type02 li{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		width:calc(100% / 5);
		margin-top:30px;
		padding:4% 0;
		border-right:1px solid #333;
	}
	.block.first .brandListBox.type02 li:nth-child(5){
		border-right:none;
	}
	.block.first .brandListBox.type02 li:nth-child(1) img{
		width:30%;
	}
	.block.first .brandListBox.type02 li:nth-child(2) img{
		width:75%;
	}
	.block.first .brandListBox.type02 li:nth-child(3) img{
		width:36%;
	}
	.block.first .brandListBox.type02 li:nth-child(4) img{
		width:42%;
	}
	.block.first .brandListBox.type02 li:nth-child(5) img{
		width:80%;
	}

	/* ============================================ */
	.block .inner .blockTtlBox h3 a{
		display:flex;
		align-items:center;
		width:fit-content;
		color:#333;
		position:relative;

		transition:all 0.2s ease-in-out;
		transform: scale(1);
		opacity:1;
	}
	.block .inner .blockTtlBox h3 a::after{
		content:"\e89e";
		font-family:"Material Symbols Outlined";
		font-size:inherit;
		position:absolute;
		right:-1.1em;
		top:50%;
		transform:translateY(-40%);
		font-variation-settings:'wght' 200;
	}
	/* ------------------------------------ */
	.block .profileBox{
		border:1px solid #333;
		padding:0 4% 4% 4%;
		margin-top:3%;
	}
	.block .profileBox .items{
		margin-top:10%;
		padding:0 0.7em 0.7em 0.7em;
		border-bottom:1px solid #333;
	}
	.block .profileBox .items:last-child{
		border-bottom:none;
	}
	/* ------------------------------------ */
	.block .profileBox .items .ttlBox,
	.block .profileBox .items .bdyBox{
		width:100%;
	}
	.block .profileBox .items .bdyBox{
		margin-top:2%;
	}
	.block .profileBox .items .ttlBox p{
		font-size:3.0vw;
		font-weight:500;
		line-height:1.2;
	}
	.block .profileBox .items .bdyBox p,
	.block .profileBox .items .bdyBox ul li p{
		line-height:1.2;
		font-size:3.5vw;
	}
	.block .profileBox .items .bdyBox ul li p{
		position:relative;
		padding-left:0.9em;
	}
	.block .profileBox .items .bdyBox ul li p::before{
		content:"";
		width:2vw;
		height:1px;
		background-color:#333;
		position:absolute;
		top:2vw;
		left:0;
	}
	.block .profileBox .items .bdyBox ul:last-child{
		margin-top:10%;
	}
	.block .profileBox .items .bdyBox ul li{
		margin-top:2%;
	}
	.block .profileBox .items .bdyBox ul li:first-child{
		margin-top:0;
	}
}

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

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

@media screen and (min-width:768px){
	.pageTtlBox .jpTtlTxt{
		/*transform:translateX(-10px);*/
	}
	/* ============================================ */
	.block.first .leadTxt{
		font-size:clamp(1.0rem, 1.5vw, 1.5rem);
		line-height:1.5;
	}
	/* ------------------------------------ */
	.block.first .brandListBox{
		display:flex;
		flex-wrap:wrap;
	}
	.block.first .brandListBox li{
		display:flex;
		justify-content:center;
		align-items:center;
		width:calc(100% / 5);
		margin-top:30px;
		padding:4% 0;
		border-right:1px solid #333;
	}
	.block.first .brandListBox li:last-child{
		border-right:none;
	}
	.block.first .brandListBox li:nth-child(1) img{
		width:32%;
	}
	.block.first .brandListBox li:nth-child(2) img{
		width:70%;
	}
	.block.first .brandListBox li:nth-child(3) img{
		width:28%;
	}
	.block.first .brandListBox li:nth-child(4) img{
		width:40%;
	}
	.block.first .brandListBox li:nth-child(5) img{
		width:70%;
	}

	/* ============================================ */
	.block .inner .blockTtlBox h3 a{
		display:flex;
		align-items:center;
		width:fit-content;
		color:#333;
		position:relative;

		transition:all 0.2s ease-in-out;
		transform: scale(1);
		opacity:1;
	}
	.block .inner .blockTtlBox h3 a::after{
		content:"\e89e";
		font-family:"Material Symbols Outlined";
		font-size:inherit;
		position:absolute;
		right:-1.1em;
		top:50%;
		transform:translateY(-40%);
		font-variation-settings:'wght' 200;
	}
	.block .inner .blockTtlBox h3 a:hover{
		transform:scale(1.02);
		opacity:0.7;
	}
	/* ------------------------------------ */
	.block .profileBox{
		border:1px solid #333;
		padding:30px;
		margin-top:20px;
	}
	.block .profileBox .items{
		display:flex;
		margin-top:40px;
		padding:0 20px 20px 20px;
		border-bottom:1px solid #333;
	}
	.block .profileBox .items:last-child{
		border-bottom:none;
	}
	/* ------------------------------------ */
	.block .profileBox .items .ttlBox{
		width:150px;
	}
	.block .profileBox .items .bdyBox{
		width:calc(100% - 150px);
	}
	.block .profileBox .items > div p,
	.block .profileBox .items .bdyBox ul li p{
		line-height:1.3;
		font-size:clamp(0.9rem, 1.3vw, 1.2rem);
	}
	/* ------------------------------------ */
	.block .profileBox .items.location .bdyBox{
		display:flex;
	}
	.block .profileBox .items.location .bdyBox > ul{
		width:47%;
	}
	.block .profileBox .items.location .bdyBox > ul:last-child{
		margin-left:6%;
	}
	.block .profileBox .items.location .bdyBox > ul > li{
		margin-top:20px;
	}
	.block .profileBox .items.location .bdyBox > ul > li:first-child{
		margin-top:0;
	}

}