@charset "UTF-8";
/* reset
-------------------------------------------------------------- */
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;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* clearfix
-------------------------------------------------------------- */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

/* common
-------------------------------------------------------------- */
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #434343;
	font-size: 13px;
	line-height: 1.7;
}
a:link { color: #2c2b2b; text-decoration: none; }
a:visited { color: #2c2b2b; text-decoration: none; }
a:hover { color: #1e528b; font-weight: bold; }
a:active { color: #2c2b2b; text-decoration: none; }
/* layout
-------------------------------------------------------------- */
.l-wrap-max {
	width: 100%;
}
.l-wrap1000 {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.l-wrap780 {
	width: 780px;
}
.l-wrap200 {
	width: 200px;
}
/* other
-------------------------------------------------------------- */
.float-l {
	float: left;
}
.float-r {
	float: right;
}
.text-l{
	text-align: left;
}
.text-r {
	text-align: right;
}
.text-c {
	text-align: center;
}
.font-bold {
	font-weight: bold;
}
.padding-rb10px {
	padding: 0 10px 10px 0;
}
.padding-lb10px {
	padding: 0 0 10px 10px;
}
.margin-b25px {
	margin-bottom: 25px;
}
.font-blue {
	color: #1e528b;
}
.font-red {
	color: #F00;
}
.fs-18px {
	font-size: 14px;
}
/* header
-------------------------------------------------------------- */
.header {
	background: url(../image/header/header_bg.jpg) top left repeat-x;
	padding-bottom: 20px;
	font-size: 14px;
}
/* nav
-------------------------------------------------------------- */
.nav {
	background: url(../image/nav/nav_bg.jpg) top left repeat-x;
}
.nav ul {
	padding-left: 15px;
	padding-bottom: 30px;
}
.nav ul li {
	float: left;
}
.nav01 {
    background: url(../image/nav/nav01.png) no-repeat; /* ロールオーバー時のチラつき防止 */
}

.nav01 a {
    width: 160px;
    height: 50px;
    background: url(../image/nav/nav01.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

.nav01 a:hover {
    background-image: url(../image/nav/nav01ro.png);
}
.nav02 {
    background: url(../image/nav/nav02.png) no-repeat; /* ロールオーバー時のチラつき防止 */
}

.nav02 a {
    width: 160px;
    height: 50px;
    background: url(../image/nav/nav02.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

.nav02 a:hover {
    background-image: url(../image/nav/nav02ro.png);
}
.nav01 {
    background: url(../image/nav/nav03.png) no-repeat; /* ロールオーバー時のチラつき防止 */
}

.nav03 a {
    width: 160px;
    height: 50px;
    background: url(../image/nav/nav03.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

.nav03 a:hover {
    background-image: url(../image/nav/nav03ro.png);
}
.nav04 {
    background: url(../image/nav/nav04.png) no-repeat; /* ロールオーバー時のチラつき防止 */
}

.nav04 a {
    width: 158px;
    height: 50px;
    background: url(../image/nav/nav04.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

.nav04 a:hover {
    background-image: url(../image/nav/nav04ro.png);
}
.nav05 {
    background: url(../image/nav/nav05.png) no-repeat; /* ロールオーバー時のチラつき防止 */
}

.nav05 a {
    width: 160px;
    height: 50px;
    background: url(../image/nav/nav05.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

.nav05 a:hover {
    background-image: url(../image/nav/nav05ro.png);
}
.nav06 {
    background: url(../image/nav/nav06.png) no-repeat; /* ロールオーバー時のチラつき防止 */
}

.nav06 a {
    width: 162px;
    height: 50px;
    background: url(../image/nav/nav06.png) no-repeat;
    display: block;
    text-indent: -9999px;
}

.nav06 a:hover {
    background-image: url(../image/nav/nav06ro.png);
}
/* main_image
-------------------------------------------------------------- */
.main_image {
	background:url(../image/main/main_bg.png) left bottom repeat-x;
	padding-bottom: 5px;
}
/* side
-------------------------------------------------------------- */
.side img{
	margin-bottom: 20px;
}
.side ul {
	padding: 10px;
	margin-bottom: 20px;
	background: #c1d8f2;
}
.side ul li {
	margin: 0;
	padding: 0;
	height: 49px;
	overflow: hidden;
}
/* footer
-------------------------------------------------------------- */
.footer {
	background:#ebf5ff;
	padding: 15px 0;
}
/* copyright
-------------------------------------------------------------- */
.copy {
	padding: 10px 0;
	font-size: 11px;
}
/* pankuzu
-------------------------------------------------------------- */
.pankuzu {
	/*padding-bottom: 10px;*/
	line-height: 2.6rem;
	font-size:12px;
	padding-left: 1rem;
}
/* contents
-------------------------------------------------------------- */
.contents{
	background: url(../image/contents/contents_bg.png) repeat;
	padding: 20px 0 20px;
}
.content-area {
	background: #FFF;
}
.q {
	background:url(../image/voice/q.png) left top no-repeat;
	padding-left: 23px;
	font-weight: bold;
}
.a {
	background:url(../image/voice/a.png) left top no-repeat;
	padding-left: 23px;
}
.q02 {
	background:url(../image/recruit/recruit_q.png) left top no-repeat;
	padding-left: 28px;
	font-weight: bold;
	margin-bottom: 5px;
}
.a02 {
	background:url(../image/recruit/recruit_a.png) left top no-repeat;
	padding-left: 28px;
	margin-bottom: 5px;
}
/* top
-------------------------------------------------------------- */
.top-contents01 {
	padding: 10px 20px 25px 20px;
}
.top-contents02 {
	padding: 0 20px 25px 20px;
}
.top-contents02 img {
	padding-top: 10px;
}
.top-contents03In img{
	float: right;
}
.top-contents02In p {
	width: 480px;
	padding-top: 10px;
}
.top-contents03In p {
	width: 480px;
	padding-top: 10px;
}
.content-area-topvoice {
	margin-top: 25px;
}
.topvoice *, .topvoice *:before, .topvoice *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.topvoice{
	display: flex;
	justify-content:space-between;
}
.topvoice-content p {
	margin-top: 8px;
}
.topvoice-content {
	padding: 15px;
	background: #FFF;
}
.topvoice-content img {
	float: left;
	padding-right: 10px;
}
.topvoice-contentIn {
	width: 50%;
	background: #ebf5ff;
	padding: 10px;
	overflow: hidden;
	/*width: 350px;*/
}
.topvoice-btn {
	background: #FFF;
	padding: 15px;
}
/* business
-------------------------------------------------------------- */
.top-business01 {
	padding: 10px 20px 25px 20px;
}
.business-contents01 {
	padding:20px;
}
.business-contents01 img {
	padding-bottom: 15px;
}
.business-contents01-text {
	width:480px;
}
.business-contents01-text p {
	margin-bottom:25px;
}
.business-contents02 {
	padding: 0 20px 25px 20px;
}
/* voice
-------------------------------------------------------------- */
.voice-contents01 {
	padding:20px;
}
.voice-contents01In {
	margin: 15px 0;
	background: #ebf5ff;
	padding: 10px;
}
.voice-contents01In ul {
	margin: 10px 0;
}
/* daihyo
-------------------------------------------------------------- */
.daihyo-contents01 {
	padding:20px;
}
.daihyo-contents01In {
	margin: 15px 0;
	background: #ebf5ff;
	padding: 10px;
}
.daihyo-name {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 15px;
	
}
.daihyo-block{
	
}
.daihyo-l {
	float: left;
	width: 210px;
	padding-bottom: 20px;
}
.daihyo-l p {
	font-size:9pt;
	padding: 5px;
	margin-bottom: 20px;
	background:#FFF;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;;
	border-right: 1px solid #CCC;;
}
.daihyo-r {
	float: right;
	width: 480px;
}
.daihyo-r ul {
	padding-bottom: 15px;
}
.daihyo-r ul li {
	padding-left: 23px;
	
	
}
.daihyo-subtitle {
	background:url(../image/daihyo/list-mark.png) top left no-repeat;
	font-weight: bold;
	line-height: 0.9em;
	line-height: 18px;
	
}
/* company
-------------------------------------------------------------- */
.company-contents01 {
	padding:20px;
}
.company-contents01In {
	margin: 15px 0;
	background: #ebf5ff;
	padding: 20px 30px;
}
.company-contents01In ul {
	border: 1px solid #CCC;
	width: 676px;
	background: #EEEEEE;

}
.company-contents01In ul li {
	float: left;
	padding: 5px 15px;
	border-top: 1px solid #CCC;
}
.tb01-title {
	width:98px;
	background: #EEEEEE;
	
}
.tb01-contents {
	width: 518px;
	background: #FFF;
}
.company-contents02 {
	padding:20px;
	border: 1px solid #CCC;
}
.company-contents02In {
	background: #FFF;
}
.company-contents02In p {
	margin-bottom: 15px;
}
/* recruit
-------------------------------------------------------------- */
.recruit-contents01 {
	padding:20px;
}
.recruit-contents01In {
	margin: 15px 0;
	background: #ebf5ff;
	padding: 20px 30px;
}
.recruit-title {
	font-size: 18px;
	font-weight: bold;
}
.recruit-des {
	margin-bottom: 15px;
	
}
.recruit-contents01In ul {
	border: 1px solid #CCC;
	width: 636px;
	margin: 0 20px;
	background: #EEEEEE;

}
.recruit-contents01In ul li {
	float: left;
	padding: 5px 15px;
	border-top: 1px solid #CCC;
}
.tb02-title {
	width:118px;
	background: #EEEEEE;
	
}
.tb02-contents {
	width: 458px;
	background: #FFF;
}

.recruit-contents03In {
	margin: 15px 0;
	background: #FFF;
	padding: 20px 30px;
}
.recruit-contents03In ul {
	width: 636px;
	margin: 0 20px;

}
.recruit-contents03In ul li {
	float: left;
	padding: 5px 15px;
}
.tb03-title {
	width:118px;
	text-align: right;
}
.tb03-contents {
	width: 458px;

}
.tb03-contentsarrow {
	height: 49px;
	width: 458px;
}
.recruit-contents04In {
	margin: 15px 0;
	padding: 10px;
}
.recruit-contents04In ul {
	margin: 10px 0;
}
.recruit-link a:link { color: #1e528b; text-decoration: underline; }
.recruit-link a:visited { color: #1e528b; text-decoration: underline; }
.recruit-link a:hover { color: #1e528b; font-weight: bold; }
.recruit-link a:active { color: #1e528b; text-decoration: underline; }
/* contact
-------------------------------------------------------------- */
.contact-des {
	
}
.contact-des p {
	margin-bottom: 15px;
}
.contact-contents01In {
	margin: 15px 0;
	background: #ebf5ff;
	padding: 20px 30px;
	font-size: 10pt
}
.contact-contents01In ul {
	width: 636px;
	margin: 0 20px;
	background: #FFF;

}
.contact-contents01In ul li {
	float: left;
	/*padding: 15px;*/
	border-top: 1px solid #CCC;
}
.c-tb03-title {
	/*width:180px;*/
	background: #FFF;
	text-align: left;
	
}
.c-tb03-contents {
	/*width: 380px;*/
	background: #FFF;
}
.form_buttons {
	margin: 15px;
	text-align: center;
}
#image-reset {
	border: 0px;
    width: 120px;
    height: 30px;
    background: url(../image/contact/btn_reset.png) left top no-repeat;
}
#image-submit {
	border: 0px;
    width: 120px;
    height: 30px;
    background: url(../image/contact/btn_submit.png) left top no-repeat;
}