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

.pc{}
.st{display: none;}

.border-top{
	border-top:solid 1px #ccc;
}




/* 見出し設定 */
#header{
	border-bottom: solid 1px #ccc;
}
#main .midasih1{
	position: relative;
	font-size: 1.4em;
	font-weight: bold;
	padding: 16px 25px;
	margin: 0 2px 0px;
}

.midasih1:after{
	content: "";
	position: absolute;
	top:19px;
	left: 15px;
	display: block;
	width: 5px;
	height: 25px;
	background: #71b9ad;
}


#main .midasih2{
	position: relative;
	font-weight: bold;
	padding: 12px 10px;
	margin: 0 2px 0px;
}

.midasih2:after{
	content: "";
	position: absolute;
	top:12px;
	left: 0px;
	display: block;
	width: 5px;
	height: 25px;
	background: #71b9ad;
}


section h2{
	margin-top: 1.8em;
	font-size: 1.2em;
	margin-bottom: 0.2em;
	font-weight: bold;
}

section h3{
	margin-top: 1.1em;
	margin-bottom: 0.2em;
	font-size: 1.1em;
	font-weight: bold;
}
section h4{
	margin-top: 1.0em;
	margin-bottom: 0.1em;
	font-size: 14px;}

.center{text-align: center;}



/* マージン設定 */
.mg_t50{margin-top: 50px;}
.mg_t25{margin-top: 25px;}
.mg_t15{margin-top: 15px;}
.mg_t10{margin-top: 10px;}
.mg_t0{margin-top: 0px;}
.pd_rl0{
	padding-left: 0;
	padding-right: 0;
}



/* まわりこみ解除
*/

.overflow {overflow: hidden;}


/* 記事レイアウト*/

#main section{
padding-bottom: 50px;
}
#main section +section{
padding-TOP: 50px;
}

.paragraph_none + section {
	border-top: solid 1px #ccc;
}


.row + p {
	margin-top: 0px;
}

section p{
	margin-bottom: 0.4em;
}

/*段落おちさせない*/





/*段落おちさせる*/
#Description h1 + p {
	margin-top: 0;
	padding-left: 1.8em;
}

#Description h2 + p {
	margin-top: 0;
	padding-left: 1.8em;
}

#Description h2 + h3 {
	margin-top: 0;
}

#Description h3 + p {
	margin-top: 0;
	padding-left: 1.8em;
}

#Description p + p {
	margin-top: 0;
	padding-left: 1.8em;
}

.dan2{padding-left: 1.8em;}
.dan3{padding-left: 3.0em;}
.dan4{padding-left: 4.5em;}
.dan5{padding-left: 5.0em;}




.waku{border: solid 1px #ccc;
padding: 10px 15px;
	margin-top:  0.4em;
}


p span{color: #3f3cbc;
	font-weight: bold;
}

h2 span{color: #3f3cbc;
	font-weight: bold;}

#main .bk_gray {
	background: #f8f8f8;
	border-top: none;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 50px;
}



.kigen {
	padding:0 10px;
	overflow: hidden;}

.kigen dt{float: left;}

.number_none li{
	list-style-type: disc
}



/*#content .overflow span{overflow: hidden; float: left;}*/


/*ライトボックス*/


.lightbox {display: block; }


/*csr*/
.csr h3{
	margin-top: 0;
	margin-bottom: 0;}

.csr h3 +p{margin-top: 0;}

.csr .gazou {overflow: hidden;}


.csr .gazou .lightbox {;left: 15px;}



/*情報報告書*/
.security ul h3{margin-bottom: 0;}
.security li{list-style-type: none;
padding-bottom: 0px;}
.security ul ul{padding-left: 15px;padding-top: 0px;
padding-bottom: 5px;}


.security h4{margin-bottom: 0;}
.security h4 +p{margin-top: 0em;}
.security h4 +h5{margin-top: 0.5em;}
.security h5{margin-bottom: 0;
font-size: 14px;
}
.security h5 +p{margin-top: 0em;}

/*ナンバークラス*/
.number{list-style-type: decimal;
}
.number li {margin-left: 18px;
}


/*著作権や個人情報などの反映*/
.privacy ul{padding-left: 75px;}
.privacy li{list-style-type: decimal;}
.privacy ul ul{padding-left: 25px;
padding-top: 10px;}
.privacy li li {lpadding-left: 0px;
	list-style-type: none;
}
.privacy h3 + p {
	padding-left: 45px;
}

#privacymark img{
}



.procedure h3 {padding-left: 18px;}
.procedure h3 + p {padding-left: 2.0em;}



.company dl{overflow: hidden;
line-height: 1.5em;
padding-bottom: 0.5em;}
.company dt{
	width: 110px;
	float: left;}
.company dd{
	width:  calc(100% - 110px) ;
	float: right;
}



/*content*/
#content h2{font-size: 1.17em;
margin-bottom: 5px;}
#content h2 + p{margin-top: 0;}
#content h3 + p{margin-top: 0;}
#content h4 + p{margin-top: 0;}

#content {margin-top: 0px;}

#content .row + section{
	padding-top: 50px;
	padding-bottom: 50px;
}

