@charset "utf-8";

/* ****************************************************
Title: layout.css
***************************************************** */

/* -------------------------------------------------------------------- 
 body
-------------------------------------------------------------------- */

/*CSSスムーズスクロール用 ここから*/
html{
	scroll-behavior: smooth;
}
/*CSSスムーズスクロール用 ここまで*/

body {
 color: #333333;

font-family: 'Noto Sans JP', sans-serif; /*ウェブフォント指定*/

font-size: 13px;
 *font-size:small;
 *font:x-small;
 text-align: center;
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

.webFontBarlow {
	font-family: 'Barlow', sans-serif; /*ウェブフォント指定*/
}


#top {
	/*overflow: hidden;*/
}

#wrap {
	overflow: hidden;
	/*width: 640px;*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	min-width: 1160px;
	
	background-color: #ffffff;
}


img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

.relative-wrap {
	position: relative;
}

.contDispN {
	display: none;
}

p, span, dt, dd, th, td, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url(/common/img/spacer.gif);
}


/*-----------------------*/

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -122px;
}

#top {
	/*padding-top: 69px;*/
}

/*-----------------------*/

.pc {
	display: block;
}

.sp {
	display: none;
}

.pcBr {
	display: inline;
}

.spBr {
	display: none;
}

.pcTable {
	display: table !important;
}
.spTable {
	display: none !important;
}

.pcCell {
	display: table-cell !important;
}
.spCell {
	display: none !important;
}


.contIn1070 {
	width: 1070px;
	margin: 0px auto;
	position: relative;
}

.radius200 {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

.detailKey01 {
	display: none;
}

@media screen and (max-width:768px) {

	body {

	}

	#wrap {
		overflow: hidden;
		/*width: 750px;*/
		width: auto;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
		padding: 0px;
		min-width: 200px;
	}

	img {
		width: 100%;
		height: auto;
	}
	
	/*-----------------------*/

	.anc {
		position: relative;
	}
	.ancIn {
		position: absolute;
		top: -60px;
	}

	#top {
		/*padding-top: 79px;*/
	}

	/*-----------------------*/

	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.pcBr {
		display: none;
	}
	.spBr {
		display: inline;
	}

	.pcTable {
		display: none !important;
	}
	.spTable {
		display: table !important;
	}

	.pcCell {
		display: none !important;
	}
	.spCell {
		display: table-cell !important;
	}


	.contIn1070 {
		width: auto;
	}


}
/* -------------------------------------------------------------------- 
 パンくず
-------------------------------------------------------------------- */
.breadcrumbs{
    text-align: left;
    padding: 20px 0 0;
	font-size: 14px;
	line-height: 1.0em;
}
.breadcrumbs span{
    padding: 0 5px 0;
}
@media screen and (max-width:768px) {
	.breadcrumbs{
	    text-align: left;
	    padding: 10px 10px;
	}
}

/* -------------------------------------------------------------------- 
 header
-------------------------------------------------------------------- */

.menuSpWrap {
	display: none;
}

