@charset "utf-8";

/*画像読み込み*/
.rPanelLazyLoad .rPanel .rPanelThumb a,
.rPanelLazyLoad .rPanel .rPanelThumb .rPanelThumbLoader {
	position: relative;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	/* padding-top: 52.361111111%; */
	overflow: hidden;
	background: url(/business/case/images_global/r_case_thumb_loading.gif) no-repeat center center;
}
.rPanelLazyLoad .rPanel .rPanelThumb a .alt,
.rPanelLazyLoad .rPanel .rPanelThumb .rPanelThumbLoader .alt {
	display: none;
}
.rPanelLazyLoad .rPanel .rPanelThumb a img,
.rPanelLazyLoad .rPanel .rPanelThumb .rPanelThumbLoader img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/* height: 100%; */
	opacity: 0;
	backface-visibility: hidden;
}
.rPanelLazyLoad .panel-loaded .rPanelThumb a,
.rPanelLazyLoad .panel-loaded .rPanelThumb .rPanelThumbLoader {
	background-image: none;
}
.rPanelLazyLoad .panel-loaded .rPanelThumb a img,
.rPanelLazyLoad .panel-loaded .rPanelThumb .rPanelThumbLoader img {
	opacity: 1;
	transition: opacity .4s linear;
}

/* -- toppage 注意事項 -- */
dl.case_note {
  display: block;
  border: 2px solid #ccc;
  border-radius: 4px;
  margin-top: 25px;
  padding: 10px 12px;
}
dl.case_note dt {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 3px;
}

