@charset "UTF-8";
/* 
======== CONTENTS ==========================================
	Site Name: cases
    2025.4.18
 =========================================================
*/

/*
 * 事例TOPスライダー
 */

.hs-slider-wrapper {
	overflow: hidden;
	padding-top:1.5625rem;
}
.hs-slider {
	position: relative;
	overflow: visible !important;
	display: block;
	height: auto;
	margin-left: -190px;
	left: 50%;
}
.hs-slider__item {
	display: block;
	width: 380px;
	border: 1px solid #dce3ed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x: hidden;
}
.hs-slider__link {
	text-decoration: none !important;
}
.hs-slider__link:hover .hs-slider__title {
	text-decoration: none !important;
	background-color: #ccd6e7;
}
.hs-slider__image {
	width: 378px;
	height: 230px;
	object-fit: cover;
}
.hs-slider__title {
	display: block;
	padding-top: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	background-color: #dce3ed;
	color: #333;
	min-height: 107px;
	transition: all 300ms 0s ease;
}
.hs-slider__name {
	display: block;
}

@media screen and (max-width: 994px) {
	.hs-slider__image {
		width: 100%;
		height: 230px!important;
		object-fit: cover;
	}
}
@media screen and (max-width: 767px) {
	.hs-slider-wrapper {
		overflow: hidden;
	}
	.hs-slider {
		position: relative;
		overflow: visible !important;
		left: 50%;
		margin-left: -50%;
	}
	.hs-slider__item {
		display: block;
		border: 1px solid #dce3ed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow-x: hidden;
		width: 100%;
	}
	.hs-slider__image {
		width: 100%;
		height: 230px!important;
		object-fit: cover;
	}
	.hs-slider__title {
		display: block;
		padding-top: 1rem;
		padding-right: 1rem;
		padding-bottom: 1rem;
		padding-left: 1rem;
		background-color: #dce3ed;
		color: #333;
		min-height: 107px;
		transition: all 300ms 0s ease;
	}
}


/* 事例スライダー bxslider用*/

.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.bx-wrapper .bx-prev {
	left: 50%;
	background: url(/res/image/cases/sliderDirection_left.png) no-repeat;
	background-size: 14px auto;
	position: relative;
	margin-left: -230px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
	opacity: 0.8;
}
.bx-wrapper .bx-next {
	background: url(/res/image/cases/sliderDirection_right.png) no-repeat;
	background-size: 14px auto;
	right: 50%;
	margin-right: -230px;
}
.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
	opacity: 0.8;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 14px;
	height: 27px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

@media screen and (max-width: 767px) {
	.bx-wrapper {
		position: relative;
		padding: 0;
		*zoom: 1;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		width: 85%;
	}
	.bx-wrapper .bx-prev {
		left: 0px;
		background: url(/res/image/cases/sliderDirection_left.png) no-repeat;
		background-size: 14px auto;
		position: relative;
		right: auto;
		margin-left: -25px;
	}
	.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
		opacity: 0.8;
	}
	.bx-wrapper .bx-next {
		background: url(/res/image/cases/sliderDirection_right.png) no-repeat;
		background-size: 14px auto;
		left: auto;
		right: 0px;
		margin-right: -25px;
	}
	.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
		opacity: 0.8;
	}
	.bx-wrapper .bx-controls-direction a {
		position: absolute;
		top: 50%;
		outline: 0;
		width: 14px;
		height: 27px;
		text-indent: -9999px;
		z-index: 9999;
	}
	.bx-wrapper .bx-controls-direction a.disabled {
		display: none;
	}	
}


/*事例TOP リード*/
.hs-case-top__lead{
	padding-bottom:1.5625rem;
}
@media screen and (max-width: 767px) {
	.hs-case-top__lead {
		display: none;
	}
}


/*事例TOP 導入事例を探す*/

.hs-case-search-top {
	text-align: center;
	margin-bottom: 1.6em;
}
.hs-case-search-top__title {
	font-size: 150%;
	font-weight: 600;
	background-image: url(/res/image/cases/icon_caseSearchTop__title.png);
	background-repeat: no-repeat;
	background-size: 28px auto;
	background-position: left center;
	display: inline-block;
	padding-top: 15px;
	padding-left: 37px;
}
.hs-case-search-top__list {
	display: inline-block;
	margin-right: 20px;
}
.hs-case-search-top__link {
	display: inline-block;
	background-image: url(/res/image/cases/icon_caseSearchTop__list.png);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left center;
	padding-left: 20px;
	text-decoration: none !important;
	color: #333 !important;
	font-size: 90%;
	line-height: 100%;
	padding-top: 2px;
}
.hs-case-search-top__link:hover {
	text-decoration: none !important;
	color: #899ab6 !important;
}

@media screen and (max-width: 767px) {
	.hs-case-search-top__list-block {
		display: none;
	}
}

/*検索ボックス*/

#SS_searchForm4,#SS_searchForm5 {
    width: 100%;
    max-width: 600px;
    height: 50px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
}
#SS_searchQuery4,#SS_searchQuery5 {
    float: left;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 10px;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    width: 100%;
    max-width: 460px;
    height: 50px;
    border-top: solid 1px #333;
    border-left: solid 1px #333;
    border-bottom: solid 1px #333;
    box-sizing: border-box;
    font-size: 100%;
}
#SS_searchSubmit {
    float: left;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    border: none;
    border-radius: 0;
    outline: none;
    background: transparent;
    width: 140px;
    height: 50px;
    background-color: #dc0c35;
    font-size: 100%;
    color: #ffffff;
    box-sizing: border-box;
    transition: 0.2s;
    cursor: pointer;
}
#SS_searchSubmit:hover {
	background-color: #b1000e;
}
.hs-case-cart-cases_search_products{
	margin:1.875rem 0;
}
@media screen and (max-width: 767px) {
    #SS_searchQuery4,#SS_searchQuery5 {
        width: calc(100% - 80px);
        max-width: 520px;
    }
    #SS_searchSubmit { width: 80px; }
}


