@charset "utf-8";

.social_button{
margin-bottom:10px;
}

#base #cont #cont_main {
width: 728px;
}
#cont_main .header_img {
margin-bottom: 30px;
}
#main {
width: 500px;
float: left;
font-size: 14px;
color: #666666;
}
#main h2{
margin-bottom: 15px;
border:1px solid #999;
padding:10px;
}
#main h2 ul.nav{
font-size:16px;
width:230px;
margin-bottom:0;
}
#main h2 ul.fr li{
margin-bottom:1px;
}

#main h2 ul.nav li ul{
margin-bottom:0;
}
#main h2 ul.nav li ul li{
/*margin-left:35px;*/
margin-bottom:5px;
}
#main h2 ul.nav img{
vertical-align:-8px;
margin-right:10px;
}

#main h2 ul.nav a{
text-decoration:underline;
}
#main h2 ul.nav a:hover{
color:#5590E8;
background-color:transparent;
}


#main h3 {
margin-bottom: 10px;
width: 500px;
}
#main p {
line-height: 1.5em;
margin-bottom: 10px;
}
#main p.f_right {
float: right;
width: 240px;
line-height: 11px;
}
#main p.f_right span {
font-size: 11px;
line-height: 1.5em;
}
#main ul {
line-height: 1.5em;
list-style-type: none;
margin-bottom: 15px;
}
#main ul li span {
color: #339900;
padding-right: 5px;
}

#main h4 {
font-size: 20px;
color: #666666;
margin-bottom: 3px;
}

#main h4 span{
display: inline-block;
line-height: 150%;
color: #226DDF;
font-weight: bold;
}

#main table {
width: 500px;
border: 1px solid #FFFFFF;
border-collapse:collapse;
}
#main table th {
color: #FFFFFF;
background-color: #5CC054;
text-align: center;
width: 120px;
height: 30px;
text-align:center;
vertical-align:middle;
border: 1px solid #FFFFFF;
}
#main table td {
line-height: 1.5em;
text-align: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
border: 1px solid #FFFFFF;
background-color: #DEFAEA;
}


.toTop  {
margin-bottom:20px;
margin-top:10px;
text-align:right;
}


#main #nav #pageNav {
margin-bottom: 2px;
}
#main #nav #navRight {
margin-bottom: 2px;
}
#main .intro1 {
background-image: url(../img/recruit/sales_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}
#main .intro2 {
background-image: url(../img/recruit/plan_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}
#main .intro3 {
background-image: url(../img/recruit/openseminar_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 170px;
margin-bottom: 10px;
}
#main .intro4 {
background-image: url(../img/recruit/management_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 110px;
margin-bottom: 10px;
}
#main .intro5 {
background-image: url(../img/recruit/system_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 100px;
margin-bottom: 10px;
}

#main .intro6 {
background-image: url(../img/recruit/emarket_introbase.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 144px;
margin-bottom: 10px;
}


#main .introP {
background-image: url(../img/recruit/plan_intro_base.gif);
background-repeat: no-repeat;
background-position: center center;
padding-right: 30px;
padding-left: 35px;
height: 120px;
margin-bottom: 10px;

}

/* ▼ 魅力ページ用　*/

/*導入*/
.introTitle {
padding-top: 13px;
font-size: 15px;
color: #333333;
}
.introText {
margin-top: -5px;
line-height: 1.4em;
font-weight: normal;
font-size: 14px;
}

/*インタビュー箇所*/
.interviewBox {
width: 500px;
}
#main .interviewBox .inteTopBox {
width: 500px;
margin-top: 20px;
clear: both;
}

#main .interviewBox .inteTopBox .icon {
margin-right: 15px;
/*float: left;*/
width: 70px;
vertical-align:-15px;
}
#main .interviewBox .inteTopBox .copy {
margin-top:15px;
float: left;
}

#main .interviewBox .inteTopQ {
padding-top:15px;
/*clear: both;*/
}
.interviewBox .inteNameleft {
/*float: left;*/
/*width: 238px;*/
/*margin-right: 20px;*/
}

.inteQuestion {
/*margin-top: 10px;*/
}

.interviewBox .inteBottomBox {
clear: both;
}

.nextPage {
text-align: right;
width: 500px;
}


.interviewBox .inteBottomBox .textLast {
float: right;
}
.interviewBox .inteBottomBox .photoLast {
float: left;
margin-right: 10px;
}
.interviewBox .toTop {
float: right;
width: 500px;
}


.QandA p{    font-size: 16px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;
    margin-bottom: 20px;}

.QandA p span{    font-size: 16px;
    font-family: 游ゴシック;
    font-weight: 700;
    line-height: 1.9em;}

