@charset "utf-8";
/* CSS Document */

/*--------------------------------------
	基本設定
----------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serif {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}
a:link {
	text-decoration: none;
}
li {
	list-style: none;
}
p {
	text-align: justify;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
}

/*--------------------------------------
	SP
----------------------------------------*/
@media only screen and (max-width:1119px) {
	/*--------------------
		BASE
	--------------------*/
	body {
		width: 100%;
		overflow: hidden;
		background: url(../img/common/dot.png) repeat-y left 10% center;
		background-size: auto;
	}

	/*--------------------
		COMMON
	--------------------*/

	/*--------------------
		HEADER
	--------------------*/

	/*--------------------
		NAVIGATION
	--------------------*/
	.menu-btn {
		top: 2%!important;
	}
	.drawer-menu {
		width: 250px!important;
		padding: 50px 0!important;
	}
	.close-menu {
		right: 250px!important;
	}

	/*--------------------
		MAIN
	--------------------*/
	.bgsw {
		height: 100vh;
		overflow: hidden;
		background-position: center center;
		background-size: cover;
	}
	.filter {
		height: 100%;
		background: url(../img/common/filter.png);
		position: relative;
	}
	.base {
		position: relative;
	}
	h1 {
		font-family: 'Roboto', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0.1em;
		position: absolute;
		top: calc(50vh - 64.5px);
		left: calc(50% - 145.64px);
	}
	h1:before {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #fff;
		margin: 0 0 -35px -285px;
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		transform: rotate(-60deg);
	}
	h1:after {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #000;
		margin: 66px 0 0 -227px;
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		transform: rotate(60deg);
	}
	h1 a {
		display: inline-block;
		color: #fff;
	}
	h1 a span {
		color: #000;
	}
	.scroll {
		position: absolute;
		right: 2%;
		bottom: 2%;
	}

	/*--------------------
		GREETING
	--------------------*/
	#greeting {
		padding-top: 80px;
		position: relative;
		margin-bottom: 114px;
	}
	.parallax {
		width: 90%;
		height: 300px;
		background: url(../img/top/concept_bg.png) no-repeat right top;
		background-size: cover;
		position: absolute;
		top: 100px;
		right: 10%;
		z-index: -1;
	}
	#greeting .box {
		background: rgba(255, 255, 255, 0.8);
		padding: 40px;
		margin-top: 100px;
		position: relative;
	}
	#greeting .box h2 {
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin-bottom: 18px;
	}
	#greeting .box h2:before {
		content: '';
		display: block;
		width: 40px;
		height: 1px;
		background: #fff;
		margin: 0 0 -15px -50px;
	}
	#greeting .box p {
		line-height: 2em;
		position: relative;
		z-index: 1;
	}
	#greeting .arrow {
		font-weight: bold;
		position: absolute;
		bottom: -35px;
		right: 2%;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#greeting .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #000;
		opacity: 0.4;
		margin: 0 0 -23px -233px;
	}
	#greeting .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #000;
		opacity: 0.4;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#greeting .arrow a {
		color: #000;
		font-size: 12px;
		letter-spacing: 0.2em;
	}

	/*--------------------
		BUSINESS
	--------------------*/
	.business {
		position: relative;
	}
	.business a {
		float: right;
		display: block;
		width: 90%;
		height: 150px;
		background: #333;
		border: 1px solid #333;
		box-sizing: border-box;
	}
	.business h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 63px 0 1px;
	}
	.business h2:before {
		content: '';
		display: block;
		width: 40px;
		height: 1px;
		background: #fff;
		margin-bottom: -15px;
		margin-left: calc(50% - 130px);
	}
	.business p {
		text-align: center;
		color: #fff;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	.business img {
		position: absolute;
		top: 25px;
		right: 10%;
		opacity: 0.4;
	}

	/*--------------------
		ENVIRONMENT
	--------------------*/
	.environment {
		position: relative;
	}
	.environment a {
		display: block;
		width: 90%;
		height: 150px;
		background: #fff;
		border: 1px solid #333;
		box-sizing: border-box;
	}
	.environment h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #000;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 63px 0 1px;
	}
	.environment h2:before {
		content: '';
		display: block;
		width: 40px;
		height: 1px;
		background: #000;
		margin-bottom: -15px;
		margin-left: calc(50% - 170px);
	}
	.environment p {
		text-align: center;
		color: #000;
		font-size: 15px;
		letter-spacing: 0.2em;
	}
	.environment img {
		position: absolute;
		top: 25px;
		left: 10%;
		opacity: 0.4;
	}

	/*--------------------
		WORKS
	--------------------*/
	.works {
		margin: 80px auto 189px;
		position: relative;
	}
	.works h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.works h2:after {
		content: '';
		display: block;
		width: 1px;
		height: 40px;
		background: #000;
		margin: 10px auto 0;
	}
	.works .inner {
		max-width: 636px;
		margin: 0 auto;
	}
	.works dl {
		width: 250px;
	}
	.works dl:nth-child(1) {
		float: left;
		margin: 20px 0 0 5%
	}
	.works dl:nth-child(2) {
		float: right;
		margin: 20px 5% 0 0; 
	}
	.works dl:nth-child(n+3) {
		display: none;
	}
	.works dl:nth-child(4) {
		margin-top: 150px;
	}
	.works dt {
		width: 250px;
		height: 180px;
	}
	.works dt img {
		object-fit: cover;
		width: 250px;
		height: 180px;
	}
	.works dd {
		text-align: center;
	}
	.works .date {
		color: #666;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin: 10px 0 20px;
	}
	.works .ttl {
		height: 14px;
		overflow: hidden;
		color: #333;
		font-size: 14px;
		font-weight: bold;
	}
	.works .arrow {
		position: absolute;
		bottom: -84px;
		right: 2%;
	}
	.works .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #000;
		margin: 0 0 -23px -233px;
	}
	.works .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #000;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.works .arrow a {
		color: #000;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.2em;
	}

	/*--------------------
		COMPANY
	--------------------*/
	.company {
		width: 100%;
		overflow: hidden;
	}
	.map {
		height: 300px;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
		margin-left: -100%;
	}
	.info {
		height: 240px;
		background: rgba(51, 51, 51, 0.8);
		padding-top: 60px;
		margin-top: -300px;
		position: relative;
		z-index: 1;
	}
	.info h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 0 0 34px -95px;
	}
	.info h2:before {
		content: '';
		display: block;
		width: 40px;
		height: 1px;
		background: #000;
		margin-bottom: -15px;
		margin-left: calc(50% - 132px);
	}
	.info p {
		width: 255px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		line-height: 2.5em;
		letter-spacing: 0.1em;
		margin: 0 auto;
	}
	.info p a {
		text-decoration: underline;
		color: #fff;
	}
	.info .arrow {
		position: absolute;
		bottom: 20px;
		right: 2%;
		z-index: -1;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.info .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #fff;
		opacity: 0.5;
		margin: 0 0 -23px -233px;
	}
	.info .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #fff;
		opacity: 0.5;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.info .arrow a {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.2em;
	}

	/*--------------------
		NEWS
	--------------------*/
	.news {
		max-width: 960px;
		margin: 80px auto 110px;
		position: relative;
	}
	.w-line {
		height: 350px;
		background: url(../img/top/news_bg.png) no-repeat center center;
		background-size: cover;
	}
	.news h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		padding-top: 36px;
	}
	.news h2:after {
		content: '';
		display: block;
		width: 1px;
		height: 40px;
		background: #000;
		margin: 20px auto 0;
		position: relative;
		z-index: 1;
	}
	.belt {
		height: 95px;
		background: #fff;
		padding: 55px 2% 0;
		margin-top: -26px;
	}
	.belt dl {
		max-width: 560px;
		height: 14px;
		overflow: hidden;
		font-size: 14px;
		letter-spacing: 0.1em;
		margin: 0 auto 12px
	}
	.belt dt {
		float: left;
		color: #333;
		font-weight: bold;
		margin-right: 30px;
	}
	.belt dd {
		font-weight: 500;
	}
	.belt dd a {
		text-decoration: underline;
		color: #333;
	}
	.news .arrow {
		position: absolute;
		bottom: -5px;
		right: 2%;
	}
	.news .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #000;
		margin: 0 0 -23px -233px;
	}
	.news .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #000;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.news .arrow a {
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.2em;
	}

	/*--------------------
		FOOTER
	--------------------*/
	#global-footer {
		overflow: hidden;
		background: #000;
		padding-top: 93px;
		position: relative;
	}
	#global-footer .inner {
		position: relative;
	}
	.logo {
		font-family: 'Roboto', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0.1em;
		position: absolute;
		top: 0;
		left: calc(50% - 145.64px);
		z-index: 2;
	}
	.logo:before {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #fff;
		margin: 0 0 -35px -285px;
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		transform: rotate(-60deg);
		opacity: 0.6;
	}
	.logo:after {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #fff;
		margin: 66px 0 0 -227px;
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		transform: rotate(60deg);
		opacity: 0.6;
	}
	.logo a {
		color: #fff;
	}
	.logo a span {
		color: #333;
	}
	.f-info {
		padding-top: 140px;
		position: relative;
		z-index: 1;
	}
	.f-info p {
		text-align: center;
		color: #fff;
		line-height: 2em;
	}
	.f-info p span {
		font-weight: bold;
	}
	.f-info a {
		text-decoration: underline;
		color: #fff;
	}
	#global-footer ul {
		width: 318px;
		margin: 30px auto 0;
		position: relative;
		z-index: 1;
	}
	#global-footer ul li {
		float: left;
		font-size: 14px;
		font-weight: bold;
	}
	#global-footer ul li:after {
		content: '-';
		color: #fff;
		margin: 0 7.5px;
	}
	#global-footer ul li:last-child:after {
		display: none;
	}
	#global-footer ul li a {
		text-decoration: underline;
		color: #fff;
	}
	.go2top {
		position: absolute;
		top: 4%;
		right: 2%;
		z-index: 3;
	}
	.copy {
		text-align: center;
		color: #fff;
		font-size: 12px;
		line-height: 40px;
		margin-top: 30px;
		position: relative;
		z-index: 1;
	}
	.copy a {
		color: #fff;
	}


