@charset "UTF-8";

/* mmv：経営方針
-------------------------------------------------------------- */
.secMvv {
	background: url(../../images/official_v2/mvv/bg.png) no-repeat 50% 50%;
	background-size:cover;
	background-attachment: fixed;
	padding-top: 15em;
}

.secMvv .secH100 { padding: 0 0 15em;}
.secMvv .secH100 p { color: var(--color_black); line-height: 2; margin: 1.5em 0;}

.valueBox {
	display: flex;
	justify-content: space-between;
	margin-top: 5em;
}
.valueBox .hl {
	width: 40%;
	font-size: var(--fs-s);
	line-height: 1.3;
	margin: 0;
}
.valueBox .hl:before {
	display: block;
	content: "- " attr(data-text);
	font-family: var(--family-poppin);
	font-size: 0.88rem;
}
.valueBox .txt {
	width: 55%;
	color: var(--color_black);
}
.valueBox .txt ul { margin-bottom: 0;}

@media screen and (max-width: 896px) {
	.secMvv {
		padding-top: 10em;
		background-size: auto;
		background-repeat: repeat;
	}
	.secMvv .secH100 { padding: 0 0 10em;}
	.secH100 .hl1 img { width: 500px;}

	.valueBox { margin-top: 4em;}
	.valueBox:first-of-type { margin-top: 2em;}
	.valueBox .hl { width: 30%;}
	.valueBox .txt { width: 65%;}
}
@media screen and (max-width: 480px) {
	.secMvv { padding-top: 6em;}
	.secMvv .secH100 { padding: 0 0 6em;}

	.valueBox { flex-direction: column;}
	.valueBox .hl { width: auto;}
	.valueBox .txt { width: auto;}
}


/* security：セキュリティへの取り組み
-------------------------------------------------------------- */
.pickupNavi {
	position: relative;
	background-color: var(--color_white);
	border: 4px solid var(--color_gray-light);
	padding: 2em;
	margin: 2em 0 0;
	z-index: 5;
}
.pickupNavi a {
	position: relative;
	display: block;
	color: var(--color_primary);
	font-weight: bold;
	padding-right: 1.5em;
}
.pickupNavi a:hover { color: var(--color_main);}
.pickupNavi a:after {
	position: absolute;
	right: 0;
	top: 0.5em;
	display: block;
	width: 0.5em;
	height: 0.5em;
	content: "";
	border-top: 2px solid var(--color_main);
	border-right: 2px solid var(--color_main);
	transform: rotate(135deg);
	transition: 0.2s all ease;
}
.pickupNavi a:hover:after { top: 0.6em;}

.followingArea { justify-content: space-between;}
.followingArea > .wp-block-column { flex-basis: auto !important; flex-grow:inherit !important;}
.followingArea > .nav {
	position: relative;
	width: 28%;
	font-size: var(--fs-xxs);
	border-right: 2px solid var(--color_white);
	padding-top: 0.5em;
	padding-right: 4%;
}
.followingArea > .nav > ul {
	position: sticky;
	top: 11em;
	font-size: var(--fs-xxs);
	font-weight: bold;
	list-style: none;
	padding: 0;
	margin: 0;
}
.followingArea > .nav li { position: relative; padding-left: 1.5em; margin-bottom: 1.5em;}
.followingArea > .nav li:before {
	position: absolute;
	top: 0.8em;
	left: 0.4em;
	display: block;
	width: 5px;
	height: 5px;
	content: "";
	border: 1px solid var(--color_primary);
	border-radius: 50%;
}
.followingArea > .nav a { color: var(--color_gray); text-decoration: none;}
.followingArea > .nav .current,
.followingArea > .nav a:hover { color: var(--color_primary);}

.followingArea > .content { width: 68%;}
.followBox { padding: 4em 0 2em;}
.followBox:first-child { padding-top: 0;}

.policyBox { position: relative; background: no-repeat 100% 3.5em; padding: 6em 0 0;}
#t1.policyBox { background-image: url(../../images/official_v2/security/secupoli_bg1.svg); z-index: 4;}
#t2.policyBox { background-image: url(../../images/official_v2/security/secupoli_bg2.svg); z-index: 3;}
#t3.policyBox { background-image: url(../../images/official_v2/security/secupoli_bg3.svg); z-index: 2;}
#t4.policyBox { background-image: url(../../images/official_v2/security/secupoli_bg4.svg); z-index: 1;}

