@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;600;700&display=swap";
.fadeIn {
	-webkit-animation: fadeIn .8s ease-in-out .3s 1 normal backwards;
	animation: fadeIn .8s ease-in-out .3s 1 normal backwards
}
.fadeInRight {
	-webkit-animation: fadeInRight .8s ease-in-out .3s 1 normal backwards;
	animation: fadeInRight .8s ease-in-out .3s 1 normal backwards
}
.scrollUp {
	-webkit-transition: .8s ease-in-out;
	transition: .8s ease-in-out;
	-webkit-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0
}
.scrollUp.on {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(150px);
		transform: translateX(150px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(150px);
		transform: translateX(150px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}
@-webkit-keyframes border {
	0% {
		width: 0%
	}
	100% {
		width: 100%
	}
}
@keyframes border {
	0% {
		width: 0%
	}
	100% {
		width: 100%
	}
}
@-webkit-keyframes shine {
	100% {
		left: 100%
	}
}
@keyframes shine {
	100% {
		left: 100%
	}
}
.timing02 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}
.timing03 {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}
.timing04 {
	-webkit-transition-delay: .6s;
	transition-delay: .6s
}
.timing05 {
	-webkit-transition-delay: .8s;
	transition-delay: .8s
}
.timing06 {
	-webkit-transition-delay: 1s;
	transition-delay: 1s
}


html {
	height: 100%
}
@media screen and (max-width: 1023px) {
	html {
		font-size: 2.67vw
	}
}
body {
	font-family: "Noto Sans JP", "Lato", "optima", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
}
ul, ol {
	list-style: none
}
a {
	text-decoration: none
}
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
	margin: 0
}
ul[role=list], ol[role=list] {
	list-style: none
}
html:focus-within {
	scroll-behavior: smooth
}
body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.5
}
a:not([class]) {
	-webkit-text-decoration-skip: ink;
	text-decoration-skip-ink: auto
}
img, picture {
	max-width: 100%;
	display: block
}
input, button, textarea, select {
	font: inherit
}

@media(prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto
	}
	*, *::before, *::after {
		-webkit-animation-duration: .01ms !important;
		animation-duration: .01ms !important;
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important;
		-webkit-transition-duration: .01ms !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important
	}
}
@font-face {
	font-family: "optima";
	src: url("../font/optima-bold.ttf") format("truetype")
}
@font-face {
	font-family: "Lato-Regular";
	src: url("../font/lato-regular.ttf") format("truetype")
}
@font-face {
	font-family: "Lato-Bold";
	src: url("../font/lato-bold.ttf") format("truetype")
}

body.menu-open {
	overflow: hidden
}
.all-wrapper {
	position: relative
}
.menu-content-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: left .5s ease-in-out;
	transition: left .5s ease-in-out
}
.menu-content-wrapper.menu-open {
	left: -74vw
}
.main-content-wrapper {
	position: relative;
	width: 100vw;
	min-width: 100vw
}

.btn {
	cursor: pointer;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}
@media screen and (min-width: 1024px) {
	.btn:hover {
		opacity: .9
	}
}
@media screen and (max-width: 1023px) {
	.btn:hover {
		opacity: 1
	}
}
.btn-inquiry {
	display: inline-block;
	position: relative;
	width: 479px;
	padding: 25px 16px 21px;
	border-radius: 20px;
	text-align: center;
	overflow: hidden
}
@media screen and (max-width: 1023px) {
	.btn-inquiry {
		width: 91.4666666667vw;
		padding: 6.6666666667vw 4.2666666667vw 5.6vw
	}
}

.btn-inquiry .btn-inquiry-sub-text {
	font-size: 12px;
	font-weight: 700
}
@media screen and (max-width: 1023px) {
	.btn-inquiry .btn-inquiry-sub-text {
		font-size: 12px;
		font-size: 3.2vw
	}
}
.btn-inquiry .btn-inquiry-text-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 3px
}
@media screen and (max-width: 1023px) {
	.btn-inquiry .btn-inquiry-text-wrapper {
		margin-top: .8vw
	}
}
.btn-inquiry .icon-mail {
	width: 24px;
	height: 24px
}
@media screen and (max-width: 1023px) {
	.btn-inquiry .icon-mail {
		width: 6.4vw;
		height: 6.4vw
	}
}
.btn-inquiry .btn-inquiry-text {
	margin-left: 11px;
	font-size: 18px;
	font-weight: 700
}
@media screen and (max-width: 1023px) {
	.btn-inquiry .btn-inquiry-text {
		margin-left: 2.9333333333vw;
		font-size: 18px;
		font-size: 4.8vw
	}
}
.btn-inquiry:hover::before {
	-webkit-animation: shine .6s;
	animation: shine .6s
}

