@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



body {
	color: #232323;
}

.maxwidthmain {
	max-width: 1150px;
}

.leftrightpad0 {
	padding-left: 0px;
	padding-right: 0px;
}

.container {
	padding-left: 0;
	padding-right: 0;
	margin-left: auto;
	/*margin-right: auto;*/
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.row {
	margin-left: 0;
	margin-right: 0;
}

.pad0 {
	padding-left: 0;
	padding-right: 0;
}

.martop10 {
	margin-top: 25px;
}

.affix {
	top: 0;
	width: 100%;
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	table-layout: fixed;
	z-index: 200;
}

.bgglay {
	background-color: #F4F4F4;
}

.h_other {
	font-weight: 200;
	font-size: 16px;
	margin-bottom: 15px;
}

.h_other_b {
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 15px;
}


.h_other_text {
	font-weight: 200;
	font-size: 12px;
}

.copyright {
	margin: 30px;
	text-align: center;
	font-weight: 300;
	font-size: 12px;
	color: #ffffff;

}

.mar_side10 {
	margin: 5px;
	padding: 0 10px;

}

.catchcopy {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}


.techwaku {
	position: relative;
}

.techabso {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 70px;
	background-color: rgba(0, 0, 0, 0.50);
}

.tecabso_txt {
	font-weight: 400;
	font-size: 24px;
	color: rgba(216, 216, 216, 1.00);
	height: 70px;
	display: table-cell;
	/* IE8から使用可能 */
	vertical-align: middle;
	margin-top: 20px;
}

.absoimg {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	z-index: 200;
}


a.youtube:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 768px) {

	.techabso {
		height: 80px;
	}

	.tecabso_txt {
		font-size: 18px;
		height: 80px;

	}

	.absoimg {
		text-align: center;
		top: 30px;
	}

	.absoimgsize {
		/*width: 45%;*/
		width: 50%;
	}
}

@media screen and (max-width: 480px) {

	.techabso {
		height: 40px;
	}

	.tecabso_txt {
		display: inline-block;
		font-size: 14px;
		height: 40px;
		text-align: center;
		margin-top: 10px;
	}

}



.txtwrapper {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}


.txtwrapper_left {
	/* max-width: 520px;*/
	margin: 0 auto;
	text-align: left;
}

.txt {
	display: inline-block;
	text-align: left;
	margin: 10px;
}

.txt_2 {
	display: inline-block;
	text-align: left;
	margin: 10px;
}

@media screen and (max-width: 768px) {
	.txt_2 {
		display: list-item;
		text-align: left;
		margin: 10px;
	}
}

.padright {
	padding-right: 35px;
}

.padleft {
	padding-left: 35px;
}

.img_under_text {
	font-weight: 200;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 25px;
}



.marbottom0 {
	margin-bottom: 0px;
}

.bortop {

	letter-spacing: 3px;
	margin-top: 15px;
	padding-top: 5px;
}

.ptopborder {
	border-top: 1px solid #9E9E9E;

}


.kanren_h3 {
	font-weight: 300;
	margin-bottom: 15px;
	text-align: center;
}



.h2text {
	font-size: 2em;
	line-height: 10px;
	padding-bottom: 0.5em;
	border-bottom: 3px #737171 double;
	border-width: 1;
	color: #737171;
}


/*下層メニューの見出し h2*/
.h2textunder {
	font-size: 2.2em;
	line-height: 30px;
	padding-bottom: 0.4em;
	/*border-bottom:3px #737171 double;*/
	border-width: 1;
	color: #737171;
}



.h2textunder img {
	vertical-align: bottom;
	border: 0;
	margin-right: 5px;
}



.h3text {
	color: #737171;
	font-size: 1.8em;
	border-left: 7px solid #6B88F5;
	padding: .1em .4em;
	/*font-weight:bold;*/
}

.h3text_under {
	color: #737171;
	font-size: 1.8em;
	border-bottom: 2px solid #6B88F5;
	padding: 0 .4em;
	/*font-weight:bold;*/
}


.h3textb {
	display: block;
	font-size: .6em;
	/*    padding-top:.1em;  
*/
	color: #666;
}

/*下層メニューの見出し h2 ここまで*/



.box-midashi {
	border: 2px solid #6B88F5;
	border-radius: 4px;
	margin: 1.5em 0;
	padding: 1.5em;
	position: relative;
}

.box-midashi::before {
	background-color: #fff;
	color: #6B88F5;
	content: "ジャンル名、キャッチ";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -1em;
}

.first_p {
	font-weight: bold;
	font-size: 1.4em;

}


.center_first_p {
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	/*margin-top:2em;*/
}

.center_second_p {
	font-size: 1.2em;
	text-align: center;
	margin-top: 2em;

}




.h1text {
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: auto;
	padding: 0 1em;
	color: #737171;
	background-color: #FFFFFF;
}

.h1small {
	font-size: 0.8em;
	margin-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 2px;
}


@media screen and (max-width: 991px) {
	.affix {
		width: 100%;
	}

	.bottom480 {
		margin-bottom: 2.2em;
	}

	.dl-horizontal dd {
		margin-bottom: 1em;

	}
}




/*全体の文字サイズ調整*/

.fixed_tp {
	position: fixed;
	top: 0px;
	z-index: 500;
}

#menu-wrap {
	width: 100%;
	height: auto;

	/*  background: #2f2b3f;
*/
}













@media (max-width: 480px) {

	.h2text,
	.h1text {
		font-size: 1.0em;
		line-height: 1.0em;
		padding: 0.5em;
	}

	.h2text {
		font-size: 1.2em;
	}


	.bottom480 {
		margin-bottom: 2.0em;
	}

}




.ptoplarge {
	padding-top: 75px;
}

.ptopmiddle {
	padding-top: 50px;
}

.ptopsmall {
	padding-top: 25px;
}


.mtoplarge {
	margin-top: 75px;
}

.mtopmiddle {
	margin-top: 50px;
}

.mtopsmall {
	margin-top: 25px;
}

.mtopsmalltext {
	margin-top: 15px;
}


div.linkarea {
	cursor: pointer;
}


.fsizemiddle {
	font-size: 1.2em;
}

.dl-horizontal dd {
	height: 40px;

	/*	margin:1em 0.5em;
*/
}

.dl-horizontal dt {
	height: 40px;
	/*	margin:1em 0.5em*/
	color: #737171;

}



.item img {
	width: 100%;
}


@media (max-width: 991px) {
	.fluid2 {
		margin-top: 0;
	}
}

.carousel-caption {

	right: 0%;
	left: 0%;
	bottom: 0px;
	z-index: 10;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ffffff;
	text-align: left;
	background-color: rgba(50, 50, 50, 0.80);
}




.dldtspan {
	width: 80px;
	color: white;
	background-color: #337AB7;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 2;

}



.dl-horizontal dt {
	width: 200px;

	padding-right: 20px;
}


.splineh {
	line-height: 2;
}


.tpline_left {
	border-top: solid 1px #737171;
	text-align: left;
	font-size: 1em;

}


.tpline_right {
	border-top: solid 1px #737171;
	/*	text-align:right;*/
	font-size: 1em;
	/*	font-weight:bold;*/
}


.wptext {
	word-wrap: break-all;
}


.affix+.container-fluid {
	padding-top: 70px;
}


.rowmargin0 {
	margin-left: 0;
	margin-right: 0;
}

.padding5px {
	padding: 10px 5px 10px 5px;
	background-color: #227AE4
}

/*前矢印のアイコンフォント*/
.sp-next-arrow:before {
	font-family: FontAwesome !important;
	content: '\f105' !important;
}

/*後矢印のアイコンフォント*/
.sp-previous-arrow:before {
	font-family: FontAwesome !important;
	content: '\f104' !important;
}

.sp-buttons {
	margin-top: -40px;
}



/*ナビゲーションボタンの色*/
.sp-button {
	border: 2px solid #ccc;
}

.sp-selected-button {
	background-color: #02C6D0;
}


/*.rowcm {
  position: relative;
}
*/
.rowchild {
	/*  position: absolute;
  top: 50%;*/
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	/*  -webkit-transform: translate(-50%, -50%); 
  transform: translate(-50%, -50%);*/
}


/* columns of same height styles */


/* content styles */

.inside {
	margin-top: 20px;
	margin-bottom: 20px;
	/*  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);*/
}

