/*--------------------------------------------------------------
人を知る > 【社員紹介】新入社員インタビュー
--------------------------------------------------------------*/
/* 　新入社員インタビュー共通
---------------------------------------- */
@media screen and (max-width: 767px) {
    body.peoNew2025 #contMain .pageTitle-ja .sp_only{
	display: none!important;
	border:solid 1px #FC050C;
    }
}

/* 　スラッシュ　*/
body.peoNew2025 #contMain .slash {
    fill: url(#gradient);
    position: relative;
}
body.peoNew2025 #contMain .slash #stop1 {
    animation: step1 1.7s ease-in-out infinite alternate;
}
body.peoNew2025 #contMain .slash #stop2 {
    animation: step2 1.7s ease-in-out infinite alternate;
}
@keyframes step1 {
    0% {
        stop-color: #ff99cc;
    }
    100% {
        stop-color: #999EFF;
    }
}
@keyframes step2 {
    0% {
        stop-color: #999EFF;
    }
    100% {
        stop-color: #ff99cc;
    }
}
/* 　新入社員インタビュートップ
---------------------------------------- */
body#recPeoNewIndex #contMain {
    position: relative;
    background: none;
}
body#recPeoNewIndex #contMain .bg_balloon {
    width: 100%;
    height: 100%;
    background: #fafafa url(../people/img/new2025/bg_balloon_pink.png)no-repeat top center;
    position: fixed;
    top: 0;
    z-index: -1;
    background-size: 152%;
}
@media screen and (max-width: 767px) {
    body#recPeoNewIndex #contMain .bg_balloon {
        display: none;
    }
}
body#recPeoNewIndex #contMain > .inner {
    text-align: center;
}
@media screen and (max-width: 767px) {
	body#recPeoNewIndex #contMain > .inner {
		margin:0 15px;
	}
}
body#recPeoNewIndex #contMain .intro {
    text-align: right;
    margin-bottom: 20px;
    font-size: 130%;
    line-height: 1.7;
    display: inline-block;
}
@media screen and (max-width: 767px) {
    body#recPeoNewIndex #contMain .intro {
        text-align: center !important;
        font-size: 120%;
        margin-bottom: 0;
    }
}
body#recPeoNewIndex #contMain .intro .memo {
    display: block;
    text-align: right;
    font-size: 14px;
    margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
    body#recPeoNewIndex #contMain .intro .memo {
        font-size: 12px !important;
    }
}
body#recPeoNewIndex #contMain .newList ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
body#recPeoNewIndex #contMain .newList ul li {
    width: 300px;
    margin: 0 35px 150px;
    position: relative;
}
body#recPeoNewIndex #contMain .newList ul li:nth-child(3n+1) {
    margin-left: 0;
}
body#recPeoNewIndex #contMain .newList ul li:nth-child(3n+3) {
    margin-right: 0;
}
@media screen and (max-width: 767px) {
    body#recPeoNewIndex #contMain .newList ul li {
        width: auto !important;
        margin: 0 13vw 36vw !important;
    }
    body#recPeoNewIndex #contMain .newList ul li:nth-child(3n+1) {
        margin: 0 13vw 36vw !important;
    }
    body#recPeoNewIndex #contMain .newList ul li:nth-child(3n+3) {
        margin: 0 13vw 36vw !important;
    }
    body#recPeoNewIndex #contMain .intro .sp_only {
        display: inline-block !important;
    }
}
body#recPeoNewIndex #contMain .newList ul li a:hover {
    text-decoration: none;
}
body#recPeoNewIndex #contMain .newList ul li a:hover img {
    opacity: 1;
}
body#recPeoNewIndex #contMain .newList ul li .photo {
    width: 90%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}
