@charset "UTF_8";

/*
※※※※※※※※※※※※※※※※

recruit 共通

※※※※※※※※※※※※※※※※
*/

.g_navi > li:nth-child(6) a span{
        background-color: #f3f3f8;
        color: #0a1975;
}


/* 採用情報のパンくずリストにEntryボタン設置 */
.breadcrumbs.entry {
        position: relative;
}

.breadcrumbs.entry .entry_btn {
        position: absolute;
        right: 0;
        top: 0;
        background-color: #000343;
        display: block;
        height: 100%;
        max-width: 352px;
        width: 30%;
        color: #fff;
        padding-top:30px;
        padding-left: 50px;
        font-size: 2.5rem;
}

.visual_S {
        background:url("../images/recruit/recruit_top.jpg") center center;
        background-size:cover;
}

@media screen and (max-width:1000px) {
        .breadcrumbs.entry .entry_btn {
                width: 20%;
                padding-left: 25px;
        }
}

@media screen and (max-width:767px) {
        .breadcrumbs.entry .entry_btn {
                display: none;
        }
}




/*
※※※※※※※※※※※※※※※※

インデックス

※※※※※※※※※※※※※※※※
*/


.recruit_visual{
        width:100%;
        position: relative;
}
.recruit_visual img {
        width: 100%;
}

.recruit_visual .inner{
        width:1000px;
        margin:0 auto;
}

.recruit_title_en{
        position: absolute;
        font-size:35px;
        color:#0a1975;
        line-height:1.5;
        top:25%;
        left:14%;
        border:1px solid #0a1975;
        padding:0 20px;
}

.recruit_title{
        position: absolute;
        font-size:56px;
        color:#0a1975;
        line-height:1.5;
        top:35%;
        left:14%;
        z-index: 2;
}

.recruit .contents_list_wrap{
        position: relative;
        padding:0 0 30% 0;

}

.recruit .contents_list{
        margin:0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
    justify-content: space-between;
        margin-bottom:100px;
        position: absolute;
        bottom:0;
        left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
                width: 90%;
                max-width: 1400px;
}

.recruit .contents_item{
         width:30%;
         position: relative;
 }

 .recruit .item_title_en{
        position: absolute;
        top:25%;
        left:10%;
        font-size:14px;
        color:white;
}

 .recruit .item_title{
        position: absolute;
        top:40%;
        left:10%;
        font-size:26px;
        color:white;
}

 .recruit .contents_item img{
        max-width:427px;
        width:100%;
}

.recruit .over_green{
        position: absolute;
        background:rgba(10,25,117,0.7);
        width:100%;
        height:100%;
        top:0;
        left:0;
}


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


        .recruit_visual_top{
                position: absolute;
                right:-5%;
                bottom:0;
                height:800px;
        }

        .recruit_title_en{
                position: absolute;
                font-size:35px;
                color:#0a1975;
                line-height:1.5;
                top:25%;
                left:5%;
                border:1px solid #0a1975;
                padding:0 20px;
                z-index: 2;
        }

        .recruit_title{
                position: absolute;
                font-size:56px;
                color:#0a1975;
                line-height:1.5;
                top:35%;
                left:5%;
                z-index: 2;
        }

}


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

        .recruit_visual{
                width:100%;
                position: relative;
        }

        .recruit_visual .inner{
                width:100%;
                margin:0 auto;
        }

        .recruit_visual_top{
                position: absolute;
                right:-10%;
                bottom:0;
                height:400px;
        }

        .recruit_title_en{
                position: absolute;
                font-size:16px;
                color:#0a1975;
                line-height:1.5;
                top:5%;
                left:8%;
                border:1px solid #0a1975;
                padding:0 20px;
        }

        .recruit_title{
                position: absolute;
                font-size:32px;
                color:#0a1975;
                line-height:1.5;
                top:13%;
                left:8%;
                z-index: 2;
        }

        .recruit .contents_list_wrap{
                position: relative;
                padding:15% 0 0 0;

        }

        .recruit .contents_list{
                max-width:inherit;
                width:100%;
                margin:0 auto;
                display: block;
                margin-bottom:30px;
                position:inherit;
                left: 0;
                transform: none;
        }

        .recruit .contents_item{
                 width:100%;
                 margin-bottom:30px;
                 position: relative;;
         }

}


