/*-------色str-------*/


/*緑*/





/*-------色end-------*/

@charset "utf-8";
/* reset css
---------------------- */

@font-face {
	font-family: 'Arial Black';
	font-style: normal;
	font-weight: 400;
	src: local('Arial Black'), url('ariblk_0.ttf') format('ttf');
}
html {
	min-height: 100%;
	overflow-y: scroll;
	background: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, th, td {
	padding: 0;
	margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
address, caption, em, strong, th {
	font-style: normal;
}
caption, th {
	text-align: left;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
ol, ul {
	list-style: none;
}
#contents table, #contents ol, #contents ul, #contents dl, #contents blockquote, #contents pre {
	margin-bottom: 0px;
}
#contents table {
	border-collapse: collapse;
	border-spacing: 0;
}
#contents p {
	margin-bottom: 12px;
}
a img, fieldset {
	border: none;
}
body {
	-webkit-text-size-adjust: none;
	min-width: 1020px;
	height: 100%;
	font-family: "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 90%;
	color: #111;
	letter-spacing: 1.5px;
	line-height: 1.8;
	background: #fff;
}
a:visited {
	text-decoration: none;
}

/* LAYOUT
---------------------- */
#page {
	width: auto;
	margin: 0 auto;
	overflow:hidden;
}
#cover {
	width:1020px;
	margin:0 auto 30px;
}
#cover:after {
	content:" ";
	display:table;
	clear:both;
}
#contents {
	width:870px;
	float:right;
}
article {
	padding:0 0 0 20px;
}

/* header */
#header {
	width:150px;
	position:fixed;
	top:0;
	float:left;
}
#header .header .head-logo {
	width:100%;
	height:150px;
	display:flex;
	align-items: center;
	background:#8ccf3f;
	box-sizing:border-box;
	padding:5px;
	margin-bottom:200px;
}
#header .header .head-logo img {
	width:100%;
	display:block;
}
#sp_navi {
	display:none;
}

/* navigation */
#gnavi {
	width:100%;
	bottom:0;
}
#gnavi > ul {
	padding:0 10px;
}
#gnavi > ul > li {
	position:relative;
}
#gnavi > ul > li:last-child {
	margin-right:0;
}
#gnavi > ul > li > a {
	position: relative;
	display: block;
	text-decoration: none;
	font-size: 0.7rem;
	letter-spacing: 2px;
	line-height: 1.5;
	color: #000;
	position:relative;
	padding: 8px 5px 8px 15px;
    text-shadow: 1px 1px 0 #fff;
	box-sizing: border-box;
	z-index:1;
}
#gnavi > ul > li > a:before {
	position:absolute;
	content:"　";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 5px 5px;
	border-color: transparent transparent #8ccf3f transparent;
	box-shadow: 1px 1px 0 #fff;
	left:0;
	top:50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
#gnavi > ul > li > a:hover:after {
	position: absolute;
	content: " ";
	width: 70%;
	height: 8px;
	background: #c3dba7;
	left: 15px;
	bottom:8px;
	z-index:-1;
}
#gnavi + #visual {
	border-bottom: 0px;
}

/* contents */
#visual {
	width:100%;
	height:550px;
	margin-bottom:10px;
	position:relative;
}
#visual .visual {
	position:absolute;
	max-width:1160px;
	left:0;
}
/* スライダー用str 使わない場合は消す */

#visual_slider li img {
	width:100%;
	display:block;
}
#visual .slick-list {
	overflow: inherit;
}
.visual ul li:focus {
	outline: none;
}
.slick-dots {
	bottom:-30px!important;
	width:870px!important;
	z-index:1000;
}
.slick-dots li {
	margin:0 8px!important;
}
.slick-dots li button:before {
	content:"　"!important;
	opacity: 1!important;
	width: 10px!important;
    height: 10px!important;
	background:#000;
}
.slick-dots li, .slick-dots li button {
	width:10px!important;
	height:10px!important;
}
.slick-dots li.slick-active button:before {
	background:#8ccf3f!important;
}
.slick-dotted.slick-slider {
	margin-bottom:0!important;
}