body#recPeoNewIndex #contMain .newList ul li .slash {
    margin: -80% 0 0 -12%;
}
@media screen and (max-width: 767px) {
    body#recPeoNewIndex #contMain .newList ul li .slash {
        margin: -80% 0 0 -7%;
    }
}
body#recPeoNewIndex #contMain .newList ul li .slash svg {
    margin: 0 0 0 -5%;
    opacity: 0.6;
    transition-duration: 1s;
    position: relative;
    top: -0;
}
body#recPeoNewIndex #contMain .newList ul li a:hover .slash svg {
    opacity: 1;
    transition-duration: 1s;
    position: relative;
    top: -10px;
}
body#recPeoNewIndex #contMain .newList ul li a .affiliatio {
    color: #333;
    margin-top: -25px;
    z-index: 1;
    position: relative;
}
body#recPeoNewIndex #contMain .newList ul li a .affiliatio .department {
    font-size: 14px;
    display: block;
}
body#recPeoNewIndex #contMain .newList ul li a .affiliatio .department br.ex {
    display: none;
}
body#recPeoNewIndex #contMain .newList ul li a .affiliatio .name {
    font-size: 20px;
    display: block;
    font-weight: bold;
}
body#recPeoNewIndex #contMain .torecPeoTop {
    display: none;
}
body#recPeoNewIndex #contMain .intro .sp_only {
    display: none;
}
/* 　新入社員インタビュー個別ページ
---------------------------------------- */
body.peoNew2025Individual #contMain {
    position: relative;
    background: none;
}
body.peoNew2025Individual #contMain .pageTitle {
    z-index: 2;
}
body.peoNew2025Individual #contMain .bg_balloon {
    width: 100%;
    height: 100%;
    background: #fafafa url(../people/img/new2025/bg_balloon_pink.png)no-repeat top center;
    position: fixed;
    top: 0;
    z-index: -1;
}
body.peoNew2025Individual #contMain .peopleMainVisual {
    margin: 0 0 60px;
}
body.peoNew2025Individual #contMain .peopleMainVisual .inner {
    position: relative;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .peopleMainVisual .inner {
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}
body.peoNew2025Individual #contMain .peopleMainVisual #copy {
    font-weight: normal;
    background: #fff;
    padding: 47px 52px 50px 80px;
    display: inline-block;
    position: absolute;
    bottom: 100px;
    left: 170px;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .peopleMainVisual #copy {
        padding: 37px 40px;
        position: relative;
        bottom: 0;
        left: 0;
    }
}
body.peoNew2025Individual #contMain .peopleMainVisual #copy::after {
    content: "";
    display: block;
    width: 113px;
    height: 92px;
    background: url(../people/img/new2025/slash_pink.png) no-repeat;
    position: absolute;
    top: -62px;
    left: 0;
}
@media screen and (max-width: 767px) {}
body.peoNew2025Individual #contMain .peopleMainVisual #copy .department {
    display: block;
    margin: 0 0 13px;
    font-size: 15px;
}
body.peoNew2025Individual #contMain .peopleMainVisual #copy .name {
    font-size: 43px;
    display: block;
    letter-spacing: 1px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .peopleMainVisual #copy .name {
        font-size: 30px;
    }
}
body.peoNew2025Individual #contMain .peopleMainVisual #copy .name rt {
    font-size: 25% !important;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .peopleMainVisual .silhouette {
        overflow-x: hidden;
    }
    body.peoNew2025Individual #contMain .peopleMainVisual .silhouette img {
        vertical-align: bottom;
        max-width: none;
        width: 140%;
        height: auto;
        margin: 0 0 0 -20%;
    }
}
/* 共通 */
body.peoNew2025Individual #contMain .interview {
    position: relative;
    z-index: 2;
    margin: 0;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview {
        margin: 0 0 30px 0 !important;
        display: flex !important;
        flex-direction: column-reverse !important;
    }
}
body.peoNew2025Individual #contMain .interview .photo {
    width: 70%;
    margin: 100px 0;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview .photo {
        width: 100% !important;
        margin: 0 !important;
    }
}
body.peoNew2025Individual #contMain .interview .photo img {
    width: 100%;
    height: auto;
}
body.peoNew2025Individual #contMain .interview .text {
    width: 50%;
    box-sizing: border-box;
    padding: 95px 50px 65px 50px;
    background: #fff url("../people/img/new2025/fig_brackets_pink.png")no-repeat left 50px top 50px;
    z-index: 2;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview .text {
        width: 94% !important;
        padding: 30px !important;
        background: #fff url(../people/img/new2025/fig_brackets_pink.png) no-repeat left 30px top 30px !important;
        background-size: 50px !important;
        margin: -20px auto 0 !important;
    }
}
body.peoNew2025Individual #contMain .interview .text h4 {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 30px 50px;
    white-space: nowrap;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview .text h4 {
        font-size: 16px !important;
        line-height: 1.6 !important;
        font-weight: bold !important;
        margin: 25px 0 30px 30px !important;
        white-space: normal !important;
    }
}
body.peoNew2025Individual #contMain .interview .text p {
    text-align: justify;
}
body.peoNew2025Individual #contMain .interview.schedule .text {
    /*white-space: nowrap;
    min-width: 50%;
    width: auto;*/
}
body.peoNew2025Individual #contMain .interview.schedule .text p {
    border-bottom: solid 4px #ddd;
    padding: 0 0 9px;
    margin: 0 0 10px;
}
body.peoNew2025Individual #contMain .interview.schedule .text ul li {
    padding: 10px 10px;
    line-height: 1.5;
    border-bottom: solid 1px #eee;
    display: flex;
    justify-content: left;
    flex-wrap: nowrap;
}
body.peoNew2025Individual #contMain .interview.schedule .text ul li .time {
    margin: 0 15px 0 0;
}
body.peoNew2025Individual #contMain .interview.schedule .text ul li .time.am {
    margin: 0 23px 0 0;
}
body.peoNew2025Individual #contMain .interview.schedule .text ul li .detail {
    font-feature-settings: "palt";
    line-height: 1.5;
}
/* 写真縦 */
body.peoNew2025Individual #contMain .interview.photoVertical .photo {
    width: 44%;
}
body.peoNew2025Individual #contMain .interview.photoVertical .text {
    width: 62%;
}
/* 写真左 */
body.peoNew2025Individual #contMain .interview.photoL .photo {
    float: left;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview.photoL .photo {
        float: none !important;
    }
}
body.peoNew2025Individual #contMain .interview.photoL .text {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview.photoL .text {
        float: none !important;
        position: static !important;
    }
}
/* 写真右 */
body.peoNew2025Individual #contMain .interview.photoR .photo {
    float: right;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview.photoR .photo {
        float: none !important;
    }
}
body.peoNew2025Individual #contMain .interview.photoR .text {
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .interview.photoR .text {
        float: none !important;
        position: static !important;
    }
}
/* ueda */
body.peoNew2025Individual#ueda #contMain #interview001 .photo {
    margin: 300px 0 100px;
}
body.peoNew2025Individual#ueda #contMain #interview001 .text {
    width: 80%;
}
body.peoNew2025Individual#ueda #contMain #interview002 .text {
    width: 61%;
}
body.peoNew2025Individual#ueda #contMain #interview003 .text {
    width: 40%;
}

