@charset "utf-8";
/* CSS Document */

/*==============================*/
/* Tilte */
/*==============================*/
div.service-pageTitle{
	position: relative;
	display: flex;
	align-items: center;
	gap: 32px;
	width: calc(100% - 112px);
	height: clamp(180px, 24vw, 280px);
	margin: 8px auto 72px auto;
	padding-top: 64px;
	padding-left: calc( calc( 100% - 1310px ) / 2 );
    padding-right: calc( calc( 100% - 1310px ) / 2 );
	padding-bottom: 60px;
	background: url("/common/img/share/bg_accounting.webp") center center / cover no-repeat;
	border-radius: 10px;
}

#accounting div.service-pageTitle{ background: url("/common/img/share/bg_accounting.webp") center center / cover no-repeat; }

#bookkeeping div.service-pageTitle{ background: url("/common/img/share/bg_bookkeeping.webp") center center / cover no-repeat;}

#payroll div.service-pageTitle{ background: url("/common/img/share/bg_payroll.webp") center center / cover no-repeat;}


	/* ======= SP =======*/
	@media (max-width: 1320px) {
		div.service-pageTitle{
			width: calc(100% - 48px);
			padding-left: 24px;
			padding-right: 24px;
		}
	}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.service-pageTitle{
			width: calc(100% - 48px);
			height: auto;
			padding-top: 48px;
			padding-bottom: 40px;
		}	
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.service-pageTitle{
			flex-direction: column;
			gap: 20px;
			width: 100%	;
			height: auto;
			margin: 0 auto 56px auto;
			padding-top: 32px;
			padding-bottom: 48px;
			border-radius: 0px;
		}
	}


/*---------------------------------
   
---------------------------------*/
div.service-pageTitle  figure{
	flex: 0 0 150px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.service-pageTitle  figure{
			flex: 0 0 120px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.service-pageTitle  figure{
			width: 112px;
			flex: auto;
			display: inline-block;
		}
	}

/*---------------------------------
   
---------------------------------*/
div.service-pageTitle div.titleConntent{
	flex: 1;
	min-width: 0;
}
div.service-pageTitle div.titleConntent > div{
	display: flex;
	align-items: center;
	gap: 24px;
	margin-bottom: 26px;
	width: min(824px,100%);
}

/*--  -- */
div.service-pageTitle div.titleConntent div h1{
	color: #fff;
	flex: 0 0 280px;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.414em;
}
div.service-pageTitle div.titleConntent div h1 small{
	display: block;
	font-size: 18px;
	font-weight: 600;
}

/*--  -- */
div.service-pageTitle div.titleConntent div div{
	flex: 0 0 1;
}
div.service-pageTitle div.titleConntent div div p{
	color: #fff;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.service-pageTitle div.titleConntent > div{
			flex-direction: column;
			align-items: flex-start;
			gap: 12px;
		}
		/*--  -- */
		div.service-pageTitle div.titleConntent div h1{
			flex: auto;
			font-size: 26px;
		}
		div.service-pageTitle div.titleConntent div h1 small{ font-size: 17px;}
		
		/*--  -- */
		div.service-pageTitle div.titleConntent div div p{ font-size: 15px;}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.service-pageTitle div.titleConntent{
			flex: auto;
			width: 100%;
		}
		div.service-pageTitle div.titleConntent > div{
			flex-direction: column;
			align-items: flex-start;
			gap: 16px;
			margin-bottom: 26px;
		}

		/*--  -- */
		div.service-pageTitle div.titleConntent div h1{
			flex: auto;
			width: 100%;
			font-size: 28px;
			text-align: center;
		}
		div.service-pageTitle div.titleConntent div h1 small{
			display: block;
			font-size: 17px;
			font-weight: 600;
		}

		/*--  -- */
		div.service-pageTitle div.titleConntent div div{
			flex: auto;
		}
	}



/*-- 
------------------------- */
div.service-pageTitle ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
div.service-pageTitle ul li{
	width: 168px;
}
div.service-pageTitle ul li a{
	position: relative;
	display: block;
	padding: 13px 16px 13px 14px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #E39000;
	box-shadow: 4px 4px 6px 0px rgba(153,153,153,0.2);
	color: #E39000;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.3em;
}
div.service-pageTitle ul li a::before{
	position: absolute; top: 50%; right: 12px;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #E39000;
	border-right: 2px solid #E39000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
}

