@charset "UTF-8";



/*========================================

  下層ページ共通　#page

========================================*/
.contents {
	margin-top:50px;
}


.pagetitle {
	padding-top:120px;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}

@media screen and (max-width: 768px) {
	.pagetitle {
		padding-top:22vw;
		padding-bottom:5vw;
	}
}


.pagetitle h1 {
	letter-spacing:3px;
	font-size:24px;
	margin:0;
	color:#444;
}
.pagetitle h1 small {
	margin-left:20px;
	font-size:15px;
	color:#888;
}

#page h2.basic {
	background:#f6f6f6;
	font-size:21px;
	border-left:2px solid #127;
	color:#127;
	padding:12px 5px 12px 15px;
	margin-top:30px;
	font-weight:bold;
	letter-spacing:2px;
}
#page h2.basic small {
	color:#084;
}


div.subpagetitle {
	border-bottom:3px double #2773cf;
}
div.subpagetitle h2 {
	background:#2773cf;
	position:relative;
	margin:0;
	padding:.8em 0 .8em 1.5em;
	font-size:22px;
	font-weight:bold;
	text-align:left;
	color:#fff;
	line-height:1em;
	letter-spacing:.1em;
}

div.subpagetitle h2:before {
	content:"";
	position:absolute;
	background:#fff;
	top:10px;
	left:.7em;
	height:70%;
	width:3px;
}


div.subpagetitle h2 small {
	font-size:18px;
	color:#fff;
}



p.catch strong {
	font-family:"ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight:normal;
	font-size:20px;
	margin-top:30px;
	line-height:1.6em;
}


#page ul.pagenavi {
	text-align:right;
	margin-top:20px;
	padding:0;
}

#page ul.pagenavi li {
	display:inline-block;
	margin-right:15px;
	margin-bottom:10px;
	text-align:left;
}
#page ul.pagenavi li a:before {
	content:" \f138";
	font-family:FontAwesome;
	margin-right:5px;
	color:#50a4d3;
}
#page ul.pagenavi li a {
	color:#333;
}
#page ul.pagenavi li a:hover {
	text-decoration:none;
	color:#777;
}

@media screen and (max-width: 480px) {
	#page ul.pagenavi {
		text-align:left;
		border:none;
		margin:0 !important;
		padding:0 !important;
	}
	#page ul.pagenavi li {
		display:block;
		margin:0 !important;
		padding:0 !important;
		margin-top:10px !important;
		padding-bottom:10px !important;
		padding-left:10px !important;
		border:none;
		border-bottom:1px solid #ddd;
		font-size:14px;
	}
}

@media screen and (max-width: 480px) {
	.sppp0 {
		padding:0 !important;
	}
}





/*========================================

  経営理念
  
========================================*/

div.rinen h3 {
	margin-top:40px;
	padding-bottom:3px;
	margin-bottom:15px;
	color:#0071af;
	letter-spacing:.1em;
	font-size:17px;
	font-weight:bold;
}

p.txtrinen {
	border:1px solid #d7d7d7;
	padding:65px 0 55px 0;
	margin-top:20px;
	text-align:center;
}

@media screen and (max-width: 768px) {
	p.txtrinen {
		padding:25px 0 25px 0;
	}
}



p.syaze {
	border:1px solid #d7d7d7;
	padding:30px 0;
	margin-top:20px;
	text-align:center;
}

div.rinen dl {
	border:1px solid #d7d7d7;
	margin:0;
	margin-top:18px;
	padding:15px 20px;
}
div.rinen dl dt {
	font-size:16px;
	font-weight:bold;
	margin:0;
	padding:0;
	padding-bottom:3px;
	padding-left:3px;
	line-height:1.5em;
	border-bottom:1px solid #0071af;
}
div.rinen dl dd {
	margin:0;
	margin-top:10px;
	margin-left:3px;
	padding:0;
	line-height:1.6em;
	font-size:14px;
}



/*========================================

  会社概要
  
========================================*/

div.outline div.box {
	float:left;
	display:inline;
	margin-right:20px;
}
div.outline div.b01 {
	width:156px;
}
div.outline div.b02 {
	width:233px;
}
div.outline div.b03 {
	width:233px;
	margin-right:0;
}
div.outline div.box p {
	margin-top:3px;
	font-size:93%;
}

@media screen and (max-width: 768px) {
	div.outline div.box {
		float:none;
		display:block;
		margin:0;
	}
	div.outline div.b01,
	div.outline div.b02,
	div.outline div.b03 {
		text-align:center;
		width:auto;
	}
}



