@charset "utf-8";

/* Base Start */

* {
  margin:0;
  padding:0;
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,textarea {
	display:block;
}

img {
  border:0;
  vertical-align:top;
}

em,address {
	font-style:normal;
}

body {
	color:#000;
	font-family:'小塚明朝 Pro','Kozuka Mincho Pro',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size:100%;
	text-align:center;
}

.eng {
	font-family:Futura, sans-serif;
}

a {
	color:#000;
	text-decoration:none;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

#anc-wrapper {
	width:100%;
	overflow:hidden;
}

/* Base End */

/* Clearfix Start */

.clearfix::after {
	content:"";
	display:block;
	clear:both;
}

/* Clearfix End */

/* Header Start */

#upper {}

#header {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
	margin-bottom:1px;
	height:101px;
}

#header strong {
	display:block;
	margin-right:auto;
	padding-left:28px;
	width:auto;
}

#pc-navi {}

#pc-navi ul {
	display:-webkit-flex;
	display:flex;
	list-style-type:none;
	height:101px;
}

#pc-navi ul li a {
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	padding:0 27px;
	height:100%;
	line-height:14px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#pc-navi ul li a:hover,
#pc-navi ul li.current a,
#pc-navi ul li.current a:hover {
	color:#999;
}

#pc-navi ul li a:hover::after,
#pc-navi ul li.current a::after,
#pc-navi ul li.current a:hover::after {
	position:absolute;
	left:calc(50% - 5px);
	bottom:20px;
	display:block;
	background:url(../common_images/bg_gnavi_arrow.png) no-repeat;
	background-size:10px 7px;
	width:10px;
	height:7px;
	content:""
}

#pc-navi ul li:last-child a {
	padding:0 34px;
	background-color:#000;
	color:#fff;
}

#pc-navi ul li:last-child a:hover,
#pc-navi ul li:last-child.current a,
#pc-navi ul li:last-child.current a:hover {
	background-color:#999;
}

#pc-navi ul li:last-child a:hover::after,
#pc-navi ul li:last-child.current a::after,
#pc-navi ul li:last-child.current a:hover::after {
	display:none;
}

#sp-navi {
	display:none;
	margin-bottom:1px;
}

#mv {
	position:relative;
}

#mv img {
	z-index:1;
	width:100%;
	height:auto;
}

#mv section {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#mv section h1 {
	position:absolute;
	right:11.1%;
	top:calc(50% - (3em + 18px));
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	padding-top:6px;
	line-height:36px;
	font-size:23px;
	letter-spacing:6px;
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
	text-align:left;
}

#mv div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#mv div h1 {
	position:absolute;
	left:calc(50% - 33px);
	bottom:-68px;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	background-color:#000;
	width:66px;
	height:250px;
}

#mv div h1 span {
	display:inline-block;
	padding-top:10px;
	color:#fff;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	line-height:30px;
	font-size:30px;
	letter-spacing:10px;
}

#slider {
	margin-top:1px;
}

#slider ul {
	list-style-type:none;
}

#slider ul li {
	margin-right:1px;
}

@media only screen and (max-width : 1069px) {
	#header strong {
		margin:0 auto;
		padding:0;
	}
	
	#pc-navi {
		display:none;
	}
	
	#sp-navi {
		display:block;
	}
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	#mv div h1 {
		left:calc(50% - 28px);
		width:56px;
		height:185px;
	}
	
	#mv div h1 span {
		padding-top:7px;
		line-height:25px;
		font-size:25px;
		letter-spacing:7px;
	}
}

@media only screen and (max-width : 767px) {
	#mv div h1 {
		left:calc(50% - 22px);
		width:44px;
		height:140px;
	}
	
	#mv div h1 span {
		padding-top:5px;
		line-height:20px;
		font-size:20px;
		letter-spacing:5px;
	}
	
	#mv section h1 {
		right:5.7%;
	}
}

/* Header End */

/* Main Start */

#contents {}

.container {
	margin:0 auto;
	width:1052px;
}

.h2-big {
	padding-left:4px;
	line-height:0;
	font-size:0;
	font-weight:normal;
	letter-spacing:4px;
}

.h2-big strong {
	display:block;
	line-height:46px;
	font-size:46px;
}

.h2-big em {
	display:block;
	padding-top:18px;
	line-height:16px;
	font-size:16px;
	font-weight:normal;
}





@media screen and (min-width : 768px) and (max-width : 1069px) {
	.container {
		width:750px;
	}
	
}