.disp-none {
	display: none !important
}
.disp-none-pc {
	display: none !important
}
@media screen and (max-width: 1023px) {
	.disp-none-pc {
		display: block !important
	}
}
.disp-none-sp {
	display: block
}
@media screen and (max-width: 1023px) {
	.disp-none-sp {
		display: none !important
	}
}
.disp-block-sp {
	display: none
}
@media screen and (max-width: 1023px) {
	.disp-block-sp {
		display: block !important
	}
}
.br-none-sp {
	display: block
}
@media screen and (max-width: 1023px) {
	.br-none-sp {
		display: none
	}
}
.br-block-sp {
	display: none
}
@media screen and (max-width: 1023px) {
	.br-block-sp {
		display: block
	}
}
.sec-title-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.sec-title {
	font-size: 52px;
	font-family: "Lato-Regular";
	line-height: 1;
}
@media screen and (max-width: 1023px) {
	.sec-title {
		font-size: 40px;
		font-size: 10.6666666667vw
	}
}

.service-title {
	display: inline-block;
	border-bottom: 6px solid;
	font-size: 36px;
	font-weight: 700;
}
@media screen and (max-width: 1023px) {
	.service-title {
		margin-top: 22px;
		border-bottom: 1.0666666667vw solid;
		font-size: 18px;
		font-size: 4.8vw;
	}
	.service-title:last-child {
		margin-top: 1.0666666667vw
	}
}

.service-heading-date {
	font-size: 16px;
}

.service-heading-lead {
	margin: 12px auto 0;
	font-size: 14px;
	line-height: 1.93;
	text-align: left;
}
@media screen and (max-width: 1023px) {
	.service-heading-lead {
		max-width: 100%;
		margin-top: 4.2666666667vw;
		font-size: 14px;
		font-size: 3.7333333333vw
	}
}

.service-kv {
	position: relative;
	text-align: center;
	overflow: hidden
}


.service-kv .service-kv-inner {
	position: relative;
	width: 1024px;
	margin: 0 auto;
	padding: 74px 0 88px;
}
@media screen and (max-width: 1023px) {
	.service-kv .service-kv-inner {
		width: auto;
		height: auto;
		padding: 11.7333333333vw 4.2666666667vw 20vw;
	}
}

.service-kv .breadcrumb {
	font-size: 14px;
	text-align: left;
	margin-bottom: 44px;
}
@media screen and (max-width: 1023px) {
	.service-kv .breadcrumb {
		margin-bottom: 0;
	}
}

.catmenu {
	margin-top: 44px;
	width: 1024px;
	padding: 22px;
	margin: 44px auto 0;
}
.col-2 .catmenu {
	width: 100%;
}
@media screen and (max-width: 1023px) {
	.catmenu {
		margin: 44px 4.2666666667vw 0;
		width: inherit!important;
	}
}
.service-kv-inner .catmenu {
	margin-left: 0;
	margin-right: 0;
}
.catmenu h2 {
	font-size: 20px;
	text-align:left;
	font-weight: 700;
	margin-bottom: 22px;
}
.catmenu .entry-category span {
	border: 1px solid;
}

.whats {
	position: relative;
}
.whats .service-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: 44px auto11px;
	-webkit-column-gap: 17px;
	-moz-column-gap: 17px;
	column-gap: 17px
}
@media screen and (max-width: 1023px) {
	.whats .service-detail {
		max-width: 100%;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
		margin-top: 22px;
	}
}

.whats .service-detail a {
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}
@media screen and (min-width: 1024px) {
	.whats .service-detail a:hover {
		opacity: .8
	}
	.whats .service-detail a.disabled {
		pointer-events: none
	}
}