div.outline table {
	width:100%;
	margin:0;
	border-collapse:collapse;
	border-bottom:1px solid #ccc;
}
div.outline table tr {
	font-size:100%;
}
div.outline table th {
	text-align:center;
	padding:10px 4px;
	font-weight:normal;
	white-space:nowrap;
	vertical-align:middle;
	background:#f6f6f6;
	border-top:1px solid #ccc;
	padding:15px 15px;
}
div.outline table th.year {
	border-right:none;
}
div.outline table th.mouth {
	border-left:none;
	border-right:none;
}
div.outline table th.japan {
	border-left:none;
	text-align:right;
}
div.outline table td {
	background-color:#fff;
	padding:10px 10px;
	text-align:left;
	line-height:1.6em;
	vertical-align:middle;
	border-top:1px solid #ccc;
	padding:15px 15px;
}




/*========================================

  静鉄ブランド
  
========================================*/

div.branding h3 {
	margin-top:2em;
	font-size:26px;
	line-height:1.5em;
	font-weight:normal;
}
div.branding p {
	font-size:15px;
	margin-top:2em;
	line-height:2em;
}

div.branding .statement {
	color:#0075c1;
	text-align:center;
	margin:80px 0;
}

div.branding .statement p {
	font-size:16px;
	margin-top:2em;
	margin-bottom:3em;
}

@media screen and (max-width: 479px) {
	div.branding .statement p {
		font-size:14px;
	}
	div.branding .statement .logo {
		width:60%;
		height:auto;
	}
}




div.branding .movie-item {
	margin-bottom:30px;
}
div.branding .movie-item figure {
	position:relative;
	margin:0;
}

div.branding .movie-item figure em {
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	-webkit-transform:translate3d(-50%,-50%,0);
	   -moz-transform:translate3d(-50%,-50%,0);
	     -o-transform:translate3d(-50%,-50%,0);
	    -ms-transform:translate3d(-50%,-50%,0);
	        transform:translate3d(-50%,-50%,0);
	opacity:.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	    filter:alpha(opacity=80);
	-webkit-transition:opacity 500ms ease;
	   -moz-transition:opacity 500ms ease;
	     -o-transition:opacity 500ms ease;
	    -ms-transition:opacity 500ms ease;
	        transition:opacity 500ms ease;
	width:60px;
}

div.branding figcaption {
	margin-top:10px;
}



/*========================================

  事業紹介
  
========================================*/


ul.jigyolist {
	position:relative;
	margin:auto;
	padding:0;
	height:500px;
	width:480px;
}
ul.jigyolist li {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
}
ul.jigyolist li.btn00 {
	top:141px;
	left:167px;
}
ul.jigyolist li.btn01 {
	top:0;
	left:250px;
}
ul.jigyolist li.btn02 {
	top:281px;
	left:83px;
}
ul.jigyolist li.btn03 {
	top:141px;
	left:333px;
}
ul.jigyolist li.btn04 {
	top:281px;
	left:250px;
}
ul.jigyolist li.btn05 {
	top:141px;
	left:0;
}
ul.jigyolist li.btn06 {
	top:0;
	left:83px;
}



@media screen and (max-width: 520px) {
	ul.jigyolist {
		position:relative;
		margin:auto;
		padding:0;
		height:330px;
		width:312px;
	}
	ul.jigyolist img {
		width:100px;
		height:114px;
	}
	ul.jigyolist li {
		position:absolute;
		list-style:none;
		margin:0;
		padding:0;
	}
	ul.jigyolist li.btn00 {
		top:90px;
		left:106px;
	}
	ul.jigyolist li.btn01 {
		top:0;
		left:158px;
	}
	ul.jigyolist li.btn02 {
		top:180px;
		left:54px;
	}
	ul.jigyolist li.btn03 {
		top:90px;
		left:212px;
	}
	ul.jigyolist li.btn04 {
		top:180px;
		left:158px;
	}
	ul.jigyolist li.btn05 {
		top:90px;
		left:0;
	}
	ul.jigyolist li.btn06 {
		top:0;
		left:54px;
	}
}



