.ng_btn{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: min(100%,290px);
	color: #fff;
	transition:all ease 0.5s;
	font-weight: 600;
	border-radius: 40px;
	position: relative;
	padding: 5px 8px 5px clamp(15px, 1.3vw, 25px);
	border: 1px solid #1879C8;
}
.ng_btn:hover{
	color: #1879C8;
}
.ng_btn::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, #00BEEC, #1879C8);
	transition: all ease 0.5s;
	z-index: -1;
	border-radius: 40px;
}
.ng_btn:hover::before{
	opacity: 0;
}
.ng_btn .arrow,
.newgraduate .arrow{
	border-radius: 30px;
	background-color: #3992D3;
}
.ng_h2{
	display: flex;
	align-items: flex-end;
	margin-bottom: clamp(25px, 2.6vw, 50px);
}
.ng_h2 h2{
	font-family: "Michroma", sans-serif;
	font-size: clamp(35px, 3.4vw, 65px);
	line-height: 1.5;
}
.ng_h2 span{
	display: block;
	padding: 4px 12px;
	border-radius: 25px;
	background-image: linear-gradient(to right, #00BEEC, #1879C8);
	color: #fff;
	margin: 0 0 clamp(5px, 0.73vw, 14px) clamp(10px, 1.3vw, 25px);
	font-size: 14px;
	text-align: center;
}
.squ_list li{
	padding-left: clamp(15px, 1vw, 20px);
	position: relative;
}
.squ_list li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	width: 6px;
	height: 6px;
	background-color: #1879C8;
}
/* 
 newgraduate
----------------------------------------------------------- */
.newgraduate,
.ng_sub{
	background-color: var(--recruit-bg);
}
.navwrap.ng_header{
	-webkit-backdrop-filter: blur(30px) brightness(110%);
	backdrop-filter: blur(30px) brightness(110%);
	background: rgba(255,255,255,0.7);
}
.navwrap.ng_header > ul > li:last-child a{
	border: 1px solid #1879C8;
	color: #fff;
}
.navwrap.ng_header > ul > li:last-child:hover a{
	color: #1879C8;;
}
.navwrap.ng_header > ul > li:last-child a::before{
	background-image: linear-gradient(to right, #00BEEC, #1879C8);
}
.ng_fvslider{
	padding-top: clamp(100px, 7.6vw, 145px);
	margin-bottom: 0 !important;
}
.ng_fvslider li { 
	border-radius: 20px;
	margin: 0 clamp(10px, 1.3vw, 25px);
	overflow: hidden;
}
.ng_fv {
	position: relative;
	z-index: 1;
}
.ng_fv .ng_fvtxt{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background-color: rgba(249,250,251,0.95);
	padding: clamp(100px, 9.1vw, 175px) 5% clamp(20px, 2.6vw, 50px);
	width: clamp(300px, 33.3vw, 640px);
	background-image: url('../images/ng_fvtxt.png');
	background-size: 100% auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 1;
}
.ng_fv .ng_fvtxt::before{
	content: "";
	position: absolute;
	left: 0;
	top: 100px;
	padding: clamp(130px, 9.4vw, 180px);
	background-image: url('../images/ng_fv_logo.svg');
	background-size: contain;
	background-position: top left;
	background-repeat: no-repeat;
	z-index: -1;
}
.ng_fv .ng_fvtxt h1 {
	animation: AnimationTitle 10s ease infinite;
	background-color:#222222;
	background-image:radial-gradient(at 71% 26%, #EFDD02 0px, #E67301 15%, transparent 50%);
	background-size: 120%;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-weight: 700;
	font-size: clamp(40px, 3.9vw, 75px);
	margin-bottom: clamp(30px, 3.4vw, 65px);
}
@keyframes AnimationTitle {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 180% 0%;
	}
	100% {
		background-position: 0% 0%;
	}
}
.ng_fv .linkbox{
	margin-bottom: 14px;
}
.ng_bnr{
	position: fixed;
	right: clamp(10px, 1.6vw, 30px);
	bottom: 70px;
	transition: all ease 0.5s;
	z-index: 10;
}
.ng_bnr.close{
	display: none;
}
.ng_bnr:hover{
	opacity: 0.8;
}
.ng_bnr a img{
	height: clamp(120px, 8.8vw, 170px);
	width: auto;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.ng_bnr .ng_bnr_close{
	position: absolute;
	right: -15px;
	top: -20px;
	width: clamp(27px, 1.9vw, 38px);
	height: auto;
	cursor: pointer;
}
.ng_message .inner,
.ng_job .inner{
	background-image: url('../images/top_recruit_bg.png');
	background-size: 100% auto;
	background-position: center center;
	background-repeat: repeat-y;
}
.ng_message h3 span{
	display: block;
	width: fit-content;
	padding: 8px clamp(10px, 1vw, 20px);
	background-image: linear-gradient(to right, #00BEEC, #1879C8);
	color: #fff;
	font-weight: 600;
	margin-bottom: 10px;
	font-size: var(--fontsize-50);
}
.ng_message .flex p{
	width: calc(100% - clamp(250px, 23.7vw, 455px));
}
.ng_message .move_txt{
	height: clamp(100px, 8.3vw, 160px);
	position: relative;
	z-index: 1;
	margin-top: clamp(35px, 3.4vw, 65px);
}
.ng_message .move_txt::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100%;
	background-image: url('../images/ng_message_txt.png');
	background-size: auto 100%;
	background-position: center right;
	background-repeat: repeat-x;
	animation: move_txt 60s infinite linear;
	z-index: -1;
	margin: 0 calc(50% - 50vw);
}
.ng_certification{
	background-image: url('../images/ng_certification_bg.png'),linear-gradient(to bottom, #CCDFEB, #F5F5D9);
	background-position: left top;
	background-repeat: repeat;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 6px 0px rgba(13, 63, 102, 0.08);
}
.ng_certification::before{
	content: "";
	position: absolute;
	right: clamp(20px, 2.3vw, 45px);
	top: clamp(25px, 2.6vw, 50px);
	padding: clamp(180px, 23.7vw, 455px);
	background-image: url('../images/ng_certification_logo.svg');
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	z-index: -1;
}
.ng_certification .inner > ul > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background-color: var(--recruit-bg);
	padding: clamp(20px, 1.3vw, 25px);
}
.ng_certification .inner > ul > li:not(:last-child) {
	margin-bottom: clamp(20px, 1.3vw, 25px);
}
.ng_certification .inner > ul > li img{
	width: clamp(100px, 7.8vw, 150px);
	height: auto;
}
.ng_certification .inner > ul > li .txt{
	width: calc(100% - clamp(115px, 9.1vw, 175px));
}
.ng_certification .inner > ul > li h3{
	padding-bottom: clamp(8px, 0.8vw, 15px);
	margin-bottom: clamp(8px, 0.8vw, 15px);
	border-bottom: 1px solid rgba(0,0,0,0.16);
	font-size: var(--fontsize-20);
}
.ng_certification .inner > ul > li h3 small{
	font-size: 14px;
	color: #969696;
	padding-left: clamp(10px, 0.8vw, 15px);
}
.ng_certification .inner > ul > li h3 span{
	color: #969696;
	padding: 0 clamp(10px, 1.3vw, 25px);
}
.ng_certification .inner > ul > li p{
	color: #717171;
}
.ng_certification .inner > ul > li .flex{
	margin-top: 12px;
	justify-content: flex-start;
}
.ng_certification .inner > ul > li .flex .squ_list:first-of-type{
	margin-right: clamp(20px, 3.4vw, 65px);
}
.ng_certification .inner > ul > li p a{
	text-decoration: underline;
	color: #1879C8;
}
.ng_certification .inner > ul > li p a i{
	padding-left: 5px;
}
.newgraduate .txt_bg{
	padding: var(--padding-130) 0 0;
	position: relative;
	z-index: 1;
	background-image: url('../images/top_recruit_bg.png');
	background-size: min(90%,1200px) auto;
	background-position: center center;
	background-repeat: repeat-y;
}
.newgraduate .txt_bg::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background-image: url('../images/txt_bg.png');
	background-size: 100% auto;
	background-position: top left;
	background-repeat: repeat-y;
	animation: move_txt2 60s infinite linear;
	z-index: -1;
	width: clamp(150px, 17.2vw, 330px);
	height: 100%;
}
@keyframes move_txt2 {
	0% {
		background-position: top left;
	}
	100% {
		background-position: top -3000px left;
	}
}
.newgraduate .txt_bg::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	height: clamp(450px, 40.6vw, 650px);
	width: clamp(230px, 17.2vw, 330px);
	background-image: linear-gradient(to bottom, rgba(249,250,251,0), rgba(249,250,251,1));
}
.ng_features,
.ng_interview{
	position: relative;
	z-index: 1;
}
.ng_features::before,
.ng_interview::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 100%;
	width: 90vw;
	background-color: #FFFAE5;
	z-index: -1;
	border-radius: 10px;
	-webkit-backface-visibility: hidden;
	-webkit-backdrop-filter: blur(8px) brightness(110%);
	backdrop-filter: blur(8px) brightness(110%);
	backface-visibility: hidden;
	will-change: backdrop-filter;
	background: rgba(208, 222, 230, 0.5);
}
.ng_features ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(20px, 1.3vw, 25px);
}
.ng_features ul li{
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 3px 1px 0px rgba(0, 0, 0, 0.16);
	padding: clamp(20px, 1.6vw, 30px);
}
.ng_features ul li .ttl{
	font-size: var(--fontsize-20);
	line-height: 1.5;
	position: relative;
	z-index: 1;
}
.ng_features ul li .ttl::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	padding: clamp(20px, 2.3vw, 45px);
	background-image: url('../images/ng_features_icn_cal.jpg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: -1;
}
.ng_features ul li:nth-child(2) .ttl::before{
	background-image: url('../images/ng_features_icn_clo.jpg');
}
.ng_features ul li:nth-child(3) .ttl::before{
	background-image: url('../images/ng_features_icn_train.jpg');
}
.ng_features ul li:nth-child(4) .ttl::before{
	background-image: url('../images/ng_features_icn_people.jpg');
}
.ng_features ul li:nth-child(5) .ttl::before{
	background-image: url('../images/ng_features_icn_year.jpg');
}
.ng_features ul li:nth-child(6) .ttl::before{
	background-image: url('../images/ng_features_icn_woman.jpg');
}
.ng_features ul li .ttl span{
	font-size: clamp(40px, 3.6vw, 70px);
	color: #1879C8;
}
.ng_features ul li p:not(.ttl){
	color: #717171;
}
.ng_features .tar{
	color: #717171;
	margin-top: 12px;
}
.ng_work ul{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(30px, 2.6vw, 50px);
}
.ng_work ul li .img{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: clamp(10px, 0.83vw, 16px);
	position: relative;
}
.ng_work ul li .img::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: rgba(24,121,200,0.4);
	transition:all ease 0.5s;
	opacity: 0;
	z-index: 1;
}
.ng_work ul li:hover .img::before{
	opacity: 1;
}
.ng_work ul li .img img{
	width: 100%;
	height: auto;
	transition:all ease 0.5s;
}
.ng_work ul li:hover .img img{
	transform: scale(1.2,1.2);
}
.ng_work ul li h3{
	font-size: var(--fontsize-22);
	margin-bottom: clamp(10px, 0.83vw, 16px);
	transition:all ease 0.5s;
}
.ng_work ul li:hover h3{
	color: #1879C8;
}
.ng_work ul li .more{
	font-size: 14px;
	color: #969696;
	padding-bottom: clamp(10px, 0.83vw, 16px);
	border-bottom: 1px solid #969696;
	position: relative;
	line-height: 1.3;
	font-family: "Michroma", sans-serif;
}
.ng_work ul li .more::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	padding: 12px;
	background-image: url('../images/ng_work_arrow.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.ng_work ul li .more::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	width: 0;
	background-color: #1879C8;
	transition:all ease 0.5s;
}
.ng_work ul li:hover .more::after{
	width: 100%;
}
.ng_interview::after{
	content: "";
	position: absolute;
	left: 5vw;
	top: 0;
	height: 100%;
	width: 90vw;
	margin-right: calc(50% - 50vw);
	z-index: -1;
	border-radius: 10px;
	background-image: url('../images/ng_interview_bigbg.png');
	background-size: contain;
	background-position: center bottom 25%;
	background-repeat: no-repeat;
}
.interview_slider .slick-track {
	display: flex;
}
.interview_slider .slick-slide {
	height: auto !important;
}
.interview_slider {
	width: 100vw;
	margin: 0 calc(50% - 50vw) clamp(30px, 2.6vw, 50px);
}
.interview_slider li{
	margin: 0 clamp(10px, 0.73vw, 14px);
}
.interview_slider li a{
	background-color: #fff;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition:all ease 0.5s;
	height: 100%;
}
.interview_slider li:hover a{
	background-color: rgba(100, 175, 120, 0.2);
}
.interview_slider li.blue:hover a{
	background-color: rgba(114, 132, 238, 0.2);
}
.interview_slider li.red:hover a{
	background-color: rgba(240, 104, 103, 0.2);
}
.interview_slider li .txt,
.interview_slider li .img{
	width: 50%;
}
.interview_slider li .txt{
	padding: clamp(20px, 1.6vw, 30px) clamp(20px, 2vw, 40px);
	display: flex;
	flex-direction: column;
}
.interview_slider li .tag{
	line-height: 1.3;
	padding: 5px 10px 5px 25px;
	border-radius: 3px;
	background-color: #64AF78;
	position: relative;
	box-shadow: 0px 3px 10px 0px rgba(100, 175, 120, 0.5);
	display: block;
	color: #fff;
	width: fit-content;
}
.interview_slider li.blue .tag{
	background-color: #7284EE;
	box-shadow: 0px 3px 10px 0px rgba(114, 132, 238, 0.5);
}
.interview_slider li.red .tag{
	background-color: #F06868;
	box-shadow: 0px 3px 10px 0px rgba(240, 104, 103, 0.5);
}
.interview_slider li .tag::before{
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background-color: rgba(255,255,255,0.5);
}
.interview_slider li h3{
	font-size: var(--fontsize-20);
	margin: clamp(15px, 1.6vw, 30px) 0 clamp(8px, 0.8vw, 15px);
	line-height: 1.7;
}
.interview_slider li p{
	color: #64AF78;
}
.interview_slider li.blue p{
	color: #7284EE;
}
.interview_slider li.red p{
	color: #F06868;
}
.interview_slider li .more{
	display: block;
	position: relative;
	margin-top: auto;
	line-height: 1.3;
	font-family: "Michroma", sans-serif;
	color: #969696 !important;
	font-size: 14px;
	padding-right: clamp(30px, 2.6vw, 50px);
	width: fit-content;
}
.interview_slider li .more::before{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	background-image: url('../images/arrow_green.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.interview_slider li.blue .more::before{
	background-image: url('../images/arrow_blue.png');
}
.interview_slider li.red .more::before{
	background-image: url('../images/arrow_red.png');
}
.interview_slider li .img{
	background-image: url('../images/ng_interview_bg.png');
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
}
.interview_slider li .img img{
	width: 100%;
	height: auto;
	margin-top: auto;
}
.interview_slider .slick-next, 
.interview_slider .slick-prev {
	width:clamp(40px, 2.9vw, 55px);
	height:clamp(40px, 2.9vw, 55px);
	border-radius: 35px;
	transition: all ease 0.5s;
	z-index: 3;
	top: calc(clamp(75px, 4.7vw, 90px) * -1) !important;
}
.interview_slider .slick-prev {
	left: auto;
	right: 425px;
}
.interview_slider .slick-next {
	right: 360px;
}
.interview_slider .slick-next::before, 
.interview_slider .slick-prev::before {
	color: #FF7B29;
	opacity: 1;
	font-size: 18px;
}
.interview_slider .slick-next:hover, 
.interview_slider .slick-prev:hover {
	animation-name: circleLink;
	animation-duration: 0.5s;
	animation-fill-mode: backwards;
	animation-iteration-count: 1;
}
.interview_slider .slick-next:before {
	content:"";
	background-image: url("../images/interview_slider_next.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	display: block;
}
.interview_slider .slick-prev:before {
	content:"";
	background-image: url("../images/interview_slider_prev.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	display: block;
}
.ng_joblist li:not(:last-child){
	margin-bottom: clamp(20px, 1.3vw, 25px);
}
.ng_joblist li .ttl{
	padding: clamp(20px, 1.3vw, 25px) clamp(20px, 1.6vw, 30px);
	position: relative;
	margin-bottom: 4px;
	background-color: #fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
	transition: all ease 0.5s;
}
.ng_joblist li:hover .ttl{
	background-color: #e5f8fd;
}
.ng_joblist li .ttl::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 30px;
	background-image: linear-gradient(to bottom, #00BEEC, #1879C8);
}
.ng_joblist li .box{
	padding: clamp(20px, 2.6vw, 50px) clamp(20px, 1.6vw, 30px);
	background-color: #fff;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.ng_joblist li .box .bg{
	padding: clamp(20px, 1.6vw, 30px);
	background-color: #F9FAFB;
}
.ng_joblist li .box .hyo dl{
	background-color: none;
}
.ng_joblist li .link_list{
	display: flex;
	justify-content: flex-end;
	margin-top: clamp(15px, 1.6vw, 30px);
}
.ng_joblist li .link_list li{
	width: min(100%,290px);
}
.ng_joblist li .link_list li:not(:first-child){
	margin-left: 15px;
}
.ng_joblist li:nth-child(1) .link_list li .link_arrow:before,
.ng_joblist li:nth-child(1) .link_list li .link_arrow:after {
	content:"";
	background-image: url("../images/outlink.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 8px;
}
.ng_joblist li:nth-child(2) .link_list li:nth-child(1) .link_arrow:before,
.ng_joblist li:nth-child(2) .link_list li:nth-child(1) .link_arrow:after,
.ng_joblist li:nth-child(3) .link_list li:nth-child(1) .link_arrow:before,
.ng_joblist li:nth-child(3) .link_list li:nth-child(1) .link_arrow:after {
	content:"";
	background-image: url("../images/tel.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 8px;
}
.ng_joblist li dd a{
	text-decoration: underline;
	color: #1879C8;
	position: relative;
	z-index: 10;
}
.ng_joblist li dd a i{
	padding-left: 5px;
}
.ng_joblist li:nth-child(3) .hyo {
	margin: clamp(10px, 0.83vw, 16px) 0 clamp(15px, 1.3vw, 25px);
}
.ng_entry{
	background-image: url('../images/ng_certification_bg.png'),linear-gradient(to bottom, #CCDFEB, #F5F5D9);
	background-position: left top;
	background-repeat: repeat;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 6px 0px rgba(13, 63, 102, 0.08);
}
.ng_entry .inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	align-items: flex-start;
	padding: 0;
}
.ng_entry .img{
	width: 50%;
	overflow: hidden;
}
.ng_entry .txt{
	width: 45%;
	padding: clamp(50px, 6.8vw, 130px) 0; 
}
.ng_entryslider {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: clamp(10px, 1vw, 20px);
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-name: scroll-up;
	animation-duration: 60s;
}
@keyframes scroll-up {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.ng_entryslider li{
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0;
}
.ng_entryslider li img{
	width: 100%;
	height: auto;
}
.ng_entry .txt ul li:not(:last-child){
	margin-bottom: 20px;
}
.ng_entry .txt ul li a{
	background-color: #F9FAFB;
	border-radius: 3px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px clamp(20px, 1.6vw, 30px);
	min-height: 100px;
	transition: all ease 0.5s;
}
.ng_entry .txt ul li:hover a{
	background-color: #e5f8fd;
}
.ng_entry .txt ul li a p{
	font-size: var(--fontsize-20);
}
.ng_entry .txt ul li a p span{
	display: block;
	color: #717171;
	font-size: var(--fontsize-16);
}
.ng_entry .txt ul li:nth-child(1) .link_arrow:before,
.ng_entry .txt ul li:nth-child(1) .link_arrow:after {
	content:"";
	background-image: url("../images/outlink.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 8px;
}
.ng_entry::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height: clamp(100px, 8.3vw, 160px);
	background-image: url('../images/ng_entry_txt.png');
	background-size: auto 100%;
	background-position: center right;
	background-repeat: repeat-x;
	animation: move_txt 60s infinite linear;
	z-index: -1;
}
.ng_news .inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-image: url('../images/top_recruit_bg.png');
	background-size: 100% auto;
	background-position: center center;
	background-repeat: repeat-y;
}
.ng_news .inner > div{
	width: 800px;
}
.ng_news ul > li:not(.txt_only){
	padding: clamp(20px, 1.6vw, 30px) clamp(20px, 1.3vw, 25px);
	border-bottom: 1px solid #ECF0F5;
	transition: all ease 0.5s;
	display: block;
	position: relative;
	background-color: rgba(249,250,251,0.6);
}
.ng_news ul > li:not(.txt_only):hover{
	background-color: #ECF0F5;
}
.ng_news ul > li > a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.ng_news ul > li .news_info{
	margin-bottom: 8px;
}
.ng_news ul > li .date{
	color: #1879C8;
}
.ng_news ul > li h3{
	font-size: var(--fontsize-16);
	padding-right: 25px;
	position: relative;
}
.ng_news ul > li h3::before{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: 8px;
	background-image: url('../images/news_arrow.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all ease 0.5s;
}
.ng_news ul > li:hover h3::before{
	right: -10px;
}
.ng_news .ng_h2{
	display: block;
}
.ng_news .ng_h2 span{
	margin: 0;
	width: fit-content;
}
.ng_news .linkbox{
	margin-top: clamp(25px, 2.6vw, 50px);
}
/* 
 newgraduate sub
----------------------------------------------------------- */
#main.ng_sub{
	overflow: inherit;
}
.ng_subfv {
	padding-top: clamp(100px, 8.8vw, 170px);
	background-image: url('../images/ng_subfv_bg.svg'),linear-gradient(to bottom right, #00BEEC, #1879C8);
	background-size: auto 100%;
	background-position: top right;
	background-repeat: no-repeat;
}
.ng_subfv hgroup {
	width: min(90%,1200px);
	margin: 0 auto clamp(40px, 4.9vw, 95px);
	position: relative;
	color: #fff;
}
.ng_subfv hgroup span{
	display: block;
	font-size: clamp(28px, 3.4vw, 65px);
	font-family: "Michroma", sans-serif;
	line-height: 1.5;
}
.ng_subfv hgroup h1{
	font-size: 14px;
	padding: 4px 12px;
	border: 1px solid #fff;
	border-radius: 20px;
	margin-top: 10px;
	width: fit-content;
}
.ng_subfv > div{
	background-color: #F9FAFB;
	border-radius: clamp(25px, 2.6vw, 50px) clamp(25px, 2.6vw, 50px) 0 0;
	padding: clamp(30px, 4.1vw, 80px) 0 clamp(15px, 1.6vw, 30px);
}
.ng_read{
	background-image: url('../images/ng_certification_bg.png'),url('../images/engineering_read_bg.jpg');
	background-size: auto,cover;
	background-position: left top,center center;
	background-repeat: repeat,no-repeat;
	position: relative;
	z-index: 1;
}
.ng_read::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: calc(100% - clamp(50px, 6.8vw, 130px));
	width: 90vw;
	z-index: -1;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.6);
}
.ng_read .inner{
	width: min(85%,1400px);
}
.ng_read h2{
	width: fit-content;
	padding: 8px clamp(10px, 1vw, 20px);
	background-image: linear-gradient(to right, #00BEEC, #1879C8);
	color: #fff;
	font-weight: 600;
	margin-bottom: clamp(25px, 2.6vw, 50px);
	font-size: var(--fontsize-50);
}
.ng_read .flex .img{
	width: 40%;
}
.ng_read .flex .txt{
	width: 57%;
}
.ng_read .flex .img img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.ng_read .flex .txt h3{
	font-size: var(--fontsize-25);
	font-weight: 600;
	color: #437DC6;
	margin-bottom: clamp(25px, 2.6vw, 50px);
	line-height: 1.8;
}
.ng_read .flex .txt h3 span{
	background-image: linear-gradient(to bottom, rgba(255,226,147,0) 50%, rgba(255,226,147,1) 50%, rgba(255,226,147,1) 100%);
}
.ng_2col{
	background-color: #F3F5F7;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ng_2col .sub_side{
	width: 280px;
	padding: var(--padding-130) 20px var(--padding-130) 5%;
	position: sticky;
	top: clamp(25px, 2.6vw, 50px);
}
.ng_2col .sub_main{
	width: calc(100% - 280px);
	padding: var(--padding-130) 5% var(--padding-130) clamp(20px, 4.7vw, 90px);
	position: relative;
	z-index: 1;
	background-image: url('../images/ng_submain_bg.png');
	background-position: left top;
	background-repeat: repeat;
	background-color: #F9FAFB;
}
.ng_2col .sub_sidelink li:not(:last-child){
	margin-bottom: 15px;
}
.ng_2col .sub_sidelink li a{
	position: relative;
	padding-left: clamp(25px, 1.8vw, 35px);
	display: block;
	line-height: 1.5;
	transition: all ease 0.5s;
}
.ng_2col .sub_sidelink li:hover a,
.ng_2col .sub_sidelink li.active a{
	color: #1879C8;
}
.ng_2col .sub_sidelink li a::before{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	padding: 10px;
	background-image: url('../images/ng_work_arrow.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.ng_2col .sub_main > ul > li:not(:last-child){
	margin-bottom: var(--padding-130);
}
.ng_2col .sub_main > ul > li > picture > img{
	width: calc(100% - 350px);
}
.ng_2col .sub_main > ul > li > .tar{
	color: #969696;
	margin-bottom: 10px;
	text-align: justify;
}
.ng_sticky{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ng_sticky .left{
	width: 40%;
	position: sticky;
	top: 100px;
}
.ng_sticky .left img{
	width: 100%;
	height: auto;
}
.ng_sticky .right{
	width: 55%;
}
.ng_linettl{
	font-size: var(--fontsize-18);
	padding: clamp(8px, 0.8vw, 15px) clamp(20px, 1.6vw, 30px);
	position: relative;
	margin-bottom: 7px;
	background-color: #EDEDED;
	border-radius: 3px;
}
.ng_linettl::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 25px;
	background-image: linear-gradient(to bottom, #00BEEC, #1879C8);
}
.ng_sticky .right .box{
	background-color: #EDEDED;
	border-radius: 3px;
	padding: 20px;
}
.ng_sticky .right .box > ul > li:not(:last-child){
	margin-bottom: 10px;
}
.ng_sticky .right .box > ul > li{
	background-color: #FFFFFF;
	padding: clamp(15px, 1.3vw, 25px) clamp(15px, 1.3vw, 25px) clamp(15px, 1vw, 20px) clamp(15px, 1.3vw, 25px);
	border-radius: 3px;
	position: relative;
}
.ng_sticky .right .box > ul > li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 4px;
	width: 100%;
	border-radius: 3px 3px 0 0;
	background-image: linear-gradient(to right, #7284EE, #E85E9E);
}
.ng_sticky .right .box > ul > li h4{
	font-weight: 500;
	color: #7284EE;
	padding-left: clamp(30px, 2vw, 40px);
	position: relative;
	background-image: url('../images/icn_collaborative.svg');
	background-repeat: no-repeat;
	background-position: left top;
	background-size: clamp(20px, 1.6vw, 30px) auto;
	padding-bottom: clamp(8px, 0.8vw, 15px);
	margin-bottom: clamp(8px, 0.8vw, 15px);
	border-bottom: 1px dashed #969696;
	line-height: 1.4;
}
.qualification_list{
	margin-top: clamp(25px, 2.6vw, 50px);
}
.qualification_list dl:not(:last-of-type){
	margin-bottom: 12px;
}
.qualification_list dl{
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.qualification_list dl dt{
	color: #1879C8;
	font-size: var(--fontsize-18);
	background-color: #EDEDED;
	border-radius: 3px;
	text-align: center;
	display: grid;
	place-content: center;
	place-items: center center;
	writing-mode: vertical-rl;
	width: 60px;
	padding: 10px;
}
.qualification_list dl dd{
	background-color: #EDEDED;
	border-radius: 3px;
	width: calc(100% - 62px);
	padding: clamp(20px, 1.6vw, 30px) clamp(20px, 2vw, 40px);
	line-height: 1.5;
}
.qualification_list dl dd ul{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.qualification_list dl dd ul li{
	position: relative;
	padding-left: 1em;
}
.qualification_list dl dd ul li::before{
	content: "・";
	color: #1879C8;
	position: absolute;
	left: 0;
	top: 0;
}
.oneday_box{
	background-color: #EDEDED;
	border-radius: 3px;
	padding: clamp(20px, 1.6vw, 30px);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.oneday_box .img_list{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	width: 230px;
	place-content: space-between;
}
.oneday_box .img_list li{
	height: fit-content;
}
.oneday_box .img_list li img{
	width: 100%;
	height: auto;
}
.oneday_box .time_list{
	width: calc(97% - 230px);
	position: relative;
	z-index: 1;
}
.oneday_box .time_list li:not(:last-child){
	margin-bottom: clamp(10px, 1vw, 20px);
}
.oneday_box .time_list li{
	background-color: #FFFFFF;
	border-radius: 3px;
	padding: clamp(15px, 1vw, 20px) clamp(15px, 2vw, 40px);
	margin-left: clamp(25px, 1.8vw, 35px);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
}
.oneday_box .time_list li:last-child,
.oneday_box .time_list li:nth-child(4){
	background-color: #F5F5F5;
}
.oneday_box .time_list li::before{
	content: "";
	position: absolute;
	left: calc(clamp(25px, 1.8vw, 35px) * -1);
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
	height: 15px;
	border-radius: 8px;
	background-color: #1879C8;
}
.oneday_box .time_list li:not(:last-child)::after{
	content: "";
	position: absolute;
	left: calc(clamp(20px, 1.4vw, 28px) * -1);
	top: 40px;
	width: 1px;
	height: 100%;
	background-image: linear-gradient(to bottom, #969696 60%,transparent 60%, transparent 40%);
	background-size: 1px 20px;
	background-repeat: repeat-y;
	background-position: left top;
	z-index: -1;
}
.oneday_box .time_list li span{
	font-weight: 600;
	color: #1879C8;
	font-size: var(--fontsize-18);
	width: clamp(100px, 7.8vw, 150px);
	padding-left: clamp(25px, 1.8vw, 35px);
	position: relative;
	z-index: 1;
}
.oneday_box .time_list li span::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	padding: clamp(10px, 0.7vw, 13px);
	background-image: url('../images/icn_time.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.oneday_box .time_list li p{
	width: calc(100% - clamp(100px, 7.8vw, 150px));
	padding-left: clamp(10px, 3.4vw, 65px);
	border-left: 1px dashed #969696;
}
.ng_subinterview{
	background-image: url('../images/ng_subinterview_bg.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}
.ng_subinterview::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width:100%;
	height: clamp(300px, 25.5vw, 490px);
	background-image: url('../images/ng_subinterview_txt.png');
	background-size: auto 100%;
	background-position: center right;
	background-repeat: repeat-x;
	animation: move_txt 60s infinite linear;
	z-index: -1;
}
.ng_subinterview .inner{
	padding: var(--padding-80) 0;
}
.ng_subinterview .interview_slider{
	margin-bottom: 0;
}
.ng_subinterview:not(.slider) .interview_slider{
	margin: 0;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px;
}
.ng_subinterview:not(.slider) .interview_slider li{
	margin: 0;
}
/* 
 engineering
----------------------------------------------------------- */
.engineering .ng_sticky .right .box > ul > li:nth-child(2) h4{
	background-image: url('../images/icn_communication.svg');
}
.engineering .ng_sticky .right .box > ul > li:nth-child(3) h4{
	background-image: url('../images/inc_practice.svg');
}
.engineering .ng_sticky .right .box > ul > li:nth-child(4) h4{
	background-image: url('../images/icn_perseverance.svg');
}
.engineering .ng_sticky .right .box > ul > li:nth-child(5) h4{
	background-image: url('../images/icn_imagination.svg');
}
.engineering .ng_sticky .right .box > ul > li:nth-child(6) h4{
	background-image: url('../images/icn_positivity.svg');
}
/* 
 public
----------------------------------------------------------- */
.public .ng_sticky .right .box > ul > li::before{
	background-image: linear-gradient(to right, #F06868, #FF9D00);
}
.public .ng_sticky .right .box > ul > li h4{
	color: #F06868;
}
.public .ng_sticky .right .box > ul > li:nth-child(1) h4{
	background-image: url('../images/icn_collaborative_o.svg');
}
.public .ng_sticky .right .box > ul > li:nth-child(2) h4{
	background-image: url('../images/icn_planning.svg');
}
.public .ng_sticky .right .box > ul > li:nth-child(3) h4{
	background-image: url('../images/inc_practice_o.svg');
}
.public .ng_sticky .right .box > ul > li:nth-child(4) h4{
	background-image: url('../images/icn_positivity_o.svg');
}
.public .ng_sticky .right .box > ul > li:nth-child(5) h4{
	background-image: url('../images/icn_imagination_o.svg');
}
.public .ng_sticky .right .box > ul > li:nth-child(6) h4{
	background-image: url('../images/icn_achieve.svg');
}
.public .ng_subinterview{
	background-image: url('../images/public_subinterview_bg.jpg');
}
/* 
 land
----------------------------------------------------------- */
.land .ng_sticky .right .box > ul > li::before{
	background-image: linear-gradient(to right, #64AF78, #5EC8E8);
}
.land .ng_sticky .right .box > ul > li h4{
	color: #64AF78;
}
.land .ng_sticky .right .box > ul > li:nth-child(1) h4{
	background-image: url('../images/icn_collaborative_g.svg');
}
.land .ng_sticky .right .box > ul > li:nth-child(2) h4{
	background-image: url('../images/icn_communication_g.svg');
}
.land .ng_sticky .right .box > ul > li:nth-child(3) h4{
	background-image: url('../images/inc_practice_g.svg');
}
.land .ng_sticky .right .box > ul > li:nth-child(4) h4{
	background-image: url('../images/icn_positivity_g.svg');
}
.land .ng_sticky .right .box > ul > li:nth-child(5) h4{
	background-image: url('../images/icn_imagination_g.svg');
}
.land .ng_sticky .right .box > ul > li:nth-child(6) h4{
	background-image: url('../images/icn_achieve_g.svg');
}
.land .ng_subinterview{
	background-image: url('../images/land_subinterview_bg.jpg');
}
/* 
 interview
----------------------------------------------------------- */
.interview .ng_subfv > div,
.interview_wrap{
	background-image: url('../images/ng_submain_bg.png');
	background-position: left top;
	background-repeat: repeat;
}
.interview_wrap .inner{
	padding-top: 0;
}
.interview_list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(35px, 3.6vw, 70px);
}
.interview_list > li{
	position: relative;
}
.interview_list > li > a > img{
	width: 100%;
	height: auto;
	transition: all ease 0.5s;
}
.interview_list > li:hover > a > img{
	opacity: 0.7;
}
.interview_list > li .txt{
	position: absolute;
	left: 0;
	bottom: clamp(20px, 1.6vw, 30px);
	width: 100%;
}
.interview_list > li .txt h2{
	width: 100%;
	padding: 10px 15px 16px 15px;
	background-color: rgba(24,121,200,0.8);
	color: #fff;
	font-weight: 300;
	font-size: clamp(21px, 1.7vw, 33px);
}
.interview_list > li:nth-child(2) .txt h2{
	background-color: rgba(178,87,101,0.8);
}
.interview_list > li:nth-child(3) .txt h2{
	background-color: rgba(63,142,75,0.8);
}
.interview_list > li:nth-child(4) .txt h2{
	background-color: rgba(51,135,160,0.8);
}
.interview_list > li:nth-child(5) .txt h2{
	background-color: rgba(153,96,170,0.8);
}
.interview_list > li:nth-child(6) .txt h2{
	background-color: rgba(110,149,36,0.8);
}
.interview_list > li:nth-child(7) .txt h2{
	background-color: rgba(183,154,58,0.8);
}
.interview_list > li:nth-child(8) .txt h2{
	background-color: rgba(149,53,36,0.8);
}
.interview_list > li:nth-child(9) .txt h2{
	background-color: rgba(58,68,183,0.8);
}
.interview_list > li:nth-child(10) .txt h2{
	background-color: rgba(70,152,136,0.8);
}
.interview_list > li:nth-child(11) .txt h2{
	background-color: rgba(193,69,103,0.8);
}
.interview_list > li .txt h2 span{
	font-size: var(--fontsize-16);
	padding-left: 10px;
}
.interview_list > li .txt .more{
	font-family: "Michroma", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	padding: 8px 35px 8px 8px;
	margin: -8px;
	background-color: #fff;
	text-align: right;
	clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
	width: min(100%,250px);
	margin-left: auto;
	position: relative;
}
.interview_list > li .txt .more::before{
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	padding: 6.5px;
	background-image: url('../images/ng_work_arrow.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.interview_list > li .js-modal .content{
	background-image: url('../images/ng_submain_bg.png');
	background-position: left top;
	background-repeat: repeat;
	padding: clamp(30px, 3.4vw, 65px);
}
.interview_list > li .js-modal .content > ul{
	width: min(100%,1100px);
	margin-inline: auto;
}
.interview_list > li .js-modal .content > ul > li{
	border-top: 1px solid rgba(34,34,34,0.2);
	padding-top: 10px;
}
.interview_list > li .js-modal .content > ul > li:not(:last-child){
	margin-bottom: clamp(20px, 2.6vw, 50px);
}
.interview_list > li .js-modal .content > ul > li > p{
	color: #969696;
	font-family: "Michroma", sans-serif;
	margin-bottom: clamp(15px, 2vw, 40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.interview_list > li .js-modal .content > ul > li > p span{
	font-size: 14px;
	padding: 4px 12px;
	border-radius: 20px;
	background-color: #F2F2F2;
	font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	display: block;
	width: fit-content;
	line-height: 1.2;
}
.interview_list > li .js-modal .content > ul > li > h3{
	font-weight: 700;
	font-size: var(--fontsize-25);
	margin-bottom: clamp(15px, 2vw, 40px);
	padding: 4px 8px;
	background-color: #F2F2F2;
	border: 1px solid #707070;
	width: fit-content;
}
.interview_list > li .js-modal .content > ul > li > .flex{
	align-items: flex-start;
}
.interview_list > li .js-modal .content > ul > li > .flex img{
	width: 45.5%;
	height: auto;
}
.interview_list > li .js-modal .content > ul > li > .flex .comment{
	width: 50%;
}
.interview_list > li .js-modal .content > ul > li > .flex .comment h4{
	font-size: var(--fontsize-18);
	font-weight: 600;
	margin-bottom: clamp(10px, 1vw, 20px);
}
@media screen and (max-width: 1600px) {
	/* 
	 newgraduate sub
	----------------------------------------------------------- */
	.ng_read::before{
		width: 95vw;
	}
	.ng_2col .sub_main > ul > li > picture > img{
		width: 100%;
		height: auto;
	}
	.ng_2col .sub_main > ul > li > .tar{
		text-align: right;
	}
}
@media screen and (max-width: 1400px) {
	/* 
	 newgraduate
	----------------------------------------------------------- */
	.ng_features::before,
	.ng_interview::before{
		width: 95vw;
	}
}
@media screen and (max-width: 1200px) {
	/* 
	 newgraduate sub
	----------------------------------------------------------- */
	.ng_2col .sub_side{
		width: 230px;
	}
	.ng_2col .sub_main{
		width: calc(100% - 230px);
	}
}
@media screen and (max-width: 1100px) {
	/* 
	 newgraduate
	----------------------------------------------------------- */ 
	.ng_news .inner > div{
		width: 550px;
	}
	.ng_bnr .ng_bnr_close{
		right: -5px;
	}
	/* 
	 newgraduate sub
	----------------------------------------------------------- */
	.ng_2col .sub_side{
		display: none;
	}
	.ng_2col .sub_main{
		width: 100%;
	}
	/* 
	 interview
	----------------------------------------------------------- */
	.interview_list{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:820px) {
	/* 
	 newgraduate
	----------------------------------------------------------- */ 
	.ng_features ul{
		grid-template-columns: repeat(2, 1fr);
	}
	.ng_news .inner > div{
		width: 100%;
	}
	.ng_news .ng_h2{
		display: flex;
	}
	.ng_news .ng_h2 span{
		margin: 0 0 clamp(5px, 0.73vw, 14px) clamp(10px, 1.3vw, 25px);
	}
	.interview_slider li{
		margin: 0 5vw;
	}
	/* 
	 newgraduate sub
	----------------------------------------------------------- */
	.ng_read .flex .img{
		width: 100%;
		margin-bottom: 20px;
	}
	.ng_read .flex .txt{
		width: 100%;
	}
	.oneday_box .img_list{
		grid-template-columns: repeat(3, 1fr);
		width: 100%;
		margin-bottom: 20px;
	}
	.oneday_box .time_list{
		width: 100%;
	}
	.oneday_box .time_list li:not(:last-child)::after{
		left: -18px;
		top: 38px;
	}
	.ng_sticky .left{
		width: 100%;
		position: inherit;
		margin-bottom: 20px;
	}
	.ng_sticky .right{
		width: 100%;
	}
	.ng_subinterview:not(.slider) .interview_slider{
		grid-template-columns: repeat(1, 1fr);
	}
	/* 
	 interview
	----------------------------------------------------------- */
	.interview_list > li .js-modal .content > ul > li > .flex img{
		width: 100%;
		margin-bottom: 20px;
	}
	.interview_list > li .js-modal .content > ul > li > .flex .comment{
		width: 100%;
	}
}
@media screen and (max-width:640px) {
	/* 
	 newgraduate
	----------------------------------------------------------- */ 
	.ng_h2{
		display: block;
	}
	.ng_h2 span{
		margin: 10px 0 0;
		width: fit-content;
	}
	.ng_bnr{
		bottom: 10px;
	}
	.ng_features::before,
	.ng_interview::before{
		width: 100vw;
		left: 0vw;
	}
	.ng_fv .linkbox{
		display: none;
	}
	.ng_fv .ng_fvtxt{
		width: 100%;
		position: relative;
		padding-bottom: 0;
		background-image: none;
	}
	.ng_fv .ng_fvtxt::before{
		left: auto;
		right: 0px;
		top: 45px;
	}
	.ng_fvslider{
		padding-top: 0;
	}
	.ng_message .flex p{
		width: 100%;
		margin-top: 10px;
	}
	.ng_certification .inner > ul > li img{
		margin: 0 auto 10px;
	}
	.ng_certification .inner > ul > li .txt{
		width: 100%;
	}
	.ng_features ul{
		grid-template-columns: repeat(1, 1fr);
	}
	.ng_work ul{
		grid-template-columns: repeat(1, 1fr);
	}
	.newgraduate .linkbox.tar a{
		margin-inline:  auto;
	}
	.ng_joblist li .link_list{
		display: block;
	}
	.ng_joblist li .link_list li{
		width: min(100%,290px);
	}
	.ng_joblist li .link_list li:not(:first-child){
		margin-left: 0;
	}
	.ng_entry .txt{
		width: 100%;
		padding: clamp(50px, 6.8vw, 130px) 0 40px; 
	}
	.ng_entry .img{
		width: 100%;
		margin-bottom: 100px;
		border-radius: 10px;
	}
	.ng_entry .img img{
		width: 100%;
		height: auto;
	}
	/* 
	 newgraduate sub
	----------------------------------------------------------- */
	.qualification_list dl dd ul{
		grid-template-columns: repeat(1, 1fr);
	}
	.oneday_box .img_list{
		grid-template-columns: repeat(1, 1fr);
	}
	.oneday_box .time_list li span{
		width: 100%;
	}
	.oneday_box .time_list li p{
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
	.oneday_box .time_list li:not(:last-child)::after{
		top: 45px;
	}
	/* 
	 interview
	----------------------------------------------------------- */
	.interview_list{
		grid-template-columns: repeat(1, 1fr);
	}
}