@charset "UTF-8";
@media screen and (min-width: 768px) {
	html,
	body {
		overflow: initial;
	}
}
@media screen and (max-width: 768px) {
	html,
	body {
		overflow-x: hidden;
	}
}
.subpage .main {
	margin-top: 110px;
}

@media screen and (max-width: 768px) {
	.subpage .main {
		margin-top: 110rem;
	}
}
.subpage .header {
	background-color: #f1f3f5;
}

.sec_contain {
	max-width: 1200px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.sec_contain {
		max-width: 1200rem;
	}
}
@media screen and (max-width: 768px) {
	.sec_contain {
		max-width: 100%;
	}
}
.sec_pd {
	padding: 150px 60px;
}

@media screen and (max-width: 1500px) {
	.sec_pd {
		padding: 150rem 60rem;
	}
}
@media screen and (max-width: 768px) {
	.sec_pd {
		padding: 120rem 45rem;
	}
}
.c-breadcrumb {
	margin: 30px 70px;
}

@media screen and (max-width: 1500px) {
	.c-breadcrumb {
		margin: 30rem 70rem;
	}
}
@media screen and (max-width: 768px) {
	.c-breadcrumb {
		margin: 30rem 45rem;
	}
}
.c-breadcrumb__list {
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.c-breadcrumb__list {
		flex-wrap: wrap;
	}
}
.c-breadcrumb__listitem {
	position: relative;
}

.c-breadcrumb__listitem:last-child::after {
	content: "";
}

.c-breadcrumb__listitem::after {
	content: "⎯";
	margin-left: 10px;
	margin-right: 10px;
	text-decoration: none;
	font-size: 16px;
}

@media screen and (max-width: 1000px) {
	.c-breadcrumb__listitem::after {
		font-size: 18rem;
		margin: 0 15rem;
	}
}
@media screen and (max-width: 768px) {
	.c-breadcrumb__listitem::after {
		font-size: 24rem;
		margin: 0 20rem;
	}
}
.c-breadcrumb__listitem a,
.c-breadcrumb__listitem span {
	font-weight: 400;
	font-size: 14px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1000px) {
	.c-breadcrumb__listitem a,
	.c-breadcrumb__listitem span {
		font-size: 16rem;
	}
}
@media screen and (max-width: 768px) {
	.c-breadcrumb__listitem a,
	.c-breadcrumb__listitem span {
		font-size: 22rem;
	}
}
.c-breadcrumb__listitem a {
	text-decoration: underline;
}

/* Handle */
/* width */
.s-fv {
	position: relative;
}

@media screen and (max-width: 768px) {
	.s-fv_img img {
		height: 700rem;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.s-fv_content {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translate(-50%, -50%);
	max-width: 1400px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.s-fv_content {
		max-width: 1400rem;
	}
}
@media screen and (max-width: 768px) {
	.s-fv_content {
		max-width: 90%;
	}
}
.s-fv .page_title .jp {
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	color: #fff;
	text-shadow: 2.78px 2.88px 6px rgba(0, 0, 0, 0.11);
}

@media screen and (max-width: 1500px) {
	.s-fv .page_title .jp {
		font-size: 22rem;
	}
}
@media screen and (max-width: 768px) {
	.s-fv .page_title .jp {
		font-size: 28rem;
		margin-bottom: 10rem;
	}
}
.s-fv .page_title .en {
	margin-top: 40px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 120px;
	letter-spacing: -0.05em;
	line-height: 110px;
	text-align: center;
	color: #fff;
	text-shadow: 2.78px 2.88px 6px rgba(0, 0, 0, 0.11);
}

@media screen and (max-width: 1500px) {
	.s-fv .page_title .en {
		margin-top: 40rem;
		line-height: 110rem;
		font-size: 120rem;
	}
}
@media screen and (max-width: 768px) {
	.s-fv .page_title .en {
		margin-top: 30rem;
		font-size: 65rem;
		line-height: 1;
	}
}
.s-fv_bottom {
	margin-top: 80px;
}

@media screen and (max-width: 1500px) {
	.s-fv_bottom {
		margin-top: 80rem;
	}
}
@media screen and (max-width: 768px) {
	.s-fv_bottom {
		margin-top: 100rem;
	}
}
.s-fv_bottom_txt {
	font-weight: Bold;
	font-size: 20px;
	text-align: center;
	color: #0d0d0d;
}

@media screen and (max-width: 1500px) {
	.s-fv_bottom_txt {
		font-size: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.s-fv_bottom_txt {
		font-size: 26rem;
	}
}
.s-fv_contactlink {
	overflow: hidden;
	display: flex;
	align-items: center;
	max-width: 380px;
	width: 100%;
	margin: auto;
	margin-top: 30px;
	border-radius: 50px;
	background: #0d0d0d;
	border: 1px solid #0d0d0d;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #fff;
	padding: 30px 35px;
	position: relative;
	transition: 0.3s;
}

@media screen and (max-width: 1500px) {
	.s-fv_contactlink {
		max-width: 380rem;
		margin-top: 30rem;
		border-radius: 50rem;
		font-size: 18rem;
		padding: 30rem 35rem;
	}
}
@media screen and (max-width: 768px) {
	.s-fv_contactlink {
		max-width: 460rem;
		width: 100%;
		font-size: 26rem;
		padding: 25rem 40rem;
		border-radius: 50rem;
	}
}
@media screen and (min-width: 768px) {
	.s-fv_contactlink:hover {
		color: #333;
	}
	.s-fv_contactlink:hover::before {
		width: 100%;
	}
	.s-fv_contactlink:hover::after {
		filter: invert(1);
	}
}
.s-fv_contactlink span {
	position: relative;
	z-index: 2;
}

.s-fv_contactlink::before {
	position: absolute;
	content: "";
	width: 0%;
	height: 100%;
	background: #fff;
	left: 0;
	top: 0;
	transition: 0.3s;
	border-radius: 50px;
}

@media screen and (max-width: 1500px) {
	.s-fv_contactlink::before {
		border-radius: 50rem;
	}
}
.s-fv_contactlink::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 25px;
	transform: translateY(-50%);
	background-image: url(../img/common/icon-arrow-white.webp);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 34px;
	transition: 0.3s;
	height: 22px;
}

@media screen and (max-width: 1500px) {
	.s-fv_contactlink::after {
		right: 25rem;
		width: 34rem;
		height: 22rem;
	}
}
.p-servicetop_body .boxtxt {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_body .boxtxt {
		margin-top: 50rem;
	}
}
.p-servicetop_box {
	margin-top: 100px;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_box {
		margin-top: 100rem;
	}
}
.p-servicetop_box__title {
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #333;
	position: relative;
	padding-left: 25px;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_box__title {
		font-size: 30rem;
		padding-left: 25rem;
	}
}
.p-servicetop_box__title::before {
	position: absolute;
	content: "";
	top: 27px;
	left: 0;
	width: 10px;
	height: 4px;
	background: #19448f;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_box__title::before {
		width: 10rem;
		height: 4rem;
		top: 27rem;
	}
}
.p-servicetop_grid {
	margin-top: 35px;
	display: grid;
	grid-gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_grid {
		margin-top: 35rem;
		grid-gap: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-servicetop_grid {
		grid-template-columns: 1fr 1fr;
	}
}
.p-servicetop_grid__item {
	display: flex;
	align-items: center;
	gap: 25px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 35px 25px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_grid__item {
		gap: 25rem;
		padding: 35rem 25rem;
		border-radius: 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-servicetop_grid__item {
		gap: 15rem;
		padding: 30rem 15rem;
		border-radius: 10rem;
	}
}
.p-servicetop_grid__item:last-child {
	padding-right: 0;
}

.p-servicetop_grid__item img {
	max-width: 140px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_grid__item img {
		max-width: 140rem;
	}
}
@media screen and (max-width: 768px) {
	.p-servicetop_grid__item img {
		max-width: 80rem;
	}
}
.p-servicetop_grid__item_content .number {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -0.05em;
	text-align: left;
	color: #acacac;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_grid__item_content .number {
		font-size: 18rem;
	}
}
.p-servicetop_grid__item_content .txt {
	font-weight: bold;
	font-size: 26px;
	line-height: 38px;
	text-align: left;
	color: #333;
	margin: 0 !important;
}

@media screen and (max-width: 1500px) {
	.p-servicetop_grid__item_content .txt {
		font-size: 26rem;
		line-height: 38rem;
	}
}
.page-maincontent {
	position: relative;
	background-color: #F1F3F5;
}

.page-maincontent .pagenavibox {
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 300px;
	min-width: 300px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.page-maincontent .pagenavibox {
		min-width: 300rem;
		max-width: 300rem;
	}
}
@media screen and (max-width: 768px) {
	.page-maincontent .pagenavibox {
		display: none;
	}
}
.page-maincontent .pagenavi {
	padding-top: 200px;
	position: sticky;
	top: 0px;
	padding-left: 20px;
	border-right: 1px solid #ccc;
	padding-bottom: 100px;
}

@media screen and (max-width: 1500px) {
	.page-maincontent .pagenavi {
		padding-top: 200rem;
		padding-bottom: 100rem;
	}
}
@media screen and (max-width: 768px) {
	.page-maincontent .pagenavi {
		display: none;
	}
}
.page-maincontent .pagenavi_list {
	max-height: 700px;
	position: relative;
}

@media screen and (max-width: 1500px) {
	.page-maincontent .pagenavi_list {
		max-height: 700rem;
	}
}
.page-maincontent .pagenavi_item {
	position: relative;
	height: 70px;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 1500px) {
	.page-maincontent .pagenavi_item {
		height: 70rem;
	}
}
.page-maincontent .pagenavi_item.active::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
	background: #ffff00;
	transition: top 0.3s;
}

.page-maincontent .pagenavi_item:last-child {
	margin-bottom: 0;
}

.page-maincontent .pagenavi_item.change a {
	color: #fff;
}

.page-maincontent .pagenavi_item a {
	display: inline-block;
	padding-left: 30px;
	position: relative;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #333;
	transition: 0.3s;
	mix-blend-mode: difference;
}

@media screen and (max-width: 1500px) {
	.page-maincontent .pagenavi_item a {
		padding-left: 30rem;
		font-size: 16rem;
	}
}
@media screen and (min-width: 768px) {
	.page-maincontent .pagenavi_item a:hover {
		font-weight: bold;
	}
	.page-maincontent .pagenavi_item a:hover::before {
		opacity: 1;
	}
}
.page-maincontent .pagenavi_item a.active {
	font-weight: bold;
}

.page-maincontent .pagenavi_item a.active::before {
	opacity: 1;
}

.page-maincontent .pagenavi_item a::before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: #ff0;
	box-shadow: 2.78px 2.88px 6px rgba(0, 0, 0, 0.11);
	opacity: 0;
	transition: 0.3s;
	border-radius: 50%;
}