/* スライダー用end */


/* footer */
.footer {
	min-width: 1020px;
	background: #8ccf3f;
	color:#000;
    border-top: 1px solid #8ccf3f;
}
.footer .footer_inner {
	width:870px;
	margin:0 auto;
	padding: 45px 0px;
	display:flex;
	justify-content: center;
	align-items: center;
}
.footer_logo {
	width:360px;
	margin-right:70px;
}
.footer_logo img {
	width:100%;
	display:block;
}
.footer_info {
	color:#000000;
}
.footer_address {
	font-size:0.75rem;
}
.footer_tel {
	font-size:0.75rem;
}
.footer_tel .tel a {
	color:#000000;
}
.sns_icon {
	width:1020px;
	margin:0 auto;
	text-align:right;
}
.sns_icon li {
	display:inline-block;
	margin-right:10px;
}
.sns_icon li:last-child {
	margin-right:0;
}
.sns_icon li:hover {
	opacity:0.8;
}
.copy {
	font-size: 0.7rem;
	text-align: center;
	padding: 12px 0;
	background:#000;
	color:#fff;
}
.copy img {
	position: relative;
	vertical-align: bottom;
	top: -4px;
	left: 14px;
}
.copy a {
	color:#c9caca;
	text-decoration: none;
}


/* 戻る */
.return {
	text-align:center;
	line-height:0;
}
.return a img {
	margin:0 auto;
}


/* -------------------
汎用指定 */

.only_pc {
	display: block;
}
.only_sp {
	display: none;
}
.tel a {
	color:#000;
	text-decoration:none;
	cursor:inherit;
	pointer-events:none;
}
.fade_hover a {
	transition:0.8s;
}
.fade_hover a:hover {
		opacity:0.7;
}
.btn_base {
	width:60%;
	margin:0 auto;
}
.btn_base a {
	color:#fff;
	display:block;
	padding:14px 0;
	text-align:center;
	text-decoration:none;
	background:#247231;
}
.btn_base a:hover {
	background:#6fba2c;
}

article > section:nth-child(n+2) {
	background:url(img/green/shikaku-line.png) no-repeat center 30px;
}

section h1 {
	word-break : break-all;
	min-width:100px;
	height:100px;
	display:inline-flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	font-size:1.2rem;
	font-weight:normal;
	color:#8ccf3f;
	box-sizing:border-box;
	padding:20px 5px 5px;
	margin-bottom:30px;
	line-height:1.4;
	letter-spacing:0.5px;
	background-color: #000;
	background-image:url(img/green/point-dot01.png);
	background-repeat:no-repeat;
	background-position:center top 25px;
	background-size:55%;
}
section h1 span {
	font-size:0.65rem;
	color:#ffffff;
	padding-top:3px;
}
section:nth-child(2) h1 {
	background-image:url(img/green/point-dot02.png);
}
section:nth-child(3) h1 {
	background-image:url(img/green/point-dot03.png);
}
section:nth-child(4) h1 {
	background-image:url(img/green/point-dot04.png);
}
section:nth-child(5) h1 {
	background-image:url(img/green/point-dot05.png);
}

/*.concept*/

.concept {
	padding:80px 0;
	position:relative;
	z-index:1;
}
.concept_inner {
	margin:0 auto;
	background-repeat: no-repeat;
    background-size: 510px;
    background-position:top right;
}
.concept_main {
	width:48%;
	line-height:2;
}
.concept_msg {
	padding:25px 30px;
	background:rgba(255,255,255,0.85);
	box-sizing:border-box;
	box-shadow:2px 2px 4px rgba(0,0,0,0.2);
}
#contents .concept_catch {
	font-size:1.2rem;
	font-weight:bold;
	color:#000;
	position:relative;
	margin-bottom:20px;
	line-height:1.4;
}
.concept_catch:before {
	position:absolute;
	content:"　";
	width:5px;
	height:135%;
	background:#8ccf3f;
	top:-20px;
	left:-20px;
}