/*
※※※※※※※※※※※※※※※※

湾荷役作業員

※※※※※※※※※※※※※※※※
*/
.rec_detail .contents {
        background-color: #f2f2f2;
}
.rec_detail_visual {
        width: 100%;
        position: relative;
}
.rec_detail_visual img {
        width: 100%;
}
.rec_detail .menu_title {
        text-align: center;
        color: #0a1975;
        font-size: 2.1875em;
}
.rec_detail .menu_title span {
        display: block;
        font-size: 1.6rem;
}
.rec_detail .rec_menu {
        display: flex;
        justify-content: space-between;
        width: 80%;
        max-width: 1120px;
        margin: 0 auto;
        padding: 60px 0 100px;
}
.rec_detail .rec_menu li {
        width: 30%;
        background: #fff;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
}
.rec_detail .rec_menu li a {
        display: block;
        padding: 20px 0;
        font-size: 1.5625em;
        width: 100%;
}
.rec_detail .rec_menu li::after {
        content:'';
        display:block;
        position: absolute;
        right: 10px;
        bottom: -20px;
        width: 11px;
        height: 34px;
        background-size: 11px 34px;
        background-image: url(../images/recruit/rec_anker_arrow.png);
}
#ideal_candidate .lead {
        background-image: url(../images/recruit/rec_detail_middle.jpg);
        background-size: cover;
        height: 951px;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 90px;
}
#ideal_candidate .lead div {
        color: #fff;
        width: 80%;
        margin: 0 auto;
        padding: 150px 0 0;
}
#ideal_candidate .lead div p:nth-of-type(1) {
        font-size: 3em;
}
#ideal_candidate .lead div p:nth-of-type(4) {
        margin-top: 50px;
}
#ideal_candidate .lead div p:nth-of-type(4) span {
        font-size: 1.875em;
}
#ideal_candidate ul {
        display: flex;
        justify-content: space-between;
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 60px 0 100px;
}
#ideal_candidate ul li {
        width: 32%;
        background: #081b91;
        text-align: center;
        color: #fff;
        padding: 60px 0;
        line-height: 1.6em;
}
#ideal_candidate ul li dt {
        font-size: 2em;
        margin-bottom: 20px;
        line-height: 1.2em;
}
#application {
        width: 80%;
        margin: 0 auto 130px;
}
#application .contents_table{
        width:100%;
        border-collapse: collapse;
}
#application .contents_table th,
#application .contents_table td{
        border:1px solid #e8ebf7;
        padding:25px;
}
#application .contents_table th{
        background:#f2f3f9;
        color:#0a1975;
        font-weight:bold;
        vertical-align: middle;
        width:20%;
        text-align:left;
}
#application .contents_table td{
        line-height:1.5;
        background:white;
}
#application .notice {
        margin-top: 20px;
        text-align: right;
        color: #666666;
}
#senior_voice .senior_voice_inner {
        background: #fff;
        padding: 120px 0 70px;
        background-image: url(../images/recruit/rec_senior_voice_bg.png);
        background-repeat: no-repeat;
        background-size: 97px 562px;
        background-position: top 120px left;
}
#senior_voice .lead {
        text-align: center;
}
#senior_voice .lead p {
        font-size: 2.5em;
        font-weight: bold;
}
#senior_voice .lead p span {
        color: #666666;
        font-size: 1.6rem;
        font-weight: normal;
        display: block;
}
#senior_voice .lead ul {
        display: flex;
        justify-content: space-between;
        width: 80%;
        max-width: 1200px;
        margin: 0 auto;
        margin-bottom: 120px;
}
#senior_voice .lead ul li {
        width: 22%;
        display: flex;
        align-items:flex-end;
}
#senior_voice .lead ul li img {
        width: 100%;
}
#senior_voice .senior_voice_inner section ul {
        width: 80%;
        margin: 0 auto 80px;
}
#senior_voice .senior_voice_inner section .q_bg {
        width: 80%;
        margin: 0 auto 70px;
        height: 260px;
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        justify-content: center;
}
#senior_voice .senior_voice_inner section .q_bg p {
        color: #fff;
        font-size: 2.5em;
        text-align: center;
        margin-bottom: 0;
}
#senior_voice .senior_voice_inner section .q_bg p span {
        font-size: 35px;
        display: block;
}
#senior_voice .senior_voice_inner section .q1 {
        background-image: url(../images/recruit/rec_detail_q1.jpg);
}
#senior_voice .senior_voice_inner section .q2 {
        background-image: url(../images/recruit/rec_detail_q2.jpg);
}
#senior_voice .senior_voice_inner section .q3 {
        background-image: url(../images/recruit/rec_detail_q3.jpg);
}
#senior_voice .senior_voice_inner section ul li {
        margin-bottom: 50px;
}
#senior_voice .senior_voice_inner section ul li dl {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
#senior_voice .senior_voice_inner section ul li dl dt {
        width: 210px;
        margin-right: 40px;
        text-align: center;
}
#senior_voice .senior_voice_inner section ul li dl dt span {
        font-weight: bold;
        margin-top: 10px;
        display: block;
}
#senior_voice .senior_voice_inner section ul li dl dd {
        flex: 1;
        line-height: 2em;
}
#senior_voice .senior_voice_inner section ul li dl dt img {
        width: 100%;
}
.rec_detail .go_entry {
        padding: 0;
        margin-bottom: 40px;
}
.rec_detail .go_entry .wrap {
        display: flex;
        flex-wrap: wrap;
        color: #fff;
}
.rec_detail .go_entry .textarea {
        width: 100%;
        background-color: #081b91;
        font-size: 8.5rem;
        height: 437px;
        text-align: center;
        padding-top:1.7em;
}
/*
.rec_detail .go_entry .linkarea {
        width: 50%;
        background-color: #000343;
        font-size: 3.2rem;
        position: relative;
        overflow: hidden;
}
.rec_detail .go_entry .linkarea a {
        display: block;
        height: 100%;
        width: 100%;
}
.rec_detail .go_entry .linkarea p {
        position: absolute;
        top: calc(50% - 0.5em);
        left:60%;
}
.rec_detail .go_entry .linkarea p:after {
        content:'';
        display:block;
        height: 1px;
        width: 50vw;
        background-color: #fff;
        top: 50%;
        left: 130px;
        position: absolute;
}
*/

@media screen and (max-width:1324px) and (min-width:768px){
        .rec_detail .go_entry .textarea {
                font-size: 6rem;
                height: 437px;
                text-align: center;
                padding-top:2.9em;
        }
}

@media screen and (max-width:1000px) and (min-width:768px){
#ideal_candidate ul li:nth-child(2) dt  {
        padding-top: 7px;
        font-size: 1.6em;
        }
