@charset "UTF-8";
@import url(style-pc.css) screen and (min-width: 769px);
@import url(style-tablet.css) screen and (max-width: 768px) and (min-width: 481px);
@import url(style-sp.css) screen and (max-width: 480px);
*      {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* =========================================
   ���i���Ƃ̉�ʐ���
   ========================================= */
.pc-only, .br-pc {
  display:inherit;
}

.pc-hidden {
  display:none;
}
p.thanks_text {
    margin: 50px auto;
    max-width: 500px;
    line-height: 37px;
}
@media screen and (max-width: 768px) {
  .pc-only, .br-pc {
    display:none;
  }

  .pc-hidden {
    display:inherit;
  }
}

.sp-only, .br-sp {
  display:none;
}

.sp-hidden, {
  display:inherit;
}

@media screen and (max-width: 480px) {
  .sp-only, .br-sp {
    display:inherit;
  }

  .sp-hidden {
    display:none;
  }
}

.br-tab {
  display:none;
}

@media screen and (max-width: 768px and min-width: 481px) {
  .br-tab {
    display:inherit;
  }

}
/* ========================================================

    body

   ======================================================== */
body {
  background:#ffffff;
}

body#top {
  background:#000000;
}
#container {
  position:relative;
  display:none;
}


#top #container {
  width:100%;
}

/* ========================================================

    top

   ======================================================== */
#top-pic1 {
  top:0;
  left:0;

  z-index: 1000;
}

#top-pic1 .icon {
  display: block;
  position: relative;
}

#top-pic2 {
  bottom:0;
  right:0;
  background:url(../image/common/triangle2.png) no-repeat;
  background-size:cover;
  background-color:transparent;
  z-index: 1000;
}

#top-nav {
  top:0;
  right:0;
  background:transparent;
  z-index:999;
}


/* ========================================================

    stage

   ======================================================== */
#stage2, #stage3, #stage4, #stage5, #stage6 {
  text-align: center;
  position: relative;
  margin: 0 auto;
  display:block;
  width: 100%;
  z-index: 0;
  box-sizing: content-box;
}
/* ========================================================

    stage2

   ======================================================== */
#stage2-content {
  display:none;
}
/* ========================================================

    stage3

   ======================================================== */
#stage3-content {
    background: rgba(255, 255, 255, 0.8);
    padding: 50px 20px;
    margin-top: 50px;
}
/* ========================================================

    stage4

  ======================================================== */
#stage4-content {
  background:transparent;
}

.member_timeline_start {
    text-align: center;
    width: 20%;
    background: url(../image/member/timeline01.png) no-repeat right 10px;
    position: relative;
    white-space: nowrap;
    float: left;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-right: 27px;
    color: #ff0000;
}
.member_timeline_end {
    text-align: center;
    width: 20%;
    background: url(../image/member/timeline03.png) no-repeat right -3px;
    position: relative;
    white-space: nowrap;
    float: left;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-right: 27px;
    color: #ff0000;
}
.member_timeline {
    text-align: center;
    width: 20%;
    background: url(../image/member/timeline02.png) repeat-y right top;
    position: relative;
    white-space: nowrap;
    float: left;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-right: 27px;
    color: #ff0000;
}
.member_timeline_line {
    text-align: center;
    width: 20%;
    background: url(../image/member/timeline_line.png) repeat-y right top;
    position: relative;
    white-space: nowrap;
    float: left;
    height: 100%;
    font-size: 20px;
    font-weight: bold;
    padding-right: 27px;
    color: #ff0000;
}
.member_timeline_right {
  /*  background: url(../image/member/history/left.png) no-repeat left top; */
    position: relative;
    height: 100%;
    width: 78%;
    padding-left: 5%;
    padding-right: 5%;
    float: right ;
}
@media screen and (max-width: 768px) {
.member_timeline_start {
    text-align: center;
    font-size: 15px;
}
.member_timeline_end {
    text-align: center;
    font-size: 15px;
}
.member_timeline {
    text-align: center;
    font-size: 15px;
}
.member_timeline_line {
    text-align: center;
    font-size: 15px;
}
}
@media screen and (max-width: 480px) {
	.member_timeline_start {
	    text-align: center;
	    width: 22%;
	    background: url(../image/member/timeline01.png) no-repeat right 7px;
	    position: relative;
	    white-space: nowrap;
	    float: left;
	    height: 100%;
	    font-size: 14px;
	    font-weight: bold;
	    padding-right: 27px;
	    color: #ff0000;
	}
	.member_timeline_end {
	    text-align: center;
	    width: 22%;
	    background: url(../image/member/timeline03.png) no-repeat right -6px;
	    position: relative;
	    white-space: nowrap;
	    float: left;
	    height: 100%;
	    font-size: 14px;
	    font-weight: bold;
	    padding-right: 27px;
	    color: #ff0000;
	}
	.member_timeline {
	    text-align: center;
	    width: 22%;
	    background: url(../image/member/timeline02.png) no-repeat right -3px;
	    position: relative;
	    white-space: nowrap;
	    float: left;
	    height: 100%;
	    font-size: 14px;
	    font-weight: bold;
	    padding-right: 27px;
	    color: #ff0000;
	}
	.member_timeline_line {
	    text-align: center;
	    width: 22%;
	    background: url(../image/member/timeline_line.png) repeat-y right -3px;
	    position: relative;
	    white-space: nowrap;
	    float: left;
	    height: 100%;
	    font-size: 14px;
	    font-weight: bold;
	    padding-right: 27px;
	    color: #ff0000;
	}
}
/* ========================================================

    �g�b�v�y�[�W �v���W�F�N�g�X�g�[���[

  ======================================================== */
#stage5-content {
  background:rgba(255, 255, 255, 0.8);

}
/* ========================================================

    �g�b�v�y�[�W �̗p���

  ======================================================== */
#stage6-content {
  background:rgba(255, 255, 255, 0.8);
}


/* ========================================================

    �x�����[�h���G�t�F�N�g

   ======================================================== */
@keyframes fadeUp{
	from{
	    opacity: 0;
	    top:60%;
	}
	to{
	    opacity: 1;
	    top:50%;
	}
}

.lazy-fadein {
  display:none;
}
.lazy-fadein.show {
  display:block;
  animation: fadeUp 0.7s linear 0s;
}

/* ========================================================

    �y�[�W�i�r�Q�[�^

   ======================================================== */
#pagenav ul li a {
  color:gray;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

#pagenav ul li.now a {
  color:red;
  pointer-events : none;
}


#top-pagenav {
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  right: 0;
  z-index: 100;
}