/*.service*/

.service {
	padding:80px 0 90px;
	
}
.service_inner {
	position:relative;
	overflow:hidden;
	z-index:1;
}
.service_inner:after {
	position:absolute;
	width:100%;
	height:100%;
	content:"　";
	background:#e3e7d9;
	top:20px;
	left:20px;
	z-index:-1;
}
.service_set:nth-child(odd) {
	flex-direction: row-reverse;
}
.service_set:nth-child(odd) .service_msg {
	text-align:left;
}
.service_list {
	padding:0 60px 80px 80px;
}
.service_set {
	display: flex;
	align-items: flex-end;
	text-align:right;
	margin-bottom:40px;
}
.service_set:after {
	content:" ";
	display:table;
	clear:both;
}
.service_set:last-child {
	margin-bottom:0;
}
.service_img {
	width:52%;
	overflow:hidden;
}
.service_img span {
	height:200px;
	position:relative;
	overflow:hidden;
	display:block;
}
.service_img span img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.service_msg {
	width:48%;
	padding-top:10px;
}
.service_set_title {
	font-size:1.1rem;
	padding-bottom:10px;
	border-bottom:1px solid #8ccf3f;
	margin-bottom:15px;
	color:#000;
	line-height:1;
}
#contents .service_text {
	font-size:0.8rem;
	padding:0 5px;
	line-height:1.5;
	margin-bottom:0;
}


/*.company*/

.company {
	width:100%;
	padding:80px 0;
}
.company:after {
	content:" ";
	display:table;
	clear:both;
}
.title_position {
	float:left;
}
.company_inner {
	float:right;
	width:710px;
	padding-right:185px;
	box-sizing:border-box;
}
.company_table {
	width: 100%;
}
.company_table th, .company_table td {
	font-weight: normal;
	padding:15px;
	font-size:0.9rem;
	color:#000;
}
.company_table td span.map_jump {
	display:block;
	/*position:relative;
	top:-10px;*/
}
.company_table td span.map_jump a {
	font-size: 0.75rem;
	color: #fff;
	background:#000;
	padding: 5px 15px 5px 8px;
	position:relative;
	text-decoration: none;
	display: inline-block;
	line-height:1;
}
.company_table td span.map_jump a:hover {
	opacity:0.8;
}
.company_table td span.map_jump a:after {
	position:absolute;
	content:"　";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #8ccf3f;
	top:7px;
	right:6px;
}
.company_table th {
	width: 30%;
	position:relative;
	padding-right:25px;
	text-align:right;
	border-right:2px solid #8ccf3f;
}
.company_table td {
	padding-left: 30px;
	line-height:1.5;
}
#contents .company_table td p:last-child {
	margin-bottom:0;
}
#contents .contents_header {
	padding: 45px 0 40px;
    background: #fff;
}
#contents .contents_header .head_inner > .title {
	color: #333;
	font-size: 1.8rem;
	font-weight: normal;
	text-align: center;
}


/* .news */

.news {
	padding:60px 0 80px;
}
.news_inner {
	width:850px;
	margin:0 auto;
	display:table;
}
.news_inner:after {
	content:" ";
	display:table;
	clear:both;
}
.news_head {
	width:18%;
	float:left;
}
.news_body {
	width:82%;
	float:right;
}
.news_list li {
	border-bottom:1px solid #c9caca;
	padding-bottom:30px;
	margin-bottom:25px;
}
.news_list li:last-child {
	margin-bottom:0;
}
.news_date {
	color:#8ccf3f;
	font-size:0.95rem;
	font-weight:bold;
	margin-bottom:10px;
}
.news_msg {
}


