@charset "utf-8";

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

	CommonElements

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

@media screen and (min-width: 801px){
body {
	font-size: 100%;
	line-height: 160%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #fff;
	position: relative;
	overflow: hidden;
	visibility: hidden;
}

a,li,input[type=button]{transition: all 200ms ease-out;}
a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;}


p {
	padding: 0 0 30px 0;
}

h1 {
	top: 0;
	left: 0;
	padding: 10px 0;
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	position: absolute;
}
h2 {
	bottom: 0;
	left: 0;
	padding: 30px 0;
	width: 100%;
	font-size: 12px;
	position: absolute;
}

span.getu {
	width: 40px;
	    font-size: 11px;
	    display: block;
	    margin-left: -5px;
	    text-align: right;
	    float: left;
}

span.nennen {
	font-size: 11px;
	display: block;
	float: left;
	text-align: left;
}

/* #container
--------------------------- */
#container {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: 1;
}

/* .stageBase
--------------------------- */
.stageBase {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.stageBase .fieldWrap {
	padding: 100px 0 0 0;
	text-align: center;
}

.oya{
	position: relative;
}

.txt-r{
	text-align: right;
}

section{	position: relative;
	clear: both;
	overflow: hidden;}

#stage1 {background:#fff;
	}
#stage2 {background:#eee;
	background: url(/company/img/ceo-bg3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
background-size: cover;}
#stage3 {background:#ddd;
	background: url(/company/img/sub3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;}
#stage4 {background:#fff;
	background: url(/company/img/sub4.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;}
#stage5 {background:#fff;
	background: url(/company/img/m-bg2.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;}
#stage6 {background:#fff;}

.inner{
	max-width: 1200px;
	margin: 0 auto;
	height: 100%;
}
.ceo{
	position: absolute;
	bottom: -15%;
	left: 10%;
}
.ceo img {
        width: 500px;
}

.name {
    font-size: 1.3em;
}



	.bt3px {
	    border-bottom: 3px #fff solid;
	    border-top: 3px solid #fff;
	    padding-top: 18px !important;
}

.pd0{
    padding: 0;
}

.part1 {
    /*width: 1200px;*/
    display: block;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    height: 100%;
    position: relative;
}


.aisatsu{
	position: absolute;
  left: 55%;
  top: 25%;
  width: 520px;
  text-align: left;
}

.aisatsu > dt {
    font-size: 3.5em;
    font-family: serif;
    font-weight: bold;
    padding-bottom: 40px;
}

.aisatsu > dd {
	font-family: serif;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-shadow: #000 0 0 4px;
	line-height: 160%;
}

.rinen{
	width: 320px;
	position: absolute;
	top: 34%;
	right: 20%;
}

.rinen > dt {
    font-size: 3.5em;
    font-family: serif;
    font-weight: bold;
    padding-left: 60px;
		color: #fff;
		text-shadow: 1px 1px 4px #000;
}
.rinen > dd {
    font-family: serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 200%;
		color: #fff;
		text-shadow: 1px 1px 4px #000;
}

.tate {
    text-align: left;
    z-index: 30000;
    display: block;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

.info{
	width: 600px;
	top: 8%;
	margin: 0 auto;
}

.info > dt {
	font-size: 3.5em;
  font-family: serif;
  text-align: left;
  font-weight: bold;
  padding-bottom: 40px;
}
.info > dd {
	font-family: serif;
	text-align: left;
	font-size: 1rem;
	line-height: 0%;

}

.info2 {
    padding-top: 30px;
		position: relative;
}

.info-table{
	border-spacing: 2px;
  border-collapse: separate;
  background-color: rgba(255, 255, 255, 0.78);
  width: 100%;
  padding: 20px;
  margin-top: -10px;
  border-radius: 20px;
  box-shadow: 0 0 5px #fff;
}

.info-tit {
	vertical-align: top;
	text-align: center;
}
.bt3px > p {
    padding-bottom: 10px;
    line-height: 164%;
}


.titt{
	width: 80px;
	    background-color: #000;
	    color: #fff;
	    display: block;
	    padding-top: 3px;
	    vertical-align: middle;
}

.vt{vertical-align: top !important;}

.tttc {
	text-align: left;
	margin-left: -30px;
	padding-top: 4px;
	font-size: 1em;
}

.tttc1{
	display: inline-block;
	width: 90px;
	padding-bottom: 5px;
	}
.tttc2{
	display: inline-block;
	width: 40px;
	}

.tttc3{
	display: inline-block;
  width: 70px;}

.iso{
	width: 140px;
	position: absolute;
	right: 20px;
	bottom: 24px;
	text-align:right;
}

.iso9001{
	width: 140px;
	margin-bottom:0.125em;
}
/*
video {
	position: absolute;
	left: -240px;
	top: -350px;
	width: 2730px;
	height: 2000px;
	z-index: 1;
}
*/

#background1 {
		z-index: 1;
    position: absolute;;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto
		webkit-filter: blur(1px);;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}



