@charset "UTF-8";
/*!  mixin,変数
================================================ */
/*=============================================================
 tour
=============================================================*/
#mainImg {
  background-image: url(../img/recruitment/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      background-image: url(../img/recruitment/img_main_pc.jpg); } }

#recruitment_graduate section{
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #recruitment_graduate section {
      margin-bottom: 70px; } }

@media (min-width: 640px) {
  #recruitment_graduate .boxWrap {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #recruitment_graduate .boxWrap .mod_box02 {
      width: 470px; } }
      
.pointlist {
	list-style: square;
}
/* module.cssの上書き */
@media (min-width: 640px) {
  .mod_column .right {
    float: right;
    width: 45%;
    margin-left: 20px;
    margin-bottom: 120px; /* 文字回り込み防止 */ }
  .mod_column .left {
    float: left;
    width: 45%;
    margin-right: 20px;
    margin-bottom: 0; } }


/*----------------------------------------------------------------------------新卒採用*/

#mod_tit_rec{/*新卒・中途ページのみ　アイコン変更*/
	  background: url(../img/recruitment/saiyo_icon_orange.png) left 50% no-repeat;
	  background-size: 30px;}
	@media (min-width: 640px) {
		#mod_tit_rec {
  			background-size: 50px;}}

.m_b{
	margin-bottom: 20px;}
	@media (min-width: 640px) {
		.m_b{
			margin-bottom: 30px;}}


#sec_01 {
  width:100%;
	height: auto;
  overflow:hidden;
  margin:0 auto;}
	@media (min-width: 640px) {
		#sec_recruitment_graduate {
  			width:100%;
			max-width:1140px;}}


#recruitment_graduate .p01 {
	font-size:15px;
	width: 100%;
	height: auto;
	line-height: 1.8em;
	margin: 0 0 1.5em 0;}
@media (min-width: 640px) {
		#recruitment_graduate .p01 {
/*			font-size:18px; */
			width: 100%;
			height: auto;
			margin: 1.5em 0;}}


#recruitment_graduate .p02 {
	font-size:18px;
	font-weight: bold;
	width: 100%;
	height: auto;
	line-height: 1.8em;}
@media (min-width: 640px) {
	#recruitment_graduate .p02 {
	font-size:20px;
	height: auto;
		line-height: 1.8em;}}


#recruitment_graduate .p03 {
	font-size:15px;
	width: 100%;
	height: auto;
	line-height: 1.8em;
	padding-left: 1em;
 	 text-indent: -1em;
	margin: 2em 0;}
@media (min-width: 640px) {
	#recruitment_graduate .p03 {
/*		font-size:18px; */
		margin: 2em 0;}}


#recruitment_graduate .p_orange {
	color:#f38440;
	font-size:22px;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 15px;}
@media (min-width: 640px) {
	#recruitment_graduate .p_orange {
		color:#f38440;
		font-size:23px;
		margin-top: 60px;}}

#recruitment_graduate .link_orange{
	display: inline;
	color:#f38440;
}


@media (min-width: 640px) {
	.block{/* 四角*/
	display: none;
	}}


/* ここからテーブル*/
.recruitment_box{
	width: 100%;
	height: auto;
	border:solid 1px #dcdcdc;
	background-color: #f5f5f5;	
}

.recruitment_box dl{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: auto;
	border-bottom:solid 1px #dcdcdc;
}

.recruitment_box dt{
	width: 40%;
	max-width: 120px;
	height: auto;
	min-height: 100%;
	height: auto;
	color: #333;
/*	font-size: 15px; */
	font-weight: bold;
	padding: 10px 20px;}
@media (min-width: 640px) {
	.recruitment_box dt{
		width: 45%;
		max-width: 130px;
		height: auto;
		min-height: 100%;
		height: auto;
		color: #333;
/*		font-size: 16px; */
		padding: 10px 20px;}}


.recruitment_box dd{
	background-color: #fff;	
	flex: 1;
	height: auto;
	color: #000;
/*	font-size: 15px; */
	padding: 10px 20px;	}
@media (min-width: 640px) {
	.recruitment_box dd{
		height: auto;
/*		font-size: 16px; */
		padding: 20px 20px;	}}


.oubodoc a {
    text-decoration: underline;
    color: #f48440;
}

/*
#sidebar a, #sidebar_nofixed a {
    color: #fff;
}
*/