#top-pagenav li {
  margin:15px;


}
#top-pagenav li a {
  color:gray;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}

#top-pagenav li.now a {
  color:#000748;
}

/* ========================================================

    ����

   ======================================================== */
a img {outline:none; border-style:none;}


@charset "UTF-8";


/* =========================================
   history
   ========================================= */



#history_blosck {
	width:950px;
	margin:0 auto;
	margin-bottom: 80px ;
	}

#history_blosck .history_table {
	width:100%; /*�@�����w�� */
	max-width: 950px;
	display: table;
	margin:0 auto;
	}

#history_blosck li {
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	}
#history_blosck li.yearbox {
	font-weight:bold;
	text-align:center;
	border-right: solid 4px #000748;
	width:96px !important;
	background:#e8e8e8 url("../image/company/history/right.png") no-repeat right center;
	position:relative;
	white-space: nowrap;
	    color: #ff000 !important;
	}
#history_blosck li.monthbox {
	font-weight:bold;
	text-align:left;
	text-indent:20px;
	color:#3d458c;
	width:100px;
	background: url("../image/company/history/left.png") no-repeat left center;
	position:relative;
	white-space: nowrap;
	}
#history_blosck li.hiscont {

	border-bottom: 1px solid #d6d6d6;
	}
#history_blosck li p {
	width: 97%;
	line-height: 20px;
	color: #fff ;
	}
#history_blosck li.hisbox {
	width:200px;
	position:relative;
	}
#history_blosck .history_cap {
	vertical-align: middle;
	min-height:30px;
	display:block;
	width:100%;
	margin:10px 0;
	width:200px;
	text-align:right;
	font-size:10px;
	}

#history_blosck li.yearbox .yearin {
	width:78px;
	position:absolute;
	bottom:0;
	left:7px;
	border-top: 1px solid #fff;
	}

#history_blosck li.monthbox .monthin {
	width:94px;
	position:absolute;
	bottom:0;
	left:6px;
	border-top: 1px solid #d6d6d6;}
#history_blosck li.hisbox .hisboxin {
	width:204px;
	position:absolute;
	bottom:0;
	right:0;
	border-top: 1px solid #d6d6d6;}

.borderNone {
	border-bottom: none !important;
	}


#history_blosck img {
	width:390px;
	margin-bottom:3px;
	float:left ;
	margin-right: 20px ;
	margin-left: 50px;
	}
.his-maintext-area img {
    margin: 0 0 0 30px !important;
    width: 408px ;
}

@media screen and (max-width: 980px) {
    width: 94% !important;
}

p.slide-year {
	font-size: 22px ;
    /* 年号の位置設定 */
/*	padding : 20px 0 20px 0 ; */
    padding: 68px 0 10px 0;
    /* 年号の位置設定 */
	color: #fff ;
	line-height: 32px !important;
}
/* 年号の位置設定 */
.slide-top {
	padding-top:64px;
}
/* 年号の位置設定 */
.main-area {
    width: 950px;
    background: #000;
    margin: 0 auto;
    display: table;
    padding: 20px;
    border-top: 3px solid #d60505;
    box-sizing: border-box;
    height: 400px;
    margin-bottom: 40px;
}
.main-area-ami {
    width: 950px;
    background: url(../image/common/ami.png) repeat;
    height: 243px;
    position: absolute;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 0;
    height: 400px;
    padding:20px ;
}
.main-area .his-slider-area {
    width: 470px;
    float: left ;
}
.main-area .his-slider-area img {
    width: 100%;

}
.main-area .his-slider-area {
    width: 470px;
    float: left;
}
/* 年号の位置設定 */
dt.history_tab01 {
    position: relative;
    width: 100%;
}
/* 年号の位置設定 */
.his-maintext-area {
    float: right;
    /* 年号の位置設定 */
    position: absolute;
    z-index: 1000;
    left: 450px;
    top: 24px;
    /* 年号の位置設定 */
}
.his-maintext-area h3 {
    margin-bottom: 18px;
}
.his-maintext-area p {
	line-height: 26px;
    color: #fff;
    display: inline-block;
    padding: 20px 0;
}
/*
.history-content dt {
    position: absolute;
}
*/
dl.history-content {
    /* display: inline-block; */
/*    height: 880px; */
}
.history-tab{overflow:hidden;}
.history-tab dt{background:#ccc; padding:5px 25px; float:left; margin-right:1px;}
.history-tab dt.select{background:#eee;}
.history-content dt{padding:0;}
/* .history-hide {display:none;} */

.history-year-btn {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 80px;
    display: table;
    cursor: pointer;
}

.history-year-btn .border {
    border: 3px solid #424242;
    padding: 6px 15px;
    width: 250px;
    text-align: center;
    float: left;
    font-size: 16px;
    margin: 0 33px;
}
.history-year-btn .border.select {
    border: 3px solid #ff0000;
    color: #ff0000 ;
    cursor: initial;
}
.history-year-btn .border:hover {
    opacity:0.6 ;
}
.history-year-btn .border.select:hover {
    opacity:1 ;
}
dt.histab01 {
	background: url(../image/company/history/tab01.png) ;
	width: 256px ;
	height: 37px ;
	margin-top: 10px !important;
	cursor: pointer;
}
dt.histab01:hover {
	opacity: 0.6 ;
}
dt.histab02 {
	background: url(../image/company/history/tab02.png) ;
	width: 256px ;
	height: 37px ;
	margin-top: 10px !important;
	cursor: pointer;
}
dt.histab02:hover {
	opacity: 0.6 ;
}
dt.histab03 {
	background: url(../image/company/history/tab03.png) ;
	width: 256px ;
	height: 37px ;
	margin-top: 10px !important;
	cursor: pointer;
}
dt.histab03:hover {
	opacity: 0.6 ;
}
dt.histab01.select {
	background: url(../image/company/history/tab01_on.png) ;
	width: 256px ;
	height: 47px ;
	margin-top: 0px !important;
	cursor: initial;
}
dt.histab01.select:hover {
	opacity: 1 ;
}
dt.histab02.select {
	background: url(../image/company/history/tab02_on.png) ;
	width: 256px ;
	height: 47px ;
	margin-top: 0px !important;
	cursor: initial;
}
dt.histab02.select:hover {
	opacity: 1 ;
}
dt.histab03.select {
	background: url(../image/company/history/tab03_on.png) ;
	width: 256px ;
	height: 47px ;
	margin-top: 0px !important;
	cursor: initial;
}
dt.histab03.select:hover {
	opacity: 1 ;
}
div#history-tab-box {
    margin: 0 auto;
    width: 772px;
}

@media screen and (max-width: 980px) {

#history_blosck li.yearbox {
    width: 75px !important;
}

#history_blosck li.hisbox {
	width:25% !important;
	padding-left:10px;
	}
