@charset "utf-8";
@import url("/common/css/rn03/fonts.css");
/* ****************************************************************************

目次

-------------------------------------------------------------------------------

  00. モジュール

******************************************************************************* */
/* ==

  00. モジュール

=============================================================================== */
/* 基本
------------------------------------------------------------------------------- */
.container {
	min-width: 950px;
}
#subHeader.funcFix .fixArea {
	position: relative !important;
}
#subHeader.op_type02 p {
	margin: 0;
}
#topicPath {
	padding: 0 20px;
	min-width: 950px;
	box-sizing: border-box;

}
#topicPath .baseIn {
	width: auto;
	max-width: 1240px;
}
#topicPath p {
}
	
.container {
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.caseContent {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.zebContent {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
	color: #000;
}
p {
	line-height: 1.8125;
	margin: 0 0 20px;
	font-size: 134%;
	font-weight: 400;
}
p:last-child {
	margin-bottom: 0;
}
img {
	max-width: 100%;
	height: auto;
}
/* ボタン
------------------------------------------------------------------------------- */
.caseBtn01 {
	line-height: 1;
	margin: 40px 0 0;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
}
.caseBtn01 a {
	display: inline-block;
	position: relative;
	line-height: 1.5;
	padding: 10px 106px 10px 18px;
	border: 2px solid #32A86D;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.caseBtn01 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 18px;
	width: 17px;
	height: 8px;
	margin: -4px 0 0;
	background: url(../images/rn/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
/* 見出し
------------------------------------------------------------------------------- */
.caseHeading01 {
	max-width: 1040px;
	margin: 60px auto 40px;
}
.caseHeading01_tit {
	line-height: 1.5;
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 22px 63px;
	border-bottom: 1px solid #D7DBD9;
	color: #000;
	font-size: 267%;
	font-weight: 700;
}
.caseHeading01_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.1em;
	left: 0;
	width: 48px;
	height: 48px;
	background: url(../images/rn/heading_ico06.svg) center center no-repeat;
}
.caseHeading01_tag {
	margin: 0;
	font-size: 109%;
	font-weight: 500;
	letter-spacing: -0.5em;
}
.caseHeading01_tag li {
	display: inline-block;
	line-height: 26px;
	margin: 10px 10px 0 0;
	padding: 0 16px;
	border: 1px solid #BCD6CE;
	border-radius: 14px;
	background-color: #fff;
	color: #333;
	letter-spacing: normal;
	box-sizing: border-box;
}
.caseHeading01_tag sup {
	zoom: .7;
	vertical-align: 4px;
}
.caseHeading02 {
	line-height: 1.5;
	margin: 60px 0 20px;
	font-size: 167%;
	font-weight: 700;
}
.caseHeading03 {
	position: relative;
	line-height: 1.214;
	margin: 80px 0 40px;
	padding: 13px 0 13px 36px;
	background-color: #F4F4F4;
	color: #000;
	font-size: 234%;
	font-weight: 700;
}
.caseHeading03::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 6px;
	background-color: #32A86D;
}
.caseHeading04 {
	line-height: 1.5;
	margin: 30px 0 19px;
	color: #000;
	font-size: 167%;
	font-weight: 700;
}
/* ギャラリー
------------------------------------------------------------------------------- */
.caseGallery01 {
	position: relative;
	margin: 0 0 60px;
	overflow: hidden;
}
.caseGallery01_loader {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	background: url(/common/images/rn04/svg/loading_ico01.svg) center center no-repeat;
	background-size: contain;
}
.caseGallery01_in {
	opacity: 0;
	transition: opacity .3s;
}
.caseGallery01_in-show {
	opacity: 1;
}
.caseGallery01_item {
	position: relative;
	max-width: 1050px;
}
@media only screen and (max-width: 1200px) {
	.caseGallery01_item {
		max-width: 900px;
	}
}
.caseGallery01_pager {
	display: block;
	max-width: 1050px;
	line-height: 1;
	margin: 20px auto 0;
	padding: 0 20px;
	font-size: 0;
}
.caseGallery01_pager .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 5px;
	margin: 0 5px 0 0;
	border-radius: 0;
	background-color: #32A86D;
	opacity: .2;
}
.caseGallery01_pager .swiper-pagination-bullet-active {
	background-color: #32A86D;
	opacity: 1;
}
.caseGallery01_btn {
	display: none;
	position: absolute;
	top: 50%;
	width: 80px;
	height: 80px;
	margin: -57px 0 0;
	z-index: 1;
	cursor: pointer;
	opacity: 0;
}
.caseGallery01_btn-show {
	opacity: 1;
}
.caseGallery01_btn.swiper-button-disabled {
	display: none;
}
.caseGallery01_caption {
	position: absolute;
	right: 8px;
	bottom: 6px;
	line-height: 1.5;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
}
/* リード
------------------------------------------------------------------------------- */
.caseLead01 {
	margin: 60px auto;
}
.caseLead01_txt {
	line-height: 1.75;
	margin: 0 0 21px;
	font-size: 134%;
	font-weight: 400;
}
/* 〇〇〇〇の声
------------------------------------------------------------------------------- */
.caseVoice01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 20px auto;
	padding: 30px;
	background-color: #E9F5F1;
}
.caseVoice01-fluid {
	display: block;
}
.caseVoice01_info {
	width: -webkit-calc(100% - 300px);
	width: calc(100% - 300px);
	padding: 2px 60px 0 0;
	box-sizing: border-box;
}
.caseVoice01_tit {
	position: relative;
	min-height: 34px;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 0 0 0 52px;
	color: #000;
	font-size: 167%;
	font-weight: 700;
}
.caseVoice01_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 34px;
	background: url(../images/rn/voice_ico01.svg) center center no-repeat;
}
.caseVoice01_img {
	width: 300px;
}
.caseVoice01_caption {
	line-height: 1.5;
	margin: 10px 0 0;
	color: #666;
	font-size: 117%;
	font-weight: 400;
}
.caseVoice01_caption-r {
	max-width: 300px;
	margin-left: auto;
}
/* レイアウト
------------------------------------------------------------------------------- */
.caseBlock01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	color: #000;
}
.caseHeading02 + .caseBlock01 {
	margin-top: 0;
}
.caseBlock01_item {
	width: 48.077%;
	max-width: 500px;
}
.caseBlock01_info {
	margin: 20px 0 0;
}
.caseBlock01_tit {
	line-height: 1.3;
	margin: 0 0 20px;
	font-size: 167%;
	font-weight: 700;
}
.caseBlock02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	color: #000;
}
.caseHeading02 + .caseBlock02 {
	margin-top: 0;
}
.caseBlock02_info {
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
	padding: 0 50px 0 0;
	box-sizing: border-box;
}
.caseBlock02_txt {
	line-height: 1.75;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
.caseBlock02_img {
	width: 400px;
}
/* リスト
------------------------------------------------------------------------------- */
.caseList01 {
	line-height: 1.625;
	font-size: 134%;
	font-weight: 400;
}
.caseList01 li {
	position: relative;
	margin: 25px 0 0;
	padding: 0 0 0 20px;
}
.caseList01 li:first-child {
	margin-top: 0;
}
.caseList01 li::before {
	content: "";
	display: block;
	position: absolute;
	top: .6em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background-color: #32A86D;
}
/* sdgs
------------------------------------------------------------------------------- */
.caseSdgs01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;	
}
.caseSdgs01_info {
	width: 61.538%;
	padding: 0 50px 0 0;
	box-sizing: border-box;
}
.caseSdgs01_img {
	width: 38.462%;
	max-width: 400px;
}
.caseSdgs02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 210px;
}
.caseSdgs02 li {
	width: -webkit-calc(50% - 5px);
	width: calc(50% - 5px);
	margin: 10px 0 0;
}
.caseSdgs02 li:nth-child(1),
.caseSdgs02 li:nth-child(2) {
	margin-top: 0;
}
/* データ
------------------------------------------------------------------------------- */
.caseData01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 0 0 60px;
}
.caseData01_block {
	width: 30.769%;
}
.caseData01_list dt {
	line-height: 1.833;
	margin: 20px 0 10px;
	padding: 6px 16px;
	background-color: #E9F5F1;
	font-size: 100%;
	font-weight: 400;
}
.caseData01_list dt:first-child {
	margin-top: 0;
}
.caseData01_list dd {
	line-height: 1.625;
	padding: 0 16px;
	font-size: 134%;
	font-weight: 400;
}
.caseData01_list sup {
	margin: 0;
	font-size: 65%;
	vertical-align: 3px;
}
/* SDGs
------------------------------------------------------------------------------- */
.caseLogo01 {
	margin: 40px 0 80px;
}
.caseLogo01_in {
	padding: 30px;
	border: 10px solid #EBF7FC;
	box-sizing: border-box;
}
.caseLogo01_block {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 815px;
	margin: 0 auto;
}
.caseLogo01_img {
	width: 190px;
}
.caseLogo01_info {
	width: -webkit-calc(100% - 195px);
	width: calc(100% - 195px);
	padding: 0 0 0 50px;
	box-sizing: border-box;	
}
.caseLogo01_txt {
	line-height: 1.722;
	margin: 0;
	color: #333;
	font-size: 150%;
	font-weight: 500;
	letter-spacing: -0.01em;
}
/* アンカー
------------------------------------------------------------------------------- */
.caseAnchor01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 0 -500% 40px;
	padding: 60px 500%;
	background-color: #E9F5F1;
}
.caseAnchor01_head {
	width: 20.564%;
	padding: 15px 0 0;
}
.caseAnchor01_tit {
	position: relative;
	line-height: 1.1;
	margin: 0;
	padding: 16px 0 0 87px;
	color: #32A86D;
	font-size: 167%;
	font-weight: 700;
}
.caseAnchor01_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 3px;
	width: 64px;
	height: 64px;
	background: url(../images/rn/anchor_ico01.svg) center center no-repeat;
	background-size: contain;
}
.caseAnchor01_body {
	width: 78.63%;
}
.caseAnchor01_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.466;
	font-size: 125%;
	font-weight: 700;
}
.caseAnchor01_item {
	width: -webkit-calc(20% - 4px);
	width: calc(20% - 4px);
	margin: 5px 5px 0 0;
}
.caseAnchor01_item:nth-child(1),
.caseAnchor01_item:nth-child(2),
.caseAnchor01_item:nth-child(3),
.caseAnchor01_item:nth-child(4),
.caseAnchor01_item:nth-child(5) {
	margin-top: 0;
}
.caseAnchor01_item:nth-child(5n) {
	margin-right: 0;
}
.caseAnchor01_wrap {
	display: block;
	position: relative;
	height: 100%;
	padding: 20px 10px 39px;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
.caseAnchor01_wrap::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	background: url(../images/rn/arw_ico02.svg) center center no-repeat;
	background-size: 9px auto;
}
/* 見出し
------------------------------------------------------------------------------- */
.zebVisual01 {
	margin: 0 0 60px;
	padding: 0 20px;
	background: url(../images/rn/visual_bg01.jpg) center center no-repeat;
	background-size: cover;
}
.zebVisual01_in {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 1180px;
	height: 480px;
	margin: 0 auto;
}
.zebVisual01_tit {
	width: 319px;
	line-height: 1;
	margin: 0;
	font-size: 10px;
}
.zebHeading01 {
	margin: 0 0 60px;
	padding: 0 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.zebHeading01-t1 {
	background-image: url(../images/rn/heading_bg01.jpg);
}
.zebHeading01-t2 {
	background-image: url(../images/rn/heading_bg02.jpg);
}
.zebHeading01_in {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 1160px;
	height: 480px;
	margin: 0 auto;
}
.zebHeading01_tit {
	line-height: 98px;
	margin: 0;
	padding: 0 60px;
	background-color: #000;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.zebHeading02 {
	line-height: 1.375;
	position: relative;
	min-height: 48px;
	margin: 0 0 40px;
	padding: 0 0 0 78px;
	font-size: 267%;
	font-weight: 700;
}
.zebHeading02::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.zebHeading02-t1::before {
	background-image: url(../images/rn/heading_ico01.svg);
}
.zebHeading02-t2::before {
	background-image: url(../images/rn/heading_ico02.svg);
}
.zebHeading02-t3::before {
	background-image: url(../images/rn/heading_ico03.svg);
}
.zebHeading02-t4::before {
	background-image: url(../images/rn/heading_ico04.svg);
}
.zebHeading02-t5::before {
	background-image: url(../images/rn/heading_ico05.svg);
}
.zebHeading03 {
	line-height: 1.5;
	margin: 30px 0 20px;
	padding: 10px 10px 13px;
	border-radius: 10px;
	color: #fff;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
}
.zebHeading03-t1 {
	background-color: #333;
}
.zebHeading03-t2 {
	background-color: #333;
}
.zebHeading03-t3 {
	background-color: #333;
}
.zebHeading03-t4 {
	background-color: #333;
}
.zebHeading04 {
	line-height: 1.5;
	margin: 70px 0 10px;
	font-size: 200%;
	font-weight: 700;
}
.zebHeading05 {
	line-height: 1.6;
	margin: 0 0 10px;
	font-size: 167%;
	font-weight: 700;
}
/* お知らせ
------------------------------------------------------------------------------- */
.zebNews01 {
	display: -webkit-box;
	display: flex;
	margin: 0 0 80px;
	padding: 30px 40px;
	border-radius: 8px;
	background-color: #f4f4f4;
	color: #000;
}
.zebNews01_tit {
	width: 170px;
	line-height: 1;
	margin: 0;
	padding: 6px 0 0;
	font-size: 200%;
	font-weight: 700;
}
.zebNews01_list {
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
	max-height: 180px;
	line-height: 1.5;
	font-size: 100%;
	overflow-y: auto;
}
.zebNews01_item {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 25px 0 0;
}
.zebNews01_item:first-child {
	margin-top: 0;
}
.zebNews01_date {
	line-height: 1.5;
	margin: 0;
	width: 130px;
	font-size: 134%;
	font-weight: 400;
}
.zebNews01_txt {
	width: -webkit-calc(100% - 130px);
	width: calc(100% - 130px);
	line-height: 1.5;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
	box-sizing: border-box;
}
.zebNews01_txt a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 20px;
	color: #000;
	text-decoration: none;
}
.d_hover .zebNews01_txt a:hover {
	text-decoration: underline;
}
.zebNews01_txt a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 10px;
	background: url(../images/rn/arw_ico01.svg) center center no-repeat;
	background-size: contain;
}
/* アンカー
------------------------------------------------------------------------------- */
.zebAnchor01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	max-width: 1240px;
	line-height: 1.466;
	margin: 60px auto 80px;
	font-size: 125%;
	font-weight: 700;
}
.zebAnchor01_item {
	width: 19.677%;
}
.zebAnchor01_item a {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding: 16px 5px 35px;
	border-radius: 4px;
	background-color: #32A86D;
	color: #fff;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
}
.zebAnchor01_item a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 13px;
	left: 0;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	background: url(../images/rn/anchor_ico02.svg) center center no-repeat;
	background-size: 9px auto;
}
/* 技術
------------------------------------------------------------------------------- */
.zebTech01 {
	margin: 40px 0 20px;
	padding: 30px 40px 40px;
	background-color: #fff;	
}
.zebTech01_tit {
	line-height: 1.6;
	position: relative;
	margin: 0 0 34px -40px;
	padding: 0 0 0 60px;
	font-size: 167%;
	font-weight: 700;
}
.zebTech01_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 20px;
	margin: -10px 0 0;
}
.zebTech01_tit-t1::before {
	background-color: #2F68C3;
}
.zebTech01_tit-t2::before {
	background-color: #ED9143;
}
.zebTech01_tit-t3::before {
	background-color: #A7C720;
}
.zebTech01_tit-t4::before {
	background-color: #805981;
}
.zebTech01_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	font-size: 100%;
}
.zebTech01_item {
	width: 31.035%;
	max-width: 360px;
	margin: 40px 3.4475% 0 0;
}
.zebTech01_item:nth-child(1),
.zebTech01_item:nth-child(2),
.zebTech01_item:nth-child(3) {
	margin-top: 0;
}
.zebTech01_item:nth-child(3n) {
	margin-right: 0;
}
.zebTech01_wrap {
	display: block;
	color: #000;
	text-decoration: none;
}
.zebTech01_img {
	display: block;
}
.zebTech01_img-bd {
	position: relative;
}
.zebTech01_img-bd::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #ddd;
}
.zebTech01_info {
	margin: 20px 0 0;
}
.zebTech01_sub {
	line-height: 1.5;
	margin: 0;
	color: #32A86D;
	font-size: 117%;
	font-weight: 500;
}
.zebTech01_txt {
	line-height: 1.5;
	position: relative;
	margin: 4px 0 0;
	font-size: 150%;
	font-weight: 500;
}
a .zebTech01_txt {
	padding: 0 45px 0 0;
}
a .zebTech01_txt::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	right: 20px;
	width: 17px;
	height: 8px;
	background: url(../images/rn/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
a[target='_blank'] .zebTech01_txt::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 8px;
	margin: 0 0 0 10px;
	background: url(../images/rn/blank_ico01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: 0.2em;
}
/* 背景
------------------------------------------------------------------------------- */
.zebBg01 {
	margin: 0 -500%;
	padding: 80px 500%;
}
.zebBg01-t1 {
	background-color: #F0F7F5;
}
.zebBg01-t2 {
	background-color: #fff;
}
/* レイアウト
------------------------------------------------------------------------------- */
.zebBlock01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 60px auto;
}
.zebBlock01_info {
	width: 51.612%;
}
.zebBlock01_txt {
	line-height: 1.666;
	margin: 0 0 20px;
	font-size: 134%;
	font-weight: 400;
}
.zebBlock01_img {
	width: 43.549%;
	max-width: 540px;
}
.zebBlock01_caption {
	line-height: 1.5;
	margin: 10px 0 0;
	color: #666;
	font-size: 117%;
	font-weight: 400;
}
.zebBlock03 {
	margin: 40px auto;
}
.zebBlock03-w1 {
	max-width: 800px;
}
.zebBlock03-w2 {
	max-width: 720px;
}
.zebBlock03-w3 {
	max-width: 1040px;
}
.zebBlock03-w4 {
	max-width: 600px;
}
.zebBlock04 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}
.zebBlock04_item {
	width: 48.077%;
	max-width: 500px;
}
.zebBlock04_img {
	display: block;
}
.zebBlock05 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 40px auto;
}
.zebBlock05_info {
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
	padding: 0 30px 0 0;
	box-sizing: border-box;
}
.zebBlock05_img {
	width: 400px;
}
.zebBlock06 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 60px auto;
}
.zebBlock06_info {
	width: 47.58%;
}
.zebBlock06_img {
	width: 48.388%;
	max-width: 600px;
}
/* リンク
------------------------------------------------------------------------------- */
.zebLink01 {
	line-height: 1.4375;
	margin: 30px 0 0;
	font-size: 134%;
	font-weight: 500;
	text-align: right;
}
.zebLink01 span {
	display: inline-block;
	position: relative;
	padding: 0 0 0 17px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.zebLink01 span::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.55em;
	left: 0;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	background: url(../images/rn/arw_ico04.svg) center center no-repeat;
	background-size: 9px auto;
}
.zebLink02 {
	display: inline;
	margin: 0 20px 0 0;
	color: #666;
	text-indent: 0;
}
.zebLink02::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 8px;
	margin: 0 0 0 10px;
	background: url(../images/rn/blank_ico01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: 0.1em;
}
.zebLink03 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 80px 0 0;
	background-color: #E9F5F1;
	color: #000;
	text-decoration: none;
}
.zebLink03::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 30px;
	width: 17px;
	height: 8px;
	margin: -4px 0 0;
	background: url(../images/rn/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
.zebLink03_img {
	width: 40.385%;
	max-width: 420px;
}
.zebLink03_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 59.615%;
	padding: 10px 70px 10px 30px;
	box-sizing: border-box;
}
.zebLink03_tit {
	line-height: 1.3;
	margin: 0 0 10px;
	font-size: 167%;
	font-weight: 700;
}
.zebLink03_txt {
	line-height: 1.538;
	margin: 0;
	font-size: 109%;
	font-weight: 400;
}
/* 事例一覧
------------------------------------------------------------------------------- */
.zebCase01 {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	font-size: 100%;
}
.zebCase01_item {
	width: 31.13%;
	max-width: 386px;
	margin: 40px 3.305% 0 0;
}
.zebCase01_item:nth-child(1),
.zebCase01_item:nth-child(2),
.zebCase01_item:nth-child(3) {
	margin-top: 0;
}
.zebCase01_item:nth-child(3n) {
	margin-right: 0;
}
.zebCase01_wrap {
	display: block;
	color: #000;
	text-decoration: none;
}
.zebCase01_img {
	display: block;
}
.zebCase01_info {
	margin: 20px 0 0;
}
.zebCase01_tit {
	position: relative;
	line-height: 1.5;
	margin: 0;
	padding: 0 55px 0 0;
	font-size: 150%;
	font-weight: 500;
}
.zebCase01_tit::after {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	right: 20px;
	width: 17px;
	height: 8px;
	background: url(../images/rn/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
.zebCase01_tag {
	margin: 14px 0 0;
	font-size: 109%;
	font-weight: 500;
	letter-spacing: -0.5em;
}
.zebCase01_tag li {
	display: inline-block;
	line-height: 26px;
	margin: 10px 10px 0 0;
	padding: 0 16px;
	border-radius: 14px;
	border: 1px solid #BCD6CE;
	background-color: #fff;
	color: #333;
	text-align: center;
	letter-spacing: normal;
	box-sizing: border-box;
}
.zebCase01_tag-busy li {
	margin-right: 8px;
	padding-right: 13px;
	padding-left: 13px;
}
.zebCase01_tag sup {
	zoom: .7;
	vertical-align: 3px;
}
/* 注釈
------------------------------------------------------------------------------- */
.zebNote01 {
	line-height: 1.5;
	margin: 10px 0 0 1.2em;
	color: #666;
	font-size: 117%;
	font-weight: 400;
	text-indent: -1.2em;
}
.zebNotes01 {
	line-height: 1.5;
	margin: 10px 0 0;
	color: #666;
	font-size: 117%;
	font-weight: 400;
}
.zebNotes01 li {
	margin: 6px 0 0 1.2em;
	text-indent: -1.2em;
}
.zebNotes01 li:first-child {
	margin-top: 0;
}
.zebNotes02 {
	line-height: 1.5;
	margin: 10px 0 0;
	color: #666;
	font-size: 117%;
	font-weight: 400;
}
.zebNotes02 li {
	margin: 6px 0 0 1.8em;
	text-indent: -1.8em;
}
.zebNotes02 li:first-child {
	margin-top: 0;
}
/* ローカルナビ
------------------------------------------------------------------------------- */
.zebNav01 {
	height: 60px;
	padding: 0 20px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	background-color: #fff;
	color: #fff;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.zebNav01_wrap {
	height: 60px;	
}
.zebNav01_in {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	max-width: 1240px;
	min-width: 910px;
	margin: 0 auto;
	box-sizing: border-box;
}
.zebNav01_wrap-fixed  {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	padding: 0 20px;
	background-color: #fff;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	animation: headerFixZeb .4s both;
	z-index: 10;
}
@keyframes headerFixZeb {
	0% {
		top: -70px;
	}
	100% {
		top: 0;
	}
}
.zebNav01_tit {
	width: 30%;
	margin: 0;
	font-size: 150%;
	font-weight: 700;
}
.zebNav01_tit a {
	display: block;
	height: 60px;
	line-height: 60px;
	color: #000;
	text-decoration: none;
}
.zebNav01_btn {
	display: none;
}
.zebNav01_list {
	display: -webkit-box;
	display: flex;
	justify-content: flex-end;
	width: -webkit-calc(70% - 240px);
	width: calc(70% - 240px);
	line-height: 1;
	font-size: 134%;
	font-weight: 700;
}
.zebNav01_item a {
	display: block;
	position: relative;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	color: #000;
	text-decoration: none;
	text-align: center;
}
.zebNav01_item-current a {
	background-color: #E9F5F1;
}
.zebNav01_item-current a::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: -1px;
	left: 0;
	height: 3px;
	background-color: #32A86D;
}
.zebNav01_contact {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 210px;
	line-height: 1;
	font-size: 114%;
	font-weight: 700;
}
.zebNav01_contact a {
	display: block;
	position: relative;
	width: 100%;
	line-height: 40px;
	padding: 0 15px 2px;
	border-radius: 4px;
	background-color: #32A86D;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
.zebNav01_contact a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 16px;
	width: 18px;
	height: 8px;
	margin: -4px 0 0;
	background: url(../images/rn/arw_ico08.svg) center center no-repeat;
	background-size: contain;
}
/* ボタン
------------------------------------------------------------------------------- */
.zebBtn01 {
	line-height: 1;
	margin: 40px auto 0;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
}
.zebBtn01 a {
	display: inline-block;
	position: relative;
	padding: 18px 50px 20px;
	border-radius: 8px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
}
.zebBtn01 a::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 0 0 10px;
	background-color: #ccc;
	vertical-align: -0.2em;
}
.zebBtn02 {
	line-height: 1;
	margin: 40px auto 0;
	font-size: 134%;
	font-weight: 700;
	text-align: center;
}
.zebBtn02 a {
	display: inline-block;
	position: relative;
	min-width: 240px;
	padding: 12px 90px 12px 20px;
	border: 2px solid #32A86D;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	box-sizing: border-box;
}
.zebBtn02 a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 17px;
	height: 8px;
	margin: -4px 0 0;
	background: url(../images/rn/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
.zebBtn02 a[target='_blank']::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 8px;
	margin: 0 0 0 10px;
	background: url(../images/rn/blank_ico01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: 0.1em;
}
.zebBtn03 {
	line-height: 1.4375;
	margin: 40px auto 0;
	font-size: 134%;
	font-weight: 700;
}
.zebBtn03 a {
	display: inline-block;
	position: relative;
	min-width: 240px;
	padding: 12px 90px 12px 20px;
	border: 2px solid #32A86D;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	box-sizing: border-box;
}
.zebBtn03 a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 17px;
	height: 8px;
	margin: -4px 0 0;
	background: url(../images/rn/arw_ico03.svg) center center no-repeat;
	background-size: contain;
}
.zebBtn03 a[target='_blank']::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 8px;
	margin: 0 0 0 10px;
	background: url(../images/rn/blank_ico01.svg) center center no-repeat;
	background-size: contain;
	vertical-align: 0.1em;
}
/* 関連情報
------------------------------------------------------------------------------- */
.zebRelate01 {
	margin: 120px 0 0;
	padding: 80px 15px;
	background: #f4f4f4;
}
.zebRelate01_in {
	max-width: 1240px;
	margin: 0 auto;
}
.zebRelate01_head {
	margin: 0 0 40px;
	text-align: center;
}
.zebRelate01_tit {
	position: relative;
	line-height: 1.375;
	margin: 0;
	color: #000;
	font-size: 267%;
	font-weight: 700;
}
.zebRelate01_lead {
	line-height: 1.625;
	margin: 20px 0 0;
	font-size: 134%;
	font-weight: 400;
}
.zebRelate01_list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1;
	font-size: 100%;
}
.zebRelate01_item {
	width: 19.355%;
	max-width: 240px;
	margin: 10px 0.80625% 0 0;
}
.zebRelate01_item:nth-child(1),
.zebRelate01_item:nth-child(2),
.zebRelate01_item:nth-child(3),
.zebRelate01_item:nth-child(4),
.zebRelate01_item:nth-child(5) {
	margin-top: 0;
}
.zebRelate01_item:nth-child(5n),
.zebRelate01_item:last-child {
	margin-right: 0;
}
.zebRelate01_wrap {
	display: block;
	height: 100%;
	background-color: #fff;
	color: #000;
	text-decoration: none;
}
.zebRelate01_img {
	display: block;
}
.zebRelate01_info {
	padding: 20px;
	text-align: center;
}
.zebRelate01_txt {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 45px;
	line-height: 1.466;
	margin: 0;
	font-size: 125%;
	font-weight: 700;
}
.zebRelate01_btn {
	display: inline-block;
	line-height: 36px;
	margin: 20px 0 0;
	padding: 0 23px;
	border: 2px solid #32A86D;
	border-radius: 4px;
	background-color: #fff;
	color: #000;
	font-size: 117%;
	font-weight: 700;
}
/* データ
------------------------------------------------------------------------------- */
.zebData01 {
	margin: 37px 0;
	padding: 35px 35px 33px;
	border: 5px solid #EFF8F5;
}
.zebData01_tit {
	line-height: 1.5;
	margin: 0 0 19px;
	color: #000;
	font-size: 167%;
	font-weight: 700;
}
.zebData01_tit span {
	color: #FF4500;
}
.zebData01_img {
	display: block;
}
.zebData01_notes {
	line-height: 1.6;
	margin: 11px 0 0;
	color: #666;
	font-size: 117%;
	font-weight: 400;
}
.zebData01_notes li {
	margin: 6px 0 0 1.3em;
	text-indent: -1.3em;
}
.zebData01_notes li:first-child {
	margin-top: 0;
}
/* 表組
------------------------------------------------------------------------------- */
.zebData02 {
	width: 100%;
}
.zebData02 th,
.zebData02 td {
	border: 1px solid #C7C7C7;
}
.zebData02 th {
	line-height: 1.5;
	padding: 9px 10px 11px;
	font-size: 134%;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}