div.service-pageTitle ul li a:hover,
div.service-pageTitle ul li.active a{ font-weight: 400;}


/*-- 記帳代行 -- */
#accounting div.service-pageTitle ul li a{
	border: 1px solid #E39000;
	color: #E39000;
}
#accounting div.service-pageTitle ul li a:hover,
#accounting div.service-pageTitle ul li.active a{
	background: #E39000;
	border: 1px solid #fff;
	color: #fff;
}
#accounting div.service-pageTitle ul li a::before{
	border-top: 2px solid #E39000;
	border-right: 2px solid #E39000;
}
#accounting div.service-pageTitle ul li a:hover::before,
#accounting div.service-pageTitle ul li.active a::before{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}


/*-- 会計代行 -- */
#bookkeeping div.service-pageTitle ul li a{
	border: 1px solid #00BABC;
	color: #0DA3A4;
}
#bookkeeping div.service-pageTitle ul li a:hover,
#bookkeeping div.service-pageTitle ul li.active a{
	background: #0DA3A4;
	border: 1px solid #fff;
	color: #fff;
}
#bookkeeping div.service-pageTitle ul li a::before{
	border-top: 2px solid #00BABC;
	border-right: 2px solid #00BABC;
}
#bookkeeping div.service-pageTitle ul li a:hover::before,
#bookkeeping div.service-pageTitle ul li.active a::before{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}


/*-- 給与計算代行 -- */
#payroll div.service-pageTitle ul li a{
	border: 1px solid #007BD4;
	color: #007BD4;
}
#payroll div.service-pageTitle ul li a:hover,
#payroll div.service-pageTitle ul li.active a{
	background: #0273C4;
	border: 1px solid #fff;
	color: #fff;
}
#payroll div.service-pageTitle ul li a::before{
	border-top: 2px solid #007BD4;
	border-right: 2px solid #007BD4;
}
#payroll div.service-pageTitle ul li a:hover::before,
#payroll div.service-pageTitle ul li.active a::before{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.service-pageTitle ul{ gap: 10px;}
		div.service-pageTitle ul li{ width: calc(calc(100% - 10px * 2) / 3);}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.service-pageTitle ul{
			gap: 10px;
		}
		div.service-pageTitle ul li{ width: calc(calc(100% - 10px * 1) / 2);}
		div.service-pageTitle ul li a{
			padding: 13px 16px 13px 14px;
			font-size: 15px;
		}
	}


/*==============================*/
/* Tilte */
/*==============================*/
.serviceTitle{
	margin-bottom: 24px;
	color: #000;
	font-size: 28px!important;
	font-weight: 700;
	line-height: 1.3em;
	text-align: center;
}
.serviceTitle small{
	display: block;
	margin-bottom: 8px;
}
.serviceTitle small span{
	position: relative;
	padding: 0 20px;
	color:  #D26200;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.48em;
}
.serviceTitle small span::before{
	position: absolute; top: 2px; left: 0;
	content: "";
	width: 1px;
	height: 21px;
	background: #D26200;
	transform: rotate(-20deg);
}
.serviceTitle small span::after{
	position: absolute; top: 3px; right: 0;
	content: "";
	width: 1px;
	height: 21px;
	background: #D26200;
	transform: rotate(20deg);
}

#payroll .serviceTitle small spann{ color: #007BD4;}
#payroll .serviceTitle small span::before,
#payroll .serviceTitle small span::after{ background: #007BD4;}

#bookkeeping .serviceTitle small span{ color: #229C83;}
#bookkeeping .serviceTitle small span::before,
#bookkeeping .serviceTitle small span::after{ background: #229C83;}


/*==============================*/
/* About */
/*==============================*/
div.serviceAbout{
	display: flex;
	align-items: center;
	gap: 60px;
	padding-top: 20px;
}

	 /* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.serviceAbout{
			align-items: flex-start;
			gap: 32px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceAbout{
			flex-direction: column-reverse;
			gap: 36px;
		}
	}


/*---------------------------------
   img
---------------------------------*/
div.serviceAbout figure{
	flex: 1 1 45%;
}
div.serviceAbout figure img{
	border-radius: 16px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceAbout figure{
			width: 100%;
			flex: none;
		}
		div.serviceAbout figure img{
			object-fit: cover;
			width: 100%;
			height: 200px;
			aspect-ratio: 4 / 2;
			border-radius: 12px;
		}
	}