/*
	LOWER
------------------------------*/
	/*--------------------
		BASE
	--------------------*/
	.sub-main {
		height: 320px;
		background: url(../img/common/h2_bg.png) no-repeat center center;
		background-size: cover;
		position: relative;
	}
	.sub-main .base {
		height: 320px;
		overflow: hidden;
	}
	.sub-main h1 {
		top: 125.5px;
	}
	.sub-main h2 {
		width: 80%;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #000;
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 0.1em;
		padding: 25px 0 5px;
		border-bottom: 1px solid #000;
		margin: 0 auto;
	}
	.lower {
		max-width: 700px;
		padding: 0 5px;
		margin: 95px auto 80px;
	}
	h3 {
		background: #000;
		color: #fff;
		line-height: 1.2em;
		padding: 5px 10px;
		border-left: 10px double #fff;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.lower-box {
		padding: 0 5px;
		margin-bottom: 50px;
	}
	h4 {
		color: #333;
		font-size: 15px;
		line-height: 1.2em;
		padding: 5px 0;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 10px;
	}
	h4 i {
		color: #666;
	}

	/*--------------------
		COMMON
	--------------------*/
	i {
		margin-right: 5px;
	}

	/*--------------------
		CONCEPT
	--------------------*/
	#concept img {
		margin: 0 auto 20px;
	}

	/*--------------------
		BUSINESS
	--------------------*/
	#business img {
		margin: 0 auto 20px;
	}

	/*--------------------
		ENVIRONMENT
	--------------------*/
	.e-img {
		object-fit: cover;
		width: 300px;
		height: 200px;
		margin: 0 auto 20px;
	}
	#environment dl {
		float: left;
		width: 32.5%;
	}
	#environment dl:nth-child(5n-1) {
		clear: left;
	}
	#environment dl:nth-child(n+4) {
		margin-top: 20px;
	}
	#environment dl:nth-child(3n-1) {
		margin: 20px 1.25% 0;
	}
	#environment dl:nth-child(2) {
		margin-top: 0;
	}
	#environment dt {
		margin-bottom: 5px;
	}
	#environment dd {
		color: #333;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
	}

	/*--------------------
		WORKS
	--------------------*/
	#works .inner {
		max-width: 542px;
		margin: 0 auto;
	}
	.cap {
		float: left;
		width: 48%;
		max-width: 260px;
		margin: 25px 1% 0;
	}
	.cap:nth-child(-n+2) {
		margin: 0 1%;
	}
	.cap dt {
		width: 100%;
		overflow: hidden;
	}
	.cap dt img {
		object-fit: cover;
		height: 170px;
	}
	.cap dd {
		text-align: justify;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		margin-top: 5px;
	}
	.det {
		float: left;
		width: 48%;
		margin: 1%;
	}
	.det:nth-child(2n+1) {
		clear: both;
	}
	.det dd {
		text-align: justify;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		margin-top: 5px;
	}

	/*--------------------
		FAQ
	--------------------*/

	/*--------------------
		VOICE
	--------------------*/

	/*--------------------
		COMPANY
	--------------------*/
	#company table {
		width: 100%;
		max-width: 560px;
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
		font-size: 15px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		margin: 0 auto;
	}
	#company th {
		width: 30%;
		vertical-align: middle;
		padding: 10px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#company td {
		vertical-align: middle;
		font-weight: 500;
		padding: 10px 10px 10px 15px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#company a {
		text-decoration: underline;
		color: #fff;
	}
	#company span {
		color: #f00;
	}

	/*--------------------
		NEWS
	--------------------*/
	#news .date {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	#news .date time {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#news .date time i {
		color: #000;
	}
	#news img {
		width: auto;
	}
	#news .news-txt {
		max-height: 63px;
		overflow: hidden;
	}
	#news .news-txt img {
		display: none;
	}
	.more {
		float: right;
		width: 150px;
		margin-top: 25px;
	}
	.more p {
		text-align: center;
		line-height: 30px;
	}
	.more a {
		display: block;
		background: rgba(0, 0, 0, 0);
		color: #000;
		border: 2px solid #000;
		border-radius: 5px;
	}

	/*--------------------
		BLOG
	--------------------*/
	#blog .date {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	#blog .date time {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#blog .date time i {
		color: #000;
	}
	#blog img {
		width: auto;
	}
	#blog .blog-txt {
		max-height: 63px;
		overflow: hidden;
	}
	#blog .blog-txt img {
		display: none;
	}

	/*--------------------
		CONTACT
	--------------------*/
	#contact table {
		width: 100%;
		max-width: 600px;
		background: rgba(0, 0, 0, 0.4);
		font-size: 14px;
		line-height: 1.5em;
		margin: 0 auto;
	}
	#contact th {
		width: 38%;
		color: #fff;
		vertical-align: middle;
		padding: 10px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#contact td {
		color: #fff;
		vertical-align: middle;
		padding: 10px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}

	/*--------------------
		SITE
	--------------------*/
	#site li {
		font-size: 15px;
		font-weight: 500;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		padding: 5px;
		border-bottom: 1px dashed #ccc;
		margin-top: 10px;
	}
	#site li a {
		color: #333;
	}

	/*--------------------
		PRIVACY
	--------------------*/
	#privacy li {
		text-align: justify;
		text-indent: -0.7em;
		color: #333;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5em;
		padding: 2px 2px 2px 1.6em;
		border-bottom: 1px dotted #ccc;
		margin-top: 5px;
	}
	#privacy li i {
		color: #000;
	}

	/*--------------------
		404
	--------------------*/
	#error a {
		text-decoration: underline;
		color: #000;
		font-weight: bold;
	}


	/*==================================================
		CMS COMMON
	================================================== */
	/*--------------------
		CONTACT
	--------------------*/
	/* INPUT BOX
	----------------------------------------*/
	.input-big,
	.input-mid,
	.input-min {
		padding: 5px;
		box-sizing: border-box;
	}
	.input-big {
		width: 100%;
		line-height: 1.5em;
	}
	.input-mid {
		width: 75%;
	}
	.input-min {
		width: 50px;
	}
	/* REQUIRED
	----------------------------------------*/
	.required-mark {
		padding: 1px 3px;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		line-height: 2em;
		border-radius: 5px;
		background: #f00;
	}
	/* AUTHENTICATION
	----------------------------------------*/
	.captcha-wrap a {
		display: block;
		width: 32px;
		height: 32px;
		margin: 10px 0;
	}
	/* ERROR MESSAGE
	----------------------------------------*/
	.error-text {
		margin: 0 0 5px;
		color: #f00;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
	}
	/* BUTTON
	----------------------------------------*/
	.contact-submits {
		padding: 40px 0 0;
		text-align: center;
	}
	
	.contact-submits input {
		margin: 0 5px;
		padding: 5px;
	}
	/* ERROR
	----------------------------------------*/
	.sec-error-text {
		line-height: 50px;
		text-align: center;
		color: #f00;
		font-size: 16px;
		border: 2px solid #f00;
	}

	/*	PAGINATION
	-------------------------------------------------- */
	.pagination {
		text-align: center;
		color: #999;
		font-size: 0;
		font-weight: bold;
		letter-spacing: 0;
	}
	.pagination li {
		width: 26px;
		margin: 0 2px;
		line-height: 30px;
		font-size: 13px;
		background: rgba(0, 0, 0, 0.4);
		display: inline-block;
	}
	.pagination li > * {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.pagination li:hover,
	.pagination li.current {
		background: #000;
	}

	/* ARCHIVE
	----------------------------------------*/
	.archive {
		max-width: 560px;
		margin: 40px auto 0;
	}
	.archive h3 {
		background: none;
		text-align: center;
		color: #333;
		border: none;
		border-bottom: 3px solid #ccc;
		padding-bottom: 5px;	
		margin-bottom: 10px;
	}
	.archive h3:after {
		display: none;
	}
	.archive h3 i {
		color: #000;
	}
	.archive ul {
		margin: 0 0.5%;
	}
	.archive li {
		float: left;
		width: 33%;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}
	.archive li a {
		text-decoration: underline;
		color: #666;
	}

	/*	PREV and NEXT
	-------------------------------------------------- */
	.prev-next-post {
		overflow: hidden;
	}
	.prev-next-post .prev-post,
	.prev-next-post .next-post {
		width: 100px;
		border: 2px solid #000;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.prev-next-post .prev-post {
		float: left;
	}
	.prev-next-post .next-post {
		float: right;
	}
	.prev-next-post a {
		text-align: center;
		color: #000;
		font-size: 14px;
		font-weight: 500;
		line-height: 30px;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		overflow: hidden;
	}

}


