@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2016-08-06
Copyright (C) NISSO NET ALL Right Reserved
------------------------------------------------------------------------------*/

#detailMv {
	position: relative;
	height: 350px;
	margin: 0 auto 20px;
	width: 700px;
	overflow: hidden;
}
#detailMv .newsTitle {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(/files/img/common/bg_white_opa65.png) 0 0 repeat;
	width: 100%;
}
#detailMv .newsTitle h1 {
	vertical-align: middle;
	text-align: left;
	padding: 30px 30px 30px 30px;
	font-size: 128.6%;
	font-weight: 700;
	line-height: 1.4;
}
@media screen and (max-width:767px){
	#main {
		margin-top: 0;
	}
	#detailMv {
		width: 94%;
		height: auto;
		margin: 0 3% 20px;
	}
	#detailMv img {
		width: 100%;
	}
	#detailMv .newsTitle h1 {
		padding: 30px 10px 30px;
		font-size: 16px;
		text-align: left;
	}
	#detailMv .newsTitle h1 span {
		display: block;
		text-align: right;
	}
}
@media screen and (max-width:400px){
	#detailMv .newsTitle h1 {
		padding: 15px 20px;
		text-align: left;
	}
}

.compSec {
	width: 700px;
	margin: 0 auto 30px;
}
.compSec h2 {
	margin-bottom: 20px;
	padding: 7px 14px 9px;
	border-left: 6px solid #ff9900;
	font-size: 114.3%;
	font-weight: 700;
	background: #fdf3e2;
}
.compSec p {
	margin-bottom: 10px;
	line-height: 1.8;
	font-size: 114.3%;
	padding-top: 5px;
}
.compSec p:first-child {
	padding-top: 0;
}
.compSec p .exRed {
	font-weight: 700;
	color: #fd3000;
}
.compSec p.ceoSig {
	margin: 0 0 10px;
	font-weight: 700;
}
.compSec .boxList {
	width: 78%;
	margin: 20px auto;
	padding: 15px 25px 15px 20%;
	line-height: 1.8;
	font-size: 114.3%;
	font-weight: 700;
	border: 1px solid #ede4cf;
	background: #fcfbf5;
	box-sizing: border-box;
}
.compSec .boxList li span {
	font-weight: 300;
	margin-right: 0.5em;
}

.compSec dl {
	line-height: 1.8;
}
.compSec dt {
	color: #ff6600;
	font-size: 128.6%;
	font-weight: 700;
	width: 150px;
	float: left;
}
.compSec dd {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ded5c7;
	padding-left: 150px;
}
.compSec dd li {
	margin: 0 0 5px 1em;
	text-indent: -1em;
}
.compSec dd li:first-child {
	margin-bottom: 0;
}
.compSec dd:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
@media screen and (max-width:767px){
	.compSec {
		width: 94%;
		padding: 0 3%;
	}
	.compSec dt {
		float: none;
		width: auto;
	}
	.compSec dd {
		padding-left: 0;
	}
	.compSec .boxList {
		width: 320px;
	}

}
@media screen and (max-width:420px){
	.compSec .boxList {
		width: 100%;
		padding: 15px 15px 15px 20px;
		box-sizing: border-box;
	}
}



.officeTit {
	width: 700px;
	margin: 0 auto 20px;
	padding: 20px 0 0;	
} 
.officeTit h1 {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 171.5%;
	font-weight: 700;
	border-bottom: 2px solid #ff9900;
}
#officeMv {
	width: 525px;
	margin: 0 auto 20px;
}
#officeMv img {
	width: 100%;
}
@media screen and (max-width:767px){
	.officeTit {
		width: 94%;
		padding: 20px 3% 0;
		margin-bottom: 20px;
	} 
	.officeTit h1 {
		font-size: 20px;
	} 
	#officeMv {
		width: 94%;
		margin: 0 3% 20px;
	}
}