.policyBox .hl3 { margin-bottom: 2em;}
.policyBox details {
	position: relative;
	background-color: var(--color_white);
	border-radius: 30px;
	box-shadow: 0 0 1em var(--color_gray-dark2);
}
.policyBox details:after {
	position: absolute;
	top: 20px;
	right: 20px;
	display: block;
	width: 20px;
	height: 20px;
	content: "";
	background:  url(../../images/official_v2/ico_plus.svg) no-repeat 50% 50% / contain;
	pointer-events: none;
	transition: openFade 0.4s ease;
}
.policyBox details[open]:after { background-image: url(../../images/official_v2/ico_minus.svg);}
.policyBox details + details { margin-top: 1.5em;}
.policyBox summary {
	font-weight: bold;
	list-style: none;
	line-height: 1.3;
	padding: 1.3em 3.5em 1.3em 2em;
}
.policyBox .detailsContent {
	font-size: var(--fs-xxs);
	padding: 0 2em 1em;
    animation: none;
}
.policyBox .detailsContent > :first-child { margin-top: 0;}
.policyBox details[open] .detailsContent {
	overflow: auto;
	animation: openFade 0.6s ease;
}
@keyframes openFade {
	0% { opacity: 0; transform: translateY(-20px);}
	100% { opacity: 1; transform: none;}
}

.policyBox + .fsXXS { margin-top: 6em;}

@media screen and (max-width: 896px) {
	.followingArea > .nav { display: none;}
	.followingArea > .content { width: 100%;}

	.policyBox details { border-radius: 27px;}
	.policyBox details:after { top: 18px; right: 18px;}
}
@media screen and (max-width: 480px) {
	.policyBox { background-position: 100% 2.5em; background-size: 92px auto; padding: 4em 0 0;}
	.policyBox details { border-radius: 23px;}
	.policyBox details:after { top: 13px; right: 13px;}
	.policyBox summary { padding: 1em 3em 1em 1em;}
	.policyBox .detailsContent { padding: 0 1em 0em;}
}


/* greeting：代表メッセージ
-------------------------------------------------------------- */
.greetingBox {
	overflow: hidden;
}
.greetingBox > .img {
	width: 40%;
	float: right;
	padding-left: 6%;
	margin-bottom: 2em;
}
.greetingSummary {
	width: 60%;
	float: left;
}
.greetingSummary .hl {
	color: var(--color_main);
	line-height: 1.3;
}
.greetingSummary .hl > span {
	color: var(--color_primary);
	font-size: var(--fs-m);
	margin-right: 0.4em;
}
.greetingSummary .hl:after { content: attr(data-label); font-weight: normal;}

.greetingSummary .catch {
	position: relative;
	display: block;
	font-size: var(--fs-s);
	font-weight: bold;
	line-height: 2;
	padding: 5%;
	margin: 3em 0;
}
.greetingSummary .catch:before,
.greetingSummary .catch:after {
	position: absolute;
	display: block;
	content: "";
	width: var(--fs-xl);
	height: var(--fs-xl);
	background: no-repeat 50% 50% / contain;
	z-index: -1;
}
.greetingSummary .catch:before{
	top: 0;
	left: 0;
	background-image: url(../../images/official_v2/greeting/bg_q-before.svg);
}
.greetingSummary .catch:after {
	right: 0;
	bottom: 0;
	background-image: url(../../images/official_v2/greeting/bg_q-after.svg);
}

.greetingBox p { clear: left; margin: 1.5em 0;}

@media screen and (max-width: 1024px) {
	.greetingSummary .catch br { display: none;}
}
@media screen and (max-width: 896px) {
	.greetingSummary,
	.greetingBox > .img { width: auto; float: none;}
	.greetingBox > .img { width: 380px; max-width: 100%; padding-left: 0; margin: 0 auto;}
	.greetingBox > .img img { width: 100%; height: 480px; object-fit: cover;}
	.greetingSummary .catch { margin: 2em 0;}
}
@media screen and (max-width: 480px) {
	.greetingSummary .catch { line-height: 1.6; margin: 1.5em 0;}
	.greetingBox > .img img { height: auto;}
}