.entry-category {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.whats .service-detail .entry-category span {
 display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
}

.usecase {
	position: relative;
	margin-bottom: 1em;
}
.usecase .usecase-inner {
	position: relative;
	max-width: 1348px;
	margin: 0 auto;
	padding: 0;
}
.col-1 .usecase.for-index .usecase-inner {
	padding-top: 44px;
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-inner {
		max-width: 100%;
		padding: 0 4.2666666667vw
	}
}
@media screen and (max-width: 1023px) {
	.usecase.author .usecase-inner {
		padding: 4.2666666667vw
	}
}
h2.category-title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 11px;
}
.usecase .usecase-card-wrapper {
	max-width: 1024px;
	margin: 0 auto;
	padding: 44px 0
}
.usecase .usecase-card {
	position: relative
}
.usecase .usecase-card:not(:first-child) {
	margin-top: 22px
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card:not(:first-child) {
		margin-top: 6.4vw
	}
}
.usecase .usecase-card .usecase-card-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 16px;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease
}
.usecase .usecase-card .usecase-card-link.disabled {
	opacity: .5;
	pointer-events: none
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card .usecase-card-link {
		display: block;
		padding: 12vw 4.2666666667vw 6.4vw
	}
}
@media screen and (min-width: 1024px) {
	.subcontents a:hover,
	.usecase .usecase-card a.usecase-card-link:hover {
		opacity: .8
	}
}
.usecase .usecase-card .usecase-card-detail {
	width: 100%;
	margin-left: 16px
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card .usecase-card-detail {
		margin-left: 0
	}
}
.usecase .usecase-card .usecase-card-img {
	width: 294px
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card .usecase-card-img {
		width: 100%
	}
}
.usecase .usecase-card .usecase-card-headline {
	display: block;
	padding: 5px 17px;
	font-size: 12px;
	font-weight: 700;
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card .usecase-card-headline {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding: 1.3333333333vw 4.5333333333vw;
		font-size: 12px;
		font-size: 3.2vw
	}
}
.usecase .usecase-card .entry-date {
	font-size: 14px;
}
.usecase .usecase-card .entry-title,
.usecase .usecase-card .usecase-card-title {
	margin-top: 9px;
	font-size: 16px;
	font-weight: 700
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card .entry-title,
	.usecase .usecase-card .usecase-card-title {
		margin-top: 2.1333333333vw;
		font-size: 16px;
		font-size: 4.2666666667vw
	}
}
.usecase .usecase-card .entry-text,
.usecase .usecase-card .usecase-card-company {
	margin-top: 16px;
	font-size: 12px;
	font-weight: 500
}
@media screen and (max-width: 1023px) {
	.usecase .usecase-card .entry-text,
	.usecase .usecase-card .usecase-card-company {
		margin-top: 4.2666666667vw;
		font-size: 12px;
		font-size: 3.2vw
	}
}

.contact {
	position: relative;
	text-align: center
}
.contact .contact-inner {
	max-width: 1348px;
	margin: auto;
	padding: 44px 0
}
@media screen and (max-width: 1023px) {
	.contact .contact-inner {
		max-width: 100%;
		padding: 11.7333333333vw 4.2666666667vw 14.9333333333vw
	}
}
.contact .contact-message {
	font-size: 22px;
	font-weight: 700
}
@media screen and (max-width: 1023px) {
	.contact .contact-message {
		margin-top: 2.1333333333vw;
		font-size: 18px;
		font-size: 4.8vw
	}
}
.contact .contact-inquiry {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 18px auto 0;
	width: 100%;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px
}
@media screen and (max-width: 1023px) {
	.contact .contact-inquiry {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 4.2666666667vw;
		row-gap: 4.2666666667vw
	}
}

