@charset "UTF-8";
/* media query : mobile */
@media screen and (max-width:768px) {
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* media query : tablet */
@media screen and (min-width:769px) and (max-width:1024px){
}
/*==============================================================
1.0 Common
--------------------------------------------------------------*/
:root {
	--white: rgba(255, 255, 255, 1);
	--black: rgba(0, 0, 0, 1);
	--main: rgba(23, 0, 154, 1);
	--blue: rgba(37, 77, 255, 1);
	--yellow: rgba(255, 216, 61, 1);
	--sky: rgba(64, 148, 242, 1);
	--bgc: rgba(244, 244, 244, 1);
	--gray: rgba(233, 233, 233, 1);
	--font: 'Baloo 2';
	--border-radius-mid: 1.25rem;
	--box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}
/* common
--------------------------------------------------------------*/
.section.bgc.yellow {
	background: var(--yellow);
}
.section.bgc.sky {
	background: var(--sky);
}
.button-recruit {
	display: block;
    width: 100%;
    max-width: 26rem;
}
.button-recruit a {
	display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 2rem);
    height: 5rem;
    background: linear-gradient(90deg, var(--blue) 0, var(--main) 100%);
    background: -webkit-linear-gradient(0deg, var(--blue) 0, var(--main) 100%);
    border-radius: 5rem;
    color: var(--white);
    padding-right: 2rem;
	border: 0.2rem solid var(--blue);
	border-bottom-width: 0.5rem;
    font-size: 1.2rem;
	font-weight: 500;
}
.button-recruit a:after {
	content: "";
    display: block;
    position: absolute;
    right: 1.5rem;
    top: calc(50% - 0.35rem);
    border-top: 2px solid var(--white);
    border-right: 2px solid var(--white);
    width: 0.7rem;
    height: 0.7rem;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.button-recruit.reverse a {
	background: var(--white);
	border-color: var(--main);
	color: var(--black);
}
.button-recruit.reverse a:after {
	border-color: var(--black);
}
.button-recruit.reverse.yellow a {
	background: var(--yellow);
	border-color: var(--black);
}
/*==============================================================
2.0 Header
--------------------------------------------------------------*/
.header-nav {
	display: flex;
    align-items: center;
	flex-direction: row;
	justify-content: flex-end;
}
.header-nav__menu {
	margin-right: 0rem;
}
.header-nav .entry a {
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	background: linear-gradient(90deg, var(--blue) 0, var(--main) 100%);
	background: -webkit-linear-gradient(0deg, var(--blue) 0, var(--main) 100%);
	border: 0.2rem solid var(--blue);
	border-bottom-width: 0.5rem;
}
.header-nav .entry a:after {
		content: "";
		display: block;
		position: absolute;
		right: 1.5rem;
		top: calc(50% - 0.35rem);
		border-top: 2px solid var(--white);
		border-right: 2px solid var(--white);
		width: 0.7rem;
		height: 0.7rem;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}
/* media query : mobile */
@media screen and (max-width:768px) {
    .header.active .header-logo {
        padding-left: 3rem;
	}
	.header-nav {
		width: auto;
	}
	.header-nav__trigger {
		position: fixed;
		display: flex;
		cursor: pointer;
		z-index: 500;
		width: 2.6rem;
		height: 2.6rem;
		flex-direction: column;
		justify-content: center;
		gap: 25%;
		align-items: center;
		top: 1rem;
		right: 1.5rem;
	}
	.header-nav__trigger span {
		height: 0.2rem;
		width: 90%;
		background-color: #000;
	}
	.header-nav__menu {
		display: none;
	}
	#menu-header-recruit2026 {
		display: flex;
		flex-direction: column;
		padding: 0 1.5rem 5rem 1.5rem;
	}
	#menu-header-recruit2026 li:first-child {
		border-top: 2px solid #254DFF;
	}
	#menu-header-recruit2026 a {
		display: block;
        border-bottom: 1px solid #D1D1D1;
        padding: 0.5rem 0;
	}
	.header-nav .entry {
		position: fixed;
		bottom: 0;
		left: 0;
		width: calc(100% - 1rem);
		padding: 0.5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		background: rgba(0, 0, 0, 0.5);
		opacity: 0;
		visibility: hidden;
		transform: translateY(100%);
		transition: transform 0.4s ease-out, opacity 0.4s ease-out, visibility 0.4s;
	}
	.header.scroll .header-nav .entry {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.header.scroll .header-nav .entry a {
		width: calc(100% - 2rem);
		height: 4rem;
		border-radius: 5rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.header-logo {
		width: 21rem;
	}
	.header-nav {
		width: calc(100% - 21rem);
		gap: 3vw;
	}
	#menu-header-recruit2026 {
		display: flex;
		align-items: center;
	}
	#menu-header-recruit2026 .sub-menu {
		display: none;
	}
	#menu-header-recruit2026 {
		gap: 3vw;
	}
	.header-nav .entry a {
		padding: 1rem 3.5rem 1rem 2rem;
		border-radius: 5rem;
	}
	.header-nav__trigger {
		display: none;
	}
}
/*==============================================================
3.0 Home
--------------------------------------------------------------*/
.main {
	overflow: hidden;
}
/* home-mv
--------------------------------------------------------------*/
.home-mv {
	margin-top: 0;
	padding-top: 6.496rem;
	padding-bottom: 0;
	background: url(../img/recruit2026/mv-home.jpg) no-repeat center / cover;
	height: 100%;
	height: 89vh;
}
.home-mv .container {
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
	gap: 5rem;
}
.home-h1 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.home-h1 p {
	display: flex;
	flex-direction: column;
	gap: 0rem;
}
.home-h1 p > span {
	display: block;
	font-family: var(--font);
    font-weight: 700;
	line-height: 1;
    color: var(--blue);
}
.home-h1 p > span:last-child {
    color: var(--main);
}
.home-h1 h1 {
	font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.8;
}
.home-mv .wrap {
	display: flex;
	gap: 2rem;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-h1 p > span {
		font-size: 3rem;
	}
	.home-h1 h1 {
		font-size: 1.4rem;
	}
	.home-mv .wrap {
		flex-direction: column;
	}
	.home-mv {
		background-position: -46.2rem -9rem;
		background-color: #ffd33d;
		background-size: 330%;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-h1 p > span {
		font-size: 6rem;
	}
	.home-h1 h1 {
		font-size: 1.6rem;
	}
}
/* home-feature */
.home-feature .wrap {
	display: flex;
	gap: 4rem;
}
.home-feature .wrap p b {
	color: var(--blue);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-feature .wrap {
    	flex-direction: column-reverse;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-feature .wrap > picture {
		width: 40%;
	}
	.home-feature .wrap > p {
		width: 60%;
		font-size: 1.4rem;
	}
}
/* home-who */
.home-who ul {
	display: flex;
}
.home-who ul > li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
	padding: 3rem 2rem;
	color: var(--white);
	text-align: center;
	border-radius: var(--border-radius-mid);
}
.home-who ul > li:first-child {
	background: var(--main);
}
.home-who ul > li:last-child {
	background: var(--blue);
}
.home-who ul li > h3 {
	font-size: 2.5rem;
}
.home-who ul li > i {
	color: var(--yellow);
	font-size: 1.5rem;
}
.home-who ul li > p {

}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-who ul {
		flex-direction: column;
		gap: 2rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-who ul {
		gap: 4rem;
	}
	.home-who ul > li {
		width: 50%;
	}
}
/* home-facts */
.facts-list {
	display: flex;
	gap: 2rem;
	flex-wrap: wrap;
    justify-content: center;
}
.facts-list li {
	background: var(--white);
	border-radius: var(--border-radius-mid);
	border: 0.2rem solid var(--black);
	border-bottom-width: 0.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding: 2rem 1rem;
}
.facts-list li > h3 {
	font-size: 1.5rem;
    color: var(--main);
}
.facts-list li > span {
	line-height: 1;
}
.facts-list li span > b {
    font-size: 8rem;
    font-family: var(--font);
    color: var(--blue);
}
.facts-list li span >  i {
	font-weight: 600;
    font-size: 2rem;
    color: var(--main);
}
.facts-list li > p {
	
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.facts-list {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.facts-list li {
    	width: 20%;
	}
}
.home-facts .reason {
	margin-top: 4rem;
	text-align: center;
	display: flex;
	gap: 2rem;
    line-height: 1.5;
    align-items: center;
	justify-content: center;
}
.home-facts .reason span {
	display: block;
	width: max-content;
}
.home-facts .reason b {
	color: var(--main);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-facts .reason {
		font-size: 1.5rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-facts .reason {
		font-size: 2.4rem;
	}
	.home-facts .reason:before {
		content: "";
		display: block;
		height: 0.5rem;
		width: 8%;
		background: linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,1)  100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,1)  100%);
	}
	.home-facts .reason:after {
		content: "";
		display: block;
		height: 0.5rem;
		width: 8%;
		background: linear-gradient(90deg, rgba(0,0,0,1) 0, rgba(0,0,0,0)  100%);
		background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0)  100%);
	}
}
/* home-foundation */
.section.home-foundation {
	background: url(../img/recruit2026/pattern-block.png) repeat center / 2rem;
}
.home-foundation ul {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	max-width: 55rem;
    margin: 0 auto 4rem;
}
.home-foundation ul > li {
	background: var(--white);
    padding: 1rem 2rem;
    border-radius: 5rem;
    box-shadow: var(--box-shadow);
}
.home-foundation p {
	text-align: center;
    margin-bottom: 4rem;
}
.home-foundation p > b {
	color: var(--blue);
}
.home-foundation .after {
	display: flex;
    justify-content: center;
    align-items: center;
    background: var(--yellow);
    border-color: var(--black);
    border-radius: 5rem;
    color: var(--black);
    
    border: 0.2rem solid var(--black);
    border-bottom-width: 0.5rem;
    font-weight: 500;
    margin: 0 auto;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-foundation ul {
		gap: 1.5rem;
	}
	.home-foundation p > b {
		font-size: 1.5rem;
	}
	.home-foundation .after {
		font-size: 1.5rem;
		padding: 1.5rem 2rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-foundation ul {
		gap: 2rem;
	}
	.home-foundation p > b {
		font-size: 2rem;
	}
	.home-foundation .after {
		width: max-content;
		font-size: 2rem;
		padding: 1.5rem 4rem;
	}
}
/* home-blueprint */
.home-blueprint p {
	text-align: center;
}
.home-blueprint p > i {
	color: var(--blue);
}
.home-blueprint ul {
	display: flex;
	justify-content: center;
    align-items: center;
	gap: 2rem;
	margin: 4rem auto;
}
.home-blueprint ul > li {
	background: var(--white);
	box-shadow: var(--box-shadow);
	padding: 4rem;
	text-align: center;
	border-radius: var(--border-radius-mid);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
.home-blueprint ul > li:last-child {
	background: linear-gradient(90deg, var(--blue) 0, var(--main) 100%);
    background: -webkit-linear-gradient(0deg, var(--blue) 0, var(--main) 100%);
	color: var(--white);
}
.home-blueprint ul > li:after {
	content: "";
	display: block;
	position: absolute;
	background: var(--main);
}
.home-blueprint ul > li:last-child:after {
	display: none;
}
.home-blueprint ul li > h3 {
	font-size: 1.7rem;
    color: var(--blue);
}
.home-blueprint ul > li:last-child h3 {
	color: var(--yellow);
}
.home-blueprint p > b {
	color: var(--blue);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-blueprint ul {
		flex-direction: column;
	}
	.home-blueprint ul > li {
		    width: calc(100% - 8rem);
	}
	.home-blueprint ul > li:after {
		width: 0.2rem;
		height: 2rem;
		left: 50%;
		bottom: -2rem;
	}
	.home-blueprint p > b {
		font-size: 1.5rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-blueprint ul > li {
		width: 15%;
	}
	.home-blueprint ul > li:after {
		width: 2rem;
		height: 0.2rem;
		right: -2rem;
		top: 50%;
	}
	.home-blueprint p > b {
		font-size: 2rem;
	}
}
/* home-future */
.home-future p {
	text-align: center;
}
.home-future ul {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	margin-top: 4rem;
}
.home-future ul > li {
	display: flex;
	gap: 2rem;
	border-radius: var(--border-radius-mid);
	background: var(--bgc);
	padding: 2rem;
}

.home-future ul > li > .txt > h3 {
    color: var(--blue);
    border-bottom: 1px solid var(--black);
    padding-bottom: 1rem;
	margin-bottom: 1rem;
	line-height: 1.5;
}
.home-future ul > li > .txt > p {
	text-align: left;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-future ul > li {
		flex-direction: column;
		align-items: center;
	}
	.home-future ul > li > .img {
		width: 70%;
	}
	.home-future ul > li > .txt > h3 {
		font-size: 1.5rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-future ul > li > .img {
		width: 20%;
	} 
	.home-future ul > li > .txt {
		width: 80%;
	}
	.home-future ul > li > .txt > h3 {
		font-size: 2rem;
	}
	.home-future ul > li > .txt > p {
		font-size: 1.2rem;
	}
}
/* home-cv */
.section.home-cv {
	background: linear-gradient(90deg, var(--blue) 0, var(--main) 100%);
    background: -webkit-linear-gradient(0deg, var(--blue) 0, var(--main) 100%);
	color: var(--white);
}
.home-cv .h2 i {
	color: var(--yellow);
}
.home-cv .wrap {
	display: flex;
	gap: 2rem;
	justify-content: center;
    align-items: center;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-cv .wrap {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* home-support */
.home-support p {
	text-align: center;
}
.home-support ul {
	display: flex;
	justify-content: center;
    align-items: center;
	gap: 2rem;
	margin: 0 auto;
}
.home-support ul > li {
	background: var(--white);
	box-shadow: var(--box-shadow);
	padding: 4rem;
	text-align: center;
	border-radius: var(--border-radius-mid);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
.home-support ul li > h3 {
	font-size: 1.7rem;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-support ul {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-support ul > li {
		width: 25%;
	}
}
/* home-value */
.home-value ul {
	display: flex;
	justify-content: center;
    align-items: center;
	gap: 2rem;
	margin: 0 auto;
}
.home-value ul > li {
	background: var(--white);
	box-shadow: var(--box-shadow);
	padding: 4rem;
	text-align: center;
	border-radius: var(--border-radius-mid);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}
.home-value ul li > i {
	display: block;
	width: 5rem;
}
.home-value ul li > h3 {
	font-size: 1.7rem;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.home-value ul {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.home-value ul > li {
		width: 25%;
	}
}
/* home-faq */
.faq-list {
	display: flex;
    flex-direction: column;
    gap: 2rem;
}
.faq-list > li {
	box-shadow: var(--box-shadow);
	border-radius: var(--border-radius-mid);
	overflow: hidden;
}
.faq-list > li > h3 {
	background: var(--main);
    color: var(--white);
    padding: 1.5rem 2rem;
    font-size: 1.4rem;
    font-weight: 600;
	line-height: 1.5;
}
.faq-list > li > p {
	background: var(--white);
    padding: 2rem;
}
/*==============================================================
4.0 Page
--------------------------------------------------------------*/
/* page-common
--------------------------------------------------------------*/
.page-mv {
	background: var(--sky);
    color: var(--white);
}
.h1 {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.h1 h1 {
	font-weight: 500;
	line-height: 1.5;
}
.h1 i {
	font-weight: 700;
	line-height: 1;
	color: var(--yellow);
	font-family: var(--font);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.page-mv {
		margin-top: 4.496rem;
		padding-top: 4rem;
		padding-bottom: 4rem;
		background-position: -27rem !important;
	}
	.h1 h1 {
		font-size: 1.2rem;
	}
	.h1 i {
		font-size: 4rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.page-mv {
		margin-top: 8.596rem;
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	.h1 h1 {
		font-size: 1.8rem;
	}
	.h1 i {
		font-size: 7rem;
	}
}
.h2 {
	display: flex;
	flex-direction: column;
	text-align: center;
}
.h2 i {
	display: flex;
    justify-content: center;
    font-family: var(--font);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.5;
	text-transform: uppercase;
    color: var(--blue);
    align-items: center;
    gap: 2rem;
	
}
.h2 i:before,
.h2 i:after {
	content: "";
	display: block;
}
.h2 i:before {
	background: url(../img/recruit2026/icon-h2before.svg) no-repeat center/ contain;
}
.h2 i:after {
	background: url(../img/recruit2026/icon-h2after.svg) no-repeat center/ contain;
}
.h2 h2 {
	font-weight: 600;
	line-height: 1.5;
}
.h2.reverse i {
	color: var(--yellow);
}
.h2.reverse i:before {
	background: url(../img/recruit2026/icon-h2before2.svg) no-repeat center/ contain;
}
.h2.reverse i:after {
	background: url(../img/recruit2026/icon-h2after2.svg) no-repeat center/ contain;
}
.h2.reverse h2 {
	color: var(--white);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.h2 {
		gap: 1rem;
	}
	.h2 i {
		font-size: 1.7rem;
	}
	.h2 h2 {
		font-size: 1.8rem;
	}
	.h2 i:before,
	.h2 i:after {
		width: 1.4rem;
        height: 1.9rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.h2 {
		gap: 1.5rem;
	}
	.h2 i {
		font-size: 2.5rem;
	}
	.h2 h2 {
		font-size: 3rem;
	}
	.h2 i:before,
	.h2 i:after {
		width: 2.2rem;
		height: 2.6rem;
	}
}
/* page-about
--------------------------------------------------------------*/
/* about-philosophy */
.about-philosophy .desc {
	background: var(--sky);
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 1.4rem;
    color: var(--white);
    border-radius: 1.25rem;
    border: 0.2rem solid var(--black);
    border-bottom: 0.5rem solid var(--black);
    font-weight: 400;
}
.conversation-list {
	display: flex;
	flex-direction: column;
	gap: 4rem;
	margin-top: 4rem;
}
.conversation-list li {
	display: flex;
}
.conversation-list li > i {
	display: inline-block;
    background: var(--yellow);
    color: var(--blue);
    font-size: 1.8rem;
    font-family: var(--font);
    padding: 0rem 1rem;
    height: max-content;
    text-align: center;
    font-weight: 600;
    border-radius: 5rem;
}
.conversation-list li > .txt {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.conversation-list li > .txt > h3 {
	font-size: 2rem;
	line-height: 1.5;
}
.conversation-list li > .txt > p {

}
.conversation-list li > .txt > span {
	font-weight: 500;
	padding: 1rem;
	display: inline-block;
	background: var(--bgc);
	border-radius: var(--border-radius-mid);
	border: 0.2rem solid var(--black);
	border-bottom: 0.5rem solid;
	
}
.conversation-list li > .txt > span:before {

}
/* media query : mobile */
@media screen and (max-width:768px) {
	.about-philosophy .desc {
		padding: 2rem;
	}
	.conversation-list li {
		flex-direction: column;
		gap: 2rem;
	}
	.conversation-list li > i {
   		width: max-content;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.about-philosophy .desc {
    	width: max-content;
		padding: 2rem 6rem;
	}
	.conversation-list li {
		gap: 4rem;
	}
	.conversation-list li > i {
   		min-width: 10rem;
	}
	.conversation-list li > .txt {
		width: calc(100% - 14rem);
	}
	.conversation-list li > .txt > span {
		width: max-content;
	}
}
/* about-culture */
.culture-list {
	display: flex;
	gap: 2rem;
}
.culture-list li {
	display: flex;
	flex-direction: column;
	border-radius: var(--border-radius-mid);
	border: 0.2rem solid var(--black);
	border-bottom: 0.5rem solid;
	padding: 2rem 2rem 4rem;
	background: var(--white);
}
.culture-list li > b {
	font-family: var(--font);
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    color: var(--sky);
}
.culture-list li > i {
	font-family: var(--font);
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	color: var(--main);
}
.culture-list li > h3 {
	font-size: 2rem;
}
.culture-list li > p {

}
/* media query : mobile */
@media screen and (max-width:768px) {
	.culture-list {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* about-company */
.section.about-company {
	background: url(../img/recruit2026/about-company.jpg) no-repeat center / cover;
}
.company-table {
	display: block;
	background: rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 75rem;
    margin: 0 auto;
    border-radius: var(--border-radius-mid);
	color: var(--white);
	font-size: 1.2rem;
}
.company-table tbody {
	display: block;
}
.company-table tr {
	display: flex;
}
.company-table tr > th {
	text-align: left;
	font-weight: 600;
}
.company-table tr > td {
	border-bottom: 1px solid var(--white);
	text-align: left;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.company-table {
		padding: 2rem;
	}
	.company-table tr {
		flex-direction: column;
	}
	.company-table tr > th {
		padding-top: 1rem;
	}
	.company-table tr > td {
		padding-bottom: 1rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.company-table {
		padding: 4rem;
	}
	.company-table tr > th {
		width: 30%;
		padding: 2rem 0;
		border-bottom: 1px solid var(--white);
	}
	.company-table tr > td {
		width: 70%;
		padding: 2rem 0;
	}
}
/* page-career
--------------------------------------------------------------*/
/* career-blueprint */
.career-blueprint .desc {
	
	border: 0.2rem solid var(--black);
	border-bottom: 0.5rem solid;
	margin: 0 auto;
	border-radius: var(--border-radius-mid);
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.career-blueprint .desc {
		font-size: 1rem;
		padding: 2rem;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.career-blueprint .desc {
		width: max-content;
		font-size: 1.2rem;
		padding: 2rem 4rem;
		text-align: center;
	}
}
/* career-grow */
.grow-list {
	display: flex;
	gap: 2rem;
}
.grow-list li {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: var(--white);
	border: 0.2rem solid var(--black);
	border-bottom: 0.5rem solid;
	border-radius: var(--border-radius-mid);
	padding: 2rem;
}
.grow-list li > i {
	display: inline-block;
    background: var(--sky);
    font-family: var(--font);
    font-size: 1.5rem;
    border: 0.2rem solid var(--black);
    border-bottom: 0.5rem solid var(--black);
    border-radius: 5rem;
    text-align: center;
    color: var(--white);
    width: max-content;
    padding: 0.5rem 2rem;
    line-height: 1;
    font-weight: 600;
}
.grow-list li > h3 {
	font-size: 2rem;
}
.grow-list li > p > b {
	display: flex;
	flex-wrap: wrap;
    gap: 1rem;
	font-weight: 400;
}
.grow-list li > p > b > span {
	display: inline-block;
	background: var(--bgc);
	padding: 0 1rem;
	border-radius: 3rem;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.grow-list {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* career-advance */
.career-advance .desc {
	color: var(--white);
	text-align: center;
}
.career-list {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}
.career-list li {
	display: flex;
    border: 0.2rem solid var(--black);
    border-bottom: 0.5rem solid var(--black);
    border-radius: var(--border-radius-mid);
    padding: 2rem;
    background: var(--white);
    gap: 2rem;
    align-items: center;
}
.career-list li > i {
	border: 0.2rem solid var(--black);
    border-bottom: 0.5rem solid var(--black);
    border-radius: 5rem;
    background: var(--yellow);
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-family: var(--font);
    font-weight: 600;
    line-height: 1;
}
.career-list li > h3 {
	font-size: 1.5rem;
	min-width: 15rem;
    text-align: center;
}
.career-list li > p {

}
/* media query : mobile */
@media screen and (max-width:768px) {
	.career-list li {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* data-work */

.section.data-skill {
	background: url(../img/recruit2026/pattern-block.png) repeat center / 2rem;
}
/* media query : mobile */
@media screen and (max-width:768px) {
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.data-work .facts-list li,
	.data-career .facts-list li {
		width: 27%;
	}
}
/* page-support
--------------------------------------------------------------*/
/* page-data
--------------------------------------------------------------*/
.data-skill .desc {
	text-align: center;
}
.skill-list {
	display: flex;
	gap: 2rem;
	box-sizing: border-box;
}
.skill-list .card {
	flex: 1;
	background: var(--white);
	border-radius: var(--border-radius-mid);
	padding: 2rem;
	border: 0.2rem solid var(--black);
    border-bottom: 0.5rem solid var(--black);
}
.skill-list .card > .card-title {
	text-align: center;
	color: var(--main);
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 1px;
}
.skill-list .card > .chart-item {
	margin-bottom: 1rem;
}
.skill-list .card > .chart-item > .label-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	font-size: 1.2rem;
}
.skill-list .card > .chart-item > .progress-bg {
	background-color: var(--bgc);
	height: 1.5rem;
	border-radius: 1rem;
	width: 100%;
	overflow: hidden;
}
.skill-list .card > .chart-item > .progress-bg > .progress-bar {
	height: 100%;
	border-radius: 1rem;
}
.color-1 { background-color: #448aff; }
.color-2 { background-color: #74b0ff; }
.color-3 { background-color: #a4c9ff; }
.color-4 { background-color: #c4dcff; }
.color-5 { background-color: #d9e8ff; }
.color-6 { background-color: #e9f1ff; }
/* media query : mobile */
@media screen and (max-width:768px) {
	.skill-list {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* page-job
--------------------------------------------------------------*/
.job-table {
	background: var(--white);
    color: var(--black);
}
.job-table tr > td {
	border-bottom: 1px solid var(--gray);
}
/* media query : mobile */
@media screen and (max-width:768px) {
}
/* media query : desktop */
@media screen and (min-width:769px) {
	.job-table tr > th {
		border-bottom: 1px solid var(--gray);
	}
}
/* page-entry
--------------------------------------------------------------*/
/*==============================================================
7.0 CV
--------------------------------------------------------------*/
.section.cv-recruit {
	background: linear-gradient(90deg, var(--blue) 0, var(--main) 100%);
    background: -webkit-linear-gradient(0deg, var(--blue) 0, var(--main) 100%);
}
.cv-recruit .container {
	display: flex;
	flex-direction: column;
}
.cv-recruit .h2 {
	text-align: center;
}
.cv-recruit .h2 i {
	font-size: 1.5rem;
}
.cv-recruit .wrap {
	display: flex;
	gap: 2rem;
	justify-content: center;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.cv-recruit .wrap {
		flex-direction: column;
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
}
/* entry-modal
--------------------------------------------------------------*/
.popup {
	display: block;
	width: 10rem;
	height: 10rem;
	background: var(--white);
}
/*==============================================================
8.0 Footer
--------------------------------------------------------------*/
#menu-footer-recruit2026 {
	display: flex;
    justify-content: space-between;
}
/* media query : mobile */
@media screen and (max-width:768px) {
	.footer {
        padding-bottom: 6rem;
	}
	#menu-footer-recruit2026 {
		flex-wrap: wrap;
		gap: 1rem;
	}
	#menu-footer-recruit2026 li {
		width: calc(50% - 1rem);
	}
}
/* media query : desktop */
@media screen and (min-width:769px) {
	#menu-footer-recruit2026 {
		gap: 2rem;
	}
}