@charset "utf-8";
/*--------------------------------------------------

	MAIN VISUAL

--------------------------------------------------*/
#mv {display: flex;justify-content: space-between;align-items: center;padding: 20px;}
#mv .wrap {width: 30%;margin: 0 auto;}
#mv .wrap p {color: #D2D2D2;font-size: 1.1vw;letter-spacing: .1em;text-align: center;}
#mv .wrap h1 {margin-bottom: 10%;font-weight: bold;font-size: 2.4vw;letter-spacing: .15em;text-align: center;}
#mv .wrap h1 span {line-height: 1.4;text-align: center;}
#mv .wrap a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 9em;
	height: 9em;
	margin: 0 auto;
	border: 1px solid #222;
	border-radius: 50%;
	font-size: 1vw;
	letter-spacing: .1em;
}
#mv .wrap a:hover {border-color: #ED0000;color: #ED0000;}
#mv .wrap a::before {
	content: '';
	position: absolute;
	top: 57%;
	left: 50%;
	transform: translateX(-50%);
	width: .7em;
    height: 2.8em;
	border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    transform: skewY(135deg);
	transition: .3s;
}
#mv .wrap a:hover::before {top: 80%;border-bottom-color: #ED0000;border-left-color: #ED0000;}
#mv ul {display: grid;gap: 20px;grid-auto-flow: dense;grid-template-columns: repeat(9, 1fr);width: 60%;}
#mv ul li:nth-child(1) {grid-column: span 3;grid-row: span 1;}
#mv ul li:nth-child(2) {grid-column: span 6;grid-row: span 3;}
#mv ul li:nth-child(3) {grid-column: span 3;grid-row: span 2;}
@media only screen and ( max-width : 1024px ) {
	#mv {padding-top: 100px;}
}
@media only screen and ( max-width : 767px ) {
	#mv {flex-direction: column;padding: 120px 20px 10px;}
	#mv ul {width: 100%;gap: 10px;}
	#mv .wrap {position: relative;width: 100%;}
	#mv .wrap p {font-size: 1.4rem;}
	#mv .wrap h1 {margin-bottom: 80px;font-size: 3rem;}
	#mv .wrap a {
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		width: 100px;
		height: 100px;
		font-size: 1rem;
	}
}
@media only screen and ( max-width : 500px ) {
	#mv ul {grid-template-columns: initial;}
	#mv ul li:nth-child(1) {grid-column: 1;grid-row: 2;}
	#mv ul li:nth-child(2) {grid-column: span 2;grid-row: span 1;}
	#mv ul li:nth-child(3) {grid-column: span 1;grid-row: span 2;}
	#mv .wrap {margin-bottom: 30px;}
	#mv .wrap h1 {margin-bottom: 30px;}
	#mv .wrap a {position: relative;transform: none;top: initial;right: initial;}
}
/*--------------------------------------------------

	common

--------------------------------------------------*/
ul.list li.item {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 1em;
	background: #F3F5F7 no-repeat center / cover;
}
ul.list li.item::after {content: '';display: block;padding-bottom: 100%;}
.ttl {background: no-repeat center / cover;}
.ttl::before {content: '';opacity: .5;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
.subttl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 1em;
	background: no-repeat center / cover;
}
.subttl::before {content: '';opacity: .8;position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
.subttl::after {content: '';display: block;padding-bottom: 100%;}
.subttl a {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}
.subttl .wrap h3 {margin-bottom: 4%;color: #fff;font-weight: bold;font-size: 2vw;letter-spacing: .1em;text-align: center;}
#interview ul.list li.item.subttl:nth-child(5) .wrap h3 {margin-bottom: 6%;font-size: 1.9vw;}
#interview ul.list li.item.subttl:nth-child(6) .wrap h3 {margin-bottom: 8%;font-size: 1.9vw;letter-spacing: .04em;}
.subttl .wrap h3 span {display: block;margin-bottom: 3%;font-size: .56em;text-align: center;}
#interview ul.list li.item.subttl:nth-child(5) .wrap h3 span {margin-bottom: 4%;}
#interview ul.list li.item.subttl:nth-child(6) .wrap h3 span {margin-bottom: 5%;letter-spacing: 0;}
.subttl .wrap p.movie {
	width: 6.3vw;
	height: 6.3vw;
	border-radius: 50%;
	margin: 0 auto;
	background: url(../new_img/common/Icon_movie.svg) no-repeat center / 100%;
	transition: .3s;
}
.subttl:hover .wrap p.movie {background-color: #fff;background-image: url(../new_img/common/Icon_movie-hover.svg);}
.subttl .wrap p.insta {width: 5vw;margin: 0 auto;}
@media only screen and ( max-width : 1024px ) {
	.subttl .wrap h3 {font-size: 3vw;}
	#interview ul.list li.item.subttl:nth-child(5) .wrap h3 {font-size: 3.9vw;}
	#interview ul.list li.item.subttl:nth-child(6) .wrap h3 {font-size: 3.9vw;letter-spacing: 0;}
	.subttl .wrap p.movie {width: 9.7vw;height: 9.7vw;}
	#interview ul.list li.item.subttl:nth-child(5) .wrap p.movie {width: 12.7vw;height:12.7vw;}
	.subttl .wrap p.insta {width: 10.7vw;}
}
@media only screen and ( max-width : 500px ) {
	.subttl .wrap h3 {font-size: 6vw;}
	#interview ul.list li.item.subttl:nth-child(5) .wrap h3,
	#interview ul.list li.item.subttl:nth-child(6) .wrap h3 {font-size: 7.4vw;}
	.subttl .wrap p.movie {width: 19.6vw;height: 19.6vw;}
	#interview ul.list li.item.subttl:nth-child(5) .wrap p.movie {width: 23.7vw;height:23.7vw;}
	.subttl .wrap p.insta {width: 20vw;}
}
/*--------------------------------------------------

	MESSAGE │ WORK STYLE

--------------------------------------------------*/
#block1 {padding: 0 20px;}
#block1 ul.list li.item {width: 23.6%;margin-bottom: 20px;}
#block1 ul.list li.item:nth-child(1) {display: block;width: 68.3%;padding: 2.2em 0;border-radius: 1em;background: #F7F7F0;}
#block1 ul.list li.item:nth-child(2) {width: 30%;background-image: url(../new_img/front/message/bg.webp);}
#block1 ul.list li.item:nth-child(3) {background-image: url(../new_img/front/work_style/item_bg01.webp);}
#block1 ul.list li.item:nth-child(4) {background-image: url(../new_img/front/work_style/item_bg02.webp);}
#block1 ul.list li.item:nth-child(6) {background-image: url(../new_img/front/work_style/item_bg03.webp);}
#block1 ul.list li.item:nth-child(2)::before {background-image: linear-gradient(#ED0000, #FF7D39);}
#block1 ul.list li.item:nth-child(3)::before {background: linear-gradient(#FF0045, #9AB1FF);}
#block1 ul.list li.item:nth-child(1)::after,
#block1 ul.list li.item:nth-child(5)::after {display: none;}
#block1 ul.list li.item:nth-child(1) .wrap {width: 91%;margin: 0 auto;}
#block1 ul.list li.item:nth-child(1) .wrap .title {display: flex;align-items: center;margin-bottom: 2%;}
#block1 ul.list li.item:nth-child(1) .wrap .title h2 {margin-bottom: 0;font-size: 2vw;}
#block1 ul.list li.item:nth-child(1) .wrap .title p {
	width: calc(150px + 20 * ((100vw - 375px) / 1545));
	margin-left: 20px;
	font-size: 1vw;
}
#block1 ul.list li.item:nth-child(1) .wrap .content p {margin-bottom: 3%;font-size: .8vw;}
#block1 ul.list li.item:nth-child(1) .wrap .content p:last-child {margin-bottom: 0;}
#block1 ul.list li.item:nth-child(5) .wrap {width: 80%;}
#block1 ul.list li.item:nth-child(5) .wrap dl {display: flex;align-items: flex-start;margin-bottom: 4%;}
#block1 ul.list li.item:nth-child(5) .wrap dl dt {
	margin-top: -.24em;
	margin-right: calc(10px + 10 * ((100vw - 375px) / 1545));
	color: #ED0000;
	font-size: 3vw;
	line-height: 1;
}
#block1 ul.list li.item:nth-child(5) .wrap dl dd {flex: 1;font-weight: bold;font-size: 1.4vw;line-height: 1.4;}
#block1 ul.list li.item:nth-child(5) .wrap p {font-size: .8vw;}
@media only screen and ( max-width : 1024px ) {
	#block1 ul.list li.item {width: 49%;}
	#block1 ul.list li.item:nth-child(1) {order: 1;width: 100%;padding: 3em 0;}
	#block1 ul.list li.item:nth-child(2) {order: 3;width: 49%;}
	#block1 ul.list li.item:nth-child(3) {order: 2;}
	#block1 ul.list li.item:nth-child(4) {order: 5;}
	#block1 ul.list li.item:nth-child(5) {order: 4;width: 100%;padding: 3em 0;}
	#block1 ul.list li.item:nth-child(6) {order: 6;}
	#block1 ul.list li.item:nth-child(1) .wrap .title {margin-bottom: calc(20px + 10 * ((100vw - 375px) / 1545));}
	#block1 ul.list li.item:nth-child(1) .wrap .title h2 {font-size: calc(24px + 8 * ((100vw - 375px) / 1545));}
	#block1 ul.list li.item:nth-child(1) .wrap .title p {font-size: 1.4rem;}
	#block1 ul.list li.item:nth-child(1) .wrap .content p {font-size: calc(14px + 2 * ((100vw - 375px) / 1545));}
	#block1 ul.list li.item:nth-child(5) .wrap {width: 91%;}
	#block1 ul.list li.item:nth-child(5) .wrap dl {margin-bottom: 20px;}
	#block1 ul.list li.item:nth-child(5) .wrap dl dt {font-size: 4.8rem;}
	#block1 ul.list li.item:nth-child(5) .wrap dl dd {font-size: calc(20px + 4 * ((100vw - 375px) / 1545));}
	#block1 ul.list li.item:nth-child(5) .wrap p {font-size: calc(14px + 2 * ((100vw - 375px) / 1545));}
}
@media only screen and ( max-width : 767px ) {
	#block1 ul.list li.item {margin-bottom: 10px;}
}
@media only screen and ( max-width : 500px ) {
	#block1 ul.list li.item:nth-child(2) {order: 2;width: 100%;}
	#block1 ul.list li.item:nth-child(3) {order: 3;width: 100%;}
	#block1 ul.list li.item:nth-child(1) .wrap .title {display: block;text-align: left;}
	#block1 ul.list li.item:nth-child(1) .wrap .title h2 span {justify-content: flex-start;}
	#block1 ul.list li.item:nth-child(1) .wrap .title p {margin: 10px 0 0;}
}
/*--------------------------------------------------

	WORK STYLE

--------------------------------------------------*/
#block2 {padding: 0 20px;}
ul.list li.work.item {width: 23.6%;margin-bottom: 20px;}
ul.list li.work.item:nth-child(2) {padding: 0;background-image: url(../new_img/front/work_style/item_bg04.webp);}
ul.list li.work.item:nth-child(4) {padding: 0;background-image: url(../new_img/front/work_style/item_bg05.webp);}
ul.list li.work.item:nth-child(6) {width: 74.6%;}
ul.list li.work.item:nth-child(7) {width: 74.6%;}
ul.list li.work.item:nth-child(8) {padding: 0;background-image: url(../new_img/front/work_style/item_bg06.webp);}
ul.list li.work.item:nth-child(6)::after,
ul.list li.work.item:nth-child(7)::after {display: none;}
ul.list li.work.item .wrap {width: 80%;margin: 0 auto;}
ul.list li.work.item:nth-child(6) .wrap,
ul.list li.work.item:nth-child(7) .wrap {width: 91%;margin: 0 auto;}
ul.list li.work.item .wrap dl {display: flex;align-items: flex-start;margin-bottom: 4%;}
ul.list li.work.item .wrap dl dt {margin-top: -.15em;margin-right: 4%;color: #ED0000;font-size: 3vw;line-height: 1;}
ul.list li.work.item .wrap dl dd {flex: 1;font-weight: bold;font-size: 1.4vw;line-height: 1.4;}
ul.list li.work.item .wrap p {font-size: .8vw;}
ul.list li.work.item .wrap h3 {
	display: flex;
	align-items: center;
	margin-bottom: 1%;
	font-weight: bold;
	font-size: 1.4vw;
}
ul.list li.work.item .wrap h3 img {width: auto;height: 1.2vw;margin-right: 10px;}
#block2 .splide {margin-bottom: calc(30px + 70 * ((100vw - 375px) / 1545));}
#block2 .splide ul li.splide__slide {
	position: relative;
	margin-bottom: calc(50px + 60 * ((100vw - 375px) / 1545));
	padding: calc(20px + 20 * ((100vw - 375px) / 1545));
	padding-right: calc(20px + 10 * ((100vw - 375px) / 1545));
	padding-left: calc(20px + 10 * ((100vw - 375px) / 1545));
	border-radius: 20px;
	background: #F3F5F7;
}
#block2 .splide ul li.splide__slide::after {
	content: '';
	position: absolute;
	top: 97%;
	right: 10%;
	border-top: 30px solid #F3F5F7;
	border-left: 30px solid transparent;
}
#block2 .splide ul li.splide__slide h4 {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #222;
	font-weight: bold;
	font-size: 1.1vw;
}
#block2 .splide ul li.splide__slide h4 img {
	width: calc(20px + 10 * ((100vw - 375px) / 1545));
	margin-top: -.2em;
	margin-right: calc(10px + 10 * ((100vw - 375px) / 1545));
}
#block2 .splide ul li.splide__slide p {font-size: .8vw;}
@media only screen and ( max-width : 1024px ) {
	ul.list li.work.item:nth-child(1) {order: 1;width: 100%;padding: 3em 0;}
	ul.list li.work.item:nth-child(2) {order: 2;width: 49%;}
	ul.list li.work.item:nth-child(3) {order: 4;width: 100%;padding: 3em 0;}
	ul.list li.work.item:nth-child(4) {order: 3;width: 49%;}
	ul.list li.work.item:nth-child(5) {order: 5;width: 100%;padding: 3em 0;}
	ul.list li.work.item:nth-child(6) {order: 6;width: 100%;padding: 3em 0;}
	ul.list li.work.item:nth-child(7) {order: 7;width: 100%;padding: 3em 0;}
	ul.list li.work.item:nth-child(8) {order: 8;width: 49%;}
	ul.list li.work.item:nth-child(1)::after,
	ul.list li.work.item:nth-child(3)::after,
	ul.list li.work.item:nth-child(5)::after {display: none;}
	ul.list li.work.item:nth-child(1) .wrap {width: 91%;}
	ul.list li.work.item:nth-child(3) .wrap {width: 91%;}
	ul.list li.work.item:nth-child(5) .wrap {width: 91%;}
	ul.list li.work.item .wrap dl {margin-bottom: 20px;}
	ul.list li.work.item .wrap dl dt {font-size: calc(38px + 10 * ((100vw - 375px) / 1545));}
	ul.list li.work.item .wrap dl dd {font-size: calc(20px + 4 * ((100vw - 375px) / 1545));}
	ul.list li.work.item .wrap p {font-size: calc(14px + 2 * ((100vw - 375px) / 1545));}
	ul.list li.work.item .wrap h3 {font-size: calc(20px + 4 * ((100vw - 375px) / 1545));}
	ul.list li.work.item .wrap h3 img {height: 24px;}
	ul.list li.work.item .wrap small {display: block;margin-bottom: 10px;font-size: 1.2rem;}
	ul.list li.work.item:nth-child(6) .wrap figure,
	ul.list li.work.item:nth-child(7) .wrap figure {overflow-x: scroll;margin-bottom: 10px;}
	ul.list li.work.item:nth-child(6) .wrap figure img,
	ul.list li.work.item:nth-child(7) .wrap figure img {width: auto;max-width: 1000px;}
	#block2 .splide ul li.splide__slide h4 {font-size: calc(15px + 3 * ((100vw - 375px) / 1545));}
	#block2 .splide ul li.splide__slide p {font-size: calc(13px + 2 * ((100vw - 375px) / 1545));}
}
@media only screen and ( max-width : 767px ) {
	ul.list li.work.item {margin-bottom: 10px;}
	ul.list li.work.item:nth-child(6),
	ul.list li.work.item:nth-child(7) {display: block;}
}
@media only screen and ( max-width : 500px ) {
	ul.list li.work.item:nth-child(8) {width: 100%;}
}
/*--------------------------------------------------

	IN NUMBERS

--------------------------------------------------*/
ul.list li.numbers.item {width: 18.8%;margin-bottom: 20px;background-color: #F7F7F0;font-size: .75vw;}
ul.list li.numbers.item:nth-child(9) {background-image: url(../new_img/front/numbers/item_bg01.webp);}
ul.list li.numbers.item:nth-child(14) {background-image: url(../new_img/front/numbers/item_bg02.webp);}
ul.list li.numbers.item .wrap {position: absolute;top: 7%;left: 50%;transform: translateX(-50%);width: 75%;text-align: center;}
ul.list li.numbers.item .wrap h3 {display: inline-block;font-size: .9vw;text-align: center;}
ul.list li.numbers.item .wrap h3 span {padding-bottom: 1%;border-bottom: 1px solid #D2D2D2;}
ul.list li.numbers.item:nth-child(10) .wrap h3 {margin-bottom: 8%;}
ul.list li.numbers.item:nth-child(11) .wrap h3 {margin-bottom: 8%;}
ul.list li.numbers.item:nth-child(12) .wrap h3 {margin-bottom: 20.5%;}
ul.list li.numbers.item:nth-child(13) .wrap h3 {margin-bottom: 16%;}
ul.list li.numbers.item:nth-child(15) .wrap h3 {margin-bottom: 7%;}
ul.list li.numbers.item:nth-child(16) .wrap h3 {margin-bottom: 5%;}
ul.list li.numbers.item:nth-child(17) .wrap h3 {margin-bottom: 20%;}
ul.list li.numbers.item:nth-child(18) .wrap h3 {margin-bottom: 15%;}
ul.list li.numbers.item .wrap figure {margin: 0 auto;}
ul.list li.numbers.item:nth-child(10) .wrap figure {width: 70%;}
ul.list li.numbers.item:nth-child(11) .wrap figure {width: 70%;}
ul.list li.numbers.item:nth-child(12) .wrap figure {width: 40%;}
ul.list li.numbers.item:nth-child(13) .wrap figure {width: 48%;}
ul.list li.numbers.item:nth-child(15) .wrap figure {width: 40%;}
ul.list li.numbers.item:nth-child(17) .wrap figure {width: 91%;}
ul.list li.numbers.item:nth-child(18) .wrap figure {width: 75%;}
ul.list li.numbers.item .wrap ol {margin-top: -3%;}
ul.list li.numbers.item .wrap ol li:nth-child(1) {color: #ED0000;}
ul.list li.numbers.item .wrap ol li p.txt {font-size: .75vw;text-align: center;}
ul.list li.numbers.item .wrap p.ttl {margin-bottom: 7%;font-weight: bold;font-size: 1.5vw;text-align: center;}
ul.list li.numbers.item .wrap p.ttl span.red {color: #ED0000;}
ul.list li.numbers.item .wrap p.ttl span.red span {font-size: 1.8em;}
ul.list li.numbers.item .wrap p.num {font-weight: bold;font-size: 1.5vw;text-align: center;}
ul.list li.numbers.item:nth-child(17) .wrap p.num {margin-bottom: 8%;}
ul.list li.numbers.item .wrap p.num span.big {font-size: 1.8em;}
ul.list li.numbers.item .wrap small {display: block;margin-bottom: 6%;font-size: .7vw;text-align: center;}
ul.list li.numbers.item .wrap .career_content {display: inline-block;}
ul.list li.numbers.item .wrap dl {display: flex;justify-content: center;align-items: flex-end;margin-bottom: 8%;}
ul.list li.numbers.item:nth-child(15) .wrap dl {margin-bottom: 5%;}
ul.list li.numbers.item:nth-child(14) .wrap dl {justify-content: flex-end;margin-bottom: 6%;}
ul.list li.numbers.item .wrap dl dt {margin-right: .8em;font-weight: bold;line-height: 1.5;text-align: right;}
ul.list li.numbers.item:nth-child(15) .wrap dl dt {flex: 1;}
ul.list li.numbers.item .wrap dl dd {font-weight: bold;font-size: 1.5vw;line-height: 1;text-align: center;}
ul.list li.numbers.item:nth-child(12) .wrap dl dd {color: #ED0000;}
ul.list li.numbers.item .wrap dl dd span.big {font-size: 1.8em;}
ul.list li.numbers.item .wrap table tr {display: flex;align-items: center;margin-bottom: .3vw;}
ul.list li.numbers.item .wrap table tr:last-child {margin-bottom: 0;}
ul.list li.numbers.item .wrap table tr th {flex: 1;display: flex;width: 100%;margin-right: .8em;font-size: .75vw;}
ul.list li.numbers.item .wrap table tr th p {flex: 1;display: flex;}
ul.list li.numbers.item .wrap table tr th p span {display: block;margin-left: 1em;}
ul.list li.numbers.item .wrap table tr:nth-child(1) th p span {width: 65%;}
ul.list li.numbers.item .wrap table tr:nth-child(2) th p span {width: 100%;}
ul.list li.numbers.item .wrap table tr:nth-child(3) th p span {width: 75%;}
ul.list li.numbers.item .wrap table tr:nth-child(4) th p span {width: 50%;}
ul.list li.numbers.item .wrap table tr:nth-child(5) th p span {width: 20%;}
ul.list li.numbers.item .wrap table tr th p span.bottomBorder::before {bottom: 50%;transform: translate(0, 50%);height: 1.05vw;}
ul.list li.numbers.item .wrap table tr th p span.bottomBorder.graph-orng::before {background: linear-gradient(90deg, #ED0000, #FF9204);}
ul.list li.numbers.item .wrap table tr th p span.bottomBorder.graph-gray::before {background: #D2D2D2;}
ul.list li.numbers.item .wrap table tr td {width: 3.6vw;font-weight: bold;font-size: 1.1vw;line-height: 1;}
ul.list li.numbers.item .wrap table tr:nth-child(2) td {color: #ED0000;}
ul.list li.numbers.item .wrap table tr td span {font-size: 1.5em;}
ul.list li.numbers.item .wrap table tr:nth-child(2) td span {font-size: 1.8em;}
ul.list li.numbers.item .wrap ul.num_content {display: flex;justify-content: center;gap: 5%;margin-bottom: 6%;}
ul.list li.numbers.item:nth-child(18) .wrap ul.num_content {margin-bottom: 8%;}
ul.list li.numbers.item .wrap ul.num_content li p.txt {font-weight: bold;font-size: .75vw;text-align: center;}
ul.list li.numbers.item .wrap ul.num_content li p.num span {font-size: 1.8em;}
@media only screen and (max-width: 1024px) {
	ul.list li.numbers.item {width: 49%;font-size: 1.8vw;}
	ul.list li.numbers.item:nth-child(9) {order: 9;}
	ul.list li.numbers.item:nth-child(10) {order: 10;}
	ul.list li.numbers.item:nth-child(11) {order: 11;}
	ul.list li.numbers.item:nth-child(12) {order: 12;}
	ul.list li.numbers.item:nth-child(13) {order: 13;}
	ul.list li.numbers.item:nth-child(14) {display: none;}
	ul.list li.numbers.item:nth-child(15) {order: 15;}
	ul.list li.numbers.item:nth-child(16) {order: 16;}
	ul.list li.numbers.item:nth-child(17) {order: 17;}
	ul.list li.numbers.item:nth-child(18) {order: 18;}
	ul.list li.numbers.item .wrap h3 {font-size: 2vw;}
	ul.list li.numbers.item .wrap ol li p.txt {font-size: 1.5vw;}
	ul.list li.numbers.item .wrap p.ttl {font-size: 4vw;}
	ul.list li.numbers.item .wrap p.num {font-size: 4vw;}
	ul.list li.numbers.item .wrap small {margin-bottom: 5%;font-size: 1.65vw;}
	ul.list li.numbers.item .wrap dl dt {margin-right: 1.2em;}
	ul.list li.numbers.item .wrap dl dd {font-size: 3.6vw;}
	ul.list li.numbers.item .wrap table tr {margin-bottom: .8vw;}
	ul.list li.numbers.item .wrap table tr th {font-size: 1.8vw;}
	ul.list li.numbers.item .wrap table tr th p span.bottomBorder::before {height: 2.5vw;}
	ul.list li.numbers.item .wrap table tr td {width: 8vw;font-size: 2.5vw;}
	ul.list li.numbers.item .wrap ul.num_content li p.txt {font-size: 2vw;}
}
@media only screen and (max-width: 767px) {
	ul.list li.numbers.item {width: 49%;margin-bottom: 10px;}
}
@media only screen and (max-width: 500px) {
	ul.list li.numbers.item {position: relative;width: 100%;font-size: 3.5vw;}
	ul.list li.numbers.item:nth-child(9) {width: 100%;}
	ul.list li.numbers.item .wrap h3 {font-size: 4vw;}
	ul.list li.numbers.item .wrap ol li p.txt {font-size: 3.2vw;}
	ul.list li.numbers.item .wrap p.ttl {font-size: 7.2vw;}
	ul.list li.numbers.item .wrap p.num {font-size: 7vw;}
	ul.list li.numbers.item .wrap dl dd {font-size: 7vw;}
	ul.list li.numbers.item .wrap small {font-size: 3.1vw;}
	ul.list li.numbers.item .wrap table tr th {font-size: 3vw;}
	ul.list li.numbers.item .wrap table tr td {width: 15.1vw;font-size: 5vw;}
	ul.list li.numbers.item .wrap table tr th p span.bottomBorder::before {height: 5vw;}
	ul.list li.numbers.item .wrap ul.num_content li p.txt {font-size: 3.6vw;}
}
/*--------------------------------------------------

	INTERVIEW

--------------------------------------------------*/
#interview {padding: 0 20px;}
#interview ul.list {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
#interview ul.list li.item a {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;}
#interview ul.list li.item:nth-child(4) {background-image: url(../new_img/front/interview/bg01.webp);}
#interview ul.list li.item:nth-child(5) {background-image: url(../new_img/front/interview/bg02.webp);}
#interview ul.list li.item:nth-child(5)::before {background-image: linear-gradient(#FF0045, #9AB1FF);}
#interview ul.list li.item:nth-child(6) {background-image: url(../new_img/front/interview/bg03.webp);}
#interview ul.list li.item:nth-child(6)::before {background-image: linear-gradient(#ED0000, #FF7D39);}
#interview ul.list li.item .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -89%;
	left: 0;
	z-index: 1;
	padding: 10%;
	padding-top: 13%;
	background: url(../new_img/front/interview/item_mask.svg) no-repeat top center / 100%;
	transition: all .3s ease;
}
#interview ul.list li.item .mask::before {
	content: '';
	position: absolute;
	bottom: -10%;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #FF0045, #9AB1FF);
}
#interview ul.list li.item:hover .mask {bottom: -55%;}
#interview ul.list li.item .mask p.read {position: absolute;top: 2%;right: 5%;color: #fff;font-weight: bold;font-size: 1vw;}
#interview ul.list li.item .mask h3 {margin-bottom: 3%;color: #fff;font-weight: bold;font-size: 1.3vw;line-height: 1.3;}
#interview ul.list li.item .mask h4 {position: absolute;z-index: 1;top: 36%;color: #fff;font-size: .7vw;}
#interview ul.list li.item .mask h4 span {margin-right: 1em;font-weight: bold;font-size: 1.5em;}
@media only screen and (max-width: 1024px) {
	#interview ul.list {
		grid-template-columns: initial;
		grid-template-areas:
		"areaD areaA"
		"areaB areaC"
		"areaG areaH"
		"areaE areaF";
	}
	#interview ul.list li.item:nth-child(1) {grid-area: areaA;}
	#interview ul.list li.item:nth-child(2) {grid-area: areaB;}
	#interview ul.list li.item:nth-child(3) {grid-area: areaC;}
	#interview ul.list li.item:nth-child(4) {grid-area: areaD;}
	#interview ul.list li.item:nth-child(5) {grid-area: areaE;}
	#interview ul.list li.item:nth-child(6) {grid-area: areaF;}
	#interview ul.list li.item:nth-child(7) {grid-area: areaG;}
	#interview ul.list li.item:nth-child(8) {grid-area: areaH;}
	#interview ul.list li.item .mask p.read {font-size: 2vw;}
	#interview ul.list li.item .mask h3 {font-size: 2.5vw;}
	#interview ul.list li.item .mask h4 {font-size: 1.5vw;}
}
@media only screen and (max-width: 767px) {
	#interview ul.list {gap: 10px;}
}
@media only screen and (max-width: 500px) {
	#interview ul.list {
		grid-template-areas:
		"areaD"
		"areaA"
		"areaB"
		"areaC"
		"areaG"
		"areaH"
		"areaE"
		"areaF";
		gap: 10px;
	}
	#interview ul.list li.item:nth-child(4) {width: 100%;padding: 20px;}
	#interview ul.list li.item .mask p.read {font-size: 4vw;}
	#interview ul.list li.item .mask h3 {font-size: 4vw;}
	#interview ul.list li.item .mask h4 {font-size: 3.5vw;}
}
/*--------------------------------------------------

	IDEAL CANDIDATE

--------------------------------------------------*/
#ideal_candidate {padding: 20px 20px 0;}
#ideal_candidate ul.list li.item {align-items: flex-start;width: 18.8%;background-color: #F7F7F0;cursor: pointer;}
#ideal_candidate ul.list li.item:nth-child(1) {align-items: center;background-image: url(../new_img/front/ideal_candidate/bg.webp);}
#ideal_candidate ul.list li.item.ttl::before {background-image: linear-gradient(#ED0000, #FF7D39);}
#ideal_candidate ul.list li.item.btn_item .wrap {position: absolute;top: 3%;left: 50%;transform: translateX(-50%);width: 100%;}
#ideal_candidate ul.list li.item.btn_item .wrap h3 {margin-bottom: 10%;font-weight: bold;font-size: 1vw;text-align: center;}
#ideal_candidate ul.list li.item.btn_item:nth-child(4) .wrap h3 {margin-bottom: 5%;}
#ideal_candidate ul.list li.item.btn_item .wrap h3 span {
	display: block;
	margin-bottom: 8%;
	color: #ED0000;
	font-size: 3vw;
	text-align: center;
}
#ideal_candidate ul.list li.item.btn_item:nth-child(4) .wrap h3 span {margin-bottom: 2%;}
#ideal_candidate ul.list li.item.btn_item .wrap figure {width: 75%;margin: 0 auto;}
#ideal_candidate ul.list li.item.btn_item:nth-child(4) .wrap figure {width: 75%;}
#ideal_candidate ul.list li.item.btn_item .btn_wrap {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}
#ideal_candidate ul.list li.item.btn_item.open .btn_wrap {opacity: 1;}
#ideal_candidate ul.list li.item.btn_item .btn_wrap::before {
	content: '';
	opacity: .9;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(#ED0000, #FF7D39);
}
#ideal_candidate ul.list li.item.btn_item .btn_wrap .content {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 6;
	transform: translate(-50%, -50%);
	width: 100%;
}
#ideal_candidate ul.list li.item.btn_item .btn_wrap .content p {color: #fff;font-size: 1vw;text-align: center;}
#ideal_candidate ul.list li.item.btn_item.open .btn_wrap .content p {
	opacity: 0;
	animation: clickUp .5s ease forwards;
	animation-delay: .35s;
}
@keyframes clickUp {
	from {opacity: 0;transform: translate3d(0, 50px, 0);}
	to {opacity: 1;transform: translate3d(0, 0, 0);}
}
#ideal_candidate ul.list li.item.btn_item .arrow {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 5;
	transform: translateX(-50%);
	width: 2.5vw;
	height: 1.25vw;
	border-radius: 50% / 100% 100% 0 0;
	background: #ED0000;
	transition: .3s;
	text-align: center;
	cursor: pointer;
}
#ideal_candidate ul.list li.item.btn_item.open .arrow {transform: translateX(-50%);background: #fff;}
#ideal_candidate ul.list li.item.btn_item .arrow::before {
	content: '';
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35%;
	height: 100%;
	background: url(../new_img/front/ideal_candidate/Icon_arrow-wht.svg) no-repeat center / 100%;
	transition: .3s;
	user-select: none;
}
#ideal_candidate ul.list li.item.btn_item.open .arrow::before {
	top: 60%;
	transform: translate(-50%, -50%) rotate(180deg);
	background-image: url(../new_img/front/ideal_candidate/Icon_arrow-red.svg);
}
@media only screen and (max-width: 1024px) {
	#ideal_candidate ul.list li.item {width: 49%;margin-bottom: 20px;}
	#ideal_candidate ul.list li.item:nth-child(1) {width: 100%;background-image: url(../new_img/front/ideal_candidate/bg-tab.webp);}
	#ideal_candidate ul.list li.item:nth-child(1)::after {padding-bottom: 50%;}
	#ideal_candidate ul.list li.item.btn_item .wrap h3 {font-size: 2.6vw;}     
	#ideal_candidate ul.list li.item.btn_item .wrap h3 span {font-size: 8vw;}
	#ideal_candidate ul.list li.item.btn_item .btn_wrap .content p {font-size: 2.5vw;}
	#ideal_candidate ul.list li.item.btn_item .arrow {width: 6vw;height: 3vw;}
}
@media only screen and (max-width: 767px) {
	#ideal_candidate {padding-top: 10px;}
	#ideal_candidate ul.list li.item {margin-bottom: 10px;}
}
@media only screen and (max-width: 500px) {
	#ideal_candidate ul.list li.item {width: 100%;}
	#ideal_candidate ul.list li.item:last-child {margin-bottom: 0;}
	#ideal_candidate ul.list li.item:nth-child(1) {background-image: url(../new_img/front/ideal_candidate/bg.webp);}
	#ideal_candidate ul.list li.item:nth-child(1)::after {padding-bottom: 100%;}
	#ideal_candidate ul.list li.item.btn_item .wrap h3 {font-size: 5.6vw;}
	#ideal_candidate ul.list li.item.btn_item .wrap h3 span {font-size: 13vw;}
	#ideal_candidate ul.list li.item.btn_item .btn_wrap .content p {font-size: 4.5vw;}
	#ideal_candidate ul.list li.item.btn_item .arrow {width: 12vw;height: 6vw;}
}
/*--------------------------------------------------

	REQUIREMENT

--------------------------------------------------*/
#requirement table tr {
	display: block;
	padding-top: calc(10px + 10 * ((100vw - 375px) / 1545));
	padding-bottom: calc(10px + 10 * ((100vw - 375px) / 1545));
	border-bottom: 1px solid #AAA;
}
#requirement table tr:first-child {border-top: 1px solid #AAA;}
#requirement table tr th {
	width: 170px;
	margin-bottom: 10px;
	padding-left: 5px;
	font-weight: bold;
	font-size: calc(14px + 4 * ((100vw - 375px) / 1545));
}
#requirement table tr td p {margin-bottom: calc(30px + 10 * ((100vw - 375px) / 1545));}
#requirement table tr td p:last-child {margin-bottom: 0;}
#requirement table tr td ul {position: relative;margin-bottom: calc(30px + 10 * ((100vw - 375px) / 1545));}
#requirement table tr td ul:last-child {margin-bottom: 0;}
#requirement table tr td ul li {position: relative;margin-bottom: 10px;padding-left: 20px;}
#requirement table tr td ul li:last-child {margin-bottom: 0;}
#requirement table tr td ul.square li::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #222;
}
#requirement table tr td ul.star li::before {content: '★';position: absolute;left: 0;}
#requirement table tr td ul.asterisk li::before {content: '※';position: absolute;left: 0;}
#requirement table tr td ul li p {position: relative;padding-left: 20px;}
#requirement table tr td ul li p::before {content: '※';position: absolute;left: 0;}
@media only screen and ( max-width : 767px ) {
	#requirement table tr {padding-top: 0;}
	#requirement table tr th {display: block;width: 100%;padding: 10px;border-bottom: 1px solid #AAA;background: #eee;}
	#requirement table tr td {display: block;}
}