@charset "UTF-8";
/* 2023.02変更用 */




/*-----------------------

先輩の声
recruit/environment/index.html

---------------------*/



/*採用ヘッダの写真*/
#p-rec.rec-staff .head-wrap,
#p-rec.rec-msg .head-wrap,
#p-rec.rec-about .head-wrap,
#p-career.career-home .head-wrap,
#p-rec.rec-dayoff .head-wrap,
#p-rec.tours-home .head-wrap
{
    background:#f0f2f2 url(../recruit/img-common/head-sky2024.jpg) no-repeat top center!important;
    background-size: cover!important;
    height: 130px;
    padding-left: 20px;

}

#p-rec.rec-staff h1.page-t,
#p-rec.rec-msg h1.page-t,
#p-rec.rec-about h1.page-t,
#p-career.career-home h1.page-t,
#p-rec.rec-dayoff h1.page-t,
#p-rec.tours-home h1.page-t
{
    color: #666; 
    font-size: 18px;
}

#p-rec .thema-txt {
    font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}






/*表紙の色部分*/
#p-rec.rec-staff .msg-box.color-pink h3,
#p-rec.rec-staff .msg-box.color-pink .name-bk,
#p-rec.rec-staff .msg-box.color-pink ul li p span,
#p-rec.rec-staff .msg-box.color-pink #one-day .splits dl.time-box dd p span
{font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    color: #EC85A4;}

#p-rec.rec-staff .msg-box.color-pink .btn-pege a,
#p-rec.rec-staff .msg-box.color-pink dl#student dt
{background: #EC85A4;}


/*ブルー*/
#p-rec.rec-staff .msg-box.color-blue h3,
#p-rec.rec-staff .msg-box.color-blue .name-bk,
#p-rec.rec-staff .msg-box.color-blue ul li p span,
#p-rec.rec-staff .msg-box.color-blue #one-day .splits dl.time-box dd p span
{font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    color: #72bfea;}
#p-rec.rec-staff .msg-box.color-blue dl#student dt
{background: #72bfea;}



#btn-msg2024 {
    width: 80%;
    display: block;
    margin: 0 auto 20px auto;
}

#btn-msg2024 img:hover {
  cursor: pointer;
  filter: alpha(opacity=80);
  -moz-opacity: 0.85;
  opacity: 0.85;
  transition: 0.3s linear; }

#p-rec .thema-txt {
    width: 80%;
    margin: 20px auto 30px auto;
    font-size: 18px;
    text-align: left;
}

/*各ページ部分*/
.msg-box.page {
    position: relative;
}
.msg-box.page .name-bk {
    position: absolute;
    left: 0;
    top: 320px;
    height: 70px;
    z-index: 5;
 
}

.msg-box.page dl#student {
    width: 90%;
    background: #fefadd;
    padding: 20px 20px 20px 20px;
    margin: 0 auto 0 auto;
    
}

.msg-box.page dl#student dt {
    font-size: 14px;
    font-weight: 600;
 
    color: #fff;
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 15px;
    border-radius: 30px;
}
.msg-box.page dl#student dd {
    font-size: 13px;
}
.msg-box.page dl#student dd p {
   font-weight: 600;
    margin-bottom: 5px;
    font-size: 14px;
}

.msg-box.page p.msg-line {
    padding-top: 40px;
    font-size: 16px;
    font-weight: 600;
    margin-bottom:30px;
}

.msg-box.page ul {
    display: block;
    margin:0 auto 30px auto;
    width: 90%;
    
}

.msg-box.page ul li {
   width: 100%;
    margin-bottom: 30px
}
.msg-box.page ul li p {
    margin-bottom: 10px;
    font-size: 14px;
}
.msg-box.page ul li p span {
    display: block;
    font-weight: 600;
    font-size: 15px;
}

/*とある一日*/
#one-day {
    margin: 0 auto 50px auto;
    width: 90%;
    
}

#one-day p#midashi {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
}
#one-day .splits {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 0 15px 0;
}

#one-day .splits dl.time-box {
    width: 30%;
    margin-right: 2.5%;
    margin-bottom: 20px;
    
}

#one-day .splits dl.time-box:last-child {
    margin-right: 0;
}