/* ooshima */
body.peoNew2025Individual#ooshima #contMain #interview002 .photo {
    margin: 254px 0 100px;
    width: 63%;
}
body.peoNew2025Individual#ooshima #contMain #interview002 .text {
    width: 48%;
}
/* katayose */
body.peoNew2025Individual#katayose #contMain #interview005 .photo {
    margin: 302px 0 100px;
    width: 63%;
}
body.peoNew2025Individual#katayose #contMain #interview005 .text {
    width: 79%;
}
/* sakai */
body.peoNew2025Individual#sakai #contMain #interview003 .photo {
    width: 59%;
}
body.peoNew2025Individual#sakai #contMain #interview005 .photo {
    width: 56%;
    margin: 0 0 420px;
}
body.peoNew2025Individual#sakai #contMain #interview005 .text {
    margin:100px 0 0;
}
/* sasaki */
body.peoNew2025Individual#sasaki #contMain #interview001 .photo {
    margin: 100px 0;
}
body.peoNew2025Individual#sasaki #contMain #interview001 .text {
}
body.peoNew2025Individual#sasaki #contMain #interview002 .photo {
    width: 64%;
    margin: 0 0 400px;
}
body.peoNew2025Individual#sasaki #contMain #interview002 .text {
       width: 70%;
    margin: 334px 0 0;
}
body.peoNew2025Individual#sasaki #contMain #interview004 .text {
    width: 44%;
}
/* shiozawa */
body.peoNew2025Individual#shiozawa #contMain .peopleMainVisual #copy{
    right:170px;
    left:auto;
}
body.peoNew2025Individual#shiozawa #contMain #interview002 .photo {
    width: 64%;
    margin: 200px 0 100px;
}
body.peoNew2025Individual#shiozawa #contMain #interview002 .text {
    width:80%;
}
body.peoNew2025Individual #contMain .newList {
    text-align: center;
    padding: 100px 0 0;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .newList {
        padding: 0 !important;
    }
}
body.peoNew2025Individual #contMain .newList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 40px;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .newList ul {
        display: none;
    }
}
body.peoNew2025Individual #contMain .newList ul li {
    width: 14%;
}
body.peoNew2025Individual #contMain .newList ul li a:hover {
    text-decoration: none;
}
body.peoNew2025Individual #contMain .newList ul li a:hover img {
    opacity: 1;
}
body.peoNew2025Individual #contMain .newList ul li .photo {
    width: 80%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}
body.peoNew2025Individual #contMain .newList ul li .slash {
    margin: -100% 0 0 -12%;
}
body.peoNew2025Individual #contMain .newList ul li .slash svg {
    margin: 0 0 0 -5%;
    transition-duration: 1s;
    position: relative;
    top: -0;
    opacity: 0.5;
}
body.peoNew2025Individual #contMain .newList ul li a:hover .slash svg {
    opacity: 1;
    transition-duration: 1s;
    position: relative;
    top: -10px;
}
body.peoNew2025Individual #contMain .newList ul li a .affiliatio {
    color: #333;
    margin-top: -15px;
    z-index: 1;
    position: relative;
    line-height: 1.5;
}
body.peoNew2025Individual #contMain .newList ul li a .affiliatio .department {
    font-size: 13px;
    display: block;
    line-height: 1.4;
    margin: 10px 0 5px;
}
body.peoNew2025Individual #contMain .newList ul li a .affiliatio .name {
    font-size: 18px;
    display: block;
}
body.peoNew2025Individual #contMain .torecPeoTop {
    text-align: center;
    margin: 130px auto 0 !important;
}
@media screen and (max-width: 767px) {
    body.peoNew2025Individual #contMain .torecPeoTop {
        text-align: center;
        margin: 0 7% !important;
    }
    body.peoNew2025Individual #contMain .torecPeoTop a {
        display: block;
    }
}