#ideal_candidate ul li:nth-child(2) dd {
        padding-top: 7px;
        font-size: 0.9em;
        }
}

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

        .rec_detail .rec_menu {
                width: 90%;
                max-width: 90%;
        }
        .rec_detail .rec_menu li a {
                font-size: 1em;
        }
        #ideal_candidate .lead {
                background-image: url(../images/recruit/rec_detail_middle_sp.jpg);
                height: auto;
                background-position: top;
        }
        #ideal_candidate .lead div {
                padding: 140px 0 0;
                width: 90%;
        }
        #ideal_candidate .lead div p:nth-of-type(1) {
                font-size: 3.1rem;
        }
        #ideal_candidate .lead div p:nth-of-type(2),
        #ideal_candidate .lead div p:nth-of-type(3) {
                font-size: 1.57rem;
                line-height: 2.0;
        }
        #ideal_candidate .lead div p:nth-of-type(4) span {
                font-size: 3rem;
        }
        #ideal_candidate .lead div p:nth-of-type(4) {
                font-size: 2rem;
        }
        #ideal_candidate ul {
                display: block;
                padding: 220px 0 50px;
                width: 90%;
        }
        #ideal_candidate ul li {
                width: 100%;
                margin-bottom: 30px;
        }
        #ideal_candidate ul li dt {
                font-size: 2.5rem;
        }
        #ideal_candidate ul li dd {
                font-size: 1.6rem;
                line-height: 1.6;
                margin-top: 30px;
        }
        #application {
                width: 90%;
        }
        #application .contents_table th {
                width: 35%;
        }
        #senior_voice .senior_voice_inner {
                padding: 80px 0 70px;
                background-image: none;
        }
        #senior_voice .lead p {
                font-size: 2.5rem;
        }
        #senior_voice .lead p span {
                font-size: 1.6rem;
                line-height: 1.6;
                margin-top: 20px;
        }
        #senior_voice .lead ul {
                flex-wrap: wrap;
        }
        #senior_voice .lead ul li {
                width: 48%;
                margin-bottom: 20px;
        }
        #senior_voice .senior_voice_inner section .q_bg {
                width: 100%;
        }
        #senior_voice .senior_voice_inner section .q_bg p span {
                font-size: 2.5rem;
                line-height: 1.6;
        }
        #senior_voice .senior_voice_inner section ul li dl {
                align-items: flex-start;
        }
        #senior_voice .senior_voice_inner section ul li dl dt {
                width: 25%;
                margin-right: 20px;
        }
        #senior_voice .senior_voice_inner section ul li dl dd {
                font-size: 1.6rem;
                line-height: 1.8;
        }

        .rec_detail .menu_title {
                line-height: 1.4em;
                font-size: 3rem;
        }
        .rec_detail .menu_title span {
                font-size: 2rem;
        }
        .rec_detail .go_entry .wrap {
                display: flex;
                flex-wrap: wrap;
                color: #fff;
        }
        .rec_detail .go_entry .textarea {
                width: 100%;
                background-color: #0a1975;
                font-size: 10vw;
                height: 50vw;
                text-align: center;
        }
        /*
        .rec_detail .go_entry .linkarea {
                width: 50%;
                background-color: #000343;
                font-size: 5vw;
                position: relative;
                overflow: hidden;
        }
        .rec_detail .go_entry .linkarea a {
                display: block;
                height: 100%;
                width: 100%;
        }
        .rec_detail .go_entry .linkarea p {
                position: absolute;
                top: calc(50% - 0.5em);
                left:40%;
        }
        .rec_detail .go_entry .linkarea p:after {
                content:'';
                display:block;
                height: 1px;
                width: 50vw;
                background-color: #fff;
                top: 50%;
                left: 150%;
                position: absolute;
        }
        */
}


/*
※※※※※※※※※※※※※※※※

海運海上（船員）

※※※※※※※※※※※※※※※※
*/
#ideal_candidate.detail2 .lead {
	background-image: url(../images/recruit/rec_detail2_middle.jpg);
        background-position: center top;
	height: 870px;
}
#ideal_candidate.detail2 .lead div {
	color: #000;
	padding: 120px 0 0 42%;
	box-sizing: border-box;
}
#ideal_candidate.detail2 .lead div p.name {
	display: flex;
	align-items: center;
}
#ideal_candidate.detail2 .lead div p.name em {
	padding-left: 1.2em;
	display: inline-block;
}


#application.detail2 .menu_title {
	padding-top: 40px;
}
#senior_voice.detail2 .senior_voice_inner section .q1 {
	background-image: url(../images/recruit/rec_detail2_q1.jpg);
}
#senior_voice.detail2 .senior_voice_inner section .q2 {
	background-image: url(../images/recruit/rec_detail2_q2.jpg);
}
#senior_voice.detail2 .senior_voice_inner section .q3 {
	background-image: url(../images/recruit/rec_detail2_q3.jpg);
}

.btn_mid_career_area {
	padding-bottom: 80px;
	background-color: #fff;
}

.btn_mid_career_area .btn {
	margin: auto;
	width: 90%;
	max-width: 400px;
}

.btn_mid_career_area .btn a {
	padding: 2.5rem;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	background-color: #081b91;
	display: block;
}

.btn_mid_career_area .btn a::before {
	content: '>';
	margin-right: 1.2em;
}

@media screen and (max-width:767px) {
#ideal_candidate.detail2 .lead {
	background-image: url(../images/recruit/rec_detail2_middle_sp.jpg);
	background-position: center bottom;
	height: auto;
}
#ideal_candidate.detail2 .lead div {
	color: #fff;
	padding: 60px 0 0 30px;
}
#ideal_candidate.detail2 .lead div p:nth-of-type(1) {
	margin-left: -30px;
}
#ideal_candidate.detail2 .lead div p.name {
	padding-left: 50%;
	position: relative;
	top: 120px;
	display: block;
}
#ideal_candidate.detail2 .lead div p.name span {
	display: block;
}
#ideal_candidate.detail2 .lead div p.name em {
	padding-left: 0;
	display: inline-block;
}

}


/*
※※※※※※※※※※※※※※※※

新卒

※※※※※※※※※※※※※※※※
*/
.newgraduate .contents {
        background-color: #f2f2f2;
}
.newgraduate_visual {
        background-image: url("../images/recruit/newgraduate_visual.jpg");
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        width: 100%;
        height: 700px;
        position: relative;
}

.newgraduate_visual .inner {
        position: absolute;
        top: 40%;
        left:calc(50% - 415px);
        width: 100%;
        max-width: 770px;
}

.newgraduate_title {
        font-size: 8rem;
        font-style: italic;
        color: #0a1975;
        margin-bottom: 0.3em;
        letter-spacing: 0.05em;
}

.newgraduate_title span {
        color: #fff;
}

.newgraduate .intro_text {
        color: #fff;
        font-size: 2rem;
        line-height: 2em;
}

.newgraduate_visual_sub {
        background-image: url("../images/recruit/newgraduate_visual_sub.jpg");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 500px;
        position: relative;
}