.QandA h3{font-size:24px;font-family:游ゴシック;font-weight:500;margin-bottom:15px;    color: #2dbf89;margin-top:60px;}

.answer_title{font-size:19px;font-family:游ゴシック;font-weight:500;}


.koshi_sche table tr td{ font-size: 16px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;
    margin-bottom: 20px;    border-bottom: 2px dotted #cccccc;}

.koshi_sche table tr{height:65px;}


.time{width:65px;}

 .koshi_sche table{   width: 500px;
margin: 60px auto;}

 .koshi_sche h3{font-size:24px;font-family:游ゴシック;font-weight:500;margin-bottom:15px;background-color: #2dbf89;color:white;margin-top:80px;    padding-left: 13px;}

.koshi_prof{width:320px; display:inline; overflow:hidden;}

.koshi_prof dl dt{ font-size: 20px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;
    margin-bottom: 10px;}

.koshi_prof dl dd{ font-size: 15px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;}


.koshi_prof dl dd a{ font-size: 15px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;}

.prologue{margin-bottom:30px;}
.prologue h2{
    font-size: 24px;
    font-family: 游ゴシック;
    font-weight: 700;
    margin-bottom: 15px;
    color: #2dbf89;
    margin-top: 80px;
border-bottom:3px solid #2dbf89 ;
}
.prologue p{ font-size: 18px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;}



.koshi_sche2-1{float: left;}
.koshi_sche2-2{float: right;margin-right: 50px;}

.koshi_sche2-1 table tr td{ font-size: 16px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;
    margin-bottom: 20px;    border-bottom: 2px dotted #cccccc;}
.koshi_sche2-2 table tr td{ font-size: 16px;
    font-family: 游ゴシック;
    font-weight: 500;
    line-height: 1.9em;
    margin-bottom: 20px;    border-bottom: 2px dotted #cccccc;}

.koshi_sche2-1 table tr{height:100px;}
.koshi_sche2-2 table tr{height:65px;}

 .koshi_sche2-1 table{   width: 300px;}
 .koshi_sche2-2 table{   width: 300px;}

 .koshi_sche2-1 p{ font-size: 16px;font-family: 游ゴシック;font-weight: 700;    text-align: center;}
 .koshi_sche2-2 p{ font-size: 16px;font-family: 游ゴシック;font-weight: 700;    text-align: center;}


 .koshi_sche2 h3{font-size:24px;font-family:游ゴシック;font-weight:500;margin-bottom:15px;background-color: #2dbf89;color:white;margin-top:80px;    padding-left: 13px;}
.koshi_sche2{overflow:hidden;}


/*2019/06/05 修正*/
.speaker-yn {
  margin-right: 8px;
}
.koshi_sche2 {
  position: relative;
  width: 100%;
}
.schedule-balloon1 {
  position: absolute;
  top: 277px;
  left: 71px;
  width: 231px;
}
.schedule-balloon2 {
  position: absolute;
  top: 430px;
  left: 130px;
  width: 220px;
}
.schedule-balloon3 {
  position: absolute;
  top: 781px;
  right: 0px;
  width: 237px;
}
.schedule-balloon4 {
  position: absolute;
  top: 486px;
  right: 5px;
  width: 225px;
}
.schedule-balloon5 {
  position: absolute;
  top: 689px;
  right: 0px;
  width: 206px;
}
#c3_lrr ul.koushi_nav2 {
   margin: 32px auto;
   width: 485px;
}

@media screen and (max-width: 768px) {
.koshi_sche2-1 {
  clear: left;
  width: 100%;
  margin-bottom: 48px;
}
.koshi_sche2-1 table {
  width: 100%;
}
.koshi_sche2-2 {
  clear: right;
  width: 100%;
  margin-right: 0;
}
.koshi_sche2-2 table {
  width: 100%;
}
.schedule-balloon1 {

}
.schedule-balloon2 {

}
.schedule-balloon3 {
  position: absolute;
  top: 1464px;
  left: 114px;

}
.schedule-balloon4 {
  position: absolute;
  top: 1171px;
  left: 133px;
}
.schedule-balloon5 {
  position: absolute;
  top: 1370px;
  left: 154px;
}
}

@media screen and (max-width: 599px) {
#c3_lrr .wrapper-koushi_nav2 ul.koushi_nav2 {
  width: 100%;
}
#c3_lrr .wrapper-koushi_nav2 ul.koushi_nav2 li{
  clear: both;
  width: 70%;
  margin: 1px 15%;
}
}
/*　▼スケジュールの吹き出し位置調整　*/
@media screen and (max-width: 420px) {
.schedule-balloon1 {
  top: 306px;
  left: 79px;
  width: 180px;
}
.schedule-balloon2 {
  top: 475px;
  left: 104px;
  width: 180px;
}
.schedule-balloon3 {
  top: 1503px;
  left: 104px;
  width: 180px;
}
.schedule-balloon4 {
  top: 1160px;
  left: 136px;
  width: 145px;
}
.schedule-balloon5 {
  top: 1425px;
  left: 136px;
  width: 143px;
}

}
/*　▲スケジュールの吹き出し位置調整　*/