@media only screen and (max-width : 767px) {
	.container {
		width:90%;
	}
	
	.h2-big strong span {
		display:block;
	}
}

/* Main End */

/* Footer Start */

#footer {
	padding-top:60px;
}

.foot-inner-wrapper {
	display:-webkit-flex;
	display:flex;
	margin-bottom:-9px;
	width:100%;
}

.logo-address {
	padding:24px 0 0 28px;
	text-align:left;
}

.logo-address address {
	display:block;
	padding-top:16px;
	line-height:19px;
	font-size:14px;
}

.foot-navi {
	padding-top:24px;
	margin-left:auto;
}

.foot-navi ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row-reverse;
	flex-direction:row-reverse;
	list-style-type:none;
}

.foot-navi ul li {
	padding:0 10px;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	line-height:14px;
	font-size:14px;
	text-align:left;
}

.foot-navi ul li a {
	color:#000;
	text-decoration:none;
}

.foot-navi ul li a:hover,
.foot-navi ul li.current a,
.foot-navi ul li.current a:hover {
	color:#999;
}

.crane {
	margin-left:40px;
}

#footer small {
	display:block;
	padding:16px 0;
	background-color:#000;
	color:#fff;
	line-height:10px;
	font-size:10px;
}

@media only screen and (max-width : 1069px) {
	.foot-inner-wrapper {
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.logo-address,
	.foot-navi {
		margin:0 auto;
		padding:0 0 60px 0;
	}
	
	.foot-navi {
		order:-1;
	}
	
	.foot-navi ul {
		-webkit-justify-content:center;
		justify-content:center;
	}
	
	.crane {
		margin:0 auto;
		max-width:90%;
	}
	
	.crane p img {
		max-width:100%;
		height:auto;
	}
}

/* Footer End */

/* Pagetop Button Start */

#pagetop {
	z-index:10;
	position:fixed;
	right:0;
	bottom:53px;
}

#pagetop img {
	border:1px solid #000;
	border-right-width:0;
}

/* Pagetop Button End */

/* Top Page (index.html) Start */

.top-chara {}

.top-chara ul {
	list-style-type:none;
}

.top-chara ul li {
	padding-top:130px;
}

.top-chara ul li dl {
	position:relative;
	width:100%;
	height:auto;
}

.top-chara ul li dl dt {
	z-index:1;
	position:relative;
	width:91%;
}

.top-chara ul li:nth-child(odd) dl dt {
	margin-right:auto;
}

.top-chara ul li:nth-child(even) dl dt {
	margin-left:auto;
}

.top-chara ul li dl dt img {
	z-index:1;
	width:100%;
	height:auto;
}

.top-chara ul li dl dt strong {
	z-index:10;
	position:absolute;
	top:-64px;
	display:block;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	writing-mode:vertical-rl;
	line-height:0;
	font-size:0;
	text-align:left;
}

.top-chara ul li:nth-child(odd) dl dt strong {
	right:-70px;
}

.top-chara ul li:nth-child(even) dl dt strong {
	right:calc(100% - 30px);
}

.top-chara ul li dl dt strong big {
	display:block;
	line-height:84px;
	font-size:64px;
	font-weight:bold;
	letter-spacing:8px;
	text-shadow:0px 0px 5px rgba(255,255,255,.9),0px 0px 5px rgba(255,255,255,.8),0px 0px 5px rgba(255,255,255,.7),0px 0px 10px rgba(255,255,255,.7);
	white-space:nowrap;
}

.top-chara ul li dl dt strong small {
	display:block;
	line-height:16px;
	font-size:16px;
	font-weight:normal;
}

.top-chara ul li dl dd {
	z-index:100;
	position:absolute;
	top:50%;
	box-sizing:border-box;
	padding:68px 36px 52px 36px;
	background-color:rgba(255,255,255,.8);
	width:420px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}

.top-chara ul li:nth-child(odd) dl dd {
	left:0;
}

.top-chara ul li:nth-child(even) dl dd {
	right:0;
}

.top-chara ul li dl dd h2 {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	background-color:#000;
	width:210px;
	height:42px;
}

.top-chara ul li dl dd h2 span {
	display:inline-block;
	padding-left:4px;
	color:#fff;
	line-height:16px;
	font-size:16px;
	letter-spacing:4px;
}

.top-chara ul li dl dd p {
	padding:28px 0 12px 0;
	line-height:20px;
	font-size:14px;
}

.top-chara ul li dl dd em {
	margin:0 auto;
}