#page div.jigyo h2 {
	border:none;
	background:url(img/page/mrk_jigyo_h2.gif) no-repeat 0 center;
	padding:5px 0 5px 33px;
	margin-top:0;
	letter-spacing:.1em;
	font-size:24px;
}
div.jigyo h3 {
	background:url(img/page/bg_jigyo_h3.gif) repeat 0 0;
	border-top:1px solid #0071b1;
	border-bottom:1px solid #0071b1;
	padding:8px 0 6px 10px;
	margin-top:40px;
	letter-spacing:.1em;
	font-size:18px;
}
div.jigyo h4 {
	font-size:17px;
	line-height:1.6em;
	margin:0;
	margin-top:20px;
}
div.jigyo p {
	font-size:13px;
	margin:0;
	margin-top:10px;
	line-height:1.6em;
}
div.jigyo div.Lbox {
	float:left;
	display:inline;
	width:550px;
	margin-left:5px;
}
div.jigyo div.Lbox p {
	text-align:justify;
	text-justify:inter-ideograph;
}

div.jigyo div.Rbox {
	float:right;
	display:inline;
	width:260px;
	text-align:right;
}
div.jigyo div.Rbox img {
	margin-top:25px;
}

@media screen and (max-width: 1200px) {
	div.jigyo div.Lbox {
		width:400px;
	}
}


@media screen and (max-width: 768px) {
	div.jigyo div.Lbox {
		float:none;
		display:block;
		width:auto;
		margin-left:0;
	}

	div.jigyo div.Rbox {
		float:none;
		display:block;
		width:auto;
		text-align:center;
	}
	div.jigyo div.Rbox img {
		text-align:center;
		margin:0 auto;
		margin-top:10px;
	}
}


div.jigyo ul.link {
	margin:0;
	margin-top:15px;
	padding:0;
}
div.jigyo ul.link li {
	margin:0;
	margin-bottom:5px;
	list-style:none;
	font-size:12px;
}
div.jigyo ul.link li a {
	background:url(img/mark/mrk_link.gif) no-repeat 0 0;
	padding-left:8px;
}
div.jigyo ul.link li a span {
	background:url(img/mark/mrk_window.gif) no-repeat right center;
	padding-right:15px;
}



/*========================================

  働き方
  
========================================*/
div.worklife {
	margin-top:0;
	background:#eff6f8;
}

div.worklife .hero {
	position:relative;
}

div.worklife .hero .catch {
	position:absolute;
	top:0;
	bottom:0;
	width:100%;
	font-size:42px;
	height:55px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,.8);
	transform:translateX(-10px);
}
@media screen and (max-width: 1600px) {
	div.worklife .hero .catch {
		font-size:38px;
		height:50px;
	}
}

@media screen and (max-width: 767px) {
	div.worklife .hero .catch {
		font-size:38px;
		height:100px;
	}
}
@media screen and (max-width: 479px) {
	div.worklife .hero .catch {
		font-size:32px;
		height:90px;
	}
}





div.worklife .contents {
	background:#fff;
	padding:8%;
	padding-top:5%;
	margin-top:0;
}


div.worklife p {
	font-size:17px;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.8em;
}
div.worklife .copyCenter {
	text-align:center;
}
div.worklife .btnOnOff {
	margin-top:30px;
	text-align:center;
	transition:.3s;
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	div.worklife .btnOnOff {
		text-align:center !important;
	}
}

div.worklife .btnOnOff a {
	display:inline-block;
	background:#d872b2;
	color:#fff;
	margin-top:5px;
	padding:10px 20px;
	        border-radius:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	font-weight:normal;
}
div.worklife .btnOnOff a:hover {
	text-decoration:none;
	 filter:alpha(opacity=70);
	-moz-opacity:.7;
	     opacity:.7;
}
div.worklife .btnOnOff span:after {
	content:"\f08e";
	font-family:fontAwesome;
	margin-left:5px;
}

@media screen and (max-width: 767px) {
	div.worklife .copyCenter {
		text-align:justify;
	}
}

div.worklife .text {
	margin-left:10%;
	margin-right:10%;
}
div.worklife .text .atten li {
	text-align:center;
}
div.worklife .imgbox2 {
	margin-top:30px;
	text-align:center;
}
div.worklife .imgbox2 img {
	margin:0 5px;
	height:220px;
	width:auto;
}


@media screen and (max-width: 1199px) {
	div.worklife .text {
		margin-left:5%;
		margin-right:5%;
	}
	div.worklife .text .atten li {
		text-align:left;
	}
}

@media screen and (max-width: 991px) {
	div.worklife .text {
		margin-left:0;
		margin-right:0;
	}
}


@media screen and (max-width: 767px) {
	div.worklife .imgbox2 img {
		width:80%;
		height:auto;
		margin-bottom:5vw;
	}
}