/* service：事業・サービス
-------------------------------------------------------------- */
.serviceArea{
	display:flex;
	flex-wrap: wrap;
	gap:2em 4%;
	padding: 0;
	margin: 4% 0 0;
}
.serviceArea li{
	list-style: none;
	width:30.6%;
	box-shadow: 0px 4px 24px var(--color_shadow-light);
	transition: 0.2s all ease;
	margin-bottom: 1em;
}
.serviceArea li a{ text-decoration: none;}
.serviceArea li p{
	padding:0.5em 1em;
	line-height:1.3;
	font-weight:bold;
}
.serviceArea li:hover{ transform: scale(1.03);}
.serviceArea li:hover p { color: var(--color_main);}


@media screen and (max-width: 896px) {
	.serviceArea li{ width:32%; box-shadow: 0px 4px 16px var(--color_shadow-light);}
	.serviceArea li{ gap:1em 2%; width:48%;}
	.serviceArea li:hover{ transform: scale(1);}
}

@media screen and (max-width: 480px){
	.serviceArea { 	gap:1em 2%; margin-top: 6%;}
	.serviceArea li{ width:100%;}
	.serviceArea li a{ display:flex; align-items: center}
	.serviceArea li picture{ width:40%;}
	.serviceArea li p{ width:60%; padding:0 0.8em}
}


/* company：会社概要
-------------------------------------------------------------- */
.tableB{ width:100%; margin: 4em 0;}
.tableB:last-child{ margin-bottom: 0;}
.tableB tr, .tableB th, .tableB td{ border:none; background:none;}
.tableB tr:nth-of-type(2n+1){ background:none;}
.tableB tr{ border-bottom:1px solid var(--color_gray);}
.tableB th{ width:20%;}
.tableB td{ padding:1.5em 1em;}

.tableB strong + ul{ margin-top: 0.5em;}
.tableB .customer_area{ display:flex; justify-content:space-between;}
.tableB .customer_area > div{ width:48%;}

@media screen and (max-width: 896px){
	.tableB th{ width:25%;}
}
@media screen and (max-width: 480px){
	.tableB td{ padding:1em;}
	.tableB .customer_area{ display:block;}
	.tableB .customer_area > div{ width:100%;}
	.tableB .customer_area > div:first-child{ margin-bottom:2em;}
}


/* history：沿革
-------------------------------------------------------------- */
.secHistory {
	background: url(../../images/official_v2/history/history_bg.jpg) no-repeat 50% 100% / 100% auto;
	background-attachment: fixed;
}

.historyBox {
	position: relative;
	padding: 4em 10%;
	margin: 0;
}
.historyBox:before,
.historyBox:after {
	position: absolute;
	top: 7em;
	left: 5%;
	display: block;
	content: "";
}
.historyBox:before {
	height: 0;
	border-left: 2px solid var(--color_gray);
	margin-left: -1px;
	transition: 1.5s all 0.8s ease;
	opacity: 0;
}
.historyBox:last-of-type:before {display: none;}
.historyBox.animate__animated:before { height: 100%; opacity: 1;}
.historyBox.animate__animated:last-of-type:before { height: 0;}
.historyBox:after {
	width: 10px;
	height: 10px;
	background-color: var(--color_white);
	border: 1px solid var(--color_gray);
	border-radius: 50%;
	margin-left: -5px;
}
.historyBox:last-of-type:after { background-color: var(--color_main); border-color: var(--color_main);}
.historyBox:last-of-type .hl1 { color: var(--color_main);}

@media screen and (max-width: 896px) {
	.secHistory { background: none; padding-left: 0; padding-right: 0;}
	.secHistory > div:before {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		content: "";
		background: url(../../images/official_v2/history/history_bg.jpg) no-repeat 50% 100% / auto 33%;
		z-index: -1;
	}
	.historyBox { padding-top: 3em; padding-bottom: 3em;}
	.historyBox:after { top: 4.5em;}
	.historyBox:before { top: 4.5em;height: 100%; opacity: 1;}
}
@media screen and (max-width: 480px) {
	.secHistory > div:before { background-size: auto 44%;}
	.historyBox { padding-top: 2em; padding-bottom: 2em;}
	.historyBox:after { top: 3.5em;}
	.historyBox:before { top: 3.5em;}
	.historyBox .hl1.typeEn { font-size: var(--fs-xl);}
	.historyBox ul { margin: 0;}
}