#history_blosck .history_cap {
	width:100% !important;
	}
#history_blosck li.yearbox .yearin {
	border-top: none;
	}
#history_blosck li.monthbox {
    width: 64px;
	}
#history_blosck li.monthbox .monthin {
	border-top: none;}
#history_blosck li.hisbox .hisboxin {
	border-top: none;}
#history_blosck .history_table {
	border-bottom: 1px solid #d6d6d6;
	}
#history_blosck li.hiscont {
	width: auto;
	border-bottom: none;

	}
#history_blosck {
	width:100%;
	margin:0 auto;
	margin-bottom: 70px;
	}
}

@media screen and (max-width: 768px) {

#history_blosck {
	margin-bottom: 0px;
	}
#history_blosck img {
   /* max-width: 400px; */
    width: 100%;
    margin-bottom: 3px;
    float: left;
    margin-right: 20px;
    margin-left: 0 ;
}
ul#slides01 li img {
    width: 100%;
}
p.slide-year {
    font-size: 18px;
    padding: 25px 0 20px 0;
}
	.main-area {
		width: 100%;
	}
	.main-area-ami {
	    width: 100%;
	}
	.slide-top {
	    padding-top: 25px;
	}
	.main-area .his-slider-area {
	    width: 90%;
	    float: initial;
	}
	div#history-tab-box {
	    margin: 0 auto;
	    width: 438px;
	}

	/* �^�u */
	#history_blosck {
	    margin-bottom: 60px;
	 /*   min-width: 605px; */
	}
	dt.histab01.select {
	    background: url(../image/company/history/tab01sp_on.png) no-repeat;
	    width: 145px ;
	    margin-top: 0px !important;
	    background-size: 100%;
	    height: 34px ;

	}
	dt.histab02.select {
	    background: url(../image/company/history/tab02sp_on.png) no-repeat;
	    width: 145px ;
	    margin-top: 0px !important;
	    background-size: 100%;
	    height: 34px ;
	}
	dt.histab03.select {
	    background: url(../image/company/history/tab03sp_on.png) no-repeat;
	    width: 145px ;
	    margin-top: 0px !important;
	    background-size: 100%;
	    height: 34px ;
	}
	dt.histab01 {
	    background: url(../image/company/history/tab01sp.png) no-repeat;
	    width: 145px ;
	    margin-top: 5px !important;
	    background-size: 100%;
	    height: 29px ;
	}
	dt.histab02 {
	    background: url(../image/company/history/tab02sp.png) no-repeat;
	    width: 145px ;
	    margin-top: 5px !important;
	    background-size: 100%;
	    height: 29px ;
	}
	dt.histab03 {
	    background: url(../image/company/history/tab03sp.png) no-repeat;
	    width: 145px ;
	    margin-top: 5px !important;
	    background-size: 100%;
	    height: 29px ;
	}
	.main-area {
	    width: 100%;
	    background: #000;
	    margin: 0 auto;
	    display: table;
	    padding: 20px;
	    border-top: 3px solid #d60505;
	    box-sizing: border-box;
	    height: 875px ;
	    margin-bottom: 40px;
	}
	.his-maintext-area {
		position: relative ;
		left: 0;
    	top: 0;
	}
	.main-area-ami {
	    width: 100% ;
	  /*  min-width: 600px; */
	    height: 243px;
	    position: absolute;
	    margin-top: -20px;
	    margin-left: -20px;
	    z-index: 0;
	    height: 875px ;
	    padding:20px ;
	}
	.history_tab02 .main-area-ami {
		width: 100%;
	 /*   position : relative ; */
	}
	.history_tab03 .main-area-ami {
		width: 100%;
	 /*   position : relative ; */
	}
	#history_blosck li p {
	    display:inline-block ;
	}
	.main-area .his-slider-area {
	    width: 35% ;
	    float: left ;
	}
	.main-area .his-slider-area img {
	    width: 100%;

	}
	.main-area .his-slider-area {
	    width: 100% ;
	    float: initial;
	}
	.his-maintext-area {
	    float: initial;
	    padding-left: 0;
	    display: inline-block;
	}
	.his-maintext-area p {
		line-height: 26px ;
		color: #fff ;
	}
	.his-maintext-area h3 {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.history-year-btn {
	    width: 100%;
	    margin: 0 auto;
	    padding: 20px 0;
	    margin-bottom: 25px;
	    display: table;
	}
	.history-year-btn .border {
	    padding: 6px 15px;
	    width: 31%;
	    text-align: center;
	    float: left;
	    font-size: 14px;
	    margin: 0 1%;
	}
	.history-year-btn .border.select {
	    border: 3px solid #ff0000;
	    color: #ff0000 ;
	}
	#history_blosck li.hisbox {
	    width: 2% !important;
	    padding-left: 5px;
	}
	.flexslider {
		margin: 0 0 20px !important;
	}

	/* �^�u */

}



@media screen and (max-width: 480px) {

#history_blosck {
    min-width: initial;
}
.his-maintext-area img {
    margin: 0 !important;
    width: 100% !important;
}
#history_blosck .history_table {
	display: block;
	border-bottom: none;
	margin-bottom:0px;
	}

#history_blosck dt {
	display: block;
	vertical-align: middle;
	box-sizing: border-box;
	}
#history_blosck dt.yearbox {
	font-weight:bold;
	text-align:left;
	border-right: none;
	border-bottom: solid 4px #ff0000;
	width:100% !important;
	background:#e8e8e8;
	background-image: none;
	position: static;
	white-space: nowrap;
	padding:10px;
	}
#history_blosck dt.monthbox {
	font-weight: normal;
	text-align:left;
	text-indent:10px;
	color:#ff0000;
	width:15%;
	background: none;
	position: static;
	white-space: nowrap;
	margin-top:15px;
	float:left;
	}
#history_blosck dt.hiscont {
	float:right;
	position: static;
	border-bottom: none;
	width:80%;

	}
#history_blosck dt p {
	width: 100%;
	font-size: 13px;
	padding: 5px 0 5px;
	line-height: 19px ;
	display: inline-block;
	}
#history_blosck dt p.slide-year {
	padding: 10px 0 0 0;
	font-size: 15px ;
    font-weight: bold;
    color: #fff
}
#history_blosck dt.hisbox {
	width:100% !important;
	position: static;
	clear:both;
	padding-left:0px;
	}
#history_blosck .history_cap {
	vertical-align: middle;
	min-height: inherit;
	display:block;
	width:100%;
	margin:10px 0;
	text-align:right;
	font-size:10px;
	}