.inside-full-height {
	/*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
	height: 100%;
	margin-top: 0;
	margin-bottom: 0;
}

.content {
	padding: 12px 3px;
}


.row-height {
	display: table;
	table-layout: fixed;
	height: 100%;
	width: 100%;
}

.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}

.col-top {
	vertical-align: top;
}

.col-middle {
	vertical-align: middle;
}

.col-bottom {
	vertical-align: bottom;
}


/*card*/
.card {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card {
	margin-top: 10px;
	box-sizing: border-box;
	border-radius: 2px;
	background-clip: padding-box;
}

.card:hover {
	border: 2px solid rgba(13, 154, 2, 1.00);
	opacity: 0.9;
}

.card div.card-title {
	line-height: 0px;
	text-transform: uppercase;
	background-color: rgba(13, 154, 2, 1.00);
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 4px;
	margin-top: -5px;
	margin-bottom: 1em;
	padding-top: 0px;
	letter-spacing: normal;
	position: relative;
}

.card .card-titleline {
	border-bottom: 10px solid rgba(13, 154, 2, 1.00);
}

.card .card-image {
	position: relative;
	overflow: hidden;
}

.card .card-image img {
	border-radius: 2px 2px 0 0;
	background-clip: padding-box;
	position: relative;
	z-index: -1;
}

.card div.card-title span {
	/*  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;*/
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	background-color: rgba(13, 154, 2, 1.00);
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

.card .card-content {
	padding: 16px;
	border-radius: 0 0 2px 2px;
	background-clip: padding-box;
	box-sizing: border-box;
}

.card .card-content p {
	margin: 0;
	color: inherit;
}

.card .card-content span.card-title,
span.pday {
	line-height: 48px;
}

.card .card-action,
span.pday {
	border-top: 1px solid rgba(160, 160, 160, 0.2);
	padding: 16px;
}

.card .card-action a {
	/*color: #ffab40;*/
	margin-right: 16px;
	transition: color 0.3s ease;
	text-transform: uppercase;
}

.card .card-action a:hover {
	color: rgba(106, 202, 231, 1.00);
	text-decoration: underline;
}







@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-xs-top {
		vertical-align: top;
	}

	.col-xs-middle {
		vertical-align: middle;
	}

	.col-xs-bottom {
		vertical-align: bottom;
	}

}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-sm-top {
		vertical-align: top;
	}

	.col-sm-middle {
		vertical-align: middle;
	}

	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-md-top {
		vertical-align: top;
	}

	.col-md-middle {
		vertical-align: middle;
	}

	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-lg-top {
		vertical-align: top;
	}

	.col-lg-middle {
		vertical-align: middle;
	}

	.col-lg-bottom {
		vertical-align: bottom;
	}
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color: #fff;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 3px;
	border-radius: 1px;
}


.navbar .navbar-toggle .icon-bar {
	background-color: #FFFFFF;
	color: #737171;
}


#back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	right: 20px;
	/*    display:none;*/
	background-color: #5CA0DF;
	color: #FFFFFF;
}

.haikei {

	background-image: url("../images/sozai_sin/sozai/03.jpg");

}




/*レスポンシブテーブル*/

/* 基本スタイル */

.tableBlock {
	margin-top: 2em;
}

table {
	width: 100%;
	table-layout: fixed;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #cfcfcf;
}

table caption {
	padding: 1em;
	line-height: 1.5;
	text-align: left;
	background: #BEC7EC;
}

table tr th {
	background: #f2f2f2;
}

table tr th,
table tr td {
	padding: 1em;
	line-height: 1.5;
	text-align: left;
	border: 1px solid #cfcfcf;
}

.tableBlock table caption {
	color: white;
	background-color: #6B88F5;
}

.table-sp,
.table-sp tbody,
.table-sp thead,
.table-sp tr,
.table-sp td,
.table-sp th {
	padding: 10px;
	margin: 10px;
}

.table-sp th {
	width: 20%;
	background-color: #EAEAEA;
	border: solid 1px #B3B3B3;
}

.table-sp td {
	border: solid 1px #B3B3B3;
}

table .table-sp span {
	background-color: #E5E5E5;
	padding: 10px;
}

.table-sp2,
.table-sp2 tbody,
.table-sp2 thead,
.table-sp2 td,
.table-sp2 th {
	padding: 10px;
	margin: 10px;
	word-break: break-all;
}

.table-sp2 th {
	background-color: #EAEAEA;
	border: solid 1px #B3B3B3;
}

.table-sp2 td {
	border: solid 1px #B3B3B3;
}

.td01{
	width: 5%;
}

.td02{
	width: 15%;
}

.td03{
	width: 10%;
}

.td04{
	width: 10%;
}

.td05{
	width: 10%;
}

.td06{
	width: 40%;
}

.td07{
	width: 10%;
}

.td08{
	width: 15%;
}

.td09{
	width: 10%;
}

.td10{
	width: 20%;
}

.td11{
	width: 5%;
}

.td12{
	width: 40%;
}

.td13{
	width: 10%;
}

.td14{
	width: 14.5%;
}

.td15{
	width: 12%;
}

.td16{
	width: 12.2%;
}

.td17{
	width: 22%;
}

.td18{
	width: 6.8%;
}

.td19{
	width: 32.5%;
}

.td20{
	width: 15%;
}

.td21{
	width: 15%;
}

.td22{
	width: 10%;
}

.td23{
	width: 15%;
}

.td24{
	width: 10%;
}

.td25{
	width: 20%;
}

.td26{
	width: 15%;
}

.pc-br{
    display: block; /* PCを改行して */
  }

@media only screen and (max-width:420px) {

	tbody td {

		list-style: none;
	}
}


@media screen and (max-width: 768px) {
	.td01,.td02,.td03,.td04,.td05,.td06,.td07,.td08,.td09,.td10,.td11,.td12,.td13,.td14,.td15,.td16,.td17,.td18,.td19,.td20,.td21,.td22,.td23,.td24,.td25,.td26{
		width: auto;
	}
	
	
	.table-sp,
	.table-sp tbody,
	.table-sp thead,
	.table-sp tr,
	.table-sp td,
	.table-sp th {
		display: block;
		margin: 5px;
		padding: 5px;
		border: none;
	}

	.table-sp th {
		width: 100%;
		background-color: #EAEAEA;
	}
	
	 .pc-br{
    display: none; /* PCの改行を隠して */
  }
}

@media screen and (max-width: 768px) {

	.table-sp2,
	.table-sp2 tbody,
	.table-sp2 thead,
	.table-sp2 tr,
	.table-sp2 td,
	.table-sp2 th {
		display: block;
		margin: auto;
		padding: none;
		border-collapse: collapse;
	}

	.table-sp2 tbody {
		margin: 0;
		padding: 0;
	}

	.table-sp2 thead {
		margin: 0;
		padding: 0;
	}

	.table-sp2 {
		border: none;
		margin: none;
		padding: none;
		width: 100%;
	}

	.table-sp2 thead {
		float: left;
	}

	.table-sp2 tbody {
		overflow-x: auto;
		white-space: nowrap;
		width: auto;
	}

	.table-sp2 th {
		width: 100%;
		background-color: #EAEAEA;
	}

	.table-sp2 tbody tr {
		display: inline-block;
		/*margin: 0 -3px;*/
	}
}




/* Tablet */
@media screen and (max-width:768px) {

	.tableBlock.pattern06 table,
	.tableBlock.pattern06 table caption,
	.tableBlock.pattern06 table thead,
	.tableBlock.pattern06 table tbody,
	.tableBlock.pattern06 table tr,
	.tableBlock.pattern06 table tr th,
	.tableBlock.pattern06 table tr td {
		display: block;
	}

	.tableBlock.pattern06 table tr th,
	.tableBlock.pattern06 table tr td {
		margin: -1px;
		/* borderが二重になるのを防ぐ */
	}

	.tableBlock.pattern06 table thead {
		display: none;
	}

	.tableBlock.pattern06 table tbody tr td[data-th]:before {
		content: attr(data-th) " : ";
		font-weight: bold;
		display: inline-block;
		margin-right: 0.25em;
	}

	/* Tablet */
}

.enkaku dd,
.enkaku dt {
	height: 120px;
}

.enkaku dt {
	text-align: left;
}

@media screen and (max-width:768px) {

	.enkaku dd,
	.enkaku dt {
		height: auto;
	}

	.enkaku dd {
		margin-top: 1em;
		margin-bottom: 2em;
	}
}


.enkaku dt {
	width: 220px;
	padding-right: 20px;
}

.tagcloud {

	overflow: hidden;
	padding: 0.5em 0.5em;
	text-align: left;
}