.feature {
	position: relative;
}
.feature .feature-inner {
	position: relative;
	max-width: 1348px;
	margin: 0 auto;
	padding: 44px 0;
	text-align: center;
	overflow: hidden
}
@media screen and (max-width: 1023px) {
	.feature .feature-inner {
		max-width: 100%;
		padding: 4.2666666667vw 4.2666666667vw 23.4666666667vw;
		text-align: center
	}
}
.feature .feature-lead-wrapper {
	margin-top: 69px
}
.feature .feature-heading-title {
	font-size: 30px;
	font-weight: 700
}
@media screen and (max-width: 1023px) {
	.feature .feature-heading-title {
		margin-top: 4.2666666667vw;
		font-size: 18px;
		font-size: 4.8vw
	}
}
.feature .feature-text {
	max-width: 674px;
	margin: 12px auto 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.93
}
@media screen and (max-width: 1023px) {
	.feature .feature-text {
		max-width: 100%;
		margin: 4.2666666667vw 0 0;
		font-size: 12px;
		font-size: 3.2vw
	}
}

.point {
	max-width: 1024px;
	margin: 44px auto 0;
	text-align: left;
}
@media screen and (max-width: 1023px) {
	.point {
		max-width: 100%;
		margin: 11.7333333333vw 0 0
	}
}
.point .point-content:not(:first-child) {
	margin-top: 88px
}
@media screen and (max-width: 1023px) {
	.point .point-content:not(:first-child) {
		margin-top: 23.4666666667vw
	}
}
.point .point-content:last-child .point-text {
	margin: 24px auto 0
}
@media screen and (max-width: 1023px) {
	.point .point-content:last-child .point-text {
		margin: 3.2vw 0 0
	}
}

/* カテゴリ、タグ用に採用予定↓ */
.point .point-label {
	display: inline-block;
	padding: 8px 24px 7px;
	font-size: 14px;
	font-family: "Lato-Bold"
}
@media screen and (max-width: 1023px) {
	.point .point-label {
		padding: 2.1333333333vw 6.4vw 1.8666666667vw;
		font-size: 14px;
		font-size: 3.7333333333vw
	}
}

.point .point-title,
.subcontents-sec-title {
	margin-top: 12px;
	font-size: 30px;
	font-weight: 700
}
@media screen and (max-width: 1023px) {
	.point .point-title,
	.subcontents-sec-title {
		margin-top: 4.2666666667vw;
		font-size: 18px;
		font-size: 4.8vw
	}
}
/* H3タグ用に追加 2024/12/25 */
.point .point-title2 {
	margin-top: 12px;
	font-size: 20px;
	font-weight: 700
	display: inline-block;
	border-bottom: 4px solid;
}
@media screen and (max-width: 1023px) {
	.point .point-title2 {
		margin-top: 4.2666666667vw;
		font-size: 14px;
		font-size: 4.8vw
	}
}
.point .point-text {
	max-width: 674px;
	margin: 12px auto 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.93
}
@media screen and (max-width: 1023px) {
	.point .point-text {
		max-width: 100%;
		margin: 4.2666666667vw 0 0;
		font-size: 12px;
		font-size: 3.2vw
	}
}
.point .point-img {
	max-width: 696px;
	margin: 24px auto 0
}
@media screen and (max-width: 1023px) {
	.point .point-img {
		max-width: 100%;
		margin-top: 4.8vw;
	}
}
.point .point-text.hasImg {
	font-size: 14px;
}
@media screen and (max-width: 1023px) {
	.point .point-text.hasImg {
		font-size: 12px;
	}
}

.col-sub .subcontents {
	width: 1024px;
	margin: 74px auto 0;
}
@media screen and (max-width: 1023px) {
	.col-sub .subcontents {
		width: 100vw;
	}
}
.banner-list {
	margin: 0 0 44px;
	display: flex;
	justify-content: center;
	gap: 22px 44px;
}
@media screen and (max-width: 1023px) {
	.banner-list {
		margin-bottom: 0;
		flex-direction: column;
		padding: 0 4.2666666667vw 14.9333333333vw;
	}
}
.banner-list a {
		flex: 1;
}
.banner-list .banner-item {
	margin-bottom: 22px;
}
.banner-list .banner-item img {
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 1023px) {
	.banner-item img {
		width: 100%;
		height: auto;
	}
}

.subcontents-inner {
	padding: 44px 22px;
	margin: 44px 0;
}
@media screen and (max-width: 1023px) {
	.subcontents-inner {
		margin-top: 22px;
	}
}