.top-news {
	margin-top:48px;
	padding:52px 0 100px 0;
	background-color:rgba(102,102,102,.04);
}

.top-news h2 {
	padding-left:6px;
	line-height:0;
	font-size:0;
}

.top-news h2 small {
	display:block;
	padding-bottom:14px;
	padding-right:6px;
	line-height:13px;
	font-size:13px;
	font-weight:normal;
}

.top-news h2 big {
	display:block;
	line-height:39px;
	font-size:39px;
}

.top-news ul {
	padding:84px 0 24px 0;
	list-style-type:none;
}

.top-news ul li {
	padding:18px 0;
	text-align:left;
}

.top-news ul li+li {
	border-top:1px solid #ccc;
}

.top-news ul li dl {
	display:-webkit-flex;
	display:flex;
	line-height:20px;
	font-size:14px;
}

.top-news ul li dl dt {
	position:relative;
	-webkit-flex-shrink:0;
	flex-shrink:0;
	width:254px;
}

.top-news ul li dl dt::after {
	position:absolute;
	right:15px;
	top:1px;
	display:block;
	padding-top:1px;
	background-color:#000;
	color:#fff;
	width:84px;
	line-height:16px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

.top-news ul li.staff dl dt::after {
	content:"スタッフブログ";
}

.top-news ul li.info dl dt::after {
	content:"お知らせ";
}

.top-news ul li.jirei dl dt::after {
	content:"施工事例";
}

.top-news ul li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
}

@media only screen and (max-width : 1069px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.top-chara ul li {
		padding-top:116px;
	}
	
	.top-chara ul li dl dt strong {
		top:-50px;
	}
	
	.top-chara ul li dl dt strong big {
		line-height:70px;
		font-size:50px;
		letter-spacing:6px;
	}
	
	.top-chara ul li:nth-child(odd) dl dt strong {
		right:-50px;
	}
	
	.top-chara ul li:nth-child(even) dl dt strong {
		right:calc(100% - 40px);
	}
	
	.top-chara ul li dl dd {
		padding:34px 18px 26px 18px;
		width:384px;
	}
	
	.top-news {
		margin-top:36px;
		padding:39px 0 75px 0;
	}
	
	.top-news ul {
		padding:63px 0 18px 0;
	}
	
	.top-news ul li {
		padding:16px 0;
	}
}

@media only screen and (max-width : 767px) {
	.top-chara ul li {
		padding-top:76px;
	}
	
	.top-chara ul li dl dt strong {
		top:-30px;
	}
	
	.top-chara ul li:nth-child(odd) dl dt strong {
		right:-30px;
	}
	
	.top-chara ul li:nth-child(even) dl dt strong {
		right:calc(100% - 70px);
	}
	
	.top-chara ul li dl dt strong big {
		line-height:40px;
		font-size:30px;
		letter-spacing:4px;
	}
	
	.top-chara ul li dl dt strong small {
		line-height:14px;
		font-size:14px;
	}
	
	.top-chara ul li:nth-child(even) dl dt strong big span {
		display:block;
	}
	
	.top-chara ul li dl dd {
		position:static;
		top:auto;
		padding:24px 18px 0 18px;
		width:100%;
		-webkit-transform:translateY(0);
		transform:translateY(0);
	}
	
	.top-news {
		margin-top:24px;
		padding:26px 0 50px 0;
	}
	
	.top-news ul {
		padding:42px 0 12px 0;
	}
	
	.top-news ul li {
		padding:14px 0;
	}
	
	.top-news ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
}

/* Top Page (index.html) End */

/* Archive (archive/index.html) Start */

.archive {
	padding:200px 0 56px 0;
}

.archive ul {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	margin:0 auto;
	padding-top:100px;
	list-style-type:none;
}

.archive ul li {
	padding-bottom:44px;
	width:100%;
	max-width:500px;
}

.archive ul li:nth-child(even) {
	margin-left:auto;
}

.archive ul li img {
	max-width:100%;
	height:auto;
}

.archive ul li span {
	display:block;
	padding:16px 0 0 3px;
	line-height:20px;
	font-size:16px;
	letter-spacing:3px;
}