@media screen and (max-width: 1500px) {
	.page-maincontent .pagenavi_item a::before {
		width: 14rem;
		height: 14rem;
	}
}
.page-maincontent .maincontent {
	width: 100%;
}

.p-case {
	padding-bottom: 0;
	background-color: #F1F3F5;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-case {
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-case {
		padding-left: 45rem;
	}
}
.p-case_box {
	margin-top: 30px;
	display: flex;
	align-items: flex-start;
	gap: 60px;
}

@media screen and (max-width: 1500px) {
	.p-case_box {
		margin-top: 30rem;
		gap: 60rem;
	}
}
@media screen and (max-width: 768px) {
	.p-case_box {
		flex-direction: column;
		align-items: center;
	}
}
.p-case_box__img {
	max-width: 600px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-case_box__img {
		max-width: 600rem;
	}
}
@media screen and (max-width: 768px) {
	.p-case_box__img {
		max-width: 100%;
	}
}
.p-case_box__content {
	max-width: 540px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-case_box__content {
		max-width: 540rem;
	}
}
@media screen and (max-width: 768px) {
	.p-case_box__content {
		max-width: 100%;
	}
}
.p-case_box__title {
	font-weight: Bold;
	font-size: 40px;
	line-height: 60px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-case_box__title {
		font-size: 40rem;
		line-height: 60rem;
	}
}
.p-case_box__txt {
	margin: 35px auto;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	text-align: left;
	color: #333;
	letter-spacing: -0.05em;
}

@media screen and (max-width: 1500px) {
	.p-case_box__txt {
		margin: 35rem auto;
		font-size: 16rem;
		line-height: 36rem;
	}
}
@media screen and (max-width: 768px) {
	.p-case_box__txt {
		font-size: 26rem;
		line-height: 48rem;
	}
}
.p-case_box_list li {
	position: relative;
	margin-bottom: 15px;
	display: inline-block;
	border-radius: 50px;
	background: #fff;
	padding: 10px 25px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-case_box_list li {
		margin-bottom: 15rem;
		padding: 10rem 25rem;
		font-size: 16rem;
		line-height: 24rem;
	}
}
@media screen and (max-width: 768px) {
	.p-case_box_list li {
		font-size: 26rem;
		line-height: 36rem;
		padding: 15rem 30rem;
		margin-bottom: 20rem;
		min-height: 110rem;
		display: flex;
		align-items: center;
	}
}
.p-case_box_list li::before {
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	width: 13px;
	height: 15px;
	background-image: url(../img/service/ad/shape-01.webp);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1500px) {
	.p-case_box_list li::before {
		width: 13rem;
		height: 15rem;
	}
}
.p-case_box_list li:last-child {
	margin-bottom: 0;
}

.p-what_box {
	margin-top: 40px;
}

@media screen and (max-width: 1500px) {
	.p-what_box {
		margin-top: 40rem;
	}
}
.p-what__item {
	margin-bottom: 70px;
}

@media screen and (max-width: 1500px) {
	.p-what__item {
		margin-bottom: 70rem;
	}
}
.p-what__item:last-child {
	margin-bottom: 0;
}

.p-what__item_title {
	font-weight: Bold;
	font-size: 40px;
	line-height: 60px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-what__item_title {
		font-size: 36rem;
		line-height: 60rem;
	}
}
.p-what__item_txt {
	margin-top: 40px;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	text-align: left;
	color: #333;
	letter-spacing: -0.05em;
}

