@charset "UTF-8";

.page_top {
}

.pnkz {
}

.pnkz_wrap {
}

.pnkz_list {
}

.page_top_wrap {
}

.page_top_ttl {
}

.intro {
	padding: 88px 0 98px;
}

.intro_wrap {
}

.intro_catch {
	margin-bottom: 88px;
}

.intro_catch h2 {
	margin-bottom: 26px;
	font-weight: bold;
	font-size: 26px;
}

.intro_catch p {
}

.intro_img {
	position: relative;
	width: 100%;
	height: 309px;
}

.intro_img_wrap {
	position: absolute;
	width: calc(100% + 40px + ((100dvw - 1240px)/2));
	min-width: 1200px;
	height: 100%;
}

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

	object-position: top;
}

.cnt {
}

.cnt_wrap {
}

.cnt_box {
	border-top: 1px solid #cccccc;
}

.cnt_box:last-child {
	border-bottom: 1px solid #cccccc;
}

.cnt_box_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	position: relative;
	padding: 40px 0;
}

.cnt_box_txt {
}

.cnt_box_txt_ttl {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 40px;
}

.cnt_box_txt_ttl::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 81px;
	height: 4px;
	border-radius: 9999px;
	background: #e2090c;
}

.cnt_box_txt_cnt {
	max-width: 450px;
}

.cnt_box_mail {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 560px;
	margin-top: 19px;
	padding: 36px 41px 41px;
	border-radius: 12px;
	background: #f5f5f5;
}

.cnt_box_mail p {
	font-weight: bold;
	font-size: 18px;
}

.cnt_box_mail p span {
	color: #e2090c;
}

.cnt_box_mail a {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
	width: 225px;
	height: 45px;
	border-radius: 9999px;
	background: #e2090c;
	color: #ffffff;
	font-weight: bold;
}

.cnt_box_mail a .icon-mail-itel {
	font-size: 13px;
}

.cnt_box_img {
	width: 560px;
	overflow: hidden;
	border-radius: 12px;
}

.cnt_bnr {
	padding: 72px 0 100px;
}

.flow {
	padding: 125px 0 120px;
	background: #f5f5f5;
}

.flow_wrap {
}

.flow_ttl {
	position: relative;
	margin-bottom: 57px;
	padding-left: 25px;
	font-weight: bold;
	font-size: 40px;
}

.flow_ttl::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 50%;
	left: 0;
	width: 4px;
	height: 30px;
	border-radius: 9999px;
	background: #e2090c;
	transform: translateY(50%);
}

.flow_cnt {
}

.flow_box {
	display: flex;
	margin-bottom: 30px;
	background: #ffffff;
}

.flow_box:last-child {
	margin-bottom: 0;
}

.flow_box_num {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 108px;
	border-right: 1px solid #cccccc;
	color: #e2090c;
	font-weight: 600;
	font-size: 21px;
}

.flow_box_cnt {
	width: calc(100% - 108px);
	padding: 48px 41px;
}

.flow_box_ttl {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 26px;
}

.flow_box_txt {
}

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

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

	.pnkz {
	}

	.pnkz_wrap {
	}

	.pnkz_list {
	}

	.page_top_wrap {
	}

	.page_top_ttl {
	}

	.intro {
		padding: 55px 0 85px;
	}

	.intro_wrap {
	}

	.intro_catch {
		margin-bottom: 30px;
	}

	.intro_catch h2 {
	}

	.intro_catch p {
	}

	.intro_img {
		height: 110px;
	}

	.intro_img_wrap {
		top: 0;
		left: 0;
		width: calc(100% + 24px);
		min-width: unset;
	}

	.intro_img_wrap img {
	}

	.cnt {
	}

	.cnt_wrap {
	}

	.cnt_box {
	}

	.cnt_box:last-child {
	}

	.cnt_box_wrap {
		flex-flow: column;
		gap: 35px;
		padding: 45px 0 60px;
	}

	.cnt_box_txt {
	}

	.cnt_box_txt_ttl {
		font-size: 32px;
	}

	.cnt_box_txt_ttl::after {
	}

	.cnt_box_txt_cnt {
	}

	.cnt_box_mail {
		flex-flow: column;
		width: 100%;
		max-width: 400px;
		margin: 20px auto 0;
		padding: 20px;
		text-align: center;
	}

	.cnt_box_mail p {
	}

	.cnt_box_mail p span {
	}

	.cnt_box_mail a {
	}

	.cnt_box_mail a .icon-mail-itel {
	}

	.cnt_box_img {
		width: 100%;
		max-width: 400px;
	}

	.cnt_bnr {
		max-width: 374px;
		margin: 0 auto;
		padding: 40px 0 50px;
	}

	.flow {
		padding: 65px 0 60px;
	}

	.flow_wrap {
	}

	.flow_ttl {
		margin-bottom: 30px;
		font-size: 32px;
	}

	.flow_ttl::before {
	}

	.flow_cnt {
		max-width: 450px;
		margin: 0 auto;
	}

	.flow_box {
		flex-flow: column;
		margin-bottom: 25px;
	}

	.flow_box:last-child {
	}

	.flow_box_num {
		width: 100%;
		padding: 17px 0;
		border-right: unset;
		border-bottom: 1px solid #cccccc;
	}

	.flow_box_cnt {
		width: 100%;
		padding: 35px 30px;
	}

	.flow_box_ttl {
		margin-bottom: 9px;
		font-size: 22px;
	}

	.flow_box_txt {
	}
}