@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

/*-----------------------------------

	concept_block

-----------------------------------*/
#concept_block {
	background: url(../img/concept/bg_img.jpg) no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 100px 0 28px;
	position: relative;
}
#concept_block h1 {
	font-family: "EB Garamond", serif;
	font-size: 41px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	color: #003A7D;
	margin-bottom: 55px;
}
#concept_block .logo {
	width: 311px;
	margin: 0 auto 76px;
}
#concept_block h2 {
	font-size: 58px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0;
	line-height: 1;
	color: #00437C;
	margin-bottom: 65px;
}
#concept_block p {
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 2.2;
	color: #00437C;
	width: 100%;
	max-width: 345px;
	margin: 0 auto 269px;
}
#concept_block small {
	display: block;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
}
#concept_block .img {
	position: absolute;
	z-index: 1;
}
#concept_block .img1 {
	width: 16.67vw;
	min-width: 150px;
	top: 221px;
	left: 108px;
	filter: drop-shadow(0px 0px 34px rgba(0,115,189,0.7));
	transform: translateZ(0);
}
#concept_block .img2 {
	width: 18vw;
	min-width: 170px;
	top: 136px;
	right: 236px;
	filter: drop-shadow(0px 0px 30px rgba(0,115,189,0.7));
	transform: translateZ(0);
}
#concept_block .img3 {
	width: 19.35vw;
	min-width: 190px;
	top: 472px;
	left: -23px;
	filter: drop-shadow(0px 0px 30px rgba(0,115,189,0.7));
	transform: translateZ(0);
}
#concept_block .img4 {
	width: 15.35vw;
	min-width: 130px;
	top: 301px;
	right: 51px;
	filter: drop-shadow(0px 0px 30px rgba(0,115,189,0.7));
	transform: translateZ(0);
	z-index: 2;
}
#concept_block .img5 {
	width: 16vw;
	min-width: 140px;
	top: 843px;
	left: 183px;
	filter: drop-shadow(0px 0px 30px rgba(0,115,189,0.7));
	transform: translateZ(0);
}
#concept_block .img6 {
	width: 25.35vw;
	min-width: 210px;
	top: 768px;
	right: 88px;
	filter: drop-shadow(0px 0px 35px rgba(0,115,189,0.7));
	transform: translateZ(0);
}
@media screen and (min-width: 1700px) {
	#concept_block .img1 {
		top: 180px;
	}
}
@media screen and (max-width: 1200px) {
	#concept_block .img2 {
		top: 186px;
		right: 186px;
	}
	#concept_block .img3 {
		left: -48px;
	}
	#concept_block .img5 {
		left: 133px;
	}
	#concept_block .img6 {
		right: 38px;
	}
}
@media screen and (max-width: 1024px) {
	#concept_block .img2 {
		top: 201px;
		right: 161px;
	}
	#concept_block .img3 {
		top: 365px;
	}
	#concept_block .img5 {
		left: 83px;
	}
	#concept_block .img6 {
		right: 38px;
	}
}
@media screen and (max-width: 840px) {
	.sp {
		display: block !important;
	}
	#concept_block {
		background: url(../img/concept/sp/bg_img.jpg) no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 52px 0 24px;
	}
	#concept_block h1 {
		font-size: 29px;
		margin-bottom: 42.5px;
	}
	#concept_block .logo {
		width: 216px;
		margin: 0 auto 21px;
	}
	#concept_block .img_box {
		width: 100vw;
		position: relative;
		margin: 0 calc(50% - 50vw);
	}
	#concept_block .img_box1 {
		height: 72vw;
		min-height: 270px;
		margin-bottom: 35px;
	}
	#concept_block .img_box1 .img1 {
		width: 38.4vw;
		min-width: 144px;
		top: 0;
		left: auto;
		right: 0;
		filter: drop-shadow(0px 0px 16px rgba(0,115,189,0.7));
		transform: translateZ(0);
	}
	#concept_block .img_box1 .img2 {
		width: 32.5vw;
		min-width: 122px;
		top: 45px;
		left: 0;
		filter: drop-shadow(0px 0px 16px rgba(0,115,189,0.7));
		transform: translateZ(0);
	}
	#concept_block .img_box1 .img3 {
		width: 45.3vw;
		min-width: 140px;
		top: auto;
		left: auto;
		right: 39px;
		bottom: 0;
		filter: drop-shadow(0px 0px 16px rgba(0,115,189,0.7));
		transform: translateZ(0);
	}
	#concept_block h2 {
		font-size: 33px;
		line-height: 1.57;
		text-align: left;
		width: 100%;
    	max-width: 300px;
		margin: 0 auto 18px;
		transform: translateX(14px);
	}
	#concept_block p {
		font-size: 13px;
		line-height: 2.2;
		max-width: 300px;
		margin-bottom: 43px;
		transform: translateX(14px);
	}
	#concept_block .img_box2 {
		height: 70vw;
		min-height: 265px;
		margin-bottom: 103px;
	}
	#concept_block .img_box2 .img4 {
		width: 41vw;
		min-width: 154px;
		top: 0;
		left: 0;
		filter: drop-shadow(0px 0px 16px rgba(0,115,189,0.7));
		transform: translateZ(0);
	}
	#concept_block .img_box2 .img5 {
		width: 31vw;
		min-width: 117px;
		top: 68px;
		left: auto;
		right: 31px;
		filter: drop-shadow(0px 0px 16px rgba(0,115,189,0.7));
		transform: translateZ(0);
	}
	#concept_block .img_box2 .img6 {
		width: 34vw;
		min-width: 128px;
		top: auto;
		left: 81px;
		bottom: 0;
		filter: drop-shadow(0px 0px 16px rgba(0,115,189,0.7));
		transform: translateZ(0);
	}
	#concept_block small {
		transform: scale(0.9);
	}
}