.newgraduate_visual_sub p {
         writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
        color: #fff;
        font-size: 4rem;
        position: absolute;
        bottom:-100px;
        left:calc(50% - 1.7em);
}

.newgraduate_visual_sub span {
        background-color: #000;
}

.newgraduate .menu_title {
        text-align: center;
        color: #0a1975;
        font-size: 3.5rem;
        margin-top: 1em;
}

.newgraduate .menu_title span {
        display: block;
        font-size: 1.6rem;
}

.newgraduate .interview {
        padding-top: 170px;
}

.newgraduate .interview .slide {
        width: 100%;
        height: auto;
        background-color: #0a1975;
        position: relative;
        margin-bottom: 50px;
}

.newgraduate .interview .txt_interview {
        position: absolute;
        z-index: 99;
        width: 10vw;
        left: 3vw;
        top: -11vw;
}

.newgraduate .interview .slide .wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row-reverse;
}

.newgraduate .interview .slide .photoarea {
        width: 50%;
}

.newgraduate .interview .slide .textarea {
        width: 50%;
        position: relative;
}

.newgraduate .interview .slide .textarea a {
        position: absolute;
        right: 4vw;
        bottom: 7vw;
        width: 392px;
        line-height: 90px;
        border: 3px solid #fff;
        color: #fff;
        background-color: #0a1975;
        display: block;
        font-size: 1.8rem;
        padding-left: 2em;
        margin-top: 9vw;
}

.newgraduate .interview .name {
        position: absolute;
        color: #000;
         writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
        font-size: 2.5rem;
        left: 6vw;
        top: 21vw;
        z-index: 99;
}

.newgraduate .interview .slide .text {
        color: #fff;
        font-size: 5rem;
        position: absolute;
        right: 4vw;
        top:3vw;
}

.newgraduate .interview .slide .text:after {
        content:'';
        display: block;
        position: absolute;
        height: 2px;
        width:1.5em;
        left: 0;
        bottom: -1em;
        background-color: #fff;
}



.newgraduate .interview .slide .photoarea img {
        width: 100%;
        display: inline;
}

.newgraduate .slide-arrow {
        position: absolute;
        bottom: 0;
        z-index: 1;
        cursor: pointer;
}

.newgraduate .prev-arrow {
        left:calc(50vw - 154px);
}

.newgraduate .next-arrow {
        left: calc(50vw - 77px);
}

.newgraduate .slick_interview_nav {
        margin-bottom: 150px;
        padding:0 1%;
}

.newgraduate .slick_interview_nav li {
        cursor: pointer;
}


.newgraduate .slick_interview_nav img {
        width: 100%;
}

.newgraduate .slick_interview_nav .image {
        position: relative;
}