#one-day .splits dl.time-box dt {
    font-weight: 600;
    text-align: center;
    color: #fff;
    background: #c1bcbc;
    padding: 3px 0;
    margin-bottom: 10px;
}
#one-day .splits dl.time-box dd p {
    font-size: 13px;
    line-height: 1.6;
}

#one-day .splits dl.time-box dd p span {
    display: block;
  
    font-weight: 600;
}


/**/
#p-rec.rec-staff .btn-pege.return,
#p-rec.rec-msg .btn-pege.return{
  width: 85%;
    
}
#p-rec.rec-msg .btn-pege.return {
    margin-bottom: 50px;
}

#p-rec.rec-staff .btn-pege.return a,
#p-rec.rec-msg .btn-pege.return a{
    padding: 20px 0;
    margin: 0 auto 0 auto;
    font-size: 15px;
    width: 100%;
}

#p-rec.rec-staff .btn-pege.return a:hover,
#p-rec.rec-msg .btn-pege.return a:hover {
    opacity: 80%;
}

#p-rec.rec-staff .btn-pege.return a:before,
#p-rec.rec-msg .btn-pege.return a:before{
    font-size: 25px;
    vertical-align: middle;
}



/*--------------------------------

先輩社員からのメッセージ

---------------------------------*/

#p-rec.rec-msg .thema-txt {
    width: auto;
    margin: 0 0 10px 0;
    font-size: 16px;
    text-align: center;
}


#p-rec.rec-msg #en-title {
    background: url("../recruit/environment/img-2024/ph-msg2023-maine2.jpg") no-repeat top center;
    background-size: cover;
    height: 150px;
    border-radius: 5px;
    width: 90%;
    margin: 0 auto 50px auto;
}

#p-rec.rec-msg #en-title p {
        font-family: Montserrat;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0.3em;
    color: #fff;
 text-align: center;
    padding-top: 70px;
}

#p-rec.rec-msg #msg-wrap {
   width: 85%;
    margin: 0 auto 30px auto;
    display: block;
   
}

#p-rec.rec-msg #msg-wrap dl {
    width: 80%;
    padding: 10%;
    margin: 0 0 70px 0;
    border-radius: 5px;
    position: relative;
    align-self: flex-start;
}
#p-rec.rec-msg #msg-wrap dl:before {
    content: "\f11d";
font-family: ionicons;
font-size: 50px;
position: absolute;
    left: 30px;
    top: -45px;
}
#p-rec.rec-msg #msg-wrap dl img {
    margin-bottom: 10px;
    width: 100%;
    
}

#p-rec.rec-msg #msg-wrap dl dt span {
    font-size: 14px;
}
#p-rec.rec-msg #msg-wrap dl dt {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}
#p-rec.rec-msg #msg-wrap dl dd {
    font-size: 14px;
}

/*各色*/
#p-rec.rec-msg #msg-wrap dl#msg01 {
    background: #f7e2d1;
transform:rotate(-5deg);
}
#p-rec.rec-msg #msg-wrap dl#msg01 dt,
#p-rec.rec-msg #msg-wrap dl#msg01:before{
    color: #f29b76;
}

#p-rec.rec-msg #msg-wrap dl#msg02 {
    background: #e1f3f2;
    transform:rotate(5deg);
}
#p-rec.rec-msg #msg-wrap dl#msg02 dt,
#p-rec.rec-msg #msg-wrap dl#msg02:before{
    color: #84ccc9;
}

#p-rec.rec-msg #msg-wrap dl#msg03 {
    background: #effaea;
    transform:rotate(360deg);
}
#p-rec.rec-msg #msg-wrap dl#msg03 dt,
#p-rec.rec-msg #msg-wrap dl#msg03:before{
    color: #acd598;
    
}

#p-rec.rec-msg #msg-wrap dl#msg04 {
    background: #e3e8fe;
}
#p-rec.rec-msg #msg-wrap dl#msg04 dt,
#p-rec.rec-msg #msg-wrap dl#msg04:before{
    color: #8c97cb;
}

#p-rec.rec-msg #msg-wrap dl#msg05 {
    background: #f9dff6;
}
#p-rec.rec-msg #msg-wrap dl#msg05 dt,
#p-rec.rec-msg #msg-wrap dl#msg05:before{
    color: #c490bf;
}

#p-rec.rec-msg #msg-wrap dl#msg06 {
    background: #faeaeb;
    transform:rotate(360deg);
}
#p-rec.rec-msg #msg-wrap dl#msg06 dt,
#p-rec.rec-msg #msg-wrap dl#msg06:before{
    color: #f29c9f;
}