ul#slides01 li img {
    width: 100%;
}
.bx-wrapper .bx-viewport {
    left: 0px !important;
}
.borderNone {
	border-bottom: none !important;
	}
	div#history-tab-box {
	    margin: 0 auto;
	    width: 300px;
	}
	dt.histab01.select {
	    background: url(../image/company/history/tab01sp_on.png) no-repeat;
	    width: 100px ;
	    margin-top: 0px !important;
	    background-size: 100%;
	    height: 23px ;
	}
	dt.histab02.select {
	    background: url(../image/company/history/tab02sp_on.png) no-repeat;
	    width: 100px ;
	    margin-top: 0px !important;
	    background-size: 100%;
	    height: 23px ;
	}
	dt.histab03.select {
	    background: url(../image/company/history/tab03sp_on.png) no-repeat;
	    width: 100px ;
	    margin-top: 0px !important;
	    background-size: 100%;
	    height: 23px ;
	}
	dt.histab01 {
	    background: url(../image/company/history/tab01sp.png) no-repeat;
	    width: 95px ;
	    margin-top: 5px !important;
	    background-size: 100%;
	    height: 18px ;
	}
	dt.histab02 {
	    background: url(../image/company/history/tab02sp.png) no-repeat;
	    width: 95px ;
	    margin-top: 5px !important;
	    background-size: 100%;
	    height: 18px ;
	}
	dt.histab03 {
	    background: url(../image/company/history/tab03sp.png) no-repeat;
	    width: 95px ;
	    margin-top: 5px !important;
	    background-size: 100%;
	    height: 18px ;
	}
	.his-maintext-area {
	    width: 100%;
	    min-width: initial ;
	    float: initial;
	    display: table;
	    padding: 0 ;
	    margin-bottom: 0px;
	}
	.his-maintext-area h3 {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.his-maintext-area p {
	    padding: 0 !important;
	    margin: 0;
	}
	.main-area .his-slider-area {
	    width: 100%;
	    min-width: initial ;
	    float: initial;
	}
	.main-area {
	    width: 100%;
	    min-height: 640px ;
	    min-width: initial ;
	    margin-bottom: 20px;
	    height: initial ;
	}
	.main-area-ami {
	    width: 100%;
	    min-width: initial ;
	    height: 640px ;
	    margin-left: -5%;
	}

	p.slide-year {
		font-size:15px ;
		padding: 10px ;
		color: #fff ;
	}
	.history-year-btn {
	    width: 100%;
	    margin-bottom: 0;
	    padding: 10px 0;

	}
	.history-year-btn .border {
	    margin: 4px 20px;
	}
	#history_blosck li.hisbox {
	    width: 2% !important;
	    padding-left: 5px;
	}
	.history-year-btn .border {
	    margin: 10px auto;
	    float: initial;
	    width: 250px;
	}
	.flexslider {
		margin: 0 0 20px !important;
	}

}

li.hiscont p {
    color: #000 !important;
}
/* =========================================
   recruit
   ========================================= */

#recruit table {
	border-collapse: collapse;
	width:100%;
	margin-bottom: 60px ;
}
#recruit th.t_top {
    border-top: #ff0000 1px solid;
}
#recruit th {
    border-bottom: #e3e3e3 1px dotted;
    text-align: left;
    padding: 20px 15px;
    font-weight: normal;
    border-right: 5px solid #000748;
    background: #F1F1F1;
    vertical-align: middle;
    line-height: 21px;
    font-weight: bold;
        min-width: 130px;
}

#recruit td.t_top {
	border-top: #ff0000 1px solid;
}
#recruit td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 20px;
	line-height: 30px;
	background: #fff;
}
.recruit_title {
    text-align: center;
    width: 100%;
    padding: 0 0 40px 0;
    display: inline-block;
    margin: 0 auto;
}
.recruit_title_tb {
    text-align: center;
    width: 100%;
    margin-bottom: 5%;
    font-size: 16px;
}
table.recruit_title_tb th {
    padding: 15px;
}
table.recruit_title_tb td {
    padding: 15px;
    vertical-align: middle;
    text-align: left;
}
td.tb-title3 {
    border-right: 1px solid #d6d6d6;
}
.conpany-content04{
    margin-left: 7%;
    margin-right: 6%;
    padding-bottom: 50px ;
}
.tb-title1{
    width: 25%;
    border-right: solid 4px #ff0000;

    background: #e8e8e8 url(../image/company/history/right.png) no-repeat right center;
    position: relative;
}
.tb-title1 .yearin{
    width: 235px;
    position: absolute;
    bottom: 0;
    left: 9px;
    border-top: 1px solid #fff;
}
.tb-title3{

    background: url(../image/company/history/left.png) no-repeat left center;
    position: relative;
    white-space: nowrap;
}
.tb-title4{

}
.tb-title3 .monthin{
    width: 150%;
    position: absolute;
    bottom: 0;
    left: 6px;
    border-top: 1px solid #d6d6d6;
}
.content-detail{
    margin-bottom: 3%;
}
.title-text{
    font-size: 18px;
    line-height: 26px;
}
.rec_entry_text {
    font-size: 15px ;
    line-height: 30px ;
    text-align: center ;
}
h3.rec_h3_title {
    border-right: 5px solid #ff0000;
    border-left: 5px solid #ff0000;
    width: 160px;
    text-align: center;
    color: #ff0000;
    font-size: 20px;
    padding: 3px;
    margin: 60px auto 30px;
    font-weight: bold;
}
.recruit_flow {
    line-height: 0;
    text-align: center;
    width: 556px;
    margin: 0 auto;
    position: relative;
}
.recruit_step_text {
    position: absolute;
    top: 41px;
    left: 100px;
    font-weight: bold;
    font-size: 17px;
}
.senkou_naiyou {
    width: 400px;
    text-align: center;
    margin: 0 auto 60px;
}
.senkou_naiyou_border {
    border: 1px solid #424242;
    padding: 20px;
}
#recruit  .t_btm {
    border-bottom: 1px solid #ff0000;
}
.recruit-col3 {
    display: inline-block;
    padding: 11px;
}
.recruit-col10 {
    padding: 11px;
    line-height: 26px !important;
}
p.co-text {
    text-align: right;
    padding-top: 30px;
}
@media screen and (max-width: 980px) {
	.rec_title_tablet {
	    width: 100%;
	    margin: 0 auto;
	}
	#recruit th {
	    width: 25%;
	    padding: 20px 10px;
	    font-size: 13px;
	    line-height: 18px ;

	}
	#recruit td {
	    font-size: 14px;
	    line-height: 18px ;
	}
	.rec_entry_text {
	    font-size: 13px ;
	    line-height: 24px ;
	    text-align: center ;
	}
	h3.rec_h3_title {
	    border-right: 3px solid #ff0000;
	    border-left: 3px solid #ff0000;
	    width: 36%;
	    text-align: center;
	    color: #ff0000;
	    font-size: 18px;
	    padding: 3px;
	    margin: 40px auto;
	}
	.recruit_title {
	    padding: 40px 0 20px 0;
	}
	#recruit table {
	    margin-bottom: 20px;
	}
	.recruit_flow {
	    width: 100%;
	}
	.recruit_flow img {
	    width: 100%;
	}
	.recruit_step_text {
	    top: 36px;
	    left: 19%;
	    font-size: 15px;
	}
	h3.rec_h3_title {
	    font-size: 16px;
	    padding: 3px;
	    margin: 40px auto 20px;
	}
	.recruit-col3 {
		width: 32%
	    display: inline-block;
	    padding: 1%;
	}
	.recruit-col3 img {
		width: 100% ;
	}
	.recruit-col10 {
	    padding: 1%
	    line-height: 20px;
	}

}
@media screen and (max-width: 480px) {
    .conpany-content04{
        margin-left: 0;
        margin-right: 4%;
    }
    #history_blosck{
        margin-left: 65px;
    }
	.rec_titpe_sp  {
	    width: 100%;
	    margin: 0 auto;
	}
	.recruit-col3 {
		width: 100% ;
	    padding: 1%;
	}
	.recruit-col3 img {
		width: 100% ;
	}
	.recruit-col10 {
	    padding: 1%
	    line-height: 20px;
	}
	#recruit th {
	    width: 25%;
	    font-size: 14px;
	    line-height: 16px ;
	    padding: 20px 7px;
	        min-width: initial;
	}
	#recruit td {
	    font-size: 14px;
	    line-height: 18px ;
	}
	.rec_entry_text {
	    font-size: 12px ;
	    line-height: 20px ;
	    text-align: center ;
	}
	h3.rec_h3_title {
	    border-right: 3px solid #ff0000;
	    border-left: 3px solid #ff0000;
	    width: 34%;
	    text-align: center;
	    color: #ff0000;
	    font-size: 14px;
	    padding: 3px;
	    margin: 40px auto;
	}
	.recruit_title {
	    text-align: center;
	    width: 100%;
	    padding: 40px 0 20px 0;
	}
	#recruit table {
	    margin-bottom: 10px;
	}
	.recruit_flow {
	    width: 100%;
	}
	.recruit_flow img {
	    width: 100%;
	}
	.recruit_step_text {
	    top: 27px;
	    left: 20%;
	    font-size: 11px;
	}
	h3.rec_h3_title {
	    margin: 30px auto 10px;
	}
	.senkou_naiyou {
	    width: 100%;
	}
	.senkou_naiyou_border {
	    border: 1px solid #424242;
	    padding: 10px;
	    font-size: 13px;
	}
}
/* =========================================
   recruitment
   ========================================= */