#background2{
	z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
	webkit-filter: blur(1px);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}


.history{
	position: absolute;
  top: 8%;
  z-index: 999;
  text-align: left;
  font-family: sans-serif;
  left: 15%;

}

.history > dt {
	font-size: 3.5em;
  font-family: serif;
  text-align: left;
  font-weight: bold;
}
.history > dd {
    font-size: 11px;
    padding-right: 3px;
    background-color: rgba(255, 255, 255, 0.78);
}
.nen{
	width: 90px;
	display: inline-block;
	vertical-align: top;
	background-color: rgba(189, 5, 5, 0.54);
	border-radius: 3px;
	color: #fff;
	padding-left: 10px;
	margin-right: 10px;
}
.naiyo{
	display: inline-block;
}
.pd5{
	padding-bottom: 2px;
}

.pd10{
	padding-bottom: 10px;
}

.peda {
    position: absolute;
    width: 750px;
    height: 530px;
    left: 50%;
    top: 45%;
		z-index: 999;
    margin-left: -375px;
    margin-top: -265px;
}

.peda1 {
    position: absolute;
    width: 750px;
    left: 50%;
    top: 45%;
		z-index: 999;
    margin-left: -375px;
    margin-top: -265px;
}

.peda2 {
    position: absolute;
    width:1200px;
    left: 50%;
    top: 45%;
		z-index: 999;
    margin-left: -600px;
    margin-top: -265px;
}

#map_canvas{
	height: 370px;
  margin-top: 100px;
  float: right;
  width: 49%;
	    display: none;
}
.maptit {
	font-size: 3.5em;
  font-family: serif;
  text-align: left;
  font-weight: bold;
  padding-bottom: 40px;
}

.otoriawase{
	/*float: left;*/
	width: 50%;
	margin: 0 auto;
	padding-left: 30px;
	margin-top: 40px;
}

.otoriawase > h3{
	font-size: 1.9em;
	    font-weight: bold;
	    text-align: left;
	    padding-bottom: 10px;
}
.cf{
	text-align: left;
	padding-top: 10px;
	clear: both;
}


.cf img{
	width: 160px;
}

.cb{
	clear: both;
}
.ptxt > span{
	font-size: 12px;
	padding-right: 30px;
}

.ptxt > span a{
	text-decoration: none;
	color: #000;
	font-size: 12px;
}
.ptxt > span a:hover{
	text-decoration: none;
	color: red;
}

.otori{
	text-align: left;
}

.mt-40{margin-top: 40px;}
.otori{
	text-align: left;
  background-color: #fff;
  display: block;
  overflow-y: scroll;
  padding: 20px;
  width: 600px;
  max-height: 330px;
  box-shadow: 1px 1px 10px #eee;
  position: relative;
}
.otori dt{
	float: left;
	width: 140px;
	clear: both;
	display: block;
	padding-top: 5px;
	padding-left: 15px;
	text-align: left;
	margin: 2px 0px 2px 13px;
	font-size: 1.2em;
	height: 25px;
	}

.annai{
	text-align: left;
	padding-bottom: 13px;
	color: rgb(121, 0, 0);
}
.otori dd{
	float: left;
	padding: 5px 0px 0 14px;
}

.pc-none{ display: none}

.okuru,
.mfp_element_button,
.mfp_element_submit{
	margin-left: 1em;
	margin-top: 1em;
	width: 100px;
	height: 30px;
	font-size: 1.3em;
	background-color: #000;
	border: 1px solid #000;
	border-radius: 7px;
	color: #fff;
}

.okuru:hover,
.mfp_element_button:hover,
.mfp_element_submit:hover{
	opacity: 0.5;
}
.ip1{
	width: 370px;
	font-size: 1.2em;
	color: #333;
	border: #eee 1px solid;
	height: 22px;
	margin-top: -3px;
}

