@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. 基本

******************************************************************************* */
/* ==

　00. 基本

=============================================================================== */
#topicPath .baseIn {
	width: auto;
	max-width: 1240px;
	margin: 14px auto 13px;
	padding: 0 15px;
	box-sizing: border-box;
}
#topicPath h1 {
	font-weight: 500;
}
#topicPath ul {
	padding: 11px 0 11px;
}
.container {
	min-width: 1240px;
	overflow: hidden;
}
.cvBlock {
	padding-top: 80px;
}
/* ビジュアル
------------------------------------------------------------------------------- */
.idxVisual01 {
	position: relative;
}
.idxVisual01_item-shadow::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 50%;
	bottom: 0;
	left: 0;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	opacity: .3;
}
.idxVisual01_in {
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	position: relative;
	height: 510px;
	z-index: 1;
}
.idxVisual01_tit {
	position: relative;
	line-height: 1;
	width: 100%;
	max-width: 1174px;
	margin: 0 auto;
	padding: 70px 15px 0;
	font-size: 10px;
	z-index: 1;
}
.idxVisual01_wrap {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s;
	overflow: hidden;
}
.idxVisual01_wrap-show {
	opacity: 1;
}
.idxVisual01_item.swiper-slide {
	height: 510px;
}
.idxVisual01_item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* 物流センターを探す
------------------------------------------------------------------------------- */
.idxSearch01 {
	width: 100%;
	height: 90px;
	padding: 14px 15px;
	background-color: #5A5657;
	color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}
