html,body {
	margin:0;
	padding:0;
}
body {
	font-size: 13px;
	line-height:1.5;
	font-family: Verdana, Arial, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
}
p {
	margin:0 5px;
}
a {
	color: #1070c7;
}
a:hover {
	color: #d70a23;
	text-decoration: none;
}
table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}
#main ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#header {
    background: #1070c7;
    height: 30px;
    position: fixed;
    width: 100%;/*35px*/
    padding: 8px;
}
.hiraku-open-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

div#main {
	padding: 10px 0 0 0;
	text-align:center;
}

div#main h1 {
	height:20px;
	line-height:20px;
	margin: 0px 0 0 0;
	padding-left:10px;
	color: #666;
	font-weight:normal;/*normal*/
	font-size: 11px;
	text-align:center;
}
div#main .headlogo {
	padding: 5px 0 5px 0;
}

div#main .mainban img {
    width: 100%;
    max-width:960px;
	margin: 5px 0 5px 0;
}
div#main h2, div#main h3 {
	height: 20px;
	line-height: 20px;
	margin: 5px 0 5px 0;
	padding: 5px 5px;
	color: #fff;
    background: #1070c7;
	font-size: 13px;
}
div#main h2 span, div#main h3 span {
	font-size: 10px;
	line-height: 12px;
	color: #fff;
	padding-left:10px;
}
div#main .mainbody_text {
	font-size: 13px;
	text-align:left;
	padding: 5px 5px;
}
div#main .blue {
	font-size: 14px;
	color: #1070c7;
	font-weight:bold;
}
div#main .center {
	text-align:center;
}
div#main .left {
	text-align:left;
}
div#jobpage {
	clear:both;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 0 auto;
	text-align: center;
	height: 80px;
	vertical-align: middle;
	margin-bottom: 20px;
}
div#jobpage .jobpage{
	width: 100%;
	color: #666;
	font-size: 12px;
}
div#jobpage .jobpage_c {
	color: #999;
	text-decoration: none;
	padding: 15px 15px;
	border:1px solid #999;
	margin: 2px 2px;
}
div#jobpage .jobpage a {
	color: #1070c7;
	text-decoration: none;
	padding: 15px 15px;
	border:1px solid #1070c7;
	margin: 2px 2px;
	background-color: #edf7f7;
}
div#jobpage .jobpage a:hover {
	color: #d70a23;
	text-decoration: none;
	padding: 15px 15px;
	border:1px solid #d70a23;
	margin: 2px 2px;
	background-color: #fff;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0 0 0 5px;
	padding:0 0;
}
.flexitem{
	width: 100%;
	font-size: 13px;
	border:1px solid #E3E3E3;
	margin: 0 10px 10px 0;
	padding: 10px 10px;
	text-align:left;
}
.flexitem a {
	font-size: 15px;
	font-weight:bold;
}
.flexitem p {
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}
.flexitem img{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	width:200px;
}
.flexitem .orange{
	font-weight:bold;
	color: #ff782e;
}
div#main .jobbottom{
	width: 100%;
	margin: 0 0 10px 0;
	text-align: right;
}
div#main .jobbottom .jobmore{
	text-align: right;
	padding: 10px 10px;
}
div#main .jobbottom .jobmore a {
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
	border: 1px solid #1070c7;
	border-radius: 3px;
	padding: 5px 10px 5px 30px;
	width: 120px;
	background: url(../img/jobs_icon.png);
	background-position: 10px 5px;
	background-repeat: no-repeat;
	background-color: #f7f7f5;
	color: #1070c7;
}
div#main .jobbottom .jobmore a:hover {
	background: url(../img/jobs_icon_hov.png);
	background-position: 10px 5px;
	background-repeat: no-repeat;
	background-color: #1070c7;
	color: #fff;
}

.offcanvas-left ul {
	display: block;
	margin: 0;
	padding: 0;
}
.offcanvas-left li {
	list-style-type: none;
}
.offcanvas-left li.sitemenu {
	font-size: 14px;
	color: #fff;
	padding: 10px 10px;
	background-color: #1070c7;
	font-weight:bold;
}
.offcanvas-left li a {
	display: block;
	font-size: 12px;
	color: #505050;
	text-decoration: none;
	background-color: #F8F8F5;
	padding: 10px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0E0D8;
}
.offcanvas-left li a:hover {
	background-color: #dfeef1;
}

div#main .news{
	margin: 0 0 30px 0;
	padding: 0 0 0 10px;
	text-align: left;
}
div#main .news li {
	font-size: 13px;
	border-bottom: 1px dashed #E3E3E3;
	padding: 5px 0;
}
div#main .news li a {
	color: #1070c7;
}
div#main .news li a:hover {
	color: #d70a23;
	text-decoration: none;
}
div#main .news li span {
	color: #666;
	padding-right: 8px;
}

