@charset "UTF-8";
/*--------------------------------------------------------
	Reset Settings
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u,
i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
	border-style: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
img {
	vertical-align: bottom;
}
body, form {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
select, input, textarea, button {
	vertical-align:middle;
	position:relative;
	margin: 0;
	margin-right:3px;
	font-family : inherit;
	font-size   : 100%;
	font-weight: 300;
	color: #222;
}
input {
	height: 60px;
	line-height: 16px;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
textarea{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	-webkit-appearance: none;
 }
button, input[type="button"] {
	overflow:visible;
	height:60px;
	padding:0 3px;
	-webkit-appearance: none;
}
select {
	height: 50px;
	width: 50%;
	line-height: 20px;
}
input[type="checkbox"],
input[type="radio"] {
	display: none;
	border:none;
	top:-2px;
	top:0\9;
	margin-right:0;
	margin-right: 0\9;
}
::placeholder{
	color: #A0A0A0;
	font-weight: 300;
}
form span.error label {
	display: block;
	margin-top: 5px;
	font-size: 87.5%;
	color: #F00;
}
form span.error label:before {
	padding-right: 5px;
	content: " \f06a";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
/*--------------------------------------------------------
	ClearFix Settings
---------------------------------------------------------*/
.header:after, .footer:after, .section:after, .clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
/*--------------------------------------------------------
	Link Settings
---------------------------------------------------------*/
a {
	color: #222;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #222;
}
a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a.activeLink{
}
a.subColorLink{
	text-decoration: underline;
}
.visualBlockBtn{
	display: inline-block;
	width: 100%;
	font-size: 100%;
	color: #fff;
}
.bscBtn{
	position: relative;
	width : 32% ; /* 未対応ブラウザ用フォールバック */
	height: 60px;
	margin: 40px auto 0;
	text-align: center;
}
.bscBtnGray{
	position: relative;
	width: 60%;
	height: 60px;
	margin: 0 auto;
	font-size: 100%;
	text-align: center;
	color: #222;
	background: #8E8E8E;
}
.btnWidth60{
	width: 60%;
}
a.bscBtnLink{
	display: inline-block;
	width: 100%;
	padding: 15px 0;
	background: #222;
	color: #fff;
	line-height: 2;
}
a.bscBtnLink:hover {
	background: #222;
	transition: 1.0s;
}
a.bscBtnLink:hover {
	opacity: 0.7;
	transition: 1.0s;
}
/*--------------------------------------------------------
	Common Settings
---------------------------------------------------------*/
html {
	background-color: #fff;
}
body {
	font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #222;
	line-height: 1.6;
	letter-spacing: .5px;
	background: #f2f2f2;
}
.wrapper{
  overflow: hidden;
	padding-bottom: 100px;
}
.contents,.contentsFull{
	overflow: hidden;
	max-width: 1180px;
	padding: 0 50px;
	margin: 0 auto;
}
.BlockInr {
	overflow: hidden;
	padding: 0 30px;
	margin: 0 auto;
}
.spOnly{
	display: none;
}
.BgGrey{
	background: #e3e3e3;
}
/* Text Choice Color */
::selection {
	/* background: #dadada; */
	background: #e3e3e3;
	color: #222;
}
/* Firefox */
::-moz-selection {
	background: #e3e3e3;
	color: #222;
}
.notContents{
	border: none !important;
}
.maxWidth900{
	max-width: 900px;
	margin: 0 auto;
}
h1{
	font-size: 150%;
	font-weight: 500;
}
h2{
	margin-bottom: 50px;
	font-size: 150%;
	font-weight: 400;
}
h3{
	margin-bottom: 35px;
	font-size: 125%;
	font-weight: 400;
}
p{
	font-size: 100%;
	line-height: 2;
	font-weight: 400;
}
/*--------------------------------------------------------
	flexBox Settings
---------------------------------------------------------*/
.flexBox{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flexBox li{
	box-sizing: border-box;
}.flexBox .flex4Column{
	border: none;
}
.flex3ColumnBox::after{
	content:"";
	display: block;
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
}
.flex2Column{
	width : 50% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 2) ;
	width : calc(100% / 2) ;
}
.flex3Column{
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) ;
	width : calc(100% / 3) ;
}
.flex4Column{
	width: 24%;
}
.flex4ColumnBox::before{
	content:"";
	display: block;
	width:24%;
	order:1;
}
.flex4ColumnBox::after{
	content:"";
	display: block;
	width:24%;
}
/*--------------------------------------------------------
	Header Part Settings
---------------------------------------------------------*/
.header {
	height: 130px;
	background: #fff;
}
.header .logoBlock {
	height: 130px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.header .logoBlock  img{
	width: 170px;
}
.header .logoBlock a.modalBtn{
	position: absolute;
	top: 3.5%;
	right: 5%;
	width: 90px;
	height: 60px;
	font-size: 65%;
	text-align: center;
	border: 2px solid #000;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px;
}
.header .logoBlock a.modalBtn:hover{
	background: #222;
	color: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
.header .logoBlock a.modalBtn span{
	display: block;
	margin: 14px auto;
	line-height: 1.5;
}
/*--------------------------------------------------------
	modal-window Part Settings
---------------------------------------------------------*/
.remodal-overlay {
	background: rgb(0 0 0 / 60%) !important;
}
.remodal {
	max-width: 800px !important;
	padding: 5% 3% !important;
}
.remodal ul li p{
	margin-right: 5%;
	font-size: 93.75%;
	text-align: justify;
}
.remodal ul li img{
	max-width: 300px !important;
}
.modalTextBox{
	margin: 7% 0 4%;
}
.remodal button {
	width: 150px;
	height: 60px;
	background: #fff;
	font-weight: 400;
	text-align: center;
	border: 2px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.remodal button:hover{
	background: #222;
	color: #fff;
	opacity: 1;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
/*--------------------------------------------------------
	Footer Part Settings
---------------------------------------------------------*/
.footer{
	padding: 50px 0 80px;
	border-top: 1px solid #000;
}
.footer .footerInr{
	overflow: hidden;
	max-width:600px ;
	margin: 0 auto;
}
.footer .footerInfo{
	text-align: center;
}
.footer .footerInfo ul li{
	border: none;
}
.footer .footerInfo ul li img{
	max-width: 130px;
}
.footer .footerInfo ul li p{
	margin-top: 10px;
	font-size: 60%;
}
.footer .footerInfo ul li:nth-child(2) p{
	margin-top: 15px;
}
.footer .footerInfo ul li:nth-child(3) p{
	margin-top: 17px;
}
/*--------------------------------------------------------
	TopPage(newsBlock) Part Settings
---------------------------------------------------------*/
.newsBlock ul li .newsData h3{
	margin-bottom: 20px;
	font-size: 1rem;
}
.newsBlock ul{
	justify-content: space-between;
}
.newsBlock ul li{
	width: 23%;
	margin-bottom: 30px;
	border: none;
}
.topNewsBlock h2{
	font-weight: 500;
	letter-spacing: 3px;
	text-align: center;
}
/*--------------------------------------------------------
	TopPage(memberBlock) Part Settings
---------------------------------------------------------*/
.memberBlock{
	padding: 40px 0 40px;
}
.memberBlock h2{
	margin-bottom: 40px;
}
.memberBlock ul li .newsPhoto{
	position: relative;
}
.memberBlock ul li .newsPhoto img{
	display: block;
	width: 100%;
	height: 10vw;
	object-fit: cover;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.memberBlock ul li .newsData h3{
	font-size: 75%;
	text-align: center;
	letter-spacing: 0;
}
.memberBlock .newsPhoto::before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: rgba(0,0,0,0.3);
}
.memberBlock .newsPhoto .newsPhotoInText{
	position: absolute;
	left: 50%;
	top: 80%;
	transform: translate(-50%,-80%);
	width: 100%;
	color: #fff;
	text-align: center;
}
.memberBlock .newsPhoto .newsPhotoInText p.companyRecruitName{
	font-size: 62.5%;
	line-height: 1.5;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}
.memberBlock .newsPhoto .newsPhotoInText p.siteCatch{
	font-size: 87.5%;
	line-height: 1.4;
}
.memberBlock .newsData h3.companyName{
	margin-bottom: 2px;
	text-align:left;
	font-size: 68.75%;
	line-height: 1.5;
}
.memberBlock .newsData p{
	margin-bottom: 0;
	font-size: 60%;
	text-decoration: underline;
}

.memberBlock ul li:hover{
	opacity: 0.7;
	transition: 1.0s;
}
.memberBlock ul li .newsData{
	padding: 5% 0 6%;
}
/*--------------------------------------------------------
	paginationBlock Part Settings
---------------------------------------------------------*/
.paginationBlock ul.pagination{
	position: relative;
	left: 50%;
	float: left;
	padding-bottom: 100px;
}
.paginationBlock ul.pagination li{
	position: relative;
	left: -50%;
	float: left;
	margin: 0 3px;
	font-weight: 400;
	border:1px solid #B2B2B2;
	background: #fff;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
.paginationBlock ul.pagination li a{
	display: block;
	padding: 0.6em 1em;
	font-size: 10	0%;
	color: #222;
}
.paginationBlock ul.pagination li.current{
	padding: 0.6em 1em;
	background: #222;
	color: #fff;
}
.paginationBlock ul.pagination li.allow{
	width: 15%;
}
.paginationBlock ul.pagination li:hover{
	background: #222;
	color: #fff;
	/* opacity: 0.7; */
	transition: 1.0s;
}
.paginationBlock ul.pagination li a:hover{
	color: #fff;
}
.paginationBlock ul.pagination li.disabled{
	bottom: -6px;
	color: #222;
	background: none;
	border: none;
}
.paginationBlock ul.pagination li.disabled:hover{
	background: none;
	color: #222;
	opacity: 1;
	transition: auto;
}
/*--------------------------------------------------------
	404 Part Settings
---------------------------------------------------------*/
.fileNotFound{
	margin-bottom: 60px;
	text-align: center;
}
.fileNotFound h2{
	margin: 140px 0 35px;
}
.fileNotFound h2 span{
	display: block;
}
.fileNotFoundBtm{
	margin-bottom: 80px;
}
.fileNotFoundBtm h2{
	text-align: center;
}
.fileNotFoundBtm p.recruitLinkMini{
	position:static;
	margin-top: 40px;
	text-align: center;
}
.fileNotFoundBtm ul.result1ColumnBox li.result1Column:last-child{
	margin-bottom: 0;
}
/*--------------------------------------------------------
	403 Part Settings
---------------------------------------------------------*/
.noAccess{
	margin-bottom: 120px;
}
.noAccess .bscBtn{
	background: #000;
}
.noAccess .bscBtn a{
	display: inline-block;
	width: 100%;
	padding: 13px 0;
	color: #fff;
}
/*--------------------------------------------------------
	Youtube iframe Settings
---------------------------------------------------------*/
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 1024px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	.contents,.contentsFull{
		overflow: hidden;
		padding: 0 50px;
		margin: 0 auto;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header {
		height: 100px;
	}
	.header .logoBlock{
		height: 100px;
	}
	.header .logoBlock img{
		max-width: 130px;
	}
	.header .logoBlock a.modalBtn{
		top: 2%;
		font-size: 60%;
	}
	/*--------------------------------------------------------
		memberBlock Part Settings
	---------------------------------------------------------*/
	.memberBlock h2{
		font-size: 125%;
	}
	.memberBlock .newsPhoto .newsPhotoInText p.siteCatch{
		font-size: 70%;
	}
	.memberBlock .newsPhoto .newsPhotoInText p.companyRecruitName{
		font-size: 60%;
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		-ms-transform: scale(0.6);
		-o-transform: scale(0.6);
		transform: scale(0.6);
	}
	.memberBlock .newsData p{
		word-break: break-all;
		line-height: 1.5;
	}
	.memberBlock ul li .newsPhoto img{
		height: 13vw;
	}
	/*--------------------------------------------------------
		footer Part Settings
	---------------------------------------------------------*/
	.footer h3{
		font-size: 100%;
	}
}

@media  only screen and (max-width: 768px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	.pcOnly{
		display: none ;
	}
	.spOnly{
		display: block ;
	}
	.contents{
		padding: 0 5%;
	}
	.contentsFull{
		padding: 0;
	}
	.bscBtn{
		width: 60%;
	}
	h2{
		margin-bottom: 20px;
		font-size: 125%;
	}
	h3{
		font-size: 100%;
	}
	p{
		font-size: 87.5%;
	}
	/*--------------------------------------------------------
		flexBox Settings
	---------------------------------------------------------*/
	.flexBox{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		/* flex-wrap: nowrap; */
		justify-content: space-between;
	}
	.flex3ColumnBox li{
		margin: 0;
		margin-right: 5%;
		border: 1px solid #f2f2f2;
	}
	.flex3ColumnBox,.flex4ColumnBox {
		display: flex;
	}
	.flex3ColumnBox li{
		flex: 0 0 85%;
	}
	.flex2ColumnList,.flex3ColumnList,.flex4ColumnList{
		display: block;
		width: 100%;
		flex-wrap: nowrap;
		justify-content: center;
	}
	.flex2ColumnList li,.flex3ColumnList li{
		width: 100%;
		flex:0;
		margin: 0;
		border: 1px solid #f2f2f2 !important;
		box-sizing: border-box;
	}
	.flex4ColumnBox li{
		flex-wrap: wrap;
	}
	.flex4ColumnList li{
	}
	.flex3ColumnBox li:first-child{
		border-right: 1px solid #f2f2f2 ;
	}
	.flex3ColumnBox li:last-child{
		border-left: 1px solid #f2f2f2 ;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header{
		position: fixed;
		z-index: 9999;
		width: 100%;
	}
	.header .logoBlock{
		position: relative;
	}
	.header .logoBlock h1{
		font-size: 160%;
		letter-spacing: 2px;
	}
	.header .logoBlock a.modalBtn{
		top: 25%;
		right: 0;
		height: 50px;
	}
	.header .logoBlock a.modalBtn span {
		margin: 11px auto;
	}
	.remodal{
		padding: 8% 5% !important;
	}
	.remodal ul {
		width: 85%;
		margin: 5% auto 3%;
	}
	.remodal ul li{
		width: 100%;
	}
	.remodal ul li p{
		margin-right: 0;
		margin-bottom: 30px;
	}
	/*--------------------------------------------------------
		footer Part Settings
	---------------------------------------------------------*/
	.footer .footerInfo ul li img {
		max-width: 100px;
	}
	/*--------------------------------------------------------
		TopPage(newsBlock) Part Settings
	---------------------------------------------------------*/
	.topNewsBlock ul li{
		width: 50%;
		margin-bottom: 4%;
		margin-right: 0;
		padding-right: 2%;
	}
	.topNewsBlock ul li:nth-child(even){
		padding-right: 0;
		padding-left: 2%;
	}
	.memberBlock{
		padding: 100px 0 40px;
	}
	.memberBlock h2{
		padding-top: 40px;
	}
	.memberBlock ul.flexBox li.flex4Column{
		margin-bottom: 5%;
	}
	.memberBlock ul li,.specialMemberBlock ul li{
		margin-bottom: 0%;
	}
	.memberBlock ul li .newsData,.specialMemberBlock ul li .newsData{
		padding: 5% 0 6%;
	}
	.memberBlock .contents{
		padding: 0 5%;
	}
	.memberBlock ul li .newsPhoto img{
		height: 25vw;
	}
	/*--------------------------------------------------------
		paginationBlock Part Settings
	---------------------------------------------------------*/
	.paginationBlock {
		position: relative;
		padding: 0 5% 40px;
	}
	.paginationBlock ul.pagination {
		position: static;
		float: none;
		width: 100%;
		padding: 8px 0;
		text-align: center;
		/* border: 1px solid #222; */
		border: 1px solid #B2B2B2;
		background: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.paginationBlock ul.pagination li {
		display: inline-block;
		float: none;
		left: auto;
		border:none;
		background: none;
		font-size: 87.5%;
	}
	.paginationBlock ul.pagination li.allow {
		width: 30%;
		background: none;
	}
	.paginationBlock ul.pagination li:hover,
	.paginationBlock ul.pagination li a:hover {
		background: none;
		color: #222;
	}
	/*--------------------------------------------------------
		404 Part Settings
	---------------------------------------------------------*/
	.fileNotFound h2{
		margin: 180px 0 35px;
	}
	.fileNotFoundBtm .contents{
		padding: 0 5%;
	}
	.fileNotFoundBtm .recruitLinkBig{
		width: 100%;
	}
	.fileNotFoundBtm ul.result1ColumnBox li.result1Column:last-child{
		margin-bottom: 0;
	}
}
@media  only screen and (max-width: 414px)   {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	.bscBtn{
		width: 100%;
	}
	.wrapper{
		padding-bottom: 60px;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header {
		height: 80px;
	}
	.header .logoBlock {
		height: 80px;
		justify-content: left;
	}
	.header .logoBlock h1 img{
		width: 100px;
	}
	.header .logoBlock a.modalBtn {
		top: 20%;
		height: 46px;
	}
	.header .logoBlock a.modalBtn span {
		margin: 8px auto;
	}
	.remodal{
		padding: 10% 5% !important;
	}
	.remodal img.modalLogo{
		max-width:130px;
	}
	.remodal ul{
		width: 90%;
		margin: 5% auto 8%;
	}
	.remodal ul li p {
		margin-bottom: 20px;
		font-size: 75%;
		line-height: 1.6;
	}
	.remodal ul li img {
		max-width: 200px !important;
	}
	.remodal button {
		height: 50px;
	}
	/*--------------------------------------------------------
		Footer Part Settings
	---------------------------------------------------------*/
	.footer {
		padding: 0;
	}
	.footer .footerInr{
		margin: 40px 0 60px;
	}
	.footer .footerInfo{
		width: 100%;
		margin: 0 auto;
	}
	.footer .footerInfo h3{
		margin-bottom: 25px;
		font-size: 75%;
		font-weight: 500;
	}
	.footer .footerInfo img{
		width: 60%;
		margin-bottom: 5px;
	}
	.footer .footerInfo ul li img {
		max-width: 80px;
	}
	.footer .footerInfo ul li p {
		margin-top: 0px;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		-o-transform: scale(0.7);
		transform: scale(0.7);
	}
	.footer .footerInfo ul li:nth-child(2) p {
		margin-top: 3px;
	}
	.footer .footerInfo ul li:nth-child(3) p {
		margin-top: 4px;
	}
	/*--------------------------------------------------------
		memberBlock Part Settings
	---------------------------------------------------------*/
	.memberBlock {
		padding: 80px 0 30px;
	}
	.memberBlock h2{
		margin: 0;
		padding: 30px 0;
		font-size: 100%;
	}
	/*--------------------------------------------------------
		404 Part Settings
	---------------------------------------------------------*/
	.fileNotFound {
		margin-bottom: 20px;
	}
	.fileNotFound h2{
		margin: 150px 0 35px;
	}
	.fileNotFound p{
		text-align: left;
	}
	/*--------------------------------------------------------
		403 Part Settings
	---------------------------------------------------------*/
	.noAccess .bscBtn a{
		text-align: center;
	}
}
@media  only screen and (max-width: 375px) {
	.footer .footerInfo{
		width: 100%;
	}
}
@media  only screen and (max-width: 320px) {
	/*--------------------------------------------------------
		Common Settings
	---------------------------------------------------------*/
	h1{
		font-size: 120%;
	}
	h2{
		font-size: 110%;
	}
	h3{
		font-size: 100%;
	}
	p{
		font-size: 75%;
	}
	/*--------------------------------------------------------
		Header Part Settings
	---------------------------------------------------------*/
	.header {
		height: 70px;
	}
	.header .logoBlock {
		height: 70px;
		margin: 0;
	}
	.header .logoBlock a.modalBtn {
		top: 20%;
		height: 40px;
	}
	.header .logoBlock a.modalBtn span {
		margin: 6px auto;
	}
	.footer .footerNavi .footerNaviInr{
		font-size: 87.5%;
	}
	.memberBlock {
		padding: 70px 0 30px;
	}
	.memberBlock ul li .newsData h3 {
		font-size: 70%;
	}
	.memberBlock .newsData p{
		word-break: break-all;
		line-height: 1.5;
	}
	.memberBlock .newsData h3.companyName {
		margin-bottom: 0;
	}
}
@media print {
	body{
		width: 1000px;
		margin: 0 auto;
		font-size: 14px;
	}
	.header .logoBlock {
		width: 200px;
	}
	.contents, .contentsFull{
		padding: 0 ;
	}
	.header .navBlock ul.globalNav {
		font-size: 70% ;
	}
	.detailSideBlock{
		width: 322px;
	}
	.detailSideBlock .companyData {
		padding: 40px 20px;
	}
	.detailSideBlock .companyData .graphBlock{
		width: 320px !important;
		margin: 10px 0 0 -20px;
	}
}