/*検索--タブ*/
.hs-case-cart-hs-tab {
    width: 100%;
    margin-bottom: 30px;
}
.hs-case-cart-hs-tab li {
    position: relative;
    display: table;
    float: left;
    width: 50%;
    height: 50px;
    background-color: #d9d9d9;
    font-size: 100%;
    color: #333;
    box-sizing: border-box;
}
.hs-case-cart-hs-tab li:first-child {
    border-right: solid 1px #fff;
}
.hs-case-cart-hs-tab li:last-child {
    border-left: solid 1px #fff;
}
.hs-case-cart-hs-tab li.hs-case-cart-current {
    background-color: #dc0c35;
    color: #fff;
}
.hs-case-cart-hs-tab li.hs-case-cart-current::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 0;
    margin-left: -5px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #dc0c35;
}
.hs-case-cart-hs-tab li span,
.hs-case-cart-hs-tab li a {
    display: table-cell;
    width: 100%;
    height: 50px;
    padding: 3px 10px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    color: #333;
    transition: 0.2s;
    box-sizing: border-box;
    line-height: 120%;
}
.hs-case-cart-hs-tab li.hs-case-cart-current span,
.hs-case-cart-hs-tab li.hs-case-cart-current a {
    color: #fff;
}
.hs-case-cart-hs-tab li a:hover {
    background-color: #cbcbcb;
}


/*---------------------
 ソリューション・商品名から探す
*/