.newgraduate .slick_interview_nav .slick-current .image:after {
        content:'';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background: -moz-linear-gradient(top, rgba(78,244,207,0.5) 0%, rgba(78,243,207,0.5) 1%, rgba(32,157,182,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(78,244,207,0.5) 0%,rgba(78,243,207,0.5) 1%,rgba(32,157,182,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(78,244,207,0.5) 0%,rgba(78,243,207,0.5) 1%,rgba(32,157,182,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804ef4cf', endColorstr='#80209db6',GradientType=0 ); /* IE6-9 */
        left: 0;
        top: 0;
}


.newgraduate .slick_interview_nav .number {
        color: #666;
        font-size: 2.6rem;
        line-height: 1em;
        margin-bottom: 0.5em;
        font-weight: bold;
}

.newgraduate .slick_interview_nav .text {
        color: #666;
        font-size: 1.4rem;
        margin-top: 1em;
}

.newgraduate .newgraduate_menu .menu{
        display: flex;
        flex-wrap: wrap;
}

.newgraduate .newgraduate_menu li a {
        display: block;
}

.newgraduate .newgraduate_menu li.menu_l {
        width: 50%;
        margin-bottom: 10px;
}

.newgraduate .newgraduate_menu li.menu_s {
        width: 33.3%;
}

.newgraduate .newgraduate_menu li img {
        width: 100%;
        height: auto;
}

.newgraduate .go_entry {
        padding: 130px 0 180px;
}

.newgraduate .go_entry .wrap {
        display: flex;
        flex-wrap: wrap;
        color: #fff;
}

.newgraduate .go_entry .textarea {
        width: 50%;
        background-color: #081b91;
        font-size: 8.5rem;
        height: 437px;
        text-align: center;
        padding-top:1.7em;
}

.newgraduate .go_entry .linkarea {
        width: 50%;
        background-color: #000343;
        font-size: 3.2rem;
        position: relative;
        overflow: hidden;
}

.newgraduate .go_entry .linkarea a {
        display: block;
        height: 100%;
        width: 100%;
}

.newgraduate .go_entry .linkarea p {
        position: absolute;
        top: calc(50% - 0.5em);
        left:60%;
}

.newgraduate .go_entry .linkarea p:after {
        content:'';
        display:block;
        height: 1px;
        width: 50vw;
        background-color: #fff;
        top: 50%;
        left: 130px;
        position: absolute;
}

@media screen and (max-width:1324px) and (min-width:768px){
        .newgraduate_visual .inner {
                padding:0;
                left:calc(50% - 360px);
        }

        .newgraduate_title {
                font-size: 7rem;
                font-style: italic;
                color: #0a1975;
                margin-bottom: 0.3em;
                letter-spacing: 0.05em;
        }

        .newgraduate_title span {
                color: #fff;
        }

        .newgraduate .intro_text {
                color: #fff;
                font-size: 1.8rem;
                line-height: 2em;
        }

        .newgraduate .interview .txt_interview {
                width: 9vw;
        }

        .newgraduate .interview .slide .textarea {
                width: 50%;
                position: relative;
        }

        .newgraduate .interview .slide .textarea a {
                position: absolute;
                right: 4vw;
                bottom: 9vw;
                width: 60%;
                line-height: 70px;
        }

        .newgraduate .interview .name {
                font-size: 2vw;
                left: 6vw;
                top: 21vw;
        }

        .newgraduate .interview .slide .text {
                font-size: 3vw;
                right: 7vw;
                top:4vw;
        }

        .newgraduate .slide-arrow {
                width:55px
        }

        .newgraduate .prev-arrow {
                left:calc(50vw - 110px);
        }

        .newgraduate .next-arrow {
                left: calc(50vw - 55px);
        }

        .newgraduate .go_entry .textarea {
                font-size: 6rem;
                height: 437px;
                text-align: center;
                padding-top:2.9em;
        }

}

@media screen and (max-width:767px) {
        .newgraduate_visual {
                background-image: url("../images/recruit/newgraduate_visual_sp.jpg");
                background-position: center 70vw;
                background-size: contain;
                width: 100%;
                height: 115vw;
        }

        .newgraduate_visual .inner{
                padding-top:20px;
                position: static;
                width: 100%;
                max-width: 770px;
        }

        .newgraduate_title {
                font-size: 16vw;
                font-style: italic;
                color: #0a1975;
                margin-bottom: 0.3em;
                letter-spacing: 0.05em;
        }

        .newgraduate_title span {
                color: #000;
                display: block;
        }

        .newgraduate .intro_text {
                color: #000;
                font-size: 1.6rem;
                line-height: 2em;
        }

        .newgraduate_visual_sub {
                background-image: url("../images/recruit/newgraduate_visual_sub.jpg");
                height: 46vw;
        }

        .newgraduate_visual_sub p {
                font-size: 2.6rem;
                bottom:-60px;
                left:calc(50% - 2.5em);
        }

        .newgraduate .menu_title {
                text-align: center;
                color: #0a1975;
                font-size: 2.5rem;
                margin-top: 0.5em;
                line-height: 1.4em;
        }

        .newgraduate .menu_title span {
                display: block;
                font-size: 1.4rem;
        }

        .newgraduate .interview {
                padding-top: 90px;
        }

        .newgraduate .interview .txt_interview {
                position: absolute;
                z-index: 99;
                width: 13vw;
                left: 3vw;
                top: -13vw;
        }

        .newgraduate .interview .slide .wrap {
                display: flex;
                flex-wrap: wrap;
                flex-direction: column;
        }

        .newgraduate .interview .slide .photoarea {
                width: 100%;
        }

        .newgraduate .interview .slide .textarea {
                width: 100%;
                height: 100vw;
        }


        .newgraduate .interview .slide .textarea a {
                right: inherit;
                left:10vw;
                bottom: 20vw;
                width: 50vw;
                line-height: 3em;
                border: 1px solid #fff;
                font-size: 1.6rem;
                padding-left: 1.5em;
                margin-top: 0;
        }

        .newgraduate .interview .name {
                font-size: 4vw;
                left: 6vw;
                top: -60vw;
        }

        .newgraduate .interview .slide .text {
                font-size: 8vw;
                right: 0;
                left: 10vw;
                top:15vw;
        }

        .newgraduate .slide-arrow {
                width:50px;
        }

        .newgraduate .prev-arrow {
                left:inherit;
                right: 50px;
        }

        .newgraduate .next-arrow {
                left: inherit;
                right: 0;
        }

        .newgraduate .slick_interview_nav {
                margin-bottom: 80px;
                padding:0 1%;
        }

        .newgraduate .newgraduate_menu .menu{
                display: flex;
                flex-wrap: wrap;
        }

        .newgraduate .newgraduate_menu li a {
                display: block;
        }

        .newgraduate .newgraduate_menu li.menu_l {
                width: 100%;
                margin-bottom: 10px;
        }

        .newgraduate .newgraduate_menu li.menu_s {
                width: 100%;
        }

        .newgraduate .go_entry {
                padding: 100px 0 100px;
        }

        .newgraduate .go_entry .wrap {
                display: flex;
                flex-wrap: wrap;
                color: #fff;
        }

        .newgraduate .go_entry .textarea {
                width: 50%;
                background-color: #0a1975;
                font-size: 10vw;
                height: 71vw;
                text-align: center;
                padding-top:1.7em;
        }

        .newgraduate .go_entry .linkarea {
                width: 50%;
                background-color: #000343;
                font-size: 5vw;
                position: relative;
                overflow: hidden;
        }

        .newgraduate .go_entry .linkarea a {
                display: block;
                height: 100%;
                width: 100%;
        }

        .newgraduate .go_entry .linkarea p {
                position: absolute;
                top: calc(50% - 0.5em);
                left:40%;
        }

        .newgraduate .go_entry .linkarea p:after {
                content:'';
                display:block;
                height: 1px;
                width: 50vw;
                background-color: #fff;
                top: 50%;
                left: 120px;
                position: absolute;
        }
}

/* 新卒ページのビジュアルの動き */

@keyframes elasticus {
  100% {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); }
}

#scroll-down {
    position: absolute;
    display: none;
    padding-top: 79px;
    text-align: center;
    width: 1px;
    right: 50%;
    bottom: -30px;
    z-index: 100;
}

#scroll-down::before {
    -webkit-animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
    animation: elasticus 2.9s cubic-bezier(1, 0, 0, 1) infinite;
    position: absolute;
    bottom:0;
    left: 55%;
    margin-left: 0px;
    width: 1px;
    height: 58px;
    background: #FFF;
    content: '';
}

#scroll-title {
    position: absolute;
    display: block;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 40px;
    right: 48.1%;
    bottom: 10px;
    z-index: 100;
    color: #FFF;
}

@media screen and (max-width:767px) {
        #scroll-title {
                right: 47.1%;
        }
}

/*
※※※※※※※※※※※※※※※※

採用までの流れ

※※※※※※※※※※※※※※※※
*/

.flow .visual_S .page_title{
        width:24%;
}

.flow .contents{
        width:100%;
        background:#f2f2f2;
        padding-top:70px;
        padding-bottom:90px;
}

.flow .contents .inner {
        background-color: #fff;
        padding: 90px 2% 65px;
}

.flow .flowlist {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
}

.flow .flowlist li {
        width: calc(100% / 6);
        padding:0 0.7%;
        border-right: 1px solid #e8ebf7;
}