@media screen and (max-width: 1500px) {
	.p-what__item_txt {
		margin: 35rem auto;
		font-size: 16rem;
		line-height: 36rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_txt {
		font-size: 26rem;
		line-height: 48rem;
	}
}
.p-what__item_img {
	margin-top: 30px;
	width: 100%;
	overflow-x: scroll;
}

@media screen and (max-width: 1500px) {
	.p-what__item_img {
		margin-top: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_img img {
		width: 1500rem;
		padding-bottom: 20rem;
	}
}
.p-what__item_list {
	margin-top: 60px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list {
		margin-top: 60rem;
	}
}
.p-what__item_list__head {
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #333;
	position: relative;
	padding-left: 25px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list__head {
		font-size: 30rem;
		padding-left: 25rem;
	}
}
.p-what__item_list__head::before {
	position: absolute;
	content: "";
	top: 27px;
	left: 0;
	width: 10px;
	height: 4px;
	background: #19448f;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list__head::before {
		width: 10rem;
		height: 4rem;
		top: 27rem;
	}
}
.p-what__item_list .boxlist {
	margin-top: 20px;
	display: grid;
	grid-gap: 0 30px;
	grid-template-columns: 1fr 1fr 1fr;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list .boxlist {
		gap: 0 30rem;
		margin-top: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_list .boxlist {
		grid-template-columns: 1fr;
	}
}
.p-what__item_list .boxlist li {
	border-top: 1px solid #333;
	padding: 30px 0;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	font-weight: 400;
	font-size: 18px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list .boxlist li {
		font-size: 18rem;
		gap: 15rem;
		padding: 30rem 0;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_list .boxlist li {
		font-size: 26rem;
	}
}
.p-what__item_list .boxlist li img {
	max-width: 26px;
	width: 100%;
	margin-top: 5px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list .boxlist li img {
		max-width: 26rem;
		margin-top: 5rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_list .boxlist li img {
		margin-top: 12rem;
	}
}
.p-what__item_list .boxlist li:nth-of-type(13) {
	border-bottom: 1px solid #333;
}

@media screen and (max-width: 768px) {
	.p-what__item_list .boxlist li:nth-of-type(13) {
		border-bottom: none;
	}
}
.p-what__item_list .boxlist li:nth-of-type(14) {
	border-bottom: 1px solid #333;
}

@media screen and (max-width: 768px) {
	.p-what__item_list .boxlist li:nth-of-type(14) {
		border-bottom: none;
	}
}
.p-what__item_list .boxlist li:nth-of-type(15) {
	border-bottom: 1px solid #333;
}

.p-what__item_list .etctxt {
	margin-top: 20px;
	text-align: right;
}

@media screen and (max-width: 1500px) {
	.p-what__item_list .etctxt {
		margin-top: 20rem;
	}
}
.p-what__item_table {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table {
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table {
		overflow-x: scroll;
		margin-top: 70rem;
	}
}
.p-what__item_table table,
.p-what__item_table tr,
.p-what__item_table th,
.p-what__item_table td {
	border: 1px solid #333;
	border-collapse: collapse;
}

.p-what__item_table table {
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	.p-what__item_table table {
		width: 2000rem;
		margin-bottom: 20rem;
	}
}
.p-what__item_table table tr:last-child td:first-child {
	border-bottom: 1px solid #333;
}

.p-what__item_table table tr th {
	background: #e9ebed;
	padding: 20px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th {
		padding: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th {
		padding: 30rem;
	}
}
.p-what__item_table table tr th .item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th .item {
		gap: 15rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th .item {
		gap: 20rem;
	}
}
.p-what__item_table table tr th .item span {
	font-weight: 900;
	font-size: 18px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th .item span {
		font-size: 18rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th .item span {
		font-size: 30rem;
	}
}
.p-what__item_table table tr th:first-child {
	background: #19448f;
	border-bottom: 1px solid #fff;
}

.p-what__item_table table tr th:nth-of-type(2) img {
	max-width: 20px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th:nth-of-type(2) img {
		max-width: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th:nth-of-type(2) img {
		max-width: 25rem;
	}
}
.p-what__item_table table tr th:nth-of-type(3) img {
	max-width: 38px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th:nth-of-type(3) img {
		max-width: 38rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th:nth-of-type(3) img {
		max-width: 45rem;
	}
}
.p-what__item_table table tr th:nth-of-type(4) img {
	max-width: 30px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th:nth-of-type(4) img {
		max-width: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th:nth-of-type(4) img {
		max-width: 35rem;
	}
}
.p-what__item_table table tr th:nth-of-type(5) img {
	max-width: 44px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr th:nth-of-type(5) img {
		max-width: 44rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr th:nth-of-type(5) img {
		max-width: 50rem;
	}
}
.p-what__item_table table tr td {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	letter-spacing: -0.08em;
	padding: 20px 15px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_table table tr td {
		font-size: 15rem;
		line-height: 30rem;
		padding: 20rem 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_table table tr td {
		font-size: 26rem;
		line-height: 48rem;
		padding: 30rem;
	}
}
.p-what__item_table table tr td:first-child {
	width: 15%;
	background: #19448f;
	font-weight: bold;
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.p-what__item_numlist {
	margin-top: 35px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_numlist {
		margin-top: 35rem;
	}
}
.p-what__item_numlist li {
	padding: 25px;
	padding-left: 80px;
	display: flex;
	background: #fff;
	position: relative;
	margin-bottom: 25px;
}

@media screen and (max-width: 1500px) {
	.p-what__item_numlist li {
		padding: 25rem;
		padding-left: 80rem;
		margin-bottom: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_numlist li {
		min-height: 150rem;
		align-items: center;
		padding-left: 100rem;
	}
}
.p-what__item_numlist li:last-child {
	margin-bottom: 0;
}

.p-what__item_numlist li .number {
	position: absolute;
	top: 20px;
	left: 25px;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	letter-spacing: -0.05em;
	text-align: left;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-what__item_numlist li .number {
		font-size: 18rem;
		top: 20rem;
		left: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_numlist li .number {
		font-size: 26rem;
	}
}
.p-what__item_numlist li .txt {
	font-weight: bold;
	font-size: 30px;
	line-height: 1.6;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-what__item_numlist li .txt {
		font-size: 28rem;
	}
}
@media screen and (max-width: 768px) {
	.p-what__item_numlist li .txt {
		font-size: 30rem;
	}
}
.p-what__item .bttxt {
	margin-top: 50px;
	line-height: 1.7;
}

@media screen and (max-width: 1500px) {
	.p-what__item .bttxt {
		margin-top: 50rem;
	}
}
.p-point {
	background-color: #333;
}

.p-point .sec_title02 .en {
	color: #fff;
}

.p-point .sec_title02 .jp {
	color: #fff;
}

.p-point_box {
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
}

@media screen and (max-width: 1500px) {
	.p-point_box {
		margin-top: 50rem;
		grid-gap: 40rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point_box {
		grid-template-columns: 1fr;
	}
}
.p-point__item {
	padding: 40px;
	background-color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-point__item {
		padding: 40rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item {
		padding: 40rem;
	}
}
.p-point__item:nth-of-type(3) {
	grid-column: 1/span 2;
}

@media screen and (max-width: 768px) {
	.p-point__item:nth-of-type(3) {
		grid-column: 1;
	}
}
.p-point__item_title img {
	max-width: 56px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_title img {
		max-width: 56rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_title img {
		max-width: 80rem;
	}
}
.p-point__item_title h3 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-point__item_title h3 {
		margin-top: 10rem;
		font-size: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_title h3 {
		font-size: 34rem;
	}
}
.p-point__item_title .titlebox {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: auto;
}

@media screen and (max-width: 768px) {
	.p-point__item_title .titlebox {
		justify-content: flex-start;
	}
}
.p-point__item_title h3.c-h3_title {
	display: inline-block;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #333;
	position: relative;
	padding-left: 25px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_title h3.c-h3_title {
		font-size: 26rem;
		padding-left: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_title h3.c-h3_title {
		font-size: 32rem;
	}
}
.p-point__item_title h3.c-h3_title::before {
	position: absolute;
	content: "";
	top: 27px;
	left: 0;
	width: 10px;
	height: 4px;
	background: #19448f;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-point__item_title h3.c-h3_title::before {
		width: 10rem;
		height: 4rem;
		top: 27rem;
	}
}
.p-point__item_txt {
	margin-top: 40px;
	line-height: 2;
}

@media screen and (max-width: 1500px) {
	.p-point__item_txt {
		margin-top: 40rem;
	}
}
.p-point__item_list {
	margin-top: 40px;
	background-color: #E9EBED;
	padding: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_list {
		margin-top: 40rem;
		padding: 50rem;
		grid-gap: 25rem;
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_list {
		padding: 30rem;
	}
}
.p-point__item_list li {
	display: flex;
	align-items: center;
	gap: 15px;
	font-weight: bold;
	font-size: 18px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-point__item_list li {
		gap: 15rem;
		font-size: 18rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_list li {
		font-size: 20rem;
	}
}
.p-point__item_list li img {
	max-width: 26px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_list li img {
		max-width: 26rem;
	}
}
.p-point__item_img01 {
	max-width: 90%;
	width: 100%;
	margin: auto;
	margin-top: 30px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_img01 {
		margin-top: 30rem;
	}
}
.p-point__item_img02 {
	max-width: 250px;
	margin: auto;
	margin-top: 10px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_img02 {
		max-width: 250rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_img02 {
		max-width: 350rem;
	}
}
.p-point__item_img03 {
	max-width: 600px;
	width: 100%;
	margin: auto;
	margin-top: 30px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_img03 {
		max-width: 600rem;
		margin-top: 30rem;
	}
}
.p-point__item .mt-50 {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-point__item .mt-50 {
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item .mt-50 {
		margin-top: 70rem;
	}
}
.p-point__item_gridlistbox {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 20px;
	align-items: baseline;
	margin-top: 25px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_gridlistbox {
		grid-gap: 20rem;
		margin-top: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox {
		grid-template-columns: 1fr;
		grid-gap: 40rem;
	}
}
.p-point__item_gridlistbox .boxitem {
	height: 100%;
	background: #e9ebed;
}

.p-point__item_gridlistbox .boxitem_head {
	padding: 10px;
	font-weight: Bold;
	font-size: 18px;
	line-height: 1.7;
	text-align: center;
	color: #fff;
	background: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-point__item_gridlistbox .boxitem_head {
		font-size: 18rem;
		padding: 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem_head {
		padding: 20rem 10rem;
		font-size: 30rem;
	}
}
.p-point__item_gridlistbox .boxitem_inner {
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 1500px) {
	.p-point__item_gridlistbox .boxitem_inner {
		padding: 15rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem_inner {
		padding: 20rem 30rem;
	}
}
.p-point__item_gridlistbox .boxitem_inner .txt {
	font-weight: bold;
	line-height: 2;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem_inner .txt {
		line-height: 1.7;
	}
}
.p-point__item_gridlistbox .boxitem_list {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.p-point__item_gridlistbox .boxitem_list li {
	position: relative;
	font-weight: bold;
	font-size: 14px;
	line-height: 2;
	text-align: left;
	color: #333;
	text-indent: -1.5em;
	padding-left: 2em;
}

@media screen and (max-width: 1500px) {
	.p-point__item_gridlistbox .boxitem_list li {
		font-size: 14rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem_list li {
		font-size: 26rem;
	}
}
.p-point__item_gridlistbox .boxitem_list li::before {
	content: "●";
	font-size: 8px;
	color: #19448f;
	margin-right: 10px;
}

@media screen and (max-width: 1500px) {
	.p-point__item_gridlistbox .boxitem_list li::before {
		font-size: 8rem;
		margin-right: 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem_list li::before {
		font-size: 12rem;
		margin-right: 15rem;
	}
}
.p-point__item_gridlistbox .boxitem:nth-of-type(5) {
	grid-column: 1/span 2;
}

@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem:nth-of-type(5) {
		grid-column: 1;
	}
}
.p-point__item_gridlistbox .boxitem:nth-of-type(6) {
	grid-column: 3/span 2;
}

@media screen and (max-width: 768px) {
	.p-point__item_gridlistbox .boxitem:nth-of-type(6) {
		grid-column: auto;
	}
}
.p-point_bottom {
	margin-top: 60px;
}

@media screen and (max-width: 1500px) {
	.p-point_bottom {
		margin-top: 60rem;
	}
}
.p-point_bottom p {
	font-weight: bold;
	font-size: 38px;
	line-height: 60px;
	text-align: left;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-point_bottom p {
		font-size: 35rem;
		line-height: 60rem;
	}
}
@media screen and (max-width: 768px) {
	.p-point_bottom p {
		font-size: 34rem;
		line-height: 1.7;
	}
}
.p-strength {
	padding: 150px 0;
	background-color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-strength {
		padding: 150rem 0;
	}
}
@media screen and (max-width: 768px) {
	.p-strength {
		padding: 120rem 0;
	}
}
.p-strength_inner {
	padding: 0 60px;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-strength_inner {
		padding: 0 60rem;
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_inner {
		padding: 0 45rem;
	}
}
.p-strength_links {
	padding: 60px 40px;
	margin-top: 50px;
	background: linear-gradient(to right, #d3d8de 0%, #ececcf 70%, #ececcf 100%);
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-strength_links {
		padding: 60rem 40rem;
		padding-left: 360rem;
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_links {
		padding: 60rem 45rem;
	}
}
.p-strength_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 45px;
	max-width: 1200px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-strength_grid {
		grid-gap: 30rem;
		max-width: 1200rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_grid {
		grid-template-columns: 1fr;
		max-width: 550rem;
	}
}
.p-strength_grid__item {
	padding: 25px 20px;
	display: flex;
	align-items: center;
	position: relative;
	gap: 25px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.05);
	padding-right: 50px;
}

@media screen and (max-width: 1500px) {
	.p-strength_grid__item {
		padding: 25rem 20rem;
		gap: 20rem;
		border-radius: 10rem;
		padding-right: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_grid__item {
		padding: 30rem;
		padding-right: 60rem;
		gap: 30rem;
	}
}
.p-strength_grid__item_img {
	max-width: 130px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-strength_grid__item_img {
		max-width: 110rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_grid__item_img {
		max-width: 160rem;
	}
}
@media screen and (min-width: 768px) {
	.p-strength_grid__item:hover .arrow {
		background-color: #ff0;
	}
}
.p-strength_grid__item .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	width: 40px;
	height: 40px;
	background: #f1f3f5;
	border-radius: 50%;
	transition: 0.3s;
}

@media screen and (max-width: 1500px) {
	.p-strength_grid__item .arrow {
		right: 20rem;
		width: 40rem;
		height: 40rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_grid__item .arrow {
		width: 60rem;
		height: 60rem;
		right: 30rem;
	}
}
.p-strength_grid__item .arrow::after {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 14px;
	background-image: url(../img/common/icon-arw-down.webp);
	background-repeat: no-repeat;
	background-size: contain;
}

@media screen and (max-width: 1500px) {
	.p-strength_grid__item .arrow::after {
		width: 10rem;
		height: 14rem;
	}
}
@media screen and (max-width: 1500px) {
	.p-strength_grid__item .arrow::after {
		width: 15rem;
		height: 20rem;
	}
}
.p-strength_grid__item_txt {
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-strength_grid__item_txt {
		font-size: 16rem;
		line-height: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength_grid__item_txt {
		font-size: 26rem;
		line-height: 1.7;
	}
}
.p-strength_box {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-strength_box {
		margin-top: 50rem;
	}
}
.p-strength__item {
	padding-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-strength__item {
		padding-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item {
		padding-top: 80rem;
	}
}
.p-strength__item_head {
	display: flex;
	align-items: flex-start;
	gap: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 35px;
}

@media screen and (max-width: 1500px) {
	.p-strength__item_head {
		margin-bottom: 35rem;
		padding-bottom: 20rem;
		gap: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item_head {
		gap: 30rem;
	}
}
.p-strength__item_head .number {
	display: inline-block;
	max-width: 60px;
	width: 100%;
	box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.05);
	border-radius: 50%;
}

@media screen and (max-width: 1500px) {
	.p-strength__item_head .number {
		max-width: 60rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item_head .number {
		max-width: 70rem;
	}
}
.p-strength__item_title {
	font-weight: bold;
	font-size: 36px;
	line-height: 60px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-strength__item_title {
		font-size: 36rem;
		line-height: 60rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item_title {
		font-size: 34rem;
	}
}
.p-strength__item_content {
	display: flex;
	align-items: flex-start;
	gap: 60px;
}

@media screen and (max-width: 1500px) {
	.p-strength__item_content {
		gap: 40rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item_content {
		flex-direction: column;
		align-items: center;
	}
}
.p-strength__item_img {
	max-width: 600px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-strength__item_img {
		max-width: 600rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item_img {
		max-width: 100%;
	}
}
.p-strength__item_txt {
	max-width: 540px;
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-strength__item_txt {
		font-size: 16rem;
		line-height: 36rem;
		max-width: 540rem;
	}
}
@media screen and (max-width: 768px) {
	.p-strength__item_txt {
		max-width: 100%;
		font-size: 26rem;
		line-height: 48rem;
	}
}
.p-range {
	background-color: #F1F3F5;
}

.p-range_box {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-range_box {
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_box {
		margin-top: 70rem;
	}
}
.p-range_itembox {
	margin-bottom: 70px;
}

@media screen and (max-width: 1500px) {
	.p-range_itembox {
		margin-bottom: 70rem;
	}
}
.p-range_itembox:last-child {
	margin-bottom: 0;
}

.p-range_itembox_title {
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #333;
	position: relative;
	padding-left: 25px;
}

@media screen and (max-width: 1500px) {
	.p-range_itembox_title {
		margin-bottom: 20rem;
		font-size: 30rem;
		padding-left: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_itembox_title {
		font-size: 34rem;
	}
}
.p-range_itembox_title span {
	font-size: 20px;
}

@media screen and (max-width: 1500px) {
	.p-range_itembox_title span {
		font-size: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_itembox_title span {
		font-size: 24rem;
	}
}
.p-range_itembox_title::before {
	position: absolute;
	content: "";
	top: 27px;
	left: 0;
	width: 10px;
	height: 4px;
	background: #19448f;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-range_itembox_title::before {
		width: 10rem;
		height: 4rem;
		top: 27rem;
	}
}
.p-range_grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px 45px;
}

@media screen and (max-width: 1500px) {
	.p-range_grid {
		grid-gap: 20rem 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid {
		grid-template-columns: 1fr;
		margin: auto;
	}
}
.p-range_grid__item {
	position: relative;
	padding: 30px;
	min-height: 120px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item {
		padding: 30rem;
		min-height: 120rem;
		border-radius: 10rem;
		gap: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item {
		padding: 30rem;
		border-radius: 15rem;
		gap: 30rem;
		min-height: 150rem;
	}
}
.p-range_grid__item::after {
	width: 100%;
	height: 100%;
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	background: linear-gradient(to right, #ff0 0%, #ff0 8%, #ff0 40%, #ff0 45%, rgba(255, 255, 254, 0.54) 100%);
	transition: 0.3s;
	opacity: 0;
}

@media screen and (min-width: 768px) {
	.p-range_grid__item:hover::after {
		opacity: 1;
	}
	.p-range_grid__item:hover .arrow {
		bottom: 14px;
		right: 14px;
		width: 40px;
		height: 40px;
		background: #0d0d0d;
	}
}
@media screen and (min-width: 768px) and (max-width: 1500px) {
	.p-range_grid__item:hover .arrow {
		width: 40rem;
		height: 40rem;
		bottom: 14rem;
		right: 14rem;
	}
}
@media screen and (min-width: 768px) {
	.p-range_grid__item:hover .arrow::after {
		opacity: 1;
	}
}
.p-range_grid__item_img {
	position: relative;
	z-index: 2;
	max-width: 50px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item_img {
		max-width: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item_img {
		max-width: 70rem;
	}
}
.p-range_grid__item_img img {
	width: 100%;
	margin: auto;
}

.p-range_grid__item_txt {
	position: relative;
	z-index: 2;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item_txt {
		font-size: 18rem;
		line-height: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item_txt {
		font-size: 26rem;
		line-height: 1.7;
	}
}
.p-range_grid__item:nth-of-type(1) img, .p-range_grid__item:nth-of-type(2) img {
	max-width: 25px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item:nth-of-type(1) img, .p-range_grid__item:nth-of-type(2) img {
		max-width: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item:nth-of-type(1) img, .p-range_grid__item:nth-of-type(2) img {
		max-width: 40rem;
	}
}
.p-range_grid__item:nth-of-type(3) img {
	max-width: 35px;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item:nth-of-type(3) img {
		max-width: 35rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item:nth-of-type(3) img {
		max-width: 50rem;
	}
}
.p-range_grid__item:nth-of-type(4) img {
	max-width: 45px;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item:nth-of-type(4) img {
		max-width: 45rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item:nth-of-type(4) img {
		max-width: 60rem;
	}
}
.p-range_grid__item .arrow {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	border-radius: 50%;
	right: 25px;
	width: 14px;
	height: 14px;
	background: #ff0;
	box-shadow: 2.78px 2.88px 6px rgba(0, 0, 0, 0.11);
	transition: all 0.3s;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item .arrow {
		bottom: 20rem;
		right: 25rem;
		width: 14rem;
		height: 14rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item .arrow {
		background: #0d0d0d;
		width: 50rem;
		height: 50rem;
		bottom: unset;
		top: 50%;
		transform: translateY(-50%);
		right: 30rem;
	}
}
.p-range_grid__item .arrow::after {
	position: absolute;
	content: "";
	width: 21px;
	height: 11px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-image: url(../img/common/icon-arrow-white.webp);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: 0.3s;
	opacity: 0;
}

@media screen and (max-width: 1500px) {
	.p-range_grid__item .arrow::after {
		width: 21rem;
		height: 11rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_grid__item .arrow::after {
		opacity: 1;
		width: 24rem;
		height: 14rem;
	}
}
.p-range_skills {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 15px;
}

@media screen and (max-width: 1500px) {
	.p-range_skills {
		gap: 10rem 15rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_skills {
		gap: 20rem;
	}
}
.p-range_skills li {
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-range_skills li {
		font-size: 16rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_skills li {
		font-size: 26rem;
	}
}
.p-range_skills li span {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 20px;
	background: #fff;
	border: 1px solid #19448f;
}

@media screen and (max-width: 1500px) {
	.p-range_skills li span {
		padding: 5rem 20rem;
		border-radius: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_skills li span {
		padding: 10rem 20rem;
		border-radius: 40rem;
	}
}
.p-range_industries {
	background: #e9ebed;
	padding: 50px 60px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 25px 50px;
}

@media screen and (max-width: 1500px) {
	.p-range_industries {
		grid-gap: 25rem 50rem;
		padding: 50rem 60rem;
	}
}
@media screen and (max-width: 1419px) {
	.p-range_industries {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 768px) {
	.p-range_industries {
		grid-gap: 30rem 5rem;
		padding: 30rem;
	}
}
.p-range_industries li {
	display: flex;
	align-items: center;
	gap: 15px;
	font-weight: Bold;
	font-size: clamp(11px, 8.4856321839px + 0.6704980843vw, 18px); /* 11px @375px - 18px @1419px */
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-range_industries li {
		gap: 15rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range_industries li {
		gap: 10rem;
	}
}
.p-range_industries li img {
	max-width: 26px;
}

@media screen and (max-width: 1500px) {
	.p-range_industries li img {
		max-width: 26rem;
	}
}
.p-range.snsrange .p-range_grid__item:nth-of-type(1) img {
	max-width: 35px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(1) img {
		max-width: 35rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(1) img {
		max-width: 50rem;
	}
}
.p-range.snsrange .p-range_grid__item:nth-of-type(2) img {
	max-width: 22px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(2) img {
		max-width: 22rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(2) img {
		max-width: 37rem;
	}
}
.p-range.snsrange .p-range_grid__item:nth-of-type(5) img {
	max-width: 30px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(5) img {
		max-width: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(5) img {
		max-width: 45rem;
	}
}
.p-range.snsrange .p-range_grid__item:nth-of-type(6) img, .p-range.snsrange .p-range_grid__item:nth-of-type(7) img {
	max-width: 40px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(6) img, .p-range.snsrange .p-range_grid__item:nth-of-type(7) img {
		max-width: 40rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(6) img, .p-range.snsrange .p-range_grid__item:nth-of-type(7) img {
		max-width: 55rem;
	}
}
.p-range.snsrange .p-range_grid__item:nth-of-type(8) img {
	max-width: 37px;
	margin: auto;
}

@media screen and (max-width: 1500px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(8) img {
		max-width: 37rem;
	}
}
@media screen and (max-width: 768px) {
	.p-range.snsrange .p-range_grid__item:nth-of-type(8) img {
		max-width: 52rem;
	}
}
.p-works {
	background-color: #fff;
	padding: 150px 0;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-works {
		padding: 150rem 0;
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-works {
		padding: 120rem 0rem !important;
	}
}
.p-works .container {
	max-width: 1400px;
	margin-right: 0;
}

@media screen and (max-width: 1900px) {
	.p-works .container {
		max-width: 73.6842105263vw;
	}
}
@media screen and (max-width: 768px) {
	.p-works .container {
		max-width: calc(100% - 45rem);
		margin: auto;
		margin-left: 45rem;
	}
}
@media screen and (max-width: 768px) {
	.p-works .linkbtn {
		margin-top: 200rem;
	}
}
.p-works_slides .slick-dots {
	right: 300px;
}

@media screen and (max-width: 1500px) {
	.p-works_slides .slick-dots {
		right: 250rem;
	}
}
.p-works_slides .slick-prev {
	right: 240px;
}

@media screen and (max-width: 1500px) {
	.p-works_slides .slick-prev {
		right: 190rem;
	}
}
.p-works_slides .slick-next {
	right: 160px;
}

@media screen and (max-width: 1500px) {
	.p-works_slides .slick-next {
		right: 110rem;
	}
}
.p-flow {
	background-image: url(../img/service/ad/flow-bg.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 100px 60px;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-flow {
		padding: 100rem 60rem;
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-flow {
		padding: 120rem 45rem;
	}
}
.p-flow_body {
	display: flex;
	align-items: flex-start;
	gap: 90px;
}

@media screen and (max-width: 1500px) {
	.p-flow_body {
		gap: 70rem;
	}
}
@media screen and (max-width: 1419px) {
	.p-flow_body {
		gap: 70rem;
		flex-direction: column;
	}
}
.p-flow .sec_title {
	min-width: 250px;
}

@media screen and (max-width: 1500px) {
	.p-flow .sec_title {
		min-width: 250rem;
	}
}
@media screen and (max-width: 768px) {
	.p-flow .sec_title {
		min-width: auto;
	}
}
.p-flow__item {
	margin-bottom: 20px;
	padding: 40px 30px;
	padding-left: 100px;
	background: rgba(255, 255, 255, 0.9);
	position: relative;
}

@media screen and (max-width: 1500px) {
	.p-flow__item {
		margin-bottom: 20rem;
		padding: 40rem;
		padding-left: 100rem;
	}
}
@media screen and (max-width: 768px) {
	.p-flow__item {
		margin-bottom: 30rem;
	}
}
.p-flow__item .number {
	position: absolute;
	top: 15px;
	left: 25px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 30px;
	letter-spacing: -0.05em;
	text-align: left;
	color: #19448f;
}

@media screen and (max-width: 1500px) {
	.p-flow__item .number {
		top: 15rem;
		left: 25rem;
		font-size: 30rem;
	}
}
.p-flow__item_title {
	font-weight: bold;
	font-size: 30px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-flow__item_title {
		font-size: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-flow__item_title {
		font-size: 34rem;
	}
}
.p-flow__item_txt {
	margin-top: 5px;
}

@media screen and (max-width: 1500px) {
	.p-flow__item_txt {
		margin-top: 5rem;
	}
}
.p-faq {
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-faq {
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq {
		padding-left: 45rem;
	}
}
.p-faq_box {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-faq_box {
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq_box {
		margin-top: 70rem;
	}
}
.p-faq__item {
	padding: 20px 30px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.05);
	margin-bottom: 30px;
}

@media screen and (max-width: 1500px) {
	.p-faq__item {
		padding: 20rem 30rem;
		border-radius: 10rem;
		margin-bottom: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item {
		padding: 30rem;
	}
}
.p-faq__item:last-child {
	margin-bottom: 0;
}

.p-faq__item_qusetion {
	cursor: pointer;
	display: flex;
	align-self: flex-start;
	gap: 25px;
	position: relative;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_qusetion {
		gap: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item_qusetion {
		padding-right: 50rem;
	}
}
.p-faq__item_qusetion.active::after {
	transform: translateY(-50%) rotate(90deg);
}

.p-faq__item_qusetion::before {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
	width: 20px;
	height: 2px;
	background: #333;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_qusetion::before {
		width: 20rem;
		height: 2rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item_qusetion::before {
		width: 31rem;
		height: 3rem;
	}
}
.p-faq__item_qusetion::after {
	position: absolute;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	right: 9px;
	width: 2px;
	height: 20px;
	background: #333;
	transition: 0.3s;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_qusetion::after {
		right: 9rem;
		width: 2rem;
		height: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item_qusetion::after {
		right: 14rem;
		height: 31rem;
		width: 3rem;
	}
}
.p-faq__item_qusetion .q {
	min-width: 40px;
	width: 40px;
	height: 40px;
	background: #19448f;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_qusetion .q {
		min-width: 40rem;
		width: 40rem;
		height: 40rem;
		font-size: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item_qusetion .q {
		min-width: 60rem;
		width: 60rem;
		height: 60rem;
		font-size: 30rem;
	}
}
.p-faq__item_qusetion .txt {
	margin-top: 3px;
	font-weight: bold;
	line-height: 1.8;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_qusetion .txt {
		margin-top: 3rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item_qusetion .txt {
		margin-top: 0;
	}
}
.p-faq__item_answer {
	margin-top: 15px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
	display: flex;
	align-items: flex-start;
	gap: 25px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_answer {
		margin-top: 15rem;
		padding-top: 20rem;
		gap: 25rem;
	}
}
.p-faq__item_answer .a {
	min-width: 40px;
	width: 40px;
	height: 40px;
	background: #e2e4e7;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_answer .a {
		min-width: 40rem;
		width: 40rem;
		height: 40rem;
		font-size: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-faq__item_answer .a {
		min-width: 60rem;
		width: 60rem;
		height: 60rem;
		font-size: 30rem;
	}
}
.p-faq__item_answer .txt {
	margin-top: 3px;
	max-width: 90%;
}

@media screen and (max-width: 1500px) {
	.p-faq__item_answer .txt {
		margin-top: 3rem;
	}
}
.p-contact {
	padding-top: 0;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-contact {
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact {
		padding-left: 45rem;
	}
}
.p-contact_box {
	background: #e9ebed;
	padding: 80px;
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-contact_box {
		margin-top: 50rem;
		padding: 80rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_box {
		padding: 80rem 40rem;
		margin-top: 70rem;
	}
}
.p-contact_itemrow {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 20px;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow {
		margin-bottom: 30rem;
		gap: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40rem;
		gap: 20rem;
	}
}
.p-contact_itemrow.align-start {
	align-items: flex-start;
}

.p-contact_itemrow.align-start .p-contact_itemrow_head {
	margin-top: 20px;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow.align-start {
		margin-top: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow.align-start {
		margin-top: 0;
	}
}
.p-contact_itemrow:last-child {
	margin-bottom: 0;
}

.p-contact_itemrow_head {
	min-width: 200px;
	max-width: 200px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow_head {
		min-width: 200rem;
		max-width: 200rem;
		gap: 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow_head {
		justify-content: flex-start;
		max-width: 100%;
		gap: 30rem;
	}
}
.p-contact_itemrow_head .itemhead {
	font-weight: 400;
	font-size: 16px;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow_head .itemhead {
		font-size: 16rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow_head .itemhead {
		font-size: 28rem;
	}
}
.p-contact_itemrow_head .required {
	padding: 5px 6px;
	font-weight: 400;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	color: #fbfbf8;
	background: #333;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow_head .required {
		padding: 5rem 6rem;
		font-size: 14rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow_head .required {
		font-size: 22rem;
		padding: 7rem 10rem;
	}
}
.p-contact_itemrow_inputbox {
	width: 100%;
}

.p-contact_itemrow_inputbox input,
.p-contact_itemrow_inputbox textarea {
	width: 100%;
	height: 70px;
	border-radius: 10px;
	background: #fff;
	border: none;
	outline: none;
	padding: 5px 20px;
	font-size: 16px;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow_inputbox input,
	.p-contact_itemrow_inputbox textarea {
		font-size: 16rem;
		padding: 5rem 20rem;
		height: 70rem;
		border-radius: 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow_inputbox input,
	.p-contact_itemrow_inputbox textarea {
		height: 90rem;
		font-size: 26rem;
	}
}
.p-contact_itemrow_inputbox textarea {
	height: 300px;
	padding: 10px 20px;
}

@media screen and (max-width: 1500px) {
	.p-contact_itemrow_inputbox textarea {
		height: 300rem;
		padding: 10rem 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact_itemrow_inputbox textarea {
		height: 400rem;
	}
}
.p-contact .privacybox {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-contact .privacybox {
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact .privacybox {
		margin-top: 70rem;
	}
}
.p-contact .privacybox_txt {
	text-align: center;
}

.p-contact .privacybox .agreebox {
	margin-top: 15px;
	display: flex;
	flex-direction: column;
	width: max-content;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	gap: 10px;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #333;
	line-height: 1.7;
}

@media screen and (max-width: 1500px) {
	.p-contact .privacybox .agreebox {
		margin-top: 15rem;
		gap: 10rem;
		font-size: 16rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact .privacybox .agreebox {
		text-align: left;
		font-size: 26rem;
		margin-top: 0rem;
	}
}
.p-contact .privacybox .agreebox input[type=checkbox] {
	margin: 0;
	width: 20px;
	height: 20px;
	accent-color: #fff;
	border: 1px solid #333;
}

@media screen and (max-width: 1500px) {
	.p-contact .privacybox .agreebox input[type=checkbox] {
		width: 20rem;
		height: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact .privacybox .agreebox input[type=checkbox] {
		width: 30rem;
		height: 30rem;
	}
}
.p-contact .privacybox .agreebox label {
	display: flex;
	align-items: center;
	gap: 10px;
}

.p-contact .privacybox .agreebox .wpcf7-list-item {
	margin-left: 0 !important;
}

.p-contact .submitbtn {
	padding: 0;
	border: none;
}

.p-contact .submitbtn input[type=submit] {
	position: relative;
	z-index: 2;
	cursor: pointer;
	border-radius: 50px;
	padding: 25px 40px;
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #333;
	background-color: transparent;
	transition: 0.3s;
}

@media screen and (max-width: 1500px) {
	.p-contact .submitbtn input[type=submit] {
		padding: 25rem 40rem;
		border-radius: 50rem;
		font-size: 16rem;
	}
}
@media screen and (max-width: 768px) {
	.p-contact .submitbtn input[type=submit] {
		padding: 30rem 40rem;
		font-size: 26rem;
	}
}
@media screen and (min-width: 768px) {
	.p-contact .submitbtn input[type=submit]:hover {
		color: #fff;
	}
}
.p-contact .wpcf7-spinner {
	display: none;
}

.p-column {
	background-color: #fff;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-column {
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column {
		padding-left: 45rem;
	}
}
.p-column_box {
	margin-top: 50px;
}

@media screen and (max-width: 1500px) {
	.p-column_box {
		margin-top: 50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column_box {
		margin-top: 70rem;
	}
}
.p-column__item:first-child a {
	padding-top: 0;
}

.p-column__item a {
	display: block;
	padding: 35px 0;
	border-bottom: 1px solid #ccc;
	transition: 0.3s;
}

@media screen and (max-width: 1500px) {
	.p-column__item a {
		padding: 35rem 0;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item a {
		padding: 50rem 0;
	}
}
@media screen and (min-width: 768px) {
	.p-column__item a:hover {
		padding-left: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1500px) {
	.p-column__item a:hover {
		padding-left: 20rem;
	}
}
@media screen and (min-width: 768px) {
	.p-column__item a:hover .p-column__item_title {
		color: #000;
	}
}
.p-column__item_info {
	display: flex;
	align-items: center;
	gap: 30px;
}

@media screen and (max-width: 1500px) {
	.p-column__item_info {
		gap: 30rem;
	}
}
.p-column__item_info .itemcategory {
	border-radius: 20px;
	background: #e8ecf4;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	color: #19448f;
	padding: 7px 15px;
}

@media screen and (max-width: 1500px) {
	.p-column__item_info .itemcategory {
		border-radius: 20rem;
		font-size: 16rem;
		padding: 7rem 15rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item_info .itemcategory {
		font-size: 24rem;
		padding: 10rem 20rem;
	}
}
.p-column__item_info .itembox {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: -0.05em;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-column__item_info .itembox {
		gap: 10rem;
		font-size: 16rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item_info .itembox {
		font-size: 26rem;
		gap: 15rem;
	}
}
.p-column__item_info .itembox img {
	max-width: 20px;
	height: auto;
}

@media screen and (max-width: 1500px) {
	.p-column__item_info .itembox img {
		max-width: 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item_info .itembox img {
		max-width: 25rem;
	}
}
.p-column__item_info .author {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 400;
	font-size: 16px;
	text-align: left;
	color: #333;
}

@media screen and (max-width: 1500px) {
	.p-column__item_info .author {
		font-size: 16rem;
		gap: 10rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item_info .author {
		font-size: 26rem;
		gap: 15rem;
	}
}
.p-column__item_info .author img {
	max-width: 13px;
}

@media screen and (max-width: 1500px) {
	.p-column__item_info .author img {
		max-width: 13rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item_info .author img {
		max-width: 18rem;
	}
}
.p-column__item_title {
	margin-top: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	text-align: left;
	color: #333;
	transition: 0.3s;
}

@media screen and (max-width: 1500px) {
	.p-column__item_title {
		font-size: 16rem;
		margin-top: 20rem;
		line-height: 30rem;
	}
}
@media screen and (max-width: 768px) {
	.p-column__item_title {
		font-size: 28rem;
		line-height: 42rem;
		margin-top: 30rem;
	}
}
.pagebottomsec_box {
	display: flex;
	align-items: center;
}

.pagebottomsec_itembox {
	display: block;
	width: 50%;
	position: relative;
}

@media screen and (min-width: 768px) {
	.pagebottomsec_itembox:hover .itembg img {
		opacity: 0.9;
		transform: scale(1.1);
	}
}
.pagebottomsec_itembox .itembg {
	position: relative;
	overflow: hidden;
}

.pagebottomsec_itembox .itembg img {
	transition: 0.5s;
}

.pagebottomsec_itembox .sec_title {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 150px;
}

@media screen and (max-width: 1500px) {
	.pagebottomsec_itembox .sec_title {
		transform: translate(-50%, -50%);
		left: 50%;
	}
}
.pagebottomsec_itembox .sec_title h2 .en {
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.pagebottomsec_itembox .sec_title h2 .en {
		font-size: clamp(45px, 8.1805745554px + 4.7879616963vw, 80px); /* 45px @769px - 80px @1500px */
	}
}
@media screen and (max-width: 768px) {
	.pagebottomsec_itembox .sec_title h2 .en {
		font-size: 50rem;
	}
}
.pagebottomsec_itembox .sec_title h2 .jp {
	color: #fff;
}

@media screen and (max-width: 768px) {
	.pagebottomsec_itembox .sec_title h2 .jp::before {
		width: 15rem;
		height: 15rem;
		left: -30rem;
	}
}
@media screen and (max-width: 768px) {
	.pagebottomsec_itembox .sec_title h2 .jp {
		font-size: 22rem;
	}
}
.sns_page .whatsns_title {
	font-size: 38px;
}

@media screen and (max-width: 1500px) {
	.sns_page .whatsns_title {
		font-size: 34rem;
	}
}
.p-snsmanage {
	padding: 100px 60px;
	background-image: url(../img/service/sns/snsmanage-bg.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage {
		padding: 100rem 60rem;
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage {
		padding: 120rem 45rem 0;
	}
}
.p-snsmanage_box {
	position: relative;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.p-snsmanage_box {
		flex-direction: column;
		gap: 50rem;
	}
}
.p-snsmanage_content {
	max-width: 750px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_content {
		max-width: 700rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_content {
		max-width: 100%;
	}
}
.p-snsmanage_img {
	position: absolute;
	bottom: -100px;
	right: 0;
	max-width: min(32%, 460px);
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_img {
		bottom: -100rem;
		right: -40rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_img {
		position: initial;
		bottom: unset;
		right: unset;
		max-width: 400rem;
		margin: auto;
	}
}
.p-snsmanage_title01 {
	font-weight: bold;
	font-size: 50px;
	line-height: 70px;
	text-align: left;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_title01 {
		font-size: 47rem;
		line-height: 65rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_title01 {
		font-size: 40rem;
	}
}
.p-snsmanage_title01 span {
	color: #ff0;
}

.p-snsmanage_title02 {
	margin: 15px auto;
	font-weight: bold;
	font-size: 26px;
	text-align: left;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_title02 {
		margin: 15rem auto;
		font-size: 26rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_title02 {
		font-size: 30rem;
	}
}
.p-snsmanage_txt {
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	text-align: left;
	color: #fff;
	max-width: 640px;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_txt {
		font-size: 16rem;
		line-height: 36rem;
		max-width: 640rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_txt {
		max-width: 100%;
		font-size: 26rem;
		line-height: 48rem;
	}
}
.p-snsmanage_links {
	margin-top: 50px;
	display: flex;
	align-items: center;
	gap: 25px;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_links {
		margin-top: 50rem;
		gap: 25rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_links {
		flex-direction: column;
		gap: 20rem;
	}
}
.p-snsmanage_links .linkbtn {
	margin-top: 0;
	max-width: 300px;
	width: 100%;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_links .linkbtn {
		max-width: 300rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_links .linkbtn {
		max-width: 100%;
	}
}
.p-snsmanage_service {
	max-width: 620px;
	margin-top: 50px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0 20px;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_service {
		max-width: 620rem;
		margin-top: 50rem;
		grid-gap: 0 20rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_service {
		max-width: 100%;
		grid-gap: 0 30rem;
	}
}
.p-snsmanage_service li {
	padding: 30px 0;
	display: flex;
	align-items: center;
	gap: 15px;
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	text-align: left;
	color: #fff;
	border-top: 1px solid #fff;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_service li {
		padding: 30rem 0;
		gap: 15rem;
		font-size: 18rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_service li {
		padding: 40rem 0;
		gap: 20rem;
		font-size: 26rem;
	}
}
.p-snsmanage_service li:nth-of-type(5) {
	border-bottom: 1px solid #fff;
}

.p-snsmanage_service li:nth-of-type(6) {
	border-bottom: 1px solid #fff;
}

.p-snsmanage_service li img {
	max-width: 26px;
	width: 100%;
	height: auto;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_service li img {
		max-width: 26rem;
	}
}
.p-snsmanage_bottom {
	background: #333;
	padding: 50px 60px;
	position: relative;
	padding-left: 360px;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_bottom {
		padding: 50rem 60rem;
		padding-left: 360rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_bottom {
		padding: 80rem 45rem;
	}
}
.p-snsmanage_bottom .sec_contain {
	position: relative;
}

.p-snsmanage_bottom .logoimg {
	position: absolute;
	max-width: 370px;
	width: 100%;
	top: -50px;
	right: 190px;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_bottom .logoimg {
		max-width: 370rem;
		right: 190rem;
		top: -50rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_bottom .logoimg {
		max-width: 440rem;
		right: 0rem;
		top: -80rem;
	}
}
.p-snsmanage_bottom .contenttxt {
	margin-left: 100px;
	font-weight: bold;
	font-size: 50px;
	line-height: 70px;
	text-align: left;
	color: #fff;
}

@media screen and (max-width: 1500px) {
	.p-snsmanage_bottom .contenttxt {
		margin-left: 100rem;
		font-size: 50rem;
		line-height: 70rem;
	}
}
@media screen and (max-width: 768px) {
	.p-snsmanage_bottom .contenttxt {
		margin-left: 0;
		font-size: 41rem;
		line-height: 65rem;
	}
}
.p-snsmanage_bottom .contenttxt span {
	color: #ff0;
}
/*# sourceMappingURL=service.css.map */