@charset "UTF-8";

.dept_hd {
}

.dept_hd_ttl {
	height: 600px;
	background: url(../img/dept/home/hd-bg@2x.jpg) center / cover;
}

.dept_hd_ttl_inner {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1240px;
	height: 100%;
	margin: 0 auto;
	padding: 0 40px;
}

.dept_hd_ttl_wrap {
}

.dept_hd_ttl_cnt {
}

.dept_hd_ttl_cnt h1 {
}

.dept_hd_ttl_cnt p {
}

.dept_hd_pnkz {
	padding: 30px 0;
}

.dept_hd_pnkz_list {
}

.intro {
	padding: 70px 0 120px;
}

.intro_wrap {
	display: grid;
	grid-template-columns: 440px auto;
	gap: 70px;
}

.intro_catch {
}

.intro_catch_txt {
	margin-bottom: 48px;
	font-size: 40px;
	line-height: 1.375;
	text-shadow: 2px 2px 0 #c4ff00;
}

.intro_catch_img {
	position: relative;
	width: 100%;
	max-width: 428px;
	height: auto;
	aspect-ratio: 428 / 233;
}

.intro_catch_img_pic {
	display: flex;
	width: fit-content;
}

.intro_catch_img_pic.intro_pic01 {
	position: relative;
	z-index: 1;
}

.intro_catch_img_pic.intro_pic02 {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.intro_catch_img_item {
	display: block;
	position: absolute;
	z-index: 5;
	height: auto;
	background: #c4ff00;
	aspect-ratio: 1;
}

.intro_catch_img_item.intro_item01 {
	top: 62%;
	left: 3%;
	width: 33px;
}

.intro_catch_img_item.intro_item02 {
	top: -4%;
	left: 65%;
	width: 65px;
}

.intro_catch_img_item.intro_item03 {
	top: 30%;
	right: -4%;
	width: 47px;
}

.intro_txt {
	display: flex;
	align-items: end;
}

.about {
	padding: 110px 0;
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background: url(../img/cmn/grid-bg@2x.png) center / 75px 75px;
}

.about_catch {
	margin-bottom: 60px;
	font-size: 30px;
	text-align: center;
}

.-tlarge {
	font-size: 40px;
}

.-marker {
	display: inline-block;
	position: relative;
	z-index: 2;
}

.-marker::before {
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	bottom: 9px;
	z-index: -1;
	width: calc(100% + 2px);
	height: 7px;
	transform: translateX(50%);
}

.-marker.red::before {
	background: #ff86da;
}

.-marker.green::before {
	background: #c4ff00;
}

.-marker.bule::before {
	background: #00ebff;
}

.about_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}

.about_cnt {
	position: relative;
	z-index: 5;
	padding: 50px 20px;
	border: 1px solid #000000;
	box-shadow: 8px 9px 0 var(--mcolor);
	background: #ffffff;
	text-align: center;
}

.about_hd {
}

.about_hd_ttl {
}

.about_hd_ttl h3 {
	position: relative;
	z-index: 2;
	width: fit-content;
	margin: 0 auto;
	font-size: 45px;
	line-height: 1.4;
}

.about_hd_ttl h3::before {
	content: "";
	display: block;
	position: absolute;
	right: 50%;
	bottom: 6px;
	z-index: -1;
	width: calc(100% + 4px);
	height: 13px;
	background: var(--mcolor);
	transform: translateX(50%);
}

.about_hd_ttl p {
	font-size: 20px;
	line-height: 1;
}

.about_hd_common {
	font-size: 24px;
}

.about_intro {
	font-size: 20px;
}

.about_intro span {
	color: #ff5800;
}

.about_tri {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
}

.about_tri_cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	position: absolute;
	right: 50%;
	bottom: 50%;
	width: 215px;
	height: auto;
	aspect-ratio: 1;
}

.about_tri_cnt::before {
	content: "";
	display: block;
	opacity: 0.1;
	position: absolute;
	right: 50%;
	bottom: 50%;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: var(--mcolor);
	transform: translate(50%, 50%);
}

.about_tri_cnt.tri_item01 {
	transform: translate(calc(50% - 90px), calc(50% + 90px));
}

.about_tri_cnt.tri_item02 {
	transform: translate(50%, calc(50% - 69px));
}

.about_tri_cnt.tri_item03 {
	transform: translate(calc(50% + 90px), calc(50% + 90px));
}

.about_tri_item {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 10;
}

.about_note {
}

.about_note span {
	font-size: 20px;
	text-decoration: underline;
	text-decoration-color: var(--mcolor);
}

.introduction {
	padding: 120px 0;
}

.introduction_wrap {
}

.introduction_sec {
	position: relative;
	width: 100%;
	margin-bottom: 125px;
}

.introduction_sec.st_sec {
	margin-bottom: 0;
}

.introduction_sec_img {
	position: relative;
	z-index: 2;
	width: 56.9%;
	height: auto;
	aspect-ratio: 1;
}

.introduction_sec_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.introduction_sec_cnt {
	position: absolute;
	top: 234px;
	right: 0;
	z-index: 3;
	width: 560px;
	padding: 55px 60px 70px 50px;
	border: #000000 1px solid;
	background: url(../img/cmn/grid-bg@2x.png) center / 75px 75px;
}

.introduction_sec_hd {
	position: relative;
	z-index: 3;
	margin-bottom: 18px;
	font-size: 45px;
	line-height: 1.3;
}

.introduction_sec_hd span {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	line-height: 1;
}

.introduction_sec_hd span::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 13px;
	background: var(--mcolor);
}

.introduction_sec_txt {
	margin-bottom: 35px;
}