.idxSearch01_in {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	max-width: 1215px;
	height: 100%;
	margin: 0 auto;
}
.idxSearch01_head {
	width: 169px;
	border-right: 1px solid #fff;
	text-align: left;
}
.idxSearch01_en {
	line-height: 1;
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 292%;
	font-weight: 700;
}
.idxSearch01_en span {
	display: inline-block;
	position: relative;
}
.idxSearch01_en span::before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: -4px;
	width: 5px;
	height: 5px;
	background-color: #9CC811;
}
.idxSearch01_tit {
	line-height: 1;
	margin: 5px 0 0;
	font-size: 134%;
	font-weight: 500;
}
.idxSearch01_body {
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
}
.idxSearch02 {
	display: -webkit-box;
	display: flex;
	gap :20px;
}
.idxSearch02_area {
	width: 14.658%;
	overflow: hidden;
}
.idxSearch02_pref {
	width: 14.658%;
}
.formSelect {
	display: none;
	position: relative;
}
.formSelect::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 8px;
	width: 12px;
	height: 6px;
	margin: -3px 0 0;
	background: url(../../images/rn04/search_ico03.svg) center center no-repeat;
	background-size: contain;
}
.idxSearch01_select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 33px;
	padding: 0 8px;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	box-sizing: border-box;
	letter-spacing: -0.02em;
}
.idxSearch01_select {
	-webkit-appearance: none;
	appearance: none;
}
.idxSearch01_select::-ms-expand {
	display: none;
}
.idxSearch02_category {
	width: 38%;
}
.idxSearch02_check {
	min-height: 33px;
	line-height: 1;
	margin: 0 -10px 0 0;
	padding: 7px 0 0;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: -0.5em;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
.idxSearch02_check li {
	letter-spacing: normal;
}
.idxSearch02_check li:last-child {
	margin-right: 0;
}
.idxSearch02_btns {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 30.243%;
	font-size: 14px;
	font-weight: 700;
}
.idxSearch02_btn {
	width: 48.387%;
}
.idxSearch02_btn a {
	display: block;
	line-height: 60px;
	border-radius: 5px;
	background-color: #000;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.idxSearch02_btn a::before {
	content: "";
	display: inline-block;
	margin: 0 7px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: -0.1em;
}
.idxSearch02_btn-t1 a::before {
	width: 12px;
	height: 12px;
	background-image: url(../../images/rn04/search_ico01.svg);
}
.idxSearch02_btn-t2 a::before {
	width: 16px;
	height: 12px;
	background-image: url(../../images/rn04/search_ico02.svg);
}
.idxSearch02_tit {
	line-height: 1.428;
	margin: 0 0 8px;
	font-size: 117%;
	font-weight: 500;
}
/* NEWS
------------------------------------------------------------------------------- */
.idxNews01 {
	position: absolute;
	top: 230px;
	right: 0;
	z-index: 9;
	transform: translate(100%, 0%);
	transition: transform .4s ease-out;
}
.idxNews01-show {
	transform: translate(0%, 0%);
}
.idxNews01_head {
	display: none;
	position: absolute;
	top: 0;
	right: -40px;
	bottom: 0;
	left: 0;
	width: 40px;
	height: 180px;
	border-radius: 5px 0 0 5px;
	background-color: #000;
	background: rgba(0, 0, 0, .7);
	cursor: pointer;
}
.idxNews01-close .idxNews01_head {
	display: block;
	right: auto;
	left: 0;
	animation: newsAnime .2s .5s ease-out both;
}
@keyframes newsAnime {
	0% {
		left: 0;
		opacity: 0;
	}
	100% {
		left: -40px;
		opacity: 1;
	}
}
.idxNews01_head::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 15px;
	left: 0;
	width: 14px;
	height: 10px;
	margin: 0 auto;
	background: url(../../images/rn04/arw_ico08.svg) center center no-repeat;
	background-size: contain;
	cursor: pointer;
	z-index: 1;
}
.idxNews01_head p {
	position: absolute;
	top: 20px;
	right: 0;
	left: 0;
	line-height: 1.333;
	color: #fff;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-weight: 700;
	transform: rotate(90deg);
	white-space: nowrap;
}
.idxNews01_close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 40px;
	height: 40px;
	background: url(../../images/rn04/close_ico01.svg) center center no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	z-index: 1;
}
.idxNews01_body {
	width: 588px;
	padding: 15px 19px 22px;
	border-radius: 5px 0 0 5px;
	background-color: #000;
	background: rgba(0, 0, 0, .7);
	color: #fff;
	box-sizing: border-box;
}
.idxNews01_body a {
	color: #fff;
}
.idxNews01_tit {
	display: inline-block;
	line-height: 1.333;
	margin: 0 17px 0 0;
	font-size: 150%;
	font-weight: 700;
	vertical-align: -0.05em;
}
.idxNews01_btn {
	display: inline-block;
	line-height: 1.357;
	margin: 0;
	font-size: 117%;
	font-weight: 400;
}
.idxNews01_btn a {
	text-decoration: none;
}
.idxNews01_btn a::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 11px;
	margin: 0 0 0 11px;
	background: url(../../images/rn04/arw_ico07.svg) center center no-repeat;
	background-size: contain;
	vertical-align: -0.05em;
}
.idxNews01_list {
	max-height: 210px;
	margin: 18px 0 0;
	font-size: 100%;
	overflow-y: auto;
}
.idxNews01_item {
	margin: 19px 0 0;
}
.idxNews01_item:first-child {
	margin-top: 0;
}
.idxNews01_date {
	line-height: 1.357;
	margin: 0 0 2px;
	font-family: "Inter", sans-serif;
	font-size: 117%;
	font-weight: 700;
}
.idxNews01_txt {
	line-height: 1.428;
	margin: 0;
	font-size: 117%;
	font-weight: 400;
}
/* 注目の物流センター
------------------------------------------------------------------------------- */
.idxPickup01 {
	margin: 0;
	padding: 36px 0 180px;
	background-color: #282F38;
	overflow: hidden;
}
.idxPickup01_head {
	margin: 0 0 50px;
	color: #fff;
	text-align: center;
}
.idxPickup01_en {
	line-height: 1.318;
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 44px;
	font-weight: 700;
}
.idxPickup01_en span {
	display: inline-block;
	position: relative;
}
.idxPickup01_en span::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: -6px;
	width: 7px;
	height: 7px;
	background-color: #9CC811;
}
.idxPickup01_tit {
	line-height: 1.5;
	margin: -4px 0 0;
	font-size: 134%;
	font-weight: 700;
}
.idxPickup01_body {
	position: relative;
	min-height: 200px;
}
.idxPickup01_loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	background: url(../../images/rn04/loading_ico01.svg) center center no-repeat;
	background-size: contain;
}
.idxPickup01_btn {
	display: block;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
	transition: opacity .3s;
}
.idxPickup01_btn-show {
	opacity: 1;
}
.idxPickup01_btn-prev {
	left: 6.944%;
	background-image: url(../../images/rn04/arw_ico05.svg);
}
.idxPickup01_btn-next {
	right: 6.944%;
	background-image: url(../../images/rn04/arw_ico06.svg);
}
.idxPickup01_wrap {
	opacity: 0;
	transition: opacity .3s;
}
.idxPickup01_wrap-show {
	opacity: 1;
	transition: opacity .3s;
}
.idxProject01 {
	display: -webkit-box;
	display: flex;
	right: 390px;
	margin: 0;
	font-size: 100%;
}
.idxProject01_empty {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 200px;
	color: #fff;
	font-size: 167%;
	font-weight: 500;
	text-align: center;
}
.idxProject01_item {
	width: 100%;
	max-width: 240px;
	margin: 0;
	opacity: .5;
	transition: opacity .3s;
}
.idxProject01_item.swiper-slide-active,
.idxProject01_item.swiper-slide-next,
.idxProject01_item.swiper-slide-next + .idxProject01_item,
.idxProject01_item.swiper-slide-next + .idxProject01_item + .idxProject01_item  {
	opacity: 1;
}
.idxProject01_wrap {
	display: block;
	height: 100%;
	color: #000;
	text-decoration: none;
}
.idxProject01_img {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 61.979% 0 0;
	overflow: hidden;
}
.idxProject01_img > div {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.idxProject01_img::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #ccc;
	z-index: 1;
}
.idxProject01_img img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	transition: transform .4s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.d_hover a:hover .idxProject01_img img,
.d_hover .idxProject01_item.swiper-slide-prev a:hover .idxProject01_img img,
.d_hover .idxProject01_item.swiper-slide-active a:hover .idxProject01_img img,
.d_hover .idxProject01_item.swiper-slide-next a:hover .idxProject01_img img,
.d_hover .idxProject01_item.swiper-slide-next + .idxProject01_item a:hover .idxProject01_img img {
	transform: scale(1.1,1.1);
}
.idxProject01_ico {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 24px;
	padding: 0 6px 1px;
	background-color: #FF006C;
	color: #fff;
	font-size: 100%;
	font-weight: 700;
	z-index: 1;
}
.idxProject01_item-type01 .idxProject01_ico {
	background-color: #E3115A;
}
.idxProject01_item-type02 .idxProject01_ico {
	background-color: #EB7F00;
}
.idxProject01_item-type03 .idxProject01_ico {
	background-color: #24459D;
}
.idxProject01_item-type04 .idxProject01_ico {
	background-color: #3C3C3C;
}
.idxProject01_ico.idxProject01_ico-vr {
	background-color: #229896;
	padding-left: 24px;
	top: 0;
	left: auto;
	right: 0;
}
.idxProject01_ico.idxProject01_ico-vr::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
	background: url(/business/logistics/dproject/list/images/parts/ico_360.png) no-repeat center;
	background-size: contain;
}
.idxProject01_info {
	padding: 9px 0 0;
}
.idxProject01_tit {
	position: relative;
	line-height: 1.3;
	margin: 0 0 10px;
	color: #fff;
	font-size: 167%;
	font-weight: 700;
}
a .idxProject01_tit {
	color: #fff;
}
.idxProject01_list {
	margin: 0 -10px 0 0;
	font-size: 100%;
}
.idxProject01_list li {
	margin: 4px 0 0;
}
.idxProject01_list li::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.idxProject01_list li:first-child {
	margin-top: 0;
}
.idxProject01_head {
	float: left;
	line-height: 1.666;
	margin: 0;
	color: #C6C6C6;
	font-size: 100%;
	font-weight: 700;
	white-space: nowrap;
}
.idxProject01_body {
	line-height: 1.666;
	margin: -1px 0 0;
	color: #C6C6C6;
	font-size: 100%;
	font-weight: 700;
}
/* レイアウト
------------------------------------------------------------------------------- */
.idxBlock01 {
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	flex-direction: row-reverse;
	margin: 120px 0;
}
.idxBlock01-btm {
	align-items: flex-end;
}
.idxBlock01-mt {
	margin-top: -90px;
}
.idxBlock01-mb {
	margin-bottom: -70px;
}
.idxBlock01_info {
	width: 44.445%;
	padding: 0 20px 0 15px;
	box-sizing: border-box;
}
.idxBlock01-reverse .idxBlock01_info {
	padding: 0 15px 0 20px;
}
.idxBlock01_img {
	position: relative;
	width: 55.555%;
}
.box__line {
	position: absolute;
}
.box__line-t1 {
	top: calc(100% - 80px);
	top: -webkit-calc(100% - 80px);
	left: -20px;
	width: 20px;
	background-color: #9CC811;
	animation: animate1 4.5s ease-out infinite;
}
.box__line-t2 {
	bottom: -20px;
	left: -20px;
	height: 20px;
	background-color: #9CC811;
	animation: animate2 4.5s ease-out infinite;
}
.box__line-t3 {
	top: calc(100% - 82px);
	top: -webkit-calc(100% - 82px);
	left: -22px;
	width: 24px;
	background-color: #fff;
	animation: animate3 4.5s ease-out infinite;
}
.box__line-t4 {
	bottom: -22px;
	left: -22px;
	height: 24px;
	background-color: #fff;
	animation: animate4 4.5s ease-out infinite;
}
.box__line-t5 {
	top: -20px;
	left: calc(100% - 80px);
	left: -webkit-calc(100% - 80px);
	height: 20px;
	background-color: #9CC811;
	animation: animate5 4.5s ease-out infinite;
}
.box__line-t6 {
	top: -20px;
	left: 100%;
	width: 20px;
	background-color: #9CC811;
	animation: animate6 4.5s ease-out infinite;
}
.box__line-t7 {
	top: -22px;
	left: calc(100% - 80px);
	left: -webkit-calc(100% - 80px);
	height: 24px;
	background-color: #fff;
	animation: animate7 4.5s ease-out infinite;
}
.box__line-t8 {
	top: -22px;
	left: 100%;
	width: 24px;
	background-color: #fff;
	animation: animate8 4.5s ease-out infinite;
}
@keyframes animate1 {
	0% {
		height: 0;
	}
	12.5% {
		height: 100px;
	}
	100% {
		height: 100px;
	}
}
@keyframes animate2 {
	0% {
		width: 0;
	}
	12.5% {
		width: 0;
	}
	25% {
		width: 100px;
	}
	100% {
		width: 100px;
	}
}
@keyframes animate3 {
	0% {
		height: 0;
	}
	50% {
		height: 0;
	}
	57% {
		height: 104px;
	}
	100% {
		height: 104px;
	}
}
@keyframes animate4 {
	0% {
		width: 0;
	}
	57% {
		width: 0;
	}
	68% {
		width: 104px;
	}
	100% {
		width: 104px;
	}
}
@keyframes animate5 {
	0% {
		width: 0;
	}
	12.5% {
		width: 100px;
	}
	100% {
		width: 100px;
	}
}
@keyframes animate6 {
	0% {
		height: 0;
	}
	12.5% {
		height: 0;
	}
	25% {
		height: 100px;
	}
	100% {
		height: 100px;
	}
}
@keyframes animate7 {
	0% {
		width: 0;
	}
	50% {
		width: 0;
	}
	57% {
		width: 104px;
	}
	100% {
		width: 104px;
	}
}
@keyframes animate8 {
	0% {
		height: 0;
	}
	57% {
		height: 0;
	}
	68% {
		height: 104px;
	}
	100% {
		height: 104px;
	}
}
.idxBlock01_img img {
	display: block;
	position: relative;
	width: 100%;
	z-index: 1;
}
.idxBlock01_in {
	max-width: 470px;
	margin: 0 auto 0 60px;
}
.idxBlock01-reverse .idxBlock01_in {
	margin: 0 60px 0 auto;
}
.idxBlock01_tit {
	line-height: 1.454;
	margin: 0 0 13px;
	font-family: "Noto Serif JP", serif;
	font-size: 367%;
	font-weight: 400;
}
.idxBlock01_tit span {
	display: inline-block;
	position: relative;
}
.idxBlock01_tit span::before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: -5px;
	width: 7px;
	height: 7px;
	background-color: #9CC811;
}
.idxBlock01_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
.idxBlock01_btns {
	max-width: 270px;
	margin: 28px 0 0;
	font-size: 100%;
}
.idxBlock01_btn {
	margin: 10px 0 0;
}
.idxBlock01_btn:first-child {
	margin-top: 0;
}
.idxBlock01_btn a {
	display: block;
	position: relative;
	line-height: 58px;
	border-radius: 5px;
	padding: 0 0 2px;
	background-color: #000;
	color: #fff;
	font-size: 150%;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
}
.idxBlock01_btn a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	width: 16px;
	height: 12px;
	margin: -6px 0 0;
	background: url(../../images/rn04/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
/* レポート・サービス情報
------------------------------------------------------------------------------- */
.idxNav01 {
	padding: 46px 15px 85px;
	background-size: cover;
	background: url(../../images/rn04/nav_bg01.jpg) center center no-repeat;
	background-size: cover;
	color: #fff;
}
.idxNav01_in {
	max-width: 1240px;
	margin: 0 auto;
}
.idxNav01_head {
	margin: 0 0 40px;
	text-align: center;
}
.idxNav01_en {
	line-height: 1.318;
	margin: 0;
	font-family: "Inter", sans-serif;
	font-size: 44px;
	font-weight: 700;
}
.idxNav01_en span {
	display: inline-block;
	position: relative;
}
.idxNav01_en span::before {
	content: "";
	display: block;
	position: absolute;
	top: 1px;
	left: -6px;
	width: 7px;
	height: 7px;
	background-color: #9CC811;
}
.idxNav01_tit {
	line-height: 1.5;
	margin: -4px 0 0;
	font-size: 134%;
	font-weight: 700;
}
.idxNav02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 100%;
}
.idxNav02_item {
	width: 48.388%;
	margin: 40px 0 0;
}
.idxNav02_item:nth-child(1),
.idxNav02_item:nth-child(2) {
	margin-top: 0;
}
.idxNav02_item a {
	display: block;
	position: relative;
	height: 100%;
	padding: 46px 70px 53px 30px;
	background-color: #000;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
.idxNav02_item a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 5px;
	background-color: #9CC811;
}
.idxNav02_item.col-show a::before {
	animation: animate10 4s .3s ease-out infinite;
}
@keyframes animate10 {
	0% {
		right: auto;
		left: 0;
		width: 0;
	}
	10% {
		right: auto;
		left: 0;
		width: 50px;
	}
	60% {
		right: -webkit-calc(100% - 50px);
		right: calc(100% - 50px);
		left: auto;
		width: 50px;
	}
	70% {
		right: -webkit-calc(100% - 50px);
		right: calc(100% - 50px);
		left: auto;
		width: 0;
	}
}
.idxNav02_item a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	background: url(../../images/rn04/arw_ico04.svg) center center no-repeat;
	background-size: contain;
}
.idxNav02_tit {
	line-height: 1.428;
	margin: 0 0 11px;
	font-family: "Noto Serif JP", serif;
	font-size: 234%;
	font-weight: 400;
}
.idxNav02_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
/* フォーム部品
------------------------------------------------------------------------------- */
.idxCheck_wrap {
	display: inline-block;
	position: relative;
	min-height: 18px;
	line-height: 1.3;
	padding: 0 0 0 21px;
	box-sizing: border-box;
	vertical-align: middle;
	cursor: pointer;
	letter-spacing: -0.02em;
}
.idxCheck-hide {
	display: none !important;
}
.idxCheck+span {
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	cursor: pointer;
	outline: none;
}
.idxCheck+span::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-color: #fff;
	box-sizing: border-box;
}
.idxCheck+span::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 7px;
	height: 4px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.idxCheck:checked+span::after {
	border-color: #000;
}
/* アニメーション
------------------------------------------------------------------------------- */
.fnPkbFadeIn,
.fnPkbSlideInTop,
.fnPkbColSlideInTop .col,
.fnPkbLiFadeIn li,
.fnPkbLiSlideInTop li {
	opacity: 0;
}
.isLegacy .fnPkbFadeIn,
.isLegacy .fnPkbSlideInTop,
.isLegacy .fnPkbColSlideInTop .col,
.isLegacy .fnPkbLiFadeIn li,
.isLegacy .fnPkbLiSlideInTop li {
	opacity: 1;
}