/*--------------------------------------
	PC
----------------------------------------*/
@media only screen and (min-width:1120px) {
	/*--------------------
		BASE
	--------------------*/
	body {
		background: url(../img/common/dot.png) repeat-y left calc(50% - 559px) center;
		background-size: auto;
	}
	.inner {
		width: 1120px;
		margin: 0 auto;
	}
	.tel {
		pointer-events: none;
		cursor: default;
	}

	/*--------------------
		COMMON
	--------------------*/

	/*--------------------
		HEADER
	--------------------*/

	/*--------------------
		NAVIGATION
	--------------------*/

	/*--------------------
		MAIN
	--------------------*/
	.bgsw {
		height: 100vh;
		background-position: center center;
		background-size: cover;
	}
	.filter {
		height: 100%;
		background: url(../img/common/filter.png);
		position: relative;
	}
	.base {
		width: 300px;
		height: 100vh;
		background: rgba(255, 255, 255, 0.8);
		position: relative;
	}
	h1 {
		font-family: 'Roboto', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0.1em;
		position: absolute;
		top: calc(50vh - 64.5px);
		left: 8px;
	}
	h1:before {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #fff;
		margin: 0 0 -35px -285px;
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		transform: rotate(-60deg);
	}
	h1:after {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #000;
		margin: 66px 0 0 -227px;
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		transform: rotate(60deg);
	}
	h1 a {
		display: inline-block;
		color: #000;
	}
	h1 a span {
		color: #fff;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	h1 a:hover span {
		color: #000;
	}
	.scroll {
		position: absolute;
		right: 2%;
		bottom: 4%;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.scroll:hover {
		opacity: 0.6;
	}

	/*--------------------
		GREETING
	--------------------*/
	#greeting {
		padding-top: 100px;
		position: relative;
		margin-bottom: 100px;
	}
	.parallax {
		width: 50%;
		height: 300px;
		background: url(../img/top/concept_bg.png) fixed no-repeat right top;
		background-size: cover;
		position: absolute;
		top: 100px;
		left: 50px;
		z-index: -1;
	}
	#greeting .box {
		width: 835px;
		background: rgba(255, 255, 255, 0.8);
		padding: 50px;
		margin-top: 135px;
		margin-left: calc(50% - 325px);
		position: relative;
	}
	#greeting .box h2 {
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin-bottom: 18px;
	}
	#greeting .box h2:before {
		content: '';
		display: block;
		width: 50px;
		height: 1px;
		background: #fff;
		margin: 0 0 -15px -75px;
	}
	#greeting .box p {
		width: 690px;
		line-height: 2em;
	}
	#greeting .arrow {
		position: absolute;
		top: 188px;
		left: 865px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#greeting .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #000;
		margin: 0 0 -23px -233px;
	}
	#greeting .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #000;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#greeting .arrow a {
		color: #000;
		font-size: 12px;
		letter-spacing: 0.2em;
	}
	#greeting .arrow a:hover {
		font-weight: bold;
	}

	/*--------------------
		BUSINESS
	--------------------*/
	.business {
		position: relative;
	}
	.business a {
		float: right;
		display: block;
		width: 60%;
		height: 150px;
		background: #333;
		border: 1px solid #333;
		box-sizing: border-box;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.business h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 63px 0 1px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.business h2:before {
		content: '';
		display: block;
		width: 50px;
		height: 1px;
		background: #fff;
		margin-bottom: -15px;
		margin-left: calc(50% - 156px);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.business p {
		text-align: center;
		color: #fff;
		font-size: 15px;
		letter-spacing: 0.2em;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.business img {
		position: absolute;
		top: 25px;
		right: 2%;
	}
	.business a:hover {
		background: #fff;
	}
	.business a:hover h2,
	.business a:hover p	{
		color: #000;
	}
	.business a:hover h2:before {
		background: #000;
	}

	/*--------------------
		ENVIRONMENT
	--------------------*/
	.environment {
		margin-top: -1px;
		position: relative;
	}
	.environment a {
		display: block;
		width: 60%;
		height: 150px;
		background: #fff;
		border: 1px solid #333;
		box-sizing: border-box;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.environment h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #000;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 63px 0 1px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.environment h2:before {
		content: '';
		display: block;
		width: 50px;
		height: 1px;
		background: #000;
		margin-bottom: -15px;
		margin-left: calc(50% - 195px);
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.environment p {
		text-align: center;
		color: #000;
		font-size: 15px;
		letter-spacing: 0.2em;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.environment img {
		position: absolute;
		top: 25px;
		left: 2%;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.environment a:hover {
		height: 149px;
		background: #333;
		border-top: 1px solid #fff;
		margin-top: 1px;
	}
	.environment a:hover h2 {
		color: #fff;
		margin: 62px 0 1px;
	}
	.environment a:hover p {
		color: #fff;
	}
	.environment a:hover img {
		margin-top: -1px;
	}
	.environment a:hover h2:before {
		background: #fff;
	}

	/*--------------------
		WORKS
	--------------------*/
	.works {
		margin: 100px auto;
		position: relative;
	}
	.works h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
	}
	.works h2:after {
		content: '';
		display: block;
		width: 1px;
		height: 50px;
		background: #000;
		margin: 20px auto 0;
	}
	.works dl {
		float: left;
		width: 250px;
		margin-left: 40px;
	}
	.works dl:nth-child(1) {
		margin: 0;
	}
	.works dl:nth-child(2) {
		margin-top: 50px;
	}
	.works dl:nth-child(3) {
		margin-top: 100px;
	}
	.works dl:nth-child(4) {
		margin-top: 150px;
	}
	.works dt {
		width: 250px;
		height: 180px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.works dt:hover {
		opacity: 0.8;
	}
	.works dt img {
		object-fit: cover;
		width: 250px;
		height: 180px;
	}
	.works dd {
		text-align: center;
	}
	.works .date {
		color: #666;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.1em;
		margin: 10px 0 20px;
	}
	.works .ttl {
		height: 14px;
		color: #333;
		font-size: 14px;
		font-weight: bold;
	}
	.works .arrow {
		position: absolute;
		top: 118px;
		left: calc(50% + 490px);
	}
	.works .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #000;
		margin: 0 0 -23px -233px;
	}
	.works .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #000;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.works .arrow a {
		color: #000;
		font-size: 12px;
		letter-spacing: 0.2em;
	}
	.works .arrow a:hover {
		font-weight: bold;
	}

	/*--------------------
		COMPANY
	--------------------*/
	.company {
		width: 100%;
		overflow: hidden;
	}
	.map {
		height: 300px;
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.info {
		width: 50%;
		height: 240px;
		background: rgba(51, 51, 51, 0.8);
		padding-top: 60px;
		margin-top: -300px;
		position: relative;
		z-index: 1;
	}
	.info h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		margin: 0 0 34px -95px;
	}
	.info h2:before {
		content: '';
		display: block;
		width: 50px;
		height: 1px;
		background: #000;
		margin-bottom: -15px;
		margin-left: calc(50% - 157px);
	}
	.info p {
		width: 255px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		line-height: 2.5em;
		letter-spacing: 0.1em;
		margin: 0 auto;
	}
	.info p a {
		color: #fff;
	}
	.info .arrow {
		position: absolute;
		top: 225px;
		right: 40px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.info .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #fff;
		margin: 0 0 -23px -233px;
	}
	.info .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #fff;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.info .arrow a {
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.2em;
	}
	.info .arrow a:hover {
		font-weight: bold;
	}

	/*--------------------
		NEWS
	--------------------*/
	.news {
		width: 960px;
		margin: 100px auto 195px;
		position: relative;
	}
	.w-line {
		height: 350px;
		background: url(../img/top/news_bg.png) fixed no-repeat center center;
		background-size: cover;
	}
	.news h2 {
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.1em;
		padding-top: 36px;
	}
	.news h2:after {
		content: '';
		display: block;
		width: 1px;
		height: 50px;
		background: #000;
		margin: 20px auto 0;
		position: relative;
		z-index: 1;
	}
	.belt {
		height: 95px;
		background: #fff;
		padding-top: 55px;
		margin-top: -36px;
	}
	.belt dl {
		width: 560px;
		height: 14px;
		font-size: 14px;
		letter-spacing: 0.1em;
		margin: 0 auto 12px
	}
	.belt dt {
		float: left;
		color: #333;
		font-weight: bold;
		margin-right: 30px;
	}
	.belt dd {
		font-weight: 500;
	}
	.belt dd a {
		text-decoration: underline;
		color: #333;
	}
	.belt dd a:hover {
		text-decoration: none;
	}
	.news .arrow {
		position: absolute;
		top: 393px;
		left: calc(50% + 490px);
	}
	.news .arrow:before {
		content: '';
		display: block;
		width: 300px;
		height: 1px;
		background: #000;
		margin: 0 0 -23px -233px;
	}
	.news .arrow:after {
		content: '';
		display: block;
		width: 72px;
		height: 1px;
		background: #000;
		margin: 31px 0 0 7px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.news .arrow a {
		color: #000;
		font-size: 12px;
		letter-spacing: 0.2em;
	}
	.news .arrow a:hover {
		font-weight: bold;
	}

	/*--------------------
		FOOTER
	--------------------*/
	#global-footer {
		height: 207px;
		overflow: hidden;
		background: #000;
		padding-top: 93px;
		position: relative;
	}
	#global-footer .inner {
		position: relative;
	}
	.logo {
		font-family: 'Roboto', sans-serif;
		font-size: 36px;
		font-weight: 500;
		line-height: 1.2em;
		letter-spacing: 0.1em;
		position: absolute;
		top: 0;
		left: 0;
	}
	.logo:before {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #fff;
		margin: 0 0 -35px -285px;
		-webkit-transform: rotate(-60deg);
		-moz-transform: rotate(-60deg);
		transform: rotate(-60deg);
	}
	.logo:after {
		content: '';
		display: block;
		width: 500px;
		height: 1px;
		background: #fff;
		margin: 66px 0 0 -227px;
		-webkit-transform: rotate(60deg);
		-moz-transform: rotate(60deg);
		transform: rotate(60deg);
	}
	.logo a {
		display: inline-block;
		color: #fff;
	}
	.logo a span {
		color: #333;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.logo a:hover span {
		color: #fff;
	}
	.f-info p {
		color: #fff;
		line-height: 2em;
		margin-left: 415px;
	}
	.f-info p span {
		font-weight: bold;
	}
	.f-info a {
		color: #fff;
	}
	#global-footer ul {
		float: right;
		margin-top: 10px;
	}
	#global-footer ul li {
		float: left;
		font-size: 14px;
		font-weight: bold;
	}
	#global-footer ul li:after {
		content: '-';
		color: #fff;
		margin: 0 15px;
	}
	#global-footer ul li:last-child:after {
		display: none;
	}
	#global-footer ul li a {
		text-decoration: underline;
		color: #fff;
	}
	#global-footer ul li a:hover {
		text-decoration: none;
	}
	.go2top {
		position: absolute;
		top: 50px;
		right: 2%;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.go2top:hover {
		opacity: 0.6;
	}
	.copy {
		text-align: center;
		color: #fff;
		font-size: 12px;
		letter-spacing: 0.1em;
		margin-top: 71px;
	}
	.copy a {
		color: #fff;
	}
	.copy a:hover {
		text-decoration: underline;
	}


/*
	LOWER
------------------------------*/
	/*--------------------
		BASE
	--------------------*/
	.sub-main {
		overflow: hidden;
		background: url(../img/common/h2_bg.png) no-repeat center center;
		background-size: cover;
	}
	.sub-main .base {
		float: left;
		height: 400px;
	}
	.sub-main h1 {
		top: 135.5px;
	}
	.sub-main h2 {
		float: right;
		width: 50%;
		text-align: center;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-size: 54px;
		font-weight: 500;
		line-height: 400px;
		letter-spacing: 0.1em;
		-webkit-text-shadow: 0px 0px 5px #000;
		-moz-text-shadow: 0px 0px 5px #000;
		text-shadow: 0px 0px 5px #000;
		-webkit-filter: drop-shadow(0px 0px 5px #000);
		-moz-filter: drop-shadow(0px 0px 5px #000);
		filter: drop-shadow(0px 0px 5px #000);
	}
	.lower {
		width: 1120px;
		margin: 100px auto;
	}
	h3 {
		background: #000;
		color: #fff;
		font-size: 18px;
		line-height: 1.2em;
		padding: 5px 10px;
		border-left: 10px double #fff;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	.lower-box {
		padding: 0 5px;
		margin-bottom: 50px;
	}
	h4 {
		color: #333;
		font-size: 15px;
		line-height: 1.2em;
		padding: 5px 0;
		border-bottom: 1px dashed #ccc;
		margin-bottom: 10px;
	}
	h4 i {
		color: #666;
	}

	/*--------------------
		COMMON
	--------------------*/
	i {
		margin-right: 5px;
	}

	/*--------------------
		CONCEPT
	--------------------*/
	#concept img {
		float: left;
		object-fit: cover;
		width: 300px;
		height: 200px;
		margin-right: 20px;
	}

	/*--------------------
		BUSINESS
	--------------------*/
	#business img {
		float: right;
		object-fit: cover;
		width: 300px;
		height: 200px;
		margin-left: 20px;
	}

	/*--------------------
		ENVIRONMENT
	--------------------*/
	.e-img {
		float: left;
		object-fit: cover;
		width: 300px;
		height: 200px;
		margin-right: 20px;
	}
	#environment dl {
		float: left;
		width: 250px;
		margin: 0 13.75px;
	}
	#environment dl:nth-child(6n-1) {
		clear: left;
	}
	#environment dl:nth-child(n+5) {
		margin-top: 20px;
	}
	#environment dt {
		width: 250px;
		height: 180px;
		margin-bottom: 5px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	#environment dt:hover {
		opacity: 0.8;
	}
	#environment dt img {
		object-fit: cover;
		width: 250px;
		height: 180px;
	}
	#environment dd {
		color: #333;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
	}

	/*--------------------
		WORKS
	--------------------*/
	#works .lower-box {
		padding: 0;
	}
	.cap {
		float: left;
		width: 260px;
		margin: 0 10px;
	}
	.cap:nth-child(4n+1) {
		clear: both;
	}
	.cap:nth-child(n+5) {
		margin: 15px 10px 0;
	}
	.cap dt {
		width: 260px;
		height: 170px;
		overflow: hidden;
	}
	.cap dt:hover {
		opacity: 0.8;
	}
	.cap dt img {
		object-fit: cover;
		width: 260px;
		height: 170px;
	}
	.cap dd {
		text-align: justify;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
		margin-top: 5px;
	}
	.det {
		float: left;
		width: 260px;
		margin: 0 10px;
	}
	.det dt {
		width: 260px;
		height: 170px;
		overflow: hidden;
	}
	.det dt:hover {
		opacity: 0.8;
	}
	.det dt img {
		object-fit: cover;
		width: 260px;
		height: 170px;
	}
	.det dd {
		text-align: justify;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
		margin-top: 5px;
	}

	/*--------------------
		FAQ
	--------------------*/

	/*--------------------
		VOICE
	--------------------*/

	/*--------------------
		COMPANY
	--------------------*/
	#company table {
		width: 700px;
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
		font-size: 15px;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		margin: 0 auto;
	}
	#company th {
		width: 30%;
		vertical-align: middle;
		padding: 15px 20px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#company td {
		vertical-align: middle;
		font-weight: 500;
		padding: 15px 20px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#company a {
		color: #fff;
	}
	#company span {
		color: #f00;
	}
	#company br {
		display: none;
	}

	/*--------------------
		NEWS
	--------------------*/
	#news .date {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	#news .date time {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#news .date time i {
		color: #000;
	}
	.news-txt {
		max-height: 63px;
		overflow: hidden;
	}
	.news-txt img {
		display: none;
	}
	.more {
		float: right;
		width: 150px;
		margin-top: 20px;
	}
	.more p {
		text-align: center;
		line-height: 30px;
	}
	.more a {
		display: block;
		background: rgba(0, 0, 0, 0);
		color: #000;
		border: 2px solid #000;
		border-radius: 5px;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.more a:hover {
		background: rgba(0, 0, 0, 1);
		color: #fff;
	}

	/*--------------------
		BLOG
	--------------------*/
	#blog .date {
		padding: 0 5px;
		margin-bottom: 15px;
	}
	#blog .date time {
		color: #666;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	#blog .date time i {
		color: #000;
	}
	.blog-txt {
		max-height: 63px;
		overflow: hidden;
	}
	.blog-txt img {
		display: none;
	}

	/*--------------------
		CONTACT
	--------------------*/
	#contact table {
		width: 100%;
		max-width: 960px;
		background: rgba(0, 0, 0, 0.4);
		line-height: 1.5em;
		margin: 0 auto;
	}
	#contact th {
		width: 35%;
		text-align: left;
		color: #fff;
		vertical-align: middle;
		padding: 15px 20px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#contact td {
		color: #fff;
		vertical-align: middle;
		padding: 15px 20px;
		border: 2px solid #fff;
		box-sizing: border-box;
	}
	#contact th br {
		display: none;
	}

	/*--------------------
		SITE MAP
	--------------------*/
	#site li {
		font-size: 15px;
		font-weight: 500;
		line-height: 1.5em;
		letter-spacing: 0.1em;
		padding: 5px;
		border-bottom: 1px dashed #ccc;
		margin-top: 10px;
	}
	#site li a {
		color: #333;
	}
	#site li a:hover {
		text-decoration: underline;
	}

	/*--------------------
		PRIVACY POLICY
	--------------------*/
	#privacy li {
		color: #333;
		font-size: 14px;
		font-weight: 500;
		line-height: 1.5em;
		padding: 5px;
		border-bottom: 1px dotted #ccc;
		margin-top: 5px;
	}
	#privacy li i {
		color: #000;
	}

	/*--------------------
		404
	--------------------*/
	#error a {
		text-decoration: underline;
		color: #000;
		font-weight: bold;
	}
	#error a:hover {
		text-decoration: none;
	}


	/*==================================================
		CMS COMMON
	================================================== */
	/*--------------------
		CONTACT
	--------------------*/
	/* INPUT BOX
	----------------------------------------*/
	.input-big,
	.input-mid,
	.input-min {
		padding: 5px;
		box-sizing: border-box;
	}
	.input-big {
		width: 100%;
		max-width: 581px;
		line-height: 1.5em;
	}
	.input-mid {
		width: 70%;
	}
	.input-min {
		width: 50px;
	}
	/* REQUIRED
	----------------------------------------*/
	.required-mark {
		padding: 1px 3px;
		color: #fff;
		font-size: 12px;
		font-weight: normal;
		border-radius: 3px;
		background: #f00;
	}
	/* AUTHENTICATION
	----------------------------------------*/
	.captcha-wrap a {
		display: block;
		width: 32px;
		height: 32px;
		margin: 10px 0;
	}
	/* ERROR MESSAGE
	----------------------------------------*/
	.error-text {
		margin: 0 0 5px;
		color: #f00;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}
	/* BUTTON
	----------------------------------------*/
	.contact-submits {
		padding: 40px 0 0;
		text-align: center;
	}
	
	.contact-submits input {
		margin: 0 5px;
		padding: 5px;
	}
	/* ERROR
	----------------------------------------*/
	.sec-error-text {
		line-height: 50px;
		text-align: center;
		color: #f00;
		font-size: 16px;
		border: 2px solid #f00;
	}

	/*	PAGINATION
	-------------------------------------------------- */
	.pagination {
		text-align: center;
		color: #fff;
		font-size: 0;
		font-weight: bold;
		letter-spacing: 0;
		
	}
	.pagination li {
		width: 26px;
		margin: 0 2px;
		line-height: 30px;
		font-size: 13px;
		background: rgba(0, 0, 0, 0.4);
		display: inline-block;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.pagination li > * {
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.pagination li:hover,
	.pagination li.current {
		background: #000;
		
	}

	/* ARCHIVE
	----------------------------------------*/
	.archive {
		max-width: 560px;
		margin: 40px auto 0;
	}
	.archive h3 {
		background: none;
		text-align: center;
		color: #333;
		border: none;
		border-bottom: 2px solid #ccc;
		padding-bottom: 5px;	
		margin-bottom: 10px;
	}
	.lower .archive h3:after {
		display: none;
	}
	.archive h3 i {
		color: #000;
	}
	.archive ul {
		margin: 0 0.5%;
	}
	.archive li {
		float: left;
		width: 33%;
		text-align: center;
		font-size: 14px;
		margin-top: 10px;
	}
	.archive li a {
		color: #666;
	}
	.archive li a:hover {
		text-decoration: underline;
	}

	/*	PREV and NEXT
	-------------------------------------------------- */
	.prev-next-post {
		overflow: hidden;
	}
	.prev-next-post .prev-post,
	.prev-next-post .next-post {
		width: calc(50% - 400px);
		border: 2px solid #000;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.prev-next-post .prev-post {
		float: left;
	}
	.prev-next-post .next-post {
		float: right;
	}
	.prev-next-post a {
		text-align: center;
		color: #333;
		font-size: 14px;
		font-weight: 500;
		line-height: 30px;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		overflow: hidden;
		-webkit-transition: .5s;
		-moz-transition: .5s;
		transition: .5s;
	}
	.prev-next-post a:hover {
		color: #fff;
		background-color: #000;
	}

}