div.worklife h2 {
	position:relative;
	text-align:center;
	background:none;
	border:none;
	border:3px solid #0071b1;
	font-size:26px;
	margin-top:80px;
	margin-bottom:60px;
	padding:40px 10px;
	letter-spacing:2px;
	line-height:1.4em;
}
@media screen and (max-width: 479px) {
	div.worklife h2 {
		font-size:24px;
		margin-top:70px;
		margin-bottom:40px;
		padding:30px 10px;
	}
}

div.worklife h3 {
	position:relative;
	text-align:center;
	font-size:22px;
	font-weight:bold;
	margin-top:3em;
	margin-bottom:2.5em;
	line-height:1.5em;
}
div.worklife h3:before {
	content:"";
	position:absolute;
	bottom:-30px;
	left:0;
	right:0;
	margin:0 auto;
	width:20px;
	height:2px;
	background:#0071b1;
}

div.worklife h4 {
	border-left:2px solid #0071b1;
	padding:3px 0;
	padding-left:14px;
	font-weight:bold;
	font-size:18px;
	line-height:1.5em;
	margin-top:2em;
}
div.worklife h4 span {
	background:#eff6f8;
	font-size:93%;
	padding:5px 10px;
	margin-right:10px;
}

div.worklife .blue {
	color:#0071b1;
}

div.worklife .atten {
	list-style:none;
	padding-left:0;
	font-size:13px;
}
div.worklife .atten li {
	padding-left:1em;
	text-indent:-1em;
	line-height:1.8em;
}

div.worklife .pointWrap {
	display:flex;
	justify-content:center;
	margin-top:40px;
}
div.worklife .pointWrap p {
	margin-left:10px;
	margin-right:10px;
}
div.worklife .point {
	text-align:center;
	font-weight:bold;
	margin-top:50px;
}
@media screen and (max-width: 991px) {
	div.worklife .pointWrap {
		flex-wrap:wrap;
		margin-top:30px;
	}
	div.worklife .pointWrap p {
		margin-top:20px;
	}
}
div.worklife .point p,
div.worklife .pointWrap p {
	display:inline-block;
	background:#0071b1;
	border:5px solid #eff6f8;
	color:#fff;
	padding:20px 40px;
	font-size:20px;
	        border-radius:10px;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	text-align:center;
	line-height:1.7em;
}
div.worklife .point small,
div.worklife .pointWrap small {
	display:block;
	line-height:1.4em;
	font-size:16px;
}
div.worklife .point small.atten,
div.worklife .pointWrap small.atten {
	font-weight:normal;
	font-size:13px;
}
div.worklife .point strong,
div.worklife .pointWrap  strong {
	text-align:center;
	font-weight:bold;
	font-size:30px;
}


div.worklife .outline {
	display:flex;
	margin-top:15px;
	margin-bottom:0;
	font-size:16px;
	border:none !important;
}
div.worklife .outline th {
	border:none !important;
	        border-radius:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	background:#0071b1;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	padding:10px 0 !important;
	width:120px;
	white-space:nowrap;
}
div.worklife .outline td {
	border:none !important;
	font-size:15px;
	padding:10px 0 !important;
	padding-left:20px !important;
	line-height:1.7em;
}
div.worklife .outline td strong {
	display:block;
	font-size:17px;
	margin-bottom:.3em;
}

@media screen and (max-width: 479px) {
	div.worklife .outline,
	div.worklife .outline tr,
	div.worklife .outline th,
	div.worklife .outline td,
	div.worklife .outline tbody {
		display:block;
	}
	div.worklife .outline {
		display:block;
	}
	div.worklife .outline th {
		width:100%;
	}
	div.worklife .outline td {
		display:block;
		padding:10px 5px !important;
	}
}



div.worklife .ikubosu {
	padding:40px;
	        border-radius:10px;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
	margin-top:40px;
	background:#eff6f8;
}
@media screen and (max-width: 479px) {
	div.worklife .ikubosu {
		padding:20px;
	}
}

div.worklife .ikubosu dt {
	font-size:18px;
	text-align:center;
	color:#0071b1;
	background:#fff;
	padding:10px 5px;
	        border-radius:5px;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
}
div.worklife .ikubosu dd {
	font-size:14px;
	margin-top:1em;
	line-height:1.8em;
}
div.worklife .ikubosu dd strong {
	display:block;
	font-size:15px;
}
div.worklife .ikubosu dd em {
	color:#0071b1;
	font-style:normal;
	font-weight:bold;
}
div.worklife .ikubosu dd .headline {
	font-size:16px;
	color:#0071b1;
	margin-bottom:10px;
	margin-top:20px;
	text-align:center;
	letter-spacing:3px;
	display:flex;
	align-items:center;
}