/* SP */
@media only screen and (max-width: 767px) {
    .case__index--list {}

    /*タブ切り替え全体のスタイル*/
    .tabs__wrap {
        text-align: center;
        background-color: #fff;
        margin: 0 auto 60px auto;
    }

    /*タブのスタイル*/
    .tab__item {
        display: inline-block;
        border: 1px solid #B5B5B5;
        background-color: #E2E2E2;
        text-align: center;
        color: #565656;
        margin: 0;
        padding: 10px;
        width: 40%;
        font-size: 1.2rem;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .tab__item:hover {
        background-color: #fff;
    }

    /*ラジオボタンを全て消す*/
    input[name="tab__item"] {
        display: none;
    }

    /*タブ切り替えの中身のスタイル*/
    .tab__inner {
        display: none;
        margin-top: -1px;
        padding: 0;
        clear: both;
        overflow: hidden;
        border: 1px solid #B5B5B5;
    }

    .tab__inner ul {
        width: 100%;
    }

    .tab__inner ul li {
        display: block;
        background-color: #F5F5F5;
        border-top: 1px solid #DADADA;
        color: #3B4043;
        padding: 10px;
        text-align: left;
    }

    .tab__inner ul li a {
        display: block;
        text-decoration: none;
    }

    /*選択されているタブのコンテンツのみを表示*/
    #all:checked ~ #all_content,
    #programming:checked ~ #programming_content,
    #design:checked ~ #design_content {
        display: block;
    }

    /*選択されているタブのスタイルを変える*/
    .tabs__wrap input:checked + .tab__item {
        background-color: #fff;
        border: 1px solid #B5B5B5;
        border-bottom: 1px solid #fff;
    }
	
	/*導入事例検索*/
	.rCatSearch {
		border: 1px solid #ececec;
		background-color: #f8f6f6;
		padding: 10px;
		margin-bottom: 40px;
	}
	.rCatSearch-txt {
		color: #716f63;
		margin-bottom: 20px;
	}
	#cateSearchForm {
		padding-bottom: 20px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.rCatSearchList {
		position: relative;
		margin-bottom: 15px;
	}
	.rCatSearchSelect {
		position: relative;
	}
	.rCatSearch-ttl {
		font-size: 1.1rem;
		font-weight: bold;
		color: #716f63;
		margin-bottom: 10px;
	}
	.display_selectedItem {
		position: relative;
		min-height: 35px;
		padding: 5px 10px;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		box-sizing: border-box;
		cursor: pointer;
		z-index: 1;
	}
	.display_selectedItem::after {
		position: absolute;
		content: '';
		display: block;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #716f63 transparent transparent transparent;
	}
	.display_selectedItem.active::after {
		border-width: 0 5px 5px 5px;
		border-color: transparent transparent #716f63 transparent;
	}
	.select_box {
		position: absolute;
		width: 100%;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		opacity: 0;
		visibility: hidden;
		box-sizing: border-box;
		overflow: hidden;
		z-index: 2;
		transition: all .3s;
	}
	.select_box.active {
		opacity: 1;
		visibility: visible;
	}
	.select_box li span,
	.select_box li a {
		display: block;
		padding: 5px 10px;
		cursor: pointer;
		text-decoration: none;
	}
	.select_box li a.active {
		background-color: #716f63;
		color: #fff;
	}
	.rCatSearch-btn {
		text-align: center;
	}
	.rCatSearch-btn .btn {
		display: inline-block;
	}
	.rCatSearch-btn .btn a {
		display: block;
		text-decoration: none;
		padding: 7px 40px;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
	}

	/**/
    .case__inner--list {}
    .case__inner--list .indexList {
        width: 100%;
        margin: 0 auto;
    }
    .case__inner--list .item {
        width: 100%;
        text-align: center;
        font-size: 1.0rem;
        line-height: 1.3;
        align-items: center;
        box-sizing: border-box;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .case__inner--list .item:nth-child(3n) {
        margin-right: 0;
    }
    .case__inner--list .item > div {
        text-decoration: none;
        width: 100%;
    }
    .case__inner--list .item > div > .p {}
    .case__inner--list .item > div > .btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px;
    }
    .case__inner--list .item > div > .btn li {
        margin-top: 15px;
        width: 48%;
    }
    .case__inner--list .item > div > .btn li a {
        background-color: #716F63;
        color: #fff;
        display: block;
        border-radius: 4px;
        padding: 20px 5px;
        text-decoration: none;
    }
    .case__inner--list .item > div > .btn li.movie a span {
        display: inline-block;
        padding-left: 20px;
        background-image: url("/business/common/images/ic_movie_.svg");
        background-size: 15px 15px;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .case__inner--list .item > div > .btn li a:hover {
        opacity: 0.5;
        transition: all 0.8s;
    }
    .case__inner--list .item > div > .t {
        width: 100%;
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
    }
    .case__inner--list .item > div > .t > h3 {
        color: #716F63;
        font-size: 1.5rem;
        margin-bottom: 0.5em;
    }
    .case__inner--list .item > div > .t > p {}
	
	.case__inner--list .rPanel {
        text-align: center;
        font-size: 1.0rem;
        line-height: 1.5;
        align-items: center;
        box-sizing: border-box;
		padding-bottom: 3%;
		border-bottom: 1px solid #ccc;
	}
	.case__inner--list .rPanel:nth-of-type(n+2) {
        margin-top: 10%;
    }	
	.case__inner--list .rPanelThumb a {
		position: relative;
	}
	.case__inner--list .rPanelThumb a .alt {
		display: none;
	}
	.case__inner--list .rCasePanelTit a {
		display: block;
		text-align: left;
		text-decoration: none;
		padding: 10px;
	}
	.case__inner--list .rCasePanelTit a .icon {
		display: none;
	}
	.case__inner--list .rCasePanelTit a .title {
		font-size: 1.4rem;
		color: #716F63;
		margin-bottom: 0.5em;
	}
	.case__inner--list .rCasePanelTit a .title .ico-new {
		position: relative;
		top: -2px;
		display: inline-block;
		font-size: 0.85rem;
		color: #fff;
		line-height: 1;
		margin-left: 10px;
		padding: 5px;
		background-color: #c00;
	}
	.case__inner--list .rPanelTxt {
		text-align: left;
		padding: 0 10px 15px;
	}
	.case__inner--list .rCasePanelInfo {
		text-align: left;
		padding: 0 10px;
	}
	.case__inner--list .rCasePanelInfo dl {
		display: inline-block;
	}
	.case__inner--list .rCasePanelInfo dl dt {
		display: none;
	}
	.case__inner--list .rCasePanelInfo dl dd {
		display: inline-block;
		background-color: #f5f5f5;
		border: 1px solid #dadada;
		color: #3b4043;
		font-size: 0.9rem;
		margin-right: 3px;
		margin-bottom: 10px;
		padding: 3px 10px;
		border-radius: 1em;
	}
	.case__inner--list .rPanelLinks {
		display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
		margin-top: 10px;
		padding: 10px;
	}
	.case__inner--list .rPanelLinks .rBtnLink {
		position: relative;
		display: block;
		color: #fff;
		background-color: #716f63;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
		padding: 15px 5px;
	}
	.case__inner--list .rPanelLinks .rPanelDetail {
		width: 48%;
	}
	.case__inner--list .rPanelLinks .rPanelMovie {
		width: 48%;
	}
	.case__inner--list .rPanelLinks .rPanelMovie .rBtnLink::before {
		position: relative;
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		top: 2px;
		left: -5px;
		background-image: url(/business/common/images/ic_movie_.svg);
        background-size: 15px 15px;
        background-position: left center;
        background-repeat: no-repeat;
	}
	
	/*ページネーション*/
	#footerPaginate {
		margin-top: 30px;
	}
	#footerPaginate .footerPaginate__inner {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #ececec;
		background-color: #f8f6f6;
		padding: 15px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#footerPaginate .footerPaginate__inner > div {
		width: 48%;
	}
	#footerPaginate .footerPaginate__inner > div a {
		position: relative;
		display: block;
		border: 1px solid #333;
		text-align: center;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		padding: 15px;
		box-sizing: border-box;
		transition: all 0.3s;
	}
	#footerPaginate .footerPaginate__inner .next {
		float: right;
	}
	#footerPaginate .footerPaginate__inner .prev {
		float: left;
	}
	#footerPaginate .footerPaginate__inner .prev a::before {
		position: absolute;
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-left: solid 2px #716f63;
		border-bottom: solid 2px #716f63;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		left: 20px;
		margin-top: -5px;
	}
	#footerPaginate .footerPaginate__inner .next a::after {
		position: absolute;
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #716f63;
		border-right: solid 2px #716f63;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 20px;
		margin-top: -5px;
	}	

    /*動画ライブラリーのスタイル追加*/
    #contents__business--movies .case__inner--list .item > div > .btn {
        justify-content: center;
    }
    #contents__business--movies .t p:nth-of-type(2) {
        margin-top: 10.5px;
    }
	
	/*選択中*/
	.spCatSelected {
		margin-bottom: 40px;
	}
	.spCatSelected dl {
		display: table;
	}
	.spCatSelected dl:not(first-child) {
		margin-top: 1.66666666666667%;
	}
	.spCatSelected dl dt,
	.spCatSelected dl dd {
		display: table-cell;
	}
	.spCatSelected dt {
		width: 6.5em;
		padding: 0.5em;
		text-align: center;
		background-color: #cbd2d7;
		font-size: .9rem;
	}
	.spCatSelected dd {
		padding: 0.35em 0.57em;
		font-size: 1rem;
		font-weight: bold;
	}
	
	/*-------詳細ページ-------*/
	/*rCaseTit*/
	#rCaseTit {
		margin-bottom: 15px;
	}
	#rCaseTit .rContentTitArea {
		position: relative;
		padding: 1.5% 3.33333333333333%;
		border-left: 6px solid #295e71;
	}
	#rCaseTit .rContentTitArea .rContentTit {
		font-size: 1.4rem;
	}
	#rCaseTit .rContentTitArea .rCasePdf {
		display: none;
	}
	
	/*rCaseDetailHead*/
	.rCaseDetailHead {
		margin: 0 auto 20px;
	}
	.rCaseDetailCatch {
		display: block;
		margin-bottom: 15px;
		color: #295e71;
		font-size: 1.0rem;
		font-weight: bold;
	}
	.rCaseDetailImage {
		margin-bottom: 25px;
	}
	.rCaseDetailImage .movieWrap {
		position: relative;
	}
	.rCaseDetailImage .movieWrap .overlay p {
		display: none;	
	}
	.movieYoutube {
		position: relative;
		padding-top: 56.25%;
	}
	.movieYoutube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.rCaseDetailInfo {
		margin-top: 15px;
	}
	.clearfix .rCaseDetailInfo {
		margin-top: 0;
	}
	.rCaseDetailInfo dl {
		margin-top: 10px;
		font-size: 1.0rem;
	}
	.rCaseDetailInfo dl:first-child {
		margin-top: 0;
	}
	.rCaseDetailInfo dl dt {
		width: 90px;
		padding: 6px 0;
		margin-bottom: 12px;
		background-color: #3d3d3d;
		color: #fff;
		font-size: .85rem;
		text-align: center;
	}
	.rCaseDetailInfo dl.clearfix dt {
		float: none;
		margin-bottom: 0;
		margin-right: 10px;
	}
	.clearfix .rCaseDetailInfo dl.clearfix dt {
		float: left;
	}
	.rCaseDetailInfo dl dd {
		padding: 4px 0;
	}
	.rCaseDetailInfo dl dd p {
		margin-top: 16px;
	}
	.rCaseDetailInfo dl dd p:first-child {
		margin-top: 0;
	}
	.rCaseDetailInfo dl dd ul {
	}
	.rCaseDetailInfo dl dd ul li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.rCaseDetailInfo dl dd ul li:before {
		content: "●";
	}
	
	/*rCaseDetailClient*/
	.rCaseDetailClient {
		clear: both;
		padding-top: 20px;
	}
	.rCaseDetailClientImg {
		margin: 0 30px 15px;
	}
	.rCaseDetailClientImg p {
		margin-top: 6px !important;
		font-size: .9rem;
	}
	.rCaseDetailClientTxt {
	}
	
	/* こんなソリューションを実現しました */
	.rCaseDetailSol {}
	.rCaseDetailSolTitle {
		padding: 12px;
		background-color: #5b6771;
		color: #fff;
		font-size: 1.0rem;
		font-weight: bold;
	}
	.rCaseDetailSolBody {
	}
	.rCaseDetailSolBody dl {
		background-color: #ebeef0;
	}
	.rCaseDetailSolBody dl dt {
		position: relative;
		padding: 8px;
		text-align: center;
		color: #fff;
		font-size: 1.0rem;
		margin-bottom: 15px;
	}
	.rCaseDetailSolBody dl dd {
	}
	.rCaseDetailSolBefore {
		padding: 14px;
	}
	.rCaseDetailSolBefore dt {
		background-color: #3d3d3d;
	}
	.rCaseDetailSolBefore dd {
	}
	.rCaseDetailSolBefore::after {
		display: block;
		width: 55px;
		height: 46px;
		margin: 14px auto 0 auto;
		background: url("/business/case/images_global/r_case_detail_sol_arrow.png") no-repeat;
		background-size: 100%;
		content: '';
	}
	.rCaseDetailSolBefore dd p {
	}
	.rCaseDetailSolAfter {
		padding: 0 14px 14px;
	}
	.rCaseDetailSolAfter dt {
		background-color: #157777;
	}
	.rCaseDetailSolAfter dd {
	}
	.rCaseDetailSolAfter dd ul {
	}
	.rCaseDetailSolAfter dd ul li {
		padding-left: 1em;
		text-indent: -1em;
		margin-top: 6px;
		color: #157777;
		font-weight: bold;
	}
	.rCaseDetailSolAfter dd ul li:first-child {
		margin-top: 0;
	}
	.rCaseDetailSolAfter dd ul li:before {
		content: "・";
	}
	
	/* お客様の声 */
	.rCaseDetailVoice {
		margin-top: 30px;
	}
	.rCaseDetailVoiceTitle {
		padding: 7px 12px;
		border-left: 6px solid #295e71;
		background-color: #ebeef0;
		font-size: 1.1rem;
		font-weight: bold;
	}
	.rCaseDetailVoiceSection {
		margin: 30px 10px 0 10px;
	}
	.rCaseDetailVoiceSection:first-of-type {
		margin-top: 20px;
	}
	.rCaseDetailVoiceSectionTitle {
		padding: 2px 10px;
		margin-bottom: 10px;
		border-left: 5px solid #295e71;
		font-weight: bold;
	}
	.rCaseDetailVoiceSectionBody {
		padding-top: 15px;
		border-top: 1px solid #cbd2d7;
	}
	.rCaseDetailVoiceSectionTxt {
	}
	.rCaseDetailVoiceSectionTxt p {
		margin-top: 15px;
	}
	.rCaseDetailVoiceSectionTxt p:first-child {
		margin-top: 0;
	}
	.rCaseDetailVoiceSectionTxt p strong {
		color: #295e71;
	}
	.rCaseDetailVoiceSectionImg {
		margin: 20px 30px 0;
	}
	.rCaseDetailVoiceSectionImg p {
		font-size: .9rem;
		margin-top: 10px;
		line-height: 1.5;
	}
	
	/*記事下部*/
	.rCaseDetailBottom {
		position: relative;
		margin: 20px 0 0;
		text-align: right;
	}
	.rCaseDetailBottom p {
		display: inline-block;
		padding: 5px 14px;
		background-color: #ebeef0;
		font-size: .9rem;
	}
	.rCaseDetailBack {
		display: none;
	}
	
	/* 導入製品について */
	.rCaseDetailProduct {
		margin-top: 20px;
		padding: 10px;
		background-color: #ebeef0;
	}
	.rCaseDetailProductSection {
		margin-top: 32px;
	}
	.rCaseDetailProductSection:first-child {
		margin-top: 0;
	}
	.rCaseDetailProductSectionTitle {
		padding: 10px;
		background-color: #5b6771;
		color: #fff;
		font-weight: bold;
		line-height: 1.4;
	}
	.rCaseDetailProductSectionBody {
		margin-top: 20px;
	}
	.rCaseDetailProductSectionImg {
		margin: 0 30px;
	}
	.rCaseDetailProductSectionImg img {
		border: 1px solid #cecece;
	}
	.rCaseDetailProductSectionTxt {
		padding-top: 12px;
	}
	.rCaseDetailProductSectionTxt p {
	}
	.rCaseDetailProductSectionBtns {
		margin-top: 20px;
	}
	.rCaseDetailProductSectionInfo {
		margin-bottom: 10px;
	}
	a.rInfoBtn {
		position: relative;
		display: block;
		padding: 12px;
		background-color: #BC5A00;
		border-radius: 0.25em;
		text-decoration: none;
		color: #fff;
		font-weight: bold;
		text-align: center;
	}
	a.rInfoBtn .spInline {
		display: none;
	}
	.rCaseDetailProductSectionDetail {
	}
	.rCaseDetailProductSectionDetail a {
		display: block;
		padding: 12px;
		border: 1px solid #cbd2d7;
		border-radius: 4px;
		background-color: #fff;
		font-weight: bold;
		text-align: center;
	}
	.rCaseDetailProductSectionDetail a:link,
	.rCaseDetailProductSectionDetail a:visited,
	.rCaseDetailProductSectionDetail a:hover,
	.rCaseDetailProductSectionDetail a:active {
		color: #333;
		text-decoration: none;
	}
	.rCaseDetailProductSectionDetail a:before {
		display: inline-block;
		width: 8px;
		height: 10px;
		margin-right: 8px;
		vertical-align: 0px;
		background: url("/business/images_global/r_ico_link_01.png") no-repeat;
		background-size: 100%;
		content: '';
	}
}