/* officer：役員紹介
-------------------------------------------------------------- */
.directorList > ul {
	display: flex;
	flex-flow: row wrap;
	gap: 2em 2%;
	list-style: none;
	padding: 0;
	margin: 0;
}
.directorList li {
	width: 23.5%;
	color: var(--color_main);
	font-weight: bold;
	line-height: 1.3;
	cursor: pointer;
}
.directorList li > span {
	display: block;
	color: var(--color_primary);
	font-size: var(--fs-s);
	transition: 0.2s all ease;
}
.directorList li:hover > span { color: var(--color_main);}
.directorList picture img { box-shadow: 0 0 1.25em var(--color_gray-dark2);}
.directorList picture { margin-bottom: 1em; transition: 0.2s all ease;}
.directorList li:hover picture { transform: scale(1.03);}

@media screen and (max-width: 896px) {
	.directorList li { width: 32%;}
	.directorList li:hover picture { transform: scale(1);}
}
@media screen and (max-width: 480px) {
	.directorList li { width: 48%;}
}

/* popupArea */
.popupArea {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background-color: var(--color_shadow-dark);
	padding: 4%;
	z-index: 10000;
}
.popupArea > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1100px;
	max-width: 92%;
	background-color: var(--color_white);
	transform: translate(-50%, -50%);
	margin: auto;
}
.btnClose {
	position: absolute;
	right: 4%;
	top: 4%;
	font-family: var(--family-poppin);
	font-size: var(--fs-xs);
	cursor: pointer;
	transition: 0.2s all ease;
}
.btnClose:hover { opacity: 0.6;}
.btnClose i {
	position: relative;
	display: inline-block;
	width: 19px;
	height: 19px;
	transform: rotate(45deg);
	vertical-align: middle;
}
.btnClose i:before,
.btnClose i:after {
	position: absolute;
	content: "";
}
.btnClose i:before {
	top: 50%;
	width: 100%;
	border-top: 1px solid var(--color_primary);
	margin-top: -0.5px;
}
.btnClose i:after {
	left: 50%;
	height: 100%;
	border-left: 1px solid var(--color_primary);
	margin-left: -0.5px;
}

.directorBox { display: none;}
.directorBox.is-hide { position: absolute; top: 0; left: 0;}

.directorBox > .inr {
	display: flex;
	justify-content: space-between;
	gap: 5%;
	padding: 4%;
}
.directorBox .img { width: 35%;}
.directorBox .img img { height: 48vh; object-fit: cover;}

.directorBox .txt { width: 60%;}
.directorBox .txt .hl1 { margin-bottom: 2em;}
.directorBox .scrollArea { height: 43vh; overflow: auto; margin: 0;}
.directorBox .txt .list { list-style: none; padding: 0; margin: 0 0 2em;}
.directorBox .txt .list li { margin: 0;}

.directorBox .nav > ul { padding: 2% 4% 4%; margin: 0; overflow: hidden;}
.directorBox .nav li { text-decoration: underline;}
.directorBox .nav li:hover { text-decoration: none;}
.directorBox .nav .prev { float: left;}
.directorBox .nav .next { float: right;}

@media screen and (max-width: 896px) {
	.directorBox .img img { height: 360px;}
}
@media screen and (max-width: 768px) {
	.popupArea > div { max-height: 92%; overflow: auto;}
	.btnClose { top: 2%;}

	.directorBox { padding: 4em 1em 2em;}
	.directorBox > .inr {
		flex-direction: column;
		align-items: center;
		gap: 1em 0;
		padding: 0;
	}
	.directorBox .txt { width: 100%;}
	.directorBox .img { width: 320px; max-width: 100%; text-align: center;}
	.directorBox .img img { height: 320px;}
	.directorBox .scrollArea { height: auto;}

	.directorBox .nav > ul { padding: 2em 0 1em;}
	.directorBox .nav .prev { margin-bottom: 2em;}
}
@media screen and (max-width: 480px) {
	.directorBox .img { width: 280px;}
	.directorBox .img img { height: 280px;}
}