div.worklife .ikubosu dd .headline:before,
div.worklife .ikubosu dd .headline:after {
	content:"";
	flex-grow:1;
	height:1px;
	background:#0071b1;
	display:block;
}
div.worklife .ikubosu dd .headline:before {
	margin-right:1em;
}
div.worklife .ikubosu dd .headline:after {
	margin-left:1em;
}

@media screen and (max-width: 767px) {
	div.worklife .kuruminmrk {
		text-align:center;
		margin-bottom:10px;
	}
	div.worklife .kuruminmrk img {
		width:40%;
		height:auto;
	}
}



/*========================================

  div#utilities

========================================*/




div#utilities ul.banner {
	margin:0;
	margin-top:20px;
	padding:0;
	list-style:none;
}
div#utilities ul.banner li {
	margin:0;
	margin-top:10px;
	padding:0;
	list-style:none;
	line-height:0;
}

div#utilities dl {
	margin:0;
}

div#utilities dl dt {
	background-color:#444;
	margin:0;
	padding:14px 0 12px 12px;
	color:#fff;
	letter-spacing:.1em;
	font-weight:normal;
	font-size:15px;
}

div#utilities dl dd {
	margin:0;
	padding:0;
}

div#utilities dl dd ul {
	margin:0;
	margin-top:1px;
	padding:0;
	list-style-type:none;
}

div#utilities dl dd ul li {
	background:#f6f6f6;
	padding:0;
	padding-left:10px;
	margin:0;
	margin-bottom:1px;
	font-size:14px;
}
div#utilities dl dd ul li small {
	font-size:10px;
}
div#utilities dl dd ul li strong {
	display:block;
	padding:12px 0 10px 0;
	background:url(img/utilities/mrk_blue.gif) no-repeat 0 center;
	padding-left:18px;
	font-weight:normal;
	color:#0071ba;
}
div#utilities dl dd ul li.gray {
	color:#888;
}
div#utilities dl dd ul li.coming span {
	display:block;
	background:#f6f6f6 url(img/utilities/mrk_gray2.gif) no-repeat 0 center;
	padding:12px 0 10px 0;
	padding-left:18px;
	color:#888;
}

div#utilities dl dd ul li a {
	display:block;
	background:url(img/utilities/mrk_gray.gif) no-repeat 0 center;
	padding:12px 0 10px 0;
	padding-left:18px;
	text-decoration:none;
	color:#333;
}

div#utilities dl dd ul li a:hover {
	background:url(img/utilities/mrk_blue.gif) no-repeat 0 center;
	color:#0071ba;
}
div#utilities dl dd ul li.select:hover {
	background:#e0e7ee;
}
div#utilities dl dd ul li.catettl {
	background:#777;
	padding:6px 0 5px 10px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}

div#utilities dl dd ul ul {
	margin:0;
	padding:0;
	padding-bottom:5px;
	margin-bottom:1px;
}

div#utilities dl dd ul ul li {
	border:none;
	padding:0;
	margin:0;
	margin-left:16px;
	_line-height:0;
}
div#utilities dl dd ul ul li.catettl {
	font-size:12px;
	font-weight:bold;
}
div#utilities dl dd ul ul li strong {
	display:block;
	padding:6px 0 4px 0;
	background:url(img/utilities/mrk_blue-s.gif) no-repeat 0 center;
	padding-left:12px;
	font-weight:normal;
	color:#0071ba;
}
div#utilities dl dd ul ul li.coming,
div#utilities dl dd ul ul li.coming:hover {
	display:block;
	background:url(img/utilities/mrk_gray2-s.gif) no-repeat 0 center;
	padding:6px 0 4px 0;
	padding-left:12px;
	text-decoration:none;
	color:#888;
}
div#utilities dl dd ul ul li a {
	display:block;
	background:url(img/utilities/mrk_gray-s.gif) no-repeat 0 center;
	padding:6px 0 4px 0;
	padding-left:12px;
	text-decoration:none;
	color:#333;
}

div#utilities dl dd ul ul li a:hover {
	background:url(img/utilities/mrk_blue-s.gif) no-repeat 0 center;
}

@media screen and (max-width: 767px) {
	div#utilities {
		margin-bottom:30px;
	}
}



#page h2 {
	background:#f6f6f6;
	border-left:2px solid #0071b1;
	padding:10px 0 8px 12px;
	color:#0071b1;
	font-size:18px;
	font-weight:bold;
}