@charset "utf-8";
/* CSS Document */


@media screen and (min-width:768px){}
/* IE10以上 */
/* @media print and (-ms-high-contrast: none) {

	@page {
		size: A4;
		margin: 12.7mm 9.7mm;
	}

	body {
		zoom: 1.8;
		width: 1200px;
		transform: scale(0.5);
		transform-origin: 0 0;
	}
} */
@page {
	margin: 0mm 5mm;
	size: A4 portrait;
}
html,body{

	width:100%;
	height: auto;
}

/* 改ページ回避 */
tr, img, li, footer {
  break-inside: avoid;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

body {
	margin:0 auto 0 auto;
	font-size: 1em;
	line-height: 1.4em;

}

a {
	color: #000000;
	text-decoration:none;

}

a:link {

	color: #000000;
	text-decoration:none;

}

a:visited {

	color: #000000;
	text-decoration:none;

}

a:hover {

	color: #000000;
	text-decoration:none;

}

a:active {

	color: #000000;
	text-decoration:none;

}

p.link {

	font-size: 1em;
	color: #6bb7ff;
	display: inline-block;
	text-decoration: underline;

}

/* ヘッダー　////////////////////////////////////////////////////////////// */

.header_wrap {

	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;

	/* border: 0.4em;
	border-style: solid none none none; */
	/* border-color: #6bb7ff; */

}

.header {
	margin: 1em auto 0 auto;
	width:100%;
	height: auto;

}

.header_left {

	margin: 0;
	padding: 0;
	width: 300px;
	height: auto;

	text-align: left;
	float: left;

}

.header_left img {

	width: 221px;
	min-width: 221px;
	height: 43px;

}

.header_right {

	margin: 0.3em 0 0 0;
	padding: 0;
	width: 185px;
	height: 3em;

	text-align: right;
	float: right;

}

.header_right img {

	width: 185px;
	min-width: 185px;


}

/* ナビゲーション　////////////////////////////////////////////////////// */

.nav_wrap {

	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	width: 100%;
	height: auto;
	background: linear-gradient(#F3F3F3, #BBBBBB);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#BBBBBB', GradientType=0)";
	border: 0.4em;
	border-style: none none solid none;
	border-color: #6bb7ff;


}

.nav {

	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;

	text-align: left;

}

nav ul{

	margin: 0;
	padding: 0 1em 0 1em;
	display: inline;

}

nav li {

	margin: 0 3px 0 3px;
	display: inline-block;
	list-style: none;

}

/* スライダー　////////////////////////////////////////////////////// */

.slider {

	margin: 0 auto 0 auto;
	width: 920px;
	height: auto;

}

.slide img {

	width: 920px;
	min-width: 920px;
	height: 288px;

}

.company_pic {

	margin: 0 auto 1em auto;
	padding: 0;
	width: 920px;

}

.company_pic img {

	width: 920px;
	min-width: 920px;
	height: 279px;

}

/* スライダー下キャプション　/////////////////////////////////////////// */

.cap_wrap {


	margin: 0 auto 0 auto;
	padding: 0;
	width: 920px;
	height: auto;

}

.cap {

	margin: 0 0.7em 0 0.7em;
	padding: 0;
	text-align: center;
}

p.cap {

	font-size: 1em;
	line-height: 1.4em;
	display: inline-block;

}

/* メイン　////////////////////////////////////////////////////// */

div.main {
display: block;
	margin: 0 auto 1.5em auto;
	padding: 0;
	width: 100%;
	height: auto;

}

h2 {

	/* margin: 0;
	padding : 0.5em;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1em; */
	/* border: 0.2em;
	border-style: none none none solid;
	border-color: #909DAC; */
}

h2.comp_2 {

	/* margin: 0 0 0 0;
	padding : 0.5em;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1em; */
	/* display: inline-block; */
	/* border: 0.2em;
	border-style: none none none solid;
	border-color: #909DAC; */
}

h2.comp_2_b {

	/* margin: 0.5em 0 0.5em 0;
	padding : 0;
	font-size: 2em;
	font-weight: 400;
	line-height: 1em; */
	/* display: inline; */
	/* border: 0.2em;
	border-color: #909DAC; */
}

h3 {

	margin: 1em 0 0.5em 0;
	padding : 0;
	/* font-size: 1.5em;
	font-weight: 400;
	line-height: 1.7em; */
	/* border: 0.2em;
	border-style: none none solid none;
	border-color: #6bb7ff; */
}

h3.comp_2 {

	/* margin: 0;
	padding : 0;
	font-size: 1em;
	font-weight: 600;
	color: #018CFF;
	display: inline;
	border-style: none;
	line-height: 1.2em; */
}


h3.sisetu {

	margin: 1em 0 0.5em 0;
	padding : 0 0 0 0;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.7em;
	border: 0.2em;
	border-style: none none solid none;
	border-color: #6bb7ff;
}

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

.comp_left {

	margin: 0;
	padding: 0;
	width: 33%;
	height: auto;
	float: left;

}


.comp_center {

	margin: 0;
	padding: 0;
	width: 34%;
	height: auto;
	float: left;

}

.comp_right {

	margin: 0;
	padding: 0;
	width: 33%;
	height: auto;
	float: right;

}

.sisetu_top {

	width: 920px;
	min-width: 920px;
	height: 359px;

}


.comp_left_b {

	margin: 0 0.5em 0.7em 0;
	padding: 0;
	width: 220px;
	height: auto;
	float: left;

}

.comp_left_b img {

	width: 220px;
	min-width: 220px;
	height: 147px;

}


.comp_right_b {

	margin: 0 0 0.7em 0.7em;
	padding: 0;
	width: 640px;
	height: auto;
	float: right;

}

p.sisetu {

	margin: 0;
	padding: 0.2em 0 0.2em 0;
	width: 100%;
	height: auto;
	font-size: 1em;
	text-align: center;
	display: block;
	background-color: #FFC9A9;

}


.info_left {

	margin: 0.5em 0 1.5em 0;
	padding: 0;
	width: 455px;
	height: auto;
	float: left;
	position: relative;

}

.info_left img {

	width: 455px;
	min-width: 455px;

	border: none;

}

.info_right {

	margin: 0.5em 0 1.5em 0;
	padding: 0;
	width: 455px;
	height: auto;
	float: right;
	position: relative;

}

.info_right img {

	width: 455px;
	min-width: 455px;

	border: none;

}

.info_left_b {

	margin: 0.5em 0 1.5em 4em;
	padding: 0;
	width: 358px;
	height: auto;
	float: left;
	word-wrap: break-word;
	position: relative;

}

.info_left_b img {

	width: 358px;
	min-width: 358px;

}

.info_right_b {

	margin: 0.5em 4em 1.5em 0;
	padding: 0;
	width: 358px;
	height: auto;
	float: right;
	word-wrap: break-word;
	position: relative;

}

.info_right_b img {

	width: 358px;
	min-width: 358px;

}

.comp_info_left {

	margin: 0.5em 0 1.5em 6em;
	padding: 0 0 0 1em;
	width: 33%;
	height: auto;
	float: left;


}

.comp_info_left img {

	width: 303px;
	min-width: 303px;

}

.comp_info_left img.soft {

	width: 304px;
	height: 304px;

}

.comp_info_right {

	margin: 0.5em 6em 1.5em 1em;
	padding: 0.3em 1em 0 0;
	width: 40%;
	height: auto;
	float: left;

}

img.bland_logo {

	width: 150px;
	min-width: 150px;
	height: 34px;

}

.company_left {

	margin: 0 0 0 1em;
	padding: 0;
	width: 32%;
	height: auto;
	float: left;

}

.company_right {

	margin: 0 1em 0 0;
	padding: 0;
	width: 62%;
	height: auto;
	float: right;

}


/* 会社概要テーブル ///////////////////////////////////// */

table.company_table {

	margin: 1em auto 1em auto;
	padding: 0;
	width: 85%;

	border-collapse: collapse;

}

table.company_table th {

	margin: 0;
	padding: 0.5em;
	width: 100%;
	text-align: left;

}

table.company_table td {

	margin: 0;
	padding: 0.3em;
	text-align: left;

	border: 1px;
	border-style: solid;
	border-color: #000000;

}

table.company_table_min {

	margin: 1em 0 1em 7.5%;
	padding: 0;
	width: 40%;

	border-collapse: collapse;

}

table.company_table_min tr {

	padding: 0.3em;

	border: 1px;
	border-style: solid;
	border-color: #000000;

}

table.company_table_min td {

	padding: 0.3em;

	border: 1px;
	border-style: solid;
	border-color: #000000;

}

table.company_table_min td.bg {

	width: 42.5%;

}

table.company_table_min td.right {

	text-align: right;

}

/* .bg {

	width: 20%;
	background-color: #6bb7ff;

}

.bg_ms {

	width: 10%;
	background-color: #6bb7ff;

} */


/* */


.new {

	margin: 0;
	padding: 0 1em 0 1em;

}

.recruite {

	margin: 0 0 2em 0;
	padding: 0 1em 0 1em;
	width: 100%;
	height: auto;

}


/* 採用情報 ////////////////////////////////////////////////////// */


div.recruite {

	margin: 0 0 2em 0;
	padding: 0 1em 0 1em;
	width: 100%;
	height: auto;

}

p.recruite {

	margin: 1em 0 0 0;
	padding: 0;

	font-weight: bold;

}

table.recruite {
	margin: 0 0 1em 0;
	padding: 0;
	width: 600px;
	height: auto;
	border-collapse: collapse;
}

table.recruite td {
	padding: 2%;
	border: 1px;
	border-style: solid;
	border-color: #000000;

}

table.recruite td.bg {
	text-align: center;


}

.cl_2_float_left {
	display: block;
}
.cl_2_float_left P{

		float: right;
				width: 50%;
	}
/* 動画 */
#media a{
		display: block;
			/* display: none; */
	 pointer-events: none;
}
.media img.thumb {
		width: fit-content;

	}

dialog{
		display: none;
}

/* フッター /////////////////////////////////// */

.footer_wrap {

	margin: 0;
	padding: 1.5em 0 1.5em 0;
	width: 100%;
	height: auto;
	background-color: #49494C;
	position: relative;
	bottom: 0;

}

footer p {

	font-size: 1em;
	color: #ffffff;
	display: inline;

}

.footer {

	margin: 0 auto 0 auto;
	padding: 0;
	width: auto;
	height: auto;

}

footer ul {

	margin: 0;
	padding: 0;

}

footer li {

	margin: 0 2px 0 2px;
	padding: 0;
	display: inline-block;
	list-style: none;
}


.footer_left {

	margin: 0 0 0 0;
	/* width: 510px; */
	height: auto;

	text-align: left;
	float: left;

}

.footer_right {

	padding: 0;
	/* width: 400px; */
	height: auto;

	text-align: right;
	float: right;

}

p.main {

	margin: 0;
	padding: 0;
	width:100%;
	font-size: 1em;
	line-height: 1.4em;
	display: block;

}

p.comp_info {

	font-size: 1.3em;
	font-weight: bold;
	line-height: 1em;
	display: block;

}

p.footer_nav {

	font-size: 0.8em;
	display: inline;

}

p.company {

	font-size: 1.5em;
	display: inline;

}

p.address {

	font-size: 0.7em;
	line-height: 1.7em;
	display: inline-block;

}

.clear {

	clear: both;

}

#topBtn {
	display: none;
  height: 0;
}

/* テーブルとセルの高さを強制的に指定 */
  table {
    height: auto !important;
  }
  td, th {
    height: auto !important;
  }

  /* FlexboxやGridのレイアウトを解除 */
  .column_container {
    display: block !important;
  }
  /* アニメーション要素無効 */
  .fade-in,#our-staff .section{
opacity: 1;
  }

  /*100vw無効*/
#back_recruit,.full-width-section {
  width: 100%;
  margin: 0;
}
  /*edge対応*/
.is-edge #recruitment_01{
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFAEE 10%, #FFFAEE 90%, #FFFFFF 100%);
}
#newgrad_date {

	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0%, #FFFAEE 10%, #FFFAEE 90%, #FFFFFF 100%);}