.section01 {
	width: 1000px;
	margin: 40px auto 0;
}
.officeSec,
.entrySec {
	width: 700px;
	margin: 0 auto;
}
.officeSec h2,
.entrySec h2 {
	margin-bottom: 20px;
	padding: 7px 14px 9px;
	border-left: 6px solid #ff9900;
	font-size: 114.3%;
	font-weight: 700;
	background: #fdf3e2;
}
.officeSec h3 {
	margin-bottom: 10px;
	padding: 2px 0 0 40px;
	min-height: 32px;
	font-size: 114.3%;
	font-weight: 700;
	background: url(/files/img/company/ico_rail_01.png) 0 0 no-repeat;
	background-size: 32px;
}
.officeSec p {
	margin-bottom: 20px;
	line-height: 1.8;
}
.officeSec dl {
	padding-bottom: 10px;
}
.officeSec dt {
	width: 7em;
	display: inline-block;
	padding: 1px 0;
	background: #f0ebd0;
	font-size: 114.3%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.officeSec dd {
	margin-bottom: 20px;
}
.officeMap {
	width: 660px;
	margin: 0 auto 40px;
	padding: 20px;
	background: #f7f4ef;
	text-align: center;
}
.officeMap img {
	margin-bottom: 20px;
	width: 400px;
}
@media screen and (max-width:767px){
	.section01 {
		width: 94%;
		margin: 0 0 20px;
		padding: 20px 3%;
	}
	.officeSec,
	.entrySec {
		width: 94%;
		padding: 0 3%;
	}
	.officeMap {
		width: 94%;
		margin: 0 0 30px;
		padding: 3%;
	}
	.officeMap img {
		margin-bottom: 3%;
	}
}


/* entry_place
------------------------------- */
.entrySec {
	margin-bottom: 30px;
}
.entrySec .leftCol {
	float: left;
	width: 320px;
}
.entrySec .rightCol {
	float: right;
	width: 320px;
}
.entrySec h3 {
	margin-bottom: 15px;
	padding: 7px 14px 9px;
	font-size: 114.3%;
	font-weight: 700;
	background: #ff9900;
}
.entrySec p {
	margin-bottom: 10px;
	padding-top: 5px;
	line-height: 1.5;
	font-size: 114.3%;
}
.entrySec > p:last-child {
	margin-bottom: 0;
}
.entrySec > p:first-of-type {
	padding-top: 0;
}
.entrySec dl {
	border-bottom: 1px solid #c9bdb1;
}
.entrySec dt {
	padding: 12px 10px;
	font-size: 114.3%;
	font-weight: 700;
	border-top: 1px solid #c9bdb1;
	background: url(/files/img/common/ico_accord_open.png) 95% 17px no-repeat;
	background-size: 14px;
}
.entrySec dt:hover {
	cursor: pointer;
}
.entrySec dt.on {
	cursor: pointer;
	background: url(/files/img/common/ico_accord_close.png) 95% 17px no-repeat;
	background-size: 14px;
}
.entrySec dd {
	display: none;
}
.entrySec dd li {
	padding: 20px 0 25px;
	border-top: 1px dotted #c9bdb1;
}
.entrySec dd li p.date {
	margin-bottom: 5px;
	color: #f54508;
	font-size: 100%;
	font-weight: 700;
}
.entrySec dd table {
	width: 100%;
	margin-bottom: 10px;
}
.entrySec dd table th,
.entrySec dd table td {
	padding: 0.5em 10px;
	border: 1px solid #ded5c7;
}
.entrySec dd table th {
	width: 4em;
	background: #fcfbf5;
}
.entrySec ol {
	font-size: 114.3%;
	padding-left: 20px;
	list-style-type: decimal;
}
.entrySec ol li {
	margin-bottom: 5px;
}
.entrySec dd div {
	padding: 15px 0 20px;
	border-top: 1px dotted #c9bdb1;
}
.entrySec dd div h4 {
	width: 6em;
	display: inline-block;
	padding: 1px 0;
	background: #f0ebd0;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.entrySec dd div p {
	margin-bottom: 15px;
	font-size: 87.5%;
}

.contactSec {
	width: 660px;
	margin: 0 auto 70px;
	padding: 20px;
	background: #e5fbe1;
}
.contactSec li {
	float: left;
	width: 320px;
	margin-right: 20px;
}
.contactSec li:last-child {
	margin-right: 0;
}


/*soudanBtn*/

.soudanBtn_wrap {
    padding-top: 5px;
}

.soudanBtn li {
	float: left;
	width: 488px;
	margin: 0 20px 0 0;
	border: 1px solid #d1c7c0;
	text-align: left;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff url(/files/img/common/ico_arw_01.png) 96% center no-repeat;
}
.soudanBtn li:nth-child(even) {
	margin-right: 0;
}
.soudanBtn li a {
	display: block;
	padding: 10px 50px 10px 10px;
	text-decoration: none;
}

.soudanBtn li a p {
	font-size: 14px;
}
.soudanBtn li img {
	float: left;
	margin-right: 20px;
}
.soudanBtn li h4 {
	margin: 10px 0 5px;
	font-size: 114.3%;
	font-weight: 700;
}

@media screen and (max-width:767px){
	.soudanBtn {
		border-top: 1px solid #ebd3af;
	}
	.soudanBtn li {
		float: none;
		width: 100%;
		margin: 0;
		border: none;
		border-bottom: 1px solid #ebd3af;
	}
	.soudanBtn li a {
		display: block;
		padding: 10px 30px 10px 0;
		text-decoration: none;
	}
	.soudanBtn li img {
		width: 75px;
		margin-right: 15px;
	}
	.soudanBtn li h4 {
		margin: 0 0 5px;
		line-height: 1.4;
		font-size: 16px;
		font-weight: 700;
	}
	.soudanBtn li p {
		font-size: 14px;
		overflow: auto;
	}
}
@media screen and (min-width:768px){
	.aboutList01 li.bl-hover img {
		opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";
	}
	.aboutList01 li a:hover img {
		opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";
	}
}



@media screen and (max-width:767px){
	.entrySec {
		margin-bottom: 0;
	}
	.entrySec h2 {
		margin-bottom: 20px;
	}
	.entrySec .leftCol,
	.entrySec .rightCol {
		float: none;
		width: 100%;
		margin-bottom: 30px;
	}
	.contactSec {
		width: 94%;
		margin: 0 3% 50px;
		padding: 0;
		background: #fff;
	}
	.entrySec ol {
		padding-left: 33px;
	}
	.contactSec li {
		float: none;
		width: 100%;
		margin: 0 0 10px;
		text-align: center;
	}
	.contactSec li:last-child {
		margin-bottom: 0;
	}
}

/* col2Btn
------------------------------- */

.contactSec {
	background:#e5fbe1;
	margin-bottom: 20px;
}
.col2Btn{
	width: 860px;
	margin: 0 auto;
}
.col2Btn li{
	box-sizing:border-box;
	width: 315px;
	float: left;
	text-align: center;
	position: relative;
	height: 100px;
}
.col2Btn li:after{
	content: '';
	display: block;
	width: 13px;
	height: 20px;
	position: absolute;
	right: 19px;
	top: 50%;
	margin-top: -7px;
}
.col2Btn li a{
	box-sizing:border-box;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	padding: 0 16px 15px 16px;
	height: 100%;
}
.col2Btn li div.spNone{
	box-sizing:border-box;
	border-radius: 5px;
	display: block;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
	padding: 13px 16px 15px 16px;
	height: 100%;
}
.col2Btn li a span{
	display: block;
}
.col2Btn li a:hover{
	opacity: 0.7;
}
.col2Btn li:first-child{
	margin-right: 30px;
}
.col2Btn li:first-child:hover{
	opacity: .8;
}
.col2Btn li:first-child a{
	background:#4cb13d;
	padding-top: 15px;
	color: #fff;
}
.col2Btn li:first-child a:hover{
	opacity: .8!important;
}
.col2Btn li:first-child a span{
	font-size: 26px;
}
.col2Btn li:last-child a{
	border: solid #4cb13d 2px;
	background:#fff;
	color: #2a861c;
}
.col2Btn li:last-child a .btnIcoFree span{
	font-size: 24px;
	margin-top: 7px;
	padding-left: 50px;
}
.col2Btn li:last-child a .btnIcoFree span{
	background: url(/files/img/lp/careerup_ouen/ico_free_01.png) 17px 5px no-repeat;
	background-size: 40px auto;
	min-height: 32px;
	margin-top: 0; 
}
.col2Btn li:last-child .spNone{
	border: solid #4cb13d 2px;
	background:#fff;
	color: #2a861c;
}
.col2Btn li:last-child .spNone .btnIcoFree span{
	font-size: 24px;
	margin-top: 7px;
	padding-left: 50px;
}
.col2Btn li:last-child .spNone .btnIcoFree span{
	background: url(/files/img/lp/careerup_ouen/ico_free_01.png) 17px 5px no-repeat;
	background-size: 40px auto;
	min-height: 32px;
	display: block;
	margin-top: 0; 
}

.contactSec .col2Btn li:hover {
	opacity: 1 !important;
}
.col2Btn li:first-child a:hover{
	opacity: .9!important;
}

@media screen and (min-width:768px){
	.col2Btn li .telHref {
		display: none;
	}
}

@media screen and (max-width:767px){
	.btnBlock01 {
		margin-bottom: 25px;
	}
	.col2Btn{
		width: 100%;
		margin:0;
		padding: 15px;
		box-sizing: border-box;
	}
	.col2Btn li{
		width: 100%;
		height:auto;
		float: none;
		margin-top: 15px;
	}
	.col2Btn li:first-child{
		margin-top: 0;
	}
	.col2Btn li:first-child a span{
		margin-top: 0;
	}
	.col2Btn li a{
		padding: 11px 0 7px;
		font-size:14px;
		padding-right: 20px;
	}
	.col2Btn li:first-child a{
		padding-top: 11px;
	}
	.col2Btn li:first-child a span{
		font-size: 18px;
		line-height: 1.2;
	}
	.col2Btn li:first-child:after{
		background: url(/files/img/lp/careerup_ouen/ico_arrow_01.png) 0 0 no-repeat;
		-webkit-background-size: 8px auto;
		background-size: 8px auto;
	}
	.col2Btn li:last-child:after{
		background: url(/files/img/lp/careerup_ouen/ico_arrow_02.png) 0 0 no-repeat;
		-webkit-background-size: 8px auto;
		background-size: 8px auto;
	}
	.col2Btn li:after{
		right: 13px;
		margin-top: -6px;
	}
	.col2Btn li:last-child a{
		line-height: 1.4;
	}
	.col2Btn li:last-child a .btnIcoFree{
		width: 166px;
		margin:0 auto;
	}
	.col2Btn li:last-child a .btnIcoFree span{
		font-size: 16px;
		margin: 0 auto;
		background: none;
		min-height: auto;
		line-height: 1.5;
		position: relative;
		padding: 0 0 4px 25px;
	}
	.col2Btn li:last-child a .btnIcoFree span:before{
		content:" ";
		display: inline-block;
		background: url(/files/img/lp/careerup_ouen/ico_free_01.png) no-repeat 0 2px;
		-webkit-background-size: 28px 22px;
		background-size: 28px 22px;
		margin-right: 10px;
		line-height: 1.2;
		width: 28px;
		height: 24px;
		position: absolute;
		top:0;
		left: 0;
	}
}

/* btn
------------------------------- */
.btnStyle02 {
	border: 1px solid #d1c7c0;
	text-align: center;
	line-height: 1.4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff url(/files/img/common/ico_arw_02.png) 96% center no-repeat;
}
.btnStyle02 a {
	display: block;
	padding: 15px 30px 17px 20px;
	font-size: 128.6%;
	font-weight: 700;
	text-decoration: none;
}
.btnStyle02 a:hover {
	text-decoration: underline;
}
.btnStyle03 {
	text-align: left;
	line-height: 1.4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #2abfbf url(/files/img/common/ico_arw_06.png) 96% center no-repeat;
}
.btnStyle03 a {
	display: block;
	color: #fff;
	padding: 12px 30px 13px 20px;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.05em;
}
@media screen and (min-width:768px){
	.entrySec a:hover img,
	.contactSec li:hover,
	.btnStyle03:hover {
		opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";
	}
}



/* about (TOPと共通)
------------------------------- */
.aboutList01 li {
	float: left;
	width: 488px;
	margin: 0 20px 20px 0;
	border: 1px solid #d1c7c0;
	text-align: left;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff url(/files/img/common/ico_arw_01.png) 96% center no-repeat;
}
.aboutList01 li:nth-child(even) {
	margin-right: 0;
}
.aboutList01 li a {
	display: block;
	padding: 10px 50px 10px 10px;
	text-decoration: none;
}
.aboutList01 li img {
	float: left;
	margin-right: 20px;
}
.aboutList01 li h4 {
	margin: 10px 0 5px;
	font-size: 114.3%;
	font-weight: 700;
}

@media screen and (max-width:767px){
	.aboutList01 {
		border-top: 1px solid #ebd3af;
	}
	.aboutList01 li {
		float: none;
		width: 100%;
		margin: 0;
		border: none;
		border-bottom: 1px solid #ebd3af;
	}
	.aboutList01 li a {
		display: block;
		padding: 10px 30px 10px 0;
		text-decoration: none;
	}
	.aboutList01 li img {
		width: 75px;
		margin-right: 15px;
	}
	.aboutList01 li h4 {
		margin: 0 0 5px;
		line-height: 1.4;
		font-size: 16px;
		font-weight: 700;
	}
	.aboutList01 li p {
		font-size: 14px;
		overflow: auto;
	}
}
@media screen and (min-width:768px){
	.aboutList01 li.bl-hover img {
		opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";
	}
	.aboutList01 li a:hover img {
		opacity: 0.70;
		-ms-filter: "alpha(opacity=70)";
	}
}


.policySec {
	width: 700px;
	margin: 30px auto 30px;
}
.policySec .title02 {
	margin-bottom: 35px !important;
}


.policySec h2 {
	margin-bottom: 15px;
	padding: 7px 14px 9px;
	border-left: 6px solid #ff9900;
	font-size: 114.3%;
	font-weight: 700;
	background: #fdf3e2;
}
.policySec h3 {
	margin-bottom: 10px;
	font-size: 114.3%;
	font-weight: 700;
}
.policySec p,
.policySec ol {
	margin-bottom: 30px;
	line-height: 1.8;
	font-size: 114.3%;
}
.policySec ol li {
	margin: 0 0 0.3em 2.1em;
	text-indent: -1.95em;
	line-height: 1.67;
}
.policySec ol li:nth-child(-n+9) {
	margin: 0 0 0.3em 2.1em;
	text-indent: -1.35em;
}
.policySec ol.policyList li {
	margin: 0 0 0.3em 3em;
	text-indent: -3em;
}
.policyBox {
    padding: 20px;
    border: 5px solid #ccc;
    background-color: #f4f4f4;
}
.policyBox p {
	margin-bottom: 0;
}
@media screen and (max-width:767px){
	.policySec {
		width: 94%;
		padding: 0 3%;
	}
}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.aboutList01:after,
.aboutList01 a:after,
.entrySec:after,
.contactSec ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.aboutList01,
.aboutList01 a,
.entrySec,
.contactSec ul {
	*zoom: 1;
}



/*------------------------------------------------------------------------------

160801追加分

------------------------------------------------------------------------------*/
.centerLink {
	margin: 0 0 20px 0;
	border: 1px solid #d1c7c0;
	text-align: left;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #fff url(/files/img/common/ico_arw_01.png) 96% center no-repeat;
}
.centerLink a {
	display: block;
	padding: 10px 25px 10px 10px;
	text-decoration: none;
}
.centerLink img {
	float: left;
	margin-right: 20px;
}
.centerLink h4 {
	margin: 10px 0 15px;
	font-size: 114.3%;
	font-weight: 700;
}
.centerLink a:hover {
	opacity: 0.70;
	-ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width:767px){
	.centerLink {
		width: 100%;
		margin: 0;
	}
	.centerLink img {
		width: 75px;
		margin-right: 10px;
	}
	.centerLink h4 {
		margin: 5px 0 15px;
		line-height: 1.4;
		font-size: 16px;
		font-weight: 700;
	}
	.centerLink p {
		font-size: 14px;
		overflow: auto;
	}
}
@media screen and (max-width:400px){
	.centerLink h4 {
		margin: 0 0 5px;
	}
	.centerLink p {
		font-size: 14px;
		overflow: auto;
	}
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.centerLink a:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.centerLink {
	*zoom: 1;
}


/*------------------------------------------------------------------------------

以下、詳細指示のためオーバーライド

------------------------------------------------------------------------------*/

.entrySec dd div p {
	font-size: 100%;
}