/*---------------------------------
   Content
---------------------------------*/
div.serviceAbout div{
	position: relative;
	flex: 1 1 55%;
	min-width: 0;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceAbout div{
			width: 100%;
			flex: none;
		}
	}

/*-- 
------------------------- */
div.serviceAbout div h2{
	margin-bottom: 20px;
	color: #000;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.414em;
}
div.serviceAbout div h2 small{
	display: block;
	margin-bottom: 6px;
	margin-left: -20px;
}
div.serviceAbout div h2 small span{
	position: relative;
	padding: 0 20px;
	color:  #D26200;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.48em;
}
div.serviceAbout div h2 small span::before{
	position: absolute; top: 2px; left: 0;
	content: "";
	width: 1px;
	height: 21px;
	background: #D26200;
	transform: rotate(-20deg);
}
div.serviceAbout div h2 small span::after{
	position: absolute; top: 3px; right: 0;
	content: "";
	width: 1px;
	height: 21px;
	background: #D26200;
	transform: rotate(20deg);
}

#payroll div.serviceAbout div h2 small span{ color: #007BD4;}
#payroll div.serviceAbout div h2 small span::before,
#payroll div.serviceAbout div h2 small span::after{ background: #007BD4;}

#bookkeeping div.serviceAbout div h2 small span{ color: #229C83;}
#bookkeeping div.serviceAbout div h2 small span::before,
#bookkeeping div.serviceAbout div h2 small span::after{ background: #229C83;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.serviceAbout div h2{
			font-size: 24px;
			line-height: 1.414em;
		}
		div.serviceAbout div h2 span{
			font-size: 24px;
			line-height: 1.414em;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceAbout div h2{
			margin-bottom: 20px;
			font-size: 23px;
			line-height: 1.414em;
			text-align: center;
		}
		div.serviceAbout div h2 small{
			margin-bottom: 10px;
			margin-left: 0px;
			line-height: 1.414em;
		}
		div.serviceAbout div h2 small span{
			display: inline-block;
			padding: 0 28px;
			font-size: 16px;
			line-height: 1.414em;
		}
		div.serviceAbout div h2 small span::before{
			position: absolute; top: 2px; left: 0px;
			height: 38px;
		}
		div.serviceAbout div h2 small span::after{
			position: absolute; top: 3px; right: 0px;
			height: 38px;
		}
	}

/*-- Text
------------------------- */
div.serviceAbout div p{
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
	}



/*==============================
	serviceList
==============================*/
div.serviceList-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 48px 40px;
}
div.serviceList{
	position: relative;
	display: flex;
	width: calc(calc(100% - 40px * 1) / 2);
	gap: 30px;
	padding: 36px 32px 16px 32px;
}
div.serviceList::before{
	position: absolute; top: 0; left: 0;
	content: "";
	width: 40px;
	height: 40px;
	border-top: 3px solid #00BABC;
	border-left: 3px solid #00BABC;
}
div.serviceList::after{
	position: absolute; bottom: 0; left: 0;
	content: "";
	width: 100%;
	height: 180px;
	background: #EEFBF9;
	z-index: -1;
}

/*-- 記帳代行 -- */
#accounting div.serviceList::before{
	border-top: 3px solid #E39000;
	border-left: 3px solid #E39000;
}
#accounting div.serviceList::after{ background: #FFF9E2;}


/*-- 会計代行 -- */
#bookkeeping div.serviceList::before{
	border-top: 3px solid #00BABC;
	border-left: 3px solid #00BABC;
}
#bookkeeping div.serviceList::after{ background: #EEFBF9;}


/*-- 給与計算 -- */
#payroll div.serviceList::before{
	border-top: 3px solid #007BD4;
	border-left: 3px solid #007BD4;
}
#payroll div.serviceList::after{ background: #EDF7FF;}


	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceList-wrap{
			flex-direction: column;
			gap: 48px 40px;
		}
		div.serviceList{
			flex-direction: column;
			width: 100%;
			gap: 30px;
			padding: 32px 24px 16px 24px;
		}
	}



/*---------------------------------
   
---------------------------------*/
.serviceList figure{
	display: flex;
	align-items: center;
	flex: 0 0 88px;
	height: 88px;
}
.serviceList figure img{
	margin: 0 auto;
}




/*---------------------------------
   Content
---------------------------------*/
.serviceList div{
	flex: 1;
	display: flex;
	flex-direction: column;
	
}