.zebData02 td {
	line-height: 1.8125;
	padding: 20px;
	background-color: #fff;
	color: #000;
	font-size: 134%;
	font-weight: 400;
}
.zebData02 .zebData02_ex {
	display: block;
	font-size: 12px;
}
.zebData02 .zebNote01 {
	font-size: 14px;
}
.zebData02 .zebData02_bg1 {
	background-color: #EDEDED;
	color: #6E6E6E;
}
.zebData02 .zebData02_bg2 {
	background-color: #F3E7F3;
	color: #6B2969;
}
.zebData02 .zebData02_bg3 {
	background-color: #DDF3FA;
	color: #0170C1;
}
.zebData02 .zebData02_bg4 {
	background-color: #DBECF8;
	color: #0170C1;
}
.zebData02 .zebData02_bg5 {
	background-color: #DCF4E6;
	color: #078D3D;
}
/* コンバージョン
------------------------------------------------------------------------------- */
.zCv {
	margin: 0 0 50px;
	padding: 80px 0 70px;
	background: url(../images/rn/cv_bg01.jpg) center center no-repeat;
	background-size: cover;
}
.zCv_in {
	display: -webkit-box;
	display: flex;
	align-items: center;
	position: relative;
	max-width: 920px;
	height: 190px;
	margin: 0 auto;
	padding: 0 50px 0 250px;
	border-radius: 8px;
	background-color: #32A86D;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
	overflow: hidden;
}
.zCv_in::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	height: 100%;
	background: url(../images/rn/cv_ico01.svg) center center no-repeat;
	background-size: 140px 114px;
	background-color: #26975A;
}
.zCv_in::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 40px;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	background: url(../images/rn/arw_ico07.svg) center center no-repeat;
	background-size: contain;
}
.zCv_tit {
	line-height: 1.375;
	margin: 0 0 10px;
	font-size: 267%;
	font-weight: 700;
}
.zCv_tit::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 8px;
	margin: 0 0 0 10px;
	background: url(../images/rn/blank_ico02.svg) center center no-repeat;
	background-size: contain;
	vertical-align: 0.3em;
}
.zCv_txt1 {
	line-height: 1.625;
	margin: 0 0 18px;
	font-size: 134%;
	font-weight: 400;
}
.zCv_txt2 {
	line-height: 1.3;
	margin: 0;
	font-size: 167%;
	font-weight: 700;
}
/* プラグイン
------------------------------------------------------------------------------- */
.fnMovieZeb {
	display: block;
	position: relative;
}
.fnMovieZeb::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 160px;
	height: 160px;
	margin: -80px 0 0 -80px;
	background: url(../images/rn/arw_ico09.svg) center center no-repeat;
	background-size: contain;
}
.zebMovie {
	z-index: 60;
}
.zebMovie .mfp-iframe-holder .mfp-content {
	width: 800px;
	height: 450px;
}
@media only screen and (max-width: 1000px) {
	.zebMovie .mfp-iframe-holder .mfp-content{
		width: 650px;
		height: 366px;
	}
}