#recruitment {
	border-collapse: collapse;
	width:100%;
	margin-bottom: 0px ;
}
#recruitment th.t_top {
    border-top: #ff0000 1px solid;
}
#recruitment th {
    border-bottom: #e3e3e3 1px dotted;
    text-align: left;
    padding: 20px 15px;
    font-weight: normal;
    border-right: 5px solid #000748;
    background: #F1F1F1;
    vertical-align: middle;
    line-height: 21px;
    font-weight: bold;
        min-width: 130px;
}


/* =========================================
   scale
   ========================================= */


div#scale_blosck b {
    font-weight: bold;
}
#select_mainBox{
	width:980px;
	margin:0 auto;}

#scale_blosck {
	width:100%;
	min-height:275px;
	margin:0 auto;
	position:relative;
	margin-bottom:70px;
	}
#scale_blosck img { width:100%;}
#scale_blosck h5 {
	color:#ff0000;
	font-size:32px;
	font-family:"�l�r �o����", "MS PMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin:0 0 20px;
	padding:0 0 0;
	display:block;
	}
#scale_blosck p {
	font-size:16px;
	font-family: "�l�r �S�V�b�N", "MS Gothic", "Osaka�|����", Osaka-mono, monospace;
	margin:0 0 0;
	padding:0 0 0;
	line-height:24px;
	}
div#scale_blosck2 b {
    font-weight: bold;
}
#scale_blosck2 {
	width:100%;
	min-height:350px;
	margin:0 auto;
	position:relative;
	margin-bottom:70px;
	}
#scale_blosck2 img { width:100%;}
#scale_blosck2 h5 {
	color:#ff0000;
	font-size:32px;
	font-family:"�l�r �o����", "MS PMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin:0 0 20px;
	padding:0 0 0;
	display:block;
	}
#scale_blosck2 p {
	font-size:16px;
	font-family: "�l�r �S�V�b�N", "MS Gothic", "Osaka�|����", Osaka-mono, monospace;
	margin:0 0 0;
	padding:0 0 0;
	line-height:24px;
	}

.back_left { background: url("../image/company/scale/left_back.png") no-repeat right center;}
.back_left > .scale_main {position:absolute;left:0;top:0; width:272px;}
.back_left > span {position:absolute;right:6px;top:39px; width:16px;}
.back_left > .casebox {position:absolute;right:18px;top:51px; width:184px;}
.back_left > .read_box { position:absolute; right:80px; top:90px;}



.back_right { background: url("../image/company/scale/right_back.png") no-repeat left center; text-align:right;}
.back_right > .scale_main {position:absolute;right:0;top:0; width:272px;}
.back_right > .scale_2main {position:absolute;right:0;top:0; width:454px;}
.back_right > span {position:absolute;left:6px;bottom:38px; width:16px;}
.back_right > .casebox {position:absolute;left:18px;bottom:51px; width:184px;}
.back_right > .read_box { position:absolute; left:80px; top:90px;}
.back_right > .read_2box { position:absolute; left:20px; top:90px;}
.back_right > .read_3box { position:absolute; left: 80px; top:73px;}
.back_right > .read_4box { position:absolute; left:50px; top:90px;}

.back_right2 { background: url("../image/company/scale/right_back2.png") no-repeat left center; text-align:right;}
.back_right2 > .scale_main {position:absolute;right:0;top:0; width:272px;}
.back_right2 > .scale_2main {position:absolute;right:0;top:0; width:454px;}
.back_right2 > span {position:absolute;left:6px;bottom:38px; width:16px;}
.back_right2 > .casebox {position:absolute;left:18px;bottom:51px; width:184px;}
.back_right2 > .read_box { position:absolute; left:80px; top:80px;}
.back_right2 > .read_2box { position:absolute; left:20px; top:90px;}
.back_right2 > .read_3box { position:absolute; left: 80px; top:73px;}
.back_right2 > .read_4box { position:absolute; left:50px; top:90px;}