.tagcloud a {
	display: inline-block;
	/* background: #F3FAF9; */
	white-space: nowrap;
	/*font-size: 100%;*/
	/* color: #8C6600; */
	line-height: 1.3;
	padding: 0.4em 0.8em;
	margin-bottom: 7px;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #D4CFC1;
}

.row_nomargin {
	margin-right: 0px;
	/* ←マイナス側へ数値を大きくしてみよう */
	margin-left: 0px;
	/* ←マイナス側へ数値を大きくしてみよう */
}

.row_nopadding {
	padding-right: 0px;
	padding-left: 0px;
}

.bubble-block {
	background-color: #6B88F5;
	color: #fff;
	;
	padding: 0.5em;
	position: relative;
	width: 100%;
	height: 9em;
}

.bubble-block:before {
	content: " ";
	position: absolute;
	width: 0;
	height: 0;
	border: solid 1em transparent;
	border-width: 0.em 1em;
	border-left-color: #6B88F5;
	right: -2em;
	top: 50%;
	margin-top: -1em;
}






#warpper:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 260;
	bottom: 0;
	width: 10px;
	box-shadow: inset 6px 0 14px -6px rgba(0, 0, 0, 0.9);
	z-index: 1000;
}

@media (max-width: 991px) {
	#warpper:after {
		box-shadow: none;
	}
}





.detail {
	margin: 0;
	margin-top: auto;
	border: none;
	border-radius: 20px;
	padding: 12px 0;
	width: 100%;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background-color: #8cae47;
}


main {
	margin-top: 40px;
	display: flex;
	flex-flow: row;
}

.side1 {
	flex: 0 0 200px;
	order: 1;
	/*margin-right: 16px;*/
	/*	border-radius: 6px;*/
	padding: 20px;
	background-color: #4FC1F1;
}

.side2 {
	flex: 0 0 200px;
	order: 3;
	/*margin-right: 16px;*/
	/*	border-radius: 6px;*/
	padding: 20px;
	background-color: #4FC1F1;
}

.page_main {
	flex: 1 1 600px;
	order: 3;
	/*	border-radius: 6px;*/
	padding: 20px;
	background-color: #ddd;
}





@media screen and (max-width:768px) {
	main {
		flex-flow: column;
	}

	.side1 {
		flex: 0 0 auto;
	}

	.side2 {
		flex: 0 0 auto;
	}

	.page_main {
		flex: 0 0 auto;
	}

}

@media screen and (min-width:769px) {
	.flexbox_s {
		display: -webkit-flex;
		display: flex;
	}

	.menuleft {
		-webkit-flex: 0 0 240px;
		flex: 0 0 240px;

	}

	#flexside {
		display: -webkit-flex;
		display: flex;
		width: 240px;
		-webkit-flex-flow: column nowrap;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;

	}

	.sflex-item {
		font-size: 1.2em;
		padding: 0;
		margin-top: 10px;
	}

	.sflex-item:first-child {
		margin-top: 20px;
	}

	.sflex-item:nth-child(2) {
		margin-top: 50px;
	}

	.sflex-item:last-child {
		font-size: 1em;
		margin-top: 50px;
		padding: 0 10px 0 10px;
	}

	.hedder2 {
		margin-top: 40px;
	}

	.hedder3 {
		width: 90%;
	}

	.menucontents {
		position: fixed;
		vertical-align: top;
		margin: 0px 0 0px 0px;
		width: 240px;
		height: 100vh;
		border-right: solid 1px rgba(235, 235, 235, 1.00);
	}

	.main_s {
		margin: 0px;
		/*メインコンテンツ隙間なし*/
		-webkit-flex: 2;
		/*	-webkit-flex: 1 1 auto;*/
		flex: 1 1 auto;
		width: 100%;
	}

	.side_s {
		-webkit-flex: 0 0 180px;
		flex: 0 0 180px;
	}
}

@media screen and (max-width:768px) {
	.menuleft {
		/*position: fixed; TOP固定しない*/
		z-index: 1000;
		background-color: white;
		width: 100%;
	}

	#flexside {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row;
		flex-flow: row;
		align-items: center;

	}

	.hedder1 {
		-webkit-flex: 1 1 100%;
		flex: 1 1 100%;
		margin-bottom: auto;
		align-items: baseline;
		/*		padding-top: 10px;
		padding-left: 5px;
		order: 1;*/
	}

	.topimgpad {
		padding-top: 10px;
	}

	.hedder2 {
		/*float: right;*/
		margin-top: -40px;
		margin-left: auto;
	}

	.hedder3 {
		display: none;
	}

	.main_s {
		padding-top: 20px;
	}
}

#menu li {
	list-style: none;
	font-size: 14px;
	/*	text-align: center;*/
}


@media screen and (min-width: 769px) {
	.container {
		width: 95%;
		max-width: 1080px;
	}
}

.container_zadankai {
	width: 100%;
	max-width: 100%;
}


.zadankai_text {
	width: 82%;
	margin: 0 auto;

}

.kome {
	font-size: 12px;
	color: #4E4E4E;
}

@media (min-width: 1200px) {
	/*    .container {
        width:95%;
    }*/
}

.slicknav_nav a {
	color: cornflowerblue;
}


.pankuzu {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 60px;
	background-color: #EAEAEA;
	height: 45px;
}

.pankuzu_ma:first-child {
	margin-left: 0px;
}

.h_middle {
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: rgba(103, 158, 68, 1.00);
}

.h_middle2 {
	font-weight: 500;
	font-size: 18px;
	text-align: left;
	color: rgba(103, 158, 68, 1.00);
	line-height: 18px;
	margin-bottom: 5px;
}

.h_middletoha {
	font-weight: 500;
	font-size: 24px;
	text-align: left;
	margin-top: 15px;
}


.h_middle_ac {

	padding: 2px;
	font-weight: 300;
	font-size: 20px;
}


/*追加文*/
.h_big {
	font-weight: 200;
	font-size: 30px;
	line-height: 20px;
}

.h_big_en {
	font-weight: 200;
	font-size: 16px;
	color: #636363;
}

.h_big_en_small {
	font-weight: 200;
	font-size: 12px;
	color: #636363;
}

.h_big_border {
	font-weight: 300;
	font-size: 16px;
	color: #636363;
	background-color: #EAEAEA;
	margin: 10px;
	padding: 10px;
}

.h_big_border_white {
	font-weight: 300;
	font-size: 14px;
	color: #313131;
	background-color: #FFF;
	border: solid 1px #313131;
	margin: 5px;
	padding: 5px;
}

.h_news {

	margin-top: 10px;
}

.h_big_border_red {
	font-weight: 300;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #E15254;
	margin: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 10px;
}

@media (max-width: 480px) {
	.h_big_border_red {
		font-weight: 300;
		font-size: 12px !important;
		color: #FFFFFF;
		background-color: #E15254;
		margin: 3px !important;
		padding: 2px !important;
	}
}


.nav_tagline {
	background-color: #EAEAEA;
	padding: 10px 15px;
	margin: 20px 10px;
	border-radius: 15px;
}