/*-- Title
------------------------- */
div.serviceList div h3{
	margin-bottom: 11px;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.3em;
}


/*-- Text
------------------------- */
div.serviceList div p{
	margin-bottom: 28px;
	font-size: 15px;
	line-height: 1.7em;
}

/*-- 
------------------------- */
div.serviceList div dl{
	margin-top: auto;
}
div.serviceList div dl dt{
	position: relative;
	width: min(96px,100%);
	margin-left: 12px;
	padding: 2px 0 3px 0;
	background: #00BABC;
	border-radius: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	line-height: 1.3em;
	letter-spacing: 0.02em;
	z-index: 1;
}
div.serviceList div dl dd{
	transform: translateY(-16px);
	padding: 32px 26px 20px 26px;
	background: #fff;
	border-radius: 10px;
}
div.serviceList div dl dd ul li{
	position: relative;
	padding-left: 16px;
	font-size: 15px;
	line-height: 1.414em;
}
div.serviceList div dl dd ul li:not(:last-child){ margin-bottom: 4px;}
div.serviceList div dl dd ul li::before{
	position: absolute; top: 9px; left: 0;
	content: "";
	width: 6px;
	height: 6px;
	background: #1a1a1a;
	border-radius: 50%;
}

/*-- 記帳代行 -- */
#accounting div.serviceList div dl dt{ background: #E39000;}

/*-- 会計代行 -- */
#bookkeeping div.serviceList div dl dt{ background: #00BABC;}

/*-- 給与計算 -- */
#payroll div.serviceList div dl dt{ background: #007BD4;}


	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		.serviceList div{
			flex: 1;
			display: flex;
			flex-direction: column;

		}

		/*-- Title
		------------------------- */
		div.serviceList div h3{
			margin-bottom: 11px;
			color: #000;
			font-size: 21px;
			font-weight: 600;
			line-height: 1.3em;
		}


		/*-- Text
		------------------------- */
		div.serviceList div p{
			margin-bottom: 28px;
			font-size: 15px;
			line-height: 1.7em;
		}

		/*-- 
		------------------------- */
		div.serviceList div dl{
			margin-top: auto;
		}
		div.serviceList div dl dt{
			position: relative;
			width: min(96px,100%);
			margin-left: 12px;
			padding: 2px 0 3px 0;
			background: #00BABC;
			border-radius: 5px;
			color: #fff;
			font-size: 15px;
			font-weight: 400;
			text-align: center;
			line-height: 1.3em;
			letter-spacing: 0.02em;
			z-index: 1;
		}
		div.serviceList div dl dd{
			transform: translateY(-16px);
			padding: 32px 26px 20px 26px;
			background: #fff;
			border-radius: 10px;
		}
		div.serviceList div dl dd ul li{
			position: relative;
			padding-left: 16px;
			font-size: 15px;
			line-height: 1.414em;
		}
		div.serviceList div dl dd ul li:not(:last-child){ margin-bottom: 4px;}
		div.serviceList div dl dd ul li::before{
			position: absolute; top: 9px; left: 0;
			content: "";
			width: 6px;
			height: 6px;
			background: #1a1a1a;
			border-radius: 50%;
		}
	}


/*==============================*/
/* main */
/*==============================*/
div.pricePlan-wrap{
	display: flex;
	flex-wrap: wrap;
	gap: 36px;
}

div.pricePlan{
	width: calc(calc(100% - 36px * 2) / 3);
	border-radius: 16px;
	border: 1px solid #EFEFEF;
	box-shadow: 4px 4px 6px -3px rgba(153,153,153,0.5);
}


/* ======= PC以上 =======*/
@media (min-width: 1025px) {
	#accounting div.pricePlan-wrap{ justify-content: center;}
}




div.pricePlan > div{
	padding: 24px 28px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.pricePlan-wrap{ gap: 28px;}

		div.pricePlan{ width: calc(calc(100% - 28px * 1) / 2);}
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.pricePlan-wrap{
			flex-direction: column;
			gap: 20px;
		}

		div.pricePlan{
			width: 100%;
		}
	}


/*---------------------------------
   
---------------------------------*/
div.pricePlan h3{
	padding: 20px 0 18px 0;
	border-radius: 16px 16px 0 0;
	background: #007BD4;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3em;
}
div.pricePlan h3 small{
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3em;
}