.h566 { width:556px;}
.h650 { width:650px;}
.h600 { width:600px;}
.h450 { width:450px;}

.scale_pc { display: block;}
.scale_sp { display:none;}

.u {
  background: linear-gradient(transparent 60%, #A9E2F3 60%);
}

.wauto {
  width: auto !important;
}

fl10{letter-spacing: 10px;}
fl20{letter-spacing: 20px;}


@media screen and (max-width: 980px) {
#select_mainBox{
	width:95%;
	margin:0 auto 25px;}
#select_mainBox:after {
  content: "";
  display: block;
  clear: both;
}
#scale_blosck {
	width:48%;
	min-height: inherit;
	margin:0 0;
	position: static;
	margin-bottom:0;
	}
#scale_blosck h5 {
	color:#ff0000;
	font-size:19px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0;
	display:block;
	height: 48px;
    line-height: 24px;
	}
#scale_blosck p {
	font-size:14px;
	margin:0 0 0;
	padding:0 0 0;
	line-height:24px;
	}
#scale_blosck2 {
	width:48%;
	min-height: inherit;
	margin:0 0;
	position: static;
	margin-bottom:0;
	}
#scale_blosck2 h5 {
	color:#ff0000;
	font-size:19px;
	font-family:"�l�r �o����", "MS PMincho", "�q���M�m���� Pro W3", "Hiragino Mincho Pro", serif;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0;
	display:block;
	height:35px;
	}
#scale_blosck2 p {
	font-size:14px;
	font-family: "�l�r �S�V�b�N", "MS Gothic", "Osaka�|����", Osaka-mono, monospace;
	margin:0 0 0;
	padding:0 0 0;
	line-height:24px;
	}
.back_left { background: none; float:left;}
.back_left > .scale_main, .back_right > .scale_main, .back_right > .scale_2main {position:static;left:0;top:0; width:100%; margin-bottom:10px;}
.back_left > .scale_main, .back_right2 > .scale_main, .back_right2 > .scale_2main {position:static;left:0;top:0; width:100%; margin-bottom:10px;}
.back_left > span { display:none;}
.back_left > .casebox { display:none;}
.back_left > .read_box, .back_right > .read_box, .back_right > .read_2box, .back_right > .read_3box, .back_right > .read_4box { position:static; right:0; top:0; width:100%; padding:10px; text-align:left;box-sizing: border-box;}
.back_left > .read_box, .back_right2 > .read_box, .back_right2 > .read_2box, .back_right2 > .read_3box, .back_right2 > .read_4box { position:static; right:0; top:0; width:100%; padding:10px; text-align:left;box-sizing: border-box;}



.back_right { background: none; float:right;}
.back_right2 { background: none; float:right;}

.back_right > span {display:none;}
.back_right > .casebox {display:none;}
.back_right2 > span {display:none;}
.back_right2 > .casebox {display:none;}


.h566, .h650, .h650, .h600 ,.h450 { width:100%;}

.scale_pc { display: none;}
.scale_sp { display:block;}
}




@media screen and (max-width: 500px) {
#select_mainBox{
	width:95%;
	margin:0 auto ;}
#select_mainBox:after {
  content: "";
  display: block;
  clear: both;
}
#scale_blosck {
	width:100%;
	min-height: inherit;
	margin:0 0;
	position: static;
	margin-bottom:15px;
	}
#scale_blosck h5 {
	color:#ff0000;
	font-size:19px;
	font-family:"Times New Roman" , "�����" , "Yu Mincho" , "�������" , "YuMincho" , "�q���M�m���� Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS����E" , "�l�r �o����" , "MS PMincho" , serif;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0;
	display:block;
	height: inherit;
	}
#scale_blosck p {
	font-size:14px;
	font-family: "�l�r �S�V�b�N", "MS Gothic", "Osaka�|����", Osaka-mono, monospace;
	margin:0 0 0;
	padding:0 0 0;
	line-height:24px;
	}
#scale_blosck2 {
	width:100%;
	min-height: inherit;
	margin:0 0;
	position: static;
	margin-bottom:15px;
	}
#scale_blosck2 h5 {
	color:#ff0000;
	font-size:19px;
	font-family:"Times New Roman" , "�����" , "Yu Mincho" , "�������" , "YuMincho" , "�q���M�m���� Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS����E" , "�l�r �o����" , "MS PMincho" , serif;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0;
	display:block;
	height: inherit;
	}
#scale_blosck2 p {
	font-size:14px;
	font-family: "�l�r �S�V�b�N", "MS Gothic", "Osaka�|����", Osaka-mono, monospace;
	margin:0 0 0;
	padding:0 0 0;
	line-height:24px;
	}

.back_left > .scale_main, .back_right > .scale_main, .back_right > .scale_2main {position:static;left:0;top:0; width:100%; margin-bottom:10px;}
.back_left > .scale_main, .back_right2 > .scale_main, .back_right2 > .scale_2main {position:static;left:0;top:0; width:100%; margin-bottom:10px;}
.back_left > span { display:none;}
.back_left > .casebox { display:none;}
.back_left > .read_box, .back_right > .read_box, .back_right > .read_2box, .back_right > .read_3box, .back_right > .read_4box { position:static; right:0; top:0; width:100%; padding:10px; text-align:left;box-sizing: border-box;}
.back_left > .read_box, .back_right > .read_box, .back_right2 > .read_2box, .back_right2 > .read_3box, .back_right2 > .read_4box { position:static; right:0; top:0; width:100%; padding:10px; text-align:left;box-sizing: border-box;}


.back_right ,.back_left { background: none; float: none; margin-bottom:15px;}
.back_right2 ,.back_left { background: none; float: none; margin-bottom:15px;}
}

a.current {
    color: #ff0000 !important;
}


/*===========================================
  先輩ページ　タイムラインレイアウト　高さ指定
 ============================================*/
#voice01-tl01 {
    height: 100px !important;
}
#voice01-tl02 {
    height: 235px !important;
}
#voice01-tl03 {
    height: 130px !important;
}
#voice01-tl04 {
    height: 155px !important;
}
#voice01-tl05 {
    height: 265px !important;
}
#voice01-tl06 {
    height: 235px !important;
}
#voice01-tl07 {
    height: 110px !important;
}