#p-rec.rec-msg #msg-wrap dl#msg07 {
    background: #e1f3fb;
    transform:rotate(5deg);
}
#p-rec.rec-msg #msg-wrap dl#msg07 dt,
#p-rec.rec-msg #msg-wrap dl#msg07:before{
    color: #7ecef4;
}

#p-rec.rec-msg #msg-wrap dl#msg08 {
    background: #f9f0e9;
    transform:rotate(-5deg);
}
#p-rec.rec-msg #msg-wrap dl#msg08 dt,
#p-rec.rec-msg #msg-wrap dl#msg08:before{
    color: #f6b37f;
}


#p-rec.rec-msg #msg-wrap dl#msg09 {
    background: #e4f8e8;
    
}
#p-rec.rec-msg #msg-wrap dl#msg09 dt,
#p-rec.rec-msg #msg-wrap dl#msg09:before{
    color: #89c997;
}

#p-rec.rec-msg #msg-wrap dl#msg10 {
    background: #e5e9fd;
    transform:rotate(5deg);
}
#p-rec.rec-msg #msg-wrap dl#msg10 dt,
#p-rec.rec-msg #msg-wrap dl#msg10:before{
    color: #8c97cb;
}


#p-rec.rec-msg #msg-wrap dl#msg11 {
    background: #fee4ef;
    transform:rotate(360deg);
}
#p-rec.rec-msg #msg-wrap dl#msg11 dt,
#p-rec.rec-msg #msg-wrap dl#msg11:before{
    color: #f19ec2;
}

#p-rec.rec-msg #msg-wrap dl#msg12 {
    background: #fbe6f9;
    transform:rotate(-5deg);
}
#p-rec.rec-msg #msg-wrap dl#msg12 dt,
#p-rec.rec-msg #msg-wrap dl#msg12:before{
    color: #c490bf;
}



/*------------------------

キャリアアップ　COMPAS

------------------------*/

#p-career h2 {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    margin-top: 30px;
}

#p-career #en-title {
    font-size: 60px;
    font-family: "futura-pt", sans-serif;
font-weight: 500;
font-style: italic;
text-align: center;
    color: #666;
    line-height: 1;
    margin-bottom: 30px;
}

#p-career .read-copy {
    width: 80%;
    margin: 0 auto 0 auto;
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
}

#p-career #headimg {
   width: 100%;
    margin: 0 auto 70px auto;
}
#p-career #headimg img {
    
     width: 100%;
    height: auto;

}

/*基礎k修*/

#p-career .compas-box {
    width: 76%;
    padding: 40px 7% 30px 7%;
    position: relative;
    border-radius: 5px;
   background: #ededed;
    margin: 0 auto 80px auto;
}
#p-career .splits {
    display: block;

}
#p-career .splits .left-box {
    width: 100%;
   
}
#p-career .splits .left-box p {
   
    font-size: 15px;
    margin-bottom: 10px;
}
#p-career .splits .left-box img {
    width: 100%;
    height: auto;
}
#p-career .splits .right-box {
    width: 100%;
}
#p-career .splits .right-box dt {
    font-weight: 600;
}
#p-career .splits .right-box dd {
    margin-bottom: 15px;
}
#p-career .splits .right-box ul{
    background: #fff;
    padding: 10px;
    font-size: 14px;
}

/**/

#p-career .compas-box .compas-t {
    display: flex;
    position: absolute;
    top: -30px;
    left: 7%;
}

#p-career .compas-box .compas-t .left-t {
    background: #fff;
    
    padding: 7px 13px;
    border-radius: 10px;
}
#p-career .compas-box .en {
    font-size: 14px;
    font-family: "futura-pt", sans-serif;
font-weight:300;
font-style: italic;
}

#p-career .compas-box .en span{
    font-size: 18px;
    line-height: 1;
}

#p-career .compas-box h3 {
    font-size: 20px;
    line-height: 1;
    
}

#p-career .compas-box .year {
    background: #5197f5;
    display: inline-block;
    color: #fff;
    padding: 3px 10px;
    margin: 20px 0 0 20px;
    border-radius: 30px;
   align-self: flex-start;
    font-size: 14px;
}