hr.cb.inpit-line{
	border: 1px solid rgba(238, 238, 238, 0.38);
	text-align: center;
	width: 95%;
	overflow: hidden;
}
.txtara{
	width: 370px !important;
	border: 1px solid #eee;
	height: 100px !important;
	font-size: 1.2em;
	margin-top: 2px;
}
.selec{
	width: 370px;
	font-size: 1.3em;
	margin-top: 2px;
}

.pl-330{
	padding-left: 310px;
}

.q1{
	font-size: 11px !important;
	padding-right: 10px !important;
	color: #000 !important;}

.ccca{
	width: 570px;
  margin: 0 auto;
  clear: both;
  padding-top: 30px;}

.imp::after{
	position: absolute;
	content: ':';
	left: 170px;

}

.hit-the-floor {
color: #000;
margin-top: 60px;
font-weight: bold;
font-size: 3.5em !important;
font-family: serif !important;
text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}

.hit-the-floor {
  text-align: left !important;
}


h3.hh3 {
    font-size: 2rem;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}


.copy{
    font-family: monospace;}


.pagePn1,.pagePn2,.pagePn3,.pagePn4,.pagePn5{
	position: initial;
}
.pagePn1.activeStage::before{
	content: '企業理念';
	position: absolute;
	line-height: 16px;
	right: 1px;
	color: rgb(255, 255, 255);
	height: 9px;
	font-size: 1em;
}
.pagePn2.activeStage::before{
	content: 'ごあいさつ';
	position: absolute;
	right: 1px;
	color: #fff;
  line-height: 1.18em;
	height: 9px;
	font-size: 1em;
}
.pagePn3.activeStage::before{
	content: '会社概要';
	position: absolute;
	right: 1px;
	color: #fff;
	height: 9px;
	font-size: 1em;
}
.pagePn4.activeStage::before{
	content: '会社情報';
	position: absolute;
	right: 1px;
	color: #fff;
	height: 9px;
	font-size: 1em;
}
.pagePn5.activeStage::before{
	content: '沿革';
	position: absolute;
	right: 1px;
	color: #fffcfc;
	height: 9px;
	line-height: 12px;
	font-size: 1em;
}
.pagePn6.activeStage::before{
	content: 'アクセス';
	position: absolute;
	right: 1px;
	color: #fffcfc;
	height: 9px;
	line-height: 12px;
	font-size: 1em;
}
.fa-fax,.fa-phone {
    color: #000 !important;
}

li.pagePn1.activeStage {
    height: 80px !important;
    background-color: #000;
    margin-bottom: 5px;
}


li.pagePn2.activeStage {
    height: 80px !important;
    background-color: #000;
    margin-bottom: 5px;
}


li.pagePn3.activeStage {
    height: 80px !important;
    background-color: #000;
    margin-bottom: 5px;
}


li.pagePn4.activeStage {
    height: 80px !important;
    background-color: #000;
    margin-bottom: 5px;
}


li.pagePn5.activeStage {
    height: 80px !important;
    background-color: #000;
    margin-bottom: 5px;
}


li.pagePn6.activeStage {
    height: 80px !important;
    background-color: #000;
    margin-bottom: 5px;
}



/* .stageSlide
--------------------------- */
.stageSlide {
	position: relative;
	overflow: hidden;
	visibility: hidden;
}
.stageSlide .slideWrap {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}
.stageSlide .slideWrap:before,
.stageSlide .slideWrap:after {
	content: " ";
	display: table;
}
.stageSlide .slideWrap:after {clear: both;}
.stageSlide .slideWrap {*zoom: 1;}

.stageSlide .slidePanel {
	float: left;
	overflow: hidden;
}



.stageSlide .sdPrev,
.stageSlide .sdNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	z-index: 99;
}
.stageSlide .sdPrev {
	left: 80px;
	background: transparent url(/company/img/slide_prev.png) no-repeat left top;
}
.stageSlide .sdNext {
	right: 80px;
	background: transparent url(/company/img/slide_next.png) no-repeat left top;
}

.stageSlide .slideNav {
	bottom: 40px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 98;
}
.stageSlide .slideNav a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	background: transparent url(/company/img/nav.png) no-repeat center center;
	display: inline-block;
	overflow: hidden;
}
.stageSlide .slideNav a.pnActive {
	background: transparent url(/company/img/nav_acv.png) no-repeat center center;
}