#main #content .pd_b0{
	padding-bottom: 0px;
}

#main #content .pd_t20b0{
	padding-top: 20px;
	padding-bottom: 0px;
}


#content .bk_gray
{padding-top:50px;
	padding-bottom: 50px;
margin-bottom: 0;}



/*コンテンツブロック*/



#content .category{
	padding-bottom: 0;
}
#content .category h3 {padding-top: 0.8em;
margin:0;}
#content .category h3 +p{
	margin-top: 0.3em;
	padding:5px 0 25px;
}
#content .category + .category
{padding-top: 0px;
padding-bottom: 0px;}

#content .memu p{
	min-height: 20px;
}


/*メニューレイアウト*/

#header_menu{
	overflow: hidden;
	margin: 0;
}

#header_menu ul li {
	width: auto;
	padding: 20px 20px 25px;
	overflow: hidden;
	float: right;
}

#header_menu a{
	padding: 5px 0 15px;
	display: block;
	color: #666;
}


#footer_menu ul {
	overflow: hidden;
}
#footer_menu ul li{
	padding-right: 25px;
	font-size: 14px;
	float: left;
	overflow: hidden;
}


#footer_menu ul li a{
	padding: 20px 0;
	display: block;
	color: #666;
}



/*会社概要メニューレイアウト*/
#company_menu{padding-top: 16px;}
#company_menu li{border-bottom: dotted 1px #666;}
#company_menu li:last-child{border-bottom:none;}
#company_menu li a{
	padding-top:5px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;}
#company_menu li a:hover{
	background: #e8e8e8;
	color: #000;
  transition: 0.3s linear;
}







/*社員インタビュー*/
#interview .row + section{
	padding-top: 60px;
	padding-bottom: 60px;
}

#interview .bk_gray
{padding-top:60px;
	padding-bottom: 60px;
margin-bottom: 0;}

/*募集要項と年号*/
.recruitment li{
	overflow: hidden;
	padding-top:10px;
	padding-bottom: 	10px;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
}

.recruitment li .midasi{/*見出し用*/
	color: #202965;
	font-weight: bold;
	width: 120px;
	display: block;
	float: left;
	text-align: right;
}


.recruitment li .Year{/*年号用*/
	color: #202965;
	font-weight: bold;
	width: 120px;
	display: block;
	float: left;
	text-align: right;
}

.recruitment li .Year span{
		width : 40px;
}


.recruitment li span{
	width : calc(100% - 135px) ;
	display: block;
	float: right;
}

.recruitment li:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 120px;
	height: 2px;
	background: #202965;
	z-index: 9999;
}

.recruitment li:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	border-bottom: 2px dotted #ccc;
	z-index: -1;
}

.recruitment li p {
	padding-top: 0;
}


.recruitment a{
	display: block;
    float: none;
    width: 100%;

}

/*企業理念*/
.Idea dl{
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}

.Idea dt{
	width: 50px;
	font-size: xx-large;
	float: left;
}
.Idea dd{
	width : calc(100% - 55px) ;
	float: right;
}

/*マップ*/
.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }



/*spec記載テーブル*/
.spec {
	border: 1px solid #ccc;
}
.spec th{padding: 3px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
		background:#FBF8EF;
}
.spec td{padding: 3px;
	border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;}


@media(min-width:801px){

	.category-pc{
		display: none;
	}
	.category-nav{
		display: none;
	}
}
.logo_st{display: none;}

@media(max-width:800px){
.pc{display: none;}
.st{display: block;}


	.pd_b10{
		padding-bottom: 10px;
	}
		.pd_b25{
		padding-bottom: 25px;
	}

	.pd_rl0{
	padding-left: 8px;
	padding-right: 8px;
}

	.st_overflow{
		overflow: hidden;
		display: block;
		float: left
	}

	#header{    min-height: 55px;}


	#header_menu{
		display: none;
}
	#main .midasih1{
		font-size: 1.2em;
		padding: 16px 25px 5px;
	}
		.midasih1:after{
		top:16px;
		left: 10px;
	}





	#main .container-fluid .row + section{
	padding-top: 25px;
	padding-bottom: 25px;
}

	#content .row + section{
	padding-bottom: 25px;
}

	#drawer .category-pc{
	margin-bottom: 0px;
	}
	#drawer .category-nav{
		margin-bottom: 0px;
	}

	#drawer .category-nav.category-pc{
		display: none;
	}
	#drawer .category-nav.category-pc.drawernav-sp{
		display: block;
	}

	.logo_st{
		padding-top: 5px;
		display: block;
		max-width: 190px;
	}


.category-pc a{
	display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 10px;
    color: #525263;
    font-size: 1.6rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #E8E8E8;
	}


	#content h3 + p {
	padding-left: 0;
}

	#main .lightbox {
  width: auto;
}

	.btn{
		font-size: 12px;
	}


	.recruitment li .midasi{/*見出し用*/
	width: 100px;
}
.recruitment li .Year{/*年号用*/
	width: 100px;
}

	.recruitment li:after{
	width: 100px;
}
	.recruitment li span{
	width : calc(100% - 115px) ;
}

}