.flow .flowlist li:last-child {
        border-right: none;
}

.flow .upper {
        text-align: center;
        background-color: #f2f3f9;
        color: #0a1975;
        padding: 30px 1%;
        height: 180px;
}

.flow .upper .number {
        font-size: 4.1rem;
        margin-bottom: 0;
}

.flow .upper .text {
        font-size: 1.7rem;
        letter-spacing: -0.1em;
        margin-bottom: 0;
        line-height: 1.3em;
}

.flow .lower {
        padding:15px 0;
        margin-bottom: 20px;
}

.flow .lower .text {
        font-size: 1.6rem;
}

@media screen and (max-width:1200px) and (min-width:768px) {
        .flow .upper .number {
                font-size: 3.5vw;
        }

        .flow .upper .text {
                font-size: 1.8vw;
        }
}

@media screen and (max-width:767px) {
        .flow .contents{
                padding:60px 5%;
        }

        .flow .visual_S .page_title{
                width:60%;
                max-width: 400px;
        }

        .flow .flowlist li {
                width: calc(100% / 2);
                padding:0 2vw;
                margin-bottom: 20px;
        }

        .flow .flowlist li:nth-child(even) {
                border-right: none;
        }
}

@media screen and (max-width:500px) {
        .flow .upper .text {
                font-size: 5.5vw;
                letter-spacing: -0.1em;
                margin-bottom: 0;
                line-height: 1.3em;
        }
}

/*
※※※※※※※※※※※※※※※※

内定者の声

※※※※※※※※※※※※※※※※
*/
.voice .visual_S .page_title{
        width:24%;
}

.voice .contents{
        width:100%;
        background:#f2f2f2;
        padding-top:70px;
        padding-bottom:90px;
}

.voice .intro_text {
        font-size: 3rem;
        color: #0a1975;
        display:block;
        margin: 0 auto 70px;
        width: 22em;
        max-width: 90%;
        letter-spacing: -0.05em;
        line-height: 1.4em;
}

.voice .qa_wrap {
        padding:70px;
        background-color: #fff;
        margin-bottom: 10px;
}

.voice .q_area {
        font-size: 2.8rem;
        float: left;
        width: 39%;
        padding-right: 10px;
}

.voice .q_area p {
        line-height: 1.3em;
        letter-spacing: -.05em;
}

.voice .a_area {
        width: 61%;
        float:right;
}

.voice .a_list {
        font-size: 1.6rem;
}

.voice .a_list li {
        margin-bottom: 1em;
        margin-left: 1em;
        text-indent: -1.2em;
        line-height: 1.4em;
}

.voice .a_list li:before {
        content:'◆';
        color: #0a1975;
        font-size: 0.95em;
        margin-right: 0.2em;
}

@media screen and (max-width:767px) {
        .voice .visual_S .page_title{
                width:60%;
                max-width: 400px;
        }

        .voice .intro_text {
                font-size: 6.5vw;
                margin: 0 auto 50px;
                width: 11.5em;
        }

        .voice .qa_wrap {
                padding:6vw;
        }

        .voice .q_area {
                font-size: 6.5vw;
                width: 100%;
                padding-right: 10px;
        }

        .voice .a_area {
                width: 100%;
        }

}

/*
※※※※※※※※※※※※※※※※

説明会エントリー

※※※※※※※※※※※※※※※※
*/

.entry .visual_S .page_title{
        width:24%;
}

.entry .contents{
        width:100%;
        background:#f2f2f2;
        padding-top:70px;
        padding-bottom:90px;
}

.entry .contents .inner {
        background-color: #fff;
        padding: 70px 90px;
}

.entry .text1 {
        font-size: 2.1rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 1.5em;
}

.entry .text2 {
        text-align: center;
        margin-bottom: 3em;
}

.entry .banner_area {
        text-align: center;
}

.entry .banner {
        max-width: 510px;
        width: 48.5%;
}

.entry .banner1 {
        float: left;
}

.entry .banner2 {
        float: right;
}

@media screen and (max-width:767px) {
        .entry .visual_S .page_title{
                width:70%;
                max-width: 400px;
        }

        .entry .contents{
                padding:60px 5%;
        }

        .entry .contents .inner {
                padding: 40px 5%;
        }

        .entry .text1 {
                text-align: left;
                margin-bottom: 1.5em;
        }

        .entry .text2 {
                text-align: left;
        }

        .entry .banner {
                max-width: 510px;
                width: 100%;
        }

        .entry .banner1 {
                float: none;
                margin-bottom: 20px;
        }

        .entry .banner2 {
                float: none;
        }
}


/*
※※※※※※※※※※※※※※※※

募集要項

※※※※※※※※※※※※※※※※
*/

.guidelines .visual_S .page_title{
        width:24%;
}

.guidelines .contents{
        width:100%;
        background:#f2f2f2;
        padding:110px 5% 160px;
}

.guidelines .contents .inner {
        background-color: #fff;
        padding: 0;
}

.guidelines table {
        width: 100%;
}

.guidelines th {
        background-color: #e6e8f4;
        color: #0a1975;
        width: 17%;
        border-top: 1px solid #f2f2f2;
        padding:1.5em;
        font-weight: bold;
}

.guidelines td {
        background-color: #fff;
        padding: 1.5em;
        border-top: 1px solid #f2f2f2;
}

.guidelines td p {
        line-height: 1.6em;
        margin-bottom: 1em;
}

.guidelines td p:last-child {
        margin-bottom: 0;
}

.guidelines .red {
        color: #ff0000;
}

.guidelines td a {
        text-decoration: underline;
        color: #0a1975;
        display:inline-block;
        padding:0 0.5em;
}

.guidelines .salary .type {
        width:7em;
        display:inline-block;
}

.guidelines .salary .money {
        display:inline-block;
        padding-left: 2em;
}

.guidelines .just3 {
        display:inline-block;
        margin-left: 1em;
        letter-spacing: 1em;
}