/* #pageNav
--------------------------- */
#pageNav {
	top: 0;
	right: 1%;

	width: 15px;
	text-align: center;
	position: fixed;
	z-index: 2;
	    display: none;
}
#pageNav ul {
	width: 15px;
	display: block;
}
#pageNav ul li {
	padding-bottom: 5px;
	width: 15px;
	height: 15px;
	display: block;
	/*overflow: hidden;*/
}
#pageNav ul li a {
	width: 15px;
	height: 15px;
  background-color: rgba(0,0,0,0.5);
	display: block;
}
#pageNav ul li.activeStage a {
	background-color: #000;
}

/* #pageDown
--------------------------- */
#pageDown {
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	text-align: center;
	position: fixed;
	overflow: hidden;
	z-index: 3;
}
#pageDown a {
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: transparent url(/company/img/next_arw.png) no-repeat center center;
	display: block;
}

.copy {
	font-size: 11px;
	color: #333;
	position: absolute;
	bottom: 0;
	width: 500px;
	margin-left: -250px;
	left: 50%;
	padding-bottom: 15px;
}


a.pri  {
	display: inline-block;
  padding: 0px 5px 0px 5px;
  border-radius: 5px;
  color: #fff;
  background-color: rgba(2, 2, 2, 1);
  text-decoration: none;
  font-size: 10px;
	}


a:hover.pri  {
    opacity: 0.6;


}


}