/* access：アクセスマップ
-------------------------------------------------------------- */
.access .wp-block-columns{ margin-bottom: 6em;}
@media screen and (max-width: 896px){
	.access .wp-block-columns{ flex-direction:column-reverse;}
}


/* info
-------------------------------------------------------------- */
.secList > .inr,
.secDetail > .inr{
	display:flex;
	justify-content: space-between;
	flex-flow: row wrap;
}

.aside{ width:20%;}
.aside dl{ margin: 0 0 2em;}
.aside dt{ color:var(--color_main); margin-bottom:0.5em;}
.aside dd ul{
	padding:0;
	margin:0;
	list-style:none;
	font-size:var(--fs-xxs);
}
.aside .yearArchiveList dd ul { display: inline-flex; width: 70%; gap: 1em; flex-flow: row wrap;}
.aside .yearArchiveList dd li{ margin-bottom: 0;}

.aside dd a{ color:var(--color_gray); text-decoration:none;}
.aside dd a.current{ color:var(--color_primary); font-weight:bold;}
.aside dd a:hover{ color:var(--color_primary); text-decoration:underline;}

.secList .content,
.secDetail .content{ width:75%; margin: 0;}

@media screen and (max-width: 896px) {
	.aside { display: flex; width: auto; justify-content: space-between; margin-bottom: 6%;}
	.aside .categoryList { width: 55%;}
	.aside .categoryList dd ul { display: flex; gap: 1em 5%; flex-flow: row wrap;}
	.aside .categoryList dd li { margin: 0;}
	.aside .categoryList dd .all { width: 100%;}
	.aside .yearArchiveList { width: 40%;}
	.aside .yearArchiveList dd ul { display: flex; width: auto; gap: 1em 2.5%;}
	.aside .yearArchiveList dd li { width: 18%;}

	.secList .content,
	.secDetail .content{ width:100%;}
}
@media screen and (max-width: 480px) {
	.secList > .inr,
	.secDetail > .inr{ flex-flow: column-reverse;}

	.aside {
		flex-flow: column nowrap;
		margin: 4% -4% 0;
		padding: 6% 4% 0;
		border-top: 1px solid var(--color_gray-light);
	}
	.aside .categoryList { width: 100%;}
	.aside .categoryList dd li { width: 47.5%;}
	.aside .yearArchiveList { width: 100%; margin-bottom: 0;}
}

/* secList */
.secList .content{
	display: flex;
	flex-wrap: wrap;
	gap:2em 3.5%;
}
.secList .content > a{
	width:31%;
	text-decoration: none;
	color: var(--color_primary);
}
.secList .content .box picture{
	box-shadow: 0px 4px 24px var(--color_shadow-light);
	margin-bottom: 1em;
	transition: 0.2s all ease;
}
.secList .content .box:hover picture{ transform: scale(1.03);}
.secList .content .box:hover dt{ color: var(--color_main); }

.pagination { font-family: var(--family-poppin); margin: 6% 0 0;}
.page-numbers {
	font-weight: bold;
	border-radius: 50%;
	border: none;
}
.page-numbers.dots {
	font-weight: normal;
	background-color: transparent;
	opacity: 1;
}
.pagination a:hover {
	background-color: var(--color_main);
	color: var(--color_white);
}
.pagination a {
	background-color: var(--color_gray);
	color: var(--color_white);
	text-decoration: none;
}
.pagination .current {
	background-color: var(--color_main);
	color: var(--color_white);
}

@media screen and (max-width: 480px) {
	.secList .content > a{ width: 100%; }
	.secList .content .box{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	.secList .content .box picture{ width: 45%;}
	.secList .content .box dl{ width: 52%;}
}


/* secDetail */
.articleSummary { font-weight: bold; margin: 0 0 1em;}

.secDetail .content .single-nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0 2%;
	font-weight:bold;
	list-style:none;
	margin:6em 0 0;
	padding: 0;
}
.secDetail .content .single-nav > li{ width: 32.33%; margin: 0;}
.secDetail .content .single-nav > li:nth-child(2){ text-align: center;}
.secDetail .content .single-nav > li:last-child{ margin-left: auto; text-align: right;}

.btnArw.all:after{
	width: 1.5em;
	height: 1.5em;
	background-image: url("../../images/official_v2/btn_list.svg");
	padding-right: 3em;
}