/* mailform */

.mailform {
	padding:60px 0 100px;
}
.mailform_inner {
	width:850px;
	margin:0 auto 30px;
	padding-bottom:20px;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.mailform_inner:after {
	position:absolute;
	width:100%;
	height:100%;
	content:"　";
	background:#efefef;
	top:20px;
	left:20px;
	z-index:-1;
}
#contents .important_list {
	margin-bottom:40px;
	text-align:left;
}
.important_list li {
	text-indent: -14px;
	font-size:0.8rem;
	line-height: 1.4;
	margin-bottom: 8px;
	padding-left: 14px;
}
.inquiry_inset {
	padding:0 40px 0 80px;
	text-align:center;
}
.inquiry_inset_title {
	font-size:1.6rem;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	padding:0 5px;
	border-bottom:2px solid #8ccf3f;
	margin-bottom:40px;
	line-height:1.4;
}
.important_list li.color_red {
	color:#c6252d;
}
.mailform span.required, .mailform span.any {
	font-size: 0.75rem;
	padding: 5px 6px;
	position:absolute;
	color: #fff;
	right:10px;
	top:14px;
	line-height:1;
}
.mailform span.required {
	background:#c8161d;
}
.mailform span.any {
	background:#9fa0a0;
}
#contents .mailform table {
	width: 100%;
	font-size:0.9rem;
	margin: 5px auto 35px;
	border-collapse: collapse;
    border-spacing: 0;
}
.mailform th, .mailform td {
	font-weight: normal;
	color: #111;
	padding:13px 0;
	box-sizing:border-box;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	line-height:1;
}
.mailform th {
	width:25%;
	padding:18px 0 8px;
	vertical-align:top;
	position: relative;
}
.mailform td {
	color: #bcbcbc;
	padding-left:50px;
}
.mailform input, .mailform textarea {
	width: 100%;
	font-size: 0.75rem;
	color: #000;
	padding:5px 12px;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #c9caca;
	line-height:1.6;
}
.mailform textarea {
    font-family: "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
.mailform input:focus, .mailform textarea:focus {
	outline:none;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color:#c9caca;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color:#c9caca;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color:#c9caca;
}
.mailform label {
	cursor: pointer;
	padding: 2px 0;
}
#contents .btn_top_msg {
	font-size:0.75rem;
	text-align:center;
	margin-bottom:15px;
}
.send_btn_inner {
	text-align: center;
	padding: 10px 0;
}
.send_btn {
	display: inline-block;
	color: #fff;
	font-size: 1.1rem;
	letter-spacing: 1px;
	cursor: pointer;
	position:relative;
	padding: 12px 30px;
	border: 0px;
	background:#000;
	box-shadow:0 4px 0 #8ccf3f;
	top:-4px;
	-webkit-transition: top 0.1s, box-shadow 0.1s;
	-moz-transition: top 0.1s, box-shadow 0.1s;
	-ms-transition: top 0.1s, box-shadow 0.1s;
	transition:top 0.1s, box-shadow 0.1s;
}
.send_btn:before {
	position: absolute;
    content: "　";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #8ccf3f;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.send_btn:hover {
	box-shadow:0 0 0 #8ccf3f;
	top:0;
}
.submit_btn {
	width: 55%;
}
.inputarea li {
	margin: 0 15px 0 0;
	float: left;
}
.attent_block {
	width:1020px;
	margin:0 auto;
}
.message_section {
	margin: 0 auto;
	padding: 70px 0 0;
	width: 850px;
}
.thanks_section {
	padding: 120px 0 0;
}
.thanks_title {
	font-size:1.9rem;
	text-align:center;
	margin-bottom:30px;
}
.thanks_msg {
	font-size:105%;
	text-align:center;
	line-height:2.0;
}
#contents .thanks_msg > p {
	margin-bottom:20px;
}
.privacy_block {
	height:170px;
	font-size:0.85rem;
    overflow-y: auto;
	padding:10px 30px;
	margin:0 auto;
	box-sizing:border-box;
}
.privacy_escription {
	font-size:0.8rem;
	margin-bottom:40px;
}
.privacy_escription .title {
	font-size:0.95rem;
	border-bottom:2px solid #8ccf3f;
	margin-bottom:10px;
}
.privacy_block_title {
	font-size:1rem;
	margin-bottom:15px;
	border-bottom:2px solid #8ccf3f;
}
.privacy_set {
	margin-bottom:25px;
}
.privacy_set_title {
	font-size:0.9rem;
	border-bottom:1px solid #8ccf3f;
	margin-bottom:15px;
}
.privacy_section_inner {
	font-size:0.8rem;
}