@media screen and (max-width: 800px){

	body {
		font-size: 100%;
		line-height: 160%;
		font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		text-align: center;
		background: #fff;
		position: relative;
		overflow: hidden;
		visibility: hidden;
	}

	a,li,input[type=button]{transition: all 200ms ease-out;}
	a:link { text-decoration:none; color: #000;}
	a:visited { text-decoration:none; color: #000;}
	a:active { text-decoration:none; color: #000;}
	a:hover { text-decoration:none; color: #000;}

	p {
		padding: 0 0 5px 0;
	}

	h1 {
		top: 0;
		left: 0;
		padding: 10px 0;
		width: 100%;
		background: #000;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		position: absolute;
	}
	h2 {
		bottom: 0;
		left: 0;
		padding: 30px 0;
		width: 100%;
		font-size: 12px;
		position: absolute;
	}

	/* #container
	--------------------------- */
	#container {
		top: 0;
		left: 0;
		width: 100%;
		position: absolute;
		z-index: 1;
	}

	/* .stageBase
	--------------------------- */
	.stageBase {
		width: 100%;
		position: relative;
		overflow: hidden;
	}
	.stageBase .fieldWrap {
		padding: 100px 0 0 0;
		text-align: center;
	}

	.oya{
		position: relative;
	}

	.txt-r{
		text-align: right;
	}


	section{	position: relative;
		clear: both;
		overflow: hidden;}

		#stage1 {background:#fff;
			background: url(/company/img/m-bg1.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;
			}
		#stage2 {background:#eee;
			background: url(/company/img/ceo-bg3.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		background-size: cover;}
		#stage3 {background:#ddd;
			background: url(/company/img/sub3.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;}
		#stage4 {background:#fff;
			background: url(/company/img/sub4.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;}
		#stage5 {background:#fff;
			background: url(/company/img/m-bg2.jpg);
			background-position: top center;
			background-repeat: no-repeat;
			background-size: cover;}
		#stage6 {background:#fff;}

	.inner{
		max-width: 100%;
		margin: 0 auto;
		height: 100%;
	}
	.ceo{
		position: absolute;
    bottom: 190px;
    left: -40px;
	}
	.ceo img {
		width: 220px;
	}

	.name {
	    font-size: 1.3em;
	}

	h3.hh3 {
	    display: none;
	}

		.bt3px {

	}

	.pd0{
	    padding: 0;
	}

	.part1 {
	    /*width: 1200px;*/
	    display: block;
	    margin: 0 auto;
	    clear: both;
	    overflow: hidden;
	    height: 100%;
	    position: relative;
	}


	.aisatsu{
		position: absolute;
    left: 0;
    bottom: 11%;
    text-align: left;
    color: #333;
    padding: 10px;
    padding-bottom: 50px;
    background-color: rgba(255, 255, 255, 0.88);
	}

	.aisatsu > dt {
		font-size: 2em;
    font-family: serif;
    color: #000 !important;
    font-weight: bold;
    padding-bottom: 20px;
	}

	.aisatsu > dd {
		font-family: serif;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    width: 100%;
    line-height: 160%;
	}

	.rinen{
		width: 320px;
		position: absolute;
		top: 34%;
		right: 20%;
	}

	.rinen > dt {
		font-size: 2em;
    font-family: serif;
    font-weight: bold;
    padding-left: 30px;
    color: #fff;
    text-shadow: 1px 1px 4px #000;
	}
	.rinen > dd {
		font-family: serif;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 160%;
    color: #fff;
    text-shadow: 1px 1px 4px #000;
	}

	.tate {
	    text-align: left;
	    z-index: 30000;
	    display: block;
	    -webkit-writing-mode: vertical-rl;
	    -moz-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	    -ms-writing-mode: vertical-rl;
	    writing-mode: vertical-rl;
	}

	.info{
		/* position: absolute; */
    /* top: 23%; */
    /* left: 5%; */
    /* right: 5%; */
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-top: 20px;
	}

	.info > dt {
		font-size: 2em;
	  font-family: serif;
	  text-align: center;
	  font-weight: bold;
	  padding-bottom: 20px;
	}
	.info > dd {
		font-family: serif;
    text-align: left;
    font-size: 0.8rem;
    background-color: rgba(255, 255, 255, 0.72);
    border-radius: 10px;
    padding: 5px;
	}

.mobile-none{display: none}

.info2 {
    padding-top: 10px;
}

	.info-table{
		border-spacing: 2px;
    border-collapse: separate;
    position: relative;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.78);
    width: 100%;
    padding: 10px;
    font-size: 0.8em;
    margin-top: -10px;
		}


	.info-tit {
		vertical-align: middle;
		text-align: center;
	}
	.bt3px > p {
		/* padding-bottom: 10px; */
	line-height: 1.5em;
	}


	.titt{
		width: 57px;
    background-color: #000;
    padding-left: 8px;
    text-align: left;
    color: #fff;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
    vertical-align: middle;
}

	.vt{vertical-align: top !important;}

	.tttc {
		text-align: left;
    padding-left: 5px;
    line-height: 11px;
    font-size: 1em;
    padding-top: 4px;
    display: block;
	}

	.tttc1{
		display: inline-block;
		width: 80px;
		padding-bottom: 5px;
		}
	.tttc2{
		display: inline-block;
		width: 30px;
		}

	.tttc3{
		display: inline-block;}

		td.iso {
		    text-align: right;
		}

	.iso9001{
		width: 90px;
    position: relative;
    right: 0;
    bottom: 0;
    display: block;
	margin: 0 0 0 auto;
	}


	/*
	video {
		position: absolute;
		left: -240px;
		top: -350px;
		width: 2730px;
		height: 2000px;
		z-index: 1;
	}
	*/

	#background1 {
		    display: none;
			z-index: 1;
	    position: absolute;;
	    top: 50%;
	    left: 100%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	}



	#background2{
		    display: none;
		z-index: 2;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  min-width: 100%;
	  min-height: 100%;
	  width: auto;
	  height: auto;
	  -webkit-transform: translateX(-50%) translateY(-50%);
	  transform: translateX(-50%) translateY(-50%);
	}


	.history{
		text-align: left;
    margin: 0 auto;
    margin-top: 20px;
    width: 95%;
    font-family: sans-serif;
    line-height: 1.1em;
    font-size: 0.8em;
	max-height: 70vh;
    overflow: scroll;
    display: block;
	}

	.history > dt {
		font-size: 3em;
    font-family: serif;
    text-align: center;
    font-weight: bold;
    padding-bottom: 40px;
	}
	.history > dd {
		display: table;
    background-color: rgba(0,0,0,0.5);
    padding-top: 10px;
    margin-top: -20px;
    border-radius: 10px;
	}
	.nen{
		font-size: 1em !important;
    width: 70px;
    display: table-cell;
    vertical-align: top;
    border-radius: 3px;
    color: #fff;
    padding-left: 5px;
    margin-right: 5px;
	}
	.naiyo{
		display: table-cell;
    color: #fff;
	}

	span.getu {
		width: 29px;
    display: block;
    margin-left: -5px;
    text-align: right;
    float: left;
	}

	span.nennen {
		display: block;
		float: left;
		text-align: left;
	}


	.pd5{
		padding-bottom: 5px;
	}

	.pd10{
		padding-bottom: 10px;
	}

	#map_canvas{
		display: none;
		height: 200px;
		margin-top: 20px;
		width: 100%;
	}
	.maptit {
		font-size: 3.5em;
	  font-family: serif;
	  text-align: left;
	  font-weight: bold;
	  padding-bottom: 40px;
	}

	.otoriawase{
		padding-left: 5%;
    margin-top: 20px;
    padding-right: 5%;
	}

	.otoriawase > h3{
		font-size: 1.2em;
    font-weight: bold;
    text-align: left;
	}
	.cf{
		text-align: left;
    padding-top: 20px;
    padding-left: 20px;
    clear: both;
	}

	.cf img{
    width: 150px;
	}

	.cb{
		clear: both;
	}
	.ptxt > span{
		font-size: 0.7em;
    display: block;
    padding-right: 30px;
	}

	.ptxt > span a{
		text-decoration: none;
		color: #000;
	}
	.ptxt > span a:hover{
		text-decoration: none;
		color: red;
	}

	.otori{
		text-align: left;
	}
	.peda2 {
    padding-top: 20px;
}


	.otori{
		text-align: left;
    background-color: #fff;
    display: block;
    overflow-y: scroll;
    width: 100%;
    box-shadow: 1px 1px 10px #eee;
    position: relative;
    padding: 20px;
	box-sizing: border-box;
	max-height: 300px;
	max-height: calc(100vh - 361px);
	}
	.otori dt{
		float: left;
    clear: both;
    display: block;
    text-align: left;
    font-size: 0.7em;
    /* height: 25px; */
    width: 80px;
    padding-left: 12px;
		}

	.annai{
		text-align: left;
    line-height: 1.1;
    font-size: 0.8em;
    padding-bottom: 10px;
    color: rgb(121, 0, 0);
}
	.otori dd{
		float: left;
    padding-left: 1px;
    padding-top: 1px;
	}

	.okuru,
	.mfp_element_button,
	.mfp_element_submit{
		padding: .5em 1em;
		margin-left: 1em;
		margin-top: 1em;
    font-size: 0.7em;
    background-color: #000;
    border: 1px solid #000;
    border-radius: 7px;
    color: #fff;
	}

	.okuru:hover,
	.mfp_element_button:hover,
	.mfp_element_submit:hover{
		opacity: 0.5;
	}
	.ip1{
		width: 190px;
    font-size: 0.8em;
    color: #333;
    border: #eee 1px solid;
    background-color: rgba(238, 238, 238, 0.28);
    height: 12px;
	}

	hr.cb.inpit-line{
		border: 1px solid rgba(238, 238, 238, 0.38);
		text-align: center;
		width: 95%;
		overflow: hidden;
	}
	.txtara{
		width: 90% !important;
    margin: 0 auto;
    margin-left: 4px;
    border: 1px solid #eee;
    height: 80px;
    font-size: 0.7em;
    margin-top: 2px;
}



	.selec{
		width: 190px;
    font-size: 0.7em;
    border: 1px solid #eee;
	}