@media screen and (max-width:767px) {
        .guidelines .visual_S .page_title{
                width:70%;
                max-width: 400px;
        }

        .guidelines .contents{
                padding:60px 5% 60px;
        }


        .guidelines th {
                width: 30%;
                padding:1.5em 1em;
        }

        .guidelines td {
                padding: 1.5em 1em;
        }

        .guidelines .salary .type {
                width:auto;
                display:inline-block;
        }

        .guidelines .salary .money {
                display:inline-block;
                padding-left: 0;
        }

        .guidelines .just3 {
                display:inline-block;
                margin-left: 0;
                letter-spacing: 0;
        }
}

/*
※※※※※※※※※※※※※※※※

Q&A

※※※※※※※※※※※※※※※※
*/

.qanda .visual_S .page_title{
        width:24%;
}

.qanda .contents{
        width:100%;
        background:#f2f2f2;
        padding:65px 5%;
}

.qanda .contents .inner {
        padding: 0;
}

.qanda dl {
        padding-bottom: 15px;
        background-color: #e6e8f4;
        position: relative;
}

.qanda dl:after {
        content:'';
        display:block;
        position: absolute;
        left: 50%;
        bottom: 3px;
        width: 17px;
        height: 7.5px;
        background-size: cover;
        background-image: url(../images/recruit/qanda_arrow.png);
}

.qanda dl.open:after {
        transform:rotateZ(180deg);
}

.qanda dt {
        background-color: #fff;
        font-size: 2.8rem;
        padding:0.8em;
        cursor: pointer;
        line-height: 1.2em;
}

.qanda dt:before {
        content:'Q.';
        color: #0a1975;
        margin-right: 10px;
}

.qanda dd {
        display:none;
        background-color: #fff;
        font-size: 2.8rem;
        padding:0.8em;
        color: #0a1975;
        line-height: 1.2em;
}

.qanda dd:before {
        content:'A.';
        margin-right: 10px;
}

.qanda dd p {
        font-size: 1.6rem;
        padding-left: 2.5em;
        margin-top:1em;
        margin-bottom: 0;
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

@media screen and (max-width:767px) {
        .qanda .visual_S .page_title{
                width:70%;
                max-width: 400px;
        }

        .qanda dt {
                font-size: 2.3rem;
        }

        .qanda dd {
                font-size: 2.3rem;
        }

        .qanda dd p {
                padding-left: 2.2em;
        }
}


/*
※※※※※※※※※※※※※※※※

先輩紹介社員

※※※※※※※※※※※※※※※※
*/
.seniors .seniors_visual {
        background-image: url("../images/recruit/seniors_visual.jpg");
        height: 420px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
}

.seniors .page_title {
        color: #fff;
        font-size: 4.5rem;
        letter-spacing: 0;
        width: 6em;
        margin: 0 auto;
        line-height: 1.5em;
        padding-top:3em;
}

.seniors .page_title span {
        font-size: 1.6rem;
        display: block;
        text-align: left;
}

.seniors .intro_area {
        padding: 70px 8%;
}

.seniors .catch_text {
        font-size: 4.2rem;
        text-align: center;
        color: #0a1975;
}

.seniors .intro_text {
        text-align: left;
}

.seniors .introduction {
        background-color: #f2f2f2;
        padding: 70px 0;
}

.seniors .introduction .title {
        font-size: 3.6rem;
        text-align: center;
}

.seniors .introduction_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row;
}

.seniors .introduction_list li {
        width: 30%;
        margin-bottom: 190px;
        position: relative;
}

.seniors .introduction_list figure {
        width: 80%;
        position: relative;
        z-index: 2;
}

.seniors .introduction_list img {
        width: 100%;
}