.hs-case-search-box {
	background-color: #f2f5fa;
	margin-bottom: 1.6em;
}
.hs-case-search-box__title {
	background-color: #899ab6;
	color: #fff;
	padding-top: 0.6em;
	padding-right: 1.6em;
	padding-bottom: 0.6em;
	padding-left: 1.6em;
	margin-bottom: 0em;
}
.hs-case-search-box__inner {
	padding-top: 1.2em;
	padding-right: 1.6em;
	padding-bottom: 1.2em;
	padding-left: 1.6em;
	margin-right: 0px;
}
.hs-case-search-box__list {
	display: inline-block;
}
.hs-case-search-box__ind-list {
	display: inline-block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hs-case-search-box__ind-link {
	display: inline-block;
	width: 144px;
	font-size: 80%;
	border: 1px solid #c7c7c7;
	border-radius: 2px;
	padding-top: 1.2em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 3em;
	text-decoration: none !important;
	color: #515151 !important;
	line-height: 100%;
	transition: all 300ms 0s ease;
	margin-bottom: 0.8em;
	margin-right: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	background-size: 20px auto;
	background-repeat: no-repeat;
	background-position: 0.9em center;
	position: relative;
}
.mini {
	font-size: 90%;
}

@media screen and (max-width: 994px) {
	.hs-case-search-box__ind-list {
		width: 24.2%;
	}
	.hs-case-search-box__ind-link {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-search-top {
		margin-bottom: -10px;
	}
	.hs-case-search-box__title {
		background-image: url(/res/image/cases/arrow_down.png);
		background-repeat: no-repeat;
		background-size: 14px auto;
		background-position: 20px center;
		padding-left: 45px;
	}
	.hs-case-search-box__title.close {
		background-image: url(/res/image/cases/arrow_up.png);
	}
	.hs-case-search-box {
		margin-bottom: .2em;
	}
	.hs-case-search-box__inner {
		display: none;
		padding-left: 3%;
		padding-right: 3%;
	}
	.hs-case-search-box__ind-list {
		width: 49%;
	}
	.hs-case-search-box__ind-link {
		width: 100%;
		font-size: 80%;
	}
	.hs-case-search-box__ind-link:after {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		background-image: url(/res/image/cases/redarrow_right.png);
		background-size: 5px auto;
		background-repeat: no-repeat;
		position: absolute;
		right: 5px;
		top: 50%;
		margin-top: -5px;
		opacity: 0.4;
	}
}

@media screen and (max-width: 414px) {
	.hs-case-search-box__ind-link:after {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.hs-case-search-box__ind-link {
		font-size: 65%;
	}
	.bx-wrapper .bx-prev {
		left: 0px;
		background: url(/res/image/cases/sliderDirection_left.png) no-repeat;
		background-size: 10px auto;
		position: relative;
		right: auto;
		margin-left: -20px;
	}
	.bx-wrapper .bx-next {
		background: url(/res/image/cases/sliderDirection_right.png) no-repeat;
		background-size: 10px auto;
		left: auto;
		right: 0px;
		margin-right: -20px;
	}
}

.hs-case-search-box__ind-link--seizo {
	background-image: url(/res/image/cases/icon_case-seizo.png);
}
.hs-case-search-box__ind-link--ryutsu {
	background-image: url(/res/image/cases/icon_case-ryutsu.png);
}
.hs-case-search-box__ind-link--service {
	background-image: url(/res/image/cases/icon_case-service.png);
}
.hs-case-search-box__ind-link--joho {
	background-image: url(/res/image/cases/icon_case-joho.png);
}
.hs-case-search-box__ind-link--kensetsu {
	background-image: url(/res/image/cases/icon_case-kensetsu.png);
}
.hs-case-search-box__ind-link--fudosan {
	background-image: url(/res/image/cases/icon_case-fudosan.png);
}
.hs-case-search-box__ind-link--denki {
	background-image: url(/res/image/cases/icon_case-denki.png);
}
.hs-case-search-box__ind-link--kinyu {
	background-image: url(/res/image/cases/icon_case-kinyu.png);
}
.hs-case-search-box__ind-link--kokyo {
	background-image: url(/res/image/cases/icon_case-kokyo.png);
}
.hs-case-search-box__ind-link--iryo {
	background-image: url(/res/image/cases/icon_case-iryo.png);
}
.hs-case-search-box__ind-link--kyoiku {
	background-image: url(/res/image/cases/icon_case-kyoiku.png);
}
.hs-case-search-box__ind-link--sonota {
	background-image: url(/res/image/cases/icon_case-sonota.png);
}
.hs-case-search-box__link {
	border: 1px solid #c7c7c7;
	background-color: #fff;
	border-radius: 2px;
	padding-top: 0.6em;
	padding-right: 0.9em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
	text-decoration: none !important;
	color: #515151 !important;
	min-width: 5em;
	text-align: center;
	font-size: 85%;
	line-height: 100%;
	transition: all 300ms 0s ease;
	margin-bottom: 0.8em;
	margin-right: 5px;
	display: inline-block;
}
.hs-case-search-box__link:hover {
	color: #fff !important;
	background-color: #515151;
}
.hs-case-search-box__ind-link:hover {
	color: #fff !important;
	background-color: #515151;
}
.hs-case-search-box__sub-title--second {
	margin-top: 2em;
}
.hs-case-search-box__mini {
	font-size: 70%;
}
.hs-case-search-box__link--other {
	color: #899AB6 !important;
	font-size: 80%;
	margin-left: 1em;
}


/*事例TOP 最新導入事例*/
.hs-case-news__title {
	padding: 0 0 .5em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	line-height: 1.2;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	border-bottom-width: 0.25rem;
	border-bottom-style: solid;
	border-bottom-color: #899ab6;
	background: none;
}
.hs-case-news-list {
	margin-bottom: 0.625rem;
}
.hs-case-news-list--scroll {
    /*スクロールバーで範囲外を非表示*/
    overflow-y: scroll;
    height: 18rem;
}
.hs-case-news-list::after {
	content: "";
	display: block;
	clear: both;
}
.hs-case-news-list__date {
	float: left;
	width: 9em;
	font-weight: bold;
}
.hs-case-news-list__body {
	width: 99%;
	padding-left: 10em;
	border-bottom: 1px solid #899AB6;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
}
.hs-case-news-list__body p {
	margin-bottom: .5em;
}
.hs-case-news-list__body a {
	color: #1e4bbe;
	text-decoration: underline;
}

.hs-case-news-list__body a:link {
	color: #1e4bbe;
}
.hs-case-news-list__body a:visited {
	color: #551a8b;
}
.hs-case-news-list__body a:hover {
	text-decoration: underline;
}
.hs-case-news-list__body:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.hs-case-news-list__body>*:last-child {
	margin-bottom: 0;
}
.hs-case-news-list--scroll-y {
	overflow-y: scroll;
	height: 20rem;
}
.hs-case-news__name {
	font-weight: 600;
	margin-right: 0.6em;
}

@media screen and (max-width: 767px) {
	.JS .hs-case-news__title {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0.9375rem;
	}
	.JS .hs-case-news-list {
		font-size: 0.875rem;
	}
	.JS .hs-case-news-list__date {
		float: none;
		width: 100%;
	}
	.JS .hs-case-news-list__body {
		padding-left: 0;
	}
	.JS .hs-case-news-list__body:not(:nth-of-type(1)) {
		padding-top: 0;
		padding-bottom: 0.9375rem;
	}
}

.hs-case-news-list {
	margin-bottom: 1.25rem;
}
.hs-case-news-list>.hs-case-news-list__item:not(:last-child) {
	margin-bottom: 0.625rem;
}
.hs-case-news-list-link {
	margin-bottom: 1.25rem;
}
.hs-case-news-list-link>.hs-case-news-list-link__item {
	position: relative;
	padding-left: 0.9375rem;
	color: #1e4bbe;
	text-decoration: none;
}
.hs-case-news-list-link>.hs-case-news-list-link__item:not(:last-child) {
	margin-bottom: 0.625rem;
}
.hs-case-news-list-link>.hs-case-news-list-link__item>a:link {
	color: #1e4bbe;
	text-decoration: none;
}
.hs-case-news-list-link>.hs-case-news-list-link__item>a:visited {
	color: #551a8b;
	text-decoration: none;
}
.hs-case-news-list-link>.hs-case-news-list-link__item>a:hover {
	text-decoration: underline;
}
.hs-case-news-list-link>.hs-case-news-list-link__item>a:before {
	position: absolute;
	top: .35em;
	left: 0;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #ff0026;
}

@media screen and (max-width: 767px) {
	.JS .hs-case-news-list-link {
		font-size: 0.875rem;
	}
}

/* 事例タイトル */
.hs-case-content__header {
	background-color: #dc0c35;
	color: #fff;
	background-image: none;
	margin-bottom: 2em;
	padding-left: 1em;
	line-height: 100%;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-weight: 600;
}
.hs-case-content__title {
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: .5em;
	margin: 0 0 1em;
	line-height: 1.2;
	font-size: 1.25rem;
	font-weight: bold;
	color: #333;
	border-bottom-width: 0.25rem;
	border-bottom-style: solid;
	border-bottom-color: #899ab6;
	background: none;
}
.hs-case-content__title a{
    /*アンカーのスペースをクリア*/
    padding: 0;
}

@media screen and (max-width: 767px) {
	.JS .hs-case-content__title {
		margin: 0 0 1em;
		font-size: 1.3125rem;
		border-bottom-width: 0.125rem;
	}
}

/* 事例 名前から探す */
.hs-case-name-search__head {
	display: block;
	background-color: #c4ccda;
	text-decoration: none !important;
	color: #fff !important;
	min-width: 5em;
	text-align: center;
	font-size: 85%;
	line-height: 52px;
	transition: all 300ms 0s ease;
	font-weight: 600;
	width: 5em;
	padding-right: 16px;
	padding-left: 16px;
	float: left;
	margin-right: 15px;
	height: 52px;
}
.hs-case-name-search__head-link {
	display: block;
	background-color: #899ab6;
	text-decoration: none !important;
	color: #fff !important;
	text-align: center;
	font-size: 85%;
	line-height: 52px;
	transition: all 300ms 0s ease;
	font-weight: 600;
	width: 66px;
	padding-right: 16px;
	padding-left: 16px;
	float: left;
	margin-right: 15px;
	height: 52px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hs-case-name-search__item {
	background-color: #fff;
	margin-bottom: 3px;
	padding-top: 0px;
	padding-bottom: 0px;
	min-height: 52px;
	background-image: url(/res/image/cases/namesearchbg.png);
	background-repeat: repeat-y;
	background-position: left 0%;
}
.hs-case-name-search__head-link:hover {
	color: #fff !important;
	background-color: #515151;
}
.hs-case-name-search__tag {
	display: inline-block;
	margin-top: 0px;
	width: 825px;
	padding-top: 10px;
	padding-bottom: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	margin-bottom: -10px;
}
.hs-case-name-search__tagList {
	display: inline;
	margin-right: 0.6em;
}
.hs-case-name-search__box--hide {
	display: none;
}
.hs-case-name-search__tag-link {
	display: inline-block;
	border: 1px solid #c7c7c7;
	background-color: #fff;
	border-radius: 2px;
	padding-top: 0.6em;
	padding-right: 0.9em;
	padding-bottom: 0.5em;
	padding-left: 0.9em;
	text-decoration: none !important;
	color: #515151 !important;
	min-width: 5em;
	text-align: center;
	font-size: 85%;
	line-height: 100%;
	transition: all 300ms 0s ease;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.5em;
}
.hs-case-name-search__tag-link--other {
	font-size: 85%;
	text-decoration: none !important;
	color: #899AB6 !important;
	cursor: pointer;
	display: inline-block;
}
.hs-case-name-search__tag-link--other.close .more {
	display: none;
}
.hs-case-name-search__tag-link--other .less {
	display: none;
}
.hs-case-name-search__tag-link--other.close .less {
	display: inline;
}
.hs-case-name-search__tag-link:hover {
	color: #fff !important;
	background-color: #515151;
}

@media screen and (max-width: 994px) {
	.hs-case-name-search__tag {
		width: 85%;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-name-search__item {
		display: inline;
		background-color: inherit;
		background-image: inherit;
	}
	.hs-case-name-search__tag {
		display: none;
	}
	.hs-case-name-search__head-link {
		display: inline-block;
		float: none;
		width: 30.1%;
		margin-top: 1%;
		margin-right: 1%;
		margin-bottom: 1%;
		margin-left: 1%;
	}
	.hs-case-name-search__head {
		display: inline-block;
		background-color: #FCFCFC;
		text-decoration: none !important;
		color: #ccc !important;
		text-align: center;
		font-size: 85%;
		line-height: 100%;
		transition: all 300ms 0s ease;
		font-weight: 600;
		float: none;
		width: 30.1%;
		margin-top: 1%;
		margin-right: 1%;
		margin-bottom: 1%;
		margin-left: 1%;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 351px) {
	.hs-case-name-search__head-link {
		width: 29.5%;
	}
	.hs-case-name-search__head {
		width: 29.5%;
	}
}

.hs-case-header__title {
	background-color: #dc0c35;
	color: #fff;
	font-size: 140%;
	padding: 1.625rem 1.25rem 1.5rem 4.25rem;
	font-weight: 600;
	background-repeat: no-repeat;
	background-size: 37px auto;
	background-position: 20px center;
	margin-bottom: 1.2em;
        line-height: 1.3;
}
.hs-case-header__title--industry {
	background-image: url(/res/image/cases/icon_industry.png);
}
.hs-case-header__title--products {
	background-image: url(/res/image/cases/icon_products.png);
}
.hs-case-header__title--keyword {
	background-image: url(/res/image/cases/icon_keyword.png);
}

/* 事例リスト*/
.hs-case-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 3em;
}
.hs-case-list::after {
	content: "";
	display: block;
	width: 30%;
}
.hs-case-list__item {
	display: block;
	width: 290px;
	margin-bottom: 2rem;
	position: relative;
	min-height: 312px;
	background-color: #dce3ed;
}
.hs-case-list__link {
	text-decoration: none !important;
	background-color: #dce3ed !important;
	display: block;
	border: 1px solid #dce3ed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 300ms 0s ease;
	width: 290px;
	min-height: 290px;
	position: absolute;
}
.hs-case-list__image {
	width: 288px;
	height: 174px;
	object-fit: cover;
}
.hs-case-list__title {
	display: block;
	padding-top: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	color: #333;
	font-size: 95%;
}
.hs-case-list__name {
	display: block;
	margin-top: 0.5rem;
}
.hs-case-list__description {
	display: none;
	transition: all 600ms 0s ease;
	color: #333;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	position: relative;
}
.hs-case-list__description:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -10px;
	display: inline-block;
	width: 260px;
	height: 1px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 99999;
}
.hs-case-list__link:hover {
	background-color: #ccd6e7 !important;
	border: 1px solid #ccd6e7;
	-webkit-box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
	box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
	position: absolute;
	width: 290px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	z-index: 9999;
}
.hs-case-list__link:hover .hs-case-list__description {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.4rem;
	font-size: 80%;
	padding-top: 0.5rem;
}

/*さらに表示*/
.hs-case-content--more {
	display: none;
}
.hs-case-list__more-btn {
	display: block;
	background-color: #707070;
	width: 290px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	text-align: center;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
}
.hs-case-list__more-btn:hover {
	background-color: #606060;
	text-align: center;
}
.hs-case-list__more-btn.close {
	display: none;
}

/*---------------------
 フローティング ページトップへ
*/
.hs-case-top-btn-fixed{
    position: relative;
    z-index: 100000;
}
.hs-case-top-btn-fixed a {
	position: fixed;
	bottom: 5px;
	display: inline-block;
	background-color: #899AB6;
	text-indent: -9999px;
	width: 40px;
	height: 40px;
	right: 30px;
	border-radius: 20px;
	background-image: url(/res/image/cases/arrow_up.png);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: center 15px;
	opacity: 0.7;
}
.hs-case-top-btn-fixed a:hover {
	background-color: #6D7F9D;
}

@media screen and (max-width: 994px) {
	.hs-case-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 3em;
	}
	.hs-case-list__item {
		display: block;
		width: 48%;
		margin-bottom: 2rem;
		position: relative;
		min-height: 290px;
	}
	.hs-case-list__link {
		text-decoration: none !important;
		background-color: #dce3ed !important;
		display: block;
		border: 1px solid #dce3ed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 300ms 0s ease;
		width: 100%;
		min-height: 250px;
		position: absolute;
	}
	.hs-case-list__description {
		display: none;
		transition: all 600ms 0s ease;
		color: #333;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1rem;
		position: relative;
	}
	.hs-case-list__description:before {
		content: '';
		position: absolute;
		left: 50%;
		top: -10px;
		display: inline-block;
		width: 90%;
		height: 1px;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #fff;
		z-index: 99999;
	}
	.hs-case-list__image {
		width: 100%;
		height: 150px !important;
		object-fit: cover;
	}
	.hs-case-list__title {
		display: block;
		padding-top: .8rem;
		padding-right: 5%;
		padding-bottom: .8rem;
		padding-left: 5%;
		color: #333;
		font-size: 90%;
	}
	.hs-case-list__link:hover {
		background-color: #ccd6e7 !important;
		border: 1px solid #ccd6e7;
		-webkit-box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
		box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
		position: absolute;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		z-index: 9999;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		margin-bottom: 3em;
	}
	.hs-case-list__item {
		display: block;
		width: 48%;
		margin-bottom: 2rem;
		position: relative;
		min-height: 250px;
	}
	.hs-case-list__link {
		text-decoration: none !important;
		background-color: #dce3ed !important;
		display: block;
		border: 1px solid #dce3ed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 300ms 0s ease;
		width: 100%;
		min-height: 250px;
		position: absolute;
	}
	.hs-case-list__image {
		width: 100%;
		height: 110px !important;
		object-fit: cover;
	}
	.hs-case-list__title {
		display: block;
		padding-top: .8rem;
		padding-right: 5%;
		padding-bottom: .8rem;
		padding-left: 5%;
		color: #333;
		font-size: 80%;
	}
	.hs-case-list__description {
		display: none;
		transition: all 600ms 0s ease;
		color: #333;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 1rem;
		position: relative;
	}
	.hs-case-list__description:before {
		content: '';
		position: absolute;
		left: 50%;
		top: -10px;
		display: inline-block;
		width: 90%;
		height: 1px;
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: #fff;
		z-index: 99999;
	}
	.hs-case-list__link:hover {
		background-color: #ccd6e7 !important;
		border: 1px solid #ccd6e7;
		-webkit-box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
		box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
		position: absolute;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		z-index: 9999;
	}
	.hs-case-top-btn-fixed {
		display: block;
	}
	.hs-case-top-btn-fixed a {
		position: fixed;
		bottom: 20px;
		display: inline-block;
		background-color: #899AB6;
		text-indent: -9999px;
		width: 40px;
		height: 40px;
		right: 15px;
		border-radius: 20px;
		background-image: url(/res/image/cases/arrow_up.png);
		background-repeat: no-repeat;
		background-size: 14px auto;
		background-position: center 15px;
	}
}

/*名前から探す事例リスト表示*/
.hs-case-name-list::after {
	content: "";
	display: block;
	width: 30%;
}
.hs-case-name-list__item {
	display: block;
	width: 290px;
	margin-bottom: 2rem;
	position: relative;
	background-color: #dce3ed;
	align-self: stretch;
	height: auto;
}
.hs-case-name-list__link {
	position: relative;
	text-decoration: none !important;
	background-color: #dce3ed !important;
	display: block;
	border: 1px solid #dce3ed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 300ms 0s ease;
	width: 290px;
	height: 100%;
}
.hs-case-name-list__link[href^="http"]::before {
	position:absolute;
	content:"";
	display:inline-block;
	top:.5rem;
	left:.5rem;
	width:8px;
	height:8px;
	border:1px solid #dc0c35;
}
.hs-case-name-list__link[href^="http"]::after {
	position:absolute;
	content:"";
	display:inline-block;
	top:calc(.5rem + 2px);
	left:calc(.5rem - 2px);
	width:8px;
	height:8px;
	border-left:1px solid #dc0c35;
	border-bottom:1px solid #dc0c35;
}
.hs-case-name-list__image {
	width: 288px;
	height: 174px;
	object-fit: cover;
}
.hs-case-name-list__name {
	display: block;
	margin-top: 0.2rem;
	padding-top: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	color: #333;
	font-size: 95%;
	font-weight: 600;
}
.hs-case-name-list__description:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -10px;
	display: inline-block;
	width: 260px;
	height: 1px;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	z-index: 99999;
}
.hs-case-name-list__link:hover {
	background-color: #ccd6e7 !important;
	border: 1px solid #ccd6e7;
	-webkit-box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
	box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0.20);
	width: 290px;
	z-index: 9999;
}
.hs-case-name-list__description {
	display: block;
	color: #333;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0.4rem;
	font-size: 80%;
	padding-top: 0.5rem;
}

@media screen and (max-width: 994px) {
	.hs-case-name-list__item {
		width: 48%;
	}
	.hs-case-name-list__link {
		width: 100%;
	}
	.hs-case-name-list__link:hover {
		width: 100%;
	}
	.hs-case-name-list__description:before {
		width: 90%;
	}
	.hs-case-name-list__image {
		width: 100%;
		height: 150px !important;
		object-fit: cover;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-name-list__image {
		height: 110px !important;
	}
	.hs-case-name-list__name {
		font-size: 80%;
	}
}

/*---------------------
 事例 個別記事
*/

/*アンカーリンク*/
/*ダブっている
.hs-case-cont-anchor__link {
	display: inline-block;
	background-image: url(/res/image/cases/icon_caseSearchTop__list.png);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left center;
	padding-left: 20px;
	text-decoration: none !important;
	color: #333 !important;
	font-size: 90%;
	line-height: 100%;
	padding-top: 2px;
}
.hs-case-cont-anchor__link:hover {
	text-decoration: none !important;
	color: #899ab6 !important;
}
*/

.hs-content::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.hs-content--head {
    margin-bottom: 0;
}
.hs-case-contents-header__title {
	background-color: #dc0c35;
	color: #fff;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	font-weight: 600;
	font-size: 100%;
}
.hs-case-contents-header__name {
	background-color: #f6f6f6;
        margin-bottom: 1.5625rem;
	padding-top: 0.6em;
	padding-right: 1em;
	padding-bottom: 0.6em;
	padding-left: 1em;
	font-size: 150%;
	font-weight: 600;
	color: #333;
	display: block;
}

@media screen and (max-width: 767px) {
	.JS .hs-case-contents-header__name {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0em;
		font-size: 120%;
	}
}

.hs-case-contents__catch {
	font-size: 180%;
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.hs-case-contents__catch {
		font-size: 120%;
	}
}

.hs-case-contents__catch span {
	color: #DC0C35;
}
.hs-case-cont__lead--classic {
	float: left;
	width: 610px;
	margin-bottom: 1.8rem;
}

.hs-case-cont__lead--pcright {
	text-align: right;
}
.hs-case-cont__lead--classic--long {
	float: left;
	width: 700px;
	margin-bottom: 1.8rem;
}
.hs-case-cont__lead--classic--xlong {
	float: left;
	width: 780px;
	margin-bottom: 1.8rem;
}
.hs-case-cont__lead--classic--830 {
	float: left;
	width: 830px;
	margin-bottom: 1.8rem;
}
.hs-case-contents__main-image {
	margin-bottom: 2em;
	margin-top: -1em;
	border: 1px solid #d1d1d1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hs-case-cont__main-image--noborder {
	border: none;
}
.hs-case-cont__main-image--classic {
	float: right;
	width: 320px;
	height: auto;
	margin-top: 0px;
}
.hs-case-cont__main-image--classic--small {
	float: right;
	width: 230px;
	height: auto;
	margin-top: 0px;
}
.hs-case-cont__main-image--classic--xsmall {
	float: right;
	width: 150px;
	height: auto;
	margin-top: 0px;
}
.hs-case-cont__main-image--classic--160 {
	float: right;
	width: 160px;
	height: auto;
	margin-top: 0px;
}
.hs-case-cont__main-image--classic--100 {
	float: right;
	width: 100px;
	height: auto;
	margin-top: 0px;
}

@media screen and (max-width: 994px) {
	.hs-case-cont__lead--classic {
		width: 70%;
	}
	.hs-case-cont__main-image--classic {
		width: 27%;
		padding-bottom: 0px;
		margin-bottom: 1.8rem;
	}
	.hs-case-cont__lead--classic--xlong {
		width: 82%;
	}
	.hs-case-cont__lead--classic--long {
		width: 82%;
	}
	.hs-case-cont__lead--classic--830 {
		width: 86%;
	}
	.hs-case-cont__main-image--classic--160 {
		width: 15%;
	}
	.hs-case-cont__main-image--classic--100 {
		width: 10%;
	}
	.hs-case-cont__main-image--classic--small {
		width: 15%;
	}
	.hs-case-cont__main-image--classic--xsmall {
		width: 15%;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-cont__lead--classic {
		float: none;
		width: 100%;
	}
	.hs-case-cont__lead--classic--long {
		float: none;
		width: 100%;
	}
	.hs-case-cont__main-image--classic {
		width: 320px;
		float: none;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.hs-case-cont__lead--pcright {
		text-align: left;
	}
	.hs-case-cont__lead--classic--xlong {
		float: none;
		width: 100%;
	}
	.hs-case-cont__lead--classic--830 {
		float: none;
		width: 100%;
	}
	.hs-case-cont__main-image--classic--small {
		width: 230px;
		float: none;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.hs-case-cont__main-image--classic--xsmall {
		width: 150px;
		float: none;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.hs-case-cont__main-image--classic--160 {
		width: 160px;
		float: none;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.hs-case-cont__main-image--classic--100 {
		width: 100px;
		float: none;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}

.hs-case-contents__main-image--small {
	margin-bottom: 2em;
	margin-top: -1em;
	margin-left: auto;
	margin-right: auto;
}
.hs-case-cont-relative {
	background-color: #f2f5fa;
	margin-bottom: 3.125rem;
	padding-top: 1.2em;
	padding-right: 1.2em;
	padding-bottom: 1.2em;
	padding-left: 1.2em;
	border: 2px solid #899AB6;
	clear: both;
}
.hs-case-cont-relative__title {
	font-weight: 600;
	margin-bottom: 0.6em;
}
.hs-case-cont-relative__list-block {
	padding-left: 1.6em;
}
.hs-case-cont-relative__link {
	background-image: url(/res/image/cases/common_arrow.png);
	background-repeat: no-repeat;
	background-size: 5px auto;
	background-position: left center;
	padding-left: 10px;
}
.hs-case-cont-ba {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
}
.hs-case-cont-ba__label {
	margin-bottom: 0.5em;
	background-image: url(/res/image/cases/ba_title995.jpg);
	background-position: center center;
	background-repeat: repeat-y;
}
.hs-case-cont-ba__label--before {
	color: #fff;
	width: 45%;
	display: inline-block;
	text-align: center;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
	margin-right: 10%;
}
.hs-case-cont-ba__label--after {
	color: #fff;
	width: 45%;
	display: inline-block;
	text-align: center;
	padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.6em;
}
.hs-case-cont-ba__item {
	margin-bottom: 0.5em;
	background-image: url(/res/image/cases/ba_base995.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}
.hs-case-cont-ba__item--before {
	width: 45%;
	display: inline-block;
	padding-top: 0.8em;
	padding-right: 1.6em;
	padding-bottom: 0.6em;
	padding-left: 1.6em;
	border-collapse: separate;
	margin-right: 10%;
	vertical-align: middle;
}
.hs-case-cont-ba__item--after {
	width: 45%;
	display: inline-block;
	padding-top: 0.8em;
	padding-right: 1.6em;
	padding-bottom: 0.8em;
	padding-left: 1.6em;
	font-weight: bold;
	vertical-align: middle;
}

/*見出し*/
.hs-case-cont-article__title {
	clear: both;
	background-color: #dc0c35;
	color: #fff;
	background-image: none;
	margin-bottom: 1.6em;
	padding-left: 1em;
	line-height: 100%;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-weight: 600;
	padding-right: 1em;
}
.hs-case-cont-article__lead {
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: .5em;
	margin: 0 0 1em;
	line-height: 1.2;
	font-size: 1.5rem;
	font-weight: bold;
	color: #333;
	border-bottom-width: 0.25rem;
	border-bottom-style: solid;
	border-bottom-color: #899ab6;
	background: none;
}
.hs-case-cont-article__lead--small {
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: .5em;
	margin: 0 0 1em;
	line-height: 1.2;
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	border-bottom: 0.1rem solid #899ab6;
	background: none;
}
.hs-case-cont-article__lead--small--noborder {
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	margin: 0 0 1em;
	line-height: 1.2;
	font-size: 1rem;
	font-weight: bold;
	color: #333;
	border-bottom: none;
	background: none;
}
.hs-case-cont-article__lead--second {
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: .5em;
	margin: 0 0 1em;
	line-height: 1.2;
	font-size: 1.12rem;
	font-weight: bold;
	color: #333;
	border-bottom-width: 0.1rem;
	border-bottom-style: solid;
	border-bottom-color: #899ab6;
	background: none;
}

.hs-case-cont-article__list-block {
	margin-bottom: 2rem;
}
.hs-case-cont-article__list {
	margin-bottom: 1rem;
	padding-left: 1rem;
}
.hs-case-cont-article__list:before {
	content: '●';
	color: #899AB6;
	margin-left: -1rem;
}
.hs-case-cont-article__point {
	background-color: #fff2de;
	padding-top: 1.25rem;
	padding-right: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 1.25rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
	.JS .hs-case-cont-article__lead {
		margin: 0 0 1em;
		font-size: 1.3125rem;
		border-bottom-width: 0.125rem;
	}
	.hs-case-cont-ba__label {
		margin-bottom: 0.5em;
		background-image: url(/res/image/cases/ba_title375.jpg);
		background-position: center center;
		background-repeat: repeat-y;
		font-size: 90%;
	}
	.hs-case-cont-ba__item {
		margin-bottom: 0.5em;
		background-image: url(/res/image/cases/ba_base375.jpg);
		background-repeat: repeat-y;
		background-position: center center;
		font-size: 90%;
		background-size: 768px auto;
	}
	.hs-case-cont-ba__item--after {
		width: 45%;
		display: inline-block;
		padding-top: 0.8em;
		padding-right: 1.6em;
		padding-bottom: 0.8em;
		padding-left: 1.6em;
		font-weight: bold;
		vertical-align: middle;
	}
}

@media screen and (max-width: 413px) {
	.hs-case-cont-ba {
		margin-top: 2em;
		margin-bottom: 2em;
	}
	.hs-case-cont-ba__label {
		display: none;
	}
	.hs-case-cont-ba__item {
		margin-bottom: 0.8em;
		background-image: none;
	}
	.hs-case-cont-ba__item--before {
		width: 100%;
		display: block;
		padding-top: 0.8em;
		padding-right: 1.6em;
		padding-bottom: 0.6em;
		padding-left: 1.6em;
		border-collapse: separate;
		margin-right: 10%;
		vertical-align: middle;
		background-color: #F2F5FA;
		position: relative;
	}
	.hs-case-cont-ba__item--before::before {
		content: '課題';
		display: block;
		background-color: #899AB6;
		color: #fff;
		width: 4rem;
		text-align: center;
		margin-bottom: .4rem;
		margin-left: auto;
		margin-right: auto;
		padding: .1rem;
		font-size: .8rem;
	}
	.hs-case-cont-ba__item--before::after {
		content: '';
		display: block;
		width: 1rem;
		height: 1rem;
		text-align: center;
		position: absolute;
		border-top: .5rem solid #DC0C35;
		border-bottom: .5rem solid transparent;
		border-left: .5rem solid transparent;
		border-right: .5rem solid transparent;
		left: 50%;
		bottom: -.7rem;
		margin-left: -.5rem;
	}
	.hs-case-cont-ba__item--after {
		width: 100%;
		display: block;
		padding-top: 0.8em;
		padding-right: 1.6em;
		padding-bottom: 0.8em;
		padding-left: 1.6em;
		font-weight: bold;
		vertical-align: middle;
		background-color: #FFF2DF;
	}
	.hs-case-cont-ba__item--after::before {
		content: '導入後';
		display: block;
		background-color: #E09669;
		color: #fff;
		width: 4rem;
		text-align: center;
		margin-bottom: .4rem;
		margin-left: auto;
		margin-right: auto;
		padding: .1rem;
		font-weight: normal;
		font-size: .8rem;
	}
}

.hs-case-cont__image--center {
	text-align: center;
	margin-bottom: 2rem;
}
.hs-case-cont-article__image {
	float: right;
	margin-left: 2.2em;
	margin-bottom: 1.6em;
}


/*右寄せイメージが2つ*/
.hs-case-cont-article__image-double{
	float:right;
}
.hs-case-cont-article__image-double .hs-case-cont-article__image{
	float:left;
}
.hs-case-cont__imagegroup--three-link {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	margin-left: .3em;
	margin-right: .3em;
}
.hs-case-cont__imagegroup--three-link a span {
	background-image: url(/image/jp/r1/icon/icon_new_window_hd.gif);
	background-size: 16px auto;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 22px;
	background-position: left 12px;
}
.hs-case-cont__imagegroup--three-link img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}
.hs-case-cont__imagegroup--four-link {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	margin-left: .3em;
	margin-right: .3em;
}
.hs-case-cont__imagegroup--four-link a span {
	background-image: url(/image/jp/r1/icon/icon_new_window_hd.gif);
	background-size: 16px auto;
	background-repeat: no-repeat;
	text-align: left;
	padding-left: 22px;
	background-position: left 12px;
}
.hs-case-cont__imagegroup--four-link img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hs-case-cont-column:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

@media screen and (max-width: 994px) {
	.hs-case-cont__imagegroup--three-link {
		display: inline-block;
		width: 20%;
		vertical-align: top;
		margin-left: .3em;
		margin-right: .3em;
	}
	.hs-case-cont__imagegroup--three-link img {
		width: 100%;
		height: 140px!important;
		object-fit: cover;
	}
	.hs-case-cont__imagegroup--four-link {
		display: inline-block;
		width: 20%;
		vertical-align: top;
		margin-left: .3em;
		margin-right: .3em;
	}
	.hs-case-cont__imagegroup--four-link img {
		width: 100%;
		height: 140px!important;
		object-fit: cover;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-cont-article__image-double {
        float:none;
		text-align: center;
	}
	.hs-case-cont-article__image-double .hs-case-cont-article__image {
		float: none;
		display: inline-block;
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-bottom: 1.6em;
		vertical-align: top;
	}
	.hs-case-cont__imagegroup--three-link {
		display: inline-block;
		width: 25%;
		vertical-align: top;
		margin-left: .3em;
		margin-right: .3em;
	}
	.hs-case-cont__imagegroup--three-link img {
		width: 100%;
		height: 80px!important;
		object-fit: cover;
	}
	.hs-case-cont__imagegroup--four-link {
		display: inline-block;
		width: 20%;
		vertical-align: top;
		margin-left: .3em;
		margin-right: .3em;
	}
	.hs-case-cont__imagegroup--four-link img {
		width: 100%;
		height: 70px!important;
		object-fit: cover;
	}
}

.hs-case-cont-article__image--140 {
	width: 140px;
}
.hs-case-cont-article__image--140 img {
	width: 140px;
	height: auto;
}
.hs-case-cont-article__image--100 {
	width: 100px;
}
.hs-case-cont-article__image--100 img {
	width: 100px;
	height: auto;
}

@media screen and (max-width: 579px) {
	.hs-case-cont-article__image--full {
		width: 100%;
	}
	.hs-case-cont-article__image--full img {
		width: 100%;
	}
}

.hs-case-cont-article__imagename {
	background-color: #F2F5FA;
	display: block;
	font-size: 80%;
	padding-top: 0.8em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 0.8em;
}
.hs-case-cont-article__imagename br {
	line-height: 1.6rem;
}
.hs-case-cont__image--two {
	text-align: center;
}
.hs-case-cont__image--block {
	text-align: center;
	margin-bottom: 1rem;
	display: inline-block;
	vertical-align: top;
	margin-left: 1rem;
	margin-right: 1rem;
}
.hs-case-cont__image--block--middle {
	vertical-align: middle;
}
.hs-case-cont-article__imagecaption {
	display: block;
	font-size: 80%;
	padding-top: 0.8em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 0.8em;
}
.hs-case-cont-article__figcaption {
	display: block;
	font-size: 80%;
	padding-top: 1.5em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 0.8em;
}
.hs-case-cont-article__arrow {
	display: inline-block;
	vertical-align: middle;
}
.hs-case-cont-article p {
	margin-bottom: 1.8em;
	line-height: 170%;
	word-break: break-all;
}
.hs-case-cont-article .bold {
	font-weight: bold;
}
.hs-case-contact__btn {
	display: block;
	background-color: #DC0C35;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	border-radius: 40px;
	background-image: url(/res/image/cases/contact_arrow.png);
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-position: right 160px center;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 6px 0px hsla(0, 0%, 0%, 0.20);
	box-shadow: 0px 0px 6px 0px hsla(0, 0%, 0%, 0.20);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 25px;
	font-weight: 600;
	font-size: 110%;
}
.hs-case-contact__btn:hover {
	background-color: #B50023;
}
.hs-case-cont-column {
	padding-top: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	padding-left: 2rem;
	background-color: #F4F4F4;
	margin-bottom: 2rem;
}
.hs-case-cont-column__title {
	font-size: 1.2rem;
}
.hs-case-cont-column__type {
	display: inline-block;
	border: 1px solid #333;
	padding-top: 0.3rem;
	padding-right: 0.8rem;
	padding-bottom: 0.3rem;
	padding-left: 0.8rem;
	font-size: 0.8rem;
	line-height: 100%;
	margin-right: 0.5rem;
}

@media screen and (max-width: 767px) {
	.hs-case-contact__btn {
		width: 95%;
		background-position: right 36px center;
		text-indent: -1em;
	}
}

@media screen and (max-width: 768px) {
	.hs-case-cont-article__arrow {
		display: block;
		text-align: center;
		margin-top: -30px;
	}
	.hs-case-cont-article__arrow img {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

.hs-case-contact__btn-second {
	display: block;
	background-color: #DC0C35;
	color: #fff !important;
	text-decoration: none !important;
	text-align: center;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	height: 120px;
	border-radius: 60px;
	background-image: url(/res/image/cases/contact_arrow.png);
	background-repeat: no-repeat;
	background-size: 8px auto;
	background-position: right 160px top 62px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 6px 0px hsla(0, 0%, 0%, 0.20);
	box-shadow: 0px 0px 6px 0px hsla(0, 0%, 0%, 0.20);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 30px;
	font-weight: 600;
	font-size: 110%;
}
.hs-case-contact__btn-second:hover {
	background-color: #B50023;
}
.hs-case-contact__btn-second--lead {
	display: block;
	font-weight: normal;
	font-size: 70%;
	margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
	.hs-case-contact__btn-second {
		width: 95%;
		background-position: right 36px top 60px;
		text-indent: -1em;
	}
	.hs-case-contact__btn-second--lead {
		font-size: 60%;
		margin-bottom: 8px;
		text-indent: 0.5em;
	}
}

/*アイコン-new*/
a.hs-case-icon-new::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 60px;
    height: 54px;
    background: url(-/media/B97D204C0D97474DA56982366EFC43A5.ashx) left top no-repeat;
    background-size: 100% auto;
}
a.hs-case-icon-new::after {
    content: "NEW";
    position: absolute;
    top: 10px;
    left: 4px;
    z-index: 11;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    line-height: 100%;
}

/*会社情報*/
.hs-case-company {
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
}
.hs-case-company__title {
	font-weight: 600;
	font-size: 140%;
}
.hs-case-company__subtitle {
	background-color: #899AB6;
	color: #fff;
	font-size: 0.8rem;
	display: inline-block;
	padding-top: 0.3rem;
	padding-right: 0.8rem;
	padding-bottom: 0.3rem;
	padding-left: 0.8rem;
	margin-bottom: 0.8rem;
	border-radius: 1rem;
}
.hs-case-company__text {
	font-size: 90%;
}
.hs-case-company__info {
	margin-top: 1em;
	width: 100%;
}
.hs-case-company__info--photo {
	text-align: center;
}
.hs-case-company__info--photo img {
	max-width: inherit !important;
}

@media screen and (max-width: 767px) {
	.hs-case-company__info td {
		display: block;
		margin-bottom: -1px;
		margin-left: -1px;
	}
	.hs-case-company__info th {
		margin-bottom: -1px;
		margin-left: -1px;
		display: block;
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.JS .hs-case-company__title {
		margin: 0 0 .5em;
	}
}

/*導入事例ダウンロード*/
.hs-case-cont-dl__title {
	background-color: #899AB6;
	color: #fff;
	background-image: none;
	padding-top: 0.6em;
	padding-right: 1.6em;
	padding-bottom: 0.6em;
	padding-left: 1.6em;
	margin-bottom: 1em;
}
.hs-case-cont-dl__list-block {
	padding-left: 1.6em;
}
.hs-case-cont-dl__link--pdf {
	background-image: url(/r23res/image/common/icon_pdf.svg);
	background-size: 1em auto;
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 24px;
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.JS .hs-case-cont-dl__title {
		margin: 0 0 1em;
	}
}

.hs-case-cont-notice__text {
	font-size: 80%;
}
.hs-case-cont-lastupdate__text {
	font-size: 80%;
}

@media screen and (max-width: 767px) {
	.hs-case-cont-notice__text {
		text-align: center;
		font-size: 70%;
	}
	.hs-case-cont-lastupdate__text {
		text-align: center;
		font-size: 70%;
	}
}

/*note*/
.hs-case-cont-ref {
	font-size: 0.9em;
	color: #666;
        margin-bottom: 20px;
	clear: both;
}

/* アンカーリンクリスト*/
.hs-case-cont-anchor__list-block {
	float: left;
	display: block;
	margin-top: 0px;
	margin-bottom: 2rem;
	width: 610px;
}
.hs-case-cont-anchor__list-block--full {
	display: block;
	margin-top: 0px;
	margin-bottom: 2rem;
	width: 100%;
}
.hs-case-cont-anchor__list {
	display: inline-block;
	margin-right: 20px;
}
.hs-case-cont-anchor__link {
	display: inline-block;
	background-image: url(/res/image/cases/icon_caseSearchTop__list.png);
	background-repeat: no-repeat;
	background-size: 14px auto;
	background-position: left 4px;
	padding-left: 20px;
	text-decoration: none !important;
	color: #333 !important;
	font-size: 90%;
	line-height: 140%;
	padding-top: 2px;
}
.hs-case-cont-anchor__link:hover {
	text-decoration: none !important;
	color: #899ab6 !important;
}

@media screen and (max-width: 994px) {
	.hs-case-cont-anchor__list-block {
		clear: both;
		float: none;
		width: 70%;
	}
}

@media screen and (max-width: 767px) {
	.hs-case-cont-anchor__list-block {
		width: 100%;
	}
}


/*---------------------
 clearfix
*/
#SS_searchForm4:after,
#SS_searchForm5:after,
.hs-case-cart:after,
.hs-case-cart-hs-tab:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
*:first-child+html #SS_searchForm4,
*:first-child+html #SS_searchForm5,
*:first-child + html .hs-case-cart,
*:first-child + html .hs-case-cart-hs-tab {
    zoom: 1;
}