ul.tagu {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tagu li {
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: 0;
}

ul.tagu li a {
	display: inline-block;

	height: 28px;
	line-height: 28px;
	padding: 0 2em;
	background-color: #EAEAEA;
	border-radius: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #636363;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}

ul.tagu li a.active {
	color: rgba(255, 255, 255, 1.00);
	background-color: rgba(103, 158, 68, 1.00);
}

ul.tagu li a:hover {
	background-color: #3498db;
	color: #fff;
}


.h_ur {
	font-weight: 200;
	font-size: 16px;
}

.h_ur_2 {
	font-weight: 200;
	font-size: 36px;
	padding-top: 0px;
	line-height: 30px;
	color: rgba(103, 158, 68, 1.00);
}

.martop15 {
	margin-top: 15px;
}


.martop30 {
	margin-top: 30px;
}

.martopbottop30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.martop60 {
	margin-top: 60px;
}

.marbottom30 {
	margin-bottom: 30px;
}

.marbottom60 {
	margin-bottom: 60px;
}

.marbottom_ft {
	margin-bottom: 70px;
}

.padbottom60 {
	padding-bottom: 30px;
}

/*PCの時、上部スクロール固定*/
@media screen and (min-width: 769px) {
	.fixednav {
		position: fixed;
		top: 0;
		width: -webkit-calc(100% - 240px);
		width: calc(100% - 240px);
		height: auto;
		background-color: rgba(255, 255, 255, 1.00);
		margin-top: 0px;
		padding-top: 15px;
		padding-bottom: 15px;
		max-width: none;
		border-bottom: solid 2px rgba(103, 158, 68, 1.00);
		z-index: 10000;
		/*transition: .3s;*/

	}
}


@media screen and (max-width:991px) {
	.padright {
		padding: 10px 0px 0px 0px;
	}

	.padleft {
		padding: 10px 0px 0px 0px;
	}
}


@media screen and (max-width: 768px) {

	.pankuzu {
		display: none;
	}

	.h_big {
		font-size: 24px;
		margin-top: 10px;
	}

	.h_big_en {
		font-size: 14px;

	}

	.kanren_h3 {
		font-size: 20px;
		font-weight: 200;
		margin-bottom: 5px;
		text-align: center;
	}

	.martop30 {
		margin-top: 15px;
	}

	.martop60 {
		margin-top: 30px;
	}

	.marbottom30 {
		margin-bottom: 15px;
	}

	.marbottom60 {
		margin-bottom: 30px;
	}

	.h_middle {
		font-weight: 300;
		font-size: 20px;
		text-align: center;
		color: rgba(103, 158, 68, 1.00);
	}

	.h_middletoha {
		font-size: 18px;
	}

	.h_ur_2 {
		font-size: 30px;
	}



}



.pad_top_60px {
	padding-top: 60px;
}

/*フォント*/

.font01 {
	font-size: 18px;
	font-weight: 200;
}

.font02 {
	font-size: 18px;
	font-weight: 400;
	color: black;
}

.font_oomidasi {
	font-size: 36px;
	font-weight: 200;
}



/*竹元制作*/

.h_tokuchou {
	font-size: 16px;
	font-weight: 500;
}

.setsumei_tokuchou {
	font-size: 14px;
	font-weight: 200;
}

/*調整系*/



.icon01 {
	float: left;
	margin-right: 20px;
}

.icon02 {
	float: left;
	margin-right: 8px;
}

.yoko_bar01 {
	border-left: solid 10px;
	border-left-color: #679e44;
	padding-left: 20px;
}

.yoko_bar02 {
	border-right: solid 5px;
	border-right-color: #00C35D;
	margin-top: 15px;

}


@media (max-width: 991px) {
	.yoko_bar02 {
		border: none;
		/*	border-left: solid 5px;
	border-left-color: #00C35D;
	margin-top: 10px;*/

	}

	.martop60_2 {
		margin-top: 60px;
	}
}


.pankuzu_ma {
	margin-right: 10px;
	margin-left: 10px;
}

.k_sukima01 {
	margin-top: 20px;
}

.k_pad {
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
}

.topmidasi_right {
	margin-top: 15px;
	padding-bottom: 0px;
}

.jyouge_sayuu_center {
	text-align: center;
}



#menuBox.three ul li {
	display: inline-block;
	width: 30%;
	margin: 0 5% 50px 0;
	float: left;
}

#menuBox.three ul li:last-child {
	margin-right: 0 !important;
}

@media(max-width:768px) {
	#menuBox.three ul li {
		width: 45%;
	}
}


@media(max-width:480px) {
	#menuBox.three ul li {
		width: 100%;
	}
}


.main_waku {
	width: 1080px;
	padding-left: 0px;
	padding-right: 0px;
}

@media(max-width:1280px) {
	.main_waku {
		width: auto;
	}
}

@media(max-width:768px) {
	.main_waku {
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media(max-width:768px) {
	.topmenu {
		float: right;
		margin-top: -5px;
		margin-right: 5px;
	}
}

@media(max-width:480px) {
	.topmenu {
		float: right;
		margin-top: -5px;
		margin-right: 2px;
	}
}

/*ボタン*/
.btn-color01 {
	background: #F4F4F4 !important;
	color: #020202;
	border: none;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	font-weight: 200 !important;
}

.btn-color01:hover,
.btn-color01:focus {
	background: #EBEBEB !important;
}

.btn-color01:active {
	background: white !important;
}

.btn_width {
	width: 177px;
}

.btn_ma_01 {
	margin-left: 10px;
}

.btn_ma_02 {
	margin-left: 10px;
}

.btn_ma_03_tate {
	text-align: center;
	margin-top: 30px
}

.btn_radius {
	border-radius: 30px !important;
}

.btn_sousyoku {
	border: 3px solid #DDD !important;
	padding: 10px 0;
}

@media(max-width:1133px) {
	.btn_ma_02 {
		margin-left: 0px;
	}
}

@media(max-width:991px) {
	.btn_ma_01 {
		margin-left: 0px;
	}

	.btn_ma_02 {
		margin-left: 0px;
	}

}

@media(max-width:768px) {
	.btn_ma_01 {
		width: 100%;
		margin-top: 10px;
	}

	.btn_ma_02 {
		width: 100%;
		margin-top: 10px;
	}

	.btn_ma_03_tate {
		text-align: none;
		margin-top: 0px;
	}

	.btn_ma_04 {
		width: 100%;
		margin-top: 10px;
	}

	.btn_radius {
		border-radius: 0px !important;
	}


}

/*ボタン終わり*/

.menu_shadow {
	box-shadow: 5px 5px 10px;
	border: 1px solid #000;
	width: 100px;
	height: 50px;
}

/*フッター関係*/

.ul_footer {
	float: left;
	width: 25%;
	height: 240px;
	line-height: 150%;

}

.li_footer {
	display: list-item;
	list-style: none;
	/*overflow: hidden;*/
}

.footer_line {
	border-left: solid 1px #9E9E9E;
	/*padding-left: 40px;*/
}

.footer_li_ma {
	font-weight: 400;
	margin-bottom: 30px;
}


.repair_ma {
	padding-bottom: 20px;
}

/*@media(max-width:1388px){
	.repair_ma{
	padding-bottom: 0px;
	}
}*/

@media(max-width:1278px) {
	.repair_ma {
		padding-bottom: 0px;
	}
}

@media(max-width:1056px) {
	.repair_ma {
		padding-bottom: 20px;
	}
}

@media(max-width:1004px) {
	.repair_hed {
		padding-bottom: 20px;
	}
}

@media(max-width:993px) {
	.repair_ma {
		padding-bottom: 0px;
	}
}

@media(max-width:899px) {
	.repair_ma {
		padding-bottom: 20px;
	}
}

@media(max-width:835px) {
	.repair_ma {
		padding-bottom: 0px;
	}
}

@media(max-width:801px) {
	.repair_ma {
		padding-bottom: 20px;
	}
}

@media(max-width:793px) {
	.repair_hed {
		padding-bottom: 0px;
	}
}

@media(max-width:767px) {
	.repair_ma {
		padding-bottom: 0px;
	}
}

@media(max-width:991px) {
	.kanren_ma {
		margin-bottom: 30px;
	}



	#footer div div {
		margin-top: 30px;
	}

	.footerstst {
		margin-bottom: 5px;
	}


}

@media(max-width:768px) {
	#footer div div {
		margin-top: 30px;
	}

	#footer div div:first-child {
		margin-top: 0px;
	}



	.ul_footer {
		list-style: none;
		width: 100%;
		height: auto;
		line-height: normal;
		text-align: center;
	}

	.footer_a {
		box-sizing: border-box;
	}

	.footer_line {
		border-left: none;
		padding-left: 0px;
	}

	.footer_pad_0 {
		padding-left: 0px;
	}

	.li_footer {
		display: list-item;
		list-style: none;
		overflow: hidden;
		padding: 10px;
		/*margin-left: 30px;
	margin-right: 30px;*/
		/*border: solid 3px;
	border-color: #DDD;*/
	}

	.footer_btn {
		border: solid 3px;
		border-color: #DDD;
	}

	.footer_btn:hover,
	.footer_btn:focus {
		background-color: lightgrey !important;
	}

	.footer_li_ma {
		margin-bottom: 0px;
	}

	.kanren_ma {
		margin-bottom: 10px;
	}


}

.footer_color {
	background-color: #679e44;
	/*border-top: solid 1px #C7C7C7;
	box-shadow: 10px 0px 25px;*/
}

.footer_color a {
	color: rgba(255, 255, 255, 1.00);
}


.footerstst {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}




@media(max-width:416px) {
	.footerstst {
		font-size: 12px;

	}

}

.footer_img {
	background-image: url(../images/footer_img.svgz);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 169px 69px;
	margin: 30px 0 0 0;

}

.haikei_img {
	background-image: url(../tech/images/haikei.png);
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding-bottom: 50%;
}