/* formmail.cgi */
.send_inner {
	padding: 12px 0 20px;
}
.send_inner .send_step_msg {
	text-align: center;
	font-size: 140%;
	margin-bottom: 15px;
}

.send_guide_msg {
/* formmail.cgi:send base */
	text-align: center;
	color: #444;
	padding: 0 0 15px;
}
.send_inner .send_btn_inner {
	text-align: center;
}
.send_inner .send_btn_inner .send_btn {
	display: inline-block;
	color: #fff;
	font-size: 130%;
	letter-spacing: 1px;
	cursor: pointer;
	margin: 0 10px;
	padding: 15px 30px;
	border: 0px;
	background: #8ccf3f;
}
.send_inner .send_btn_inner .btn_return {
	background-color: #797979;
}

/* formmail.cgi:send confirm */
.send_confirm_table {
	padding: 17px 0 30px;
}
.send_confirm_table table {
	width: 90%;
	margin: 0 auto;
	border-collapse: collapse;
}
.send_confirm_table table th, .send_confirm_table table td {
	font-size: 110%;
	font-weight: normal;
	line-height: 1.5;
	border: 1px solid #ccc;
	padding: 17px 20px;
	background: #fff;
}
#contents .send_confirm_table table th {
	width: 40%;
	background: #f5f5f5;
}

/* formmail.cgi:send error */
.send_inner .send_error {
	padding: 15px 0 30px;
}
.send_inner .send_error li {
	font-size: 110%;
	padding: 5px 0;
}
.send_inner .send_error li:before {
	content: "\0025cf";
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;
	color: #C2C2C2;
	margin-right: 8px;
}
.send_inner .send_error li span {
	display: inline-block;
	color: #FF3333;
	margin-right: 5px;
}


/*.send_section*/

.send_section {
	padding:80px 0;
}
.send_section_title {
	font-size:2rem;
	font-weight:normal;
	text-align:center;
	color:#000;
	margin-bottom:40px;
	position:relative;
	line-height:1.4;
	letter-spacing:0.8px;
}
.send_section_inner {
	text-align:center;
}

/*.breadcrumbs*/

.breadcrumbs {
	padding:10px 10px;
	background: #f1f1f1;
}
.breadcrumbs ul {
	width: 850px;
	margin: 0 auto;
}
.breadcrumbs ul:after {
	content: " ";
	display: table;
	clear: both;
}
.breadcrumbs ul li {
	font-size: 0.7rem;
	margin-right: 5px;
	float: left;
}
.breadcrumbs ul li a {
	color: #111;
	display: inline-block;
	margin-right: 4px;
}
.breadcrumbs ul li a:hover {
	text-decoration: none;
}


/*.exit_concept*/

