@charset "utf-8";

/* -----------------------------------------------------------
    ページ上部
-------------------------------------------------------------- */

.comeback-mv{
    width: 100%;
    height: 460px;
    position: relative;
    background: url(../img/rec-comeback-mv.jpg)  top right / cover;
    padding: 180px 0 0 80px;
}

.comeback-mv::before {
   content:"";
   display: inline-block;
   border-left: solid 495px #fff;
   border-top: solid 210px transparent;
   border-bottom: solid 210px transparent;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}

.comeback-mv .ttl-box {
    position: relative;
    z-index: 2;
	left: -30px;
}

.comeback-mv .rec-cmn-ttl-en {
    font: 6rem / 1.3 "roboto";
    font-weight: bold;
}

@media screen and (max-width: 768px){
	.comeback-mv{
        height: 200px;
        background: url(../img/rec-comeback-mv.jpg)  top left/ cover;
        padding: 60px 0 0 20px;
    }
    
    .comeback-mv::before {
       border-left: solid 150px rgba(255, 255, 255, .8);
       border-top: solid 100px transparent;
       border-bottom: solid 100px transparent;
    }
    
	.comeback-mv .ttl-box {
		left: 0;
	}

    .comeback-mv .rec-cmn-ttl-en {
        font: 3.5rem / 1.3 "roboto";
        font-weight: bold;

        -webkit-text-stroke: 2px #fff;
        text-stroke: 1px #fff;
        paint-order: stroke;
    }
    
    .comeback-mv .rec-cmn-ttl-ja {
        margin: 0 0 0 6px;

         -webkit-text-stroke: 2px #fff;
        text-stroke: 1px #fff;
        paint-order: stroke;
    }

}

/* -----------------------------------------------------------
   comeback-area 202604
-------------------------------------------------------------- */
a.anchor.rec {
    display: block;
    padding-top: 170px;
    margin-top: -170px;
}

.comeback-area {
	padding: 80px 0;
    background: #F8F9F9;
}
.comeback-area .int-ttl-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}
.comeback-area .int-ttl-box .int-ttl-wrap {
	width: calc( 100% - 750px );
}
.comeback-area .int-ttl-box .int-ttl-wrap .en {
    font: 8rem / 1.2 "roboto";
    font-weight: bold;
    margin: 0 0 20px;
    position: relative;
    display: inline-block;
    color: #3461AB;
}
.comeback-area .int-ttl-box .int-ttl-wrap .en::after {
    content: "Recruitment";
    display: inline-block;
    font: 3.5rem / 1 "Satisfy";
    color: #FEA909;
    position: absolute;
    right: 0;
    bottom: -5px;
    transform: rotate(-10deg);
}
.comeback-area .int-ttl-box .int-ttl-wrap .ja-txt {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 0;
    color: #3461AB;
}

.comeback-area .int-ttl-box .int-txt {
	width: 700px;
}

/* テーブル */
.comeback-table {
	width: 100%;
	margin-top: 50px;
	background-color: #fff;
	border: solid 1px #eee;
}
.comeback-table, 
.comeback-table th, 
.comeback-table td {
	border-collapse: collapse;
}
.comeback-table th, 
.comeback-table td {
	text-align: left;
	padding: 30px 30px;
	border: solid 1px #eee;
}
.comeback-table th {
	width: 30%;
	font-size: 1.8rem;
	background-color: #EAF7FB;
	border-bottom: 1px solid #3461AB;
}
.comeback-table td {
	width: 70%;
	font-size: 1.6rem;
	line-height: 1.5;
}
.comeback-table td ul {
	/* font-weight: bold; */
	padding-top: 10px;
}
.comeback-table td ul li {
	line-height: 1.8;
}
.comeback-table td ul li span {
	padding-left: 5px;
}
.comeback-table td ul li a {
	font-weight: bold;
}

/* btn.comeback */
a.btn.comeback {
    width: 300px;
    /* background: #1D4091;
    border: 1px solid #1D4091;
    color: #fff; */
    text-align: center;
    position: relative;
    display: block;
    padding: 15px 0;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    margin: 20px 0 0;
    font-weight: 600;

	background: #fff;
    border: 1px solid #1D4091;
    color: #1D4091;
}
a.btn.comeback:hover {
	color: #1D4091;
}

a.btn.comeback::before {
	display: none;
}

a.btn.comeback::after {
    content: "\f054";
	font: 900 1.3rem / 1 "Font Awesome 5 Free";
	position: absolute;
	top: calc((100% - 1em) / 2);
	right: 25px;
    transition:  all .2s ease-in-out;
}

a.btn.comeback:hover::before {
	display: none;
}

a.btn.comeback:hover::after {
	right: 15px;
}


@media screen and (max-width: 768px) {
	a.anchor.rec {
        padding-top: 0;
        margin-top: 0;
    }
	#comeback {
		scroll-margin-top: 80px;
	}

	.comeback-area {
		padding: 40px 0;
	}
	.comeback-area .int-ttl-box {
		gap: 20px;
		flex-direction: column;
	}
	.comeback-area .int-ttl-box .int-ttl-wrap {
		width: 100%;
	}
	.comeback-area .int-ttl-box .int-ttl-wrap .en {
		font: 4.0rem / 1.2 "roboto";
        font-weight: bold;
        margin: 0 0 15px;
	}
	.comeback-area .int-ttl-box .int-ttl-wrap .en::after {
		font: 2.4rem / 1 "Satisfy";
        right: -20px;
	}
	.comeback-area .int-ttl-box .int-ttl-wrap .ja-txt {
		font-size: 1.8rem;
	}

	.comeback-area .int-ttl-box .int-txt {
		width: 100%;
	}

	/* テーブル */
	.comeback-table {
		margin-top: 30px;
	}
	.comeback-table th, 
	.comeback-table td {
		padding: 20px 20px;
		display: block;
	}
	.comeback-table th {
		width: 100%;
		font-size: 1.6rem;
	}
	.comeback-table td {
		width: 100%;
	}

	.comeback-table td ul li {
		font-size: 1.5rem;
	}
	.comeback-table td ul li a {
		font-size: 1.6rem;
		font-weight: bold;
	}

	/* btn.comeback */
	a.btn.comeback {
		width: 100%;
		margin: 20px 0 0;
	}

}


.rec-cmn-entry .entry-flex {
    justify-content: center;
}