@charset "UTF-8";

/*******************************************
    reset
*******************************************/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;list-style:none;word-break:break-all;word-wrap:break-word}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#fff;text-decoration:none}ins,mark{color:#000}mark{background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:text-bottom}


/*******************************************
    clearfix
*******************************************/
.cf:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}.cf{display:inline-block}* html .cf{height:1%}.cf{display:block}


/*******************************************
    basic
*******************************************/
html {
	width:100%;
	height:100%;
}
body {
	width:100%;
	padding-bottom:220px;
	font:20px/1.8 "ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",'MS PGothic',Arial;
	color:#000;
	background:#fff;
	position:relative;
}
a {
	outline:none;
	text-decoration:none;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
button {
	outline:none;
}
input[type="radio"] {
	margin:0 5px 0 0;
	vertical-align:baseline
}
.wrap {
	width:1000px;
	margin:0px auto;
	position:relative;
}
.spOnly {
	display:none !important;
}
.red {
	color:#f00;
}


/*******************************************
    footer
*******************************************/
.footer {
	width:100%;
	background:#fff url(../images/footer_bg.gif) center top no-repeat;
	position:fixed;
	bottom:0;
	left:0;
	z-index:10;
}
.footer__wrap {
	width:1000px;
	height:220px;
	margin:0px auto;
	position:relative;
}
.footer__logo {
	border-right:1px solid #999;
	position:absolute;
	bottom:0;
	right:0;
}
.footer__tel a {
	cursor:default
}
.gnavi {
	border-right:1px solid #999;
	position:absolute;
	bottom:0;
	right:222px;
}
.gnavi > li {
	border-left:1px solid #999;
	float:right;
}
.gnavi a {
	width:65px;
	height:206px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
}
.gnavi--01 {
	width:72px;
	background:url(../images/gnavi_01.png) center top no-repeat;
}
.gnavi--02 {
	background:url(../images/gnavi_02.png) center top no-repeat;
}
.gnavi--03 {
	background:url(../images/gnavi_03.png) center top no-repeat;
}
.gnavi--04 {
	background:url(../images/gnavi_04.png) center top no-repeat;
}
.gnavi--05 {
	background:url(../images/gnavi_05.png) center top no-repeat;
}
.gnavi--01:hover,
.gnavi--02:hover,
.gnavi--03:hover,
.gnavi--04:hover,
.gnavi--05:hover {
	background-position:center bottom;
}
.footer__info {
	position:absolute;
	top:38px;
	left:0;
}
.footer__adrs {
	font-size:14px;
}
.copyright {
	margin-top:5px;
	font-size:13px;
}

/* Updated 2019.07.03 */
.footer__oshirase{
    position:absolute;
    top:38px;
    left:280px;
}


/*******************************************
    top
*******************************************/
#topFv {
	height:100%;
	overflow:hidden;
	position:relative;
}
#topFv img {
	width:100%;
	vertical-align:middle;
}


