@charset "utf-8";
/* -----reset----- */
*,
::before,
::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	cursor: pointer;
	appearance: none;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
	cursor: default;
}
/* -----/reset----- */

:root {
	/*-----color-----*/
	--renta-green: #8FC31F;
	--black: #000;
	--white: #FFF;
	--base: #FFF;
	--background-high: #EEE;
	--background-medium: #F8F8F8;
	--background-low: #FAFAFA;
	--background-ui-green-low: #F2F8E6;
	--background-ui-orange-low: #FEF2EC;
	--background-ui-red-low: #FCEDED;
	--background-modal: rgba(0, 0, 0, 0.60);
	--text-headline: #202020;
	--text-body: #303030;
	--text-caption-high: #646464;
	--text-caption-medium: #747474;
	--text-caption-low: #848484;
	--ui-green: #7EB802;
	--green-high: #58C144;
	--green-medium: #A6E226;
	--green-low: #F2FFDD;
	--text-link-high: #545454;
	--text-link-medium: #646464;
	--text-link-low: #848484;
	--text-link-blue: #2861D4;
	--border-highest: #C8C8C8;
	--border-high: #DEDEDE;
	--border-medium: #EAEAEA;
	--border-low: #F0F0F0;
	/*-----size-----*/
	--vw: 1vw;
	--vh: 1vh;
	--scrollbar-w: 0;
	--header-h: 44px;
	scroll-padding: calc(var(--header-h) + 16px);
	--side-p: 24px;
	--sec-tb-p: 40px;
	--inner-width: 100%;
	/*-----font-size-----*/
	--size-headline-large: 18px;
	--size-headline-medium: 16px;
	--size-headline-small: 14px;
	--size-body-large: 13px;
	--size-body-small: 12px;
	--size-caption-large: 11px;
	--size-caption-small: 10px;
	/*-----box-shadow-----*/
	--box-shadow-low: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
	--box-shadow-high: 0px 2px 12px 0px rgba(0, 0, 0, 0.12);
	/*-----font-----*/
	--font-noto: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Helvetica Neue",Helvetica,Arial,メイリオ,"Meiryo UI",sans-serif;
	--font-shippori: "Shippori Antique", "Hiragino Mincho ProN" ,"YuMincho", "Yu Mincho", serif;
}

/* -----共通----- */
html {
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","Helvetica Neue",Helvetica,Arial,メイリオ,"Meiryo UI",sans-serif;
	line-height: 1.6;
	color: var(--text-body);
	background: var(--base);
}
a {
	color: var(--text-link-blue);
}
.shippori-antique-regular {
  font-family: "Shippori Antique", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-jp{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.container{
	overflow: hidden;
}
.innerwrap{
	margin: 0 auto;
	padding-left: var(--side-p) !important;
	padding-right: var(--side-p) !important;
}
.bg_green{
	background: url("/corp_site/img/new_graduate/bg.png") repeat-y top center / 100% auto;
}
.bg_gray{
	background: url("/corp_site/img/new_graduate/bg_gray.png") repeat-y top center / 100% auto;
}
.btn_wrap_center{
	width: 100%;
	text-align: center;
}
.btn_l,
.btn_m{
	display: inline-flex;
	margin-bottom: 4px;
	padding: 0 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border: 2px solid var(--black);
	background: var(--white);
	color: var(--black);
	font-weight: 600;
	line-height: 140%;
}
.btn_l{
	min-width: 280px;
	height: 52px;
	font-size: 16px;
}
.btn_m{
	width: 100%;
	max-width: 280px;
	height: 42px;
	font-size: 12px;
}
.btn_l::after,
.btn_m::after{
	content: "";
	display: block;
	width: 11px;
	height: 8px;
	background: url("/corp_site/img/new_graduate/icon/arrow_black.svg") no-repeat center center / contain;
	transform: rotate(-90deg);
}
.btn_l[target="_blank"]::after,
.btn_m[target="_blank"]::after{
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	background: url("/corp_site/img/new_graduate/icon/icon_outlink_black.svg") no-repeat center center / contain;
	transform: rotate(0deg);
}
.btn_green{
	box-shadow: 4px 4px 0 0 var(--green-high);
}
.btn_white{
	box-shadow: 4px 4px 0 0 var(--white);
}
.btn_s{
	display: inline-flex;
	margin-bottom: 4px;
	padding: 6px 6px;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border: 1px solid var(--black);
	background: var(--white);
	color: var(--black);
	font-weight: 600;
	line-height: 140%;
	font-size: 12px;
}
.btn_s::after{
	content: "";
	display: block;
	width: 11px;
	height: 8px;
	background: url("/corp_site/img/new_graduate/icon/arrow_green.svg") no-repeat center center / contain;
	transform: rotate(-90deg);
}
.desc_txt_wrap_center{
	display: flex;
	justify-content: center;
}
.page_sec_hl + .desc_txt_wrap_center{
	margin-bottom: 16px;
}
.desc_txt_wrap_center .desc_txt{
	display: inline-flex;
}
.desc_txt{
	color: var(--text-body);
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}
.txt_center{
	text-align: center;
}
.page_headline{
	--bg_hl: url("/corp_site/img/new_graduate/hl_bg_work.jpg");
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), var(--bg_hl) center center / cover no-repeat;
}
#company .page_headline{
	--bg_hl: url("/corp_site/img/new_graduate/hl_bg_company.jpg");
}
#work .page_headline{
	--bg_hl: url("/corp_site/img/new_graduate/hl_bg_work.jpg");
}
#eb .page_headline{
	--bg_hl: url("/corp_site/img/new_graduate/hl_bg_eb.jpg");
}
.page_headline h1{
	max-width: var(--inner-width);
	margin: 0 auto;
	padding: 60px 32px;
	position: relative;
}
.page_headline h1::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background: url("/corp_site/img/new_graduate/bg_triangle.png") top left / auto 100% no-repeat;
	mix-blend-mode: hard-light;
}
.page_headline h1 img{
	display: block;
	max-width: 100%;
	height: 44px;
	margin-bottom: 8px;
	position: relative;
	z-index: 1;
}
.page_headline h1 span{
	display: block;
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 22px;
	font-weight: 900;
	line-height: 100%;
	position: relative;
	z-index: 1;
}
.page_anchor{
	padding: 20px 0;
}
.page_anchor ul{
	display: flex;
	align-items: center;
}
.page_anchor ul li{
	width: auto;
}
.page_anchor ul li:not(:last-child){
	margin-right: 16px;
}
.page_anchor ul li a{
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--text-headline);
	font-size: 14px;
	font-weight: 600;
	line-height: 100%;
}
.page_anchor ul li a::after{
	content: "";
	display: inline-block;
	width: 11px;
	height: 8px;
	background: url("/corp_site/img/new_graduate/icon/arrow_green.svg") top left / contain no-repeat;
}
.page_sec{
	padding: 60px 0 80px;
}
.page_sec_hl{
	margin-bottom: 32px;
	text-align: center;
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 28px;
	font-weight: 900;
	line-height: 100%;
}
.page_sec_hl::before{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	margin: 0 auto 16px;
	background: url("/corp_site/img/new_graduate/hl_mark_g.svg") top left / contain no-repeat;
}
.bg_green .page_sec_hl::before{
	background: url("/corp_site/img/new_graduate/hl_mark_w.svg") top left / contain no-repeat;
}
.page_card_grid {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 24px;
}
.page_card {
	background: var(--white);
	width: 100%;
	padding: 32px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.page_card_header {
	display: flex;
	align-items: center;
	gap: 16px;
}
.page_card_icon {
	display: block;
	width: 60px;
	height: 60px;
}
.page_card_title {
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--text-headline);
	text-align: center;
}
.page_card_header .page_card_title {
	text-align: left;
}
.page_card_desc {
	font-size: 14px;
	line-height: 1.4;
	color: var(--text-body);
}