@media only screen and (max-width : 1069px) {
	.archive ul {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.archive ul li,
	.archive ul li:nth-child(even) {
		margin:0 auto;
	}
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.archive {
		padding:165px 0 42px 0;
	}
	
	.archive ul {
		padding-top:75px;
	}
	
	.archive ul li {
		padding-bottom:33px;
	}
	
	.archive ul li span {
		padding:12px 0 0 3px;
	}
}

@media only screen and (max-width : 767px) {
	.archive {
		padding:130px 0 28px 0;
	}
	
	.archive ul {
		padding-top:50px;
	}
	
	.archive ul li {
		padding-bottom:22px;
	}
	
	.archive ul li span {
		padding:8px 0 0 3px;
	}
}

/* Archive (archive/index.html) End */

/* Company (company/index.html) Start */

.greeting {
	padding-top:200px;
}

.greeting p {
	padding:116px 0 64px 0;
	line-height:26px;
	font-size:16px;
	text-align:left;
}

.greeting big {
	display:block;
	text-align:right;
}

.philosophy {
	padding-top:300px;
}

.philosophy ul {
	padding-top:60px;
	list-style-type:none;
}

.philosophy ul li {
	padding:24px 0;
	line-height:30px;
	font-size:24px;
}

.philosophy ul li+li {
	position:relative;
	margin-top:1px;
}

.philosophy ul li+li::before {
	position:absolute;
	top:-1px;
	left:calc(50% - 57px);
	display:block;
	background-color:#ccc;
	width:114px;
	height:1px;
	content:"";
}

.com-data {
	padding:220px 0 100px 0;
}

.com-data>ol {
	margin:0 auto;
	list-style-type:none;
	padding-top:72px;
	width:938px;
} 

.com-data>ol>li {
	padding:16px 0;
	line-height:26px;
	font-size:16px;
	text-align:left;
	letter-spacing:4px;
}

.com-data>ol>li+li {
	border-top:1px solid #ccc;
}

.com-data>ol>li dl {
	display:-webkit-flex;
	display:flex;
}

.com-data>ol>li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
	box-sizing:border-box;
	padding-left:6px;
	width:240px;
}

.com-data>ol>li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
}

.com-data>ul {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin:0 auto;
	padding-top:44px;
	list-style-type:none;
}

.com-data>ul li img {
	max-width:100%;
	height:auto;
}

.com-data div {
	position:relative;
	margin:60px auto 0;
	padding-bottom:48.3871%;
	width:930px;
	height:0;
	overflow:hidden;
}

.com-data div iframe {
	position:absolute;
	left:0;
	top:0;
	width:100% !important;
	height:100% !important;
}