/*******************************************
    page
*******************************************/
.page {
	padding-bottom:80px;
	background:#ebebeb url(../images/header_bg.png) center top no-repeat;
}
.page__tit {
	padding:60px 0 140px;
}
#history p {
	margin-bottom:1.8em;
}
.historyImg {
	margin-bottom:17px;
}
.voiceBox {
	margin-bottom:120px;
	position:relative;
}
.voiceBox__nameRight {
	position:absolute;
	top:0;
	left:615px;
}
.voiceBox__nameLeft {
	position:absolute;
	top:0;
	left:0;
}
.voiceBox__imgLeft {
	margin:25px 25px 25px 0;
	float:left;
}
.voiceBox__imgRight {
	margin:25px 0 25px 25px;
	float:right;
}
.voiceBox__cmt {
	padding-top:110px;
}
.voiceBox__cmt p {
	margin-bottom:1.8em;
}
.voiceBox__cmt p:last-child {
	margin-bottom:0;
}
.recruit__msg {
	text-align:center;
}
.recruit__jobs {
	letter-spacing:-1em;
	text-align:center;
}
.recruit__jobs > li {
	width:50%;
	margin-top:40px;
	letter-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
}
.recruit__jobs > li:nth-child(1),
.recruit__jobs > li:nth-child(2) {
	margin-top:50px;
}
.recruitBox {
	margin-top:60px;
	padding:45px 0 65px;
	background:#fff;
}
.recruitBox__tit {
	text-align:center;
}
.recruitBox__Table {
	width:800px;
	margin:45px auto 0;
	font-size:16px;
	border-top:1px solid #a3a3a3;
}
.recruitBox__Table th {
	width:170px;
	padding:10px 0;
	color:#06c;
	font-weight:bold;
	text-align:center;
	border-right:1px solid #a3a3a3;
	border-bottom:1px solid #a3a3a3;
	vertical-align:middle;
}
.recruitBox__Table td {
	padding:10px 15px;
	border-bottom:1px solid #a3a3a3;
	vertical-align:middle;
}
.recruitBox__Table a {
	color:#06c;
	text-decoration:underline;
}
.recruitBox__Table a:hover {
	opacity:0.7;
}
.recruitBox__cv {
	margin-top:50px;
	letter-spacing:-1em;
	text-align:center;
}
.recruitBox__cv > p {
	letter-spacing:normal;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.recruitBox__cv__tit {
	margin:0 14px;
	font-size:14px;
	font-weight:bold;
}
.recruitBox__cv__tel {
	margin:0 14px;
}
.recruitBox__cv__tel a {
	cursor:default;
}
.recruitBox__cv__web {
	margin:0;
}
.recruitBox__cv__web a {
	width:271px;
	height:58px;
	margin:0 auto;
	background:url(../images/recruit_web.gif) left top no-repeat;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}
.recruitBox__cv__web a:hover {
	background-position:left bottom;
}
.prfBox {
	padding:30px 24px 15px;
	background:#fff;
}
.prfInfo {
	width:412px;
	float:left;
}
.prfInfo__list {
	margin:40px 15px 0;
}
.prfInfo__list > li {
	padding:0 5px;
	font-size:15px;
	border-bottom:1px dashed #bcbcbc;
}
.prfInfo__list > li:first-child {
	font-size:16px;
}
.prfData {
	width:464px;
	float:right;
}
.prfData__tit {
	line-height:1;
}
.prfData__table {
	width:100%;
	margin-top:12px;
	font-size:16px;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
.prfData__table th {
	width:176px;
	padding:15px 0;
	font-weight:normal;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}
.prfData__table td {
	padding:15px 0 15px 50px;
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}
.prfMap iframe {
	width:100%;
	height:495px;
	margin-top:45px;
	vertical-align:bottom;
}
.recruitBnr {
	margin-top:60px;
	text-align:center;
}
.recruitBnr a:hover {
	opacity:0.6;
}
#check {
	padding-bottom:0;
}
.contact__msg {
	text-align:center;
}
.contactBox {
	margin-top:65px;
	padding:55px 0 40px;
	font-size:14px;
	background:#fff;
	border:8px solid #d9d9d9;
}
.form__table {
	width:800px;
	margin:0 auto;
}
.form__table th {
	width:230px;
	padding-right:25px;
	text-align:left;
	vertical-align:top;
}
.form__table td {
	padding-bottom:30px;
}
.form__table tr:last-child td {
	padding-bottom:0;
}
.f_name,
.f_email,
.f_tel,
.f_text {
	padding:5px;
	border:1px solid #d6d6d6;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro';
}
.f_name.error,
.f_email.error,
.f_tel.error,
.f_text.error {
	border:2px solid #f00;
}
.f_name {
	width:140px;
}
.f_email {
	width:380px;
}
.f_tel {
	width:140px;
}
.f_text {
	width:100%;
}
.contactBox__check {
	margin-top:40px;
	text-align:center;
}
.form__submit {
	width:176px;
	height:32px;
	margin:10px auto 0;
	font-family:"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro';
	font-weight:bold;
	color:#fff;
	border:none;
	background:#00418c;
	background:-webkit-gradient(linear, left top, left bottom, from(#0a4e98), to(#00418c));
	background:linear-gradient(#0a4e98, #00418c);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 0 0 #ccc;
	box-shadow:0 0 2px 0 #666;
	cursor:pointer;
	display:block;
}
#form span.error {
	max-width:380px;
	margin-top:4px;
    background:#ffe7e5;
    color:#f00;
    padding:4px 0;
	font-size:12px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	text-align:center;
	display:block;
}
.form__name > li {
	padding-right:30px;
	float:left;
}
.form__job > li {
	padding-right:30px;
	float:left;
}
.form__job > li label {
	cursor:pointer;
}
.contactBox__back {
	margin-top:15px;
	text-align:center;
}
.contactBox__back a {
	color:#00418c;
	text-decoration:underline;
}
.comp__text {
	text-align:center;
}
.contact__tel {
	margin:55px 0;
	text-align:center;
}


/*******************************************
	サンプル用
*******************************************/
#ver02 {
	padding-bottom:0;
}
.footer--02 {
	position:relative;
	bottom:auto;
	left:auto;
}


@media screen and (max-width: 768px) {
/*******************************************
    basic(SP)
*******************************************/
body {
	padding-bottom:0;
	font-size:14px;
	line-height:1.6em;
}
.wrap {
	width:auto;
	margin:0px auto;
	position:relative;
}
.pcOnly {
	display:none !important;
}
.spOnly {
	display:inherit !important;
}



/*******************************************
    footer
*******************************************/
.footer {
	width:auto;
	background:#fff;
	position:relative;
	bottom:auto;
	left:auto;
	z-index:inherit;
}
.footer__wrap {
	width:auto;
	height:auto;
	margin:0px auto;
	position:relative;
}
.footer__logo {
	width:100px;
	margin:0 auto;
	border-right:none;
	position:relative;
	bottom:auto;
	right:auto;
}
.gnavi {
	border-right:none;
	border-top:1px solid #c2c2c2;
	position:relative;
	bottom:auto;
	right:auto;
}
.gnavi > li {
	border-left:none;
	border-bottom:1px solid #c2c2c2;
	float:none;
}
.gnavi a {
	width:auto;
	height:auto;
	padding:3%;
	color:#000;
	font-family:'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','Kozuka Mincho Pro','Kozuka Mincho Std','小塚明朝 Pro R','小塚明朝 Std R','Times','Times New Roman',serif;
	text-indent:inherit;
}
.gnavi--01,
.gnavi--02,
.gnavi--03,
.gnavi--04,
.gnavi--05 {
	background:none;
}
.footer__info {
	position:relative;
	top:auto;
	right:auto;
}
.footer__tel {
	margin:5% 3% 0;
}
.footer__name {
	margin:3% 3% 0;
}
.footer__adrs {
	margin:0 3%;
	font-size:10px;
}
.footer__img {
}
.copyright {
	margin:0;
	padding:3% 0;
	font-size:10px;
	text-align:center;
}
    
.footer__oshirase{
    top:auto;
	left:auto;
    
    width:24%;
    height:24%;
    right:3%;
    bottom:6%;
}
.footer__oshirase.subpage{
    bottom:28%;
}

/*******************************************
    top
*******************************************/
#topFv {
	height:auto;
	padding-bottom:0;
}
.topFv__slider img {
	width:100%;
}


/*******************************************
    page
*******************************************/
.page {
	padding-bottom:15%;
	background:#fff url(../images/header_bg.png) -105px top no-repeat;
	background-size:750px;
}
.page__tit {
	padding:30px 15px 70px;
}
.page__tit img {
	height:22px;
}
#history p {
	margin:0 3% 1.5em;
}
.historyImg {
	margin-bottom:3%;
}
.voiceBox {
	margin:0 3% 20%;
}
.voiceBox__nameRight,
.voiceBox__nameLeft {
	position:relative;
	top:auto;
	left:auto;
}
.voiceBox__nameRight img,
.voiceBox__nameLeft img {
	height:60px;
}
.voiceBox__imgLeft,
.voiceBox__imgRight {
	margin:3% 15% 0;
	float:none;
}
.voiceBox__cmt {
	padding-top:3%;
}
.voiceBox__cmt p {
	margin-bottom:1.6em;
}
.voiceBox__cmt p:last-child {
	margin-bottom:0;
}
.recruit__msg {
	margin:0 3%;
}
.recruit__jobs {
	margin:0 3%;
}
.recruit__jobs > li,
.recruit__jobs > li:nth-child(1),
.recruit__jobs > li:nth-child(2) {
	width:100%;
	margin-top:6%;
}
.recruitBox {
	margin-top:15%;
	padding:0;
	background:#fff;
}
.recruitBox__tit img {
	height:18px;
}
.recruitBox__Table {
	width:100%;
	margin-top:7%;
	font-size:inherit;
	border-top:1px solid #ddd;
}
.recruitBox__Table th {
	width:auto;
	padding:3% 3% 0;
	text-align:left;
	border-right:none;
	border-bottom:none;
	display:block;
}
.recruitBox__Table td {
	padding:1.5% 3% 3%;
	border-bottom:1px solid #ddd;
	display:block;
}
.recruitBox__cv {
	margin-top:8%;
}
.recruitBox__cv > p {
	display:block;
}
.recruitBox__cv__tit {
	margin:0;
	font-size:inherit;
}
.recruitBox__cv__tel,
.recruitBox__cv__web {
	margin:3% 0 0;
}
.prfBox {
	padding:0 3%;
}
.prfInfo {
	width:auto;
	float:none;
}
.prfInfo__list {
	margin:3% 0 0;
}
.prfInfo__list > li {
	padding:1% 0;
	font-size:inherit;
}
.prfInfo__list > li:first-child {
	font-weight:bold;
}
.prfData {
	width:auto;
	margin-top:10%;
	float:none;
}
.prfData__table {
	width:100%;
	margin-top:12px;
	font-size:inherit;
	border-top:1px solid #666;
	border-left:1px solid #666;
}
.prfData__table th {
	width:30%;
	padding:3% 0;
}
.prfData__table td {
	padding:3%;
}
.prfMap iframe {
	width:100%;
	height:200px;
	margin-top:10%;
	vertical-align:bottom;
}
.recruitBnr {
	margin-top:13%;
}
.contact__msg {
	font-size:16px;
}
.contact__msg img {
	height:18px;
}
.contactBox {
	margin:8% 3% 0;
	padding:4% 3%;
	font-size:14px;
	background:#fff;
}
.form__table {
	width:100%;
}
.form__table th {
	width:auto;
	font-size:16px;
	padding-bottom:4%;
	padding-right:25px;
	display:block;
}
.form__table td {
	padding-bottom:13%;
	display:block;
}
.f_name,
.f_email,
.f_tel,
.f_text {
	font-size:16px;
}
.f_name {
	width:90px;
}
.f_email {
	width:100%;
}
.f_tel {
	width:100%;
}
.form__name > li {
	padding-right:15px;
	float:left;
}
.form__job > li {
	padding-right:10%;
	padding-top:5%;
}
.form__submit {
	height:45px;
}
.contact__tel {
	margin:10%;
}
.comp__text {
	text-align:left;
}
.contactBox__check {
	margin-top:13%;
}

}