#voice02-tl01 {
    height: 130px !important;
}
#voice02-tl02 {
    height: 180px !important;
}
#voice02-tl03 {
    height: 185px !important;
}
#voice02-tl04 {
    height: 160px !important;
}
#voice02-tl05 {
    height: 115px !important;
}
#voice02-tl06 {
    height: 260px !important;
}
#voice02-tl07 {
    height: 155px !important;
}
#voice02-tl08 {
    height: 110px !important;
}

#voice03-tl01 {
    height: 130px !important;
}
#voice03-tl02 {
    height: 185px !important;
}
#voice03-tl03 {
    height: 160px !important;
}
#voice03-tl04 {
    height: 75px !important;
}
#voice03-tl05 {
    height: 210px !important;
}
#voice03-tl06 {
    height: 160px !important;
}
#voice03-tl07 {
    height: 75px !important;
}

#voice04-tl01 {
    height: 175px !important;
}
#voice04-tl02 {
    height: 100px !important;
}
#voice04-tl03 {
    height: 155px !important;
}
#voice04-tl04 {
    height: 125px !important;
}
#voice04-tl05 {
    height: 230px !important;
}
#voice04-tl06 {
    height: 210px !Important;
}
#voice04-tl07 {
    height: 100px !important;
}
#voice04-tl08 {
    height: 75px !important;
}
#voice04-tl09 {
    height: 90px !important;
}
#voice05-tl01 {
    height: 50px !important;
}
#voice05-tl02 {
    height: 100px !important;
}
#voice05-tl03 {
    height: 210px !important;
}
#voice05-tl04 {
    height: 155px !important;
}
#voice05-tl05 {
    height: 75px !important;
}
#voice05-tl06 {
    height: 125px !important;
}
#voice05-tl07 {
    height: 100px !important;
}
#voice05-tl08 {
    height: 155px !important;
}
#voice05-tl09 {
    height: 50px !important;
}

#voice06-tl01 {
    height: 155px !important;
}
#voice06-tl02 {
    height: 100px !important;
}
#voice06-tl03 {
    height: 155px !important;
}
#voice06-tl04 {
    height: 185px !important;
}
#voice06-tl05 {
    height: 100px !important;
}
#voice06-tl06 {
    height: 125px !important;
}
#voice06-tl07 {
    height: 230px !important;
}
#voice06-tl08 {
    height: 100px !important;
}
#voice06-tl09 {
    height: 50px !important;
}

@media screen and (max-width: 768px) {
  #voice01-tl01 {
    height: 110px !important;
  }
  #voice01-tl02 {
    height: 240px !important;
  }
  #voice01-tl03 {
    height: 130px !important;
  }
  #voice01-tl04 {
    height: 170px !important;
  }
  #voice01-tl05 {
    height: 255px !important;
  }
  #voice01-tl06 {
    height: 235px !important;
  }
  #voice01-tl07 {
    height: 70px !important;
  }

  #voice02-tl01 {
    height: 165px !important;
  }
  #voice02-tl02 {
    height: 190px !important;
  }
  #voice02-tl03 {
    height: 190px !important;
  }
  #voice02-tl04 {
    height: 190px !important;
  }
  #voice02-tl05 {
    height: 120px !important;
  }
  #voice02-tl06 {
    height: 250px !important;
  }
  #voice02-tl07 {
    height: 190px !important;
  }
  #voice02-tl08 {
    height: 100px !important;
  }

  #voice03-tl01 {
    height: 105px !important;
  }
  #voice03-tl02 {
    height: 170px !important;
  }
  #voice03-tl03 {
    height: 150px !important;
  }
  #voice03-tl04 {
    height: 85px !important;
  }
  #voice03-tl05 {
    height: 195px !important;
  }
  #voice03-tl06 {
    height: 170px !important;
  }
  #voice03-tl07 {
    height: 70px !important;
  }

  #voice04-tl01 {
    height: 170px !important;
  }
  #voice04-tl02 {
    height: 110px !important;
  }
  #voice04-tl03 {
    height: 155px !important;
  }
  #voice04-tl04 {
    height: 125px !important;
  }
  #voice04-tl05 {
    height: 240px !important;
  }
  #voice04-tl06 {
    height: 210px !Important;
  }
  #voice04-tl07 {
    height: 90px !important;
  }
  #voice04-tl08 {
    height: 80px !important;
  }
  #voice04-tl09 {
    height: 75px !important;
  }

  #voice05-tl01 {
    height: 30px !important;
  }
  #voice05-tl02 {
    height: 80px !important;
  }
  #voice05-tl03 {
    height: 190px !important;
  }
  #voice05-tl04 {
    height: 145px !important;
  }
  #voice05-tl05 {
    height: 80px !important;
  }
  #voice05-tl06 {
    height: 125px !important;
  }
  #voice05-tl07 {
    height: 105px !important;
  }
  #voice05-tl08 {
    height: 145px !important;
  }
  #voice05-tl09 {
    height: 50px !important;
  }

  #voice06-tl01 {
      height: 150px !important;
  }
  #voice06-tl02 {
      height: 85px !important;
  }
  #voice06-tl03 {
      height: 175px !important;
  }
  #voice06-tl04 {
      height: 195px !important;
  }
  #voice06-tl05 {
      height: 130px !important;
  }
  #voice06-tl06 {
      height: 130px !important;
  }
  #voice06-tl07 {
      height: 260px !important;
  }
  #voice06-tl08 {
      height: 105px !important;
  }
  #voice06-tl09 {
      height: 50px !important;
  }
  .recruit_title_tb {
    text-align: center;
    width: 100%;
    margin-bottom: 5%;
    font-size: 12px;
  }
  	.conpany-content04 {
	    margin-left: 0;
	    margin-right: 0;
	}

}