.seniors .introduction_list figcaption {
        position: absolute;
        padding: 10px;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(78,244,207,0.5) 0%, rgba(78,243,207,0.5) 1%, rgba(32,157,182,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(78,244,207,0.5) 0%,rgba(78,243,207,0.5) 1%,rgba(32,157,182,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(78,244,207,0.5) 0%,rgba(78,243,207,0.5) 1%,rgba(32,157,182,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804ef4cf', endColorstr='#80209db6',GradientType=0 ); /* IE6-9 */
        top:0;
        left:0;
        -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
        filter: alpha(opacity=0);
        -ms-filter: "alpha(opacity=0)";
        -moz-opacity:0;
        -khtml-opacity: 0;
        opacity:0;
        zoom:1;
}

.seniors .introduction_list a:hover figcaption {
        filter: alpha(opacity=100);
        -ms-filter: "alpha(opacity=100)";
        -moz-opacity:1;
        -khtml-opacity: 1;
        opacity:1;
}

.seniors .introduction_list figcaption p {
        color: #fff;
        font-size: 2.0rem;
        padding-top: 2em;
}

.seniors .introduction_list .profile {
        padding: 88% 10% 8%;
  background-color: #fff;
  position: absolute;
  top: 0;
  z-index: 1;
  width: 90%;
  margin-top: 30px;
  right: 0;
  border-right: 5px solid #0a1975;
}

.seniors .introduction_list .year {
        font-size: 1.1rem;
        color: #9e9e9e;
        margin-bottom: 10px;
        line-height: 1em;
}

.seniors .introduction_list .name {
        font-size: 1.8rem;
        margin-bottom: 10px;
        line-height: 1em;
}

.seniors .introduction_list .name span {
        font-size: 1.1rem;
        color: #0a1975;
        margin-left: 1em;
}

.seniors .introduction_list .others {
        font-size: 1.1rem;
        line-height: 1.2em;
        margin-bottom: 0;
}

@media screen and (max-width:767px) {
        .seniors .seniors_visual {
                background-image: url("../images/recruit/seniors_visual_sp.jpg");
                height: 250px;
        }

        .seniors .page_title {
                font-size: 3.5rem;
                width: 8em;
                text-align: center;
                padding-top: 2.5em;
        }

        .seniors .page_title span {
                font-size: 1.6rem;
                text-align: center;
                line-height: 1.5em;
        }


        .seniors .intro_area {
                padding: 40px 8%;
        }

        .seniors .catch_text {
                font-size: 6.2vw;
        }

        .seniors .introduction {
                padding: 40px 0;
        }
        .seniors .introduction_list li {
                width: 100%;
        }
        .seniors .introduction_list .profile {
                padding: 78% 10% 8%;
        }
}





/*
※※※※※※※※※※※※※※※※

個人ページ

※※※※※※※※※※※※※※※※
*/
.seniors_list .contents {
        background-color: white;
}
.seniors_list .mainvisual {
        border-top: 2px solid white;
        height: 671px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
}
.seniors_list .mainvisual.member01 {
        background-image: url("../images/recruit/member01_detail_01.jpg");
}
.seniors_list .mainvisual.member02 {
        background-image: url("../images/recruit/member02_detail_01.jpg");
}
.seniors_list .mainvisual.member03 {
        background-image: url("../images/recruit/member03_detail_01.jpg");
}
.seniors_list .mainvisual.member04 {
        background-image: url("../images/recruit/member04_detail_01.jpg");
}
.seniors_list .mainvisual.member05 {
        background-image: url("../images/recruit/member05_detail_01.jpg");
}
.seniors_list .mainvisual_inner {
        width: 90%;
        max-width: 1000px;
        margin: 50px auto 0;
        display: flex;
}
.seniors_list .mainvisual_inner p {
        color: #5f72e7;
        writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        font-size: 2.5rem;
}
.seniors_list .mainvisual_inner div {
        padding: 50px;
}
.seniors_list .mainvisual_inner div h2 {
        font-size: 3.5rem;
        color: white;
        line-height: 5rem;
}
.seniors_list .mainvisual_inner div h2::after {
        border-bottom: 2px solid white;
        width: 70px;
        height: 2px;
        content: "";
        display: block;
        margin: 50px 0;
}
.seniors_list .mainvisual_inner div dl dt {
        color: #5f72e7;
        font-size: 1.5rem;
        margin-bottom: 20px;
        line-height: 3rem;
}
.seniors_list .mainvisual_inner div dl dd {
        color: white;
        font-size: 3.5rem;
}
.seniors_list .text_area {
        padding: 100px 0;
        width: 80%;
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
}
.seniors_list .text_area h3 {
        font-size: 3rem;
        width: 40%;
}
.seniors_list .text_area h3::after {
        border-bottom: 2px solid #0a1975;
        width: 50px;
        height: 2px;
        content: "";
        display: block;
        margin: 30px 0 0;
}
.seniors_list .text_area p {
        line-height: 4rem;
        width: 60%;
}
.seniors_list .image_area {
        width: 90%;
}
.seniors_list .image_area.left {
        margin-right: auto;
}
.seniors_list .image_area.right {
        margin-left: auto;
}
.seniors_list .image_area img{
        width: 100%;
}
.seniors_list .conclusion {
        height: 700px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
        padding: 100px 0;
}
.seniors_list .conclusion.member01 {
        background-image: url("../images/recruit/member01_detail_04.jpg");
}
.seniors_list .conclusion.member02 {
        background-image: url("../images/recruit/member02_detail_04.jpg");
}
.seniors_list .conclusion.member03 {
        background-image: url("../images/recruit/member03_detail_04.jpg");
}
.seniors_list .conclusion.member04 {
        background-image: url("../images/recruit/member04_detail_04.jpg");
}
.seniors_list .conclusion.member05 {
        background-image: url("../images/recruit/member05_detail_04.jpg");
}
.seniors_list .conclusion_inner {
        width: 90%;
        max-width: 1000px;
        margin: 0 auto;
}
.seniors_list .conclusion_inner {
        color: white;
}
.seniors_list .conclusion_inner h3 {
        font-size: 3rem;
        margin-bottom: 50px;
}
.seniors_list .conclusion_inner p {
        line-height: 4rem;
        width: 55%;
}

/* 下部ナビゲーション */
.seniors_list .interview_navigation_wrap {
        margin: 100px 0 0;
        padding:0 1%;
        display: flex;
        flex-wrap: wrap;
}
.seniors_list .interview_navigation_wrap li {
        cursor: pointer;
        width: 25%;
}
.seniors_list .text_area h3 {
        width: 100%;
}
.seniors_list .interview_navigation_wrap img {
        width: 100%;
}
.seniors_list .interview_navigation_wrap .number {
        color: #666;
        font-size: 2.6rem;
        line-height: 1em;
        margin-bottom: 0.5em;
        font-weight: bold;
}
.seniors_list .interview_navigation_wrap .text {
        color: #666;
        font-size: 1.4rem;
        margin-top: 1em;
}


@media screen and (max-width:767px) {
        .seniors_list .mainvisual {
                background-position: right 25% top;
                height: 90vw;
        }
        .seniors_list .mainvisual_inner {
                margin: 5vw auto 0;
        }
        .seniors_list .mainvisual_inner p {
                font-size: 1.5rem;
        }
        .seniors_list .mainvisual_inner div {
                padding: 8vw 4vw;
        }
        .seniors_list .mainvisual_inner div h2 {
                color: #000;
                font-size: 2rem;
                line-height: 3rem;
        }
        .seniors_list .mainvisual_inner div h2::after {
                margin: 5vw 0;
        }
        .seniors_list .mainvisual_inner div dl dt {
                font-size: 1.2rem;
                line-height: 2rem;
        }
        .seniors_list .mainvisual_inner div dl dd {
                color: #000;
                font-size: 2rem;
        }
        .seniors_list .interview_navigation_wrap {
                margin-bottom: 80px;
                padding:0 1%;
        }
        .seniors_list .interview_navigation_wrap li {
                width: 50%;
        }
        .seniors_list .text_area {
                display: block;
        }
        .seniors_list .text_area p {
                width: 100%;
                margin-top: 30px;
        }
        .seniors_list .conclusion {
    background-position: right 35% top;
                height: 130vw;
        }
        .seniors_list .conclusion_inner p {
                width: 100%;
                line-height: 2.2rem;
    font-size: 1.5rem;
        }
}