/*-- カテゴリー色設定
------------------------- */
#accounting div.pricePlan h3{ background: #E3922B;}

#bookkeeping div.pricePlan:nth-child(1) h3{ background: #FB6E4E;}
#bookkeeping div.pricePlan:nth-child(2) h3{ background: #00BABC;}
#bookkeeping div.pricePlan:nth-child(3) h3{ background: linear-gradient(135deg,  #00babc 49%,#1387db 49%);}

#payroll div.pricePlan:nth-child(1) h3{ background: #007BD4;}
#payroll div.pricePlan:nth-child(2) h3{ background: linear-gradient(135deg,  #00babc 49%,#1387db 49%);}
#payroll div.pricePlan:nth-child(3) h3{ background: linear-gradient(135deg,  #00babc 49%,#1387db 49%);}


/*---------------------------------
   
---------------------------------*/
div.pricePlan dl.mainPrice{
	text-align: center;
	margin-bottom: 20px;
}
div.pricePlan dl.mainPrice dt{
	display: inline-block;
	width: 76px;
	margin-bottom: 4px;
	padding: 1px 0;
	border-radius: 200px;
	border: 1px solid #ccc;
	font-size: 13px;
	line-height: 1.3em;
	text-align: center;
}
div.pricePlan dl.mainPrice dd{
	color: #000;
	font-size: 34px;
	font-weight: bold;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0.03em;
	line-height: 1.1em;
}
div.pricePlan dl.mainPrice dd small{
	position: relative; top: 3px;
	margin-left: 2px;
	font-size: 16px;
	font-family: "Noto Sans JP";
	font-weight: 700;
	line-height: 1.1em;
}

/*---------------------------------
   
---------------------------------*/
div.pricePlan div.planDetail{
	margin-bottom: 32px;
}
div.pricePlan div.planDetail dl{
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 12px 12px;
}
div.pricePlan div.planDetail dl:nth-child(odd){
	background: #F3F3F3;
}
div.pricePlan div.planDetail dl dt{
	flex: 0 0 64px;
	color: #000;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.02em;
}
div.pricePlan div.planDetail dl dd{
	flex: 1;
	font-size: 14px;
}

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

/*-- テキスト -- */
div.pricePlan div.planDetail dl dd p.ditail-info{
	font-size: 14px;
	line-height: 1.414em;
}

/*-- 注釈 -- */
div.pricePlan div.planDetail dl dd p.ditail-caution{
	margin-top: 4px;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1.3em;
	line-height: 1.414em;
}

/*-- リンク -- */
div.pricePlan div.planDetail dl dd p.detail-link a{
	position: relative;
	padding-right: 24px;
	color: #1594B9;
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
}
div.pricePlan div.planDetail dl dd p.detail-link a::before{
	position: absolute; top:0px; right: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: #1594B9;
	border-radius: 50%;
}
div.pricePlan div.planDetail dl dd p.detail-link a::after{
	position: absolute; top: 50%; right: 7px;
	content: "";
	width: 6px;
	aspect-ratio: 76/109;
	background: url("/common/img/share/icon-arrow.svg");
	background-size: cover;
	margin-top: -4px;
}


/*---------------------------------
   
---------------------------------*/
div.pricePlan dl.planRange{
	margin-top: 0;
	padding-top: 18px;
	border-top: 1px solid #D7D7D7;
}
div.pricePlan dl.planRange dt{
	margin-bottom: 16px;
	color: #000;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3em;
}
div.pricePlan dl.planRange dd ul li{
	position: relative;
	padding-left: 24px;
	font-size: 14px;
	line-height: 1.414em;
}
div.pricePlan dl.planRange dd ul li:not(:last-child){ margin-bottom: 10px;}
div.pricePlan dl.planRange dd ul li::before{
	position: absolute; top: 1px; left: 0;
	content: "";
	width: 17px;
	height: 17px;
	background: #78A64F;
	border-radius: 50%;
}


div.pricePlan dl.planRange dd ul li::after{
	position: absolute; top: 50%; left: 4px;
	content: "";
	width: 9px;
	aspect-ratio: 62/46;
	background: url("/common/img/share/icon-check.svg");
	background-size: cover;
	margin-top: -4px;
}

div.pricePlan dl.planRange dd ul li.option{ color: #D70051; font-weight: 500;}
div.pricePlan dl.planRange dd ul li.option::before{ background: #D70051;}