.exit_concept {
	padding:80px 0;
}
.exit_concept_inner {
}
.exit_concept_main {
	padding:5px 0 0 160px;
}
#contents .exit_concept_catch {
	font-size: 1.2rem;
	font-weight:bold;
    color: #000;
    margin-bottom: 35px;
	padding-left:20px;
	position:relative;
    line-height: 1.4;
}
.exit_concept_catch:before {
    position: absolute;
    content: "　";
    width: 5px;
    height: 140%;
    background: #8ccf3f;
    top: 50%;
    left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.exit_concept_msg {
    line-height: 2.2;
}


/*.exit_service*/

.exit_service {
	padding:80px 0 90px;
	
}
.exit_service_inner {
	position:relative;
	overflow:hidden;
	z-index:1;
}
.exit_service_inner:before {
	position:absolute;
	width:100%;
	height:100%;
	content:"　";
	background:#e3e7d9;
	top:20px;
	left:20px;
	z-index:-1;
}
.exit_service_inner:after {
	content:" ";
	display:table;
	clear:both;
}
.exit_service_list {
	padding:60px 20px 60px 160px;
}
.exit_service_set {
	margin-bottom:40px;
}
.exit_service_set:last-child {
	margin-bottom:0;
}
.exit_service_msg {
	padding-top:10px;
}
.exit_service_set_title {
	font-size:1.1rem;
	padding-bottom:10px;
	border-bottom:2px solid #8ccf3f;
	margin-bottom:15px;
	color:#000;
	line-height:1;
}
#contents .exit_service_text {
	font-size:0.8rem;
	padding:0 5px;
	line-height:1.5;
	margin-bottom:0;
}


/*.recruit*/

.recruit {
	width:100%;
	padding:80px 0;
}
.recruit:after {
	content:" ";
	display:table;
	clear:both;
}
.title_position {
	float:left;
}
.recruit_inner {
	width:730px;
	float:right;
}
.recruit_table {
	width: 100%;
}
.recruit_table th, .recruit_table td {
	font-weight: normal;
	padding:15px;
	font-size:0.9rem;
	color:#000;
}
.recruit_table td span.map_jump {
	margin-left:10px;
}
.recruit_table td span.map_jump a {
	font-size: 0.85rem;
	color: #8ccf3f;
	background:#000;
	padding: 5px 15px 5px 8px;
	position:relative;
	text-decoration: none;
	display: inline-block;
	line-height:1;
}
.recruit_table td span.map_jump a:hover {
	opacity:0.8;
}
.recruit_table td span.map_jump a:after {
	position:absolute;
	content:"　";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #8ccf3f;
	top:7px;
	right:6px;
}
.recruit_table th {
	width: 25%;
	position:relative;
	padding-right:25px;
	text-align:right;
	border-right:2px solid #8ccf3f;
	vertical-align:top;
}
.recruit_table td {
	padding-left: 30px;
	line-height:1.5;
}


/*.price*/

.price {
	padding:80px 0;
}
.price:after {
	content:" ";
	display:table;
	clear:both;
}
.price_inner {
	width:710px;
	float:right;
}
.price_list li {
	color:#535353;
	border-bottom: 1px solid #c9caca;
	box-sizing:border-box;
	padding:30px 20px;
}
.price_list li:nth-child(1) {
	border-top:1px solid #c9caca;
}
.price_name {
	font-size:0.95rem;
	color:#282834;
	text-align:left;
	line-height:1.4;
}
.price_value {
	text-align:right;
	font-size:1.1rem;
	line-height:1.4;
}
.price_value span {
	font-size:80%;
	font-weight:normal;
	color:#000;
}
#contents .price_outer {
	font-size:0.75rem;
	text-align:right;
	padding-top:20px;
	margin-bottom:0;
}


/*.works*/

.works {
	padding: 60px 0 80px;
}
.works_inner {
	width:850px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
}
.works_list {
	width:100%;
}
.works_list li {
	width:30%;
	float:left;
	background:#000;
	margin:0 5% 50px 0;
}
.works_list li:nth-child(3n) {
	margin-right:0;
}
.works_list li span {
	padding-top:100%;
	display:block;
	overflow:hidden;
	position:relative;
}
.works_list li img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}