div#main .contact {
	text-align: center;
	padding: 5px 0;
}
div#main .contact img {
	padding: 5px 0;
}

div#footer {
	clear:both;
	width:100%;
	background: #f8f8f8;
	color: #666;
	text-align: center;
	padding: 10px 0;
}

/* お仕事情報 */

.jobtitle {
	font-size: 18px;
	font-weight:bold;
	color: #1070c7;
	border-bottom: 1px solid #d6d6d6;
	padding: 5px 5px;
	margin-bottom: 10px;
}
.jobtitlesub .orange{
	font-size: 15px;
	font-weight:bold;
	color: #ff782e;
}
.flexitem .photo {
	width:100%;
	max-width:640px;
}
table.job_box_table {
	width:100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	padding: 0 0;
	border: 1px solid #d6d6d6;
}
table.job_box_table th {
	width: 60px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 10px 10px;
	background-color: #fafafa;
	border: 1px solid #d6d6d6;
}

table.job_box_table td {
	font-size: 14px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
}
table.job_box_table td a {
	font-size: 14px;
	font-weight:normal;
	color: #1070c7;
}

/* お知らせ */

#main .newsbox{
	width:100%;
	margin: 0;
	padding: 0;
}

#main .newsinbox{
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}
.newstitle{
	font-size: 18px;
	font-weight:bold;
	color: #1070c7;
	border-bottom: 1px solid #d6d6d6;
	padding: 5px 5px;
	margin-bottom: 10px;
}
.newsdate{
	font-size: 13px;
	color: #666;
}
.newsbody{
	font-size: 14px;
	line-height: 2.0;
	padding: 0 5px 5px 5px;
}

div#main .news{
	margin: 0 0 30px 0;
	padding: 0 10px 0 10px;
}

/* 会社概要 */

#main .companymain{
	width:100%;
	margin: 0;
	padding: 0;
}
#main .companyinbox{
	margin: 5px 5px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}
table.company_info {
	width:100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0 0;
	border: 1px solid #d6d6d6;
}
table.company_info th {
	width: 120px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	padding: 10px 10px;
	background-color: #edf7f7;
	border: 1px solid #d6d6d6;
}

table.company_info td {
	font-size: 13px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}
table.company_info td iframe {
	width:100%;
	margin: 0;
	padding: 0;
}

/* プライバシーポリシー */

#main .privacymain{
	width:100%;
	margin: 0;
	padding: 0;
}
#main .privacyinbox{
	margin: 5px 5px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}

/* サイトマップ */

#main .sitemapmain{
	width:100%;
	margin: 0;
	padding: 0;
}
#main .sitemapinbox{
	margin: 5px 5px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}
div#main .sitemapinbox{
}
div#main .sitemapinbox li {
	font-size: 14px;
	border-bottom: 1px dashed #E3E3E3;
	padding: 10px 0;
	line-height: 1.5;
}
div#main .sitemapinbox li:last-child {
	font-size: 14px;
	border-bottom: 0px dashed #fff;
	padding: 10px 0;
	line-height: 1.5;
}
div#main .sitemapinbox li a {
	font-weight:bold;
	color: #1070c7;
}
div#main .sitemapinbox li a:hover {
	color: #4c91b0;
	text-decoration: none;
}
div#main .sitemapinbox li span {
	color: #666;
	padding-left: 8px;
	font-size: 12px;
}

/* お問い合わせ */

.contactmain {
	width:100%;
	margin: 0;
	padding: 0;
}
.contactinbox {
	margin: 5px 5px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}
.contactinbox .toptextbox{
	background-color: #fff;
	padding: 0 0;
	margin: 0 0 0px 0px;
	text-align: left;
}
table.contact_box_table {
	width:100%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0 0;
}
table.contact_box_table th {
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	padding: 10px 10px;
	background-color: #fafafa;
	border: 1px solid #d6d6d6;
	text-align: left;
}

table.contact_box_table td {
	font-size: 14px;
	padding: 10px 10px;
	border: 1px solid #d6d6d6;
	text-align: left;
}
.contactinbox .input-text{
	width:100%;
	height: 20px;
}
.contactinbox .input-inquiry{
}
.contactinbox p.button {
	text-align: center;
	margin:10px auto 30px auto;
}
.contactinbox .typeselect {
	height: 30px;
}
.contactinbox select {
	width:100%;
	overflow: hidden;
}
.contactinbox select::-ms-expand {
    display: none;
}

.contactinbox textarea {
	width:100%;
}
.red{
	color: #f7376b;/*赤*/
}
.bold{
	font-weight:bold;
}
.orange{
	color: #ff782e;
}