/*
	.imp::after{
		position: absolute;
		content: ':';
		left: 170px;

	}
*/

	.hit-the-floor {
	color: #000;
	font-size: 2em;
	font-weight: bold;
	font-family: Helvetica;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
	}

	.hit-the-floor {
	  text-align: center;
	}

	.access{
		/* margin-top: -70px !important; */
}

	.copy{
	    font-family: monospace;}

/
	.pagePn1,.pagePn2,.pagePn3,.pagePn4,.pagePn5{
		position: initial;
	}

	.pagePn1.activeStage::before{
		content: '企業理念';
		position: absolute;
		line-height: 16px;
		top: 2px;
		right: 1px;
		color: rgb(255, 255, 255);
		height: 9px;
		font-size: 1em;
	}
	.pagePn2.activeStage::before{
		content: 'ごあいさつ';
		position: absolute;
		top: 24px;
		right: 1px;
		color: #fff;
		height: 9px;
		font-size: 1em;
	}
	.pagePn3.activeStage::before{
		content: '会社情報';
		position: absolute;
		top: 45px;
		right: 1px;
		color: #fff;
		height: 9px;
		font-size: 1em;
	}
	.pagePn4.activeStage::before{
		content: '沿革';
		position: absolute;
		top: 82px;
		right: 1px;
		color: #fff;
		height: 9px;
		font-size: 1em;
	}
	.pagePn5.activeStage::before{
		content: 'アクセスマップ';
		position: absolute;
		top: 80px;
		right: 1px;
		color: #fffcfc;
		height: 9px;
		line-height: 12px;
		font-size: 1em;
	}


	li.pagePn1.activeStage {
	    height: 80px !important;
	    background-color: #000;
	    margin-bottom: 5px;
	}


	li.pagePn2.activeStage {
	    height: 80px !important;
	    background-color: #000;
	    margin-bottom: 5px;
	}


	li.pagePn3.activeStage {
	    height: 80px !important;
	    background-color: #000;
	    margin-bottom: 5px;
	}


	li.pagePn4.activeStage {
	    height: 80px !important;
	    background-color: #000;
	    margin-bottom: 5px;
	}


	li.pagePn5.activeStage {
	    height: 80px !important;
	    background-color: #000;
	    margin-bottom: 5px;
	}



	/* .stageSlide
	--------------------------- */
	.stageSlide {
		position: relative;
		overflow: hidden;
		visibility: hidden;
	}
	.stageSlide .slideWrap {
		top: 0;
		left: 0;
		position: absolute;
		overflow: hidden;
	}
	.stageSlide .slideWrap:before,
	.stageSlide .slideWrap:after {
		content: " ";
		display: table;
	}
	.stageSlide .slideWrap:after {clear: both;}
	.stageSlide .slideWrap {*zoom: 1;}

	.stageSlide .slidePanel {
		float: left;
		overflow: hidden;
	}



	.stageSlide .sdPrev,
	.stageSlide .sdNext {
		margin-top: -25px;
		top: 50%;
		width: 50px;
		height: 50px;
		display: block;
		position: absolute;
		z-index: 99;
	}
	.stageSlide .sdPrev {
		left: 80px;
		background: transparent url(/company/img/slide_prev.png) no-repeat left top;
	}
	.stageSlide .sdNext {
		right: 80px;
		background: transparent url(/company/img/slide_next.png) no-repeat left top;
	}

	.stageSlide .slideNav {
		bottom: 70px;
		left: 0;
		width: 100%;
		height: 15px;
		text-align: center;
		position: absolute;
		z-index: 98;
	}
	.stageSlide .slideNav a {
		margin: 0 5px;
		width: 15px;
		height: 15px;
		background: transparent url(/company/img/nav.png) no-repeat center center;
		display: inline-block;
		overflow: hidden;
	}
	.stageSlide .slideNav a.pnActive {
		background: transparent url(/company/img/nav_acv.png) no-repeat center center;
	}

	/* #pageNav
	--------------------------- */
	#pageNav {
		top: 310px !important;
		display: none;
    right: 1%;
    width: 15px;
    text-align: center;
    position: fixed;
    z-index: 2;
	}
	#pageNav ul {
		width: 15px;
		display: block;
	}
	#pageNav ul li {
		padding-bottom: 5px;
		width: 15px;
		height: 15px;
		display: block;
		/*overflow: hidden;*/
	}
	#pageNav ul li a {
		width: 15px;
		height: 15px;
	  background-color: rgba(0,0,0,0.5);
		display: block;
	}
	#pageNav ul li.activeStage a {
		background-color: #000;
	}

	/* #pageDown
	--------------------------- */
	#pageDown {
		bottom: -15px;
    left: 0;
    width: 100%;
    height: 40px;
    text-align: center;
    position: fixed;
    overflow: hidden;
    z-index: 3;
	}
	#pageDown a f{
		margin: 0 auto;
		width: 30px;
		height: 30px;
		background: transparent url(/company/img/next_arw.png) no-repeat center center;
		display: block;
	}






}


/*-- cfP ------------*/

#mfp_hidden {
    overflow: hidden;
    width: 1px;
    height: 1px;
    padding: 0px;
    margin: 0px;
}

#mfp_confirm_table {
	margin: 1.5em 0;
}

.mfp_element_all {
	padding: .5em;
	border: 1px solid #eee;
}

.mfp_err {
	font-size: 0.7em;
}