#p-career .compas-box .year span {
    font-size: 16px;
    font-weight: 600;
}

/*色*/
#p-career #kiso.compas-box {
   background: rgba(232,255,175,0.5)
}
#p-career #kiso.compas-box h3,
#p-career #kiso.compas-box .left-box p,
#p-career #kiso.compas-box .right-box dt
{color: #4bbb49;}
#p-career #kiso.compas-box .compas-t .left-t {border: 1px solid #4bbb49; }

#p-career #com.compas-box {
   background: rgba(91,214,88,0.2)
}
#p-career #com.compas-box h3,
#p-career #com.compas-box .left-box p,
#p-career #com.compas-box .right-box dt
{color: #4ea523;}
#p-career #com.compas-box .compas-t .left-t {border: 1px solid #4ea523; }

#p-career #mane.compas-box {
   background: rgba(132,204,201,0.3)
}
#p-career #mane.compas-box h3,
#p-career #mane.compas-box .left-box p,
#p-career #mane.compas-box .right-box dt
{color: #0e9eb8;}
#p-career #mane.compas-box .compas-t .left-t {border: 1px solid #0e9eb8; }

/**/
#p-career .naiyo {
    width: 90%!important;
    margin: 0 auto 50px auto;
}
#p-career .naiyo h3 {
    font-size: 16px;
    color: #00a8f8;
    text-align: center;
    margin-bottom: 20px;
}
#p-career .naiyo aside {
    width: 95px;
    margin: 0 auto;
}
#p-career .naiyo aside img{
    width: 100%;
    height: auto;
    
}

#p-career .naiyo ul {
    display: block;
  width: 80%!important;
    margin: 0 auto;
    
}

#p-career .naiyo ul li {
    margin: 0 0 7px 0;
  width: 90%;
    padding: 5%;
    border: 1px solid #066cfb;
    font-size: 14px;
}
#p-career .naiyo ul li p {
    font-weight: 600;
}



#p-career .naiyo#sonota ul {
    justify-content: center;
}



/**/

#p-career #stepup {
    margin-bottom: 50px;
}
#p-career #stepup .splits {
    display: block;
    width: 90%;
    margin: 0 auto;

}

#p-career #stepup .splits .block {
    width: 100%;
}

#p-career #stepup h3 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 3px solid #00a9f9;
    padding-bottom: 10px;
}

#p-career #stepup .splits2 {
    display: flex;
    margin-bottom: 20px;
 
}

#p-career #stepup .splits2 p {
    font-weight: 600;
    font-size: 16px;
       padding-top: 20px;
}
#p-career #stepup .splits2 p span {
    font-size: 14px;
    font-weight: normal;
    display: block;
}

#p-career #stepup .splits2 aside {
    width: 80px;
    margin-right: 20px;
}
#p-career #stepup .splits2 aside img {
    width: 100%;
    height: auto;
}

#p-career #stepup .block dl {
    margin-bottom: 30px;
    border-bottom: 1px solid #00a9f9;
}
#p-career #stepup .block dl dt {
    background: #00a9f9;
    display: inline-block;
    color: #fff;
    border-radius: 30px;
    padding: 3px 15px;
    font-size: 13px;
    margin-bottom: 8px;
}

#p-career #stepup .block dl dd {
    
    font-size: 14px;
    margin-bottom: 10px;
}

#p-career #stepup #block01,#p-career #stepup #block02 {
    
   border: none;
}




/*---------------------

私達について

--------------------*/
#p-rec.rec-about .splits {
    display: flex;
    
}

#p-rec.rec-about .splits #preg-ph {
    margin-right: 20px;
}

#p-rec.rec-about .splits div {
    align-self: flex-end;
    padding-bottom: 10px;
}
#p-rec.rec-about .splits .sub-txt {
    text-align: left;
    line-height: 1.5;
    margin-bottom: 7px;
}
#p-rec.rec-about .splits .shacho-name{
    text-align: left;
}

#p-rec.rec-about .splits .shacho-name span {
    font-size: 14px;
    padding-right: 10px;
    letter-spacing: 0;
    display: block;
    margin-bottom: 3px;
}

#p-rec.rec-about p#preg-copy {
    font-size: 18px!important;
    font-family: source-han-serif-japanese, serif;
    font-style: normal;
    font-weight: 200;
    margin-top: 40px;
    text-align: left;
}