@media only screen and (max-width : 1069px) {
	.com-data div {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.greeting {
		padding-top:165px;
	}
	
	.greeting p {
		padding:87px 0 48px 0;
	}
	
	.philosophy {
		padding-top:225px;
	}
	
	.philosophy ul {
		padding-top:45px;
	}
	
	.com-data {
		padding:165px 0 75px 0;
	}
	
	.com-data>ol {
		padding-top:54px;
		width:100%;
	}
	
	.com-data>ul {
		-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
		padding-top:13px;
		width:514px;
	}
	
	.com-data>ul li {
		padding-top:20px;
	}
}

@media only screen and (max-width : 767px) {
	.greeting {
		padding-top:130px;
	}
	
	.greeting p {
		padding:58px 0 32px 0;
	}
	
	.philosophy {
		padding-top:150px;
	}
	
	.philosophy ul {
		padding-top:30px;
	}
	
	.com-data {
		padding:110px 0 50px 0;
	}
	
	.com-data>ol {
		padding-top:36px;
		width:100%;
	}
	
	.com-data>ol>li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.com-data>ol>li dl dt {
		padding-left:0;
		width:100%;
		font-weight:bold;
	}
	
	.com-data>ul {
		-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
		padding-top:12px;
		width:100%;
		max-width:504px;
	}
	
	.com-data>ul li {
		padding-top:10px;
		width:calc((100% - 10px) / 2);
	}
	
	.com-data div {
		padding-bottom:100%;
	}
}

/* Company (company/index.html) End */

/* Business (business/index.html) Start */

.business {
	padding-top:200px;
}

.business ul {
	list-style-type:none;
}

.business ul li {
	padding-bottom:140px;
}

.business ul li dl {
	display:-webkit-flex;
	display:flex;
	-webkit-align-items:center;
	align-items:center;
}

.business ul li dl dt {
	-webkit-flex-shrink:0;
	flex-shrink:0;
}

.business ul li dl dt img {
	max-width:100%;
	height:auto;
}

.business ul li dl dd {
	-webkit-flex-grow:1;
	flex-grow:1;
	margin-left:40px;
	text-align:left;
}

.business ul li:nth-child(odd) dl dd {
	order:-1;
	margin-right:40px;
	margin-left:0;
}

.business ul li dl dd .h2-big {
	padding-left:0;
}

.business ul li dl dd p {
	padding-top:24px;
	line-height:26px;
	font-size:16px;
}

@media only screen and (max-width : 1069px) {
	
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.business {
		padding-top:165px;
	}
	
	.business ul li {
		padding-bottom:105px;
	}
	
	.business ul li dl dd p {
		padding-top:18px;
	}
}

@media only screen and (max-width : 767px) {
	.business {
		padding-top:130px;
	}
	
	.business ul li {
		padding-bottom:70px;
	}
	
	.business ul li dl {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.business ul li dl dd {
		margin:0;
		padding-top:20px;
		width:100%;
	}
	
	.business ul li:nth-child(odd) dl dd {
		order:0;
		margin:0;
		padding-top:20px;
	}
	
	.business ul li dl dd p {
		padding-top:12px;
	}
}

/* Business (business/index.html) End */

/* Recruit (recruit/index.html) Start */

.apply {
	padding:188px 0 100px 0;
}

.apply div {
	margin:0 auto;
	width:970px;
}

.apply div p {
	padding:48px 0 24px 0;
	line-height:26px;
	font-size:16px;
	text-align:left;
}

.apply div ul {
	display:-webkit-flex;
	display:flex;
	padding:36px 0 44px 0;
	background-color:rgba(204,204,204,.5);
	list-style-type:none;
}

.apply div ul li {
	box-sizing:border-box;
	padding:0 10px;
	width:50%;
}

.apply div ul li span {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	margin:0 auto;
	width:45px;
	height:48px;
}

.apply div ul li h3 {
	padding-top:16px;
	line-height:21px;
	font-size:21px;
	font-weight:normal;
}

.apply div ul li big {
	display:block;
	margin-bottom:35px;
	padding-top:28px;
	line-height:32px;
	font-size:32px;
	font-weight:normal;
}

.apply div ul li em {
	display:block;
	line-height:17px;
	font-size:17px;
}

.apply div ul li small {
	display:block;
	padding-top:12px;
	line-height:15px;
	font-size:15px;
}

.apply div ul li strong {
	display:block;
	margin:16px auto 22px auto;
	width:250px;
	height:60px;
}

.apply div ul li strong a {
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
	border:1px solid #000;
	width:100%;
	height:100%;
	text-decoration:none;
	line-height:17px;
	font-size:17px;
	font-weight:normal;
}

.apply div ul li strong a::before {
	position:absolute;
	left:14px;
	top:calc(50% - 3px);
	display:block;
	box-sizing:border-box;
	border-top:1px solid #000;
	border-right:1px solid #000;
	width:6px;
	height:6px;
	transform:rotate(45deg);
	content:"";
}

.apply div ul li strong a:hover {
	background-color:#000;
	color:#fff;}

.apply div ul li strong a:hover::before {
	border-color:#fff;
}

@media only screen and (max-width : 1069px) {
	.apply div {
		width:100%;
	}
	
	.apply div ul li em {
		line-height:15px;
		font-size:15px;
	}
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.apply {
		padding:141px 0 75px 0;
	}
	
	.apply div p {
		padding:36px 0 18px 0;
	}
	
	.apply div ul {
		padding:27px 0 33px 0;
	}
}

@media only screen and (max-width : 767px) {
	.apply {
		padding:94px 0 50px 0;
	}
	
	.apply div p {
		padding:24px 0 12px 0;
	}
	
	.apply div ul {
		-webkit-flex-direction:column;
		flex-direction:column;
		padding:18px 0 22px 0;
	}
	
	.apply div ul li {
		width:100%;
	}
	
	.apply div ul li+li {
		padding-top:30px;
	}
}

/* Recruit (recruit/index.html) End */

/* Blog (blog/index.html) Start */

.blogs {
	padding-top:200px;
}

.blog-inner {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.articles {
	padding-top:20px;
	width:700px;
}

.article {
	text-align:left;
}

.article+.article {
	padding-top:128px;
}

.article h3 {
	line-height:40px;
	font-size:26px;
	font-weight:normal;
}

.article h3::after {
	margin-top:18px;
	background-color:#333;
	display:block;
	width:117px;
	height:7px;
	content:"";
}

.article ul {
	display:-webkit-flex;
	display:flex;
	padding:12px 0 48px 0;
	list-style-type:none;
}

.article ul li {
	padding-right:16px;
	line-height:12px;
	font-size:12px;
}

.article ul li dl {
	display:-webkit-flex;
	display:flex;
}

.article ul li dl dt {
	padding-right:10px;
}

.article ul li dl dt::after {
	display:inline;
	content:":";
}

.article p {
	padding-bottom:44px;
	line-height:26px;
	font-size:16px;
}

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

.pager {
	padding:36px 0 100px 0;
	border-top:1px solid #ccc;
}

.pager ol {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	list-style-type:none;
}

.pager ol li {
	padding:0 2px 4px 2px;
	line-height:12px;
	font-size:12px;
}

.pager ol li span,
.pager ol li a {
	display:block;
	padding:5px;
	border:1px solid #999;
}

.blog-menu {
	padding-bottom:100px;
	width:228px;
	text-align:left;
}

.blog-menu h3 {
	padding-top:22px;
	line-height:26px;
	font-size:16px;
	font-weight:normal;
}

.blog-menu ul {
	padding:13px 0 17px 14px;
	list-style-type:none;
}

.blog-menu ul li {
	padding-bottom:7px;
	line-height:20px;
	font-size:14px;
}

.blog-menu ul li a {
	position:relative;
	display:block;
	padding-left:13px;
}

.blog-menu ul li a::before {
	position:absolute;
	left:0;
	top:6px;
	display:block;
	border-style:solid;
	border-width:3px 0 3px 6px;
	border-color:transparent transparent transparent #666;
	width:0;
	height:0;
	content:"";
}

@media only screen and (max-width : 1069px) {
	.blog-inner {
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	
	.articles,
	.blog-menu {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.blogs {
		padding-top:165px;
	}
	
	.article+.article {
		padding-top:96px;
	}
	
	.article ul {
		padding:9px 0 36px 0;
	}
	
	.article p {
		padding-bottom:33px;
	}
	
	.pager {
		padding:27px 0 75px 0;
	}
	
	.blog-menu {
		padding-bottom:75px;
	}
}

@media only screen and (max-width : 767px) {
	.blogs {
		padding-top:130px;
	}
	
	.article+.article {
		padding-top:64px;
	}
	
	.article ul {
		padding:6px 0 24px 0;
	}
	
	.article p {
		padding-bottom:22px;
	}
	
	.pager {
		padding:18px 0 50px 0;
	}
	
	.blog-menu {
		padding-bottom:50px;
	}
}

/* Blog (blog/index.html) End */

/* Contact (contact/index.html) Start */

.form {
	margin:0 auto;
	padding-top:200px;
	width:950px;
}

.form>p {
	padding:56px 0 32px 0;
	line-height:26px;
	font-size:16px;
	text-align:left;
}

.form-body {}

.privacy {
	padding:200px 0 100px 0;
}

.privacy dl {
	padding-top:44px;
	line-height:26px;
	font-size:16px;
	text-align:left;
}

.privacy dl dt,
.privacy dl dd ul {
	padding-top:28px;
}

.privacy dl dt {
	font-weight:bold;
}

.privacy dl dd ul li {
	margin-left:1em;
}

.privacy dl dd p span {
	display:block;
	padding-top:28px;
}

@media only screen and (max-width : 1069px) {
	.form {
		width:100%;
	}
}

@media screen and (min-width : 768px) and (max-width : 1069px) {
	.form {
		padding-top:165px;
	}
	
	.form>p {
		padding:42px 0 24px 0;
	}
	
	.privacy {
		padding:150px 0 75px 0;
	}
	
	.privacy dl {
		padding-top:33px;
	}
	
	.privacy dl dt,
	.privacy dl dd ul,
	.privacy dl dd p span {
		padding-top:21px;
	}
}

@media only screen and (max-width : 767px) {
	.form {
		padding-top:130px;
	}
	
	.form>p {
		padding:28px 0 16px 0;
	}
	
	.privacy {
		padding:100px 0 50px 0;
	}
	
	.privacy dl {
		padding-top:22px;
	}
	
	.privacy dl dt,
	.privacy dl dd ul,
	.privacy dl dd p span {
		padding-top:14px;
	}
}

/* Contact (contact/index.html) End */

/* Scroll Animation Start */

.sa {
  opacity:0;
  transition:all .9s ease-in-out;
}

.sa.show {
  opacity:1;
  transform:none;
}

.ltr {
  transform:translate(-100px,0);
}

.rtl {
  transform:translate(100px,0);
}

.bt {
  transform:translate(0,100px);
}

.tb {
  transform:translate(0,-100px);
}

.slicknav_nav .sa {
	opacity:1;
	transform:none;
}

/* Scroll Animation End */