@media screen and (max-width: 480px) {
	.secDetail .content .single-nav{ margin-top: 4em;}
}


/* contact, mailmagazine：フォーム関連
---------------------------------------------------*/
.formArea { position: relative; margin-top: 6em;}
.formArea .rowContent{ width:48%;}
.formArea .rowForm{
	position: sticky;
	top: 1em;
	width:48%;
}
.formArea .rowForm .box{
	border-radius: 8px;
	box-shadow: 0px 4px 24px var(--color_shadow-light);
	padding: 10% 8%;
}
@media screen and (max-width: 896px) {
	.formArea .rowContent{ width:100%;}
	.formArea .rowForm{
		position: static;
		width:100%;
		margin-bottom:1.5em;
	}
}
/* cocoon打ち消し用サイズ（基本使用不可サイズ） */
@media screen and (max-width: 780px) {
	.formArea { margin-top: 10%;}
	.wp-container-7.formArea { gap: 4em;}
}

/* form - input */
.formArea dl > .txt{
	font-weight: bold;
	margin-bottom: 0.2em;
}
.formArea .must{
	background-color:var(--color_main);
	color:var(--color_white);
	font-size:12px;
	font-weight:normal;
	padding:2px 6px;
}
.formArea dl > .input{
	margin-bottom:1em;
}
.formArea input[type="text"],
.formArea textarea {
	padding:0.5em;
	background: unset;
}

.formBtn, a.formBtn{
	min-width:220px;
	background: var(--color_primary) url("../../images/official_v2/btn_arrowr_white.svg") no-repeat 95% center;
	color: var(--color_white);
	font-size: var(--fs-xs);
	font-weight:bold;
	border: none;
	border-radius: 2em;
	padding: 0.7em 1em;
}
.formBtn:hover{ background-color:var(--color_main);}

/* sslBox */
.sslBox{
	display: flex;
	align-items: center;
	gap:1em;
	width: 100%;
	margin: 4em auto 0;
	font-size: var(--fs-xxs);
	box-sizing: border-box;
}
.form-area.wide .sslBox{
	border:none;
	padding-top: 0;
}
.sslBox > .logo,
.sslBox > .txt{ display: table-cell; vertical-align: top; margin: 0;}
.sslBox > .logo{ width: 115px;}
.sslBox > .txt{ padding: 0 0 0 1em;}

@media screen and (max-width: 768px) {
	.sslBox{ flex-direction:column; }
}


/* 404 Not Found
-------------------------------------------------- */
.sec.page-404{ width:980px; max-width: 100%; margin:0 auto;}

.LnkBox{
	display:flex;
	flex-flow: row wrap;
	gap: 1.4em;
	justify-content: space-between;
	line-height: 1.3;
	list-style: none;
	padding: 0;
}
.LnkBox.start{ justify-content: flex-start;}
.LnkBox .item{
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	border-bottom:1px solid var(--color_primary);
	margin: 0;
}
.LnkBox .item a{
	position:relative;
	display:block;
	color: var(--color_primary);
	font-weight:bold;
	text-decoration:none;
	padding: 1.5em 0 1.5em 3em;
}
.LnkBox .item a:hover{ color: var(--color_main);}

.LnkBox .item a:before{
	position: absolute;
	left: 0;
	top: 50%;
	content:"";
	width: 2.5em;
	height: 2.5em;
	background: no-repeat 50% 50% / contain;
	transition: all 0.2s ease;
	margin-top: -1.25em;
}
.LnkBox .item a:hover:before { opacity: 0.6;}
.LnkBox .item.lrm a:before{ background-image:url("../../images/ico_lrm_color.svg"); }
.LnkBox .item.secumaga a:before{ background-image:url("../../images/ico_secumaga_color.svg"); }
.LnkBox .item.seminar a:before{ background-image:url("../../images/ico_seminar_color.svg"); }

.LnkBox .item a:after{
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	content: "";
	background: url("../../images/link_arrow_color.svg") no-repeat 50% 50% / contain;
	font-size: 0.94em;
	vertical-align: middle;
	transition: all 0.2s ease;
	margin: -0.3em 0.4em 0;
}

@media screen and (max-width: 1024px) {
	.LnkBox .item { width: 100%;}
}