@media(max-width:768px) {
	.haikei_img {
		background-size: 100% auto;
	}
}

.hr_shadow {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
}

/*灰色body*/
.content_grey {
	padding-bottom: 30px;
}

.grey_space {
	margin-left: 30px;
	margin-right: 30px;
	padding-left: 0px;
	padding-right: 0px;
}

@media(max-width:768px) {
	.grey_space {
		margin-left: 0px;
		margin-right: 0px;
	}

	.container-fluid_gry {
		padding-left: 0px;
		padding-right: 0px;
		background-color: #F4F4F4;
	}
}

@media(max-width:480px) {
	.content_grey {
		margin-bottom: 5px;
		padding-bottom: 5px;
		/*	margin-bottom: 30px; 
	padding-bottom: 15px;
*/
	}
}

/*関連情報スライダー*/

.wrapper_naosi {
	overflow: hidden;
}

.bxslider {
	height: 120px;
	margin: 0;
	padding: 0;
}

.bxslider_off {
	list-style: none;
	margin: 0;
	padding: 0;
}

#slide_space {
	width: 750px;
}

/*.bx-wrapper {
     position: relative;
     margin: 0 auto 30px;
     padding: 0;
     *zoom: 1;
     height:120px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
     position: absolute;
     width: 100%;
}*/

.btn_katou_green {
	background-color: rgba(103, 158, 68, 1.00) !important;
	color: rgba(255, 255, 255, 1.00) !important;
}

.btn_katou_green:hover {
	background-color: #3498db !important;
}

.btn_insatu {
	background-color: #D7D7D7 !important;
	/*color: rgba(255,255,255,1.00)!important;*/
}

.btn_insatu:hover {
	background-color: #7C7C7C !important;
}

.martop20 {
	margin-top: 20px;
}

.sekou_conbgc {
	background-color: rgba(0, 0, 0, 1.00);
}