/* PC */
@media print,
screen and (min-width: 768px) {

    /*タブ切り替え全体のスタイル*/
    .tabs__wrap {
        text-align: center;
        background-color: #fff;
        margin: 0 auto 60px auto;
    }

    /*タブのスタイル*/
    .tab__item {
        display: inline-block;
        border: 1px solid #B5B5B5;
        background-color: #E2E2E2;
        text-align: center;
        color: #565656;
        margin: 0 5px;
        padding: 10px 20px;
        min-width: 15em;
        font-size: 1.4rem;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .tab__item:hover {
        background-color: #fff;
    }

    /*ラジオボタンを全て消す*/
    input[name="tab__item"] {
        display: none;
    }

    /*タブ切り替えの中身のスタイル*/
    .tab__inner {
        display: none;
        margin-top: -1px;
        padding: 40px 40px 30px 40px;
        clear: both;
        overflow: hidden;
        border: 1px solid #B5B5B5;
    }

    .tab__inner ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: flex-start;
    }

    .tab__inner ul li {
        display: inline-block;
        background-color: #F5F5F5;
        border: 1px solid #DADADA;
        color: #3B4043;
        margin-right: 10px;
        margin-bottom: 10px;
        ;
        padding: 5px 10px;
        border-radius: 2px;
    }

    .tab__inner ul li a {
        text-decoration: none;
    }    

    /*選択されているタブのコンテンツのみを表示*/
    #all:checked ~ #all_content,
    #programming:checked ~ #programming_content,
    #design:checked ~ #design_content {
        display: block;
    }

    /*選択されているタブのスタイルを変える*/
    .tabs__wrap input:checked + .tab__item {
        background-color: #fff;
        border: 1px solid #B5B5B5;
        border-bottom: 1px solid #fff;
    }
	
	/*導入事例検索*/
	.rCatSearch {
		border: 1px solid #ececec;
		background-color: #f8f6f6;
		padding: 20px;
		margin-bottom: 60px;
	}
	.rCatSearch-txt {
		color: #716f63;
		margin-bottom: 30px;
	}
	#cateSearchForm {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 30px;
	}
	.rCatSearchList {
		position: relative;
		width: 49%;
	}
	.rCatSearchSelect {
		position: relative;
		width: 49%;
	}
	.rCatSearch-ttl {
		font-size: 1.3rem;
		font-weight: bold;
		color: #716f63;
		margin-bottom: 10px;
	}
	.display_selectedItem {
		position: relative;
		min-height: 35px;
		padding: 5px 10px;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		box-sizing: border-box;
		cursor: pointer;
		z-index: 1;
	}
	.display_selectedItem::after {
		position: absolute;
		content: '';
		display: block;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #716f63 transparent transparent transparent;
	}
	.display_selectedItem.active::after {
		border-width: 0 5px 5px 5px;
		border-color: transparent transparent #716f63 transparent;
	}
	.select_box {
		position: absolute;
		width: 100%;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		opacity: 0;
		visibility: hidden;
		box-sizing: border-box;
		overflow: hidden;
		z-index: 2;
		transition: all .3s;
	}
	.select_box.active {
		opacity: 1;
		visibility: visible;
	}
	.select_box li span,
	.select_box li a {
		display: block;
		padding: 5px 10px;
		cursor: pointer;
		text-decoration: none;
	}
	.select_box li a.active,
	.select_box li a:hover {
		background-color: #716f63;
		color: #fff;
	}
	.rCatSearch-btn {
		text-align: center;
	}
	.rCatSearch-btn .btn {
		display: inline-block;
	}
	.rCatSearch-btn .btn a {
		display: block;
		font-size: 1.2rem;
		text-decoration: none;
		padding: 10px 50px;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
        transition: all 0.3s;
	}
	.rCatSearch-btn .btn a:hover {
		color: #fff;
		background-color: #716F63;
	}
	
	/**/
    .case__inner--list {}
    .case__inner--list .indexList {
        width: 100%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .case__inner--list .item {
        width: calc((100% - 6%) / 3);
        text-align: center;
        font-size: 1.0rem;
        line-height: 1.3;
        align-items: center;
        box-sizing: border-box;
        margin-right: 3%;
        margin-bottom: 5%;
    }
    .case__inner--list .item:nth-child(3n) {
        margin-right: 0;
    }
    .case__inner--list .item > div {
        text-decoration: none;
        width: 100%;
    }
    .case__inner--list .item > div > .p {}
    .case__inner--list .item > div > .btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 10px;
    }
    .case__inner--list .item > div > .btn li {
        margin-top: 15px;
        width: 48%;
    }
    .case__inner--list .item > div > .btn li a {
        background-color: #716F63;
        color: #fff;
        display: block;
        border-radius: 4px;
        padding: 20px 5px;
        text-decoration: none;
    }
    .case__inner--list .item > div > .btn li.movie a span {
        display: inline-block;
        padding-left: 20px;
        background-image: url("/business/common/images/ic_movie_.svg");
        background-size: 15px 15px;
        background-position: left center;
        background-repeat: no-repeat;
    }
    .case__inner--list .item > div > .btn li a:hover {
        opacity: 0.5;
        transition: all 0.8s;
    }
    .case__inner--list .item > div > .t {
        width: 100%;
        text-align: left;
        padding: 10px;
        box-sizing: border-box;
    }
    .case__inner--list .item > div > .t > h3 {
        color: #716F63;
        font-size: 1.5rem;
        margin-bottom: 0.5em;
    }
    .case__inner--list .item > div > .t > p {}
	
	.case__inner--list .rPanel {
		width: calc((100% - 6%) / 3);
        text-align: center;
        font-size: 1.0rem;
        line-height: 1.5;
        align-items: center;
        box-sizing: border-box;
        margin-right: 3%;
		margin-bottom: 3%;
		padding-bottom: 3%;
		border-bottom: 1px dotted #ccc;
	}
    /*IE11ハック*/
    _:-ms-fullscreen, :root .case__inner--list .rPanel {
        width: 31.33%;
    }
	.case__inner--list .rPanel:nth-child(3n) {
        margin-right: 0;
    }	
	.case__inner--list .rPanelThumb a {
		position: relative;
	}
	.case__inner--list .rPanelThumb a .alt {
		display: none;
	}
	.case__inner--list .rCasePanelTit a {
		display: block;
		text-align: left;
		text-decoration: none;
		padding: 15px;
	}
	.case__inner--list .rCasePanelTit a .icon {
		display: none;
	}
	.case__inner--list .rCasePanelTit a .title {
		font-size: 1.5rem;
		color: #716F63;
		margin-bottom: 0.5em;
	}
	.case__inner--list .rCasePanelTit a .title .ico-new {
		position: relative;
		top: -4px;
		display: inline-block;
		font-size: 0.85rem;
		color: #fff;
		line-height: 1;
		margin-left: 10px;
		padding: 5px;
		background-color: #c00;
	}
	.case__inner--list .rPanelTxt {
		text-align: left;
		padding: 0 15px 20px;
	}
	.case__inner--list .rCasePanelInfo {
		text-align: left;
		padding: 0 15px;
	}
	.case__inner--list .rCasePanelInfo dl {
		display: inline-block;
	}
	.case__inner--list .rCasePanelInfo dl dt {
		display: none;
	}
	.case__inner--list .rCasePanelInfo dl dd {
		display: inline-block;
		background-color: #f5f5f5;
		border: 1px solid #dadada;
		color: #3b4043;
		font-size: 0.9rem;
		margin-right: 3px;
		margin-bottom: 10px;
		padding: 3px 10px;
		border-radius: 1em;
	}
	.case__inner--list .rPanelLinks {
		display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
		margin-top: 25px;
		padding: 10px;
	}
	.case__inner--list .rPanelLinks .rBtnLink {
		position: relative;
		display: block;
		color: #fff;
		background-color: #716f63;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
		padding: 20px 5px;
		transition: all 0.8s;
	}
	.case__inner--list .rPanelLinks .rBtnLink:hover {
		opacity: 0.5;
	}
	.case__inner--list .rPanelLinks .rPanelDetail {
		width: 48%;
	}
	.case__inner--list .rPanelLinks .rPanelMovie {
		width: 48%;
	}
	.case__inner--list .rPanelLinks .rPanelMovie .rBtnLink::before {
		position: relative;
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		top: 2px;
		left: -5px;
		background-image: url(/business/common/images/ic_movie_.svg);
        background-size: 15px 15px;
        background-position: left center;
        background-repeat: no-repeat;
	}
	
	/*ページネーション*/
	#footerPaginate {
		margin-top: 30px;
	}
	#footerPaginate .footerPaginate__inner {
		width: 100%;
		margin: 0 auto;
		border: 1px solid #ececec;
		background-color: #f8f6f6;
		padding: 20px;
		box-sizing: border-box;
		overflow: hidden;
	}
	#footerPaginate .footerPaginate__inner > div {
		width: 40%;
	}
	#footerPaginate .footerPaginate__inner > div a {
		position: relative;
		display: block;
		border: 1px solid #333;
		text-align: center;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-radius: 5px;
		padding: 15px;
		box-sizing: border-box;
		transition: all 0.3s;
	}
	#footerPaginate .footerPaginate__inner > div a:hover {
		color: #fff;
		background-color: #716F63;
	}
	#footerPaginate .footerPaginate__inner .next {
		float: right;
	}
	#footerPaginate .footerPaginate__inner .prev {
		float: left;
	}
	#footerPaginate .footerPaginate__inner .prev a::before {
		position: absolute;
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-left: solid 2px #716f63;
		border-bottom: solid 2px #716f63;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		left: 20px;
		margin-top: -5px;
	}
	#footerPaginate .footerPaginate__inner .prev a:hover::before {
		border-left: solid 2px #fff;
		border-bottom: solid 2px #fff;
	}
	#footerPaginate .footerPaginate__inner .next a::after {
		position: absolute;
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #716f63;
		border-right: solid 2px #716f63;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 50%;
		right: 20px;
		margin-top: -5px;
	}
	#footerPaginate .footerPaginate__inner .next a:hover::after {
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
	}

    /*動画ライブラリーのスタイル追加*/
    #contents__business--movies .tab__inner {
        display: block;
    }
    #contents__business--movies .case__inner--list .item {
        border: #dbdacb 1px solid;
    }
    #contents__business--movies .case__inner--list .item > div > .btn {
        justify-content: center;
    }
    #contents__business--movies .t p:nth-of-type(2) {
        margin-top: 10.5px;
    }
    #contents__business--movies .l {
        padding: 8px;
        background-color: #ebeef0;
        text-align: center;
    }
	
	/*選択中*/
	.spCatSelected {
		display: none;
	}
	
	/*-------詳細ページ-------*/
	/*rCaseTit*/
	#rCaseTit {
		margin-bottom: 30px;
	}
	#rCaseTit .rContentTitArea {
		position: relative;
		padding: 15px 165px 15px 20px;
		border-left: 6px solid #295e71;
	}
	#rCaseTit .rContentTitArea .rContentTit {
		font-size: 2.0rem;
	}
	#rCaseTit .rContentTitArea .rCasePdf {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		padding: 1em 1.6em;
		background-color: #ebeef0;
		border-radius: 0.4em;
		font-size: 1rem;
		line-height: 1;
	}
	#rCaseTit .rContentTitArea .rCasePdf:before {
		display: inline-block;
		width: 15px;
		height: 15px;
		margin-right: 0.4em;
		background: url("/business/images_global/r_ico_pdf.png") no-repeat;
		content: '';
	}
	
	/*rCaseDetailHead*/
	.rCaseDetailHead {
		margin: 0 auto 40px;
	}
	.rCaseDetailCatch {
		display: block;
		margin-bottom: 30px;
		color: #295e71;
		font-size: 1.2rem;
		font-weight: bold;
	}
	.rCaseDetailImage {
		float: left;
		width: 48%;
	}
	.rCaseDetailImage .movieWrap .overlay p {
		display: none;
	}
	.movieYoutube {
		position: relative;
		padding-top: 56.25%;
	}
	.movieYoutube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.rCaseDetailInfo {
		margin-top: 30px;
	}
	.clearfix .rCaseDetailInfo {
		float: right;
		width: 48%;
		margin-top: 0;
	}
	.rCaseDetailInfo dl {
		margin-top: 10px;
		font-size: 1.0rem;
	}
	.rCaseDetailInfo dl:first-child {
		margin-top: 0;
	}
	.rCaseDetailInfo dl dt {
		width: 100px;
		padding: 6px 0;
		margin-bottom: 12px;
		background-color: #3d3d3d;
		color: #fff;
		font-size: 1.0rem;
		text-align: center;
	}
	.rCaseDetailInfo dl.clearfix dt {
		float: left;
		margin-bottom: 0;
		margin-right: 12px;
	}
	.rCaseDetailInfo dl dd {
		padding: 4px 0;
	}
	.rCaseDetailInfo dl dd p {
		margin-top: 16px;
	}
	.rCaseDetailInfo dl dd p:first-child {
		margin-top: 0;
	}
	.rCaseDetailInfo dl dd ul {
	}
	.rCaseDetailInfo dl dd ul li {
		padding-left: 1em;
		text-indent: -1em;
	}
	.rCaseDetailInfo dl dd ul li:before {
		content: "●";
	}
	
	/*rCaseDetailClient*/
	.rCaseDetailClient {
		clear: both;
		padding-top: 26px;
	}
	.rCaseDetailClientImg {
		float: left;
		width: 30%;
	}
	.rCaseDetailClientImg p {
		margin-top: 6px !important;
		font-size: .9rem;
	}
	.rCaseDetailClientTxt {
		float: right;
		width: 67%;
	}
	
	/* こんなソリューションを実現しました */
	.rCaseDetailSol {}
	.rCaseDetailSolTitle {
		padding: 12px;
		background-color: #5b6771;
		color: #fff;
		font-size: 1.1rem;
		font-weight: bold;
	}
	.rCaseDetailSolBody {
	}
	.rCaseDetailSolBody dl {
		padding: 20px;
		background-color: #ebeef0;
	}
	.rCaseDetailSolBody dl dt {
		float: left;
		position: relative;
		width: 140px;
		padding: 14px 0;
		text-align: center;
		color: #fff;
		font-size: 1.1rem;
	}
	.rCaseDetailSolBody dl dd {
		float: right;
	}
	.rCaseDetailSolBefore dt {
		background-color: #3d3d3d;
	}
	.rCaseDetailSolBefore dt:after {
		position: absolute;
		left: 50px;
		bottom: -40px;
		width: 38px;
		height: 32px;
		background: url("/business/case/images_global/r_case_detail_sol_arrow.png") no-repeat;
		background-size: 100%;
		content: '';
	}
	.rCaseDetailSolBefore dd {
		width: calc(100% - 140px - 30px);
		padding-left: 30px;
	}
	.rCaseDetailSolBefore dd p {
		font-size: 14px;
	}
	.rCaseDetailSolBefore dd ul li:before {
		content: "・";
	}
	.rCaseDetailSolAfter {
		margin-top: 1px;
	}
	.rCaseDetailSolAfter dt {
		background-color: #157777;
	}
	.rCaseDetailSolAfter dd {
		width: calc(100% - 140px - 30px);
		padding-left: 30px;
	}
	.rCaseDetailSolAfter dd ul {
		font-size: 1.1rem;
		line-height: 1.5;
	}
	.rCaseDetailSolAfter dd ul li {
		padding-left: 1em;
		text-indent: -1em;
		margin-top: 6px;
		color: #157777;
		font-weight: bold;
	}
	.rCaseDetailSolAfter dd ul li:first-child {
		margin-top: 0;
	}
	.rCaseDetailSolAfter dd ul li:before {
		content: "・";
	}
	
	/* お客様の声 */
	.rCaseDetailVoice {
		margin-top: 50px;
	}
	.rCaseDetailVoiceTitle {
		padding: 12px 16px;
		border-left: 6px solid #295e71;
		background-color: #ebeef0;
		font-size: 1.4rem;
		font-weight: bold;
	}
	.rCaseDetailVoiceSection {
		margin: 40px 20px 0 20px;
	}
	.rCaseDetailVoiceSection:first-child {
		margin-top: 32px;
	}
	.rCaseDetailVoiceSectionTitle {
		padding: 2px 10px;
		margin-bottom: 10px;
		border-left: 5px solid #295e71;
		font-size: 1.35rem;
		font-weight: bold;
	}
	.rCaseDetailVoiceSectionBody {
		padding-top: 28px;
		border-top: 1px solid #cbd2d7;
	}
	.rCaseDetailVoiceSectionTxt {
		float: left;
		width: 60%;
	}
	.rCaseDetailVoiceSectionTxt p {
		margin-top: 24px;
	}
	.rCaseDetailVoiceSectionTxt p:first-child {
		margin-top: 0;
	}
	.rCaseDetailVoiceSectionTxt p strong {
		color: #295e71;
		font-size: 1.2rem;
	}
	.rCaseDetailVoiceSectionImg {
		float: right;
		width: 36%;
		padding-top: 14px;
	}
	.rCaseDetailVoiceSectionImg p {
		margin-top: 16px;
		line-height: 1.55;
	}
	
	/*記事下部*/
	.rCaseDetailBottom {
		position: relative;
		margin: 42px 20px 0 20px;
		text-align: right;
	}
	.rCaseDetailBottom p {
		display: inline-block;
		padding: 5px 14px;
		background-color: #ebeef0;
		font-size: .9rem;
	}
	.rCaseDetailBack {
		position: absolute;
		left: 0;
		top: -12px;
	}
	.rCaseDetailBack a {
		display: block;
		padding: 14px 24px;
		border: 1px solid #cbd2d7;
		border-radius: 0.25em;
		text-decoration: none;
		color: #333;
		font-size: 1.1rem;
		font-weight: bold;
		transition: all 0.8s;
	}
	.rCaseDetailBack a:before {
		display: inline-block;
		width: 8px;
		height: 10px;
		margin-right: 14px;
		background: url("/business/images_global/r_ico_prev_01.png") no-repeat;
		background-size: 100%;
		content: '';
	}
	.rCaseDetailBack a:hover {
		opacity: 0.8;
	}
	
	/* 導入製品について */
	.rCaseDetailProduct {
		margin-top: 50px;
		padding: 20px;
		background-color: #ebeef0;
	}
	.rCaseDetailProductSection {
		margin-top: 32px;
	}
	.rCaseDetailProductSection:first-child {
		margin-top: 0;
	}
	.rCaseDetailProductSectionTitle {
		padding: 14px;
		background-color: #5b6771;
		color: #fff;
		font-size: 1.2rem;
		font-weight: bold;
	}
	.rCaseDetailProductSectionBody {
		margin-top: 20px;
	}
	.rCaseDetailProductSectionImg {
		float: left;
		width: 27%;
	}
	.rCaseDetailProductSectionImg img {
		border: 1px solid #cecece;
	}
	.rCaseDetailProductSectionTxt {
		float: right;
		width: 70%;
		padding-top: 12px;
	}
	.rCaseDetailProductSectionTxt p {
		font-size: 1.1rem;
	}
	.rCaseDetailProductSectionBtns {
		margin-top: 26px;
	}
	.rCaseDetailProductSectionInfo {
		float: left;
		margin-right: 10px;
	}
	a.rInfoBtn {
		position: relative;
		display: block;
		padding: 12px 30px;
		background-color: #BC5A00;
		border-radius: 0.25em;
		text-decoration: none;
		color: #fff;
		font-size: 1.1rem;
		font-weight: bold;
		text-align: center;
		transition: all 0.8s;
	}
	a.rInfoBtn .spInline {
		display: none;
	}
	a.rInfoBtn:hover {
		opacity: 0.6;
	}
	.rCaseDetailProductSectionInfo a:before {
		width: 19px;
		height: 19px;
	}
	.rCaseDetailProductSectionDetail {
		float: left;
	}
	.rCaseDetailProductSectionDetail a {
		display: block;
		padding: 12px 30px;
		border: 1px solid #cbd2d7;
		border-radius: 4px;
		background-color: #fff;
		text-align: center;
		font-size: 1.1rem;
		font-weight: bold;
		-webkit-transition: opacity .2s linear;
		transition: opacity .2s linear;
	}
	.rCaseDetailProductSectionDetail a:link,
	.rCaseDetailProductSectionDetail a:visited,
	.rCaseDetailProductSectionDetail a:hover,
	.rCaseDetailProductSectionDetail a:active {
		color: #333;
		text-decoration: none;
	}
	.rCaseDetailProductSectionDetail a:hover {
		opacity: 0.8;
	}
	.rCaseDetailProductSectionDetail a:before {
		display: inline-block;
		width: 8px;
		height: 10px;
		margin-right: 8px;
		vertical-align: 0px;
		background: url("/business/images_global/r_ico_link_01.png") no-repeat;
		background-size: 100%;
		content: '';
	}
	
}