/* -----header----- */
.header{
	display: flex;
	height: 44px;
	padding: 0 16px;
	align-items: center;
	align-self: stretch;
	gap: 12px;
	position: sticky;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	background: var(--base);
}
.header_logo{
	display: flex;
	align-items: center;
	flex: 1 0 0;
	line-height: 0;
}
.header_logo img{
	height: 14px;
}
.header_naviBtn{
	display: flex;
	width: 24px;
	height: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 3px;
}
.header_naviBtn span {
	display: block;
	width: 100%;
	height: 1px;
	background: var(--black);
}
.entry_btn{
	display: flex;
	padding: 4px 10px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	border-radius: 50px;
	background: var(--black);
}
.entry_btn p{
	color: var(--white);
	text-align: center;
	font-size: 10px;
	font-weight: 600;
	line-height: 110%;
}
.entry_btn p span{
	font-size: 12px;
}
.entry_btn::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: url("/corp_site/img/new_graduate/icon/icon_outlink_white.svg") no-repeat center center / contain;
}
/* -----Breadcrumb----- */
.breadcrumb {
	padding: 20px 0;
}
.breadcrumb_content {
	display: flex;
	align-items: center;
	gap: 12px;
	white-space: nowrap;
	flex-wrap: nowrap;
	overflow: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.breadcrumb_content::-webkit-scrollbar {
  display: none;
}
.breadcrumb_content li {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 13px;
}
.breadcrumb_content li:not(:last-child)::after {
	content: "";
	display: block;
	width: 14px;
	height: 1px;
	background: var(--border-high);
}
.breadcrumb a {
	color: var(--text-link-high);
	text-decoration: underline;
}
.breadcrumb span {
	color: var(--text-caption-low);
}
/* -----footer----- */
.entry_btn_footer.entry_btn{
	display: inline-flex;
	padding: 4px 16px;
}
.entry_btn_footer.entry_btn p{
	font-size: 12px;
}
.entry_btn_footer.entry_btn p span{
	font-size: 14px;
}
.footer_wrap{
	padding: 24px 0;
	background: url("/corp_site/img/new_graduate/bg_gray.png") no-repeat top center / cover;
}
.footer_logowrap{
	display: flex;
	align-items: flex-start;
	align-self: stretch;
}
.footer_logo{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
}
.footer_logo .logo{
	height: 21px;
}
.footer_logo .company{
	height: 40px;
}
.footer_scrollTopBtn{
	display: flex;
	width: 70px;
	height: 70px;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background: var(--white);
	cursor: pointer;
}
.footer_scrollTopBtn::after{
	content: "";
	display: block;
	width: 20px;
	height: 15px;
	transform: rotate(180deg);
	background: url("/corp_site/img/new_graduate/icon/arrow_black.svg") no-repeat top center / contain;
}
.footer_navi{
	padding: 24px 0;
}
.footer_menu{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 24px;
	margin-bottom: 24px;
}
.footer_menu li {
	line-height: 100%;
}
.footer_menu li a,
.footer_corpsite {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: var(--black);
	font-size: 16px;
	font-weight: 600;
	line-height: 100%;
}
.footer_copywrap{
	padding: 24px 0;
	border-top: 1px solid var(--border-high);
}
.footer_corpsite::after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: url("/corp_site/img/new_graduate/icon/icon_outlink_black.svg") center center / contain;
}
.footer_copyright{
	margin-top: 16px;
	font-size: 10px;
	line-height: 100%;
}
/* -----top----- */
.kv_sec{
	padding: 0 16px;
	background: var(--white);
}
.kv_sec .kv img{
	display: block;
	width: 100%;
	line-height: 0;
}
.kv_sec .company_name{
	display: flex;
	height: 30px;
	justify-content: flex-end;
	align-items: center;
}
.kv_sec .company_name img{
	height: 10px;
}
.news_sec{
	display: flex;
	align-items: flex-start;
	border: 2px solid var(--black);
	transition: 0.3s;
	margin-bottom: 20px;
}
.news_hl{
	display: flex;
	align-items: center;
	height: 42px;
	padding: 10px;
}
.news_hl img{
	height: 16px;
}
.news_list{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	flex: 1 0 0;
	min-height: 42px;
	padding: 10px;
	width: calc(100% - 114px);
}
.news_list li{
	color: var(--text-body);
	font-size: var(--size-body-small);
	font-weight: 300;
	line-height: 180%;
	width: 100%;
}
.news_list:not(.open) li{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news_list li:not(:first-child){
	display: none;
}
.news_list.open li:not(:first-child){
	display: block;
}
.news_btn{
	height: 42px;
	padding: 4px 16px;
	cursor: pointer;
}
.news_btn img{
	width: 11px;
	height: 8px;
	transition: 0.3s;
}
.news_btn.open img{
	transform: rotate(180deg);
}
.company_sec{
	padding: var(--sec-tb-p) 0;
}
.company_contents_wrap{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;
	align-self: stretch;
	flex-wrap: wrap;
	gap: 40px;
	margin-bottom: 40px;
}
.company_hl_wrap{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: stretch;
	gap: 50px;
	flex: 1 0 0;
	position: relative;
	padding-bottom: 100px;
}
.company_hl_wrap::after{
	content: "";
	display: block;
	width: calc(95% + var(--side-p));
	height: calc(100% - 40px);
	position: absolute;
	bottom: 0;
	right: 5%;
	z-index: -2;
	background: url("/corp_site/img/new_graduate/pic_conmpany.png") no-repeat top center / cover;
}
.company_hl{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	position: relative;
	padding: 24px 40px 24px 0;
}
.company_hl::after{
	content: "";
	display: block;
	width: calc(100% + var(--vw) * 50);
	height: 100%;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: -1;
	background: var(--green-medium);
	transform: translateY(-64%) rotate(-5deg);
	transform-origin: right center;
}
.company_hl img{
	display: block;
	height: 40px;
}
.company_hl span{
	display: block;
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 100%;
  font-optical-sizing: auto;
}
.company_catch{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}
.company_catch span{
	display: inline-flex;
	padding: 0 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: var(--white);
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}
.company_desc_wrap{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
	flex: 1 0 0;
}
.company_desc{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}
.company_desc_hl{
	margin-bottom: 8px;
	color: var(--text-body, #303030);
	font-family: var(--font-shippori);
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}
.company_desc_subhl{
	margin-bottom: 16px;
	color: var(--green-high);
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
}
.company_user{
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 16px;
}
.company_user img{
	height: 36px;
}
.company_desc_tag{
	display: flex;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	margin-bottom: 16px;
}
.company_desc_tag li{
	display: inline-block;
	padding: 2px 4px;
	gap: 10px;
	border-radius: 4px;
	background: var(--green-high);
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	line-height: 140%;
}
.work_sec{
	padding: var(--sec-tb-p) 0;
}
.work_contents_wrap{
	position: relative;
}
.work_hl{
	position: absolute;
	top: 0;
	left: var(--side-p);
	display: flex;
	align-items: flex-start;
	gap: 12px;
}
.work_hl img:nth-child(1){
	width: 32px;
}
.work_hl img:nth-child(2){
	width: 20px;
}
.work_desc{
	padding-left: 84px;
	margin-bottom: 40px;
}
.work_desc_hl{
	margin-bottom: 16px;
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
}
.work_desc_subhl{
	margin-bottom: 16px;
	color: var(--black);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}
.work_joblist{
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px;
	align-self: stretch;
	flex-wrap: wrap;
	margin-bottom: 32px;
}
.work_joblist li{
	width: calc(100%/2 - 8px/2);
}
.work_joblist li a{
	display: flex;
	gap: 12px;
	align-items: center;
	width: 100%;
	padding: 8px;
	border: 1px solid var(--black);
	background: var(--white)
}
.work_joblist li a img{
	width: 32px;
	height: 32px;
}
.work_joblist li a span{
	color: var(--black);
	font-size: 13px;
	font-weight: 600;
	line-height: 120%;
}
.eb_sec{
	padding: var(--sec-tb-p) 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url("/corp_site/img/new_graduate/hl_bg_eb.jpg") no-repeat center center / cover;
}
.eb_contents_wrap{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	margin-bottom: 24px;
}
.eb_hl{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
}
.eb_hl img.pc_none{
	width: 95%;
	max-width: 400px;
}
.eb_hl img.sp_none{
	width: 100%;
}
.eb_hl span{
	color: var(--white);
	font-family: var(--font-noto);
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 100%;
}
.eb_desc{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}
.eb_desc_hl{
	color: var(--white);
	font-family: var(--font-shippori);
	font-size: 28px;
	font-weight: 400;
	line-height: 140%;
}
.eb_desc .desc_txt{
	color: var(--white);
}
.interview_sec{
	padding: var(--sec-tb-p) 0 0;
}
.interview_contents_wrap{
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 24px;
}
.interview_hl{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	width: 100%;
}
.interview_hl img{
	height: 32px;
}
.interview_hl span{
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 100%;
}
.interview_desc{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}
.interview_desc_hl{
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 24px;
	font-weight: 400;
	line-height: 140%;
}
.interview_person_wrap{
	display: flex;
	flex-direction: column;
	margin-top: var(--sec-tb-p);
}
.interview_person_list{
	width: 100%;
	position: relative;
	background: #A6E226;
	padding-bottom: 16px;
}
.interview_person_list::after{
	content: "";
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 15px;
	left: 0;
	z-index: 1;
	background: url("/corp_site/img/new_graduate/bg_grad.svg") repeat-x bottom center / 50% auto;
}
.interview_person_pic{
	width: 100%;
}
.interview_person_desc{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	width: calc(100% - (24px * 2));
	max-width: 280px;
	padding: 16px 24px;
	position: absolute;
	bottom: 12%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	background: rgba(255, 255, 255, 0.80);
}
.interview_person_desc h3{
	color: var(--black);
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 140%;
}
.interview_person_desc h3 span{
	font-size: 9px;
}
.mynavi_sec{
	padding: var(--sec-tb-p) 0;
	background: #D0F2FF;
}
.mynavi_contents_wrap{
	display: flex;
	padding: 40px 24px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	background: var(--white);
}
.mynavi_hl{
	color: var(--black);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 100%;
}
.mynavi_txt{
	color: var(--black);
	text-align: center;
	font-size: 13px;
	font-weight: 600;
	line-height: 140%; 
}
.mynavi_btn{
	display: block;
	width: 100%;
	max-width: 280px;
	padding: 8px 24px;
	border: 2px solid #00ABEB;
	text-align: center;
}
.mynavi_btn img{
	height: 32px;
}
.sns_sec{
	padding: var(--sec-tb-p) 0;
	background: var(--white);
}
.sns_contents_wrap{
	display: flex;
	padding: 40px 24px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	background: var(--white);
	border: 1px solid var(--border-high);
}
.sns_hl{
	color: var(--black);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 140%;
}
.sns_account_wrap{
	display: flex;
	align-items: center;
	gap: 12px;
}
.sns_icon{
	display: block;
	width: 80px;
}
.sns_icon img{
	display: block;
	width: 100%;
	border-radius: 100px;
	border: 2px solid var(--border-high);
}
.sns_desc{
	display: flex;
	width: calc(100% - 92px);
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 4px;
	align-self: stretch;
}
.sns_name{
	color: var(--text-body);
	font-size: 13px;
	font-weight: 600;
	line-height: 140%;
}
.sns_account{
	color: var(--text-link-high);
	font-size: 13px;
	font-weight: 300;
	line-height: 140%;
}
/* -----company----- */
.philosophy_list_wrap{
	display: flex;
	margin-bottom: 32px;
	padding: 40px 32px;
	flex-direction: column;
	align-items: center;
	background: var(--white);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.philosophy_list{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.philosophy_list li{
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--text-body);
	font-family: var(--font-shippori);
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
}
.philosophy_list li::before{
	content: "";
	display: inline-block;
	width: 12px;
	height: 1px;
	background: #303030;
}
.business_renta{
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	padding: 20px 0;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}
.business_renta .business_desc{
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 1 0 0;
}
.business_renta .business_desc h3 img{
	height: 60px;
	margin-bottom: 32px;
}
.business_renta .business_pic{
	display: block;
	width: 95%;
	height: auto;
}
.business_oversea{
	margin-bottom: 40px;
}
.business_hl{
	margin-bottom: 24px;
	color: var(--black);
	font-size: 22px;
	font-weight: 600;
	line-height: 140%;
}
.business_oversea_innner{
	display: flex;
	flex-direction: column;
	padding: 32px;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	background: var(--background-medium, #F8F8F8);
}
.business_oversea_en,
.business_oversea_tc{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}
.business_oversea_en img,
.business_oversea_tc img{
	display: block;
	height: 40px;
	margin-bottom: 24px;
}
.business_oversea_en h4,
.business_oversea_tc h4{
	margin-bottom: 8px;
	color: var(--black);
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
}
.business_article{
	display: flex;
	flex-direction: column;
	margin-bottom: 40px;
	padding: 20px 0;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}
.business_article .business_desc{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}
.business_article .business_desc .desc_txt{
	margin-bottom: 24px;
}
.business_article .business_pic{
	display: block;
	width: 100%;
	height: auto;
	max-width: 560px;
  margin: 0 auto;
}
.business_slide{
	margin: 0 calc(var(--side-p) * -1);
	padding: 0 var(--side-p);
}
.business_slide ul li{
	width: 60%;
	max-width: 280px;
}
.business_slide ul li:not(:last-child){
	margin-right: 16px;
}
.business_slide ul li img{
	width: 100%;
	height: auto;
	border-radius: 8px;
	border: 1px solid var(--border-high, #DEDEDE);
}
.structure_department_wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.structure_department {
	display: flex;
	width: 100%;
	padding: 24px;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	background: var(--white);
	--color-high: #179000;
	--color-low: #E3FFDD;
}
.structure_department.sales {
	--color-high: #1DB500;
	--color-low: #F2FFDD;
}
.structure_department.management {
	--color-high: #008D90;
	--color-low: #DDFFF5;
}
.structure_department.newproject {
	--color-high: #006790;
	--color-low: #DEF;
}
.structure_department_inner{
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
.structure_department h3 {
	color: var(--color-high);
	text-align: center;
	font-family: var(--font-noto);
	font-size: 16px;
	font-weight: 900;
	line-height: 100%;
}
.structure_department ul {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 12px;
	text-align: center;
}
.structure_department ul li {
	display: block;
	padding: 10px;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	color: var(--color-high);
	border: 1px solid var(--color-high);
	background: var(--color-low);
}
.data_list {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
}
.data_list li {
	width: 100%;
	max-width: 240px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	aspect-ratio: 1/1;
	border-radius: 8px;
	background: url("/corp_site/img/new_graduate/bg_gray.png") no-repeat top center / cover;
}
.data_list_name {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}
.data_list_name .jp {
	color: var(--text-body);
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0.2px;
}
.data_list_name .en {
	color: var(--green-high);
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0.2px;
}
.data_list_value {
	color: var(--green-high);
	font-size: 20px;
	font-weight: 600;
	line-height: 36px;
	letter-spacing: 0.2px;
}
.data_list_value span {
	display: inline-block;
	margin: 0 4px;
	font-size: 40px;
}
.data_list_notes{
	color: var(--text-caption-medium);
	font-size: 12px;
	line-height: 100%;
	letter-spacing: 0.2px;
}
/* -----interview----- */
.interview_kv{
	position: relative;
	line-height: 0;
}
.interview_kv_pic{
	width: 100%;
}
.interview_kv_overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 32px 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.70) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.interview_kv_title{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}
.interview_kv_title img{
	height: 28px;
}
.interview_kv_title span{
	color: var(--black);
	text-align: center;
	font-family: var(--font-noto);
	font-size: 14px;
	font-weight: 900;
	line-height: 100%;
}
.interview_kv_subtitle{
	display: inline-block;
	padding: 8px 20px;
	background: url("/corp_site/img/new_graduate/bg.png") no-repeat top center / cover;
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 14px;
	font-weight: 400;
	line-height: 140%;
	letter-spacing: 0.3px;
	position: absolute;
	bottom: 24px;
	left: 0;
}
.discussion_hl{
	margin-bottom: 32px;
	text-align: center;
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 32px;
	font-weight: 900;
	line-height: 100%;
}
.members_container {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	justify-content: center;
	margin: 40px auto;
}
.member_card {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.member_photo {
	width: 100%;
	max-width: 180px;
	height: auto;
	border-radius: 100px;
	object-fit: cover;
	margin-bottom: 12px;
}
.member_info {
	min-height: 4.2em;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 4px;
}
.member_name {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 12px;
}
.member_info span,
.member_name span {
	font-size: 11px;
}
.discussion_section {
	display: flex;
	flex-direction: column;
	gap: 60px;
	width: 100%;
}
.discussion_block {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.discussion_block_left {
	padding-right: 5%;
}
.discussion_block_right {
	padding-left: 5%;
}
.comment {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	width: 100%;
}
.comment_left {
	flex-direction: row;
}
.comment_right {
	flex-direction: row-reverse;
}
.comment .avatar_icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 40px;
}
.comment .avatar_icon img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 100px;
	border: 2px solid var(--white);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.comment .avatar_icon p {
	font-size: 8px;
	text-align: center;
	color: var(--text-body);
	line-height: 1.4;
}
.comment_bubble {
	position: relative;
	flex: 1;
	background-color: var(--white);
	border-radius: 16px;
	padding: 16px;
	filter: drop-shadow(rgba(0, 0, 0, 0.08) 2px 2px 8px);
}
.comment_bubble p {
	font-size: 13px;
	color: var(--text-body);
	line-height: 1.6;
}
.comment_bubble::after {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	width: 14px;
	height: 22px;
	background: url("/corp_site/img/new_graduate/icon/comment_triangle.svg") no-repeat center center / contain;
}
.comment_left .comment_bubble::after {
	left: -12px;
}
.comment_right .comment_bubble::after {
	right: -12px;
	transform: rotate(180deg);
}
/* -----person----- */
.person_kv{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: column;
	background: var(--green-medium);
}
.person_kv_pic_wrap{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.person_kv_pic_wrap::after{
	content: "";
	display: block;
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: -1px;
	right: 0;
	z-index: 1;
	background: url("/corp_site/img/new_graduate/bg_grad.svg") repeat-x bottom center / 30% auto;
}
.person_kv_pic{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.person_kv_content{
	width: 100%;
	display: flex;
	padding: 24px 24px 40px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	background: linear-gradient(180deg, #A6E226 0%, rgba(166, 226, 38, 0.00) 20%), url("/corp_site/img/new_graduate/bg.png") no-repeat top center / cover;
}
.person_kv_title{
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 32px;
	font-weight: 900;
	line-height: 100%;
}
.person_kv_subtitle{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
}
.person_kv_subtitle p{
	display: inline-block;
	padding: 8px 8px;
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 22px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.3px;
	background: var(--white);
}
.person_kv_subtitle p span{
	font-size: 80%;
}
.person_kv_department{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.person_kv_department p{
	display: inline-block;
	padding: 4px 8px;
	background: var(--black);
	color: var(--white);
	font-family: var(--font-shippori);
	font-size: 16px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.2px;
}
.person_kv_department p span{
	font-size: 60%;
}
.qa_container{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.qa_block{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}
.question{
	display: flex;
	align-items: center;
	gap: 12px;
	align-self: stretch;
}
.question_number{
	position: relative;
	padding: 8px;
	background: var(--green-medium);
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 20px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.24px;
}
.question_number::after {
	content: "";
	display: block;
  height: 14px;
  width: 14px;
	background: var(--green-medium);
	aspect-ratio: 1;
  clip-path: polygon(0 0,100% 0,0 100%);
	position: absolute;
	left: 8px;
	bottom: -14px;
}
.question_text{
	color: var(--black);
	font-family: var(--font-shippori);
	font-size: 16px;
	font-weight: 400;
	line-height: 120%;
	letter-spacing: 0.2px;
}
.answer{
	display: flex;
	gap: 16px;
	align-items: flex-start;
	width: 100%;
	flex-direction: row-reverse;
	padding-left: 5%;
}
.answer .avatar_icon{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 40px;
}
.answer .avatar_icon img {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 100px;
	border: 2px solid var(--white);
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
.answer_bubble {
	position: relative;
	flex: 1;
	background-color: var(--green-low);
	border-radius: 16px;
	padding: 16px;
	filter: drop-shadow(rgba(0, 0, 0, 0.08) 2px 2px 8px);
}
.answer_bubble p {
	font-size: 13px;
	color: var(--text-body);
	line-height: 1.6;
}
.answer_bubble::after {
	content: "";
	display: block;
	position: absolute;
	top: 10px;
	right: -12px;
	width: 14px;
	height: 22px;
  --r:3px;
  aspect-ratio: cos(30deg);
  -webkit-mask:
    linear-gradient(-90deg,#0000 calc(3*var(--r)/2),#000 0),
    radial-gradient(var(--r) at calc(100% - 2*var(--r)) 50%,#000 98%,#0000 101%);
  clip-path: polygon(100% 50%,0 100%,0 0);
	background-color: var(--green-low);
}
.schedule_hl{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-bottom: 32px;
	text-align: center;
	color: var(--black);
	font-family: var(--font-noto);
	font-size: 24px;
	font-weight: 900;
	line-height: 100%;
}
.schedule_hl::before{
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: url("/corp_site/img/new_graduate/icon/icon_history.svg") no-repeat center center / contain;
}
.timeline_container{
	max-width: 700px;
	margin: 40px auto 0;
	position: relative;
}
.timeline_container::after{
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: var(--green-medium);
	position: absolute;
	top: 0;
	left: calc(100px - 31px);
}
.timeline_item{
	display: flex;
	padding: 16px 0;
	align-items: flex-start;
	flex-shrink: 0;
}
.time_marker{
	width: 100px;
	padding: 8px 0;
	position: relative;
	color: var(--text-headline);
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.2px;
}
.time_marker::after{
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	top: calc(50% - 6px);
	right: 24px;
	background: var(--green-medium);
	border-radius: 20px;
}
.timeline_content{
	display: flex;
	width: calc(100% - 100px);
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
}
.event_title{
	padding: 8px 0;
	color: var(--text-headline);
	font-size: 16px;
	font-weight: 600;
	line-height: 140%;
	letter-spacing: 0.2px;
}
.event_desc{
	color: var(--text-caption-high);
	font-size: 14px;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: 0.2px;
}

/* -----SPのみ----- */
@media screen and (max-width: 374px){
.company_desc_subhl{
	font-size: 15px;
}
.company_desc_tag li{
	font-size: 12px;
}
.work_desc_hl{
	font-size: 25px;
}
.work_desc_subhl{
	font-size: 15px;
}
.work_joblist li a span {
  font-size: 12px;
}
.sns_name {
  font-size: 12px;

}

}
@media screen and (max-width: 767px){
	.sp_none{
		display: none !important;
	}
	/* -----header----- */
	.header_navi{
		display: none;
	}
	.header_navi.open{
		display: flex;
		width: 100%;
		height: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 24px;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.70);
		backdrop-filter: blur(24px);
	}
	.header_menu{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 24px;
	}
	.header_menu li {
		line-height: 100%;
	}
	.header_menu li a {
		display: block;
		color: var(--white);
		font-size: 16px;
		font-weight: 600;
		line-height: 100%;
	}
	.header_naviClose{
		display: flex;
		width: 42px;
		height: 42px;
		align-items: center;
		justify-content: center;
		border: 2px solid var(--white);
		border-radius: 21px;
	}
	.header_naviClose img{
		display: block;
		width: 16px;
		height: 16px;
	}
	.header_navi.open .entry_btn{
		background: var(--white);
		padding: 4px 16px;
	}
	.header_navi.open .entry_btn p{
		color: var(--text-body);
		font-size: 12px;
	}
	.header_navi.open .entry_btn p span{
		font-size: 14px;
	}
	.header_navi.open .entry_btn::after{
		background: url("/corp_site/img/new_graduate/icon/icon_outlink_black.svg") center center / contain;
	}
	body.scrollstop{
		overflow: hidden;
	}
	/* -----footer----- */
}
/* -----TAB以上----- */
@media screen and (min-width: 768px){
	:root {
		/*-----size-----*/
		--side-p: 32px;
		/*-----font-size-----*/
		--size-headline-large: 20px;
		--size-headline-medium: 18px;
		--size-headline-small: 16px;
		--size-body-large: 15px;
		--size-body-small: 14px;
		--size-caption-large: 13px;
		--size-caption-small: 12px;
		/*-----size-----*/
		--header-h: 48px;
	}
	.pc_none{
		display: none !important;
	}
	.page_headline h1{
		padding: 80px 48px;
	}
	.page_headline h1 img{
		height: 48px;
	}
	.page_headline h1 span{
		font-size: 24px;
	}
	.page_anchor ul li a{
		font-size: 16px;
	}
	.page_sec_hl{
		font-size: 32px;
	}
	.page_card {
		width: calc(100%/2 - (24px * 1)/2);
		padding: 40px;
	}
	.btn_s{
		padding: 8px 20px;
		gap: 8px;
	}
	/* -----header----- */
	.header{
		height: 48px;
		padding: 0 24px;
	}
	.header_logo img{
		height: 18px;
	}
	.header_naviBtn{
		display: none;
	}
	.header_navi{
		display: flex;
		justify-content: flex-end;
		align-items: center;
		gap: 12px;
	}
	.header_menu{
		display: flex;
		align-items: center;
		gap: 12px;
	}
	.header_menu li {
		line-height: 100%;
	}
	.header_menu li a {
		display: block;
		padding: 10px 0;
		color: var(--black);
		font-size: 12px;
		font-weight: 600;
		line-height: 100%;
	}
	.entry_btn{
		display: flex;
		padding: 4px 10px;
		justify-content: center;
		align-items: center;
		gap: 2px;
		border-radius: 28px;
		background: var(--black);
	}
	.header_naviClose{
		display: none;
	}
	/* -----footer----- */
	.footer_navi {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 24px;
		align-items: center;
	}
	.footer_menu{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		margin-bottom: 0;
	}
	/* -----top----- */
	.kv_sec{
		padding: 0 24px;
	}
	.kv_sec .company_name{
		height: 40px;
	}
	.kv_sec .company_name img{
		height: 16px;
	}
	.company_contents_wrap{
		flex-direction: row;
	}
	.company_hl_wrap{
		padding-bottom: 120px;
	}
	.company_hl_wrap::after{
		width: calc(100% + var(--side-p));
		right: 0;
	}
	.work_hl img:nth-child(1){
		width: 36px;
	}
	.work_hl img:nth-child(2){
		width: 24px;
	}
	.work_desc{
		padding-left: calc(72px + 34px);
	}
	.work_desc_hl{
		font-size: 32px;
	}
	.work_joblist{
		padding-left: calc(72px + 34px);
	}
	.work_joblist li{
		width: calc(100%/3 - 16px/3);
	}
	.work_joblist li a span{
		font-size: 14px;
	}
	.eb_contents_wrap{
		flex-direction: row;
		align-items: center;
		gap: 40px;
	}
	.eb_hl{
		width: 180px;
	}
	.eb_desc{
		width: calc(100% - 220px);
	}
	.eb_desc_hl{
		font-size: 32px;
	}
	.interview_person_wrap{
		flex-direction: row;
	}
	.interview_person_list{
		width: calc(100% / 3);
	}
	.interview_hl img{
		height: 40px;
	}
	.interview_hl span{
		font-size: 24px;
	}
	.interview_desc_hl{
		font-size: 28px;
	}
	.mynavi_hl{
		font-size: 24px;
	}
	.mynavi_txt{
		font-size: 14px;
	}
	.sns_hl{
		font-size: 24px;
	}
	.sns_name,
	.sns_account{
		font-size: 14px;
	}
	/* -----company----- */
	.philosophy_list_wrap{
		padding: 40px;
	}
	.philosophy_list li{
		font-size: 18px;
	}
	.business_renta{
		flex-direction: row;
		gap: 40px;
	}
	.business_renta .business_desc{
		align-items: flex-start;
	}
	.business_renta .business_desc h3 img{
		height: 70px;
		margin-bottom: 40px;
	}
	.business_renta .business_pic{
		width: 40%;
	}
	.business_hl{
		font-size: 24px;
	}
	.business_oversea_innner{
		flex-direction: row;
		padding: 40px;
		gap: 40px;
	}
	.business_article{
		flex-direction: row;
		gap: 40px;
	}
	.business_article:nth-child(2n+1){
		flex-direction: row-reverse;
	}
	.business_article .business_pic{
		width: calc(50% - 20px);
	}
	.business_slide ul li{
		width: calc(100%/3 - 48px/3);
		max-width: 100%;
	}
	.business_slide ul li:not(:last-child){
		margin-right: 24px;
	}
	.structure_department_wrap {
		flex-direction: row;
		align-items: stretch;
		gap: 24px;
	}
	.structure_department.purchase,
	.structure_department.sales,
	.structure_department_inner {
		width: calc(100%/3);
	}
	.data_list li {
		width: calc(100%/3 - (16px * 2)/3);
	}
	/* -----interview----- */
	.interview_kv_overlay{
		padding: 50px 0;
	}
	.interview_kv_title{
		gap: 12px;
	}
	.interview_kv_title img{
		height: 40px;
	}
	.interview_kv_title span{
		font-size: 24px;
	}
	.interview_kv_subtitle{
		padding: 24px 40px;
		font-size: 24px;
		bottom: 32px;
	}
	.members_container {
		gap: 24px;
		margin: 40px auto;
	}
	.member_info {
		font-size: 14px;
	}
	.member_name {
		font-size: 14px;
	}
	.discussion_section {
		gap: 80px;
	}
	.discussion_block {
		gap: 24px;
	}
	.discussion_block_left {
		padding-right: 10%;
	}
	.discussion_block_right {
		padding-left: 10%;
	}
	.comment {
		gap: 32px;
	}
	.comment .avatar_icon {
		gap: 8px;
		width: 80px;
	}
	.comment .avatar_icon img {
		width: 80px;
		height: 80px;
		border: 4px solid var(--white);
	}
	.comment .avatar_icon p {
		font-size: 10px;
	}
	.comment_bubble {
		border-radius: 16px;
		padding: 32px;
	}
	.comment_bubble p {
		font-size: 15px;
	}
	.comment_bubble::after {
		top: 10px;
		width: 24px;
		height: 32px;
	}
	.comment_left .comment_bubble::after {
		left: -20px;
	}
	.comment_right .comment_bubble::after {
		right: -20px;
	}
	/* -----person----- */
	.person_kv{
		justify-content: space-between;
		align-items: stretch;
		flex-direction: row;
	}
	.person_kv_pic_wrap{
		width: 50%;
	}
	.person_kv_pic_wrap::after{
		width: 100%;
		height: 100%;
		bottom: 0;
		right: -1px;
		background: url("/corp_site/img/new_graduate/bg_grad_vertical.svg") repeat-y center right / auto 50%;
	}
	.person_kv_pic{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.person_kv_content{
		width: 50%;
		padding: 8% 5%;
		gap: 32px;
		background: linear-gradient(90deg, #A6E226 0%, rgba(166, 226, 38, 0.00) 20%), url("/corp_site/img/new_graduate/bg.png") no-repeat top center / cover;
	}
	.person_kv_title{
		font-size: 32px;
	}
	.person_kv_subtitle p{
		padding: 8px 10px;
		font-size: 22px;
	}
	.person_kv_department p{
		font-size: 16px;
	}
	.question{
		gap: 16px;
	}
	.question_number{
		padding: 10px;
		font-size: 24px;
	}
	.question_number::after {
		height: 16px;
		width: 16px;
		left: 10px;
		bottom: -16px;
	}
	.question_text{
		font-size: 20px;
	}
	.answer{
		gap: 16px;
		padding-left: 10%;
	}
	.answer .avatar_icon {
		gap: 8px;
		width: 80px;
	}
	.answer .avatar_icon img {
		width: 80px;
		height: 80px;
		border: 4px solid var(--white);
	}
	.answer .avatar_icon p {
		font-size: 10px;
	}
	.answer_bubble {
		border-radius: 16px;
		padding: 32px;
	}
	.answer_bubble p {
		font-size: 15px;
	}
	.schedule_hl{
		gap: 8px;
		margin-bottom: 32px;
		font-size: 32px;
	}
	.timeline_container::after{
		left: calc(120px - 31px);
	}
	.timeline_item{
		padding: 20px 0;
	}
	.time_marker{
		width: 120px;
		font-size: 16px;
	}
	.timeline_content{
		width: calc(100% - 120px);
	}
	.event_title{
		font-size: 18px;
	}
	.event_desc{
		font-size: 15px;
	}

}
/* -----PC----- */
@media screen and (min-width: 1064px){
	:root {
		/*-----size-----*/
		--side-p: 0;
		--inner-width: 1000px;
	}
	.innerwrap{
		max-width: var(--inner-width);
	}
	.page_headline h1{
		padding: 80px 0;
	}
	.page_headline h1::after{
		left: -48px;
	}
	#job .page_card {
		width: calc(100%/3 - (24px * 2)/3);
	}
	/* -----top----- */
	.company_hl_wrap::after{
		width: calc(100% + calc( var(--vw) * 50 - var(--inner-width) / 2) );
	}
	.company_hl img{
		height: 48px;
	}
	.company_hl span{
		font-size: 24px;
	}
	.company_catch span{
		font-size: 36px;
	}
	.company_desc_hl{
		font-size: 28px;
	}
	.company_desc_tag li{
		font-size: 14px;
	}
	.work_joblist li{
		width: calc(100%/4 - 24px/4);
	}
	.interview_person_desc{
		gap: 12px;
		width: calc(100% - (32px * 2));
		padding: 16px 32px;
	}
	.interview_person_desc h3{
		font-size: 14px;
	}
	.interview_person_desc h3 span{
		font-size: 11px;
	}
	/* -----company----- */
	.data_list li {
		width: calc(100%/4 - (16px * 3)/4);
	}
	/* -----interview----- */
	.interview_kv_subtitle{
		padding: 24px 60px;
		font-size: 28px;
		bottom: 40px;
	}
	/* -----person----- */
	.person_kv_content{
		gap: 40px;
	}
	.person_kv_title{
		font-size: 36px;
	}
	.person_kv_subtitle p{
		padding: 8px 16px;
		font-size: 28px;
	}
	.person_kv_department p{
		font-size: 20px;
	}
}