<br />
<b>Deprecated</b>:  The each() function is deprecated. This message will be suppressed on further calls in <b>/home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php</b> on line <b>456</b><br />
.main_text{font-family: -webkit-match-parent;}

/*パソコン*/
/* --------パフォーマーCSSから持ってきたやつ-------- */

@media screen and (min-width: 960px){
.br_pc{display: block;}
.br_tb{display: none;}
.br_sm{display: none;}
#contribution_my_body1{margin: 160px auto 0 !important;width: 100% !important;    background: #55554b;justify-content: center;display: flex;}
.contribution_top{font-family: NotoSansCJKjp-Regular;background-position: center center;padding: 4em 0 0.8em 0;text-align: center;background-size: 100%;}
.contribution_top .sum{height: 330px;width: 1030px;}
.contribution_top .itembox{margin-left: 2px;float: left;list-style: none;position: relative;}

.contribution_top .sum .itembox:nth-child(1) { width: 565px;}
.contribution_top .sum .itembox:nth-child(2) {margin: -4px 0px 0px 25px;padding-top: 15px;width: 410px;}
#bxSlider img{max-width: 100%;}
.bx-wrapper{border: 5px solid #fff;background: #fff;position: relative;margin: 0 auto;padding: 0;touch-action: pan-y;}
.slider{max-width: 100%;width: 100%;height: 320px;overflow: hidden;position: relative;margin: 0;}
.slider .li{float: left;list-style: none;position: relative;width: 410px;}

.textbox {width: 100%;text-align: center;font-size: 16px;font-weight: bold;vertical-align: middle;display: inline-block;border: 2px dashed #fff;box-shadow: 0 0 0 10px #04ad3c;background: #04ad3c;color: #fff;height: 300px;}
.contribution_top p {margin: 11px;font-size: 17px;line-height: 1.5em;color: #fff;}
.goto_point {margin: 40px 0 30px;padding: 30px 20px 30px 40px;border: 1px dotted #1b2538;background-color: #f8fdff;border-radius: 8px;}

/* 多様な働き方 メインページ PC */
/* 横長 */

.grid_plus {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;max-width: 1080px;margin: 0 auto;}
.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;max-width: 1080px;margin: 0 auto;}
.card_plus.horizontal {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  overflow: hidden;
  align-items: center;
  height: 250px;
}
.card_plus.horizontal .card-content {padding: 20px;width: 50%;}
.card {
    background-color: #fff;
    border-radius: 8px;
    border: 2px solid transparent;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .card:hover {
    border-color: #00b5d8;
    box-shadow: 0 4px 16px rgba(0, 181, 216, 0.2);
  }

  .card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
  }

  .card_plus.horizontal img {
  width: 32%;
  height: 100%;
  object-fit: cover;
}

.handibanner_hover {
		transition: .2s ease-in-out;
		width: 50%;
		margin-bottom: 20px;
	}
.handibanner_hover:hover {
		opacity: .7;
	}

/* 多様な働き方 PC */

#workplace {font-family: "Helvetica Neue", sans-serif;line-height: 1.8;margin: 0;background: #fdfdfd;color: #333;margin: 200px 350px 0;}
header h1 {margin: 0;font-size: 1.8em;}
.container {max-width: 800px;margin-top: 200px;margin:0 auto 0;padding: 2em;background: #fff;}

.workplace_maintitle{border-left: 6px solid #007acc;padding: 0 0.5em;font-size: 1.8em;font-weight: bold;margin-bottom: 0.8rem;}
.workplace_title {border-left: 6px solid #007acc;padding: 0 0.5em;font-size: 1.5em;margin: 2em 0 1rem;}

.tag {background: #007acc;color: #fff;padding: 0.3em 0.8em;border-radius: 20px;font-size: 0.9em;display: inline-block;margin-bottom: 1em;}
.staff-comment {background: #f5faff;border-left: 4px solid #007acc;padding: 1em;margin-top: 1.5em;font-style: italic;}

.work_example ul li {list-style: square;margin-left: 5%;}
.question-list dt {font-weight: bold;margin-top: 1.2em;}
.question-list dd {margin-left: 1em;}

.section-block {background: #eef3f7;padding: 1em;border-radius: 6px;}

.cta-area {background: #e0efff;padding: 2em;text-align: center;margin-top: 3em;}
.cta-area a{color: #ffffff;}
.cta-message {font-size: 1.2em;font-weight: bold;margin-bottom: 1em;}

.cta-button {display: inline-block;padding: 1em 2em;margin: 0.5em;border-radius: 5px;text-decoration: none;font-weight: bold;color: white;transition: opacity 0.3s;}
.cta-button:hover {opacity: 0.85;}

.cta-blue {background-color: #007acc;}
.cta-orange {background-color: #ffa500;}


/* --------dekirukotoのCSS-------- */
/*パソコン*/
.goto_point li {position: relative;list-style-type: none;font-size: 1.5em;padding-bottom: .5em;padding-top: .5em;line-height: 1.5em;}
.goto_point li::before {position: absolute;left: -1em;font-family: FontAwesome;content: "\f0da ";color: #333;}
.red2 {background: none !important;color: #f00;padding: 3px;font-weight: bold;font-size: 13pt !important;}

.copy_tb_small {padding: 0.4em 0 0 0 !important;font-size: 1.4rem;text-align: center;font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";font-weight: bold;color: #04ad3c;}

/* --------main_categoryのCSS-------- */
/*パソコン*/
#main_category .sum02{margin: 0 auto;width: 90%;}
.p_detail{margin: 5px 2px!important;color: #ffff;line-height: 15px
}
.list-sec02 {
    display: flex;
    flex-wrap: wrap;
}  
.list-sec02 li {
    width: 32%;
    position: relative;
    margin: 5px;
}
.list-sec02 .list-img {
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.list-sec02 .list-img::after {
    content: "";
    width: 100%;
    height: 97%;
    /* background: rgba(9, 9, 52, 0.7); */
    background:rgb(24 51 11 / 70%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
}
.list-sec02 .list-desc {
    text-align: center;
    position: absolute;
    top: 50%;
    /* left: 50%; */
    -webkit-transform: translate(0, -50%);
    /* transform: translate(-50%, -50%); */
    transform: translate(0, -50%);
    width: 100%;
}
.list-sec02 .list-ttl {
    color: #fff;
    font-size: 20px;
    line-height: 1.75;
    letter-spacing: 0.1em;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration:underline;
    text-underline-offset: 5px;
}
.list-sec02 .list-btn {
    display: inline-block;
    width: 140px;
    line-height: 1;
    border: 1px solid #fff;
    padding: 13px 0;
    text-align: center;
    color: #fff;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
}


.overimage img{
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.overimage h4{
text-align: center;
    position: absolute;
    top: 50%;
    /* left: 50%; */
    /* -webkit-transform: translate(-50%, -50%); */
    -webkit-transform: translate(0, -50%);
    /* transform: translate(-50%, -50%); */
    transform: translate(0, -50%);
    width: 100%;

}
.main_category_sm{display: none;}

/* オウンドメディア埋め込み */
.box9 {
    padding: 0.5em 1em;
    margin: 10px 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box9 p {
    margin: 0; 
    padding: 0;
    font-size: 1rem;
    line-height: 30px;
}

.blog{
    display: flex;
}
.box09 {
    padding: 1em 1em;
    margin: 10px 5px;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
    width: 30%;
}
.blog h5{
    font-size: 23px;
    margin: 10px 0;
    font-weight: bold;
    color: #ff7d6e;
}
.box09 p {
    margin: 0; 
    padding: 0;
    font-size:  9pt;
    line-height: 30px;
    color: #2c2c2c;
}
.box09 p a{
    color: #2c2c2c;
}
.kouen{
    display: flex;
}
.kouen ul{
    float: left;
    margin: 0px 30px 20px 30px;
}
.careinstitution_image{
    line-height: 2em;
    position: relative;
    padding-bottom: 1em;
    overflow: hidden;
    font-size: 12px;
    width: 1000px;
    margin: auto;
}
.careinstitution_image li{
    padding: 2px;
    border: 1px #ccc solid;
    text-align: center;
    float: left;
    display: block;
    margin: 5px;
}
.careinstitution_image li img{
    border: none;
    display: block;
    width: 230px;}

/* イベまつ埋め込み */
.box8 {
    padding: 0.5em 1em;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
    font-size: 0.8rem;
    line-height: 21px;
}

.sum01{
    margin: 20px 80px 10px;
    overflow: hidden;
    line-height: 1.8em;
}

.itembox01{float: left;width: 150px;height: 200px;margin-right: 10px;line-height: 1.8em;}
.itembox02{float: left;width: 750px;margin-left: 10px;line-height: 1.8em;}
}


/*タブレット*/
@media screen and (min-width: 560px) and (max-width: 959px) { 
.copy_tb_small {
    padding: 0.4em 0 0 0 !important;
    font-size: 1.4rem;
    text-align: center;
    font-family: "BIZ UDPGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
    font-weight: bold;
    color: #04ad3c;
}
.goto_point {
    margin: 20px 0 20px;
    padding: 15px 20px 15px 25px;
    border: 1px dotted #1b2538;
    background-color: #f8fdff;
    border-radius: 8px;
}
.goto_point li {
    position: relative;
    list-style-type: none;
    font-size: 1.5em;
    padding-bottom: .5em;
    padding-top: .5em;
    line-height: 1.5em;
}
.red2 {
    background: none !important;
    color: #f00;
    padding: 3px;
    font-weight: bold;
    font-size: 13pt !important;
}


/* ----------------------------- */
.sum02{overflow: scroll;display: flex;flex-direction: row;}
.itembox03{width: 50%;}
.p_detail{display:none;}
#main_category ul {display: flex;flex-direction: column;}
.list-sec02 {display: flex;}
.list-sec02 li {position: relative;margin: 1px;}
.list-sec02 .list-img {position: relative;overflow: hidden;z-index: 0;}
.list-img img{    margin: 0 !important;}
.list-sec02 .list-img::after {content: "";width: 100%;height: 95%;background: rgb(24 51 11 / 70%);position: absolute;left: 0;top: 0;z-index: 1000;}
.list-sec02 .list-desc {text-align: center;position: absolute;top: 50%;font-weight: bold;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 100%;}
.list-sec02 .list-ttl {color: #fff;font-size: 15px;letter-spacing: 0.1em;font-weight: bold;text-decoration: underline;text-underline-offset: 5px;}
.list-sec02 .list-btn {display: inline-block;width: 90px;line-height: 1;border: 1px solid #fff;padding: 8px 0;text-align: center;color: #fff;position: relative;-webkit-transition: .5s;transition: .5s;}
.main_category_sm{display: none;}

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

.br_tb{display: block;}
.br_pc{display: none;}
.br_sm{display: none;}
.sum .itembox {line-height: 1.8em;width: 100%;margin: 0 10px 0;}
.textbox {text-align: center;font-weight: bold;margin: 10px;border: 2px dashed #fff;color: #ffffff;box-shadow: 0 0 0 10px #04ad3c;background: #04ad3c;}
.textbox p{font-size: 88% !important;}

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

#mba .sum{overflow: scroll;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;}
#intern .sum{overflow: scroll;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;}
/* オウンドメディア埋め込み */
.box9 {
    padding: 0.5em 1em;
    margin: 10px 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box9 p {
    margin: 0; 
    padding: 0;
    font-size: 1rem;
    line-height: 30px;
}
.box09 {
    padding: 1em 1em;
    margin: 10px 5px;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
    width: 30%;
}
.box09 p {
    margin: 0; 
    padding: 0;
    font-size: 1rem;
    line-height: 30px;
}

.blog{
    display: flex;
}

.blog h5{
    font-size: 23px;
    margin: 10px 0;
    font-weight: bold;
    color: #ff7d6e;
}
.box09 p a{
    color: #2c2c2c;
}
.kouen{
    display: flex;
}
.kouen ul{
    float: left;
    margin: 0px 30px 20px 30px;
}
.careinstitution_image{
    line-height: 2em;
    position: relative;
    padding-bottom: 1em;
    overflow: hidden;
    font-size: 12px;
    width: 1000px;
    margin: auto;
}
.careinstitution_image li{
    padding: 2px;
    border: 1px #ccc solid;
    text-align: center;
    float: left;
    display: block;
    margin: 5px;
}
.careinstitution_image li img{
    border: none;
    display: block;
    width: 230px;}


/* イベまつ埋め込み */
.box8 {
    padding: 0.5em 1em;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
    font-size: 0.8rem;
    line-height: 21px;
}

.sum01{
    margin: 20px 30px 10px;
    overflow: hidden;
    line-height: 1.8em;
}

.itembox01{
    float: left;
    width: 140px;
    height: 200px;
    margin-right: 10px;
    line-height: 1.8em;}

.itembox02{
    float: left;
    width: 575px;
    margin-left: 10px;
    line-height: 1.8em;}

/* 多様な働き方 メインページ */


.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 24px;max-width: 1080px;margin: 0 auto;}

/* 横長 */

.card_plus.horizontal {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  overflow: hidden;
  align-items: center;
  height: 100%;

}
.card_plus.horizontal img{width: 45%;}
.card_plus.horizontal .card-content {width: 100%;}
.card {background-color: #fff;border-radius: 8px;border: 2px solid transparent;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;overflow: hidden;display: flex;flex-direction: column;height: 100%;}

.card:hover {border-color: #00b5d8;box-shadow: 0 4px 16px rgba(0, 181, 216, 0.2);}

.card img { width: 100%;height: 160px;object-fit: cover;}
.handibanner_hover {transition: .2s ease-in-out;width: 100%;margin-bottom: 20px;}
.handibanner_hover:hover {opacity: .7;}

/* 多様な働き方 */
#workplace {font-family: "Helvetica Neue", sans-serif;line-height: 1.8;margin: 0;background: #fdfdfd;color: #333;}
header h1 {margin: 0;font-size: 1.8em;}
.container {max-width: 800px;padding: 2em;background: #fff;}

.workplace_maintitle{border-left: 6px solid #007acc;padding: 0 0.5em;font-size: 1.8em;font-weight: bold;margin-bottom: 0.8rem;}
.workplace_title {border-left: 6px solid #007acc;padding: 0 0.5em;font-size: 1.5em;margin: 2em 0 1rem;}

.tag {background: #007acc;color: #fff;padding: 0.3em 0.8em;border-radius: 20px;font-size: 0.9em;display: inline-block;margin-bottom: 1em;}
.staff-comment {background: #f5faff;border-left: 4px solid #007acc;padding: 1em;margin-top: 1.5em;font-style: italic;}

.work_example ul li {list-style: square;margin-left: 5%;}
.question-list dt {font-weight: bold;margin-top: 1.2em;}
.question-list dd {margin-left: 1em;}

.section-block {background: #eef3f7;padding: 1em;border-radius: 6px;}

.cta-area {background: #e0efff;padding: 2em;text-align: center;margin-top: 3em;}
.cta-area a{color: #ffffff;}
.cta-message {font-size: 1.2em;font-weight: bold;margin-bottom: 1em;}

.cta-button {display: inline-block;padding: 1em 2em;margin: 0.5em;border-radius: 5px;text-decoration: none;font-weight: bold;color: white;transition: opacity 0.3s;}
.cta-button:hover {opacity: 0.85;}

.cta-blue {background-color: #007acc;}
.cta-orange {background-color: #ffa500;}


}
/* -------------------------------------- */

/*スマホ*/
@media screen and (max-width:559px) {
.br_tb{
    display: none;
}
.br_pc{
    display: none;
}
.br_sm{
    display: block;
}
.sum .itembox {
    line-height: 1.8em;
    margin: auto;
}
.textbox {
    text-align: center;
    font-weight: bold;
    margin: 10px;
    border: 2px dashed #fff;
    color: #ffffff;
    box-shadow: 0 0 0 10px #04ad3c;
    background: #04ad3c;
}
.textbox p{
font-size: 88% !important;
    }

/* 多様な働き方 メインページ スマホ*/
.grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;max-width: 1080px;margin: 0 auto;}

h1 {font-size: 1.6rem;}
/* 横長 */
.card_plus.horizontal {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid transparent;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  overflow: hidden;
  align-items: center;
  height: 250px;
}

.card-content h3 {font-size: 1rem;}
.card_plus.horizontal {flex-direction: column;height: 100%;}
.card_plus.horizontal .card-content {padding: 20px;width: 90%;}
.card_plus.horizontal img{width: 100%;}
.card {background-color: #fff;border-radius: 8px;border: 2px solid transparent;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);transition: all 0.3s ease;overflow: hidden;display: flex;flex-direction: column;height: 100%;}

.card:hover {border-color: #00b5d8;box-shadow: 0 4px 16px rgba(0, 181, 216, 0.2);}

.card img { width: 100%;height: 160px;object-fit: cover;}
.handibanner_hover {transition: .2s ease-in-out;width: 100%;margin-bottom: 20px;}
.handibanner_hover:hover {opacity: .7;}

/* 多様な働き方　スマホ */

#workplace {font-family: "Helvetica Neue", sans-serif;line-height: 1.8;margin: 0;background: #fdfdfd;color: #333;}
header h1 {margin: 0;font-size: 1.8em;}
.container {max-width: 800px;padding: 2em;background: #fff;}

.workplace_maintitle{border-left: 6px solid #007acc;padding: 0 0.5em;font-size: 1.8em;font-weight: bold;margin-bottom: 0.8rem;}
.workplace_title {border-left: 6px solid #007acc;padding: 0 0.5em;font-size: 1.5em;margin: 2em 0 1rem;}

.tag {background: #007acc;color: #fff;padding: 0.3em 0.8em;border-radius: 20px;font-size: 0.9em;display: inline-block;margin-bottom: 1em;}
.staff-comment {background: #f5faff;border-left: 4px solid #007acc;padding: 1em;margin-top: 1.5em;font-style: italic;}

.work_example ul li {list-style: square;margin-left: 5%;}
.question-list dt {font-weight: bold;margin-top: 1.2em;}
.question-list dd {margin-left: 1em;}

.section-block {background: #eef3f7;padding: 1em;border-radius: 6px;}

.cta-area {background: #e0efff;padding: 2em;text-align: center;margin-top: 3em;}
.cta-area a{color: #ffffff;}
.cta-message {font-size: 1.2em;font-weight: bold;margin-bottom: 1em;}

.cta-button {display: inline-block;padding: 1em 2em;margin: 0.5em;border-radius: 5px;text-decoration: none;font-weight: bold;color: white;transition: opacity 0.3s;}
.cta-button:hover {opacity: 0.85;}

.cta-blue {background-color: #007acc;}
.cta-orange {background-color: #ffa500;}


#main_category{display: none;}

.category_sm{
    color: #1e366a;
    border-top: solid #1e366a 1px;/*上のボーダー*/
    border-bottom: solid #1e366a 1px;/*下のボーダー*/
    padding: 0.5em 0 0.5em 1.5em;
  }
  
.category_sm li, ol li {line-height: 1.5;padding: 0.5em 0;}


    /* オウンドメディア埋め込み */
.box9 {
    padding: 0.5em 1em;
    margin: 10px 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box9 b{
    font-size: 1rem;
}
.box9 p {
    margin: 0; 
    padding: 0;
    font-size: 1rem;
    line-height: 30px;
}
.box09 {
    padding: 0.5em 1em;
    margin: 10px 0;
    color: #ff7d6e;
    background: #ffebe9;
    border-top: solid 10px #ff7d6e;
}
.box09 p {
    margin: 0; 
    padding: 0;
    font-size: 0.8rem;
    line-height: 30px;
}
.box09 h5{
    font-size: 1rem;
}

/* イベまつ埋め込み */
.box8 {
    padding: 0.5em 1em;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
    font-size: 0.8rem;
    line-height: 21px;
}

.sum01{
    margin:10px;
    overflow: hidden;
    line-height: 1.8em;
}

.itembox01{
    float: left;
    width: 120px;
    height: 180px;
    line-height: 1.8em;
    margin-bottom: 15px;
}
.itembox02{
    float: left;
    width: 310px;
    line-height: 1.8em;
    margin-left: 0;
}
}