.subcontents-sec-title {
	text-align: center;
	margin-top: 0;
}

.subcontents-list {
	margin: 44px auto 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
	gap: 22px 0;
}
.subcontents-inner.disp-tile .subcontents-list {
	flex-direction: row;
	gap: 44px 5%;
}
.subcontents-list .subcontents-item .subcontents-item-link {
	display: flex;
	gap: 0 22px;
	align-items: center;
}
.subcontents-inner.disp-tile .subcontents-item .subcontents-item-link {
	flex-direction: column;
}
.subcontents-inner.disp-tile .subcontents-item {
	width: 30%;
}
@media screen and (max-width: 1023px) {
	.subcontents-list {
		flex-direction: column;
	}
}
@media screen and (max-width: 1023px) {
	.subcontents-list .subcontents-item {
		width: 100%!important;
	}
}
.subcontents-list .subcontents-item .subcontents-item-txtdata {
	width: 100%;
}
.subcontents-inner.disp-tile .subcontents-item .subcontents-item-img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1023px) {
	.subcontents-list .subcontents-item .subcontents-item-img {
		width: 30%;
	}
}
.entry-category span {
 display: inline-block;
	padding: 3px 10px;
	font-size: 12px;
}
.subcontents-item .entry-title {
	font-weight: 700;
}
@media screen and (max-width: 1023px) {
	.subcontents-item .entry-title {
		font-size: 4.2666666667vw;
	}
}
.subcontents-item .entry-date,
.subcontents-item .entry-text {
	font-size: 14px;
}
.subcontents-list-viewall {
	font-size: 14px;
	text-align: right;
	margin-top: 22px;
}


/* 2column */
.col-2 {
	display: flex;
	width: 91.5%;
	max-width: 1240px;
	margin-left: auto;
	margin-right:auto;
}
@media screen and (max-width: 1023px) {
	.col-2 {
		display: block;
		width: 100vw;
 	max-width: inherit;
	}
}
@media screen and (min-width: 1024px) {
.col-2 .col-main {
	 width: 68.519%;
}
.col-2 .col-sub {	
	 width: 29%;
	 padding-left: 2.4%;
}
}

.col-2 .service-kv .service-kv-inner {
	width: 100%;
}
.col-2 .usecase.author .usecase-inner {
	padding: 0;
}
.col-2 .usecase .usecase-card-wrapper {
	padding: 0;
}
.col-2 .feature .feature-inner .point {
	text-align: left;
}
.col-2 .point .point-content .point-text {
	max-width: inherit;
	width: 100%;
}
.col-2 .point .point-content .point-text.hasImg {
	max-width: 696px;
}
.col-2 .contact .contact-inner {
	padding: 44px 22px;
}
@media screen and (max-width: 1023px) {
.col-2 .contact .contact-inner {
		padding: 11.7333333333vw 4.2666666667vw 14.9333333333vw
	}
}

.col-2 .col-sub .subcontents {
	width: auto;
}
.col-2 .col-sub .subcontents.sticky {
	position: sticky;
	top: 22px;
}
.col-2 .banner-list {
	flex-direction: column;
}
.col-2 .banner-list .banner-item img {
	width: 100%;
	height: auto;
}
.col-2 .subcontents-list {
	margin-top:22px;
	gap: 22px 0;
}
.col-2 .subcontents-list,
.col-2 .subcontents-inner.disp-tile .subcontents-list {
	flex-direction: column;
}
.col-2 .subcontents-inner.disp-tile .subcontents-item {
	width: 100%;
}
.col-2 .subcontents-inner {
	padding: 22px;
}
.col-2 .subcontents-sec-title {
	font-size: 20px;
	text-align: left;
}
.col-2 .subcontents-list .subcontents-item .subcontents-item-link {
	gap: 3px 12px;
}
.col-2 .subcontents-list .subcontents-item-img {
	width: 30%;
}
.col-2 .subcontents-item .entry-category span {
	font-size: 10px;
	padding: 1px 6px;
}
.col-2 .subcontents-item .entry-title {
	font-size: 14px;
}
.col-2 .subcontents-item .entry-text {
	display: none;
}