.sekou_bgimage1 {
	min-height: 300px;
	background-image: url(../case/images/sekou_001.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
}

.exborder {
	border: 1px solid rgba(103, 158, 68, 1.00);
	padding-left: 0;
	padding-right: 0;
}

.exborder2 {
	/*	border-top:1px double rgba(103,158,68,1.00);*/
	border-bottom: 3px double rgba(103, 158, 68, 1.00);
	background-color: rgba(255, 255, 255, 1.00);
	padding-left: 0;
	padding-right: 0;
}

.extitle1 {
	font-weight: 300;
	padding-left: 5px;
	height: 46px;
}

.exborder p {
	padding-left: 5px;
}

.secondtitle {
	margin-right: 20px;
}

.rownopad {
	padding-left: 0;
	padding-right: 0;
}

.sm300 {
	margin-top: 20px;

}

.grect {
	margin-right: 10px;
	padding: 5px 10px;
	border: solid 1px rgba(128, 128, 128, 1.00);
	color: rgba(128, 128, 128, 1.00);
}

.sm300height {
	height: 120px;
}


ul.tagu2 {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.tagu2 li {
	display: inline-block;
	margin: 0 .3em .3em 0;
	padding: 0;
	display: inline-block;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	padding: 0 1em;
	background-color: #dddddd;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border: solid 1px rgba(176, 176, 176, 1.00);
	color: rgba(119, 119, 119, 1.00);
	background-color: rgba(255, 255, 255, 1.00);
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}


/*
ul.tagu li a.active{
	color: rgba(255,255,255,1.00);
	background-color: rgba(103,158,68,1.00);
}

ul.tagu li a:hover {
	background-color: #3498db;
	color: #fff;
}
*/









@media screen and (max-width:991px) {
	.sm200 {
		margin-top: 20px;
	}

}

@media screen and (max-width:767px) {

	.sm100,
	.sm200,
	.sm300 {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.sm300 {
		margin-top: 10px;
	}

	.exborder {
		border: none;
		padding-left: 0;
		padding-right: 0;
	}

	.sm100 {
		margin-top: 20px;
	}

	.sm300height {
		height: 140px;
		margin-top: 0;
	}



}

/*施工事例用*/

.mar_main {
	margin: 15px;

}

.sekou_midashi {
	padding-bottom: .5em;
	/*	border-bottom: 1px solid #ccc;*/
	font-size: 16px;

}

.sekou_midashi span {
	display: block;
	margin-bottom: .2em;
	color: #aaa;
	font-size: 12px;
}

.sekou_height {
	min-height: 330px;
}

@media screen and (max-width:767px) {

	.sekou_height {
		min-height: 190px;
	}

}

.slicknav_btn {
	text-shadow: none;

}

/*サポートシステム*/
.support_h {
	padding-bottom: 45px;
}

.support_txt_1 {
	padding-top: 36px;
}

.support_txt_2 {
	padding-top: 8px;
}

@media screen and (max-width:1078px) {
	.support_txt_1 {
		padding-top: 12px;
	}
}

@media screen and (max-width:1027px) {
	.support_txt_1 {
		padding-top: 0px;
	}

	.support_txt_2 {
		padding-top: 32px;
	}

	.support_txt_3 {
		padding-bottom: 24px;
	}
}

@media screen and (max-width:991px) {
	.support_txt_1 {
		padding-top: 3px;
	}

	.support_txt_2 {
		padding-top: 0px;
	}

	.support_txt_3 {
		padding-bottom: 0px;
	}
}

/*@media screen and (max-width:846px){
	.support_txt_1{
	padding-bottom: 3px;
	}
}*/

@media screen and (max-width:835px) {
	.support_txt_1 {
		padding-bottom: 27px;
	}
}

@media screen and (max-width:804px) {
	.support_txt_1 {
		padding-bottom: 3px;
	}
}

@media screen and (max-width:770px) {
	.support_h {
		padding-bottom: 0px;
	}

	.support_txt_1 {
		padding-bottom: 0px;
	}

	.support_txt_2 {
		padding-top: 35px;
	}

	.support_txt {
		width: 600px;
	}
}

@media screen and (max-width:768px) {
	.support_h {
		padding-bottom: 0px;
	}

	.support_txt_1 {
		padding-bottom: 0px;
	}

	.support_txt_2 {
		padding-bottom: 0px;
	}

	.support_txt {
		width: 600px;
	}
}

@media screen and (max-width:510px) {
	.support_txt {
		width: auto;
	}
}


.k_support {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*ごあいさつ関連*/

.greeting_box {
	width: 300px;
    padding-right: 2em;
	margin: 10px 30px 60px 0;
}

.img-right {

	margin-left: auto;

}


/*会社概要table*/

.profile {
	width: 70%;

}

/*.profile2{
	width: 100%;
	
}*/

div.profile th {
	width: 20%;
	text-align: center;

}

div.profile span {

	font-weight: 100;
	font-size: 12px;
	color: #FFF;
	margin: 10px;

}

div.profile dt {
	background-color: #9E9E9E;
	text-align: center;
	float: left;
	width: 9em;
	padding: 1px;

}

div.profile dd {
	margin: 3px 0 2px 8em;
	padding-left: 30px;

}

@media screen and (max-width: 480px) {

	.profile {
		width: 90%;
		font-size: 12px;
	}

	/*	.profile2{
	width: 90%;
	font-size: 12px;
}*/

	div.profile span {
		font-weight: 200;

		color: #FFF;
		margin: 3px;
	}

	div.profile dt {
		background-color: #9E9E9E;
		text-align: center;
		float: left;
		width: 100%;
		padding: 1px;
		padding: 10px;

	}

	div.profile dd {
		padding: 10px;
		margin: 0;
		padding-left: .5em;

	}

}

.gijyu_eco_txt {
	padding-left: 30px;
}

/*.gijyu_eco{
	padding-bottom: 10%;
}*/
@media screen and (max-width: 768px) {
	.gijyu_eco {
		text-align: center;
		padding-top: 5%;
		padding-bottom: 10%;
		padding-left: 15px !important;
	}

	.gijyu_eco_txt {
		padding-left: 15px;
	}

}

/*沿革*/

.timeline {
	list-style: none;
}

.timeline>li {
	margin-bottom: 10px;
}

/*.timeline-content:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #6fc173;
  position: absolute;
  left: 106px;
  top: 24px;
  border-radius: 100%;
}*/

.timespan {
	color: #ABABAB;

}

/*div.timeline-content p{
	
	margin-bottom: 0px;
	padding: 20px;
}
*/
@media (min-width : 640px) {

	.timeline>li {
		overflow: hidden;
		margin: 0 0 30 0;
		position: relative;
	}

	.timeline-date {
		width: 110px;
		float: left;
		margin-top: 10px;
	}

	.timeline-content {
		width: 90%;
		float: left;
		border-left: 3px #e5e5d1 solid;
		padding-left: 30px;

	}

}


/*事業所一覧調整*/
.border_sousyoku01 {
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

.border_sousyoku02 {
	border-right: 1px solid #ccc;
	padding-left: 30px !important;
	/*height: 312px;*/
}

.border_sousyoku03 {
	border-left: 1px solid #ccc;
	padding-left: 30px !important;
}

.kanri_pa {
	padding-left: 30px !important;
}

.jigyousyo_pad08 {
	padding-bottom: 0px;
}

.jigyousyo_pad09 {
	padding-bottom: 0px;
}

.jigyousyo_pad10 {
	padding-bottom: 20px;
}

.jigyousyo_pad01 {
	height: 120px;
}

@media (max-width : 1197px) {
	
}

@media (max-width : 1006px) {
	
}

@media (max-width : 991px) {
	.kanri_pad01 {
		padding-bottom: 0px;
	}

	.border_sousyoku03 {
		border-left: none;
		padding-left: 30px !important;
	}

	/*.border_sousyoku02{
		height: 520px;
	}*/
}



@media (max-width : 767px) {

	.border_sousyoku02 {
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
		margin-bottom: 1em;
		border-right: none;
		padding-left: 15px !important;
		height: auto;
	}

	.border_sousyoku03 {
		border-left: none;
		padding-left: 15px !important;
	}

	.kanri_pa {
		padding-left: 15px !important;
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
		margin-bottom: 1em;
	}

	.border_sousyoku04 {
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
		margin-bottom: 1em;
	}

}

/*事業所一覧調整おわり1*/

.h_netis_number {
	font-size: 18px;
	font-weight: 400;
}

/*サポートシステム調整*/


@media (max-width : 767px) {
	.sumaho_ma {
		margin-top: 20px;
	}
}

.bunseki_ma {
	padding-top: 114px !important;
}

@media (max-width : 991px) {
	.bunseki_ma {
		padding-top: 0px !important;
	}
}

/* 各要素の外見の定義 */


dl.news dt {
	clear: left;
	float: left;
	margin: 0;
	padding: 5px 0 5px 0.5em;
	width: 7em;
	/*    line-height:1.5em;*/
}

dl.news dd {
	font-weight: 200;
	margin: 0;
	padding: 5px 0.5em 5px 7em;
	border-bottom: 1px solid #CCC;
	/*    line-height:　2em;*/
}

dl.news a {
	padding: 5px 20px 5px 0;
	color: #399CCD;
	text-decoration: none;
}

dl.news a:hover {
	text-decoration: none;
}

dl.news span {

	/*	padding-left: 1em;*/
	text-indent: -1em;

}

.sekou_box {
	box-sizing: border-box;
	list-style: none;
	background-color: #fff;
	border-left: solid 10px white;
	text-align: center;
	color: #636363;
	margin-bottom: 10px;
}

.sekou_box:hover {
	background-color: #337ab7;
	border-left: solid 10px #337ab7;
	color: white;
}

.sekou_box2 {
	box-sizing: border-box;
	background-color: #fff;
	border-left: solid 10px rgba(255, 255, 255, 1.00);
	text-align: center;
	/*margin-bottom: 5px;*/
	color: #636363;
	height: 100%;
}

.sekou_box2:hover {
	background-color: #337ab7;
	border-left: solid 10px #337ab7;
	color: white;
}

.sekou_box3 {
	box-sizing: border-box;
	background-color: #fff;
	border-left: solid 10px #F85D5F;
	text-align: center;
	/*margin-bottom: 5px;*/
	color: #636363;
	height: 100%;
}

.sekou_box3:hover {
	background-color: #337ab7;
	color: white;
	border-left: solid 10px #337ab7;
}

.sekou_box4 {
	box-sizing: border-box;
	list-style: none;
	background-color: #fff;
	border-left: solid 10px #F85D5F;
	text-align: center;
	color: #636363;
	margin-bottom: 10px;
}

.sekou_box4:hover {
	background-color: #337ab7;
	color: white;
	border-left: solid 10px #337ab7;
}


.sekou_box2_ma {
	margin-top: 10px;
}

@media (max-width : 991px) {
	.sekou_box2_ma2 {
		margin-top: 10px;
	}
}

.sekou_doboku_hei {
	height: 29px;
}

.sekou_table th {
	width: 30%;
	text-align: left;
	background-color: #EAEAEA;
}

@media (max-width : 480px) {

	.sekou_table th,
	.sekou_table td {
		width: 100%;
		display: block;
		border-top: none;
	}
}

.sekou_btn01 {
	text-align: right;
	margin-bottom: 30px;
	margin-right: 20px;
}

.sekou_btn02 {
	margin-bottom: 30px;
	margin-left: 20px;
}

.sekou_btn03 {
	text-align: center;
	margin-bottom: 30px;
	margin-left: 20px;
}

@media (max-width : 767px) {
	.sekou_btn01 {
		text-align: center;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.sekou_btn02 {
		text-align: center;
		margin-bottom: 10px;
		margin-left: 0px;
	}

}

.sekou_doboku_pad {
	padding-top: 20px;
	padding-bottom: 4%;
}

@media (max-width : 767px) {
	.sekou_doboku_pad {
		padding-bottom: 10px;
	}
}

@media (max-width : 382px) {
	.sekou_doboku_pad {
		padding-bottom: 30px;
	}
}

.sekou_doboku_pad02 {
	padding-top: 20px;
	padding-bottom: 1px;
}

@media (max-width : 767px) {
	.sekou_doboku_pad {
		padding-bottom: 30px;
	}
}

@media (max-width : 382px) {
	.sekou_doboku_pad {
		padding-bottom: 30px;
	}
}




.h_sekou_doboku {
	font-size: 16px;
	font-weight: 400;
	color: #636363;
	/*	height: 65px;
*/
	height: 105px;
}

.p_sekou_doboku {
	height: 78px;
}

@media (max-width : 1210px) {
	.p_sekou_doboku {
		height: 70px;
	}
}

@media (max-width : 1080px) {
	.h_sekou_doboku {
		/*height: 80px;*/
		height: 120px;
	}
}

@media (max-width : 781px) {
	.h_sekou_doboku {
		/*height: 60px;*/
		height: 100px;
	}
}

@media (max-width : 767px) {
	.h_sekou_doboku {
		/*height: 40px;*/
		height: 80px;
	}

	.p_sekou_doboku {
		height: auto;
	}
}

@media (max-width : 484px) {
	.h_sekou_doboku {
		/*height: 50px;*/
		height: 90px;
	}
}

@media (max-width : 348px) {
	.h_sekou_doboku {
		/*height: 60px;*/
		height: 80px;
	}
}

.sekou_title {
	line-height: 30px;
}


.sekou_tejyun {
	margin-bottom: 10px;
}

@media (max-width : 1351px) {
	.sekou_tejyun {
		height: 50px;
	}
}

@media (max-width : 991px) {
	.sekou_tejyun {
		margin-top: 10px;
		height: auto;
	}
}

.link_box {
	position: relative;
	/*margin:0px auto 20px;*/
}

.link_box a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent: -999px;
}

.link_box a:hover {
	background-color: rgba(0, 0, 0, 0.10);
}




.footer_height {
	height: 240px;
	text-align: left;
}

.footer_color div div:nth-child(4) p.footerstst {
	font-size: 14px;
	font-weight: normal;
	margin-top: 53px;
	margin-bottom: 0px;
	text-align: left;
}

.footer_color div div:nth-child(4) .txt {
	display: block;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
}



@media (max-width : 767px) {
	.footer_height {
		height: 280px;
	}

	.footer_color div div.footer_height:nth-child(3),
	.footer_color div div.footer_height:nth-child(4) {
		margin-top: 40px;
	}
}



.btn a {
	color: #FFF;
	text-decoration: none;
}

.h_eco {
	padding: .5em .75em;
	border-left: solid #679E44;
	font-size: 18px;

}

.eco_dash {
	font-weight: 400;
	color: #A8A8A8;
}

.h_top {
	color: #fff;
	font-weight: 500;
	text-indent: 1em;
	padding: 1em .5em;
}

.sitemap_h {
	line-height: 312px;
}

.sitemap_h02 {
	line-height: 133px;
}

.sitemap_h03 {
	line-height: 176px;
}

@media (max-width : 767px) {
	.sitemap_h {
		line-height: normal;
	}

	.sitemap_h02 {
		line-height: normal;
	}

	.sitemap_h03 {
		line-height: normal;
	}
}

.sekou_qa dl {
	/*width:650px;*/
	/*margin:80px;*/
	line-height: 1.8em;
	font-size: 1em;
	overflow: hidden;
	_zoom: 1;
}

.sekou_qa dl dd,
.sekou_qa dl dt {
	text-indent: -2.6em;
	padding: 0 20px 0px 50px;
}

.sekou_qa dl dt {
	margin: 20px 20px 0 0;
}

.sekou_qa dl dd:first-letter,
.sekou_qa dl dt:first-letter {
	font-size: 1em;
	font-weight: bold;
	margin-right: 10px;
	padding: 5px;
	font-family: 'Nunito', sans-serif;
}


.sekou_qa dl dd {
	margin: 20px 0 -1px 0;
	padding-bottom: 15px;
	border-bottom: 1px #000 dotted;
}


.sekou_qa dl dt:first-letter {
	color: #0F78E1;
}

.sekou_qa dl dd:first-letter {
	color: #ff6767;
}

.hotaru {
	color: #1E1E1E;
}

.hotaru dl {
	width: 800px;
	overflow: hidden;
	/*_zoom: 1;*/
}

.hotaru dt,
.hotaru dd {
	color: #444;
	font-size: 1em;
	margin: 0 0 10px 0;
	padding-left: 4.5em;
	line-height: 1.5em;
	background: none no-repeat left top;
	min-width: 40px;
	min-height: 55px;
}

.hotaru dd {
	background: url(../company/environment/firefly/images/hottyan.jpg) no-repeat;
	overflow: hidden;
}

.hotaru dt {
	background: url(../company/environment/firefly/images/ishiyan.jpg) no-repeat;
	background-position: 0 10px;

	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: -1px;
}

.tx {
	text-align: left;
	margin-left: 1em;

}

.syounen {
	background: url(../company/environment/firefly/images/syounen.jpg) no-repeat !important;
	background-position: 0 10px;
}

.ojisan {
	background: url(../company/environment/firefly/images/ojisan.jpg) no-repeat !important;
	background-position: 0 10px;
}

.mawarikomase_non {
	overflow: hidden;
}

.kanie_fes {

	display: inline-block;
	width: 300px !important;
}

@media (min-width : 640px) {

	.kanie_fes {

		display: inline-block;
		text-align: center;
		width: auto !important;
	}

}





.page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 80%;
	z-index: 200;
}

.page-top a {
	background-color: rgba(0, 158, 27, 0.52);
	text-decoration: none;
	color: white;
	width: 80px;
	padding: 20px 0;
	text-align: center;
	display: block;
	border-radius: 10px;
}

.text_right {
	text-align: right;
	margin-top: 8px;
}

.text_left {
	text-align: left;
}

@media (max-width : 767px) {
	.text_right {
		text-align: center;
	}

	.text_left {
		text-align: center;
	}
}

.gre_mar {
	margin: 12px;

}

.gyou {
	line-height: 150%;
}

@media (max-width: 767px) {
	.row_mar_non {
		margin-top: 0px;
	}

}

.ofice_mar {
	margin-top: 7px;
}

.top_mar {
	margin-left: 15px;
}

@media (max-width: 600px) {
	.top_mar {
		margin-left: 0px;
	}

}

.iso_right {
	padding-right: 40px;
}

.iso_left {
	padding-left: 40px;
}

.iso_p_right {
	padding-right: 12px;
}

.iso_p_left {
	padding-left: 12px;
}


@media (max-width: 400px) {
	.iso_right {
		padding-right: 3px;
	}

	.iso_left {
		padding-left: 3px;
	}
}

.marbottom10 {
	margin-bottom: 10px;

}

.br {
	display: block;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: rgba(103, 158, 68, 1.00);
}

@media screen and (max-width: 768px) {
	.br {
		font-weight: 300;
		font-size: 20px;
		text-align: center;
		color: rgba(103, 158, 68, 1.00);
	}
}

@media screen and (min-width: 480px) {
	.br {
		display: inline;
	}
}

span.new-icon {
	display: inline-block;
	background: #df002c;
	padding: 2px 4px;
	margin-right: 8px;
	margin-left: 8px;
	/* 先行する文字列との間隔 */
	vertical-align: middle;
	/* 先行する文字列と上下中央揃え */
	font-size: 0.4em;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	/* アイコンの角を丸める */
}

.new_li {
	background: #df002c !important;
	color: #fff !important;
}

.sekou_aban {
	height: 75px;
}

.sekou_aban2 {
	height: 50px;
}

@media screen and (max-width: 1208px) {
	.sekou_aban {
		height: 100px;
	}
}

@media screen and (max-width: 1103px) {
	.sekou_aban2 {
		height: 75px;
	}
}

@media screen and (max-width: 991px) {
	.sekou_aban {
		height: 85px;
	}
}

@media screen and (max-width: 891px) {
	.sekou_aban {
		height: 100px;
	}
}

@media screen and (max-width: 767px) {
	.sekou_aban {
		height: auto;
	}

	.sekou_aban2 {
		height: auto;
	}
}

.top_banner_m {
	margin-top: 20px;
}

.entry-talk-img {
	display: table-cell;
	vertical-align: top;
	width: 100px;
}

.entry-talk-img img {
	/*border-radius: 50%;*/
	width: 100%;
}

/*ダイバーシティ推進*/

.entry-talk-box {
	border-collapse: separate;
	border-spacing: 15px 2px;
	display: table;
	margin: 30px 0;
	table-layout: fixed;
	width: 100%;
}

.entry-talk-img {
	display: table-cell;
	vertical-align: top;
	width: 100px;
}

.entry-talk-img img {
	/*border-radius: 50%;*/
	width: 100%;
}

.entry-talk-txt {
	background-color: #EBEBEB;
	border-bottom: 1px solid #ddd;
	border-radius: 8px;
	display: table-cell;
	padding: 20px;
	position: relative;
}

/*.entry-talk-txt-left:after {
  content: '';
  position: absolute;
  border-right: 12px solid #B1E0FF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  left: -12px;
  top: 40px;
}
.entry-talk-txt-right:after {
  content: '';
  position: absolute;
  border-left: 12px solid #B1E0FF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  right: -12px;
  top: 40px;
}*/
.entry-talk-txt p {
	line-height: 1.4;
	margin: 0;
}

.diver_w {
	margin: 0px auto;
	max-width: 100%;
}



.diver_c {

	margin: 0 auto;
	padding: 5px 0 10px 0;
	text-indent: 15px;
	font-family: "Sawarabi Mincho";
	font-size: 20px;
	max-width: 700px;
	text-align: center;

}

.diver_c span {

	display: block;
}

.sdgs ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: yourDefinition;
}

.sdgs ol li {
	padding-left: 35px;
	text-indent: -35px;
}

.sdgs ol li:before {
	counter-increment: yourDefinition;
	content: counter(yourDefinition);
	display: inline-block;
	margin-right: 10px;
	width: 24px;
	height: 24px;
	text-align: center;
	color: white;
	font-weight: bold;
	font-family: helvetica;
	text-indent: 0;
	background: #ff6900;
	border-radius: 100%;
}



.dekirukoto ul {
	text-indent: -5.4em;
}

.dekirukoto ul li {
	margin-left: 5.4em;
}

.dekirukoto li {
	list-style-type: none;
}



.box2 {
	padding: 2.5em 1em;
	margin: 0 auto;
	font-weight: bold;
	color: #3F922E;
	background: #FFF;
	border: solid 3px #3F922E;
	/*線*/
	border-radius: 10px;
	/*角の丸み*/
	width: 500px;
	height: 300px;
}

.box2 p {
	margin: 0;
	padding: 0;
}

.box3 {
	padding: 0.5em 1em;
	margin: 3em 0;
	color: #3FAD50;
	border-top: solid 3px #3FAD50;
	border-bottom: solid 3px #3FAD50;
	margin: 0 auto;
	font-weight: 800;
	width: 350px;
}

.box3 span {
	margin: 0;
	padding: 0;
}

.fw-5 {
	font-weight: 500;
}

.fw-8 {
	font-weight: 800;
}

.f-28 {
	font-size: 28px;
}

.f-18 {
	font-size: 18px;
}

.f-14 {
	font-size: 18px;
}

.c-white {
	color: #ffffff;
}

.c-greenyellow {
	color: rgba(103, 158, 68, 1.00);
}

.b-green {
	background-color: #28A838;
}

.b-orange {
	background-color: #EC6A06;
}

.b-khaki {
	background-color: #407936;
}

.b-yelloworange {
	background-color: #F5A20B;
}

.b-ocher {
	background-color: #D39206;
}

.b-red {
	background-color: #C50E28;
}

.b-tomatored {
	background-color: #E83418;
}

.b-violet {
	background-color: #970A31;
}

.b-shockpink {
	background-color: #DC097B;
}

.b-deepblue {
	background-color: #023067;
}

.b-katogreen {
	background-color: rgba(103, 158, 68, 1.00);
}

.b-kensetsuyellow {
	background-color: #FF9523;
}

.b-zensanblue {
	background-color: #4B7FFF;
}

.w-5 {
	width: 50%;
}

.vw-half {
	width: 43vw;
}

.mt-5 {
	margin-top: 50px;
}

.mt-2 {
	margin-top: 20px;
}

.mb-5 {
	margin-bottom: 50px;
}

.mb-2 {
	margin-bottom: 20px;
}

.my-5 {
	margin: 50px 0px;
}

.py-5 {
	padding: 50px 0px;
}

.my-1 {
	margin: 6px 0px;
}

.py-1 {
	padding: 6px 0px;
}

.pt-5 {
	padding-top: 50px;
}

.pt-2 {
	padding-top: 20px;
}

.pb-5 {
	padding-bottom: 50px;
}

.pb-2 {
	padding-bottom: 20px;
}

.ake {
	line-height: 45px;
}

.pad-side {
	padding: 10px;
}

.mb-0 {
	margin: 0 0 0 0;
}

.absolute-parent {
	position: relative;
	width: 100%;
	height: 215px;
}

.absolute-middle {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.absolute-middle img {
	border: solid 2px #ffffff;
	width: 80%;
	height: 80%;
}

.box4 {
	margin: 0 auto;
	;
	background: #dcefff;
	width: 550px;
}

.box4 .box-title {
	font-size: 1.2em;
	background: #5fb3f5;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.box4 p {
	padding: 15px 20px;
	margin: 0;
}


.box5 {
	background: #dae3f3;
	padding: 20px;
	border-radius: 10px;
	/*margin-bottom: -90px;*/
}

.border_blue{
	border: #dae3f3 solid 3px;
 margin: 10px;
	border-radius: 10px;
	padding-top: 50px;
}

@media screen and (max-width: 991px) {

	.absolute-parent {
		position: relative;
		width: 100%;
		height: 200px;

	}

	.absolute-middle {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		text-align: center;
	}

	.absolute-parent img {
		width: 150px;
		height: 150px;
		/*display: block*/
		;
		text-align: center;
		/*margin-left: auto;
    margin-right: auto
	*/

	}

	.w-half {
		width: 60%;
	}

	.box4 {
		margin: 0 auto;
		;
		width: 374px;
	}

	.mijikame {
		height: 120px;
	}

	.vw-half {
		width: 54vw;
	}
}

@media screen and (max-width: 415px) {
	.dekirukoto ul {
		text-indent: 0px;
	}

	.dekirukoto ul li {
		margin-left: 0px;
	}

	.f-28 {
		font-size: 22px;
	}

	.f-18 {
		font-size: 16px;
	}

	.p-tyousei {
		padding-right: 15px;
		padding-left: 15px;
	}

	.w-5 {
		width: 100%;
	}

	.box2 {
		width: 90%;
		height: auto;
		/*
		margin-left: 5px;
		margin-right: 5px;*/
	}

	.f-14 {
		font-size: 14px;
	}

	.vw-half {
		width: 84vw;
	}

}

.hr-white {
	border: solid 2px #ffffff;
	width: 150px;
}

.txt_xs {
	font-size: 12px;
}

.ryouhashi {
	text-align: justify;
	line-height: 23px;
}

@media screen and (max-width: 376px) {
	.dekirukoto ul {
		text-indent: 0px;
	}

	.dekirukoto ul li {
		margin-left: 0px;
	}



}

.btn-soroe {
	width: 304px;
}

p.indent-1 {
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}

.text-left {
	text-align: left;
}

.col_awase {
	margin-left: 13%;
}

@media screen and (max-width: 767px) {
	.col_awase {
		margin-left: 0;
	}
}

.genom_bg {
	background-image: url("../genom/images/genom_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

@media screen and (max-width: 767px) {
	.genom_bg {
		background-image: url("../genom/images/genom_bg02.jpg");
	}
}

.top_banner_wrap {
	justify-content: center;
	display: flex;
}

@media screen and (max-width: 991px) {
	.top_banner_wrap {
		justify-content: center;
		display: block;
	}
}

.br-sp {
	display: none;
}

@media screen and (max-width: 1080px) {
	.br-pc {
		display: none;
	}

	.br-sp {
		display: inline-block;
	}
}


.president_greeting_bk{
	background-image: url(../images/president_greeting.jpg);
	background-size: cover;
	background-position: center bottom;
	}
	
	.white_area{
		background-color:rgba(255, 255, 255, .8);
	}
	
	.president_greeting_box {
		margin: 16px auto;
		text-align: center;
		display: block;
		
	}
	.president_greeting_box .txt {
		font-size: 14px;
		text-align: left;
		display: inline-block;
		line-height: 1.7em;
		letter-spacing: 0.04em;
	}
	
	.president_sign{
		
		width: 100%;
		height: 100%;
		max-width: 300px;
		margin-right: 0;
		margin-left: 60%;
		display: block;
	  
	}

	
.w-200{
	width: 200px;
	height: auto;
}

	
	
	@media screen and  (max-width: 767px){
	
	
		.president_sign{
			max-width: 300px;
			text-align: center;
		margin: 0 auto;
		}
	
	
		.white_area{
			background-color:rgba(255, 255, 255, .8);
			padding: 10px;
			margin: 0 20px;
		}
	
	}

	.my-5{
		margin-top:50px;
		margin-bottom:50px;
	}

.teble_w01{
	width: 29.5%!important;
	text-align: center;
}

@media screen and  (max-width: 991px){
	.teble_w01{
	width: 20%!important;
}
}

@media screen and  (max-width: 767px){
	.teble_w01{
	width: 100%!important;
}
}


.ict_title {
	position: relative;
	padding-top: 5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	border-top: solid 10px #ED7D31;
	background-color: #FBE5D6;
	font-size: 18px;
}
.ict_title:after {
	position: absolute;
	content: "事例1"; 
	top: -5px;
	left: 0px;
	background: #ED7D31;
	font-size: 2rem;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.ict_title02 {
	position: relative;
	padding-top: 5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	border-top: solid 10px #ED7D31;
	background-color: #FBE5D6;
	font-size: 18px;
}
.ict_title02:after {
	position: absolute;
	content: "事例2"; 
	top: -5px;
	left: 0px;
	background: #ED7D31;
	font-size: 2rem;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.ict_title03 {
	position: relative;
	padding-top: 5rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 2rem;
	border-top: solid 10px #ED7D31;
	background-color: #FBE5D6;
	font-size: 18px;
}
.ict_title03:after {
	position: absolute;
	content: "事例3"; 
	top: -5px;
	left: 0px;
	background: #ED7D31;
	font-size: 2rem;
	color: #fff;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 5px;
}

.ict_color{
	color: #ED7D31;
}

.center_con{
	display: flex;
	align-items: center;
	justify-content: center;
}

.w-img{
	width: 60%;
}

.img-l{
	text-align: right;
}

@media screen and  (max-width: 991px){
	.w-img{
	width: 80%;
	}
}

@media screen and  (max-width: 767px){
	.center_con{
	display:contents;
	align-items: center;
	justify-content: center;
	}
	
	.w-img{
	width: 60%;
	}

.img-l{
	text-align: center;
}
}

.mx-2{
	margin-left: 15px;
	margin-right: 15px;
}

.pb_btn{
	border: #009B20 1px solid!important;
	font-size: 20px!important;
	font-weight: 500!important;
	width: 100%;
	height: 65px!important;
	line-height: 20px!important;
}

.w_netis{
	width: 67%;
}

.figure01  a {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
	color: #636363;
	
}
.figure01:hover a {
  opacity: .5;
	text-decoration: none;
}

.text-science01{
	text-align: center;
}

dl:last-child{
	margin-bottom: 0px;
}