.introduction_sec_link {
	width: 323px;
}

.introduction_sec_link > .cmnlink {
	background: var(--mcolor);
}

.introduction_sec_link > .cmnlink:hover {
	background: var(--ocolor);
}

.introduction_sec_link_arrow {
}

.introduction_item_wrap {
	position: absolute;
	width: 172px;
	height: 172px;
}

.pt_sec .introduction_item_wrap {
	top: 100px;
	right: 20%;

	scale: -1 1;
}

.ot_sec .introduction_item_wrap {
	top: 100px;
	right: 6%;
}

.st_sec .introduction_item_wrap {
	top: 78px;
	right: 20%;
}

.introduction_item {
	display: block;
	position: absolute;
	height: auto;
	background: var(--mcolor);
	aspect-ratio: 1;
}

.introduction_item.i-item01 {
	right: 0;
	bottom: 0;
	width: 97px;
}

.introduction_item.i-item02 {
	top: 0;
	left: 0;
	width: 62px;
}

.flow {
	padding: 130px 0 0;
}

.flow_wrap {
	padding: 75px 65px;
	background: #f1ffc4;
}

.flow_ttl {
	position: relative;
	z-index: 3;
	margin-bottom: 45px;
	font-size: 30px;
}

.flow_ttl h2 {
	display: block;
	position: relative;
	width: fit-content;
	margin: 0 auto;
	padding: 0 9px;
	line-height: 1;
}

.flow_ttl h2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -9px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 12px;
	background: #c4ff00;
}

.flow_fig {
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	.dept_hd {
	}

	.dept_hd_ttl {
		height: 260px;
	}

	.dept_hd_ttl_inner {
		padding: 0;
	}

	.dept_hd_ttl_wrap {
	}

	.dept_hd_ttl_cnt {
	}

	.dept_hd_ttl_cnt h1 {
	}

	.dept_hd_ttl_cnt p {
	}

	.dept_hd_pnkz {
		padding: 15px 0;
	}

	.dept_hd_pnkz_list {
	}

	.intro {
		padding: 40px 0 30px;
	}

	.intro_wrap {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.intro_catch {
	}

	.intro_catch_txt {
		margin-bottom: 20px;
		font-size: 29px;
	}

	.intro_catch_img {
	}

	.intro_catch_img_pic {
	}

	.intro_catch_img_pic.intro_pic01 {
		width: 195px;
	}

	.intro_catch_img_pic.intro_pic02 {
		width: 150px;
	}

	.intro_catch_img_item {
	}

	.intro_catch_img_item.intro_item01 {
	}

	.intro_catch_img_item.intro_item02 {
	}

	.intro_catch_img_item.intro_item03 {
	}

	.intro_txt {
	}

	.about {
		padding: 40px 0;
	}

	.about_catch {
		margin-bottom: 20px;
		font-size: 20px;
	}

	.-tlarge {
		font-size: 29px;
	}

	.-marker {
	}

	.-marker::before {
	}

	.-marker.red::before {
	}

	.-marker.green::before {
	}

	.-marker.bule::before {
	}

	.about_wrap {
		grid-template-columns: 1fr;
	}

	.about_cnt {
		padding: 30px 14px;
	}

	.about_hd {
	}

	.about_hd_ttl {
	}

	.about_hd_ttl h3 {
		font-size: 34px;
	}

	.about_hd_ttl h3::before {
		bottom: 1px;
	}

	.about_hd_ttl p {
	}

	.about_hd_common {
		font-size: 20px;
	}

	.about_intro {
		font-size: 18px;
	}

	.about_intro span {
	}

	.about_tri {
		scale: 0.7;
	}

	.about_tri_cnt {
	}

	.about_tri_cnt::before {
	}

	.about_tri_cnt.tri_item01 {
	}

	.about_tri_cnt.tri_item02 {
	}

	.about_tri_cnt.tri_item03 {
	}

	.about_tri_item {
	}

	.about_note {
	}

	.about_note span {
	}

	.introduction {
		padding: 60px 0;
	}

	.introduction_wrap {
	}

	.introduction_sec {
		margin-bottom: 50px;
	}

	.introduction_sec.st_sec {
	}

	.introduction_sec_img {
		width: 100%;
		max-width: 400px;
		margin: 0 auto 20px;
	}

	.introduction_sec_img img {
	}

	.introduction_sec_cnt {
		position: unset;
		width: 100%;
		padding: 30px 20px;
	}

	.introduction_sec_hd {
		margin-bottom: 10px;
		font-size: 30px;
	}

	.introduction_sec_hd span {
	}

	.introduction_sec_hd span::before {
	}

	.introduction_sec_txt {
		margin-bottom: 20px;
	}

	.introduction_sec_link {
		width: 100%;
		max-width: 280px;
	}

	.introduction_sec_link > .cmnlink {
	}

	.introduction_sec_link > .cmnlink:hover {
	}

	.introduction_sec_link_arrow {
	}

	.introduction_item_wrap {
	}

	.pt_sec .introduction_item_wrap {
	}

	.ot_sec .introduction_item_wrap {
	}

	.st_sec .introduction_item_wrap {
	}

	.introduction_item {
	}

	.introduction_item.i-item01 {
	}

	.introduction_item.i-item02 {
	}

	.flow {
		padding: 20px 0;
	}

	.flow_wrap {
		padding: 30px 15px;
	}

	.flow_ttl {
		margin-bottom: 22px;
		font-size: 24px;
	}

	.flow_ttl h2 {
	}

	.flow_ttl h2::before {
	}

	.flow_fig {
	}
}