.swiper-container {
		width: 100%;
		height: 100vh;
	}
	#yri-cat .XB-Area {}

	#side_w .XB-Area {}

	#yri-cat .XB-Area .logoXB {
		width: 100%;
		height: 50px;
		display: block;
		margin: 0 0 1.6em;
		padding: 0;
		position: relative;
	}

	#yri-cat .XB-Area .logoXB .logoImg {
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/banner_xbusiness.png) no-repeat -12px center;
		width: 100%;
		height: 100%;
		display: block;
		background-size: 50%;
		/*contain;*/
	}

	#yri-cat .XB-Area .topSlider {
		display: block;
		width: 100%;
		height: auto;
		background: #efefef;
	}

	#yri-cat .XB-Area .topSlider .w100p {
		width: 100%;
	}

	#yri-cat .XB-Area .topSlider .w80p {
		width: 80%;
	}

	#yri-cat .XB-Area .topSlider .w60p {
		width: 60%;
	}

	.youtube2 {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}

	.youtube2 iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}

	#yri-cat .XB-Area a.list-box {
		border-top: solid 1px #ccc;
		border-left: solid 1px #ccc;
		border-right: solid 1px #ccc;
		border-bottom: solid 1px #ccc;
		border-radius: 3px;
		width: 100%;
		float: left;
		margin: 0.4em auto;
		padding: 1.2em 0 0;
		color: #2f3279;
		box-shadow: 0.1em 0.1em 0.1em #ddd;
	}

	#yri-cat .XB-Area a.list-box:hover {
		background-color: rgba(186, 224, 251, 0.6);
		border: solid 1px #2f3279;
		color: #2569B1;
	}

	#yri-cat .XB-Area a.xb-top-Box {
		display: block;
		width: 100%;
		height: 12em;
		background-color: #ccc;
		background-image: linear-gradient(-5deg, #a1c4fd 0%, #c2e9fb 100%);
		margin: 0 auto 0.0em;
		padding: 0.4em 0.8em;
		position: relative;
		z-index: 1;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	#yri-cat .XB-Area a.xb-top-Box:hover {
		background-image: linear-gradient(-5deg, #a1c4fd 100%, #c2e9fb 0%);
	}

	#yri-cat .XB-Area .xb-top-Box p {
		font-size: 14.75pt;
		font-weight: 300;
		line-height: 1.4em;
		margin: 0 auto;
		padding: 0.8em 0.4em;
		color: #333;
		position: absolute;
		bottom: 0;
		z-index: 10;
	}

	#yri-cat .XB-Area .xb-top-Box p.engin1 {
		font-size: 14.75pt;
		position: absolute;
		top: 10%;
		transform: rotate(-1.5deg);
		letter-spacing: -0.08em;
		left: 0;
		line-height: 1.8em;
		padding-right: 0;
	}

	#yri-cat .XB-Area .xb-top-Box p.engin1 span {
		font-size: 22.25pt;
		color: magenta;
		font-weight: 400;
	}

	#yri-cat .XB-Area .xb-top-Box p.engin2 {
		text-shadow: 1px 1px 3px #eee;
		font-weight: 600;
	}

	#yri-cat .XB-Area .xb-top-Box p.crm1 {
		font-size: 13.75pt;
		position: absolute;
		top: 10%;
		transform: rotate(-1.5deg);
		letter-spacing: -0.0em;
		left: 0;
		line-height: 1.5em;
		padding-right: 0;
	}

	#yri-cat .XB-Area .xb-top-Box p.crm2 {
		text-shadow: 1px 1px 3px #eee;
		font-weight: 600;
	}

	#yri-cat .XB-Area .xb-top-Box p.crm1 span.crm3 {
		font-size: 13.75pt;
		color: #2f3279;
		margin: 0 0.2em;
		font-weight: 400;
	}

	#yri-cat .XB-Area .xb-top-Box p.crm1 span.crm4 {
		font-size: 17.75pt;
		color: #2f3279;
		margin: 0 0.1em;
		font-weight: 400;
		letter-spacing: -0.10em;
	}

	#yri-cat .XB-Area .xb-top-Box .popup-btn {
		position: absolute;
		z-index: 2 bottom: 0;
		right: 0;
		bottom: 0;
		display: block;
		width: auto;
		height: auto;
		border-top: 110px solid transparent;
		border-right: 100px solid #f6da69;
	}

	#yri-cat .XB-Area .xb-top-Box .popup-btn:after {
		content: "詳細は\aこちら";
		white-space: pre;
		font-size: 8.75pt;
		position: absolute;
		display: block;
		bottom: 0.8em;
		left: 5em;
		line-height: 1.2em;
	}

	#yri-cat .XB-Area .xb-top-Box .logo-crm {
		display: block;
		background-image: url(img/x_crm.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 7.6em;
		position: absolute;
		z-index: 10;
	}

	#yri-cat .XB-Area .xb-top-Box .logo-engine {
		display: block;
		background-image: url(img/x_engine.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 7.6em;
		position: absolute;
		z-index: 10;
	}

	#yri-cat .XB-Area .list-mlr-row {
		/*
		margin-left: -15px;
		margin-right: -0px;
		*/
	}

	#yri-cat .XB-Area .list-text {
		color: #3b3b3b;
		line-height: 1.2em;
		border-top: solid 1px #ccc;
		margin-left: -15px;
		margin-right: -15px;
	}

	#yri-cat .XB-Area .list-bb {
		border-bottom: solid 1px #ccc;
		padding-bottom: 0.8em;
		padding-top: 0.8em;
	}

	#yri-cat .XB-Area .list-bl {
		border-left: solid 1px #ccc;
		padding-bottom: 0.8em;
	}

	#yri-cat .XB-Area p {
		margin: 0.4em 0;
		line-height: 1.2em;
		padding: 0;
	}

	#side_w .XB-Area .p-title {
		font-size: 1.0em;
		text-align: left;
		/*justify;*/
		font-weight: 600;
	}

	#side_w .XB-Area .p-date {
		font-size: 0.8em;
		text-align: right;
		/*		border-top: dotted 1px #ccc;*/
		margin: 0.8em -15px 0.0em;
		padding: 0 15px 0;
		/*background-color: #ccc;*/
	}

	.fixed-panel {
		min-height: 25em;
		max-height: 20em;
		/*50em;*/
		overflow-y: scroll;
	}

	#yri-cat .XB-Area .arrow-poji-l {
		position: absolute;
		top: 48%;
		left: 1.0em;
		color: rgba(255, 255, 255, 0.8);
		/*#fff;*/
		font-size: 1.8em;
	}

	#yri-cat .XB-Area .arrow-poji-r {
		position: absolute;
		top: 48%;
		right: 1.0em;
		color: rgba(255, 255, 255, 0.8);
		/*#fff;*/
		font-size: 1.8em;
	}

	#yri-cat .XB-Area .xbusiness-MR {}

	#yri-cat .XB-Area .xbusiness-MR .mr-detail {
		border-top: solid 1px #ccc;
		padding: 0.4em 0.4em;
		margin: 0.8em 0 0 auto;
	}

	#yri-cat .XB-Area .xbusiness-MR .mr-detail p {
		color: #3b3b3b;
		line-height: 1.4em;
		margin: 0.4em 0 0.8em;
	}

	#yri-cat .XB-Area .xbusiness-MR ul {
		border-top: solid 1px #ccc;
		color: #3b3b3b;
		padding: 0.4em 0.4em 0;
	}

	@media screen and (max-width: 1000px) {
		#yri-cat .XB-Area br {
			display: none;
		}

		#yri-cat .XB-Area .list-bl {
			border-left: none;
		}
	}

	/* video ------------------------- */
	.video {
		position: relative;
		height: 0;
		padding: 0 0 56.25%;
		/*overflow: hidden;*/
	}

	.video iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}