@media screen and (max-width: 480px) {
  #voice01-tl01 {
    height: 100px !important;
  }
  #voice01-tl02 {
    height: 215px !important;
  }
  #voice01-tl03 {
    height: 140px !important;
  }
  #voice01-tl04 {
    height: 160px !important;
  }
  #voice01-tl05 {
    height: 265px !important;
  }
  #voice01-tl06 {
    height: 230px !important;
  }
  #voice01-tl07 {
    height: 70px !important;
  }

  #voice02-tl01 {
    height: 125px !important;
  }
  #voice02-tl02 {
    height: 150px !important;
  }
  #voice02-tl03 {
    height: 160px !important;
  }
  #voice02-tl04 {
    height: 145px !important;
  }
  #voice02-tl05 {
    height: 100px !important;
  }
  #voice02-tl06 {
    height: 200px !important;
  }
  #voice02-tl07 {
    height: 160px !important;
  }
  #voice02-tl08 {
    height: 75px !important;
  }

  #voice03-tl01 {
    height: 95px !important;
  }
  #voice03-tl02 {
    height: 160px !important;
  }
  #voice03-tl03 {
    height: 145px !important;
  }
  #voice03-tl04 {
    height: 65px !important;
  }
  #voice03-tl05 {
    height: 175px !important;
  }
  #voice03-tl06 {
    height: 145px !important;
  }
  #voice03-tl07 {
    height: 70px !important;
  }

  #voice04-tl01 {
    height: 155px !important;
  }
  #voice04-tl02 {
    height: 105px !important;
  }
  #voice04-tl03 {
    height: 155px !important;
  }
  #voice04-tl04 {
    height: 120px !important;
  }
  #voice04-tl05 {
    height: 230px !important;
  }
  #voice04-tl06 {
    height: 195px !Important;
  }
  #voice04-tl07 {
    height: 70px !important;
  }
  #voice04-tl08 {
    height: 70px !important;
  }
  #voice04-tl09 {
    height: 75px !important;
  }

  #voice05-tl01 {
    height: 30px !important;
  }
  #voice05-tl02 {
    height: 70px !important;
  }
  #voice05-tl03 {
    height: 215px !important;
  }
  #voice05-tl04 {
    height: 160px !important;
  }
  #voice05-tl05 {
    height: 75px !important;
  }
  #voice05-tl06 {
    height: 125px !important;
  }
  #voice05-tl07 {
    height: 105px !important;
  }
  #voice05-tl08 {
    height: 140px !important;
  }
  #voice05-tl09 {
    height: 50px !important;
  }

  #voice06-tl01 {
    height: 170px !important;
  }
  #voice06-tl02 {
    height: 90px !important;
  }
  #voice06-tl03 {
      height: 175px !important;
  }
  #voice06-tl04 {
      height: 215px !important;
  }
  #voice06-tl05 {
      height: 130px !important;
  }
  #voice06-tl06 {
      height: 130px !important;
  }
  #voice06-tl07 {
      height: 270px !important;
  }
  #voice06-tl08 {
      height: 110px !important;
  }
  #voice06-tl09 {
      height: 50px !important;
  }

}

.feed-prev-btn {
  background-image: url(../image/company/history/prev.png);
}
.feed-next-btn{
  background-image: url(../image/company/history/next.png);
}
.feed-prev-btn:hover {
  background-image: url(../image/company/history/prev_hover.png);
}
.feed-next-btn:hover{
  background-image: url(../image/company/history/next_hover.png);
}
.feed-prev-btn .bx-prev {
  width: 100%;
  display: block;
}
.feed-next-btn .bx-next {
  width: 100%;
  display: block;
}
a.bx-prev {
    height: 40px;
}
a.bx-next {
    height: 40px;
}
.navi-btn.feed-prev-btn {
  margin: 175px 8px 0 9px;
  width: 25px;
  height: 35px;
  -webkit-background-size: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  position: absolute ;
  top: 0 ;
  z-index: 1000 ;
}
.navi-btn.feed-next-btn {
  margin: 175px 8px 0 9px;
  width: 25px;
  height: 35px;
  -webkit-background-size: 23px;
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  position: absolute ;
  top: 0 ;
  right: 9px;
  z-index: 1000 ;
}
@media screen and (max-width: 768px) {
	.navi-btn.feed-prev-btn {
	  margin: 45% 8px 0 9px;
	  width: 25px;
	  height: 35px;
	  -webkit-background-size: 23px;
	  background-size: 23px;
	  background-repeat: no-repeat;
	  background-position: center center;
	  float: left;
	  position: absolute ;
	  top: 0 ;
	  z-index: 1000 ;
	}
	.navi-btn.feed-next-btn {
	  margin: 45% 8px 0 9px;
	  width: 25px;
	  height: 35px;
	  -webkit-background-size: 23px;
	  background-size: 23px;
	  background-repeat: no-repeat;
	  background-position: center center;
	  float: left;
	  position: absolute ;
	  top: 0 ;
	  right: 28px;
	  z-index: 1000 ;
	}
}
@media screen and (max-width: 480px) {
	.navi-btn.feed-prev-btn {
	  margin: 50% 8px 0 9px;
	  width: 25px;
	  height: 35px;
	  -webkit-background-size: 23px;
	  background-size: 23px;
	  background-repeat: no-repeat;
	  background-position: center center;
	  float: left;
	  position: absolute ;
	  top: 0 ;
	  z-index: 1000 ;
	}
	.navi-btn.feed-next-btn {
	  margin: 50% 8px 0 9px;
	  width: 25px;
	  height: 35px;
	  -webkit-background-size: 23px;
	  background-size: 23px;
	  background-repeat: no-repeat;
	  background-position: center center;
	  float: left;
	  position: absolute ;
	  top: 0 ;
	  right: 23px;
	  z-index: 1000 ;
	}
}

li.bx-clone {
    display: none !important;
}

.recruit-box {
    border: 3px solid #424242;
    padding: 5%;
    margin-bottom: 20px;
}
.recruit-box h3 {
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 20px;
}
.recruit-box p {
    padding: 5px 0 35px;
}
.recruit-box a {
    background: #424242;
    color: #fff;
    padding: 10px 20px;
    margin: ;
}
@media screen and (max-width: 480px) {
	.recruit-box h3 {
	    font-size: 16px;
	    line-height: 35px;
	    font-weight: bold;
	    padding-bottom: 20px;
	}
	.recruit-box p {
		font-size: 14px ;
		line-height: 20px ;
	    padding: 5px 0 35px;
	}
}
.entry_area {
	text-align: center ;
	padding: 30px 0 50px;
}
.entry_area a {
    background: #424242;
    padding: 10px 30px;
    color: #fff;
}
.content-detail-left {
    width: 30%;
    display: inline-block;
}
.content-detail-left img {
    width: 100%;
}
.content-detail-right {
    width: 69%;
    display: inline-block;
    padding-left: 2% ;
    vertical-align: top ;
}

@media screen and (max-width: 640px) {
	.content-detail-left {
	    width: 100%;
	    margin: 0 auto ;
	}
	.content-detail-right {
	    width: 100%;
	}
}

/* フォント */
.b-f {font-weight:bold;
color:#000;
font-size:20px;
display: inline-block;
width: 4%;}

.r-f {font-weight:bold;
color:red;
font-size:20px;}

.inline-f{
  display: inline-block;
}

.left-border{
  border-left: double 15px red;
  margin-right: 3%;
}

.right-border{
  border-right: double 15px red;
  margin-left: 3%;
}