.pcHeader {
	background-image: url("/common/img/header_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	box-sizing: border-box;
	padding: 10px 20px 0px 20px;
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 500;
}
.headerTop {
}
.logoWrap01 {
	float: left;
        padding:10px 0 20px;
}
.headerLogo01 img {
	width: 160px;
	height: auto;
}

.headerBtnWrap {
	float: right;
}
.headerBtnCont {
	float: left;
	margin-left: 4px;
}

.naviWrap01 {
	text-align: center;
	position: relative;
}
.headerNavi {
	display: inline-block;
	margin-top: -40px;
}
.headerNavi li {
	display: inline-block;
	font-size: 15px;
	line-height: 1.0em;
	font-weight: 500;
}
.headerNavi a {
	display: block;
	padding: 20px 22px 20px 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.headerNavi a:link {	color: #0F151C;	text-decoration: none;}
.headerNavi a:visited {	color: #0F151C;	text-decoration: none;}
.headerNavi a:hover {
	color:#ffffff;
	background-color: #1B4F96;
	text-decoration: none;
}
.headerNavi a:active {	color:#0F151C;	text-decoration: none;}

.headerNavi span {
	display: block;
	padding: 20px 22px 20px 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	cursor: default;
}
.headerNavi span:hover {
	color:#ffffff;
	background-color: #1B4F96;
	text-decoration: none;
}


/*-------------------*/

/* MEGAメニュー */
.pcNaviMega01 {
	background-image: url("/common/img/meganavi_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	box-sizing: border-box;
	width: 100vw;
	padding: 22px 0px 24px 0px;
	position: absolute;
	left: 50%;
	margin-left: -50vw;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	visibility: hidden;
	opacity: 0;
}
.headerNavi li:hover .pcNaviMega01 {
	visibility: visible;
	opacity: 1;
}
.pcNaviMegaIn {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
.headerNavi .pcNaviMegaIn a {
	padding: 10px 30px 10px 24px;
	background-color: transparent;
	color: #ffffff;
	position: relative;
}
.headerNavi .pcNaviMegaIn a::before {
	content: "";
	width: 15px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	left: 0px;
	top: 50%;
}
.headerNavi .pcNaviMegaIn a:hover {
	text-decoration: underline;
}



/* PAGE TOP */
#page-top {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 500;
}
#page-top a {
  width: 50px;
  height: 50px;
  background-color: #13467b;
  display: block;
  position: relative;
  border: 1px solid #fff;
  border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
#page-top a::before{
  position: absolute;
  content: "";
  left: 18px;
  top:22px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#page-top a:hover {
  background-color: #ffffff;
  border: 1px solid #13467b;
}
#page-top a:hover::before{
  border-top: 2px solid #13467b;
  border-left: 2px solid #13467b;
}

/* サイドメニュー */
.sideBlock01 {
	position: fixed;
	right: 0px;
	top: 130px;
	width: 200px;
	z-index: 500;
}
.sideBlock01 li {
	margin-bottom: 7px;
}
.boxShadow01 {
-webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    2px 2px 4px 0px rgba(0, 0, 0, 0.4);
box-shadow:         2px 2px 4px 0px rgba(0, 0, 0, 0.4);
}

.contSideBtn01 {
	display: table;
	width: 100%;
}
.contSideBtn01 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 88px;
	padding: 10px 10px 10px 15px;
	border: 1px solid #004CB5;
	background-color: #004CB5;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.55em;
	font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contSideBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.contSideBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.contSideBtn01 a:hover {
	color:#004CB5;
	text-decoration: none;
	background-color: #ffffff;
}
.contSideBtn01 a:active {	color:#ffffff;	text-decoration: none;}

.contSideBtn02 {
	display: table;
	width: 100%;
}
.contSideBtn02 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 88px;
	padding: 10px 10px 10px 26px;
	border: 1px solid #50B8E8;
	background-color: #50B8E8;
	color: #ffffff;
	font-size: 18px;
	line-height: 1.55em;
	font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contSideBtn02 a:link {	color: #ffffff;	text-decoration: none;}
.contSideBtn02 a:visited {	color: #ffffff;	text-decoration: none;}
.contSideBtn02 a:hover {
	color:#50B8E8;
	text-decoration: none;
	background-color: #ffffff;
}
.contSideBtn02 a:active {	color:#ffffff;	text-decoration: none;}

.contSideBtn02 a .sideSpan01 {
	display: inline-block;
	padding-left: 20px;
	background-image: url("/common/img/Icon material-mail.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 14px auto;
}
.contSideBtn02 a:hover .sideSpan01 {
	background-image: url("/common/img/Icon material-mail_on.png");
}

/* 新着情報 */
.topNewsBlock01 {
	background-color: rgba(80,184,232,0.07);
	padding: 20px 0px 20px 0px;
}
.topNews01 {}

.topNews01 a:link {	text-decoration: none;}
.topNews01 a:visited {	text-decoration: none;}
.topNews01 a:hover {	text-decoration: underline;}
.topNews01 a:active {	text-decoration: none;}


.topNews01 li {
	display: table;
	width: 100%;
	margin: 7px 0px;
}
.topNews01 .topNewsIn01 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 100px;
	font-size: 14px;
	line-height: 1.4em;
}
.topNews01 .topNewsIn02 {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	width: 80px;
}
.topNews01 .topNewsIn03 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 0px 25px;
	font-size: 14px;
	line-height: 1.4em;
}

.topNewsIcon {
	color: #ffffff;
	font-size: 12px;
	line-height: 1.4em;
	text-align: center;
	padding: 3px 3px 4px 3px;
}
.topNewsIcon.cat01 {
	background-color: #2E6FBE;
}
.topNewsIcon.cat02 {
	background-color: #5C9DBA;
}
.topNewsIcon.cat03 {
	background-color: #C7A56D;
}
.topNewsIcon.cat04 {
	background-color: #3AAC89;
}
.topNewsBlock01 .linktext a:hover {
	text-decoration:underline;
}




@media screen and (max-width:768px) {

	.spHeaderWrap {
		background-image: url("/common/img/header_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		box-sizing: border-box;
		padding: 10px 10px 10px 10px;
		width: 100%;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 500;
	}
	.spHeaderLogo {
		float: left;
		padding: 5px 0 0;
	}
	.spHeaderLogo img {
		width: auto;
		height: 30px;
	}

	.spHeaderMenu {
		float: right;
	}
	.spHeaderMenu img {
		width: auto;
		height: 40px;
	}

/*-----------------*/

	.sideBlock01 {
		display: none !important;
	}


	/* 新着情報 */
	.topNewsBlock01 {
		background-color: rgba(80,184,232,0.07);
		padding: 10px 20px 10px 20px;
	}
	.topNews01 {}

	.topNews01 a:link {	text-decoration: none;}
	.topNews01 a:visited {	text-decoration: none;}
	.topNews01 a:hover {	text-decoration: underline;}
	.topNews01 a:active {	text-decoration: none;}


	.topNews01 li {
		display: table;
		width: 100%;
		margin: 10px 0px;
	}
	.topNews01 .topNewsIn01 {
		display: block;
		text-align: left;
		vertical-align: top;
		width: auto;
		font-size: 14px;
		line-height: 1.4em;
	}
	.topNews01 .topNewsIn02 {
		display: block;
		text-align: center;
		vertical-align: top;
		width: auto;
	}
	.topNews01 .topNewsIn03 {
		display: table-cell;
		text-align: left;
		vertical-align: top;
		padding: 0px 0px 0px 20px;
		font-size: 14px;
		line-height: 1.4em;
	}

	.topNewsIcon {
		color: #ffffff;
		font-size: 11px;
		line-height: 1.4em;
		text-align: center;
		padding: 2px 3px 3px 3px;
	}



}


/* -------------------------------------------------------------------- 
 main
-------------------------------------------------------------------- */

/*--ボタン----------------------------*/

.contBtn01 {
	display: table;
	width: 154px;
}
.contBtn01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 30px;
	font-size: 12px;
	line-height: 1.0em;
	border: 1px solid #50B8E8;
	background-color: #50B8E8;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.contBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.contBtn01 a:hover {
	color:#50B8E8;
	background-color: #ffffff;
	text-decoration: none;
}
.contBtn01 a:active {	color:#ffffff;	text-decoration: none;}

.contBtn01 a span {
	display: inline-block;
	position: relative;
	padding-left: 16px;
}
.contBtn01 a span::before {
	content: "";
	background-image: url("/common/img/Icon material-mail.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	width: 12px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -4px;
}
.contBtn01 a:hover span::before {
	background-image: url("/common/img/Icon material-mail_on.png");
}

/*-----------*/

.contBtn02 {
	display: table;
	width: 154px;
}
.contBtn02 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 30px;
	font-size: 12px;
	line-height: 1.0em;
	border: 1px solid #004CB5;
	background-color: #004CB5;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contBtn02 a:link {	color: #ffffff;	text-decoration: none;}
.contBtn02 a:visited {	color: #ffffff;	text-decoration: none;}
.contBtn02 a:hover {
	color: #004CB5;
	background-color: #ffffff;
	text-decoration: none;
}
.contBtn02 a:active {	color:#ffffff;	text-decoration: none;}

.contBtn02 a span {
	display: inline-block;
	position: relative;
	padding-left: 16px;
}
.contBtn02 a span::before {
	content: "";
	background-image: url("/common/img/Icon open-data-transfer-download.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	width: 12px;
	height: 10px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -4px;
}
.contBtn02 a:hover span::before {
	background-image: url("/common/img/Icon open-data-transfer-download_on.png");
}

/*-----------*/

.contBtn03 {
	display: table;
	width: 390px;
}
.contBtn03 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 94px;
	border: 1px solid #004CB5;
	background-color: #004CB5;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contBtn03 a:link {	color: #ffffff;	text-decoration: none;}
.contBtn03 a:visited {	color: #ffffff;	text-decoration: none;}
.contBtn03 a:hover {
	color: #004CB5;
	background-color: #ffffff;
	text-decoration: none;
}
.contBtn03 a:active {	color:#ffffff;	text-decoration: none;}

.contBtn03 a .span01 {
	display: block;
	font-size: 16px;
	line-height: 1.0em;
	margin-bottom: 10px;
}
.contBtn03 a .span02 {
	display: block;
	font-size: 22px;
	line-height: 1.0em;
}

/*-----------*/

.contBtn04 {
	display: table;
	width: 245px;
	position: relative;
	margin: auto;
}
.contBtn04 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 56px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contBtn04 a:link {	color: #2E6FBE;	text-decoration: none;}
.contBtn04 a:visited {	color: #2E6FBE;	text-decoration: none;}
.contBtn04 a:hover {
	color: #ffffff;
	background-color: #2E6FBE;
	text-decoration: none;
}
.contBtn04 a:active {	color:#2E6FBE;	text-decoration: none;}

.contBtn04 a::before {
	content: "";
	background-image: url("/common/img/btn_ar01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	right: 17px;
	top: 50%;
	margin-top: -3px;
}
.contBtn04 a:hover::before {
	background-image: url("/common/img/btn_ar02.png");
}

/*-----------*/

.contBtn04.btnBl a {
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
}
.contBtn04.btnBl a:link {	color: #ffffff;	text-decoration: none;}
.contBtn04.btnBl a:visited {	color: #ffffff;	text-decoration: none;}
.contBtn04.btnBl a:hover {
	color: #2E6FBE;
	background-color: #ffffff;
	text-decoration: none;
}
.contBtn04.btnBl a:active {	color:#ffffff;	text-decoration: none;}

.contBtn04.btnBl a::before {
	content: "";
	background-image: url("/common/img/btn_ar02.png");
}
.contBtn04.btnBl a:hover::before {
	background-image: url("/common/img/btn_ar01.png");
}

/*-------------*/

.contBtn04.btnBl02 {
	width: 395px;
}
.contBtn04.btnBl02 a::before {
	display: none;
}

/*-----------*/

.contBtn05 {
	display: table;
	width: 168px;
	position: relative;
	margin: auto;
}
.contBtn05 .contBtnSpan01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 38px;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.2em;
	font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a:hover .contBtn05 .contBtnSpan01 {
	color: #2E6FBE;
	background-color: #ffffff;
	text-decoration: none;
}

.contBtn05 .contBtnSpan01::before {
	content: "";
	background-image: url("/common/img/btn_ar02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 21px auto;
	width: 21px;
	height: 4px;
	position: absolute;
	right: 11px;
	top: 50%;
	margin-top: -2px;
}
a:hover .contBtn05 .contBtnSpan01::before {
	background-image: url("/common/img/btn_ar01.png");
}

/*-----------*/

.contBtn06 {
	display: table;
	width: 100%;
	position: relative;
}
.contBtn06 a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 110px;
	border: 1px solid #004CB5;
	background-color: #004CB5;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	padding-left: 230px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contBtn06 a:link {	color: #ffffff;	text-decoration: none;}
.contBtn06 a:visited {	color: #ffffff;	text-decoration: none;}
.contBtn06 a:hover {
	color: #004CB5;
	background-color: #ffffff;
	text-decoration: none;
}
.contBtn06 a:active {	color:#ffffff;	text-decoration: none;}

.contBtn06 a .span01 {
	display: block;
	font-size: 16px;
	line-height: 1.0em;
	margin-bottom: 10px;
}
.contBtn06 a .span02 {
	display: block;
	font-size: 22px;
	line-height: 1.0em;
}

.hydrocultureImg01 {
	position: absolute;
	left: 40px;
	bottom: 12px;
}
.hydrocultureImg01 img {
	width: 180px;
	height: auto;
}


/*------------------------------------*/

.mainvisualWrap {
	background-image: url("/common/img/mainvisual01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.mainvisualWrap02 {
	/*background-image: url("/common/img/mainvisual_over01.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% 518px;*/
	height: 803px;
}

.mainvisualCont {
	padding: 170px 20px 0px 20px;
	max-width: 1218px;
	text-align: left;
}
.mainvisualH2 {}
.mainvisualH201 {
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	background-color: #50B8E8;
	padding: 8px 24px 8px 24px;
	margin-bottom: 16px;
}
.mainvisualH202 {
	display: block;
	color: #004CB5;
	font-size: 44px;
	line-height: 1.6em;
	font-weight: 500;
    text-shadow: 2px 2px 10px #fff, -2px 2px 10px #fff, 2px -2px 10px #fff, -2px -2px 10px #fff;
}
.mainvisualBtnWrap {
	margin-top: 190px;
}
.mainvisualBtnWrap li {
	float: left;
	margin-right: 18px;
}
/*--ボタン1個--*/
.mainvisualCont.btn01Pc {
    max-width: initial;
}
.mainvisualCont.btn01Pc .mainvisualBtnWrap li {
    float: none;
    margin: 0 auto;
}
.mainvisualCont.btn01Pc .contBtn03 {
    margin: 0 auto;
    width: 330px;
}


/*---------------------------*/

.topBlockWh01 {
	padding: 78px 0px 84px 0px;
}

.contH301 {
	text-align: center;
}
.contH301 .h3Span01 {
	display: inline-block;
	position: relative;
	color: #50B8E8;
	font-size: 20px;
	line-height: 1.8em;
	font-weight: 600;
	margin-bottom: 15px;
}
.contH301 .h3Span01::before {
	content: "";
	background-image: url("/common/img/tit_icon01.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 22px;
	width: 133px;
	height: 22px;
	position: absolute;
	left: -145px;
	top: 50%;
	margin-top: -11px;
}

.contH301 .h3Span02 {
	display: block;
	font-size: 33px;
	line-height: 1.4em;
	font-weight: 500;
}

.greenEffectBox01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-top: 68px;
}
.greenEffectBox01 a {
	display: block;
	transition-duration: 0.3s;
}
.greenEffectBox01 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

.greenEffectBox01 li {
	width: 252px;
	height: 176px;
	margin-right: 20px;
	text-align: center;
	background-color: #f4f4f4;
	position: relative;
}
.greenEffectBox01 li:nth-child(4n) {
	margin-right: 0px;
}

.greenEffectBox01 li dt {
	color: #50B8E8;
	font-size: 40px;
	line-height: 1.0em;
	font-weight: 600;
	width: 100%;
	position: absolute;
	left: 0px;
	top: -24px;
}
.greenEffectBox01 li dt::after {
	content: "";
	width: 28px;
	height: 1px;
	background-color: #50B8E8;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -14px;
}
.greenEffectBox01 li dd {
	font-size: 18px;
	line-height: 1.7em;
	padding: 45px 15px 20px 15px;
}
.dd02P {
	padding-top: 20px;
}

/*--------------------------------------*/

.topBlockBl01 {
	background-color: #50B8E8;
	padding: 78px 0px 80px 0px;
}

.contH301.colWh .h3Span01 {
	color: #ffffff;
}
.contH301.colWh .h3Span01::before {
	background-image: url("/common/img/tit_icon02.png");
}

.contH301.colWh .h3Span02 {
	color: #ffffff;
}

.featureBox01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-top: 46px;
}
.featureBox01 li {
	width: 344px;
	margin-right: 19px;
	text-align: left;
}
.featureBox01.featureBox0102 li:nth-child(3n) {
	margin-right: 0px;
}
.featureBox01.grStyleFlex02 li:nth-child(3n) {
	margin-right: 19px;
}
.featureBox01.column2{
	justify-content: center;
}
.featureBox01.column2 li,
.featureBox01.column2.grStyleFlex li:nth-child(3n)  {
	width: 385px;
	margin: 0 22px 20px;
	text-align: left;
}
.featureBox01.column2 li:nth-last-child(-n+2),
.featureBox01.column2.grStyleFlex li:nth-last-child(-n+2) {
	margin-bottom: 0;
}

.featureBox01 li.li01 {
	width: 526px;
	margin-right: 15px;
	text-align: left;
}

.featureBox01.grStyleFlex02 li:nth-child(2) {
	margin-right: 0px;
}
.featureBox01.grStyleFlex02 li:nth-child(5) {
	margin-right: 0px;
}

.featureBox01 li img {
	width: 100%;
	height: auto;
}
.featureBox01 a {
	display: block;
	transition-duration: 0.3s;
}
.featureBox01 a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

/*--------------*/

.img_wrap {
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
.img_wrap img {
  width: 100%;
  transition-duration: 0.5s;
}
.img_wrap:hover img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.overFlowHid01 {
	overflow: hidden;
}

/*--------------*/

.featureBox01 li dt {
	color: #ffffff;
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
	margin-top: 28px;
}
.featureBox01 li dd {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.7em;
	margin-top: 20px;
}

.contBtnWrap01 {
	text-align: center;
	margin-top: 55px;
}
.contBtnWrap01.contBtnWrap02 {
	text-align: center;
	margin-top: 40px;
}

/*-----------------------------*/

.grStyleFlex li {
	margin-bottom: 20px;
}
.grStyleFlex li:nth-child(3n) {
	margin-right: 0px;
}
.greeningStyleText01 {
	font-size: 16px;
	line-height: 1.75em;
	text-align: center;
	margin-top: 25px;
}

.greeningStyleImg01 {
	margin-top: 50px;
}
.grStyleBox01 {
	position: relative;
}
.grStyleTit01 {
	display: table;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.grStyleTitIn {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 88px;
	background-image: url("/common/img/greening_tit_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
}

/*-----------------------------*/

.topBlockGr01 {
	background-color: #F5F5EA;
	padding: 78px 0px 80px 0px;
}
.sceneBox01 {
	position: relative;
}
.sceneBox01In {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.sceneBox01In p {
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: bold;
}

/*------------------------------*/

.caseStudyBox01 {
	padding: 10px 11px 0px 0px;
}
.caseStudyBox02 {
	position: relative;
	border-top: 1px solid #cacbcb;
	border-right: 1px solid #cacbcb;
}
.caseStudyBg01 {
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #cacbcb;
	border-left: 1px solid #cacbcb;
	position: absolute;
	top: -10px;
	right: -11px;
}
.caseStudyBoxIn {
	position: relative;
	padding: 0px 0px 10px 11px;
	text-align: center;
}

.caseStudyBoxIn .overFlowHid01 {
	margin: 18px 30px 0px 30px;
}

.caseStudyTit01 {
	display: table;
	margin: auto;
}
.caseStudyTit01 p {
	display: table-cell;
	text-align: center;
	vertical-align: bottom;
	background-color: #2E6FBE;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.0em;
	box-sizing: border-box;
	height: 42px;
	padding: 6px 10px 6px 10px;
}
.caseStudyCont01 {
	display: table;
	width: 100%;
}
.caseStudyCont01 p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 90px;
	font-size: 16px;
	line-height: 1.75em;
	font-weight: bold;
}
.caseStudyCont01 p .span01 {
	color: #2E6FBE;
}

/*--------------------------------*/

.strengthWrap01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	margin-top: 60px;
}
.strengthBox01 {
	display: table;
	width: 49.8%;
}
.strengthBox01In {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 356px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.strengthBox01In.strengthBg01 {
	background-image: url("/common/img/strength_img01.jpg");
}
.strengthBox01In.strengthBg02 {
	background-image: url("/common/img/strength_img02.jpg");
}
.strengthBox01In .strengthText01 {
	color: #ffffff;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: bold;
}

/*---------------------------------*/

.hydrocultureWrap01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: 60px 0px 60px 0px;
}
.hydrocultureWrap01.btn01Pc {
    justify-content: center;
}
.hydrocultureWrap01.btn01Pc .hydrocultureBtnWrap02 {
    width: 60%;
}
.hydrocultureBox01 {
	display: block;
	transition-duration: 0.3s;
	width: 515px;
	border: 1px solid #4D88CE;
	position: relative;
}
.hydrocultureBox01:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}
.hydrocultureBox01.img_wrap {
	margin: 0px;
}
.hydrocultureBtnWrap {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 38px;
}
.hydrocultureBox01 dl {
	text-align: left;
	padding: 30px 40px 95px 40px;
}
.hydrocultureBox01 dt {
	color: #50B8E8;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: bold;
}
.hydrocultureBox01 dd {
	font-size: 14px;
	line-height: 1.75em;
	letter-spacing: -0.05em;
	margin-top: 18px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.hydrocultureBox01.hydrocultureBox02 {
	width: 100%;
	margin-top: 35px;
}
.hydrocultureLeft {
	width: 516px;
	float: left;
}

.hydrocultureRight {
	width: 550px;
	float: right;
}
.hydrocultureBox01 .hydrocultureRight dl {
	padding: 30px 40px 30px 40px;
}
.hydrocultureRight .hydrocultureBtnWrap {
	width: 550px;
	text-align: center;
	position: absolute;
	left: auto;
	right: 0px;
	bottom: 20px;
}

.hydrocultureBtnWrap02 {
	width: 49%;
	margin-top: 60px;
}

.hydrocultureBlock01 {
	background-image: url("/common/img/hydroculture_column_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 50px 0px 50px 0px;
}
.hydrocultureH301 {
	color: #ffffff;
	font-size: 33px;
	line-height: 1.0em;
	font-weight: 500;
	text-align: center;
	margin-bottom: 50px;
}
.hydrocultureUl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.hydrocultureUl01 .img_wrap {
	overflow: visible;
}
.hydrocultureUl01 li {
	width: 330px;
	margin-right: 40px;
}
.hydrocultureUl01 li:nth-child(3n) {
	margin-right: 0px;
}
.hydrocultureUl01 li a {
	display: block;
	color: #ffffff;
	transition-duration: 0.3s;
}
.hydrocultureUl01 li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

.hydrocultureDl01 {
	text-align: left;
	position: relative;
	padding: 42px 0px 0px 0px;
}
.hydrocultureDl01 dt {
	position: absolute;
	top: 5px;
	left: -24px;
	opacity: 0.15;
	font-size: 73px;
	line-height: 1.0em;
	font-weight: 600;
}
.hydrocultureDl01 dd {
	font-size: 18px;
	line-height: 1.66em;
	font-weight: bold;
}

/*---------------------*/

.profileUl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-top: 60px;
}
.profileUl01 li {
	width: 510px;
	position: relative;
}
.profileUl01 li a {
	display: block;
	box-sizing: border-box;
	height: 100%;
	padding: 55px 0px 0px 40px;
	transition-duration: 0.3s;
}
.profileUl01 li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition-duration: 0.3s;
}

.profileImg01 {
	width: 197px;
	border: 1px solid #707070;
	position: absolute;
	left: 0px;
	top: 0px;
}
.profileDl01Wrap {
}
.profileDl01 {
	box-sizing: border-box;
	height: 100%;
	text-align: left;
	background-image: url("/common/img/profile_bg02.png");
	background-repeat: repeat;
	background-position: center top;
	padding: 45px 40px 48px 200px;
}
.profileDl01 dt {
	color: #50B8E8;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 18px;
}
.profileDl01 dd {
	font-size: 14px;
	line-height: 1.75em;
	text-align: justify;
	text-justify: inter-ideograph;
}

.profileBlock01 {
	background-image: url("/common/img/profile_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 335px;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 0;
	margin-top: -80px;
}
.profileWrap01 {
	padding-top: 136px;
}
.profileBox01 {
	display: table;
	width: 100%;
}
.profileBox01In {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 140px;
	background-image: url("/common/img/profile_bg03.png");
	background-repeat: repeat;
	background-position: center top;
}
.profileBox01In dt {
	color: #004CB5;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: 500;
	margin-bottom: 10px;
}
.profileBox01In dd {
	font-size: 22px;
	line-height: 1.4em;
	font-weight: 500;
}

/*-----------------------------*/

.contactWrap01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.contactBtn01 {
	display: table;
	width: 50%;
}
.contactBtn01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 204px;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contactBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.contactBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.contactBtn01 a:hover {
	background-color: #ffffff;
	color:#2E6FBE;
	text-decoration: none;
}
.contactBtn01 a:active {	color:#ffffff;	text-decoration: none;}

.contactP01 {
	display: inline-block;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 500;
	background-image: url("/common/img/contact_btn_icon01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 16px auto;
	padding-left: 28px;
}
.contactBtn01 a:hover .contactP01 {
	background-image: url("/common/img/contact_btn_icon01_on.png");
}


.contactBtn02 {
	display: table;
	width: 50%;
}
.contactBtn02 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 204px;
	border: 1px solid #71C931;
	background-color: #71C931;
	color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.contactBtn02 a:link {	color: #ffffff;	text-decoration: none;}
.contactBtn02 a:visited {	color: #ffffff;	text-decoration: none;}
.contactBtn02 a:hover {
	background-color: #ffffff;
	color:#71C931;
	text-decoration: none;
}
.contactBtn02 a:active {	color:#ffffff;	text-decoration: none;}

.contactP02 {
	display: inline-block;
	font-size: 30px;
	line-height: 1.2em;
	font-weight: 500;
	background-image: url("/common/img/contact_btn_icon02.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 33px auto;
	padding: 5px 0px 5px 40px;
	margin-bottom: 5px;
}
.contactBtn02 a:hover .contactP02 {
	background-image: url("/common/img/contact_btn_icon02_on.png");
}
.contactP03 {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 500;
}

.topBlockWh01.topBlockBott0 {
	padding-bottom: 0px;
	position: relative;
	z-index: 1;
}

/*--------------------*/
.detailFeatureFlex01 {
  margin-top: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detailFeatureFlexBox01 {
	position: relative;
	width: 525px;
	margin-left: 0px;
	margin-right: 20px;
}
.detailFeatureFlexBox01:nth-child(2n) {
	margin-right: 0px;
}
.detailFeatureFlexBox01:nth-last-child(n+3){
	margin-bottom: 40px;
}

.detailFeatureFlexBoxIn01 {
	margin-top: 14px;
	text-align: left;
}
.detailFeatureDl01 {}
.detailFeatureDl01 dt {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 13px;
	color: #ffffff;
}
.detailFeatureDl01 dd {
	font-size: 14px;
	line-height: 1.75em;
	color: #ffffff;
}


@media screen and (max-width:768px) {

	/*--ボタン----------------------------*/

	.contBtn01 {
		display: table;
		width: 154px;
	}
	.contBtn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 30px;
		font-size: 12px;
		line-height: 1.0em;
	}

	.contBtn01 a span {
		display: inline-block;
		position: relative;
		padding-left: 16px;
	}
	.contBtn01 a span::before {
		content: "";
		background-image: url("/common/img/Icon material-mail.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 12px auto;
		width: 12px;
		height: 10px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -4px;
	}
	.contBtn01 a:hover span::before {
		background-image: url("/common/img/Icon material-mail_on.png");
	}

	/*-----------*/

	.contBtn02 {
		display: table;
		width: 154px;
	}
	.contBtn02 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 30px;
		font-size: 12px;
		line-height: 1.0em;
	}

	.contBtn02 a span {
		display: inline-block;
		position: relative;
		padding-left: 16px;
	}
	.contBtn02 a span::before {
		content: "";
		background-image: url("/common/img/Icon open-data-transfer-download.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 12px auto;
		width: 12px;
		height: 10px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -4px;
	}
	.contBtn02 a:hover span::before {
		background-image: url("/common/img/Icon open-data-transfer-download_on.png");
	}

	/*-----------*/

	.contBtn03,
	.mainvisualCont.btn01Pc .contBtn03 {
		display: table;
		width: 100%;
	}
	.contBtn03 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 56px;
	}

	.contBtn03 a .span01 {
		display: block;
		font-size: 14px;
		line-height: 1.0em;
		margin-bottom: 3px;
	}
	.contBtn03 a .span02 {
		display: block;
		font-size: 18px;
		line-height: 1.0em;
	}

	/*-----------*/

	.contBtn04 {
		display: table;
		width: 245px;
		position: relative;
		margin: auto;
	}
	.contBtn04 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 56px;
		font-size: 14px;
		line-height: 1.2em;
		font-weight: 500;
	}

	.contBtn04 a::before {
		content: "";
		background-image: url("/common/img/btn_ar01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 31px auto;
		width: 31px;
		height: 6px;
		position: absolute;
		right: 17px;
		top: 50%;
		margin-top: -3px;
	}
	.contBtn04 a:hover::before {
		background-image: url("/common/img/btn_ar02.png");
	}

	/*-----------*/


	.contBtn04.btnBl a::before {
		content: "";
		background-image: url("/common/img/btn_ar02.png");
	}
	.contBtn04.btnBl a:hover::before {
		background-image: url("/common/img/btn_ar01.png");
	}

	/*-------------*/

	.contBtn04.btnBl02 {
		width: 100%;
	}
	.contBtn04.btnBl02 a::before {
		display: none;
	}

	/*-----------*/

	.contBtn05 {
		display: table;
		width: 168px;
		position: relative;
		margin: auto;
	}
	.contBtn05 .contBtnSpan01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 38px;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.2em;
		font-weight: 500;
	}

	.contBtn05 .contBtnSpan01::before {
		content: "";
		background-image: url("/common/img/btn_ar02.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 21px auto;
		width: 21px;
		height: 4px;
		position: absolute;
		right: 11px;
		top: 50%;
		margin-top: -2px;
	}
	a:hover .contBtn05 .contBtnSpan01::before {
		background-image: url("/common/img/btn_ar01.png");
	}

	/*-----------*/

	.contBtn06 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contBtn06 a {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 70px;
		padding-left: 120px;
	}

	.contBtn06 a .span01 {
		display: block;
		font-size: 14px;
		line-height: 1.0em;
		margin-bottom: 10px;
	}
	.contBtn06 a .span02 {
		display: block;
		font-size: 18px;
		line-height: 1.0em;
	}

	.hydrocultureImg01 {
		position: absolute;
		left: 20px;
		bottom: 12px;
	}
	.hydrocultureImg01 img {
		width: 90px;
		height: auto;
	}


	/*------------------------------------*/

	.mainvisualWrap {
		background-image: url("/common/img/mainvisual01.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
	}
	.mainvisualWrap02 {
		/*background-image: url("/common/img/mainvisual_over01.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% 518px;*/
		height: 450px;
	}

	.mainvisualCont {
		padding: 90px 20px 0px 20px;
		max-width: 1218px;
		text-align: left;
	}
	.mainvisualH2 {}
	.mainvisualH201 {
		display: inline-block;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.2em;
		font-weight: bold;
		padding: 8px 10px 8px 10px;
		margin-bottom: 16px;
	}
	.mainvisualH202 {
		display: block;
		font-size: 22px;
		line-height: 1.6em;
		font-weight: 500;
	}
	.mainvisualBtnWrap {
		margin-top: 80px;
	}
	.mainvisualBtnWrap li {
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
	}

	/*---------------------------*/

	.topBlockWh01 {
		padding: 40px 20px 40px 20px;
	}

	.contH301 {
		text-align: center;
	}
	.contH301 .h3Span01 {
		display: inline-block;
		position: relative;
		color: #50B8E8;
		font-size: 20px;
		line-height: 1.8em;
		font-weight: 600;
		margin-bottom: 15px;
	}
	.contH301 .h3Span01::before {
		content: "";
		background-image: url("/common/img/tit_icon01.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto 16px;
		width: 100px;
		height: 16px;
		position: absolute;
		left: -100px;
		top: 50%;
		margin-top: -8px;
	}

	.contH301 .h3Span02 {
		display: block;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: 500;
	}

	.greenEffectBox01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin-top: 0px;
	}
	.greenEffectBox01 a {
		display: block;
		transition-duration: 0.3s;
	}
	.greenEffectBox01 a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}

	.greenEffectBox01 li {
		width: 100%;
		height: auto;
		margin-right: 0px;
		margin-top: 40px;
		text-align: center;
		background-color: #f4f4f4;
		position: relative;
	}

	.greenEffectBox01 li dt {
		font-size: 30px;
		line-height: 1.0em;
		font-weight: 600;
		width: 100%;
		position: absolute;
		left: 0px;
		top: -15px;
	}
	.greenEffectBox01 li dt::after {
		content: "";
		width: 24px;
		height: 1px;
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -12px;
	}
	.greenEffectBox01 li dd {
		font-size: 16px;
		line-height: 1.7em;
		padding: 45px 20px 20px 20px;
	}
	.dd02P {
		padding-top: 0px;
	}


	/*--------------------------------------*/

	.topBlockBl01 {
		padding: 40px 20px 40px 20px;
	}

	.contH301.colWh .h3Span01 {
		color: #ffffff;
	}
	.contH301.colWh .h3Span01::before {
		background-image: url("/common/img/tit_icon02.png");
	}

	.contH301.colWh .h3Span02 {
		color: #ffffff;
	}

	.featureBox01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin-top: 0px;
	}
	.featureBox01 li {
		width: 100%;
		margin-right: 0px;
		margin-top: 25px;
		text-align: left;
	}
	.featureBox01.grStyleFlex02 li:nth-child(3n) {
		margin-right: 0px;
	}
	.featureBox01.column2 li,
	.featureBox01.column2.grStyleFlex li:nth-child(3n){
		width: 100%;
		margin: 25px 0 0;
	}
	.featureBox01 li.li01 {
		width: 100%;
		margin-right: 0px;
	}
	.featureBox01 li img {
		width: 100%;
		height: auto;
	}
	.featureBox01 a {
		display: block;
		transition-duration: 0.3s;
	}
	.featureBox01 a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}

	/*--------------*/

	.img_wrap {
		margin: 0 auto;
		overflow: hidden;
		cursor: pointer;
	}
	.img_wrap img {
		width: 100%;
		transition-duration: 0.5s;
	}
	.img_wrap:hover img {
		transform: scale(1.1);
		transition-duration: 0.5s;
	}
	.overFlowHid01 {
		overflow: hidden;
	}

	/*--------------*/

	.featureBox01 li dt {
		color: #ffffff;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin-top: 10px;
	}
	.featureBox01 li dd {
		color: #ffffff;
		font-size: 14px;
		line-height: 1.6em;
		margin-top: 5px;
	}

	.contBtnWrap01 {
		text-align: center;
		margin-top: 40px;
	}
	.contBtnWrap01.contBtnWrap02 {
		text-align: center;
		margin-top: 40px;
	}

	/*-----------------------------*/

	.grStyleFlex li {
		margin-bottom: 0px;
	}
	.greeningStyleText01 {
		font-size: 16px;
		line-height: 1.75em;
		text-align: left;
		margin-top: 25px;
	}

	.grStyleBox01 {
		position: relative;
	}
	.grStyleTit01 {
		display: table;
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	.grStyleTitIn {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 70px;
		background-image: url("/common/img/greening_tit_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}

	/*-----------------------------*/

	.topBlockGr01 {
		background-color: #F5F5EA;
		padding: 40px 20px 40px 20px;
	}
	.sceneBox01 {
		position: relative;
	}
	.sceneBox01In {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
			 -ms-flex-align: center;
					align-items: center;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	.sceneBox01In p {
		width: 100%;
		text-align: center;
		color: #ffffff;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
	}

	/*------------------------------*/

	.caseStudyBox01 {
		padding: 10px 11px 0px 0px;
	}
	.caseStudyBox02 {
		position: relative;
		border-top: 1px solid #cacbcb;
		border-right: 1px solid #cacbcb;
	}
	.caseStudyBg01 {
		width: 100%;
		height: 100%;
		border-bottom: 1px solid #cacbcb;
		border-left: 1px solid #cacbcb;
		position: absolute;
		top: -10px;
		right: -11px;
	}
	.caseStudyBoxIn {
		position: relative;
		padding: 0px 0px 10px 11px;
		text-align: center;
	}
	
	.caseStudyBoxIn .overFlowHid01 {
		margin: 18px 30px 0px 30px;
	}
	
	.caseStudyTit01 {
		display: table;
		margin: auto;
	}
	.caseStudyTit01 p {
		display: table-cell;
		text-align: center;
		vertical-align: bottom;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.0em;
		box-sizing: border-box;
		height: 42px;
		padding: 6px 10px 6px 10px;
	}
	.caseStudyCont01 {
		display: table;
		width: 100%;
	}
	.caseStudyCont01 p {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 90px;
		font-size: 16px;
		line-height: 1.75em;
		font-weight: bold;
	}
	.caseStudyCont01 p .span01 {
	}

	/*--------------------------------*/

	.strengthWrap01 {
		/*display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;*/
		display: block;
		margin-top: 25px;
	}
	.strengthBox01 {
		display: table;
		width: 100%;
		margin-top: 5px;
	}
	.strengthBox01In {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 150px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
	}
	.strengthBox01In.strengthBg01 {
		background-image: url("/common/img/strength_img01.jpg");
	}
	.strengthBox01In.strengthBg02 {
		background-image: url("/common/img/strength_img02.jpg");
	}
	.strengthBox01In .strengthText01 {
		color: #ffffff;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: bold;
	}

	/*---------------------------------*/

	.hydrocultureWrap01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin: 0px 20px 20px 20px;
	}
	.hydrocultureBox01 {
		display: block;
		transition-duration: 0.3s;
		width: auto;
		border: 1px solid #4D88CE;
		position: relative;
		margin-top: 25px !important;
	}
	.hydrocultureBox01:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}
	.hydrocultureBox01.img_wrap {
		margin: 0px;
	}
	.hydrocultureBtnWrap {
		width: 100%;
		text-align: center;
		position: relative;
		left: 0px;
		bottom: 0px;
		padding-bottom: 20px;
	}
	.hydrocultureBox01 dl {
		text-align: left;
		padding: 15px 20px 20px 20px;
	}
	.hydrocultureBox01 dt {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.hydrocultureBox01 dd {
		font-size: 14px;
		line-height: 1.75em;
		letter-spacing: -0.05em;
		margin-top: 10px;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.hydrocultureBox01.hydrocultureBox02 {
		width: 100%;
		margin-top: 0px;
	}
	.hydrocultureLeft {
		width: auto;
		float: none;
	}

	.hydrocultureRight {
		width: auto;
		float: none;
	}
	.hydrocultureBox01 .hydrocultureRight dl {
		padding: 15px 20px 20px 20px;
	}
	.hydrocultureRight .hydrocultureBtnWrap {
		width: 100%;
		text-align: center;
		position: relative;
		left: auto;
		right: 0px;
		bottom: 0px;
	}

	.hydrocultureBtnWrap02,
	.hydrocultureWrap01.btn01Pc .hydrocultureBtnWrap02 {
		width: 100%;
		margin-top: 40px;
	}

	.hydrocultureBlock01 {
		background-image: url("/common/img/hydroculture_column_bg01.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 40px 20px 40px 20px;
	}
	.hydrocultureH301 {
		color: #ffffff;
		font-size: 20px;
		line-height: 1.0em;
		font-weight: 500;
		text-align: center;
		margin-bottom: 0px;
	}
	.hydrocultureUl01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.hydrocultureUl01 .img_wrap {
		overflow: visible;
	}
	.hydrocultureUl01 li {
		width: 100%;
		margin-right: 0px;
		margin-top: 40px;
	}
	.hydrocultureUl01 li:nth-child(3n) {
		margin-right: 0px;
	}
	.hydrocultureUl01 li a {
		display: block;
		color: #ffffff;
		transition-duration: 0.3s;
	}
	.hydrocultureUl01 li a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}

	.hydrocultureDl01 {
		text-align: left;
		position: relative;
		padding: 32px 0px 0px 0px;
	}
	.hydrocultureDl01 dt {
		position: absolute;
		top: 5px;
		left: -24px;
		opacity: 0.15;
		font-size: 50px;
		line-height: 1.0em;
		font-weight: 600;
	}
	.hydrocultureDl01 dd {
		font-size: 18px;
		line-height: 1.66em;
		font-weight: bold;
	}

	/*---------------------*/

	.profileUl01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin-top: 0px;
	}
	.profileUl01 li {
		width: 100%;
		position: relative;
		margin-top: 30px;
	}
	.profileUl01 li a {
		display: block;
		box-sizing: border-box;
		height: 100%;
		padding: 25px 0px 0px 20px;
		transition-duration: 0.3s;
	}
	.profileUl01 li a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		transition-duration: 0.3s;
	}

	.profileImg01 {
		width: 100px;
		border: 1px solid #707070;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.profileDl01Wrap {
	}
	.profileDl01 {
		box-sizing: border-box;
		height: 100%;
		text-align: left;
		background-image: url("/common/img/profile_bg02.png");
		background-repeat: repeat;
		background-position: center top;
		padding: 20px 20px 20px 100px;
	}
	.profileDl01 dt {
		font-size: 18px;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: 18px;
	}
	.profileDl01 dd {
		font-size: 14px;
		line-height: 1.75em;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.profileBlock01 {
		background-image: url("/common/img/profile_bg01.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		box-sizing: border-box;
		width: 100%;
		height: 266px;
		position: relative;
		left: 0px;
		top: 0px;
		margin-top: -80px;
		padding: 0px 20px 0px 20px;
	}
	.profileWrap01 {
		padding-top: 120px;
	}
	.profileBox01 {
		display: table;
		width: 100%;
	}
	.profileBox01In {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: auto;
		background-image: url("/common/img/profile_bg03.png");
		background-repeat: repeat;
		background-position: center top;
		padding: 15px 10px;
	}
	.profileBox01In dt {
		font-size: 18px;
		line-height: 1.4em;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.profileBox01In dd {
		font-size: 14px;
		line-height: 1.4em;
		font-weight: 500;
	}

	/*-----------------------------*/

	.contactWrap01 {
		display: block;
	}

	.contactBtn01 {
		display: table;
		width: 100%;
	}
	.contactBtn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 120px;
		color: #ffffff;
	}

	.contactP01 {
		display: inline-block;
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 500;
		background-image: url("/common/img/contact_btn_icon01.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 16px auto;
		padding-left: 28px;
	}
	.contactBtn01 a:hover .contactP01 {
		background-image: url("/common/img/contact_btn_icon01_on.png");
	}


	.contactBtn02 {
		display: table;
		width: 100%;
	}
	.contactBtn02 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 120px;
		color: #ffffff;
	}

	.contactP02 {
		display: inline-block;
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 500;
		background-image: url("/common/img/contact_btn_icon02.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 30px auto;
		padding: 5px 0px 5px 32px;
		margin-bottom: 3px;
	}
	.contactBtn02 a:hover .contactP02 {
		background-image: url("/common/img/contact_btn_icon02_on.png");
	}
	.contactP03 {
		font-size: 14px;
		line-height: 1.6em;
		font-weight: 500;
	}

	.topBlockWh01.topBlockBott0 {
		padding-bottom: 0px;
	}

	/*--------------------*/
	.detailFeatureFlex01 {
		display: block;
		padding: 0px 20px 0px 20px;
	}
	.detailFeatureFlexBox01 {
		display: block;
		position: relative;
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.detailFeatureFlexBox01:nth-child(3n) {
		margin-right: 0px;
	}
	.detailFeatureFlexBox01:last-child{
		margin-bottom: 0;
	}
	.detailFeatureFlexBoxIn01 {
		margin-top: 14px;
		text-align: left;
	}
	.detailFeatureDl01 {}
	.detailFeatureDl01 dt {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.detailFeatureDl01 dd {
		font-size: 14px;
		line-height: 1.75em;
	}


}



/* -------------------------------------------------------------------- 
 footer
-------------------------------------------------------------------- */

.footerWrap {
	padding: 50px 0px 50px 0px;
}
.footerBlock01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footerIn01 {
	padding-right: 30px;
	/*float: left;*/
	display: inline-block;
	box-sizing: border-box;
	width: 160px;
}
.footerIn01 img {
	width: 129px;
	height: auto;
}
.footerIn02 {
	/*float: left;*/
	box-sizing: border-box;
	width: 900px;
}
.footerNaviFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footerIn02Cell {
	box-sizing: border-box;
	/*width: 40%;*/
	padding-right: 50px;
	text-align: left;
	white-space: nowrap;
}
.footerIn02Cell:nth-child(1) {
	width: 330px;
}
.footerIn02Cell:nth-child(2) {
	width: 350px;
}
.footerIn02Cell:nth-child(3) {
	width: 220px;
	padding-right: 0px;
}

.footerBlock01 a:link {	color: #2F2F2F;	text-decoration: none;}
.footerBlock01 a:visited {	color: #2F2F2F;	text-decoration: none;}
.footerBlock01 a:hover {	color:#2F2F2F;	text-decoration: underline;}
.footerBlock01 a:active {	color:#2F2F2F;	text-decoration: none;}

.footerIn02Cell p {
	font-size: 15px;
	line-height: 2.0em;
	font-weight: 500;
}
.footerIn02Cell ul {
	margin-bottom: 30px;
}
.footerIn02Cell li {
	font-size: 14px;
	line-height: 2.0em;
}

.footerCopyWrap {
	padding: 70px 0px 0px 0px;
}
.footerCopy01 {
	font-size: 12px;
	line-height: 1.2em;
}


@media screen and (max-width:768px) {

	.footerWrap {
		padding: 30px 0px 30px 0px;
	}
	.footerBlock01 {
		display: block;
	}
	.footerIn01 {
		padding-right: 0px;
		/*float: left;*/
		display: block;
		box-sizing: border-box;
		width: auto;
		text-align: center;
		margin-bottom: 30px;
	}
	.footerIn01 img {
		width: 140px;
		height: auto;
	}
	.footerIn02 {
		/*float: left;*/
		box-sizing: border-box;
		width: auto;
		padding: 0px 15px 0px 40px;
	}
	.footerNaviFlex01 {
		display: block;
	}
	.footerIn02Cell {
		box-sizing: border-box;
		/*width: 40%;*/
		padding-right: 0px;
		text-align: left;
		white-space: nowrap;
	}
	.footerIn02Cell:nth-child(1) {
		width: auto;
	}
	.footerIn02Cell:nth-child(2) {
		width: auto;
	}
	.footerIn02Cell:nth-child(3) {
		width: auto;
		padding-right: 0px;
	}

	.footerBlock01 a:link {	color: #2F2F2F;	text-decoration: none;}
	.footerBlock01 a:visited {	color: #2F2F2F;	text-decoration: none;}
	.footerBlock01 a:hover {	color:#2F2F2F;	text-decoration: underline;}
	.footerBlock01 a:active {	color:#2F2F2F;	text-decoration: none;}

	.footerIn02Cell p {
		font-size: 15px;
		line-height: 2.0em;
		font-weight: 500;
	}
	.footerIn02Cell ul {
		margin-bottom: 20px;
	}
	.footerIn02Cell li {
		font-size: 14px;
		line-height: 2.0em;
	}


	.footerCopyWrap {
		padding: 30px 0px 0px 0px;
	}
	.footerCopy01 {
		font-size: 12px;
		line-height: 1.2em;
	}

/*---------------------*/

	.headerNavi {
		display: block;
		text-align: center;
		padding: 20px 20px 0px 20px;
	}
	.headerNavi li {
		display: block;
		float: left;
		width: 50%;
		padding: 10px 0px 10px 0px;
		font-size: 15px;
		line-height: 1.3em;
		font-weight: 500;
	}


}


/* -------------------------------------------------------------------- 
 壁面緑化
-------------------------------------------------------------------- */

.detailMainvisual {
	background-image: url("/common/img/wall-surface-greening/mainvisual_surface01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.detailMainTb01 {
	display: table;
}
.detailMainCell01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 470px;
	padding-top: 122px;
}
.detailMainBox01 {
	background-image: url("/common/img/detail_main_tit_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	display: inline-block;
	box-sizing: border-box;
	padding: 35px 25px 30px 30px;
	min-width: 450px;
}
.detailH201 {
	color: #ffffff;
	font-size: 40px;
	line-height: 1.2em;
	font-weight: 500;
}
.detailP01 {
	color: #ffffff;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 500;
	margin-top: 16px;
}

.detailH202 {
	color: #ffffff;
	font-size: 20px;
	line-height: 1.6em;
	font-weight: 500;
}


/*------------------------*/

.detailAncAreaWrap {
	padding: 80px 0px 80px 0px;
}

.detailAnc01_03 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.detailAnc01_03.flexWrapNo {
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.detailAnc01_03 li {
	width: 344px;
	margin-right: 18px;
	margin-bottom: 18px;
	display: table;
	position: relative;
}
.detailAnc01_03 li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 90px;
	padding-bottom: 26px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 500;
	background-color: #2e70be;
	border: 1px solid #2e70be;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.detailAnc01_03 li:nth-child(3n) {
	margin-right: 0px;
}
.detailAnc01_03 li a::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.detailAnc01_03 li a:hover {
	color: #2e70be;
	background-color: #ffffff;
}
.detailAnc01_03 li a:hover::after {
	border-top: solid 2px #2e70be;
	border-right: solid 2px #2e70be;
}

/*-------------------------------*/

.detailRecommendedBlock01 {
	margin-top: 40px;
}
.detailUl01 {
	text-align: left;
	display: inline-block;
}
.detailUl01 li {
	color: #ffffff;
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 500;
	text-indent: -1.25em;
	margin: 0px 0px 8px 1.25em;
}
.detailUl01 li .spanSq {
	margin-right: 0.25em;
}

/*-------------------------------*/

.detailExampleFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-top: 68px;
}
.detailExampleFlex01 li {
	text-align: left;
	width: 525px;
	margin-right: 20px;
	margin-bottom: 35px;
}
.detailExampleFlex01 li img {
	width: 100%;
	height: auto;
}

.detailExampleFlex01 li:nth-child(2n) {
	margin-right: 0px;
}
.detailExampleTextWrap01 {
	margin-top: 25px;
}
.detailExampleTextWrap01 .detailText01 {
	font-size: 14px;
	line-height: 1.7em;
}
.topBlockWh01.detailPd0 {
	padding-bottom: 0px;
}

/*---------------------------------*/

.greenEffectBox01.detailMeritFlex01 {
	margin-top: 20px;
}
.greenEffectBox01.detailMeritFlex01 li {
	width: 525px;
	height: auto;
	margin-right: 20px;
	margin-top: 70px;
}
.greenEffectBox01.detailMeritFlex01 li img {
	width: 100%;
	height: auto;
}
.greenEffectBox01.detailMeritFlex01 li:nth-child(2n) {
	margin-right: 0px;
}
.greenEffectBox01.detailMeritFlex01 li dd {
	text-align: left;
	padding: 30px 28px 48px 28px;
	font-size: 14px;
	line-height: 1.7em;
}
.detailMeritTb01 {
	display: table;
	width: 100%;
}
.detailMeritCell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 120px;
	font-size: 20px;
	line-height: 1.65em;
	font-weight: bold;
}





@media screen and (max-width:768px) {

	/*.detailMainvisual {
		background-image: url("");
	}*/
	.detailMainTb01 {
		display: table;
		width: 100%;
	}
	.detailMainCell01 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 360px;
		padding: 60px 20px 0px 20px;
	}
	.detailMainBox01 {
		display: block;
		padding: 25px 20px 25px 20px;
		min-width: 100px;
	}
	.detailH201 {
		color: #ffffff;
		font-size: 22px;
		line-height: 1.2em;
		font-weight: 500;
	}
	.detailP01 {
		color: #ffffff;
		font-size: 14px;
		line-height: 1.2em;
		font-weight: 500;
		margin-top: 15px;
	}

	.detailH202 {
		color: #ffffff;
		font-size: 14px;
		line-height: 1.6em;
		font-weight: 500;
	}

	/*------------------------*/

	.detailAncAreaWrap {
		padding: 30px 20px 30px 20px;
	}

	.detailAnc01_03 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.detailAnc01_03.flexWrapNo {
	  -ms-flex-wrap: wrap;
	  -webkit-flex-wrap: wrap;
	      flex-wrap: wrap;
	}
	.detailAnc01_03 li {
		width: 100%;
		margin-right: 0px;
		display: table;
		position: relative;
		margin-bottom: 15px;
	}
	.detailAnc01_03 li a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 66px;
		padding-bottom: 26px;
		color: #ffffff;
		font-size: 17px;
		line-height: 1.2em;
		font-weight: 500;
		background-color: #2e70be;
		border: 1px solid #2e70be;
	}
	.detailAnc01_03 li:last-child {
		margin-bottom: 0px;
	}
	.detailAnc01_03 li:nth-child(3n) {
		margin-right: 0px;
	}
	.detailAnc01_03 li a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		margin-left: -4px;
		bottom: 18px;
	}

	.detailAnc01_03 li a:hover {
		color: #2e70be;
		background-color: #ffffff;
	}
	.detailAnc01_03 li a:hover::after {
		border-top: solid 2px #2e70be;
		border-right: solid 2px #2e70be;
	}

	/*-------------------------------*/

	.detailRecommendedBlock01 {
		margin-top: 40px;
	}
	.detailUl01 {
		text-align: left;
		display: block;
	}
	.detailUl01 li {
		color: #ffffff;
		font-size: 16px;
		line-height: 1.5em;
		font-weight: 500;
		text-indent: -1.25em;
		margin: 0px 0px 8px 1.25em;
	}

	/*-------------------------------*/

	.detailExampleFlex01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin-top: 40px;
	}
	.detailExampleFlex01 li {
		text-align: left;
		width: auto;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.detailExampleFlex01 li:last-child {
		margin-bottom: 0px;
	}
	.detailExampleFlex01 li:nth-child(2n) {
		margin-right: 0px;
	}
	.detailExampleTextWrap01 {
		margin-top: 15px;
	}
	.detailExampleTextWrap01 .detailText01 {
		font-size: 14px;
		line-height: 1.7em;
	}
	.topBlockWh01.detailPd0 {
		padding-bottom: 0px;
	}

	/*---------------------------------*/

	.greenEffectBox01.detailMeritFlex01 {
		margin-top: 10px;
	}
	.greenEffectBox01.detailMeritFlex01 li {
		width: auto;
		height: auto;
		margin-right: 0px;
		margin-top: 40px;
	}
	.greenEffectBox01.detailMeritFlex01 li:nth-child(2n) {
		margin-right: 0px;
	}
	.greenEffectBox01.detailMeritFlex01 li dd {
		text-align: left;
		padding: 20px 20px 20px 20px;
		font-size: 14px;
		line-height: 1.7em;
	}
	.detailMeritTb01 {
		display: table;
		width: 100%;
	}
	.detailMeritCell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: auto;
		font-size: 16px;
		line-height: 1.65em;
		font-weight: bold;
		padding: 20px 0px 15px 0px;
	}



}


/* -------------------------------------------------------------------- 
 ハイドロカルチャーとは
-------------------------------------------------------------------- */

.detailMainvisual.detailHydro {
	background-image: url("/common/img/hydroculture/mainvisual_hydro01.jpg");
}

.detailHydroBoxWrap01 {
	width: 810px;
	margin: 70px auto 0px auto;
}
.detailHydroBox01 {}
.detailHydroBox01 dt {
	text-align: center;
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 30px;
}
.detailHydroBox01 dd {
	border: 4px solid #50B8E8;
	background-color: #ffffff;
	padding: 30px 40px 30px 40px;
	text-align: left;
}
.detailUl02 li {
	font-size: 19px;
	line-height: 1.7em;
	font-weight: bold;
	text-indent: -1.25em;
	padding-left: 1.25em;
}

.detailHydroBox01.detailHydroBox02 {
	position: relative;
	margin-top: 100px;
}
.detailHydroBox01.detailHydroBox02::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #70c931 transparent transparent transparent;
	position: absolute;
	top: -75px;
	left: 50%;
	margin-left: -100px;
}
.detailHydroBox01.detailHydroBox02 dd {
	border: 4px solid #71C931;
}

.detailText02 {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	margin-top: 60px;
}

.detailFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	margin-top: 80px;
}
.detailHydroFlBox01 {
	width: 515px;
}
.detailHydroFlBox01 img {
	width: 344px;
	height: auto;
}
.detailHydroFlBox02 {
	text-align: left;
	width: 535px;
	font-size: 16px;
	line-height: 1.75em;
}

.detailHydroBlock01 {
	background-color: #50B8E8;
	padding: 40px 0px 40px 0px;
	margin-top: 50px;
}
.detailHydroFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detailHydroFlex01 li {
	width: 344px;
	margin-right: 19px;
}
.detailHydroFlex01 li:nth-child(3n) {
	margin-right: 0px;
}
.detailHydroFlex01 dl {
	margin-top: 20px;
	color: #ffffff;
}
.detailHydroFlex01 dt {
	font-size: 24px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
.detailHydroFlex01 dt::after {
	content: "";
	width: 60px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: -10px;
}
.detailHydroFlex01 dd {
	text-align: left;
}
.detailHydroTb01 {
	display: table;
	width: 100%;
}
.detailHydroCell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
	height: 84px;
}
.detailHydroText01 {
	font-size: 14px;
	line-height: 1.7em;
	margin-top: 12px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.greenEffectBox01 li.detailHydroBgWh {
	background-color: #ffffff;
	margin-top: 20px;
}
.detailHydroMeritText01{
	display: inline-block;
	color: #50B8E8;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	border: 2px solid #50B8E8;
	padding: 8px 20px 9px 20px;
	margin-bottom: 30px;
}
.detailHydroMeritText02 {
	text-align: left;
	font-size: 16px;
	line-height: 1.75em;
}


@media screen and (max-width:768px) {

	/*.detailMainvisual.detailHydro {
		background-image: url("/hydroculture/img/mainvisual_hydro01.jpg");
	}*/

	.detailHydroBoxWrap01 {
		width: auto;
		margin: 30px auto 0px auto;
	}
	.detailHydroBox01 {}
	.detailHydroBox01 dt {
		text-align: center;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.detailHydroBox01 dd {
		border: 4px solid #50B8E8;
		background-color: #ffffff;
		padding: 15px 15px 15px 15px;
		text-align: left;
	}
	.detailUl02 li {
		font-size: 15px;
		line-height: 1.7em;
		font-weight: bold;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}

	.detailHydroBox01.detailHydroBox02 {
		position: relative;
		margin-top: 50px;
	}
	.detailHydroBox01.detailHydroBox02::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 50px 0 50px;
	border-color: #70c931 transparent transparent transparent;
		position: absolute;
		top: -34px;
		left: 50%;
		margin-left: -50px;
	}
	.detailHydroBox01.detailHydroBox02 dd {
		border: 4px solid #71C931;
	}

	.detailText02 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: 500;
		margin-top: 30px;
		/*text-align: left;*/
	}

	.detailFlex01 {
		display: block;
		margin-top: 40px;
	}
	.detailHydroFlBox01 {
		width: auto;
	}
	.detailHydroFlBox01 img {
		width: 70%;
		height: auto;
	}
	.detailHydroFlBox02 {
		text-align: left;
		width: auto;
		font-size: 14px;
		line-height: 1.75em;
	}

	.detailHydroBlock01 {
		background-color: #50B8E8;
		padding: 30px 20px 30px 20px;
		margin-top: 40px;
	}
	.detailHydroFlex01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.detailHydroFlex01 li {
		width: auto;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.detailHydroFlex01 li:nth-child(3n) {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.detailHydroFlex01 dl {
		margin-top: 15px;
		color: #ffffff;
	}
	.detailHydroFlex01 dt {
		font-size: 20px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 10px;
		position: relative;
	}
	.detailHydroFlex01 dt::after {
		content: "";
		width: 60px;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		left: 50%;
		margin-left: -30px;
		bottom: -10px;
	}
	.detailHydroFlex01 dd {
		text-align: left;
	}
	.detailHydroTb01 {
		display: table;
		width: 100%;
	}
	.detailHydroCell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		font-size: 20px;
		line-height: 1.7em;
		font-weight: bold;
		height: auto;
		padding: 15px 0px 15px 0px;
	}
	.detailHydroText01 {
		font-size: 14px;
		line-height: 1.7em;
		margin-top: 0px;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.greenEffectBox01 li.detailHydroBgWh {
		background-color: #ffffff;
		margin-top: 20px;
	}
	.detailHydroMeritText01{
		display: inline-block;
		color: #50B8E8;
		font-size: 16px;
		line-height: 1.2em;
		font-weight: bold;
		border: 2px solid #50B8E8;
		padding: 8px 20px 9px 20px;
		margin-bottom: 15px;
	}
	.detailHydroMeritText02 {
		text-align: left;
		font-size: 14px;
		line-height: 1.75em;
	}


}


/* -------------------------------------------------------------------- 
 緑化システム（一覧）
-------------------------------------------------------------------- */

.detailMainvisual.detailRyokuka {
	background-image: url("/common/img/style/ryokuka_mainvisual01.jpg");
}

.detailAnc01_03.detailRyokuka li {
	margin-bottom: 18px;
}
.detailAnc01_03.detailRyokuka li a {
	height: 82px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}
.detailAnc01_03 li a .detailAncSpan01 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
}

.detailRyokukaFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.detailRyokukaBox01 {
	width: 525px;
	display: block;
	background-color: #F5F5F5;
	position: relative;
	margin-bottom: 80px;
}
.detailRyokukaBox01.full01 {
	width: 1060px;
}

.detailRyokukaImgBox01 {
	position: relative;
}
.detailRyokukaImgBox01 img {
	width: 100%;
	height: auto;
}

.detailRyokukaTb01 {
	display: table;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.detailRyokukaTb01 p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-image: url("/common/img/greening_tit_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	height: 88px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
}

.detailRyokukaTb01.relative01 {
	position: relative;
	left: 0px;
	bottom: auto;
	top: 0px;
}

/*-------------*/

.detailRyokukaFlexIn01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detailRyokukaLeft {
	width: 50%;
}
.detailRyokukaRight {
	width: 50%;
	position: relative;
}

.detailRyokukaFlexIn01 .detailRyokukaTb01 p {
	height: 155px;
}

/*--------------*/

.detailRyokukaBoxIn01 {
	padding: 30px 40px 125px 40px;
}
.ryokukaText01 {
	font-size: 18px;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 28px;
}
.ryokukaText02 {
	font-size: 14px;
	line-height: 1.75em;
	font-weight: bold;
	color: #50B8E8;
	display: inline-block;
	position: relative;
	margin-bottom: 28px;
}
.ryokukaText02::before {
	content: "";
	background-image: url("/common/img/style/ryokuka_icon_left.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 9px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	left: -20px;
}
.ryokukaText02::after {
	content: "";
	background-image: url("/common/img/style/ryokuka_icon_right.png");
	background-repeat: no-repeat;
	background-position: center center;
	width: 9px;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	right: -20px;
}
.ryokukaText03 li {
	font-size: 14px;
	line-height: 1.75em;
	text-align: left;
	text-indent: -1.25em;
	padding-left: 1.25em;
}

.contBtn05.ryokukaBtn01 {
	width: 245px;
}
.contBtn05.ryokukaBtn01 .contBtnSpan01 {
	height: 56px;
}

.hydrocultureWrap01.detailMt0 {
	margin-top: 0px;
}


@media screen and (max-width:768px) {

	.detailMainvisual.detailRyokuka {
		background-image: url("/common/img/style/ryokuka_mainvisual01.jpg");
	}

	.detailAnc01_03.detailRyokuka li {
		margin-bottom: 20px;
	}
	.detailAnc01_03.detailRyokuka li a {
		height: 80px;
	}
	.detailAnc01_03 li a .detailAncSpan01 {
		font-size: 16px;
		line-height: 1.5em;
	}

	.detailRyokukaFlex01 {
		display: block;
		padding: 0px 20px 0px 20px;
	}

	.detailRyokukaBox01 {
		width: 100%;
		display: block;
		background-color: #F5F5F5;
		position: relative;
		margin-bottom: 40px;
	}
	.detailRyokukaBox01.full01 {
		width: 100%;
	}

	.detailRyokukaImgBox01 {
		position: relative;
	}
	.detailRyokukaImgBox01 img {
		width: 100%;
		height: auto;
	}

	.detailRyokukaTb01 {
		display: table;
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	.detailRyokukaTb01 p {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		background-image: url("/common/img/greening_tit_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		height: 88px;
		color: #ffffff;
		font-size: 20px;
		line-height: 1.7em;
		font-weight: bold;
	}

	.detailRyokukaTb01.relative01 {
		position: relative;
		left: 0px;
		bottom: auto;
		top: 0px;
	}

	/*-------------*/

	.detailRyokukaFlexIn01 {
		display: block;
	}
	.detailRyokukaLeft {
		width: auto;
	}
	.detailRyokukaRight {
		width: auto;
		position: relative;
	}

	.detailRyokukaFlexIn01 .detailRyokukaTb01 p {
		height: 88px;
	}

	/*--------------*/

	.detailRyokukaBoxIn01 {
		padding: 20px 20px 30px 20px;
	}
	.ryokukaText01 {
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		text-align: center;
		margin-bottom: 20px;
	}
	.ryokukaText02 {
		font-size: 14px;
		line-height: 1.75em;
		font-weight: bold;
		color: #50B8E8;
		display: inline-block;
		position: relative;
		margin-bottom: 20px;
	}
	.ryokukaText02::before {
		content: "";
		background-image: url("/common/img/style/ryokuka_icon_left.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 9px;
		height: 24px;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		left: -20px;
	}
	.ryokukaText02::after {
		content: "";
		background-image: url("/common/img/style/ryokuka_icon_right.png");
		background-repeat: no-repeat;
		background-position: center center;
		width: 9px;
		height: 24px;
		position: absolute;
		top: 50%;
		margin-top: -12px;
		right: -20px;
	}
	.ryokukaText03 li {
		font-size: 14px;
		line-height: 1.75em;
		text-align: left;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}

	.contBtn05.ryokukaBtn01 {
		width: 245px;
	}
	.contBtn05.ryokukaBtn01 .contBtnSpan01 {
		height: 56px;
	}

	.hydrocultureWrap01.detailMt0 {
		margin-top: 0px;
	}



}


/* -------------------------------------------------------------------- 
 導入事例（一覧）
-------------------------------------------------------------------- */

.detailMainvisual.detailCase01 {
	background-image: url("/common/img/case/case_mainvisual01.jpg");
}

.detailCaseBox01 {
	margin-bottom: 40px;
}
.detailCaseBox01:last-child {
	margin-bottom: 0px;
}

.detailAnc02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detailAnc02 li {
	display: table;
	width: 206px;
	margin-right: 10px;
	margin-top: 10px;
}
.detailAnc02 li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 64px;
	border: 2px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.5em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.detailAnc02 li a:hover {
	color:#2E6FBE;
	text-decoration: none;
	background-color: #ffffff;
}
.detailAnc02 li:nth-child(5n) {
	margin-right: 0px;
}

.detailAnc02.detailAnc02_wh li a {
	background-color: #ffffff;
	color: #2E6FBE;
}
.detailAnc02.detailAnc02_wh li a:hover {
	color:#ffffff;
	background-color: #2E6FBE;
}

.detailCaseH301 {
	font-size: 28px;
	line-height: 1.5em;
	font-weight: 500;
	text-align: center;
	margin-bottom: 40px;
}

/*--------------------*/

.detailCaseFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detailCaseFlexBox01 {
	position: relative;
	width: 343px;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.detailCaseFlexBox01:nth-child(3n) {
	margin-right: 0px;
}
.detailCaseFlexBox01.detailCaseFlexBox01P2 {
	width: 525px;
}
.detailCaseFlexBox01P2:nth-child(2n) {
	margin-right: 0px;
}
.detailCaseFlexBox01.detailCaseFlexBox01P2:nth-child(2n+1) {
	margin-right: 20px;
}
.detailCaseFlexBox01P2::after {
	content: "";
	background-image: url("/common/img/case/case_pickup01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100px auto;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.detailCaseFlexBoxIn01 {
	margin-top: 14px;
	text-align: left;
}

.detailCaseCateWrap01 {
	margin-bottom: 14px;
}
.detailCaseCateWrap01 li {
	display: inline-block;
	border: 1px solid #2E6FBE;
	font-size: 14px;
	line-height: 1.2em;
	padding: 1px 16px 3px 16px;
	margin-right: 4px;
	margin-bottom: 4px;
}
.detailCaseCateWrap01 li.liWh {
	background-color: #ffffff;
	color: #2E6FBE;
}
.detailCaseCateWrap01 li.liBl {
	background-color: #2E6FBE;
	color: #ffffff;
}

.detailCaseDl01 {}
.detailCaseDl01 dt {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 13px;
}
.detailCaseDl01 dd {
	font-size: 14px;
	line-height: 1.75em;
}




@media screen and (max-width:768px) {

	.detailMainvisual.detailCase01 {
		background-image: url("/common/img/case/case_mainvisual01.jpg");
	}

	.detailCaseBox01 {
		margin-bottom: 30px;
	}
	.detailCaseBox01:last-child {
		margin-bottom: 0px;
	}

	.detailAnc02 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.detailAnc02 li {
		display: table;
		width: 48%;
		margin-right: 2%;
		margin-top: 10px;
	}
	.detailAnc02 li a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 50px;
		border: 2px solid #2E6FBE;
		background-color: #2E6FBE;
		color: #ffffff;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: -0.05em;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.detailAnc02 li a:hover {
		color:#2E6FBE;
		text-decoration: none;
		background-color: #ffffff;
	}
	.detailAnc02 li:nth-child(5n) {
		margin-right: 2%;
	}
	.detailAnc02 li:nth-child(2n) {
		margin-right: 0px;
	}

	.detailAnc02.detailAnc02_wh li a {
		background-color: #ffffff;
		color: #2E6FBE;
	}
	.detailAnc02.detailAnc02_wh li a:hover {
		color:#ffffff;
		background-color: #2E6FBE;
	}

	.detailCaseH301 {
		font-size: 20px;
		line-height: 1.5em;
		font-weight: 500;
		text-align: center;
		margin-bottom: 10px;
	}

	/*--------------------*/

	.detailCaseFlex01 {
		display: block;
		padding: 0px 20px 0px 20px;
	}
	.detailCaseFlexBox01 {
		display: block;
		position: relative;
		width: auto;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
	}
	.detailCaseFlexBox01:nth-child(3n) {
		margin-right: 0px;
	}

	.detailCaseFlexBox01.detailCaseFlexBox01P2 {
		width: auto;
	}
	.detailCaseFlexBox01.detailCaseFlexBox01P2:nth-child(3n) {
		margin-right: 0px;
	}
	.detailCaseFlexBox01P2:nth-child(2n) {
		margin-right: 0px;
	}
	.detailCaseFlexBox01P2::after {
		content: "";
		background-image: url("/common/img/case/case_pickup01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100px auto;
		width: 100px;
		height: 100px;
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.detailCaseFlexBoxIn01 {
		margin-top: 14px;
		text-align: left;
	}

	.detailCaseCateWrap01 {
		margin-bottom: 10px;
	}
	.detailCaseCateWrap01 li {
		display: inline-block;
		border: 1px solid #2E6FBE;
		font-size: 13px;
		line-height: 1.2em;
		padding: 1px 13px 3px 13px;
		margin-right: 4px;
		margin-bottom: 4px;
	}
	.detailCaseCateWrap01 li.liWh {
		background-color: #ffffff;
		color: #2E6FBE;
	}
	.detailCaseCateWrap01 li.liBl {
		background-color: #2E6FBE;
		color: #ffffff;
	}

	.detailCaseDl01 {}
	.detailCaseDl01 dt {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.detailCaseDl01 dd {
		font-size: 14px;
		line-height: 1.75em;
	}



}


/* -------------------------------------------------------------------- 
 導入事例（詳細）
-------------------------------------------------------------------- */

.detailMainvisual.detailCaseDetail01 {
	background-image: url("/common/img/case_detail/case_detail_mainvisual01.jpg");
}

.detailCaseBlock01 {
	margin: 80px 0px 0px 0px;
	text-align: left;
}
.detailCaseH401Wrap {
	background-color: #50B8E8;
	padding: 14px 30px 14px 30px;
	margin-bottom: 40px;
}
.detailCaseH401 {
	color: #ffffff;
	font-size: 26px;
	line-height: 1.6em;
	font-weight: bold;
}
.detailCaseText01 {
	font-size: 16px;
	line-height: 1.75em;
  text-align: justify;
  text-justify: inter-ideograph;
}

.detailCaseFlex02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	padding-top: 40px;
}
.detailCaseFlex02 li {
	width: 525px;
	margin-right: 20px;
	margin-top: 20px;
}
.detailCaseFlex02 li:nth-child(2n) {
	margin-right: 0px;
}

.detailCasePro01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	text-align: left;
	margin-top: 40px;
}
.detailCaseProLeft {
	width: 343px;
}
.detailCaseProRight {
	width: 700px;
}

.detailCaseTable01 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 6px;
	margin-top: 34px;
}
.detailCaseTable01 th {
	text-align: left;
	vertical-align: top;
	background-color: #50B8E8;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
	padding: 15px 25px 15px 25px;
}
.detailCaseTable01 td {
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	font-size: 16px;
	line-height: 1.5em;
	padding: 15px 25px 15px 25px;
}
.detailCaseTable01 td a{
    color: #002aff;
    text-decoration: underline;
}



@media screen and (max-width:768px) {

	.detailMainvisual.detailCaseDetail01 {
		background-image: url("/common/img/case_detail/case_detail_mainvisual01.jpg");
	}

	.detailCaseBlock01 {
		margin: 30px 0px 0px 0px;
		text-align: left;
	}
	.detailCaseH401Wrap {
		background-color: #50B8E8;
		padding: 6px 15px 6px 15px;
		margin-bottom: 10px;
	}
	.detailCaseH401 {
		color: #ffffff;
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.detailCaseText01 {
		font-size: 14px;
		line-height: 1.6em;
		text-align: justify;
		text-justify: inter-ideograph;
	}

	.detailCaseFlex02 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		padding-top: 0px;
	}
	.detailCaseFlex02 li {
		width: auto;
		margin-right: 0px;
		margin-top: 15px;
	}
	.detailCaseFlex02 li:nth-child(2n) {
		margin-right: 0px;
	}

	.detailCasePro01 {
		display: block;
		text-align: left;
		margin-top: 30px;
	}
	.detailCaseProLeft {
		width: auto;
		margin-bottom: 15px;
	}
	.detailCaseProRight {
		width: auto;
	}

	.detailCaseTable01 {
		display: block;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0px 10px;
		margin-top: 20px;
	}
	.detailCaseTable01 th {
		display: block;
		text-align: left;
		vertical-align: top;
		background-color: #50B8E8;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.5em;
		font-weight: bold;
		padding: 10px;
	}
	.detailCaseTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		background-color: #ffffff;
		font-size: 15px;
		line-height: 1.5em;
		padding: 10px;
	}
	.detailCaseTable01 td a {
	    display: block;
	    text-align: right;
	}


}


/* -------------------------------------------------------------------- 
 コラム（一覧）
-------------------------------------------------------------------- */

.detailMainvisual.detailBlog01 {
	background-image: url("/common/img/blog/blog_mainvisual01.jpg");
}

.contBlockWrap01 {
	text-align: left;
	padding: 86px 0px 0px 0px;
}
.contMainBlock01 {
	width: 706px;
	float: left;
}
.contSideBlock01 {
	width: 334px;
	float: right;
}

.contSideBox01 {
	margin-bottom: 40px;
}
.contBlogH301 {
	font-size: 28px;
	line-height: 1.4em;
	font-weight: 500;
	border-bottom: 2px solid #50B8E8;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.contSideUl01 li {
	border-bottom: 1px solid #CCCCCC;
	padding: 0px 0px 20px 0px;
	margin-bottom: 20px;
}
.contSideUl01 li:last-child {
	margin-bottom: 0px;
}

.contSideUlTb01 {
	display: table;
	width: 100%;
	position: relative;
}
.contSideUlTb01Cell01 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 80px;
	padding-right: 10px;
}
.contSideUlTb01Cell02 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.contSideText01 {
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 500;
}
.contSideText02 {
	display: inline-block;
	border: 1px solid #2E6FBE;
	font-size: 12px;
	line-height: 1.0em;
	color: #2E6FBE;
	padding: 3px 10px 4px 10px;
	margin: 0 10px 10px 0;
}
.contSideText02.contSideText0202 {
	left: 0px;
}
.contSideText03 {
	font-size: 12px;
	line-height: 1.0em;
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.contSideUl02 li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.contSideBtn01 {
	display: table;
}
.contSideBtn01 p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #2E6FBE;
	background-color: #ffffff;
	border: 1px solid #2E6FBE;
	font-size: 12px;
	line-height: 1.0em;
	height: 26px;
	box-sizing: border-box;
	padding: 2px 10px 2px 10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.contSideBtn01:hover p {
	color: #ffffff;
	background-color: #2E6FBE;
}

.contSideBox02 {
	margin-top: 40px;
}
.contSideUl03 li {
	margin-bottom: 20px;
}
.contSideUl03 li a {
	display: block;
}
.contSideDl01 {
	width: 100%;
	color: #ffffff;
	text-align: center;
}
.contSideDl01 dt {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
.contSideDl01 dd {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 500;
}

/*-------------------*/

.contBlogFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.contBlogFlexBox01 {
	display: block;
	position: relative;
	width: 343px;
	margin: 0px 0px 40px 0px;
	text-align: left;
}
.contBlogBoxIn01 {
	padding: 10px 0px 10px 0px;
}
.contBlogText01 {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}

/*--------------------------*/

.contBlogCateFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}


@media screen and (max-width:768px) {

	.detailMainvisual.detailBlog01 {
		background-image: url("/common/img/blog/blog_mainvisual01.jpg");
	}

	.contBlockWrap01 {
		text-align: left;
		padding: 40px 20px 0px 20px;
	}
	.contMainBlock01 {
		width: auto;
		float: none;
	}
	.contSideBlock01 {
		width: auto;
		float: none;
	}

	.contSideBox01 {
		margin-bottom: 40px;
	}
	.contBlogH301 {
		font-size: 20px;
		line-height: 1.4em;
		font-weight: 500;
		border-bottom: 2px solid #50B8E8;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.contSideUl01 li {
		border-bottom: 1px solid #CCCCCC;
		padding: 0px 0px 20px 0px;
		margin-bottom: 20px;
	}
	.contSideUl01 li:last-child {
		margin-bottom: 0px;
	}

	.contSideUlTb01 {
		display: table;
		width: 100%;
		position: relative;
	}
	.contSideUlTb01Cell01 {
		display: table-cell;
		text-align: left;
		vertical-align: top;
		width: 80px;
		padding-right: 10px;
	}
	.contSideUlTb01Cell02 {
		display: table-cell;
		text-align: left;
		vertical-align: top;
	}
	.contSideText01 {
		font-size: 14px;
		line-height: 1.7em;
		font-weight: 500;
	}
	.contSideText02 {
		display: inline-block;
		border: 1px solid #2E6FBE;
		font-size: 12px;
		line-height: 1.0em;
		color: #2E6FBE;
		padding: 3px 10px 4px 10px;
		margin: 0 10px 10px 0;
	}
	.contSideText02.contSideText0202 {
		left: 0px;
	}
	.contSideText03 {
		font-size: 12px;
		line-height: 1.0em;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}

	.contSideUl02 li {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.contSideBtn01 {
		display: table;
	}
	.contSideBtn01 p {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		color: #2E6FBE;
		background-color: #ffffff;
		border: 1px solid #2E6FBE;
		font-size: 12px;
		line-height: 1.0em;
		height: 26px;
		box-sizing: border-box;
		padding: 2px 10px 2px 10px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	.contSideBtn01:hover p {
		color: #ffffff;
		background-color: #2E6FBE;
	}

	.contSideBox02 {
		margin-top: 40px;
	}
	.contSideUl03 li {
		margin-bottom: 20px;
	}
	.contSideUl03 li a {
		display: block;
	}
	.contSideDl01 {
		width: 100%;
		color: #ffffff;
		text-align: center;
	}
	.contSideDl01 dt {
		font-size: 18px;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.contSideDl01 dd {
		font-size: 14px;
		line-height: 1.5em;
		font-weight: 500;
	}

	/*-------------------*/

	.contBlogFlex01 {
		display: block;
	}
	.contBlogFlexBox01 {
		display: block;
		position: relative;
		width: auto;
		margin: 0px 0px 40px 0px;
		text-align: left;
	}
	.contBlogBoxIn01 {
		padding: 10px 0px 10px 0px;
	}
	.contBlogText01 {
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 15px;
	}

	/*--------------------------*/

	.contBlogCateFlex01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}



}



/* -------------------------------------------------------------------- 
 導入の流れ
-------------------------------------------------------------------- */

.detailMainvisual.detailFlow01 {
	background-image: url("/common/img/flow/flow_mainvisual01.jpg");
}

.contFlowWrap01 {
	padding: 80px 0px 40px 0px;
}
.contFlowUl01 {}
.contFlowUl01 .contFlowLi01 {
	position: relative;
	padding: 46px 0px 0px 0px;
	margin-bottom: 88px;
}
.contFlowUl01 .contFlowLi01:last-child {
	margin-bottom: 0px;
}
.contFlowUl01 .contFlowLi01::before {
	content: "";
	background-image: url("/common/img/flow/flow_line_dot01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	width: 6px;
	height: 54px;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: -68px;
}
.contFlowUl01 .contFlowLi01:first-child::before {
	display: none;
}

.contFlowLi01 {
	position: relative;
}

.contFlowLi01 dl {
	background-color: #F5F5F5;
}
.contFlowLi01 dt {
	color: #50B8E8;
	font-size: 40px;
	line-height: 1.0em;
	font-weight: 600;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.contFlowLi01 dt::after {
	content: "";
	width: 28px;
	height: 1px;
	background-color: #50B8E8;
	position: absolute;
	bottom: -14px;
	left: 50%;
	margin-left: -14px;
}
.contFlowStep01 {
	font-size: 16px;
	line-height: 1.5em;
	display: block;
}
.contFlowLi01 dd {
	padding: 80px 40px 40px 40px;
}

.contFlowTb01 {
	display: table;
	width: 100%;
}
.contFlowTb01Cell01 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 618px;
	padding-right: 30px;
}
.contFlowTb01Cell02 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	width: 343px;
}

.contFlowH301 {
	font-size: 28px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 40px;
}
.contFlowText01 {
	font-size: 16px;
	line-height: 1.75em;
  text-align: justify;
  text-justify: inter-ideograph;
	margin-top: 1em;
}




@media screen and (max-width:768px) {

	.detailMainvisual.detailFlow01 {
		background-image: url("/common/img/flow/flow_mainvisual01.jpg");
	}

	.contFlowWrap01 {
		padding: 40px 20px 20px 20px;
	}
	.contFlowUl01 {}
	.contFlowUl01 .contFlowLi01 {
		position: relative;
		padding: 46px 0px 0px 0px;
		margin-bottom: 88px;
	}
	.contFlowUl01 .contFlowLi01:last-child {
		margin-bottom: 0px;
	}
	.contFlowUl01 .contFlowLi01::before {
		content: "";
		background-image: url("/common/img/flow/flow_line_dot01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		width: 6px;
		height: 54px;
		position: absolute;
		left: 50%;
		margin-left: -3px;
		top: -68px;
	}
	.contFlowUl01 .contFlowLi01:first-child::before {
		display: none;
	}

	.contFlowLi01 {
		position: relative;
	}

	.contFlowLi01 dl {
		background-color: #F5F5F5;
	}
	.contFlowLi01 dt {
		color: #50B8E8;
		font-size: 40px;
		line-height: 1.0em;
		font-weight: 600;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
	}
	.contFlowLi01 dt::after {
		content: "";
		width: 28px;
		height: 1px;
		background-color: #50B8E8;
		position: absolute;
		bottom: -14px;
		left: 50%;
		margin-left: -14px;
	}
	.contFlowStep01 {
		font-size: 16px;
		line-height: 1.5em;
		display: block;
	}
	.contFlowLi01 dd {
		padding: 46px 20px 20px 20px;
	}

	.contFlowTb01 {
		display: block;
		width: 100%;
	}
	.contFlowTb01Cell01 {
		display: block;
		text-align: left;
		vertical-align: top;
		width: auto;
		padding-right: 0px;
		margin-bottom: 15px;
	}
	.contFlowTb01Cell02 {
		display: block;
		text-align: left;
		vertical-align: top;
		width: auto;
	}

	.contFlowH301 {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.contFlowText01 {
		font-size: 14px;
		line-height: 1.75em;
		text-align: justify;
		text-justify: inter-ideograph;
		margin-top: 1em;
	}



}


/* -------------------------------------------------------------------- 
 導入の目的・効果別ケーススタディ(一覧）
-------------------------------------------------------------------- */

.detailMainvisual.detailTask01 {
	background-image: url("/common/img/task/task_mainvisual01.jpg");
}

.detailAncAreaWrap.detailAncAreaWrap02 {
	padding: 80px 0px 50px 0px;
}

.detailTaskAc01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detailTaskAc01 li {
	display: table;
	width: 260px;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;
}
.detailTaskAc01 li:nth-child(4n) {
	margin-right: 0px;
}
/*2カラム*/
.detailTaskAc01 li.w50p {
	width: calc(50% - 10px);
	margin-right: 10px;
}
.detailTaskAc01 li.h120 {
	height: 120px;
}
.detailTaskAc01 li.h120 a{
	vertical-align: middle;
}
.detailTaskAc01 li.w50p:nth-child(2n) {
	margin-right: 0px;
}

.detailTaskAc01 li a {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
	box-sizing: border-box;
	min-height: 82px;
	padding: 10px 10px 28px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
}

.detailTaskAc01 li a::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.detailTaskAc01 li a:hover {
	color: #2E6FBE;
	background-color: #ffffff;
}
.detailTaskAc01 li a:hover::after {
	border-top: solid 2px #2E6FBE;
	border-right: solid 2px #2E6FBE;
}

.taskAncText01 {
	display: inline-block;
	background-color: #ffffff;
	width: 82px;
	font-size: 14px;
	line-height: 1.0em;
	color: #2E6FBE;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	padding: 2px 0px 3px 0px;
	margin-bottom: 2px;
}
.detailTaskAc01 li a:hover .taskAncText01 {
	color: #ffffff;
	background-color: #2E6FBE;
}

.taskAncText02 {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: bold;
}

/*------------------*/

.detailBlockPb60 {
	padding: 0px 0px 60px 0px;
}

.detailTaskListTit01 {
	margin-bottom: 40px;
}
.detailTaskListTit01 a {
}
.detailTaskTb01 {
	display: table;
	width: 100%;
	background-color: #50B8E8;
	color: #ffffff;
}
.detailTaskTb01 .cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 170px;
	height: 66px;
}
.detailTaskTb01 .cell01 p {
	background-color: #ffffff;
	color: #2E6FBE;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: bold;
	box-sizing: border-box;
	width: 110px;
	padding: 2px 2px 3px 2px;
	margin: auto;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

.detailTaskTb01 .cell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.detailTaskTb01 .cell02 p {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: bold;
}

.detailTaskListWrap01 li {
	margin-top: 20px;
}
.detailTaskTb02 {
	display: table;
	width: 100%;
}
.detailTaskTb02 .cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	width: 150px;
	height: 64px;
	background-color: #2E6FBE;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 600;
}
.detailTaskTb02 .cell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	padding-left: 30px;
	background-color: #F5F5F5;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: bold;
}
.detailTaskAr01 {
	padding-left: 22px;
	position: relative;
}
.detailTaskAr01::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #2e6fbe;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
}

/*------------------*/

.detailTaskImgTxtArea.detailFlex01 {
	margin:40px auto;
}
.detailTaskImgTxtArea.detailFlex01 .detailText02{
	margin:0 auto 20px;
}
.contH301.hTbBlock{
	padding: 0 0 25px;
}
.contH301.hTbBlock .hTb {
	background-color: #50b8e8;
    color: #fff;
    font-size: 16px;
    line-height: 1.0em;
    font-weight: bold;
    box-sizing: border-box;
	display: inline-block;
    width: 80px;
    height: 25px;
    padding: 3px 2px 2px 2px;
    margin: auto;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -o-border-radius: 200px;
    -ms-border-radius: 200px;
    border-radius: 200px;
    position: relative;
    top:-5px;
    left: -10px;
}


@media screen and (max-width:768px) {

	.detailMainvisual.detailTask01 {
		background-image: url("/common/img/task/task_mainvisual01.jpg");
	}

	.detailAncAreaWrap.detailAncAreaWrap02 {
		padding: 40px 20px 40px 20px;
	}

	.detailTaskAc01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.detailTaskAc01 li {
		display: table;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 10px;
		position: relative;
	}
	.detailTaskAc01 li:nth-child(4n) {
		margin-right: 0px;
	}
	/*2カラム*/
	.detailTaskAc01 li.h120 {
	    height: auto;
	}
	.detailTaskAc01 li.w50p {
	    width: 100%;
	    margin-right: 0;
	}
	.detailTaskAc01 li a {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		border: 1px solid #2E6FBE;
		background-color: #2E6FBE;
		color: #ffffff;
		box-sizing: border-box;
		height: 88px;
		padding: 10px 10px 10px 10px;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all  0.3s ease;
	}

	.detailTaskAc01 li a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		margin-left: 0px;
		bottom: 18px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}

	.detailTaskAc01 li a:hover {
		color: #2E6FBE;
		background-color: #ffffff;
	}
	.detailTaskAc01 li a:hover::after {
		border-top: solid 2px #2E6FBE;
		border-right: solid 2px #2E6FBE;
	}

	.taskAncText01 {
		display: inline-block;
		background-color: #ffffff;
		width: 82px;
		font-size: 13px;
		line-height: 1.0em;
		color: #2E6FBE;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		margin-bottom: 2px;
	padding: 2px 0px 3px 0px;
	}
	.detailTaskAc01 li a:hover .taskAncText01 {
		color: #ffffff;
		background-color: #2E6FBE;
	}

	.taskAncText02 {
		font-size: 16px;
		line-height: 1.7em;
		font-weight: bold;
	}

	/*------------------*/

	.detailBlockPb60 {
		padding: 0px 20px 40px 20px;
	}

	.detailTaskListTit01 {
		margin-bottom: 20px;
	}
	.detailTaskListTit01 a {
	}
	.detailTaskTb01 {
		display: table;
		width: 100%;
		background-color: #50B8E8;
		color: #ffffff;
	}
	.detailTaskTb01 .cell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		width: 70px;
		height: auto;
		padding: 8px 0px 8px 0px;
	}
	.detailTaskTb01 .cell01 p {
		display: inline-block;
		background-color: #ffffff;
		color: #2E6FBE;
		font-size: 14px;
		line-height: 1.0em;
		font-weight: bold;
		box-sizing: border-box;
		width: auto;
		padding: 2px 6px 3px 6px;
		margin: auto;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
	}

	.detailTaskTb01 .cell02 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		padding: 8px 0px 8px 0px;
	}
	.detailTaskTb01 .cell02 p {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		padding-right: 5px;
	}

	.detailTaskListWrap01 li {
		margin-top: 20px;
	}
	.detailTaskTb02 {
		display: table;
		width: 100%;
	}
	.detailTaskTb02 .cell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		width: 70px;
		height: 50px;
		background-color: #2E6FBE;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.4em;
		font-weight: 600;
		padding: 4px 2px 4px 2px;
	}
	.detailTaskTb02 .cell02 {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		background-color: #F5F5F5;
		font-size: 14px;
		line-height: 1.4em;
		font-weight: bold;
		padding: 4px 6px 4px 10px;
	}
	.detailTaskAr01 {
		padding-left: 12px;
		position: relative;
	}
	.detailTaskAr01::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #2e6fbe;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -5px;
	}
	/*------------------*/
	.contH301.hTbBlock{
		padding: 0 0 15px;
	}
	.detailTaskImgTxtArea.detailFlex01 {
		margin:20px auto;
	}
	.detailTaskImgTxtArea.detailFlex01 .detailText02{
		margin:0 auto 10px;
	}
	.detailHydroFlBox01{
		margin:0 auto 20px;
	}
	.contH301.hTbBlock .hTb {
	    display: inline-block;
	    font-size: 14px;
	    line-height: 1.0em;
	    padding: 2px 6px 3px 6px;
	}
}


/* -------------------------------------------------------------------- 
 導入の目的・効果別ケーススタディ(詳細）
-------------------------------------------------------------------- */

.detailMainvisual.detailTask02 {
	background-image: url("/common/img/task/task_mainvisual01.jpg");
	background-position: center top;
}
.detailTask02 .detailMainCell01 {
	height: 340px;
}

.contTaskIcon01 {
	display: inline-block;
	background-color: #50B8E8;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: bold;
	padding: 0px 20px 2px 20px;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
	vertical-align: middle;
	margin: -3px 10px 0px 0px;
}
.detailTaskListWrap01.detailTaskListWrap02 {
	margin-top: 0px;
}
.detailTaskListWrap02 .detailTaskAr01::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #2e6fbe transparent transparent transparent;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -4px;
}

/*-------------------*/

.detailCaseSpan01 {
	margin-right: 36px;
}
.detailTaskCaseTitWrap {
	background-color: #50B8E8;
	padding: 40px 0px 40px 0px;
}
.detailTaskCaseTit01 {
	text-align: left;
	font-size: 20px;
	line-height: 1.75em;
	font-weight: 500;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 8px;
}
.detailTaskCaseTit02 {
	text-align: left;
	font-size: 24px;
	line-height: 1.45em;
	font-weight: bold;
	color: #ffffff;
	padding-top: 8px;
}

.detailTaskCaseBlock01 {
	padding: 40px 0px 80px 0px;
}
.detailCaseTb01 {
	display: table;
	width: 100%;
	position: relative;
}
.detailCaseTb01 .cell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #2E6FBE;
	color: #ffffff;
	box-sizing: border-box;
	padding: 30px 20px 30px 20px;
	width: 170px;
}

.detailCaseTb01.detailCaseTb0102 {
	margin-bottom: 90px;
}
.detailCaseTb01.detailCaseTb0102::after {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 100px 0 100px;
border-color: #2e6fbe transparent transparent transparent;
	position: absolute;
	bottom: -70px;
	left: 50%;
	margin-left: -100px;
}
.detailCaseTb01.detailCaseTb0102 .cell01 {
	background-color: #999999;
}

.detailCaseTb01 .cell01 .caseSpan01 {
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 1.0em;
	padding-bottom: 10px;
}
.detailCaseTb01 .cell01 .caseSpan01::after {
	content: "";
	width: 30px;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	bottom: 0px;
}
.detailCaseTb01 .cell01 .caseSpan02 {
	display: block;
	font-size: 26px;
	line-height: 1.0em;
	margin-top: 14px;
}


.detailCaseTb01 .cell02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	background-color: #F5F5F5;
	box-sizing: border-box;
	padding: 30px 20px 30px 20px;
	font-size: 16px;
	line-height: 1.75em;
}
.detailCaseText02 {
	text-align: center;
	font-size: 26px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 20px;
}

.detailTaskCaseFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
}
.detailTaskCaseFlex01 li {
	width: 525px;
	text-align: left;
	margin-top: 40px;
}

.detailTaskCaseBox01 {
	font-size: 14px;
	line-height: 1.75em;
	padding: 28px 0px 0px 0px;
}

.contBtnWrap01.detailTaskCaseBtn01 {
	margin-top: 0px;
}





@media screen and (max-width:768px) {

	.detailMainvisual.detailTask02 {
		background-image: url("/common/img/task/task_mainvisual01.jpg");
		background-position: center top;
	}
	.detailTask02 .detailMainCell01 {
		height: 340px;
	}

	.contTaskIcon01 {
		display: inline-block;
		background-color: #50B8E8;
		color: #ffffff;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		padding: 0px 20px 2px 20px;
			-moz-border-radius: 200px;
			-webkit-border-radius: 200px;
			-o-border-radius: 200px;
			-ms-border-radius: 200px;
			border-radius: 200px;
		vertical-align: middle;
		margin: -3px 10px 0px 0px;
	}
	.detailTaskListWrap01.detailTaskListWrap02 {
		margin-top: 0px;
	}
	.detailTaskListWrap02 .detailTaskAr01::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #2e6fbe transparent transparent transparent;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -4px;
	}

	/*-------------------*/

	.detailCaseSpan01 {
		margin-right: 36px;
	}
	.detailTaskCaseTitWrap {
		background-color: #50B8E8;
		padding: 20px 20px 20px 20px;
	}
	.detailTaskCaseTit01 {
		text-align: left;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: 500;
		color: #ffffff;
		border-bottom: 1px solid #ffffff;
		padding-bottom: 8px;
	}
	.detailTaskCaseTit02 {
		text-align: left;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: bold;
		color: #ffffff;
		padding-top: 8px;
	}

	.detailTaskCaseBlock01 {
		padding: 30px 20px 40px 20px;
	}
	.detailCaseTb01 {
		display: block;
		width: 100%;
		position: relative;
	}
	.detailCaseTb01 .cell01 {
		display: block;
		text-align: center;
		vertical-align: middle;
		background-color: #2E6FBE;
		color: #ffffff;
		box-sizing: border-box;
		padding: 15px 15px 15px 15px;
		width: auto;
	}

	.detailCaseTb01.detailCaseTb0102 {
		margin-bottom: 60px;
	}
	.detailCaseTb01.detailCaseTb0102::after {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 50px 0 50px;
	border-color: #2e6fbe transparent transparent transparent;
		position: absolute;
		bottom: -45px;
		left: 50%;
		margin-left: -50px;
	}
	.detailCaseTb01.detailCaseTb0102 .cell01 {
		background-color: #999999;
	}

	.detailCaseTb01 .cell01 .caseSpan01 {
		display: inline-block;
		position: relative;
		font-size: 14px;
		line-height: 1.0em;
		padding-bottom: 10px;
	}
	.detailCaseTb01 .cell01 .caseSpan01::after {
		content: "";
		width: 28px;
		height: 1px;
		background-color: #ffffff;
		position: absolute;
		left: 50%;
		margin-left: -14px;
		bottom: 0px;
	}
	.detailCaseTb01 .cell01 .caseSpan02 {
		display: block;
		font-size: 18px;
		line-height: 1.0em;
		margin-top: 8px;
	}


	.detailCaseTb01 .cell02 {
		display: block;
		text-align: left;
		vertical-align: middle;
		background-color: #F5F5F5;
		box-sizing: border-box;
		padding: 15px 15px 15px 15px;
		font-size: 15px;
		line-height: 1.75em;
	}
	.detailCaseText02 {
		text-align: center;
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 15px;
	}

	.detailTaskCaseFlex01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
	}
	.detailTaskCaseFlex01 li {
		width: 100%;
		text-align: left;
		margin-top: 30px;
	}

	.detailTaskCaseBox01 {
		font-size: 14px;
		line-height: 1.75em;
		padding: 15px 0px 0px 0px;
	}

	.contBtnWrap01.detailTaskCaseBtn01 {
		margin-top: 0px;
		margin-bottom: 20px;
	}


}


/* -------------------------------------------------------------------- 
 社長挨拶
-------------------------------------------------------------------- */

.detailMainvisual.detailMainvisualSm01 {
	background-image: none;
	/*background-color: #2E6FBE;*/
background: rgb(46, 111, 190);
background: -moz-linear-gradient(0deg, rgb(46, 111, 190) 0%, rgb(80, 184, 232) 100%);
background: -webkit-linear-gradient(0deg, rgb(46, 111, 190) 0%, rgb(80, 184, 232) 100%);
background: -o-linear-gradient(0deg, rgb(46, 111, 190) 0%, rgb(80, 184, 232) 100%);
background: -ms-linear-gradient(0deg, rgb(46, 111, 190) 0%, rgb(80, 184, 232) 100%);
background: linear-gradient(90deg, rgb(46, 111, 190) 0%, rgb(80, 184, 232) 100%);
}
.detailMainvisualSm01 .detailMainCell01 {
	height: 340px;
}
.detailMainvisualSm01 .detailMainBox01 {
	background-image: none;
	display: block;
	box-sizing: border-box;
	padding: 0px;
	min-width: 450px;
}

.contMessBlock01 {
	margin-top: 40px;
}
.contMessBox01 {
	width: 500px;
	float: right;
}
.contMessBox02 {
	width: 535px;
	float: left;
	text-align: left;
}

.contMessName01 {
	font-size: 20px;
	line-height: 1.4em;
	text-align: right;
	margin-top: 20px;
}
.contMessText01 {
	font-size: 16px;
	line-height: 1.75em;
	margin-bottom: 1.75em;
}
.contMessText01:last-child {
	margin-bottom: 0px;
}

.contMessTable01 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 8px;
}
.contMessTable01 th {
	text-align: left;
	vertical-align: top;
	background-color: #50B8E8;
	padding: 15px 25px 15px 25px;
	color: #ffffff;
	font-size: 16px;
	line-height: 1.75em;
	font-weight: bold;
	width: 260px;
}
.contMessTable01 td {
	text-align: left;
	vertical-align: top;
	background-color: #F5F5F5;
	padding: 15px 25px 15px 25px;
}




@media screen and (max-width:768px) {

	.detailMainvisual.detailMainvisualSm01 {
		background-image: none;
		background-color: #2E6FBE;
	}
	.detailMainvisualSm01 .detailMainCell01 {
		height: 200px;
	}
	.detailMainvisualSm01 .detailMainBox01 {
		background-image: none;
		display: block;
		box-sizing: border-box;
		padding: 0px;
		min-width: 200px;
	}

	.contMessBlock01 {
		margin-top: 30px;
	}
	.contMessBox01 {
		width: auto;
		float: none;
		margin-bottom: 20px;
		text-align: center;
	}
	.contMessBox01 img {
		width: 80%;
		height: auto;
	}
	.contMessBox02 {
		width: auto;
		float: none;
		text-align: left;
	}

	.contMessName01 {
		font-size: 15px;
		line-height: 1.4em;
		text-align: center;
		margin-top: 10px;
	}
	.contMessText01 {
		font-size: 14px;
		line-height: 1.6em;
		margin-bottom: 1.6em;
	}
	.contMessText01:last-child {
		margin-bottom: 0px;
	}

	.contMessTable01 {
		border-collapse: separate;
		border-spacing: 0px 15px;
		display: block;
	}
	.contMessTable01 th {
		display: block;
		text-align: left;
		vertical-align: top;
		background-color: #50B8E8;
		padding: 10px 15px 10px 15px;
		color: #ffffff;
		font-size: 15px;
		line-height: 1.6em;
		font-weight: bold;
		width: auto;
	}
	.contMessTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		background-color: #F5F5F5;
		padding: 10px 15px 10px 15px;
	}



}


/* -------------------------------------------------------------------- 
 新着情報
-------------------------------------------------------------------- */

.contNewsWrap01 {
	padding: 80px 0px 40px 0px;
}
.contNewsMain01 {
	text-align: left;
	width: 780px;
	float: left;
}
.contNewsSide01 {
	text-align: left;
	width: 260px;
	float: right;
}

.contNewsSideCateWrap01 {
}
.contNewsSideCateWrap01 li {
	display: table;
	width: 100%;
	position: relative;
}
.contNewsSideCateWrap01 li a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	height: 70px;
	border-bottom: 1px dotted #2F2F2F;
	font-size: 20px;
	line-height: 1.3em;
	padding: 10px 10px 10px 18px;
}
.contNewsSideCateWrap01 a:link {	color: #2E6FBE;	text-decoration: none;}
.contNewsSideCateWrap01 a:visited {	color: #2E6FBE;	text-decoration: none;}
.contNewsSideCateWrap01 a:hover {	color:#2E6FBE;	text-decoration: underline;}
.contNewsSideCateWrap01 a:active {	color:#2E6FBE;	text-decoration: none;}

.contNewsSideCateWrap01 li a::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent #2E6FBE;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -5px;
}

/*-----------------*/

.contNewsMainUl01 li {
	padding: 40px 0px 40px 0px;
	border-bottom: 1px solid #2F2F2F;
}

.contNewsText01 {
	vertical-align: middle;
	margin-bottom: 9px;
}
.contNewsText01 .span01 {
	font-size: 16px;
	line-height: 1.6em;
	vertical-align: middle;
	margin-right: 9px;
}
.contNewsText01 .span02 {
	font-size: 14px;
	line-height: 1.0em;
	color: #ffffff;
	box-sizing: border-box;
	display: inline-block;
	width: 88px;
	padding: 3px 2px 5px 2px;
	text-align: center;
	vertical-align: middle;
	background-color: #2E6FBE;
}
.contNewsText01 .span02.cat01 {
	background-color: #2E6FBE;
}
.contNewsText01 .span02.cat02 {
	background-color: #5C9DBA;
}
.contNewsText01 .span02.cat03 {
	background-color: #C7A56D;
}
.contNewsText01 .span02.cat04 {
	background-color: #3AAC89;
}
.contNewsText02 {
	font-size: 28px;
	line-height: 1.58em;
	font-weight: 500;
	margin-bottom: 20px;
}
.contNewsText03 {
	font-size: 16px;
	line-height: 1.75em;
}
.contNewsLink01 {
	color: #2E6FBE;
	text-decoration: underline;
}
.contNewsMainUl01 a {
	display: block;
}
.contNewsMainUl01 a:hover .contNewsLink01 {
	text-decoration: none;
}
.contNewsImg01{
	margin-top: 30px;
}
.contNewsImg01 img{
	width: 65%;
    margin: 0 auto;
    display: block;
}
/*----------------------*/

.contNewsPagerWrap01 {
	margin-top: 80px;
	position: relative;
}
.contNewsPager01 {
	text-align: left;
	padding-top: 20px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.contNewsPager02 {
	text-align: center;
	margin: auto;
	padding: 0px 90px;
}
.contNewsPager03 {
	text-align: right;
	position: absolute;
	padding-top: 20px;
	right: 0px;
	top: 0px;
}

.contNewsPrev a {
	display: inline-block;
	position: relative;
	font-size: 20px;
	line-height: 1.3em;
	color: #2E6FBE;
	padding: 0px 0px 0px 40px;
}
.contNewsPrev a::after {
	content: "";
	background-image: url("/common/img/news/news_ar_left.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -4px;
}
.contNewsPrev a:link {	color: #2E6FBE;	text-decoration: none;}
.contNewsPrev a:visited {	color: #2E6FBE;	text-decoration: none;}
.contNewsPrev a:hover {	color:#2E6FBE;	text-decoration: underline;}
.contNewsPrev a:active {	color:#2E6FBE;	text-decoration: none;}

.contNewsNext a {
	display: inline-block;
	position: relative;
	font-size: 20px;
	line-height: 1.3em;
	color: #2E6FBE;
	padding: 0px 40px 0px 0px;
}
.contNewsNext a::after {
	content: "";
	background-image: url("/common/img/news/news_ar_right.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -4px;
}
.contNewsNext a:link {	color: #2E6FBE;	text-decoration: none;}
.contNewsNext a:visited {	color: #2E6FBE;	text-decoration: none;}
.contNewsNext a:hover {	color:#2E6FBE;	text-decoration: underline;}
.contNewsNext a:active {	color:#2E6FBE;	text-decoration: none;}

.contNewsPagerUl01Wrap {
	display: inline-block;
}
.contNewsPagerUl01 {
}
.contNewsPagerUl01 li {
	display: table;
	width: 50px;
	float: left;
	margin: 5px 10px 5px 0px;
}
.contNewsPagerUl01 li:last-child {
	margin-right: 0px;
}
.contNewsPagerUl01 li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.contNewsPagerUl01 li a:hover {
	color: #2E6FBE;
	background-color: #ffffff;
}



@media screen and (max-width:768px) {

	.contNewsWrap01 {
		padding: 20px 20px 20px 20px;
	}
	.contNewsMain01 {
		text-align: left;
		width: auto;
		float: none;
	}
	.contNewsSide01 {
		text-align: left;
		width: auto;
		float: none;
	}

	.contNewsSideCateWrap01 {
	}
	.contNewsSideCateWrap01 li {
		display: table;
		width: 100%;
		position: relative;
	}
	.contNewsSideCateWrap01 li a {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		box-sizing: border-box;
		height: 60px;
		border-bottom: 1px dotted #2F2F2F;
		font-size: 18px;
		line-height: 1.3em;
		padding: 10px 10px 10px 18px;
	}
	.contNewsSideCateWrap01 a:link {	color: #2E6FBE;	text-decoration: none;}
	.contNewsSideCateWrap01 a:visited {	color: #2E6FBE;	text-decoration: none;}
	.contNewsSideCateWrap01 a:hover {	color:#2E6FBE;	text-decoration: underline;}
	.contNewsSideCateWrap01 a:active {	color:#2E6FBE;	text-decoration: none;}

	.contNewsSideCateWrap01 li a::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #2E6FBE;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -5px;
	}

	/*-----------------*/

	.contNewsMainUl01 li {
		padding: 30px 0px 30px 0px;
		border-bottom: 1px solid #2F2F2F;
	}

	.contNewsText01 {
		vertical-align: middle;
		margin-bottom: 9px;
	}
	.contNewsText01 .span01 {
		font-size: 16px;
		line-height: 1.6em;
		vertical-align: middle;
		margin-right: 9px;
	}
	.contNewsText01 .span02 {
		font-size: 14px;
		line-height: 1.0em;
		color: #ffffff;
		background-color: #2E6FBE;
		box-sizing: border-box;
		display: inline-block;
		width: 88px;
		padding: 3px 2px 5px 2px;
		text-align: center;
		vertical-align: middle;
	}
	.contNewsText02 {
		font-size: 16px;
		line-height: 1.58em;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.contNewsText03 {
		font-size: 15px;
		line-height: 1.6em;
	}
	.contNewsLink01 {
		color: #2E6FBE;
		text-decoration: underline;
	}
	.contNewsMainUl01 a {
		display: block;
	}
	.contNewsMainUl01 a:hover .contNewsLink01 {
		text-decoration: none;
	}
	.contNewsImg01 img{
		width: 100%;
	}
	/*----------------------*/

	.contNewsPagerWrap01 {
		margin: 25px 0px 30px 0px;
		position: relative;
	}
	.contNewsPager01 {
		text-align: left;
		padding-top: 0px;
		position: relative;
		left: 0px;
		top: 0px;
	}
	.contNewsPager02 {
		text-align: center;
		margin: auto;
		padding: 0px 0px;
	}
	.contNewsPager03 {
		text-align: right;
		position: relative;
		padding-top: 0px;
		right: 0px;
		top: 0px;
	}
	.contNewsSpPagerBox01 {
		  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
		margin-top: 15px;
	}
	
	.contNewsPrev a {
		display: inline-block;
		position: relative;
		font-size: 16px;
		line-height: 1.3em;
		color: #2E6FBE;
		padding: 0px 0px 0px 30px;
	}
	.contNewsPrev a::after {
		content: "";
		background-image: url("/common/img/news/news_ar_left.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 26px auto;
		width: 26px;
		height: 6px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -4px;
	}
	.contNewsPrev a:link {	color: #2E6FBE;	text-decoration: none;}
	.contNewsPrev a:visited {	color: #2E6FBE;	text-decoration: none;}
	.contNewsPrev a:hover {	color:#2E6FBE;	text-decoration: underline;}
	.contNewsPrev a:active {	color:#2E6FBE;	text-decoration: none;}

	.contNewsNext a {
		display: inline-block;
		position: relative;
		font-size: 16px;
		line-height: 1.3em;
		color: #2E6FBE;
		padding: 0px 30px 0px 0px;
	}
	.contNewsNext a::after {
		content: "";
		background-image: url("/common/img/news/news_ar_right.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 26px auto;
		width: 26px;
		height: 6px;
		position: absolute;
		right: 0px;
		top: 50%;
		margin-top: -4px;
	}
	.contNewsNext a:link {	color: #2E6FBE;	text-decoration: none;}
	.contNewsNext a:visited {	color: #2E6FBE;	text-decoration: none;}
	.contNewsNext a:hover {	color:#2E6FBE;	text-decoration: underline;}
	.contNewsNext a:active {	color:#2E6FBE;	text-decoration: none;}

	.contNewsPagerUl01Wrap {
		display: inline-block;
	}
	.contNewsPagerUl01 {
	}
	.contNewsPagerUl01 li {
		display: table;
		width: 35px;
		float: left;
		margin: 5px 10px 5px 0px;
	}
	.contNewsPagerUl01 li:last-child {
		margin-right: 0px;
	}
	.contNewsPagerUl01 li a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 35px;
		border: 1px solid #2E6FBE;
		background-color: #2E6FBE;
		color: #ffffff;
		font-size: 20px;
		line-height: 1.0em;
		font-weight: 500;
	}
	.contNewsPagerUl01 li a:hover {
		color: #2E6FBE;
		background-color: #ffffff;
	}




}


/* -------------------------------------------------------------------- 
 お問い合わせ
-------------------------------------------------------------------- */

.contContactRead01 {
	text-align: center;
	margin-bottom: 80px;
}

.contContactTableWrap {
	text-align: left;
}
.contContactTyusyaku01 {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 10px;
}
/*.contContactAs01 img {
	width: 18px;
	height: auto;
	margin-right: 10px;
	vertical-align: sub;
}
.contContactAs02 img {
	width: 18px;
	height: auto;
	margin-left: 10px;
	vertical-align: sub;
	margin-bottom: 1px;
}*/
.contContactAs01 {
	color: #ff0000;
	margin-right: 10px;
}
.contContactAs02 {
	color: #ff0000;
	margin-left: 10px;
}

.contContactTable01 {
	width: 100%;
	border-bottom: 3px solid #2E6FBE;
}

.mw_wp_form_confirm .contContactTable01 .confmail {
	display:none;
}
.contContactTable01 th {
	text-align: left;
	vertical-align: top;
	padding: 42px 0px 42px 0px;
	border-top: 3px solid #2E6FBE;
	width: 260px;
	font-size: 18px;
	line-height: 1.3em;
	font-weight: 500;
	vertical-align:middle;
}
.contContactTable01 .top th {
	vertical-align:top;
}
.contContactTable01 th.th01 {
	padding: 25px 0px 25px 0px;
}
.contContactTable01 td {
	text-align: left;
	vertical-align: top;
	padding: 30px 0px 30px 40px;
	border-top: 1px solid #2F2F2F;
	font-size: 18px;
	line-height: 1.4em;
}
.contContactTable01 td.spTd01 {
	padding: 15px 0px 15px 40px;
}

.contContactUl01 {}
.contContactUl01 li {
	display: inline-block;
	width: 200px;
	font-size: 18px;
	line-height: 1.0em;
	padding: 6px 0px 6px 0px;
}
.contContactUl01 li input {
	margin-right: 5px;
}

.mwform-checkbox-field.horizontal-item {
	width:200px;
	display:inline-block;
	margin-left: 0 !important;
	padding:3px 0;
}
.contContactInput01 {
	border: 1px solid #666666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	height: 48px;
	width: 100%;
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	line-height: 1.0em;
}
.contContactInput02 {
	border: 1px solid #666666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	height: 48px;
	width: 200px;
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	line-height: 1.0em;
}


.contContactInput03 {
	border: 1px solid #666666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	height: 260px;
	width: 100%;
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	line-height: 1.4em;
}
.contContactInput04 {
	border: 1px solid #666666;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	box-sizing: border-box;
	height: 48px;
	width: 260px;
	padding: 10px 20px 10px 20px;
	font-size: 18px;
	line-height: 1.0em;
}

.contContactUl02 li {
	display: table;
	width: 100%;
}
.contContactUl02 li p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 70px;
}
.contContactUl02.contContactUl0202 li p {
	height: 78px;
}
.contContactUl02.contContactUl0202 li {
	display: none;
}
.contContactUl02.contContactUl0202 li:nth-child(2n) {
	display: block;
}
/* アドレス部分 */
.contContactTable01 .address_block th.th01 {
    padding: 25px 0px 25px 0px;
}
.contContactTable01 .address_block td.spTd01 {
    padding: 25px 0px 25px 40px;
}
.address_block .contContactUl02.contContactUl0202 li p {
    height: 70px;
}
.contContactUl02.address li{
    margin: 0 0 0 25px;
}
.contContactUl02.contContactUl0202.address li{
    margin: 0 0 0 ;
}
.contContactUl02.address .address_ttl,
.contContactUl02.contContactUl0202.address .address_ttl{
    margin: 0 ;
}
.contContactUl02.address .address_ttl p{
    height: inherit;
    padding:0 0;
}
.contContactUl02.contContactUl0202.address .address_space p{
	height: 23px;
}



.contContactBtnWrap {
	text-align: center;
	margin-top: 60px;
}
.contContactBtn01 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    outline: none;
    background: transparent;
	background-image: url("/common/img/btn_ar02.png");
	background-repeat: no-repeat;
	background-position: 94% center;
	background-size: 30px auto;
	background-color: #2E6FBE;
	width: 285px;
	height: 56px;
	border: 1px solid #2E6FBE;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.0em;
	font-weight: 500;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
.contContactBtn01.back {
	background-image: url("/common/img/btn_ar02_2.png");
	background-repeat: no-repeat;
	background-position: 6% center;
	margin-right:10px;
}
.contContactBtn01:hover {
	color: #2E6FBE;
	background-image: url("/common/img/btn_ar01.png");
	background-color: #ffffff;
}
.contContactBtn01.back:hover {
	color: #2E6FBE;
	background-image: url("/common/img/btn_ar01_2.png");
	background-color: #ffffff;
}

.privacy {
	font-size:16px;
	text-align:center;
	padding-top:20px;
}
.privacy a:link {color:#ff0000;	text-decoration:underline;}
.privacy a:hover {text-decoration:none;}
.privacy a:visited {color:#ff0000;text-decoration:underline;}
.privacy .mwform-checkbox-field.horizontal-item {
    width: initial;
}



@media screen and (max-width:768px) {

	.contContactRead01 {
		text-align: left;
		margin-bottom: 40px;
	}

	.contContactTableWrap {
		text-align: left;
	}
	.contContactTyusyaku01 {
		font-size: 16px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}
	/*.contContactAs01 img {
		width: 18px;
		height: auto;
		margin-right: 10px;
		vertical-align: sub;
	}
	.contContactAs02 img {
		width: 18px;
		height: auto;
		margin-left: 10px;
		vertical-align: sub;
	}*/
	.contContactAs01 {
		color: #ff0000;
		margin-right: 10px;
	}
	.contContactAs02 {
		color: #ff0000;
		margin-left: 10px;
	}

	.contContactTable01 {
		display: block;
		width: auto;
		border-bottom: 3px solid #2E6FBE;
	}
	.contContactTable01 tbody {
		display: block;
	}
	.contContactTable01 tr {
		display: block;
	}
	
	
	.contContactTable01 th {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 20px 0px 20px 0px;
		border-top: 3px solid #2E6FBE;
		width: auto;
		font-size: 18px;
		line-height: 1.3em;
		font-weight: 500;
	}
	.contContactTable01 th.th01 {
		padding: 20px 0px 20px 0px;
	}

	.contContactTable01 td {
		display: block;
		text-align: left;
		vertical-align: top;
		padding: 20px 0px 20px 0px;
		border-top: 1px solid #2F2F2F;
		font-size: 18px;
		line-height: 1.4em;
	}
	.contContactTable01 td.spTd01 {
		border-top: none;
		padding: 0px;
	}
	/* アドレス部分 */
	.contContactTable01 .address_block td.spTd01 {
		border-top: none;
		padding: 0px;
	}


	.contContactUl01 {}
	.contContactUl01 li {
		display: inline-block;
		width: 48%;
		font-size: 18px;
		line-height: 1.0em;
		padding: 6px 0px 6px 0px;
	}
	.contContactUl01 li input {
		margin-right: 5px;
	}

	.mwform-checkbox-field.horizontal-item {
		width:46%;
	}
	.contContactInput01 {
		border: 1px solid #666666;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
		height: 40px;
		width: 100%;
		padding: 10px 10px 10px 10px;
		font-size: 18px;
		line-height: 1.0em;
	}
	.contContactInput02 {
		border: 1px solid #666666;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
		height: 40px;
		width: 100%;
		padding: 10px 10px 10px 10px;
		font-size: 18px;
		line-height: 1.0em;
	}


	.contContactInput03 {
		border: 1px solid #666666;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
		height: 200px;
		width: 100%;
		padding: 10px 10px 10px 10px;
		font-size: 18px;
		line-height: 1.0em;
	}
	.contContactInput04 {
		border: 1px solid #666666;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
		border-radius: 4px;
		box-sizing: border-box;
		height: 40px;
		width: 100%;
		padding: 10px 10px 10px 10px;
		font-size: 18px;
		line-height: 1.0em;
	}

	.contContactUl02 li {
		display: table;
		width: 100%;
	}
	.contContactUl02 li p {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		height: 70px;
	}
	.contContactUl02.contContactUl0202 li p {
		height: auto;
		padding: 20px 0px 20px 0px;
	}
	.contContactUl02.contContactUl0202 li {
		display: block;
		border-top: 3px solid #2E6FBE;
	}
	.contContactUl02.contContactUl0202 li:nth-child(2n) {
		display: block;
		border-top: 1px solid #2F2F2F;
	}
	/* アドレス部分 */
	.contContactUl02.contContactUl0202.address {
		padding: 0 0px 10px 0px;
	}
	.contContactUl02.address .address_ttl,
	.contContactUl02.contContactUl0202.address .address_ttl {
	    border-bottom: 1px solid #2F2F2F;
		border-top: 3px solid #2E6FBE;
	}
	.contContactUl02.contContactUl0202 li.address_space{
		display: none;
	}
	.contContactUl02.address li,
	.contContactUl02.contContactUl0202.addres li {
	    border-top: none;
	}
	.contContactUl02.contContactUl0202.address li:nth-child(2n) {
	    border-top:none;
	}
	.address_block .contContactUl02.contContactUl0202 li p {
	    height: auto;
	    padding: 20px 0px 20px 0px;
	}
	.contContactUl02.contContactUl0202.address li p {
	    padding: 10px 0px 10px 0px;
	}
	.contContactUl02.address .address_ttl p {
	    font-weight: bold;
	}
	.contContactUl02.contContactUl0202.address li:nth-child(2n) p {
	    padding:0 0px 10px 0px;
	}
	.address_block .contContactUl02.contContactUl0202 li:nth-child(odd) p {
	    font-weight: bold;
	}
	.address_block .contContactUl02.contContactUl0202.address li:nth-child(odd) p {
	    font-weight: normal;
	}
	.address_block .contContactUl02.contContactUl0202.address li.address_ttl:nth-child(odd) p {
	    height: auto;
	    padding: 20px 0px 20px 0px;
	    font-weight: bold;
	}

	.contContactBtnWrap {
		text-align: center;
		margin-top: 30px;
	}
	.contContactBtn01 {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			padding: 0;
			outline: none;
			background: transparent;
		background-image: url("/common/img/btn_ar02.png");
		background-repeat: no-repeat;
		background-position: 94% center;
		background-size: 30px auto;
		background-color: #2E6FBE;
		width: 285px;
		height: 56px;
		border: 1px solid #2E6FBE;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.0em;
		font-weight: 500;
		cursor: pointer;
		position: relative;
	}
	.contContactBtn01:hover {
		color: #2E6FBE;
		background-color: #ffffff;
	}
	.contContactBtn01.back {
		display:block;
		margin:0 auto 10px;
	}


}


/* -------------------------------------------------------------------- 
 コラム（詳細）
-------------------------------------------------------------------- */

.detailMainvisual.detailBlog02 {
	background-image: url("/common/img/blog/blog_mainvisual02.jpg");
}
.detailBlog02 .detailMainCell01 {
	height: 340px;
}

.blogDetailTitWrap01 {
	margin-bottom: 40px;
}
.blogDetailTit01 {
	font-size: 16px;
	line-height: 1.2em;
}
.blogDetailTit02 {
	font-size: 33px;
	line-height: 1.66em;
}
.blogDetailTit03 {
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 500;
	background-color: #2E6FBE;
	padding: 5px 20px 7px 20px;
	margin: 10px 10px 0 0;;
}

.blogDetailWrap01 {
	margin-bottom: 60px;
}

.blogDetailWrap01 img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.blogDetailImg02 img {
	width: auto;
	max-width: initial;
	position: absolute;
	height:400px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.blogDetailImgCap01 {
    text-align: center;
    margin: -20px 0 0;
}

.blogDetailBox01 {
	border: 2px solid #50B8E8;
	padding: 18px 36px 24px 40px;
	margin-top: 40px;
}
.blogDetailH401 {
	text-align: center;
	margin-bottom: 28px;
}
.blogDetailH401 span {
	display: inline-block;
	position: relative;
	color: #50B8E8;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 600;
	padding-bottom: 8px;
}
.blogDetailH401 span::after {
	content: "";
	width: 100%;
	height: 2px;
	background-color: #50B8E8;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.blogDetailAncWrap01 li {
	display: table;
	margin-bottom: 15px;
}
.blogDetailAncWrap01 li:last-child {
	margin-bottom: 0px;
}
.blogDetailAncWrap01 li a:hover {
	text-decoration: underline;
}
.blogDetailCell01 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.blogDetailCell02 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.5em;
}
.blogDetailIcon01 {
	display: table;
	width: 26px;
	margin-right: 14px;
}
.blogDetailIcon01 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 26px;
	background-color: #2E6FBE;
	color: #ffffff;
	font-family: 'Barlow', sans-serif;
	font-size: 17px;
	line-height: 1.0em;
	font-weight: 600;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}

.blogDetailImg01 {
	margin: 50px 0px 30px;
}

.blogDetailTextWrap01 {
  text-align: justify;
  text-justify: inter-ideograph;
	font-size: 16px;
	line-height: 1.75em;
}
.blogDetailTextWrap01 p {
	margin-bottom: 28px;
}
.blogDetailImg02 {
	position: relative;
	text-align: center;
	margin: 40px 0px 40px 0px;
	overflow:hidden;
	height: 400px;
}
.blogDetailKanren01 {
	margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blogDetailKanrenText01 {
	display: table;
	position: relative;
	margin-right: 28px;
}
.blogDetailKanrenText01 span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #2E6FBE;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.0em;
	box-sizing: border-box;
	height: 24px;
	padding: 4px 8px 6px 10px;
}
.blogDetailKanrenText01::after {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #2e6fbe;
	position: absolute;
	top: 0px;
	right: -12px;
}
.blogDetailKanrenText02 {
	color: #2E6FBE;
	font-size: 14px;
	line-height: 1.75em;
}
.blogDetailWrap01 a:link {	color: #2E6FBE;	text-decoration: underline;}
.blogDetailWrap01 a:visited {	color: #2E6FBE;	text-decoration: underline;}
.blogDetailWrap01 a:hover {	color:#2E6FBE;	text-decoration: none;}
.blogDetailWrap01 a:active {	color:#2E6FBE;	text-decoration: none;}




@media screen and (max-width:768px) {

	.detailMainvisual.detailBlog02 {
		background-image: url("/common/img/blog/blog_mainvisual02.jpg");
	}
	.detailBlog02 .detailMainCell01 {
		height: 340px;
	}

	.blogDetailTitWrap01 {
		margin-bottom: 30px;
	}
	.blogDetailTit01 {
		font-size: 15px;
		line-height: 1.2em;
	}
	.blogDetailTit02 {
		font-size: 20px;
		line-height: 1.66em;
	}
	.blogDetailTit03 {
		display: inline-block;
		color: #ffffff;
		font-size: 14px;
		line-height: 1.2em;
		font-weight: 500;
		background-color: #2E6FBE;
		padding: 3px 15px 5px 15px;
		margin-top: 15px;
	}

	.blogDetailWrap01 {
		margin-bottom: 30px;
	}
	.blogDetailBox01 {
		border: 2px solid #50B8E8;
		padding: 15px 15px 15px 15px;
		margin-top: 30px;
	}
	.blogDetailH401 {
		text-align: center;
		margin-bottom: 20px;
	}
	.blogDetailH401 span {
		display: inline-block;
		position: relative;
		color: #50B8E8;
		font-size: 18px;
		line-height: 1.0em;
		font-weight: 600;
		padding-bottom: 8px;
	}
	.blogDetailH401 span::after {
		content: "";
		width: 100%;
		height: 2px;
		background-color: #50B8E8;
		position: absolute;
		left: 0px;
		bottom: 0px;
	}
	.blogDetailAncWrap01 li {
		display: table;
		margin-bottom: 15px;
	}
	.blogDetailAncWrap01 li:last-child {
		margin-bottom: 0px;
	}
	.blogDetailAncWrap01 li a:hover {
		text-decoration: underline;
	}
	.blogDetailCell01 {
		display: table-cell;
		text-align: left;
		vertical-align: top;
	}
	.blogDetailCell02 {
		display: table-cell;
		text-align: left;
		vertical-align: top;
		font-size: 15px;
		line-height: 1.4em;
	}
	.blogDetailIcon01 {
		display: table;
		width: 20px;
		margin-right: 5px;
	}
	.blogDetailIcon01 span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 20px;
		background-color: #2E6FBE;
		color: #ffffff;
		font-family: 'Barlow', sans-serif;
		font-size: 14px;
		line-height: 1.0em;
		font-weight: 600;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
	}

	.blogDetailImg01 {
		margin: 30px 0px 0px 0px;
	}

	.blogDetailImg02 img {
	width: 100%;
	height: auto;
}

	.blogDetailTextWrap01 {
		text-align: justify;
		text-justify: inter-ideograph;
		font-size: 16px;
		line-height: 1.75em;
	}
	.blogDetailTextWrap01 p {
		font-size: 14px;
		line-height: 1.6em;
		margin-bottom: 15px;
	}
	.blogDetailImg02 {
		margin: 20px 0px 20px 0px;
		height: auto;
	}
	.blogDetailImg02 img {
		position:static;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
	}
	.blogDetailKanren01 {
		margin-top: 25px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.blogDetailKanrenText01 {
		display: table;
		position: relative;
		margin-right: 28px;
	}
	.blogDetailKanrenText01 span {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		background-color: #2E6FBE;
		color: #ffffff;
		font-size: 11px;
		line-height: 1.0em;
		box-sizing: border-box;
		height: 24px;
		padding: 4px 5px 6px 5px;
		white-space: nowrap;
	}
	.blogDetailKanrenText01::after {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: transparent transparent transparent #2e6fbe;
		position: absolute;
		top: 0px;
		right: -12px;
	}
	.blogDetailKanrenText02 {
		color: #2E6FBE;
		font-size: 14px;
		line-height: 1.75em;
	}
	.blogDetailWrap01 a:link {	color: #2E6FBE;	text-decoration: underline;}
	.blogDetailWrap01 a:visited {	color: #2E6FBE;	text-decoration: underline;}
	.blogDetailWrap01 a:hover {	color:#2E6FBE;	text-decoration: none;}
	.blogDetailWrap01 a:active {	color:#2E6FBE;	text-decoration: none;}



}


/* -------------------------------------------------------------------- 
 パートナー企業募集
-------------------------------------------------------------------- */

.detailMainvisual.detailPartner01 {
	background-image: url("/common/img/partner/partner_mainvisual01.jpg");
}
.detailPartner01 .detailMainCell01 {
	height: 340px;
}

.contBoxAlLeft01 {
	text-align: left;
	margin: 40px 0px 0px 0px;
}
.contPartnerImgBox01 {
	margin: 40px 0px 0px 0px;
}
.contPartnerImgBox01 img {
	margin-top: 6px;
}
.contPartnerImg01 {
	width: 800px;
	margin: auto;
}
.contPartnerImgBox01 .contPartnerImg01 img {
	margin-top: 0px;
}
.contPartnerImg02 {
	width: 748px;
	margin: auto;
}



@media screen and (max-width:768px) {

	.spContWrap01 {
		padding-left: 20px;
		padding-right: 20px;
	}

	.detailMainvisual.detailPartner01 {
		background-image: url("/common/img/partner/partner_mainvisual01.jpg");
	}
	.detailPartner01 .detailMainCell01 {
		height: 340px;
	}

	.contBoxAlLeft01 {
		text-align: left;
		margin: 20px 0px 0px 0px;
	}
	.contPartnerImgBox01 {
		margin: 20px 0px 0px 0px;
	}
	.contPartnerImgBox01 img {
		margin-top: 6px;
	}
	.contPartnerImg01 {
		width: auto;
		margin: auto;
	}
	.contPartnerImgBox01 .contPartnerImg01 img {
		margin-top: 0px;
	}
	.contPartnerImg02 {
		width: auto;
		margin: auto;
	}



}


/* -------------------------------------------------------------------- 
 企業情報
-------------------------------------------------------------------- */

.detailAncAreaWrap03 {
	padding: 80px 0px 0px 0px;
}

.detailAnc01_02 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.detailAnc01_02 li {
	width: 515px;
	margin: 0 10px 10px;
	display: table;
	position: relative;
}
.detailAnc01_02 li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 90px;
	padding-bottom: 26px;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: 500;
	background-color: #2e70be;
	border: 1px solid #2e70be;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.detailAnc01_02 li a::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.detailAnc01_02 li a:hover {
	color: #2e70be;
	background-color: #ffffff;
}
.detailAnc01_02 li a:hover::after {
	border-top: solid 2px #2e70be;
	border-right: solid 2px #2e70be;
}

/*---------------------*/

.contMessText01 dt {
	font-weight: bold;
}
a.linkText01:link {	color: #004CB5;	text-decoration: none;}
a.linkText01:visited {	color: #004CB5;	text-decoration: none;}
a.linkText01:hover {	color:#004CB5;	text-decoration: underline+;}
a.linkText01:active {	color:#004CB5;	text-decoration: none;}

.companyBtnWrap01 {
	padding: 92px 0px 0px 0px;
	margin-top: 40px;
}

.companyBtn01 {
	display: table;
	width: 560px;
	margin: auto;
	position: relative;
}
/*
.companyBtn01::after {
	content: "";
	background-image: url("/common/img/company/company_btn_img01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 125px auto;
	width: 125px;
	height: 173px;
	position: absolute;
	right: 30px;
	bottom: 0px;
}
*/
.companyBtn01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 80px;
	border: 1px solid #2E6FBE;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	background-color: #2E6FBE;
	color: #ffffff;
	font-size: 20px;
	line-height: 1.4em;
	font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.companyBtn01 a:link {	color: #ffffff;	text-decoration: none;}
.companyBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
.companyBtn01 a:hover {
	background-color: #ffffff;
	color:#2E6FBE;
	text-decoration: none;
}
.companyBtn01 a:active {	color:#ffffff;	text-decoration: none;}

.companyBtn01 a span {
	display: inline-block;
	position: relative;
}
.companyBtn01 a span::after {
	content: "";
	background-image: url("/common/img/btn_ar02.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 31px auto;
	width: 31px;
	height: 6px;
	position: absolute;
	right: -50px;
	top: 50%;
	margin-top: -3px;
}
.companyBtn01 a:hover span::after {
	background-image: url("/common/img/btn_ar01.png");
}

/*--------------------------*/

.detailAncAreaWrap04 {
	padding: 40px 0px 80px 0px;
}

.detailAnc01_03.detailCompany li {
	margin-bottom: 20px;
}
.detailAnc01_03.detailCompany li a {
	height: 60px;
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 20px;
	background-color: #ffffff;
	color: #2e70be;
}

.detailAnc01_03.detailCompany li a::after {
	border-top: solid 2px #2e70be;
	border-right: solid 2px #2e70be;
	bottom: 15px;
}

.detailAnc01_03.detailCompany li a:hover {
	color: #ffffff;
	background-color: #2e70be;
}
.detailAnc01_03.detailCompany li a:hover::after {
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}

.companyAccPicWrap01 {
	text-align: center;
}
.companyAccPicWrap01 li {
	display: inline-block;
	width: 220px;
	margin: 0px 10px 0px 10px;
}

.companyAccMapWrap01 {
	margin-top: 40px;
}
.companyAccBlock01 {
	margin-bottom: 100px;
}


@media screen and (max-width:768px) {

	.detailAncAreaWrap03 {
		padding: 30px 20px 30px 20px;
	}

	.detailAnc01_02 {
		display: block;
	}
	.detailAnc01_02 li {
		width: 100%;
		margin: 0px;
		display: table;
		position: relative;
		margin-bottom: 20px;
	}
	.detailAnc01_02 li a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 80px;
		padding-bottom: 26px;
		color: #ffffff;
		font-size: 20px;
		line-height: 1.2em;
		font-weight: 500;
		background-color: #2e70be;
		border: 1px solid #2e70be;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.detailAnc01_02 li:nth-child(2n) {
		margin-right: 0px;
	}
	.detailAnc01_02 li:last-child {
		margin-bottom: 0px;
	}
	.detailAnc01_02 li a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		margin-left: -4px;
		bottom: 18px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}

	.detailAnc01_02 li a:hover {
		color: #2e70be;
		background-color: #ffffff;
	}
	.detailAnc01_02 li a:hover::after {
		border-top: solid 2px #2e70be;
		border-right: solid 2px #2e70be;
	}

	/*---------------------*/

	.contMessText01 dt {
		font-weight: bold;
	}
	a.linkText01:link {	color: #004CB5;	text-decoration: none;}
	a.linkText01:visited {	color: #004CB5;	text-decoration: none;}
	a.linkText01:hover {	color:#004CB5;	text-decoration: underline+;}
	a.linkText01:active {	color:#004CB5;	text-decoration: none;}

	.companyBtnWrap01 {
		padding: 65px 0px 0px 0px;
		margin-top: 10px;
	}

	.companyBtn01 {
		display: table;
		width: 100%;
		margin: auto;
		position: relative;
	}
/*
	.companyBtn01::after {
		content: "";
		background-image: url("/common/img/company/company_btn_img01.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 90px auto;
		width: 90px;
		height: 128px;
		position: absolute;
		right: 20px;
		bottom: 0px;
	}
*/
	.companyBtn01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 60px;
		border: 1px solid #2E6FBE;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		background-color: #2E6FBE;
		color: #ffffff;
		font-size: 17px;
		line-height: 1.4em;
		font-weight: bold;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
		/*padding-right: 98px;*/
	}
	.companyBtn01 a:link {	color: #ffffff;	text-decoration: none;}
	.companyBtn01 a:visited {	color: #ffffff;	text-decoration: none;}
	.companyBtn01 a:hover {
		background-color: #ffffff;
		color:#2E6FBE;
		text-decoration: none;
	}
	.companyBtn01 a:active {	color:#ffffff;	text-decoration: none;}

	.companyBtn01 a span {
		display: inline-block;
		position: relative;
	}
	.companyBtn01 a span::after {
		content: "";
		background-image: url("/common/img/btn_ar02.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 31px auto;
		width: 31px;
		height: 6px;
		position: absolute;
		right: -40px;
		top: 50%;
		margin-top: -3px;
	}
	.companyBtn01 a:hover span::after {
		background-image: url("/common/img/btn_ar01.png");
	}

	/*--------------------------*/

	.detailAncAreaWrap04 {
		padding: 40px 0px 40px 0px;
	}

	.detailAnc01_03.detailCompany li {
		margin-bottom: 20px;
	}
	.detailAnc01_03.detailCompany li a {
		height: 60px;
		font-size: 15px;
		font-weight: bold;
		padding-bottom: 20px;
		background-color: #ffffff;
		color: #2e70be;
	}

	.detailAnc01_03.detailCompany li a::after {
		border-top: solid 2px #2e70be;
		border-right: solid 2px #2e70be;
		bottom: 15px;
	}

	.detailAnc01_03.detailCompany li a:hover {
		color: #ffffff;
		background-color: #2e70be;
	}
	.detailAnc01_03.detailCompany li a:hover::after {
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
	}

	.companyAccPicWrap01 {
		text-align: center;
	}
	.companyAccPicWrap01 li {
		display: inline-block;
		width: 40%;
		margin: 0px 10px 20px 10px;
	}

	.companyAccMapWrap01 {
		margin-top: 10px;
	}
	.companyAccMapWrap01 iframe {
		width: 100%;
		height: 240px;
	}
	
	.companyAccBlock01 {
		margin-bottom: 50px;
	}



}


/* -------------------------------------------------------------------- 
 設計事務所様へ
-------------------------------------------------------------------- */

.detailMainvisual.detailDesignoffice {
	background-image: url("/common/img/design-office/designoffice_mainvisual01.jpg");
}

.designBlock01 {
	margin-bottom: 50px;
}
.designText01 {
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 40px;
}

.detailHydroBoxWrap01.design {
	margin: 0px auto 80px auto;
}
.designBox01 {
	
}
.designText02 {
	text-align: center;
	font-size: 26px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 30px;
}

.detailDesignAc01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.detailDesignAc01 li {
	display: table;
	width: 260px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	position: relative;
}
.detailDesignAc01 li:nth-child(4n) {
	margin-right: 0px;
}
.detailDesignAc01 li a {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	color: #ffffff;
	box-sizing: border-box;
	height: 110px;
	padding: 10px 10px 10px 10px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
}

.detailDesignAc01 li a::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.detailDesignAc01 li a:hover {
	color: #2E6FBE;
	background-color: #ffffff;
}
.detailDesignAc01 li a:hover::after {
	border-top: solid 2px #2E6FBE;
	border-right: solid 2px #2E6FBE;
}

.detailDesignAc01 .taskAncText01 {
	display: inline-block;
	background-color: #ffffff;
	width: 110px;
	font-size: 14px;
	line-height: 1.0em;
	color: #2E6FBE;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	padding: 2px 0px 3px 0px;
	margin-bottom: 2px;
}
.detailDesignAc01 li a:hover .taskAncText01 {
	color: #ffffff;
	background-color: #2E6FBE;
}

/*---------------------*/

.designFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	margin-top: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.designFlexBox0101 {
	width: 535px;
	margin-right: 25px;
	text-align: left;
}
.designFlexBox0102 {
	width: 510px;
}
.designFlexBox0102 li {
	width: 250px;
	margin-right: 10px;
	float: left;
}
.designFlexBox0102 li:last-child {
	margin-right: 0px;
}

/*---------------------*/

.designBox02 {
	margin-top: 40px;
	text-align: left;
}
.designUl01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin-top: 40px;
}
.designUl01 li {
	width: 260px;
	margin-right: 10px;
	text-align: center;
}
.designUl01 li:nth-child(4n) {
	margin-right: 0px;
}
.designUl01 li .contMessText01 {
	padding: 10px 0px 0px 0px;
}

.designUl02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	width: 940px;
	margin: auto;
}
.designUl02 li {
	width: 300px;
	margin-right: 20px;
	margin-top: 40px;
	text-align: left;
}
.designUl02 li:nth-child(3n) {
	margin-right: 0px;
}

.designIconText01 {
	color: #ffffff;
	font-size: 80px;
	line-height: 1.0em;
	font-weight: 600;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.designUl02 li dt {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: bold;
	padding: 20px 0px 20px 0px;
}
.designUl02 li dd {
	font-size: 14px;
	line-height: 1.75em;
}

.designH301 {
	display: inline-block;
	color: #2E6FBE;
	font-size: 33px;
	line-height: 1.3em;
	font-weight: bold;
	padding-bottom: 18px;
	border-bottom: 3px solid #2E6FBE;
}
.designPlateWrap01 {
	background-color: #ffffff;
	padding: 30px 38px 30px 38px;
}



@media screen and (max-width:768px) {

	.detailMainvisual.detailDesignoffice {
		background-image: url("/common/img/design-office/designoffice_mainvisual01.jpg");
	}

	.designBlock01 {
		margin-bottom: 40px;
		padding: 0px 20px 0px 20px;
	}
	.designText01 {
		font-size: 18px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 20px;
	}

	.detailHydroBoxWrap01.design {
		margin: 0px auto 30px auto;
	}
	.designBox01 {

	}
	.designText02 {
		text-align: center;
		font-size: 16px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 20px;
	}

	.detailDesignAc01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	.detailDesignAc01 li {
		display: table;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 15px;
		position: relative;
	}
	.detailDesignAc01 li:nth-child(3n) {
		margin-right: 0px;
	}
	.detailDesignAc01 li a {
		display: table-cell;
		text-align: center;
		vertical-align: top;
		border: 1px solid #2E6FBE;
		background-color: #2E6FBE;
		color: #ffffff;
		box-sizing: border-box;
		height: 110px;
		padding: 10px 10px 10px 10px;
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all  0.3s ease;
	}

	.detailDesignAc01 li a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		margin-left: -4px;
		bottom: 14px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}

	.detailDesignAc01 li a:hover {
		color: #2E6FBE;
		background-color: #ffffff;
	}
	.detailDesignAc01 li a:hover::after {
		border-top: solid 2px #2E6FBE;
		border-right: solid 2px #2E6FBE;
	}

	.detailDesignAc01 .taskAncText01 {
		display: inline-block;
		background-color: #ffffff;
		width: 110px;
		font-size: 14px;
		line-height: 1.0em;
		color: #2E6FBE;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		padding: 2px 0px 3px 0px;
		margin-bottom: 2px;
	}
	.detailDesignAc01 li a:hover .taskAncText01 {
		color: #ffffff;
		background-color: #2E6FBE;
	}

	/*---------------------*/

	.designFlex01 {
		display: block;
		margin-top: 30px;
	}

	.designFlexBox0101 {
		width: auto;
		margin-right: 0px;
		text-align: left;
		margin-bottom: 20px;
	}
	.designFlexBox0102 {
		width: auto;
	}
	.designFlexBox0102 li {
		width: auto;
		margin-right: 0px;
		float: none;
		margin-bottom: 15px;
	}
	.designFlexBox0102 li:last-child {
		margin-right: 0px;
		margin-bottom: 0px;
	}

	/*---------------------*/

	.designBox02 {
		margin-top: 30px;
		text-align: left;
	}
	.designUl01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		margin-top: 30px;
	}
	.designUl01 li {
		width: 49%;
		margin-right: 2%;
		text-align: center;
		margin-bottom: 20px;
	}
	.designUl01 li:nth-child(4n) {
		margin-right: 0px;
	}
	.designUl01 li:nth-child(2n) {
		margin-right: 0px;
	}
	.designUl01 li .contMessText01 {
		padding: 6px 0px 0px 0px;
	}

	.designUl02 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		width: auto;
		margin: auto;
	}
	.designUl02 li {
		width: 48%;
		margin-right: 4% !important;
		margin-top: 30px;
		text-align: left;
	}
	.designUl02 li:nth-child(3n) {
		margin-right: 0px;
	}
	.designUl02 li:nth-child(2n) {
		margin-right: 0px !important;
	}

	.designIconText01 {
		color: #ffffff;
		font-size: 50px;
		line-height: 1.0em;
		font-weight: 600;
		position: absolute;
		left: 8px;
		bottom: 8px;
	}
	.designUl02 li dt {
		font-size: 16px;
		line-height: 1.3em;
		font-weight: bold;
		padding: 10px 0px 10px 0px;
	}
	.designUl02 li dd {
		font-size: 13px;
		line-height: 1.6em;
	}

	.designH301 {
		display: inline-block;
		color: #2E6FBE;
		font-size: 19px;
		line-height: 1.3em;
		font-weight: bold;
		padding-bottom: 10px;
		border-bottom: 3px solid #2E6FBE;
	}
	.designPlateWrap01 {
		background-color: #ffffff;
		padding: 8px 8px 8px 8px;
	}



}


/* -------------------------------------------------------------------- 
 プラネットが選ばれる理由
-------------------------------------------------------------------- */

.reasonFlexBase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	margin-top: 40px;
}

.reasonFlexBox01 {
	width: 500px;
	border: 4px solid #999999;
}
.reasonFlexBox01 dt {
	background-color: #999999;
}
.reasonFlexBox02 {
	width: 500px;
	border: 4px solid #50B8E8;
	position: relative;
}
.reasonFlexBox02 dt {
	background-color: #50B8E8;
}
.reasonFlexBox02::before {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 50px 0 50px 30px;
border-color: transparent transparent transparent #50b8e8;
	position: absolute;
	top: 100px;
	left: -44px;
}

.reasonDl01 dt {
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	line-height: 1.0em;
	font-weight: 500;
	padding: 12px 15px 14px 15px;
}
.reasonDl01 dd {
	text-align: left;
	padding: 25px 30px 25px 38px;
}
.reasonUl01 li {
	font-size: 18px;
	line-height: 1.55em;
	font-weight: 500;
	text-indent: -1.25em;
	padding-left: 1.25em;
}

.reasonFlexBox03 {
	width: 343px;
	text-align: center;
}
.reasonFlexBox03 p {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}

.reasonFlexBox04 {
	width: 515px;
}
.reasonFlexBox05 {
	width: 525px;
}

.reasonTableWrap01 {
	text-align: left;
	margin-top: 40px;
}
.reasonText01 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;
}

.reasonIcon img {
	width: 30px;
	height: auto;
}
.reasonTable01 {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px 2px;
}
.reasonTable01 th {
	box-sizing: border-box;
	width: 33%;
	height: 60px;
	text-align: left;
	vertical-align: middle;
	background-color: #BCE0FD;
	padding: 10px 25px 10px 25px;
	font-size: 16px;
	line-height: 1.75em;
	font-weight: bold;
}
.reasonTable01 .tr01 th {
	color: #ffffff;
	text-align: center;
	height: 54px;
}
.reasonTable01 th.th01 {
	background-color: transparent;
}
.reasonTable01 th.th02 {
	background-color: #999999;
}
.reasonTable01 th.th03 {
	background-color: #50B8E8;
}

.reasonTable01 td {
	text-align: center;
	vertical-align: middle;
	background-color: #F5F5F5;
}
.reasonImgBox01{
	margin:40px auto;
}



@media screen and (max-width:768px) {

	.reasonFlexBase {
		/*display: -webkit-box;
		display: -ms-flexbox;*/
		display: block;
		/*-ms-flex-wrap: wrap;
				flex-wrap: wrap;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;*/
		margin-top: 30px;
	}

	.reasonFlexBox01 {
		width: auto;
		border: 4px solid #999999;
	}
	.reasonFlexBox01 dt {
		background-color: #999999;
	}
	.reasonFlexBox02 {
		width: auto;
		border: 4px solid #50B8E8;
		position: relative;
		margin-top: 50px;
	}
	.reasonFlexBox02 dt {
		background-color: #50B8E8;
	}
	.reasonFlexBox02::before {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 40px 0 40px;
	border-color: #50b8e8 transparent transparent transparent;
		position: absolute;
		top: -40px;
		left: 50%;
		margin-left: -40px;
	}

	.reasonDl01 dt {
		text-align: center;
		color: #ffffff;
		font-size: 18px;
		line-height: 1.0em;
		font-weight: 500;
		padding: 12px 15px 14px 15px;
	}
	.reasonDl01 dd {
		text-align: left;
		padding: 15px 15px 15px 15px;
	}
	.reasonUl01 li {
		font-size: 15px;
		line-height: 1.55em;
		font-weight: 500;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}

	.reasonFlexBox03 {
		width: auto;
		text-align: center;
		margin-bottom: 20px;
	}
	.reasonFlexBox03 p {
		font-size: 15px;
		line-height: 1.2em;
		font-weight: bold;
		margin-top: 10px;
	}

	.reasonFlexBox04 {
		width: auto;
		margin-bottom: 20px;
	}
	.reasonFlexBox05 {
		width: auto;
		margin-bottom: 20px;
	}

	.reasonTableWrap01 {
		text-align: left;
		margin-top: 40px;
	}
	.reasonText01 {
		font-size: 16px;
		line-height: 1.2em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.reasonIcon img {
		width: 24px;
		height: auto;
	}
	.reasonTable01 {
		width: 100%;
		border-collapse: separate;
		border-spacing: 2px 2px;
	}
	.reasonTable01 th {
		box-sizing: border-box;
		width: 33%;
		height: 60px;
		text-align: left;
		vertical-align: middle;
		background-color: #BCE0FD;
		padding: 10px 10px 10px 10px;
		font-size: 14px;
		line-height: 1.4em;
		font-weight: bold;
	}
	.reasonTable01 .tr01 th {
		color: #ffffff;
		text-align: center;
		height: 54px;
	}
	.reasonTable01 th.th01 {
		background-color: transparent;
	}
	.reasonTable01 th.th02 {
		background-color: #999999;
	}
	.reasonTable01 th.th03 {
		background-color: #50B8E8;
	}

	.reasonTable01 td {
		text-align: center;
		vertical-align: middle;
		background-color: #F5F5F5;
	}
	.reasonImgBox01{
		margin:20px auto;
	}


}

/* -------------------------------------------------------------------- 
営業所紹介一覧
-------------------------------------------------------------------- */
.officeFlexBase {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
	margin-top: 40px;
}
.officeFlexBox {
	width: 343px;
    text-align: center;
    margin: 0 13px 0 0;
}
.officeFlexBox p {
	font-size: 20px;
	line-height: 1.5em;
	margin-top: 20px;
}
.officeFlexBox p span {
	font-size: 18px;
}

@media screen and (max-width:768px) {
	.officeFlexBase {
		margin-top: 20px;
	}
	.officeFlexBox {
	    margin: 0 0 20px;
	}
	.officeFlexBox p {
	    margin-top: 10px;
	}
}


/* -------------------------------------------------------------------- 
 営業所紹介
-------------------------------------------------------------------- */


.detailMainvisual.detailOfficeDetail01 {
	background-image: url("/common/img/office/detail/office_detail_mainvisual.jpg");
	height: 660px;
	position: relative;
}
.officeMainTitWrap {
	background-image: url("/common/img/office/detail/office_detail_main_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 16px 0px;
}
.officeH201 {
	color: #ffffff;
}
.officeH201 .officeSpan01 {
	font-size: 25px;
	line-height: 1.6em;
	font-weight: 500;
}
.officeH201 .officeSpan02 {
	font-size: 40px;
	line-height: 1.4em;
	font-weight: bold;
}


/*------------------------*/

.detailAncAreaWrapOffice {
	padding: 40px 0px 40px 0px;
}

.detailAncOffice01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
.detailAncOffice01 li {
	width: 252px;
	margin:0 7px 18px;
	display: table;
	position: relative;
}
.detailAncOffice01 li a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 82px;
	padding-bottom: 26px;
	color: #004CB5;
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 500;
	background-color: #ffffff;
	border: 1px solid #2e70be;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.detailAncOffice01 li:nth-child(4n) {
	/*margin-right: 0px;*/
}
.detailAncOffice01 li a::after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #004CB5;
	border-right: solid 2px #004CB5;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	left: 50%;
	margin-left: -4px;
	bottom: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.detailAncOffice01 li a:hover {
	color: #ffffff;
	background-color: #004CB5;
}
.detailAncOffice01 li a:hover::after {
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
}

/*------------------------------*/

.officeDetailProblem01 {
	padding: 50px 0px 140px 0px;
	position: relative;
}
.officeDetailProblem01::after {
	content: "";
	background-image: url("/common/img/office/detail/office_detail_ar01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 166px auto;
	width: 166px;
	height: 66px;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -83px;
}

.officeDetailProblem01 ul {
	width: 920px;
	margin: auto;
	position: relative;
}
.officeDetailProblem01 ul::after {
	content: "";
	background-image: url("/common/img/office/detail/office_detail_img01.png");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 302px auto;
	width: 302px;
	height: 375px;
	position: absolute;
	bottom: 0px;
	right: -75px;
}

.officeDetailProblem01 ul li {
	display: table;
	width: 100%;
	margin: 8px auto auto auto;
}
.officeDetailProblem01 ul li p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	background-image: url("/common/img/office/detail/office_detail_check01.png");
	background-repeat: no-repeat;
	background-position: 36px center;
	background-size: 20px auto;
	background-color: #ffffff;
	font-size: 20px;
	line-height: 1.7em;
	box-sizing: border-box;
	height: 52px;
	padding: 10px 72px 10px 72px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.2);
}
.officeDetailProblem01 ul li p span {
	color: #ED8B29;
	font-weight: bold;
}

.officeDetailText01 {
	font-size: 33px;
	line-height: 1.6em;
	font-weight: 500;
}
.officeDetailText01 span {
	color: #004CB5;
}

/*----------------------*/

.officeDetailContactAreaWrap {
background: rgb(40, 146, 252);
background: -moz-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
background: -webkit-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
background: -o-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
background: -ms-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
background: linear-gradient(180deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
}
.officeDetailContactTb01 {
	display: table;
}
.officeDetailContactCell01 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 306px;
	color: #ffffff;
}

.officeDetailContactText01 {
	font-size: 33px;
	line-height: 1.66em;
	font-weight: 500;
	margin-bottom: 22px;
}
.officeDetailContactText02 {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	font-size: 24px;
	line-height: 1.66em;
	font-weight: 500;
}
.officeDetailContactFx01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	margin-top: 10px;
}
.officeDetailContactFx01 .li02 {
	padding-top: 10px;
}

.officeDetailContactTel01 {
	color: #ffffff;
	font-size: 72px;
	line-height: 1.0em;
	font-weight: 500;
	background-image: url("/common/img/office/detail/office_detail_icon_tel01.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 67px;
	padding-left: 74px;
}
.officeDetailContactTime01 {
	font-size: 14px;
	line-height: 1.78em;
	font-weight: 500;
	margin-top: 7px;
}

/*--------------------*/

.officeDetailContactBtnMail01 {
	display: table;
	width: 460px;
}
.officeDetailContactBtnMail01 a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	height: 90px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
	color: #2E6FBE;
	font-size: 22px;
	line-height: 1.4em;
	font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.officeDetailContactBtnMail01 a:link {	color: #2E6FBE;	text-decoration: none;}
.officeDetailContactBtnMail01 a:visited {	color: #2E6FBE;	text-decoration: none;}
.officeDetailContactBtnMail01 a:hover {
	color:#ffffff;
	text-decoration: none;
	background-color: #2E6FBE;
}
.officeDetailContactBtnMail01 a:active {	color:#2E6FBE;	text-decoration: none;}

.officeDetailContactBtnMail01 a span {
	display: inline-block;
	position: relative;
	padding-left: 46px;
}
.officeDetailContactBtnMail01 a span::before {
	content: "";
	background-image: url("/common/img/office/detail/office_detail_icon_mail01.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px auto;
	width: 30px;
	height: 24px;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -12px;
}
.officeDetailContactBtnMail01 a:hover span::before {
	background-image: url("/common/img/office/detail/office_detail_icon_mail01_on.png");
}

/*--------------------*/

.officeDetailMt50 {
	margin-top: 50px !important;
}
.officeDetailPb00 {
	padding-bottom: 0px !important;
}

.contH301 .h3Span03 {
	display: block;
	font-size: 22px;
	line-height: 1.4em;
	font-weight: 500;
	margin-bottom: 8px;
}

.officeDetailBlock01.bgGr01 {
	background-color: #F5F5EA;
}

.officeDetailBlock01 {
	padding: 45px 0px 50px 0px;
}
.officeDetailUl01 {
	display: table;
	width: 100%;
}
.officeDetailUl01 li {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 28px;
	line-height: 1.6em;
	font-weight: 500;
}
.officeDetailUl01 li:first-child {
	width: 114px;
	padding-right: 30px;
}

.officeDetailTb01 {
	display: table;
	width: 114px;
}
.officeDetailTb01 p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 114px;
	background-color: #50B8E8;
	color: #ffffff;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}
.officeDetailTb01 p .ofSpan01 {
	display: block;
	font-size: 20px;
	line-height: 1.0em;
	font-weight: 500;
}
.officeDetailTb01 p .ofSpan02 {
	display: block;
	font-size: 40px;
	line-height: 1.0em;
	font-weight: 500;
}

.officeDetailImgWrap01 {
	width: 626px;
}

.officeDetailBox01 {
	width: 400px;
	text-align: left;
}
.officeDetailBox01 dt {
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
	margin-bottom: 40px;
}
.officeDetailBox01 dd {
	font-size: 16px;
	line-height: 1.7em;
}

.officeFloatLeft {
	float: left;
}
.officeFloatRight {
	float: right;
}

.officeDetailReason01 {
	margin-top: 30px;
}

/*-----------------*/

.officeDetailAboutUl01 {
	margin-top: 50px;
}
.officeDetailAboutUl01 li {
	width: 262px;
	margin-right: 7px;
	float: left;
}
.officeDetailAboutUl01 li:nth-child(4n) {
	margin-right: 0px;
}

/*--------------------*/

.officeDetailBlockStaff {
	background-color: #F5F5EA;
	padding: 84px 0px 84px 0px;
}
.officeDetailH301 {
	font-size: 33px;
	line-height: 1.6em;
	font-weight: 500;
	margin-bottom: 10px;
}
.officeDetailStaffUl01 li {
	border-top: 1px solid #bcbcbc;
	padding: 55px 0px 55px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	text-align: left;
}
.officeDetailStaffUl01 li:first-child {
	border-top: none;
}

.officeDetailStaffImg01 {
	width: 180px;
}
.officeDetailStaffImg01 img {
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-o-border-radius: 200px;
	-ms-border-radius: 200px;
	border-radius: 200px;
}
.officeDetailStaffDl01 {
	width: 832px;
}
.officeDetailStaffDl01 dt {
	font-size: 20px;
	line-height: 1.7em;
	font-weight: bold;
	margin-bottom: 20px;
}
.officeDetailStaffDl01 dt span {
	font-size: 18px;
}
.officeDetailStaffDl01 dd {
	font-size: 16px;
	line-height: 1.7em;
}

/*--------------------*/

.officeDetailGreenMb80 {
	margin-bottom: 80px;
}
.officeDetailBlockStaff02 {
	background-image: url("/common/img/office/detail/office_detail_type_bg01.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 84px 0px 84px 0px;
}
.officeDetailBlockStaff02 .officeDetailH301 {
	color: #ffffff;
}

.officeDetailGreenBox01 {
	background-image: url("/common/img/office/detail/office_detail_green_bg01.png");
	background-repeat: repeat;
	background-position: center top;
	padding: 48px;
	border: 1px solid #707070;
}

.officeDetailGreenText01 {
	font-size: 16px;
	line-height: 1.7em;
	color: #033E2E;
	margin-bottom: 50px;
}
.officeDetailGreenText01 a,
.officeDetailGreenText01 a:link{
	color: #002aff;
	text-decoration: underline;
}
.officeDetailGreenFlowWrap li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	margin-bottom: 36px;
}

.officeDetailGreenStep01 {
	width: 124px;
	position: relative;
	background-color: #033E2E;
}
.officeDetailGreenStep01::after {
	content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 36px 62px 0 62px;
border-color: #033e2e transparent transparent transparent;
	position: absolute;
	left: 0px;
	bottom: -36px;
}

.officeDetailGreenStep01 p {
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 10px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
.officeDetailGreenStep01 p .span01 {
	display: block;
	font-size: 14px;
	line-height: 1.2em;
}
.officeDetailGreenStep01 p .span02 {
	display: block;
	font-size: 25px;
	line-height: 1.2em;
}

.officeDetailGreenStep02 {
	width: 805px;
	text-align: left;
}
.officeDetailGreenStep02 dt {
	overflow: hidden;
	margin-bottom: 10px;
}
.officeDetailGreenStep02 dt span {
	display: inline-block;
	padding: 0px 12px 0px 0px;
	color: #033E2E;
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	position: relative;
}
.officeDetailGreenStep02 dt span::after {
	content: "";
	width: 1000px;
	height: 1px;
	background-color: #707070;
	position: absolute;
	right: -1000px;
	top: 50%;
}
.officeDetailGreenStep02 dd {
	font-size: 16px;
	line-height: 1.7em;
}

/*----------------------*/

.officeDetailGreenFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
     -ms-flex-pack: justify;
   justify-content: space-between;
	text-align: left;
}
.officeDetailGreenFlex01 .box01 {
	width: 428px;
}
.officeDetailGreenFlex01 .box02 {
	width: 494px;
}
.officeDetailGreenFlex01 .box02 li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #707070;
}
.officeDetailGreenFlex01 .box02 li:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}
.officeDetailGreenFlex01 .box02 dt {
	font-size: 24px;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 10px;
}
.officeDetailGreenFlex01 .box02 dd {
	font-size: 16px;
	line-height: 1.7em;
}

.officeDetailGreenBox02 {
	background-image: url("/common/img/office/detail/office_detail_green_bg02.png");
	background-repeat: repeat;
	background-position: center to;
	padding: 25px 25px 25px 45px;
	margin-top: 54px;
	text-align: left;
}
.officeDetailGreenLink01 li {
	display: inline-block;
	font-size: 16px;
	line-height: 1.7em;
	font-weight: bold;
	margin-right: 5em;
}
.officeDetailGreenLink01 a:link {	color: #033E2E;	text-decoration: none;}
.officeDetailGreenLink01 a:visited {	color: #033E2E;	text-decoration: none;}
.officeDetailGreenLink01 a:hover {	color:#033E2E;	text-decoration: underline;}
.officeDetailGreenLink01 a:active {	color:#033E2E;	text-decoration: none;}

/*----------------------*/

.topBlockWh01.officeDetail {
	padding: 78px 0px 84px 0px;
}



@media screen and (max-width:768px) {

	.detailMainvisual.detailOfficeDetail01 {
		background-image: url("/common/img/office/detail/office_detail_mainvisual.jpg");
		height: 240px;
		position: relative;
	}
	.officeMainTitWrap {
		background-image: url("/common/img/office/detail/office_detail_main_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 0px;
		padding: 5px 0px;
	}
	.officeH201 {
		color: #ffffff;
	}
	.officeH201 .officeSpan01 {
		font-size: 13px;
		line-height: 1.6em;
		font-weight: 500;
	}
	.officeH201 .officeSpan02 {
		font-size: 15px;
		line-height: 1.4em;
		font-weight: bold;
	}


	/*------------------------*/

	.detailAncAreaWrapOffice {
		padding: 20px 20px 20px 20px;
	}

	.detailAncOffice01 {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;

		-webkit-box-pack: center;
			 -ms-flex-pack: center;
		 justify-content: center;
	}
	.detailAncOffice01 li {
		width: 100%;
		margin: 0 0 15px;
		display: table;
		position: relative;
	}
	.detailAncOffice01 li a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 60px;
		padding-bottom: 26px;
		color: #004CB5;
		font-size: 16px;
		line-height: 1.2em;
		font-weight: 500;
		background-color: #ffffff;
		border: 1px solid #2e70be;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.detailAncOffice01 li:nth-child(4n) {
		margin-right: 0px;
		margin-bottom: 0px;
	}
	.detailAncOffice01 li a::after {
		content: '';
		width: 10px;
		height: 10px;
		border: 0px;
		border-top: solid 2px #004CB5;
		border-right: solid 2px #004CB5;
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		position: absolute;
		left: 50%;
		margin-left: -4px;
		bottom: 18px;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}

	.detailAncOffice01 li a:hover {
		color: #ffffff;
		background-color: #004CB5;
	}
	.detailAncOffice01 li a:hover::after {
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
	}

	/*------------------------------*/

	.officeDetailProblem01 {
		padding: 40px 0px 100px 0px;
		position: relative;
	}
	.officeDetailProblem01::after {
		content: "";
		background-image: url("/common/img/office/detail/office_detail_ar01.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 100% auto;
		width: 100px;
		height: 42px;
		position: absolute;
		bottom: 30px;
		left: 50%;
		margin-left: -50px;
	}

	.officeDetailProblem01 ul {
		width: auto;
		margin: auto;
		position: relative;
	}
	.officeDetailProblem01 ul::after {
		display: none;
		content: "";
		background-image: url("/common/img/office/detail/office_detail_img01.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 302px auto;
		width: 302px;
		height: 375px;
		position: absolute;
		bottom: 0px;
		right: -75px;
	}

	.officeDetailProblem01 ul li {
		display: table;
		width: 100%;
		margin: 8px auto auto auto;
	}
	.officeDetailProblem01 ul li p {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		background-image: url("/common/img/office/detail/office_detail_check01.png");
		background-repeat: no-repeat;
		background-position: 15px 15px;
		background-size: 20px auto;
		background-color: #ffffff;
		font-size: 15px;
		line-height: 1.7em;
		box-sizing: border-box;
		height: 52px;
		padding: 10px 20px 10px 40px;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
		-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow:    4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow:         4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	}
	.officeDetailProblem01 ul li p span {
		color: #ED8B29;
		font-weight: bold;
	}

	.officeDetailText01 {
		font-size: 17px;
		line-height: 1.6em;
		font-weight: 500;
	}
	.officeDetailText01 span {
		color: #004CB5;
	}

	/*----------------------*/

	.officeDetailContactAreaWrap {
	background: rgb(40, 146, 252);
	background: -moz-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
	background: -webkit-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
	background: -o-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
	background: -ms-linear-gradient(90deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
	background: linear-gradient(180deg, rgb(40, 146, 252) 0%, rgb(20, 73, 126) 100%);
		padding: 20px 20px 20px 20px;
	}
	.officeDetailContactTb01 {
		display: table;
		width: 100%;
	}
	.officeDetailContactCell01 {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: auto;
		color: #ffffff;
	}

	.officeDetailContactText01 {
		font-size: 20px;
		line-height: 1.66em;
		font-weight: 500;
		margin-bottom: 15px;
	}
	.officeDetailContactText02 {
		border-top: 1px solid #ffffff;
		border-bottom: 1px solid #ffffff;
		font-size: 18px;
		line-height: 1.66em;
		font-weight: 500;
	}
	.officeDetailContactFx01 {
		display: block;
		margin-top: 10px;
	}
	.officeDetailContactFx01 .li02 {
		padding-top: 10px;
	}

	.officeDetailContactTel01 {
		display: inline-block;
		color: #ffffff;
		font-size: 40px;
		line-height: 1.0em;
		font-weight: 500;
		background-image: url("/common/img/office/detail/office_detail_icon_tel01.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: auto 40px;
		padding-left: 50px;
	}
	.officeDetailContactTime01 {
		font-size: 13px;
		line-height: 1.78em;
		font-weight: 500;
		margin-top: 7px;
	}

	/*--------------------*/

	.officeDetailContactBtnMail01 {
		display: table;
		width: 100%;
	}
	.officeDetailContactBtnMail01 a {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		box-sizing: border-box;
		height: 60px;
		border: 1px solid #ffffff;
		background-color: #ffffff;
		color: #2E6FBE;
		font-size: 17px;
		line-height: 1.4em;
		font-weight: bold;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all  0.3s ease;
	}
	.officeDetailContactBtnMail01 a:link {	color: #2E6FBE;	text-decoration: none;}
	.officeDetailContactBtnMail01 a:visited {	color: #2E6FBE;	text-decoration: none;}
	.officeDetailContactBtnMail01 a:hover {
		color:#ffffff;
		text-decoration: none;
		background-color: #2E6FBE;
	}
	.officeDetailContactBtnMail01 a:active {	color:#2E6FBE;	text-decoration: none;}

	.officeDetailContactBtnMail01 a span {
		display: inline-block;
		position: relative;
		padding-left: 46px;
	}
	.officeDetailContactBtnMail01 a span::before {
		content: "";
		background-image: url("/common/img/office/detail/office_detail_icon_mail01.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 30px auto;
		width: 30px;
		height: 24px;
		position: absolute;
		left: 0px;
		top: 50%;
		margin-top: -12px;
	}
	.officeDetailContactBtnMail01 a:hover span::before {
		background-image: url("/common/img/office/detail/office_detail_icon_mail01_on.png");
	}

	/*--------------------*/

	.officeDetailMt50 {
		margin-top: 30px !important;
	}
	.officeDetailPb00 {
		padding-bottom: 0px !important;
	}

	.contH301 .h3Span03 {
		display: block;
		font-size: 16px;
		line-height: 1.4em;
		font-weight: 500;
		margin-bottom: 8px;
	}

	.officeDetailBlock01.bgGr01 {
		background-color: #F5F5EA;
	}

	.officeDetailBlock01 {
		padding: 20px 20px 50px 20px;
	}
	.officeDetailUl01 {
		display: table;
		width: 100%;
	}
	.officeDetailUl01 li {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		font-size: 18px;
		line-height: 1.6em;
		font-weight: 500;
	}
	.officeDetailUl01 li:first-child {
		width: 70px;
		padding-right: 20px;
	}

	.officeDetailTb01 {
		display: table;
		width: 70px;
	}
	.officeDetailTb01 p {

		display: table-cell;
		text-align: center;
		vertical-align: middle;
		height: 70px;
		background-color: #50B8E8;
		color: #ffffff;
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
	}
	.officeDetailTb01 p .ofSpan01 {
		display: block;
		font-size: 16px;
		line-height: 1.0em;
		font-weight: 500;
	}
	.officeDetailTb01 p .ofSpan02 {
		display: block;
		font-size: 28px;
		line-height: 1.0em;
		font-weight: 500;
	}

	.officeDetailImgWrap01 {
		width: auto;
	}

	.officeDetailBox01 {
		width: auto;
		text-align: left;
		margin-top: 20px;
	}
	.officeDetailBox01 dt {
		font-size: 16px;
		line-height: 1.7em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.officeDetailBox01 dd {
		font-size: 14px;
		line-height: 1.7em;
	}

	.officeFloatLeft {
		float: left;
	}
	.officeFloatRight {
		float: right;
	}

	.officeDetailReason01 {
		margin-top: 20px;
	}

	/*-----------------*/

	.officeDetailAboutUl01 {
		margin-top: 30px;
	}
	.officeDetailAboutUl01 li {
		width: auto;
		margin-right: 0px;
		float: left;
		margin-bottom: 10px;
	}
	.officeDetailAboutUl01 li:nth-child(4n) {
		margin-right: 0px;
		margin-bottom: 0px;
	}

	/*--------------------*/

	.officeDetailBlockStaff {
		background-color: #F5F5EA;
		padding: 40px 20px 40px 20px;
	}
	.officeDetailH301 {
		font-size: 20px;
		line-height: 1.6em;
		font-weight: 500;
		margin-bottom: 10px;
	}
	.officeDetailStaffUl01 li {
		border-top: 1px solid #bcbcbc;
		padding: 20px 0px 20px 0px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		text-align: left;
	}
	.officeDetailStaffUl01 li:first-child {
		border-top: none;
	}

	.officeDetailStaffImg01 {
		width: 20%;
	}
	.officeDetailStaffImg01 img {
		-moz-border-radius: 200px;
		-webkit-border-radius: 200px;
		-o-border-radius: 200px;
		-ms-border-radius: 200px;
		border-radius: 200px;
	}
	.officeDetailStaffDl01 {
		width: 80%;
		padding-left: 20px;
	}
	.officeDetailStaffDl01 dt {
		font-size: 17px;
		line-height: 1.7em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.officeDetailStaffDl01 dt span {
		font-size: 16px;
	}
	.officeDetailStaffDl01 dd {
		font-size: 14px;
		line-height: 1.7em;
	}

	/*--------------------*/

	.officeDetailGreenMb80 {
		margin-bottom: 40px;
	}
	.officeDetailBlockStaff02 {
		background-image: url("/common/img/office/detail/office_detail_type_bg01.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		padding: 40px 20px 40px 20px;
	}
	.officeDetailBlockStaff02 .officeDetailH301 {
		color: #ffffff;
	}

	.officeDetailGreenBox01 {
		background-image: url("/common/img/office/detail/office_detail_green_bg01.png");
		background-repeat: repeat;
		background-position: center top;
		padding: 20px;
		border: 1px solid #707070;
	}

	.officeDetailGreenText01 {
		font-size: 15px;
		line-height: 1.7em;
		color: #033E2E;
		margin-bottom: 30px;
		text-align: left;
	}
	.officeDetailGreenText01 a {
		text-align: right;
	    display: block;
	}
	.officeDetailGreenFlowWrap li {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
		margin-bottom: 24px;
	}

	.officeDetailGreenStep01 {
		width: 60px;
		position: relative;
		background-color: #033E2E;
	}
	.officeDetailGreenStep01::after {
		content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 30px 0 30px;
	border-color: #033e2e transparent transparent transparent;
		position: absolute;
		left: 0px;
		bottom: -24px;
	}

	.officeDetailGreenStep01 p {
		width: 100%;
		position: absolute;
		left: 0px;
		bottom: 10px;
		text-align: center;
		color: #ffffff;
		font-weight: bold;
	}
	.officeDetailGreenStep01 p .span01 {
		display: block;
		font-size: 14px;
		line-height: 1.2em;
	}
	.officeDetailGreenStep01 p .span02 {
		display: block;
		font-size: 25px;
		line-height: 1.2em;
	}

	.officeDetailGreenStep02 {
		width: 80%;
		text-align: left;
	}
	.officeDetailGreenStep02 dt {
		overflow: hidden;
		margin-bottom: 10px;
	}
	.officeDetailGreenStep02 dt span {
		display: inline-block;
		padding: 0px 12px 0px 0px;
		color: #033E2E;
		font-size: 18px;
		line-height: 1.3em;
		font-weight: bold;
		position: relative;
	}
	.officeDetailGreenStep02 dt span::after {
		content: "";
		width: 1000px;
		height: 1px;
		background-color: #707070;
		position: absolute;
		right: -1000px;
		top: 50%;
	}
	.officeDetailGreenStep02 dd {
		font-size: 14px;
		line-height: 1.7em;
	}

	/*----------------------*/

	.officeDetailGreenFlex01 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			 -ms-flex-pack: justify;
		 justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
		text-align: left;
	}
	.officeDetailGreenFlex01 .box01 {
		width: 100%;
		margin-bottom: 20px;
	}
	.officeDetailGreenFlex01 .box02 {
		width: 100%;
	}
	.officeDetailGreenFlex01 .box02 li {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #707070;
	}
	.officeDetailGreenFlex01 .box02 li:last-child {
		margin-bottom: 0px;
		border-bottom: none;
	}
	.officeDetailGreenFlex01 .box02 dt {
		font-size: 18px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.officeDetailGreenFlex01 .box02 dd {
		font-size: 14px;
		line-height: 1.7em;
	}

	.officeDetailGreenBox02 {
		background-image: url("/common/img/office/detail/office_detail_green_bg02.png");
		background-repeat: repeat;
		background-position: center to;
		padding: 20px 20px 20px 20px;
		margin-top: 30px;
		text-align: left;
	}
	.officeDetailGreenLink01 li {
		display: block;
		font-size: 14px;
		line-height: 1.7em;
		font-weight: bold;
		margin-right: 0px;
		padding: 5px 0px;
	}
	.officeDetailGreenLink01 a:link {	color: #033E2E;	text-decoration: none;}
	.officeDetailGreenLink01 a:visited {	color: #033E2E;	text-decoration: none;}
	.officeDetailGreenLink01 a:hover {	color:#033E2E;	text-decoration: underline;}
	.officeDetailGreenLink01 a:active {	color:#033E2E;	text-decoration: none;}

	/*----------------------*/

	.topBlockWh01.officeDetail {
		padding: 40px 0px 40px 0px;
	}

}



/* -------------------------------------------------------------------- 
各種ダウンロード
-------------------------------------------------------------------- */
#download{
	padding-bottom:20px;
}
.contDownloadFlex01{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contDownloadFlex01 .contDownloadBox01{
    width: 525px;
    display: block;
    background-color: #F5F5EA;
    position: relative;
    margin-bottom: 20px;
    padding:35px 0 30px;
}
.contDownloadFlex01 .contDownloadBox01 .DownloadTitle01{
	font-size: 24px;
    line-height: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 28px;
}
.contDownloadFlex01 .contDownloadBox01 .DownloadText01{
	font-size: 16px;
    line-height: 1.6rem;
    text-align: left;
    padding-bottom: 30px;
    min-height: 100px;
}
.contDownloadFlex01 .contDownloadBox01 .contDownloadBoxIn01{
    flex: 1;
    position: relative;
    padding: 0 45px 45px 0;
}
.contDownloadFlex01 .contDownloadBox01 .contDownloadFlexIn01{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contDownloadFlex01 .overFlowHid01 {
    width: 252px;
    display: flex;
	text-align: center;
    justify-content: center;
	align-items: center;
}
.contDownloadFlex01 .overFlowHid01 .overFlowHidIn01 {
	height:192px;
}
.contDownloadFlex01 .overFlowHid01 img{
	width: initial;
}
.contDownloadFlex01 .overFlowHid01 img.w100{
	width: 100%;
	height:initial;
}
.contDownloadFlex01 .overFlowHid01 img.h100{
	width: initial;
	height:100%;
}
.contDownloadFlex01 .hydrocultureBtnWrap {
    bottom: 0;
	width: initial;
}

@media screen and (max-width:768px) {
	.contDownloadFlex01 .contDownloadBox01 {
	    width: 100%;
	    display: block;
	    margin-bottom: 20px;
	    padding: 20px 20px 20px;
	}
	.contDownloadFlex01 .contDownloadBox01 .DownloadTitle01 {
	    font-size: 24px;
	    line-height: 2.4rem;
	    margin-bottom: 20px;
	}
	.contDownloadFlex01 .contDownloadBox01 .contDownloadFlexIn01 {
	    display: block;
	}
	.contDownloadFlex01 .overFlowHid01 {
	    width: initial;
	    height: initial;
	    margin: 0 auto 20px;
	}
	.contDownloadFlex01 .contDownloadBox01 .contDownloadBoxIn01 {
	    padding: 0;
	}
	.contDownloadFlex01 .contDownloadBox01 .DownloadText01 {
	    font-size: 16px;
	    line-height: 1.6rem;
	    padding-bottom: 20px;
	    min-height: initial;
	}

}



/* -------------------------------------------------------------------- 
スタッフ紹介
-------------------------------------------------------------------- */
.contStaffWrap01.topBlockWh01 {
    padding-bottom:0;
}
.detailStaff01{
	background-image: url(/common/img/staff/staff_mainvisual01.jpg);
}
.contStaffUl01{
    position: relative;
    padding: 46px 0px 0px 0px;
    margin-bottom: 88px;
}
.contStaffBox{
    padding: 40px 40px 40px 40px;
	background-color: #F5F5F5;
}
.contStaffFlex01 {
  display : -webkit-box;     /* old Android */
  display : -webkit-flex;    /* Safari etc. */
  display : -ms-flexbox;     /* IE10        */
  display : flex;
    width: 100%;
}
.contStaffFlex01.reverse {
  -webkit-flex-direction: row-reverse;     /* Safari etc. */
  -ms-flex-direction    : row-reverse;     /* IE10        */
  flex-direction        : row-reverse;
}
.contStaffFlex01Cell01 {
    display: block;
    text-align: left;
    vertical-align: top;
    width: 343px;
}
.contStaffFlex01Cell02 {
    display: block;
    text-align: left;
    vertical-align: top;
    width: 618px;
    padding-left: 30px;
}
.contStaffFlex01.reverse .contStaffFlex01Cell02 {
    padding-left: 0;
    padding-right: 30px;
}
.contStaffUl01 .contStaffLi01 {
    position: relative;
    padding: 40px 0px 0px 0px;
}
.contStaffH301 {
    font-size: 28px;
    line-height: 1.6em;
    font-weight: 500;
    margin-bottom: 40px;
    border-left: 10px solid #2E6FBE;
    padding: 0 0 0 30px;
}
.contStaffH301 span{
    display: block;
    font-size: 16px;
    line-height: 1.75em;
    text-align: justify;
    margin-top: 1em;
}
.contStaffText01 {
    font-size: 16px;
    line-height: 1.75em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 1em;
}

@media screen and (max-width:768px) {
	.contStaffWrap01 {
	    padding: 20px 20px 20px 20px;
	}
	.contStaffUl01 {
	    position: relative;
	    padding: 30px 0px 0px 0px;
	    margin-bottom: 0;
	}
	.contStaffUl01 .contStaffLi01 {
	    position: relative;
	    padding: 0px 0px 0px;
	    margin-bottom: 20px;
	}
	.contStaffLi01 .contStaffBox {
	    padding: 20px 20px 20px 20px;
	}
	.contStaffFlex01 {
	    display: block;
	    width: 100%;
	}
	.contStaffFlex01Cell01 {
	    display: block;
	    text-align: left;
	    vertical-align: top;
	    width: auto;
	    padding-right: 0px;
	    margin-bottom: 15px;
	}
	.contStaffFlex01Cell02 {
	    display: block;
	    text-align: left;
	    vertical-align: top;
	    width: auto;
		padding-right: 0;
		padding-left: 0;
	}
	.contStaffFlex01.reverse .contStaffFlex01Cell02 {
	    padding-right: 0;
	}
	.contStaffH301 {
	    font-size: 20px;
	    line-height: 1.6em;
	    font-weight: 500;
	    margin-bottom: 20px;
	    border-left: 10px solid #2E6FBE;
	    padding: 0 0 0 20px;
	}
	.contStaffH301 span{
	    display: block;
	    font-size: 14px;
	    line-height: 1.75em;
	    text-align: justify;
	    margin-top: 1em;
	}
	.contStaffText01 {
	    font-size: 14px;
	    line-height: 1.75em;
	    text-align: justify;
	    text-justify: inter-ideograph;
	    margin-top: 1em;
	}

}

/* -------------------------------------------------------------------- 
エビデンス
-------------------------------------------------------------------- */
.detailMainvisual.detailEvidence {
    background-image: url(/common/img/evidence/mv.jpg);
}
.evidenceBlock01 {
    background-image: url(/common/img/evidence/evidence_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 50px 0px 50px 0px;
    margin:0 auto 100px;
}
.evidenceBlock01Box{
    background: rgb(255 255 255 / 80%);
    padding: 60px 100px 60px 100px;
    margin:  0 0 35px;
}
.evidenceBlock01 .evidenceBlock01Box last-child{
    margin:  0;
}
.evidenceBlock01Box ._txt{
    text-align: right;
	font-size: 14px;
    margin: 20px 0 0;
}
.evidenceBlock01Box hr{
    background: #2F2F2F;
    height: 2px;
    margin: 60px 0;
}
.evidenceBlock01Box .evidenceTableTtl{
	font-size: 26px;
    line-height: 1.6em;
    background: #1f8a3b;
    color: #fff;
	margin: 0 auto 10px;
    padding:0 10px;
}
/*** Table01 ***/
.evidenceBlock01Box .evidenceTable01{
	word-break: break-word;
    font-size: 16px;
    line-height: 1.75em;
}
.evidenceBlock01Box .evidenceTable01 table{
	margin: 0 auto;
    width: 100%;
    padding:0 10px;
    border-collapse: separate;
    border-spacing: 2px 3px;
    table-layout: fixed;
}
.evidenceBlock01Box .evidenceTable01 table thead th{
	font-size: 20px;
    line-height: 1.6em;
    background: #b9d59f;
    color: #000;
	text-align: center;
    padding:0 10px;
}
.evidenceBlock01Box .evidenceTable01 table tbody td{
    background: #eff3d8;
    padding:20px 30px;
	text-align: left;
}
.evidenceBlock01Box .evidenceTable01 table tbody td.alc{
	text-align: center;
}
.evidenceBlock01Box .evidenceTable01 table tbody tr.bg td{
    background: #dfe6ce;
}
.evidenceBlock01Box .evidenceTable01 table tbody tr td span{
    color: #88ba4d;
    padding:0 1px;
}

/*** Table02 ***/
.evidenceBlock01Box .evidenceTable02{
	word-break: break-word;
    font-size: 16px;
    line-height: 1.75em;
}
.evidenceBlock01Box .evidenceTable02 table:last-child{
	margin-bottom:0;
}
.evidenceBlock01Box .evidenceTable02 table{
	margin: 0 auto 15px;
    width: 720px;
    padding:0 10px;
    border-collapse: separate;
    border-spacing: 3px;
}
.evidenceBlock01Box .evidenceTable02 table thead th{
	font-size: 24px;
    line-height: 1.6em;
    background: #59ad52;
    color: #fff;
	text-align: center;
    padding:0 10px;
    position: relative;
}
.evidenceBlock01Box .evidenceTable02 table thead th span {
    position: absolute;
    font-size: 16px;
    color: #000;
    right: 10px;
}
.evidenceBlock01Box .evidenceTable02 table thead td{
	font-size: 20px;
    line-height: 1.6em;
    text-align: center;
    padding: 0 10px;
    background: #dfe6ce;
}
.evidenceBlock01Box .evidenceTable02 table tbody {
	text-align: left;
}
.evidenceBlock01Box .evidenceTable02 table tbody th,
.evidenceBlock01Box .evidenceTable02 table tbody td {
    background: #eff3d8;
    padding:10px 18px;
}
.evidenceBlock01Box .evidenceTable02 table tbody th{
	width:260px;
	text-align: center;
}
.evidenceBlock01Box .evidenceTable02 table tbody td{
	width:460px;
	font-size: 20px;
    line-height: 1.6em;
    color: #528836;
}
@media screen and (max-width:768px) {
	.evidenceBlock01 {
	    padding: 30px 0px;
	    margin: 0 auto 30px;
	}
	.evidenceBlock01Box hr {
	    margin:10px 0;
	}
	.evidenceBlock01Box .evidenceTableTtl {
	    font-size: 16px;
	    line-height: 1.6em;
	    margin: 0 auto;
	    padding: 5px 10px;
	}
	.evidenceBlock01Box {
	    padding: 0;
	    margin: 0 20px 20px;
	}
	.evidenceBlock01Box .img img{
	    width: calc(100% - 20px);
	    padding:10px;
	    margin: 0 auto;
	    display:block;
	}
	/*** Table01 ***/
	.evidenceBlock01Box .evidenceTable01 table {
	    width: 100%;
	    border-spacing: 0 15px;
	}
	.evidenceBlock01Box .evidenceTable01 thead{
	    display: none;
	}
	.evidenceBlock01Box .evidenceTable01 table tr td{
	    display: block;
	    width: 100%;
	    position: relative;
		padding: 0;
	}
	.evidenceBlock01Box .evidenceTable01 table tr td p{
		padding: 10px;
	}
	.evidenceBlock01Box .evidenceTable01 table tbody tr td:nth-child(1):before,
	.evidenceBlock01Box .evidenceTable01 table tbody tr td:nth-child(2):before,
	.evidenceBlock01Box .evidenceTable01 table tbody tr td:nth-child(3):before {
	    content: "空気汚染物質";
	    background: #b9d59f;
	    box-sizing: border-box;
	    color: #000;
	    padding: 10px;
	    display: block;
	    width: 100%;
		text-align: center;
	}
	.evidenceBlock01Box .evidenceTable01 table tbody tr td:nth-child(2):before {
	    content: "発生源";
	}
	.evidenceBlock01Box .evidenceTable01 table tbody tr td:nth-child(3):before {
	    content: "除去する植物";
	}
	/*** Table02 ***/
	.evidenceBlock01Box .evidenceTable02 table {
	    margin: 15px auto 15px;
	    width: 100%;
	    padding: 0 10px;
	}
	.evidenceBlock01Box .evidenceTable02 table:last-child {
	    padding-bottom: 15px;
	}
	.evidenceBlock01Box .evidenceTable02 table thead th,
	.evidenceBlock01Box .evidenceTable02 table thead td {
	    font-size: 16px;
	    line-height: 1.6em;
	}
	.evidenceBlock01Box .evidenceTable02 table tbody th,
	.evidenceBlock01Box .evidenceTable02 table tbody td {
	    padding: 5px 10px;
	}
	.evidenceBlock01Box .evidenceTable02 table tbody td {
	    font-size: 24px;
		line-height: 1.3em;
	}
	.evidenceBlock01Box .evidenceTable02 table thead th span {
	    position: static;
	    font-size: 16px;
	    padding: 0 0 0 15px;
	}
}

/* -------------------------------------------------------------------- 
 プラネット・バイオフィリア緑化研究所
-------------------------------------------------------------------- */
.detailMainvisual.detailLaborator {
    background-image: url(/common/img/laborator/mainvisual.jpg);
}

ul.detailAnc01_03.detailLaborator li {
	width:200px;
}
ul.detailAnc01_03.detailLaborator li:nth-child(3n) {
    margin-right: 15px;
}
.detailLaboratorWrap {
	padding: 0 0 30px;
}
.detailLaboratorWrap .imgBox01{
    padding: 30px 0 0;
    width: 80%;
    margin: 0 auto;
}
.contH201 {
	text-align: center;
	margin-bottom: 30px;
}
.contH201 .h2Span01 {
	display: inline-block;
	position: relative;
	color: #50B8E8;
	font-size: 20px;
	line-height: 1.8em;
	font-weight: 600;
	margin-bottom: 15px;
}
.contH201 .h2Span01::before {
	content: "";
	background-image: url("/common/img/laborator/tit_icon01.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 30px;
	width: 133px;
	height: 30px;
	position: absolute;
	left: -148px;
	top: 50%;
	margin-top: -19px;
}

.contH201 .h2Span02 {
	display: block;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: 500;
}
.labFlexBase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
}
.labFlexBox03 {
	width: 343px;
	text-align: center;
	display: block;
}
.labFlexBox03 h3 {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
    text-align: left;
	padding:16px 0 12px;
}
.labFlexBox03 p {
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 20px;
}

.resFlexBox02 {
	width: 500px;
	position: relative;
}
.labTxt {
	font-size: 16px;
    line-height: 1.75em;
    text-align: justify;
}
.labTxt p {
	margin: 0 0 1em;
}
.labTxt p:last-child {
	margin: 0;
}

#report {
	background: #F5F5EA;
	padding: 60px 0 30px;
}
.labFlexBase h4 {
	font-size: 20px;
    line-height: 1.75em;
	font-weight: bold;
	text-align: left;
	padding: 12px 0 10px;
}
.labFlexBase p {
	font-size: 16px;
    line-height: 1.75em;
	font-weight: normal;
	text-align: left;
	margin:0 0 60px;
}

span.link {
    display: table;
    width: 245px;
    position: relative;
    margin: auto;
}
span.link a {
	border: 1px solid #2E6FBE;
	background-color: #2E6FBE;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    height: 56px;
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    -o-border-radius: 200px;
    -ms-border-radius: 200px;
    border-radius: 200px;
    font-size: 14px;
    line-height: 1.2em;
    font-weight: 500;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
span.link a:link {	color: #ffffff;	text-decoration: none;}
span.link a:visited {	color: #ffffff;	text-decoration: none;}
span.link a:hover {
	color: #2E6FBE;
	background-color: #ffffff;
	text-decoration: none;
}
span.link a:active {	color:#ffffff;	text-decoration: none;}

span.link a::before {
	content: "";
	background-image: url("/common/img/btn_ar02.png");
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 31px auto;
    width: 31px;
    height: 6px;
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -3px;
}
span.link a:hover::before {
	background-image: url("/common/img/btn_ar01.png");
}


#aboutus {
	padding: 60px 0 30px;
}
.aboutImg {
	width: 525px;
	margin: 10px auto 40px;
}

#research {
	background: #F5F5EA;
	padding: 60px 0 0;
}

.resFlexBox02b {
    width: 525px;
    position: relative;
}
.resFlexBox02b h3{
	font-size: 20px;
    line-height: 1.2em;
    font-weight: bold;
    text-align: center;
    padding: 16px 0 12px;
}
.resFlexBox02b .cap {
	color: #7E7E7E;
	font-size: 14px;
	display: block;
	text-align: right;
	margin: 10px 0 0;
}


#greeting {
	padding: 60px 0 30px;
}
.labFlexBase .photo {
	width: 310px;
}
.labFlexBase .detail {
	width: 720px;
	text-align: left;
	font-size: 16px;
    line-height: 1.5em;
}
.labFlexBase .detail p {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 20px;
}
.labFlexBase .detail dt {
	font-weight: bold;
	margin: 0 0 8px;
}
.labFlexBase .detail dd {
	margin: 0 0 15px;
}
.labFlexBase .detail a {
	font-weight: bold;
}
.labFlexBase .detail a:link {color: #2E6FBE;	text-decoration: underline;}
.labFlexBase .detail a:visited {color: #2E6FBE;text-decoration: underline;}
.labFlexBase .detail a:hover {	color: #2E6FBE;text-decoration: none;}
.labFlexBase .detail a:active {	color: #2E6FBE;text-decoration: underline;}
#staf {
	padding: 30px 0 0;
}
.staffWrap {
    background: #F5F5EA;
	padding: 30px;
	margin: 0 0 40px;
}
.staffWrap .labFlexBase{
	margin-top: 0;
}

.staffWrap .labFlexBase .detail {
	width: 660px;
	text-align: left;
	font-size: 16px;
    line-height: 1.5em;
}

.staffWrap .labFlexBase .detail p {
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	border-left:8px solid #2E6FBE;
	line-height: 1.5em;
}


.contBtm {
    background: #F5F5EA;
	padding: 30px;
	padding: 60px 0;
	margin: 0 0 100px;
}

.contH202 {
	color: #2E6FBE;
	font-size: 33px;
	font-weight: bold;
	position: relative;
	margin-bottom: 60px;
}
.contH202:after {
	position: absolute;
	content:"";
	width: 528px;
	height: 3px;
	background: #2E6FBE;
	bottom: -20px;
	left: 50%;
	margin-left: -264px;
}
.contBtm p {
	width: 760px;
	font-size: 16px;
	line-height: 1.75em;
	margin: 0 auto 30px;
}


.blogFlexCol3 {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	margin-top:30px;
}
.blogFlexCol3 .box {
	width:235px;
	display:inline-block;
  	margin-bottom:20px;
}
.blogFlexCol3 .box figure {
	display:block;
	margin:0;
	padding:0;
	height:280px;
	text-align:center;
}
.blogFlexCol3 .box figure img {
	height:100%;
	width:auto;
}
.blogFlexCol3 .box p,
.blogFlexCol3 .box div {
	font-size:16px;
	line-height:1.3em;
}
.blogFlexCol3 .box .text01 {
	font-weight:bold;
	padding:18px 18px 10px;
}
.blogFlexCol3 .box .text02 {
	padding:0 18px;
}
.blogFlexCol3 .box .text03 {
	padding:10px 18px 0;
}
.blogFlexCol3 .box .text03 a {
	color:#2F2F2F;
}


@media screen and (max-width:768px) {
	ul.detailAnc01_03.detailLaborator li {
		width:100%;
	    margin-right: 0;
	}
	ul.detailAnc01_03.detailLaborator li:nth-child(3n) {
	    margin-right: 0;
	}	
	.contH201 .h2Span01::before {
		content: "";
		background-image: url("/common/img/laborator/tit_icon01.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: auto 30px;
		width: 133px;
		height: 30px;
		position: absolute;
		left: -148px;
		top: 50%;
		margin-top: -19px;
	}
	.detailLaboratorWrap {
		padding: 0 20px;
	}
	.detailLaboratorWrap .imgBox01{
		padding: 0 0;
		width: 100%;
	}
	.contH201 {
		overflow: hidden;
	}
	.contH201 .h2Span02 {
		font-size: 18px;
	}
	.labFlexBase {
	    display: block;
	    margin-top: 40px;
	}
	.labFlexBox03 {
		width: 100%;
	}
	.labFlexBox03 p {
		font-size: 20px;
		line-height: 1.2em;
		font-weight: bold;
		margin-top: 20px;
	}
	.resFlexBox02 {
		width: 500px;
		position: relative;
	}
	.labTxt {
		font-size: 14px;
	    line-height: 1.75em;
	    text-align: justify;
		margin-bottom: 40px;
	}
	.labTxt p {
		margin: 0 0 1em;
	}
	.labTxt p:last-child {
		margin: 0;
	}

	#report {
		background: #F5F5EA;
		padding: 40px 0;
	}
	.labFlexBase h4 {
		font-size: 16px;
	    line-height: 1.75em;
		font-weight: bold;
		text-align: left;
		padding: 12px 0 10px;
	}
	.labFlexBase p {
		font-size: 14px;
	    line-height: 1.75em;
		font-weight: normal;
		text-align: left;
		margin:0;
		padding:0 0 40px;
	}
	#aboutus {
		padding: 40px 0 0;
	}
	.aboutImg {
		width: 100%;
		margin: 10px auto 40px;
	}

	#research {
		background: #F5F5EA;
		padding: 40px 0 0;
	}

	.resFlexBox02b {
		width: 100%;
	    position: relative;
	}
	#greeting {
		padding: 40px 0 30px;
	}
	.labFlexBase .photo {
		width: 100%;
		margin-bottom: 40px;
	}
	.labFlexBase .detail {
		width: 100%;
		text-align: left;
		font-size: 16px;
	    line-height: 1.5em;
	}
	.labFlexBase .detail p {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 20px;
		padding: 0;
	}
	.labFlexBase .detail dt {
		font-weight: bold;
		margin: 0 0 8px;
	}
	.labFlexBase .detail dd {
		margin: 0 0 15px;
		font-size: 14px;
	}
	.labFlexBase .detail a {
		font-weight: bold;
		display: inline-block;
		padding-bottom: 15px;
	}
	.labFlexBase .detail a:link {color: #2E6FBE;	text-decoration: underline;}
	.labFlexBase .detail a:visited {color: #2E6FBE;text-decoration: underline;}
	.labFlexBase .detail a:hover {	color: #2E6FBE;text-decoration: none;}
	.labFlexBase .detail a:active {	color: #2E6FBE;text-decoration: underline;}
	#staff {
		padding: 30px 0 0;
	}
		
	#staff .detailLaboratorWrap {
		padding: 0;
	}
	.staffWrap {
	    background: #F5F5EA;
		padding:35px 20px 20px;
		margin: 0 0 40px;
	}
	.staffWrap .labFlexBase{
		margin-top: 0;
	}

	.staffWrap .labFlexBase .detail {
		width: 100%;
		text-align: left;
		font-size: 16px;
	    line-height: 1.5em;
	}

	.staffWrap .labFlexBase .detail p {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 20px;
		padding: 0 0 0 15px;
		border-left:8px solid #2E6FBE;
		line-height: 1.5em;
	}
	.contBtm {
	    background: #F5F5EA;
		padding: 40px 20px;
		margin: 0 0 100px;
	}

	.contH202 {
		color: #2E6FBE;
		font-size: 20px;
		font-weight: bold;
		position: relative;
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 3px solid #2E6FBE;
	}
	.contH202:after {
		display: none;
	}
	.contBtm p {
		width: auto;
		text-align: left;
		font-size: 14px;
		line-height: 1.75em;
		margin: 0 auto 30px;
	}
	.blogFlexCol3 {
		display:block;
	}
	.blogFlexCol3 .box {
		width:100%;
	}
.blogFlexCol3 .box figure {
	height:auto;
}
.blogFlexCol3 .box figure img {
	height:auto;
	width:100%;
}
.blogFlexCol3 .box .text01 {
	padding:18px 0 10px;
}
.blogFlexCol3 .box .text02 {
	padding:0;
}
	.blogFlexCol3 .box .text03 {
		padding:10px 0 20px;
	}
}

/* -------------------------------------------------------------------- 
 調査/研究報告
-------------------------------------------------------------------- */

.reportSearch form {
	display: flex;
	width: 328px;
	border: 3px solid #50B8E8;
}

.reportSearch form .textbox {
	width: 276px;
	padding: 8px 10px;
	border: none;
}
.reportSearch form .btn {
	border: none;
	width:32px;
	height: 32px;
	color:#50B8E8;
	background: #50B8E8 url(/common/img/laborator/icon_search.png) no-repeat center center /  18px 18px;
}
.detailMainvisual.detailReport01 {
    background-image: url(/common/img/laborator/report_mainvisual01.jpg);
}
.detailMainvisual.detailReport02 {
    background-image: url(/common/img/laborator/report_mainvisual01.jpg);
}
.detailReport02 .detailMainCell01 {
    height: 340px;
}

/* -------------------------------------------------------------------- 
 品種紹介
-------------------------------------------------------------------- */
.detailMainvisual.detailPlantVariety01 {
    background-image: url(/common/img/plant-variety/plant_variety_mainvisual01.jpg);
}
/*見出し*/
.detailPlantVarietyTitle01Wrap {
	background-color: #2E6FBE;
	padding: 13px 30px 13px 30px;
	margin-bottom: 40px;
}
.detailPlantVarietyTitle01 {
	color: #ffffff;
	font-size: 26px;
	line-height: 1.6em;
	font-weight: bold;
}
.detailPlantVarietyText01 {
	font-size: 16px;
	line-height: 1.75em;
	text-align: justify;
	text-justify: inter-ideograph;
}
/*一覧*/
.contPlantVarietyFlex01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	margin: 0px 0px 40px 0px;
}
.contPlantVarietyFlexBox01 {
	display: inline-block;
	position: relative;
	width: 221px;
	margin: 0px 20px 20px 0px;
	text-align: left;
}
.contPlantVarietyFlexBox01:nth-child(3n) {
	margin: 0px 0px 20px 0px;
}
.contPlantVarietyBoxIn01 {
	padding: 10px 0px 10px 0px;
}
.contPlantVarietyText01 {
	font-size: 20px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}
.contPlantVarietyText02 {
	font-size: 14px;
	line-height: 1.6em;
}

/*サイドメニュー*/
/*検索*/
.plantVarietySearch  {
	margin-top:0;
}
.plantVarietySearch form {
	display: flex;
	width: 328px;
	border: 3px solid #50B8E8;
	margin-bottom:50px;
}
.plantVarietySearch form .textbox {
	width: 276px;
	padding: 13px 10px;
	border: none;
}
.plantVarietySearch form .btn {
	border: none;
	width:42px;
	height: 42px;
	color:#50B8E8;
	background: #50B8E8 url(/common/img/laborator/icon_search.png) no-repeat center center /  18px 18px;
	border-radius:0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
}
/*サイドメニュー コンテンツ*/
.contPlantVarietySide01 {
	text-align: left;
	width: 260px;
	float: right;
}
.contPlantVarietySideCateWrap01 {
}
.contPlantVarietySideCateWrap01 li {
	display: table;
	width: 100%;
	position: relative;
	margin-bottom:20px;
}
.contPlantVarietySideCateWrap01 li a {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1.3em;
}
.contPlantVarietySideCateWrap01 a:link {	color: #121111;	text-decoration: none;}
.contPlantVarietySideCateWrap01 a:visited {	color: #121111;	text-decoration: none;}
.contPlantVarietySideCateWrap01 a:hover {	color:#121111;	text-decoration: underline;}
.contPlantVarietySideCateWrap01 a:active {	color:#121111;	text-decoration: none;}



@media screen and (max-width:768px) {
	/*見出し*/
	.detailPlantVarietyTitle01Wrap {
		background-color: #2E6FBE;
		padding: 6px 15px 6px 15px;
		margin-bottom: 15px;
	}
	.detailPlantVarietyTitle01 {
		color: #ffffff;
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
	}
	.detailPlantVarietyText01 {
		font-size: 14px;
		line-height: 1.6em;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	/*一覧*/
	.contPlantVarietyFlex01 {
		display: block;
		margin: 0px 0px 20px ;
	}
	.contPlantVarietyFlexBox01 {
		display: block;
		position: relative;
		width: auto;
		margin: 0px 0px 20px 0px;
		text-align: left;
	}
	.contPlantVarietyBoxIn01 {
		padding: 10px 0px 10px 0px;
	}
	.contPlantVarietyFlexBox01 {
		display: table;
		width: 100%;
		margin: 0px 0px 20px 0px;
	}
	.contPlantVarietyFlexBox01 > div{
		display: table-cell;
		vertical-align: top;
	}
	.contPlantVarietyFlexBox01 > div img{
		width:143px;
	}
	.contPlantVarietyFlexBox01 .contPlantVarietyBoxIn01{
		padding:0 0 0 20px;
	}
	.contplantVarietyText01 {
		font-size: 17px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.contPlantVarietyText01 {
		font-size: 16px;
		line-height: 1.6em;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.contPlantVarietyText02 {
		font-size: 14px;
		line-height: 1.6em;
	}
	/*サイドメニュー*/
	/*検索*/
	.plantVarietySearch form {
		display: flex;
		width: 328px;
		border: 3px solid #50B8E8;
		margin-top:50px;
		margin-bottom:50px;
		margin-left:auto;
		margin-right:auto;
	}
	.plantVarietySearch form .textbox {
		width: 276px;
		padding: 13px 10px;
		border: none;
	}

	/*サイドメニュー コンテンツ*/
	.contPlantVarietySideCateWrap01 li {
		margin-bottom:10px;
	}
	.contPlantVarietySideCateWrap01 li a {
		font-size: 16px;
		line-height: 1.3em;
	}

}

/* -------------------------------------------------------------------- 
 品種紹介 詳細
-------------------------------------------------------------------- */
.detailMainvisual.detailPlantVarietyDetail01 {
    background-image: url(/common/img/plant-variety/plant_variety_mainvisual01_1.jpg);
}
.plantVarietyDetailWrap01 {
	margin-bottom: 60px;
}
.plantVarietyDetailWrap01 img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.plantVarietyDetailWrap01 img.aligncenter {
	margin: 0 auto;
	display: block;
	text-align: center;
}
.detailplantVarietyDetailBlock01{
	padding:50px 60px;
	margin:28px 0 0 ;
	background: #F5F5F5;
}
.detailplantVarietyDetailBlock01 .text01 {
	font-size:26px;
	line-height:1.6em;
	padding:0 0 10px ;
}
.detailplantVarietyDetailBlock01 .text02 {
	font-size:16px;
	line-height:1.6em;
	padding:0 0  ;
}
.detailplantVarietyDetailBlock01 .img01 {
	padding:20px 0  40px;
}

/*画像2カラム*/
.plantVarietyFlexCol2 {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
  	margin-top:30px;
}
.plantVarietyFlexCol2 .box {
	width:343px;
	display:inline-block;
  	margin-bottom:47px;
}
.plantVarietyFlexCol2 .box figure {
	display:block;
	margin:0;
	padding:0;
	height:240px;
	text-align:center;
}
.plantVarietyFlexCol2 .box figure img {
	height:100%;
	width:auto;
}
.plantVarietyFlexCol2 .box p,
.plantVarietyFlexCol2 .box div {
	font-size:20px;
	line-height:1.3em;
}
.plantVarietyFlexCol2 .box .text01 {
	font-weight:bold;
	padding:18px 0 0;
}

@media screen and (max-width:768px) {
	.plantVarietyDetailWrap01 {
		margin-bottom: 30px;
	}
	.detailplantVarietyDetailBlock01{
		padding:20px 20px 30px;
		margin:18px 0 0 ;
	}
	.detailplantVarietyDetailBlock01 .text01 {
		font-size:20px;
		line-height:1.6em;
		padding:0 0 10px ;
	}
	.detailplantVarietyDetailBlock01 .text02 {
		font-size:16px;
		line-height:1.6em;
		padding:0 0  ;
	}
	.detailplantVarietyDetailBlock01 .img01 {
		padding:10px 0  20px;
	}
	/*画像2カラム*/
	.plantVarietyFlexCol2 {
		display:block;
	}
	.plantVarietyFlexCol2 .box {
		width:100%;
	}
	.plantVarietyFlexCol2 .box figure {
		height:auto;
	}
	.plantVarietyFlexCol2 .box figure img {
		height:auto;
		width:100%;
	}
	.plantVarietyFlexCol2 .box p,
	.plantVarietyFlexCol2 .box div {
		font-size:16px;
		line-height:1.6em;
	}
	.plantVarietyFlexCol2 .box .text01 {
		padding:18px 0 10px;
	}
}
/* -------------------------------------------------------------------- 
 
-------------------------------------------------------------------- */







/* -------------------------------------------------------------------- 
 
-------------------------------------------------------------------- */




@media screen and (max-width:768px) {



}












/*-----*/