html {
		font-size: 100%;
		scroll-behavior: smooth;
}
body {
		margin: 0;
		position: relative;
		font-family: 'Noto Sans JP', sans-serif;
		color: #333;
		font-size: 16px;
		background: #fff;
		line-height: 1.9;
		letter-spacing: 0.1em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 450px) {
		body {
				font-size: 0.8rem;
		}
}
li {
		list-style: none;
}
a {
		color: #387146;
		text-decoration: none;
		transition: 0.3s;
}
a:hover {
		opacity: 0.3;
}
.mg40 {
		margin-bottom: 40px !important;
}
.mg50 {
		margin-bottom: 50px !important;
}
.title {
		text-align: center;
		font-size: 1.5rem;
		color: #3c9d9b;
		margin-bottom: 4%;
		font-family: 'Noto Serif JP', serif;
}
.mtitle {
		color: #333;
		font-size: 1.3rem;
}
h3.mtitle {
		font-weight: 500;
}
h3.timini {
		margin-top: 0px;
		font-size: 0.9rem;
}
.entitle {
		text-align: center;
		font-size: 1.8rem;
		color: #333;
		margin: 0;
		font-family: 'Noto Serif JP', serif;
}
/*ボタンデザイン*/
.linkbtn a {
		white-space: nowrap;
		border: 2px solid #387146;
		color: #387146;
		background: #fff;
		font-weight: 400;
		padding: 2% 8%;
		border-radius: 4px;
		transition: .4s;
}
.linkbtn a:hover {
		background-color: #387146;
		color: #FFF;
		opacity: 1;
}
@media (max-width:1024px) {
		.linkbtn a {
				font-weight: normal;
		}
}
.fa-arrow-circle-right {
		color: #387146;
}
.bglight {
		background: #3c9d9b;
}
.bglight .title {
		color: #fff;
}
.bglight .mtitle {
		color: #fff;
}
.bglight .entitle {
		color: #fff;
}
.paper {
		background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
		background-size: 16px 16px;
		background-repeat: repeat;
		background-position: center center;
}
/*ヘッダー*/
header {
		position: relative;
		max-width: 100%;
		background: #f9fbfc;
		z-index: 999;
}
header h1 {
		width: auto;
		margin: 0;
}
header h1 img {
		margin-top: 0.6%;
		width: 32%;
}
@media screen and (max-width:1200px) {
		header h1 img {
				width: 33%;
		}
}
@media screen and (max-width:1124px) {
		header h1 img {
				width: 34%;
		}
}
@media screen and (max-width:1081px) {
		header h1 img {
				width: 36%;
		}
}
@media screen and (max-width:1013px) {
		header h1 img {
				margin-top: 1%;
				margin-bottom: 1%;
		}
}
@media screen and (max-width:820px) {
		header h1 img {
				width: 34%;
				margin-bottom: 1.5%;
		}
}
@media screen and (max-width:730px) {
		header h1 img {
				width: 38%;
				margin-bottom: 1.5%;
		}
}
@media screen and (max-width:675px) {
		header h1 img {
				margin-bottom: 2.3%;
		}
}
@media screen and (max-width:630px) {
		header h1 img {
				width: 50%;
				margin-bottom: 2%;
		}
}
/*PCメニュー*/
.globalMenu {
		background: #f9fbfc;
		border-bottom: 2px solid #387146;
		font-size: 0.9rem;
}
.globalMenu ul {
		display: flex;
		justify-content: flex-end;
		margin: 0px;
}
.globalMenu ul li {
		padding: 0.6rem 0;
		display: table;
		text-align: center;
		width: 7.5rem;
}
.globalMenu ul li a {
		display: table-cell;
		vertical-align: middle;
		transition: 0.3s;
}
.globalMenu ul li a:hover {
		opacity: 0.3;
}
.globalMenu > ul:nth-child(1) {
		margin-right: 1rem;
}
/*ハンバーガーメニュー*/
.navButton {
		position: absolute;
		top: 35%;
		right: 4%;
		z-index: 999;
		cursor: pointer
}
.navButton_line {
		position: relative;
		display: block;
		height: 2px;
		width: 30px;
		background: #387146;
		transition: ease .5s;
}
.navButton_line:nth-child(1) {
		top: 0;
}
.navButton_line:nth-child(2) {
		margin: 8px 0;
}
.navButton_line:nth-child(3) {
		top: 0;
}
.navButton.isOpen .navButton_line:nth-child(1) {
		top: 10px;
		transform: rotate(135deg);
}
.navButton.isOpen .navButton_line:nth-child(2) {
		transform: translateY(-50%);
		opacity: 0;
}
.navButton.isOpen .navButton_line:nth-child(3) {
		top: -10px;
		transform: rotate(-135deg);
}
.menu {
		margin-top: 0px;
		padding-left: 0px;
		position: absolute;
		left: 0;
		width: 100%;
		background-color: rgba(249, 251, 252, 0.9);
		z-index: 999;
}
.menu li {
		border-bottom: 1px solid #a0dbdb;
}
.menu a {
		display: flex;
		justify-content: center;
		padding: 0.75rem;
		text-align: center;
}
.button {
		display: flex;
		justify-content: center;
		border-bottom: 1px solid #a0dbdb;
}
/*ハンバーガーメニュー　電話番号・問い合わせ*/
.button .linkbtn {
		width: 15rem;
}
.button a {
		padding: 2% 0;
}
.spli a {
		border: none !important;
		background: #387146 !important;
		border-radius: 4px;
		margin: 0.6rem 0;
		color: #fff !important;
}
/*ヘッダー右上ボタン*/
.header_top {
		display: flex;
		justify-content: space-between;
		padding: 0 1%;
		height: 2.5rem;
}
.contact {
		position: relative;
		text-align: center;
}
.contact .linkbtn div {
		width: 100%;
		display: inline-block;
}
.contact .linkbtn a {
		width: 3rem;
		height: 2rem;
}
.contact > div:nth-child(1) > div:nth-child(1) > a:nth-child(1) {
		padding: 2px 6px;
}
.contact > div:nth-child(1) > div:nth-child(2) > a:nth-child(1) {
		padding: 2px 6px;
}
.contact > div:nth-child(1) > div:nth-child(3) > a:nth-child(1) {
		padding: 2px 6px;
}
.contact > div:nth-child(1) > div:nth-child(1) {
		position: absolute;
		top: 2px;
		left: -464px;
}
.contact > div:nth-child(1) > div:nth-child(2) {
		position: absolute;
		top: 2px;
		left: -320px;
}
.contact > div:nth-child(1) > div:nth-child(3) {
		position: absolute;
		top: 2px;
		left: -180px;
}
.contact .linkbtn a {
		padding: 0 5%;
		font-size: 0.8rem;
}
/*コンテンツ全体設定*/
main {
		display: block;
		position: relative;
}
main section {
		padding: 80px 0;
		position: relative;
}
.inner {
		width: 96%;
		max-width: 1200px;
		margin: 0 auto;
}
/*文章と画像*/
.flex_sec {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 10%;
}
div.flex_sec:nth-child(2) {
		flex-direction: row-reverse;
}
.flex_sec img {
		width: 47%;
}
.flex_sec div {
		width: 50%;
}
.flex_sec .linkbtn {
		text-align: center;
		width: 100%;
		margin-top: 23%;
}
@media screen and (max-width:1125px) {
		.flex_sec .worksbtn {
				margin-top: 11%;
		}
}
@media screen and (max-width:880px) {
		.flex_sec {
				display: block;
				margin-bottom: 13%;
		}
		.flex_sec img {
				width: 100%;
		}
		.flex_sec div {
				width: 100%;
		}
		.3_col {
				padding-bottom: 0;
		}
		h2.title {
				margin-bottom: 1.3rem;
		}
}
.fade_text_t {
		position: relative;
}
.fade_text {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-size: 2.2rem;
		white-space: nowrap;
		text-align: center;
		color: #387146;
		/*text-shadow: 1px 2px 3px #000;*/
		font-family: 'Noto Serif JP', serif;
		padding: 10px 20px;
		z-index: 2;
}
.f_text {
		position: absolute;
		width: 100%;
		top: -60%;
		left: 20%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		opacity: 0;
		animation: change-img-anim 15s infinite;
}
@media screen and (max-width:1248px) {
		.f_text {
				width: 100%;
				top: -60%;
				left: 25%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
}
@media screen and (max-width:998px) {
		.f_text {
				width: 100%;
				top: -60%;
				left: 30%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
}
@media screen and (max-width:880px) {
		.f_text {
				top: -60%;
				left: 5%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
}
.f_text:nth-of-type(1) {
		animation-delay: 0s;
}
.f_text:nth-of-type(2) {
		animation-delay: 5s;
}
.f_text:nth-of-type(3) {
		animation-delay: 10s;
}
@keyframes change-img-anim {
		0% {
				opacity: 0;
		}
		10% {
				opacity: 1;
		}
		50% {
				opacity: 0;
		}
		100% {
				opacity: 0;
		}
}
/*挨拶文*/
.about {
		text-align: left;
		width: 60%;
		margin: 0;
		color: #3c9d9b;
		padding: 1.5rem 0 1.2rem 4rem;
		font-size: 1.3rem;
}
.wel_text {
		width: 83%;
		margin: 0 0 0 17%;
		padding: 0 4.5rem;
}
/*モットー*/
.motto {
		padding: 90px 0;
		background-color: rgba(255, 255, 255, 0.8);
}
.motto p {
		font-size: 1.2rem;
}
@media (max-width: 880px) {
		.motto p {
				font-size: 1rem;
				padding: 0 2.7rem;
		}
}
.mo_bg {
		background-image: url(../img/works01.jpg);
		background-size: cover;
		background-position: center;
}
.mo_bgb {
		background-color: rgba(0, 0, 0, 0.6);
		text-align: center;
}
.motto_title {
		color: #387146;
		padding: 1rem 2rem;
		font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width:880px) {
		.about_sec {
				padding: 10% 0;
		}
		.about br {
				display: none;
		}
		.about {
				text-align: center;
				width: 100%;
				margin: 0;
				padding: 0;
		}
		.wel_text {
				width: 100%;
				margin: 0;
				padding: 0 2%;
		}
		.motto {
				padding: 30px 0;
		}
}
.motto_d {
		display: none;
}
.mo_f .motto_span {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		max-width: 67%;
		margin: 0 auto;
}
.mo_f .motto_span .item {
		width: 23%;
		max-width: 250px;
		aspect-ratio: 1 / 1; /*縦横比率を指定*/
		background: #3c9d9b;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
	margin-bottom: 2%;
}
.mo_f .motto_span .item p {
		font-size: 3vw;
		white-space: nowrap;
}
@media (min-width: 1500px) {
		.mo_f .motto_span .item p {
				font-size: 2.5rem;
		}
}
@media (max-width: 700px) {
		.mo_f .motto_span {
				max-width: 50%;
		}
			.mo_f .motto_span .item p {
				font-size: 1.5rem;
		}
		.mo_f .motto_span .item {
				width: 46%;
		}
				div.item:nth-child(1) {
				margin-right: 7%;
		}
		div.item:nth-child(3) {
				margin-right: 7%;
		}
}

@media (max-width: 540px) {
		.mo_f .motto_span {
				max-width: 60%;
		}
		.mo_f .motto_span .item p {
				font-size: 5vw;
		}
		.mo_f .motto_span .item {
				width: 46%;
				max-width: none;
				margin-bottom: 4%;
		}
		div.item:nth-child(1) {
				margin-right: 7%;
		}
		div.item:nth-child(3) {
				margin-right: 7%;
		}
		.motto_title {
				padding-left: 0px;
				padding-right: 0px;
		}
}

@media (max-width: 380px) {
		.mo_f .motto_span .item p {
				font-size: 1.3rem;
		}
}

/*施工実績スライド*/
.sliderArea {
		max-width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
}
.sliderArea.w300 {
		max-width: 300px;
}
.slick-slide {
		margin: 0;
}
.slick-slide img {
		width: 100%;
		height: auto;
}
.slick-prev, .slick-next {
		z-index: 1;
}
.slick-prev:before, .slick-next:before {
		color: #000;
}
.slick-slide {
		transition: all ease-in-out .3s;
}
.slick-active {
		opacity: 1;
}
.slick-current {
		opacity: 1;
}
.thumb {
		margin: 20px 0 0;
}
.thumb .slick-slide {
		cursor: pointer;
}
.thumb .slick-slide:hover {
		opacity: .7;
}
.full-screen .slick-list {
		overflow: visible;
}
.full-screen.slider {
		max-width: 300px;
		margin: 0;
}
/*slickスライダーに必要な記述*/
.slick-slide {
		padding: 0;
}
.multiple div {
		margin: 0 5px;
}
.single_item img {
		width: 100%;
		object-fit: cover;
}
/*slickスライダーに必要な記述ここまで*/
.worksbtn {
		text-align: center;
		margin-top: 4.5rem;
}
/*フッター*/
/*会社名・住所・問い合わせ*/
.footer_top {
		text-align: center;
		padding: 6% 0 7%;
		background-size: 30%;
		background-position: bottom right;
		background-repeat: no-repeat;
}
.footer_top h3 {
		width: 80%;
		max-width: 400px;
		margin: 0 auto 10px;
}
.footer_top h3 a {
		display: block;
		width: 100%;
}
.footer_top h3 a img {
		display: block;
		width: 100%;
}
.footer_top h3 a:hover img {
		opacity: 0.7;
}
.footer_top p {
		font-size: 0.8rem;
}
.footer_top h3.min {
		width: 70%;
		max-width: 350px;
}
.footerbtn {
		margin: 2.2rem 0 0;
}
.footerbtn a {
		background: #fff;
}
/*Rights*/
.footer_bottom {
		background: #387146;
		text-align: center;
		padding: 20px 0;
		color: #fff;
}
/*レスポンシブ*/
@media screen and (max-width:959px) {
		.globalMenu {
				display: none;
		}
		.header_top {
				height: 20%;
		}
		.contact {
				display: none;
		}
		.title {
				font-size: 1.1rem;
		}
		.mtitle {
				font-size: 1rem;
		}
}
@media screen and (max-width:880px) {
		.single_item img {
				width: 100%;
				object-fit: cover;
		}
		.fade_text {
				width: 50%;
				font-size: 1.2rem;
				white-space: normal;
				text-align: center;
		}
		.fade_text br {
				display: none;
		}
		.single_item .grad {
				display: none;
		}
		main section {
				padding: 60px 0;
		}
		.sliderArea {
				padding: 0 25px;
		}
		.worksbtn {
				margin-top: 2.5rem;
		}
}
@media screen and (min-width:960px) {
		.navButton {
				display: none;
		}
		.menu {
				display: none !important;
		}
}
/*下層ページ共通*/
.top_visual {
		position: relative;
		font-weight: 600;
		background: #387146;
		background-size: cover;
		background-position: 0% 60%;
		padding: 9vw 0;
		width: 100%;
}
.visual_text {
		font-family: 'Noto Serif JP', serif;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		margin: 0 auto;
		font-size: 2.2rem;
		color: #fff;
}
/*緑の下線*/
.border_b {
		border-bottom: 2px solid #387146;
}
.green_l::before {
		content: '';
		display: inline-block;
		width: 5px;
		height: 1.2em;
		background: #387146;
		margin-right: 0.4rem;
		transform: translateY(20%);
		border-radius: 5px;
}
/*business*/
.b_inner {
		background: url(../img/bwel.jpg);
		background-size: cover;
		background-position: right 35% bottom 55%;
		width: 100%;
}
.b_inner02 {
		width: 80%;
}
.b_inner .b_text {
		width: 50%;
		margin: 0 0 0 50%;
		padding: 6rem 4.5rem;
}
@media screen and (max-width: 900px) {
		.b_inner .b_text {
				padding: 2rem;
		}
}
.step {
		color: #fff;
		background: #3c9d9b;
		padding: 5px;
		margin-right: 5px;
		font-size: 0.9rem;
		border-radius: 2px;
		font-weight: 500;
}
.ten_inner {
		width: 76%;
		max-width: 1200px;
		margin: 0 auto 3rem;
		background: #fff;
}
.ten_inner .fa {}
.ten_inner .mtitle {
		text-align: center;
}
.ten_inner .flex_sec {
		margin-bottom: 2rem;
}
.ten_inner .flex_sec div {
		width: 60%;
}
.ten_inner .flex_sec img {
		width: 38%;
}
.ten_inner .flex_sec p {
		margin-top: 5px;
}
@media screen and (max-width:1135px) {
		.ten_inner .flex_sec div {
				width: 44%;
		}
		.ten_inner .flex_sec img {
				width: 54%;
		}
}
@media screen and (max-width:880px) {
		.step {
				font-size: 0.8rem;
		}
		.ten_inner {
				margin: 2rem auto 3rem;
		}
		.ten_inner .flex_sec {
				margin-bottom: 20%;
		}
		.ten_inner .flex_sec {
				display: block;
				margin-bottom: 20%;
		}
		.ten_inner .flex_sec img {
				width: 100%;
		}
		.ten_inner .flex_sec div {
				width: 100%;
		}
		.pd0_sp {
				padding-bottom: 0;
		}
}
/*works*/
.m_works .fas {
		color: #3c9d9b;
}
.works .inner {
		width: 85%;
}
.works .box {
		display: flex;
		flex-wrap: wrap;
}
.works .box div {
		width: 31.3%;
		margin: 2.5% 1%;
}
.works .box p {
		margin: 0;
}
.works .box p::before {
		content: '';
		display: inline-block;
		width: 5px;
		height: 1.2em;
		background: #387146;
		margin-right: 0.4rem;
		transform: translateY(20%);
		border-radius: 5px;
}
.works .box img {
		max-width: 100%;
}
/*about company*/
.wel_bg {
		background-color: rgba(255, 255, 255, 0.9);
}
.wel_bg p {
		margin: 0;
}
.wel_name {
		text-align: right;
		margin-top: 4% !important;
}
.wel_inner {
		background: url(../img/welbg.jpg);
		background-size: cover;
		background-position: right 35% bottom 45%;
		width: 100%;
}
.wel_inner .wel_text {
		width: 50%;
		margin: 0 17% 0 0;
		padding: 3.5rem;
}
.company_table {
		width: 100%;
		table-layout: fixed;
		border-collapse: collapse;
		font-weight: normal;
}
.company_table tr {
		border: 1px solid #BFC5CA;
}
.company_table th {
		background: #387146;
		color: #fff;
		width: 30%;
		border-right: 1px solid #BFC5CA;
}
.company_table th, .company_table td {
		padding: 15px 0;
}
.company_table td {
		padding-left: 10px;
}
.company_table td .fas {
		color: #3c9d9b;
}
.company_table td {
		background: #fff;
		width: 70%;
		border-right: 1px solid #BFC5CA;
		border-left: 1px solid #BFC5CA;
}
@media screen and (max-width: 900px) {
		.wel_inner .wel_text {
				padding: 2rem;
		}
}
/*contact*/
.mailform {
		margin: 0 auto;
		max-width: 960px;
}
.mailform .row {
		padding: 20px 0;
		display: flex;
		justify-content: space-between;
}
.mailform .row:not(.last) {
		border-bottom: 1px solid #BFC5CA;
}
.mailform .row div {
		text-align: left;
}
.mailform .row div:nth-child(1) {
		width: 28%;
		font-weight: 500;
		font-size: 0.9rem;
}
.mailform .row div:nth-child(2) {
		width: 70%;
		line-height: 1.5;
}
.mailform .row span {
		color: #fff;
		background: #dd605e;
		padding: 5px;
		margin-right: 5px;
		font-size: 11px;
		border-radius: 2px;
		font-weight: 500;
}
.mailform .row small {
		display: block;
		margin-top: 3px;
}
.mailform label {
		color: #fff;
}
.mailform .box, .mailform textarea {
		border: 1px solid #ddd;
		padding: 5px;
		width: 100% !important;
		border-radius: 0;
		-webkit-appearance: none;
		margin-bottom: 5px;
		background: #fff;
}
.mailform button {
		display: block;
		text-align: center;
		font-size: 1rem;
		font-weight: 500;
		padding: 8px 5px;
		margin: 0 auto;
}
.mailform button {
		white-space: nowrap;
		border: 2px solid #387146;
		color: #387146;
		background: #fff;
		font-weight: 400;
		padding: 2% 8%;
		border-radius: 4px;
		transition: .4s;
}
.mailform button:hover {
		background-color: #387146;
		color: #FFF;
		opacity: 1;
}
.mailform button::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0e0";
		font-weight: 700;
		margin-right: 10px;
}
@media (max-width: 800px) {
		.mailform .row {
				padding: 20px 0;
				flex-direction: column;
		}
		.mailform .row div:nth-child(1) {
				width: 100%;
				margin-bottom: 20px;
		}
		.mailform .row div:nth-child(2) {
				width: 100%;
		}
}
.acd-check {
		display: none;
}
.acd-label {
		background: #387146;
		color: #fff;
		display: block;
		padding: 10px;
		position: relative;
		cursor: pointer;
}
.acd-label:after {
		content: '+';
		display: block;
		height: 52px;
		padding: 10px 20px;
		position: absolute;
		right: 0;
		top: 0px;
}
.acd-content {
		display: block;
		height: 0;
		opacity: 0;
		transition: .5s;
		visibility: hidden;
}
.acd-content p {
		text-align: left;
		background: #f0fff4;
		margin: 0;
		padding: 0.5rem 2rem;
}
.acd-check:checked + .acd-label:after {
		content: '−';
}
.acd-check:checked + .acd-label + .acd-content {
		height: auto;
		opacity: 1;
		visibility: visible;
}
/*戻るボタン*/
.gotop {
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		box-sizing: border-box;
		background: #3c9d9b;
		padding-top: 30px;
		text-align: center;
		letter-spacing: -1px;
		font-size: 85%;
		text-decoration: none;
		opacity: 0.7;
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 10000;
}
.gotop::before {
		content: "";
		display: block;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		width: 25%;
		height: 25%;
		top: 40%;
		left: 0;
		right: 0;
		margin: auto;
		position: absolute;
		transform: rotate(-45deg);
}
.gotop:hover {
		opacity: 1;
		background: #387146;
}
@media(max-width:750px) {
		.gotop {
				width: 40px;
				height: 40px;
				text-indent: -9999px;
				opacity: 0.8;
				bottom: 20px;
				right: 10px;
				background: #387146;
		}
		.gotop::before {
				bottom: 10px;
				color: #fff;
		}
}
/*下層ページレスポンシブ*/
@media screen and (max-width: 750px) {
		.works .box div {
				width: 48%;
		}
		.wel_bg {
				background-color: #fff;
		}
		.wel_inner .wel_text {
				width: 100%;
				margin: 0;
				padding: 2rem;
		}
		.b_inner .b_text {
				width: 100%;
				margin: 0;
				padding: 2rem;
		}
}
@media screen and (max-width: 500px) {
		.visual_text {
				font-size: 1.5rem;
		}
		.works .box {
				display: block;
		}
		.works .box div {
				width: 100%;
				margin: 8% auto;
		}
}