@charset "utf-8";

body { background:#faf8ee; }

#page_ng_newgraduates #wrapper { position:relative; }
#page_ng_newgraduates #wrapper:after { content:""; position:absolute; top:0; left:-6%; width:128%; height:auto; padding:38% 0; 
background:url(/files/user/office/top/_bg_copy.png?v=1750057399) no-repeat top left / contain; z-index:-2; }

/* ----------------------------------------------------
library
---------------------------------------------------- */
.green { color:#00a592; }
.orange { color:#ea5a2b; }
.purple { color:#6724c1; }
.khaki { color:#826b00; }
.blue { color:#1268ac; }

.btn_line { border:1px solid #1268ac; border-radius:30px; color:#1268ac; padding:11px 50px; font-size:18px; font-weight:bold; letter-spacing:0.085em; transition:0.3s; }
.btn_solid { border:1px solid #ec6b3c; color:#ec6b3c; }

.dli-arrow-right::before { content:''; position:absolute; top:calc(50% - 3.5px); right:-15px; width:27px; height:7px;
background:url(/files/user/office/common/ico_arrow_blue.png?v=1748330817) no-repeat top left / contain; }
.dli-arrow-right:hover { background:#1268ac; }

#page_ng_message #wrapper, #page_ng_gallery3 #wrapper, #page_ng_business #wrapper, #page_ng_article1 #wrapper, #page_ng_gallery4 #wrapper,
#page_ng_philosophy #wrapper, #page_ng_article3 #wrapper, #page_ng_gallery3_detail #wrapper, #page_ng_gallery3_detail2 #wrapper, 
#page_ng_gallery3_detail3 #wrapper, #page_ng_gallery3_detail4 #wrapper, #page_ng_gallery3_detail5 #wrapper, 
#page_ng_gallery3_detail6 #wrapper, #page_ng_gallery3_detail7 #wrapper, #page_ng_gallery3_detail8 #wrapper,
#page_ng_gallery3_detail9 #wrapper { position:relative; }

#page_ng_message #wrapper:after, #page_ng_gallery3 #wrapper:after, #page_ng_business #wrapper:after,
#page_ng_article1 #wrapper:after, #page_ng_gallery4 #wrapper:after,
#page_ng_philosophy #wrapper:after, #page_ng_article3 #wrapper:after,
#page_ng_gallery3_detail #wrapper:after, #page_ng_gallery3_detail2 #wrapper:after, 
#page_ng_gallery3_detail3 #wrapper:after, #page_ng_gallery3_detail4 #wrapper:after, 
#page_ng_gallery3_detail5 #wrapper:after, #page_ng_gallery3_detail6 #wrapper:after, 
#page_ng_gallery3_detail7 #wrapper:after, #page_ng_gallery3_detail8 #wrapper:after, 
#page_ng_gallery3_detail9 #wrapper:after { content:""; position:absolute; height:auto; z-index:-2; }

	#page_ng_gallery3 #wrapper:after, #page_ng_gallery3_detail #wrapper:after,
	#page_ng_gallery3_detail2 #wrapper:after, #page_ng_gallery3_detail3 #wrapper:after,
	#page_ng_gallery3_detail4 #wrapper:after, #page_ng_gallery3_detail5 #wrapper:after, 
	#page_ng_gallery3_detail6 #wrapper:after, #page_ng_gallery3_detail7 #wrapper:after, 
	#page_ng_gallery3_detail8 #wrapper:after, #page_ng_gallery3_detail9 #wrapper:after { top:50px; left:calc(50% - 65%); width:128%; padding:55% 0 0; background:url(/files/user/office/common/bg01.png?v=1750063285) no-repeat top center / contain; }
	#page_ng_gallery4 #wrapper:after { top:0; left:calc(50% - 65%); width:51.92%; padding:50% 0 0; background:url(/files/user/office/common/bg02.png?v=1750068368) no-repeat top left / contain; }
	#page_ng_message #wrapper:after { top:160px; left:calc(50% - 50%); width:100%; padding:87% 0 0; background:url(/files/user/office/common/bg03.png?v=1750063413) no-repeat top center / contain; }
	#page_ng_business #wrapper:after { top:0; left:calc(50% - 42%); width:107%; padding:94% 0 0; background:url(/files/user/office/common/bg04.png?v=1750065699) no-repeat top left / contain; }
	#page_ng_philosophy #wrapper:after { top:50px; left:calc(50% + 29.48%); width:34.61%; padding:50% 0 0; background:url(/files/user/office/common/bg_personality.png?v=1750071268) no-repeat top right / contain; }
	.bg06:after, #page_pt_job #wrapper:after, #page_pt_job_detail #wrapper:after { top:0px; left:calc(50% - 97%); width:150%; padding:70% 0 0; background:url(/files/user/part_time/common/bg_job.png?v=1733298137) no-repeat top left / contain; }
	#page_ng_article1 #wrapper:after, #page_ng_article3 #wrapper:after { top:0px; left:calc(50% - 25%); width:100%; padding:50% 0 0; background:url(/files/user/office/common/bg_environment.png?v=1750066434) no-repeat top left / contain; }


	@media screen and (max-width: 767px) {
		#page_ng_gallery3 #wrapper:after, #page_ng_gallery3_detail #wrapper:after, 
		#page_ng_gallery3_detail2 #wrapper:after, #page_ng_gallery3_detail3 #wrapper:after, 
		#page_ng_gallery3_detail4 #wrapper:after, #page_ng_gallery3_detail5 #wrapper:after, 
		#page_ng_gallery3_detail6 #wrapper:after, #page_ng_gallery3_detail7 #wrapper:after, 
		#page_ng_gallery3_detail8 #wrapper:after, #page_ng_gallery3_detail9 #wrapper:after { top:50px; left:calc(50% - 90%); width:200%; padding:86% 0 0; }
		#page_ng_gallery4 #wrapper:after { top:0; left:calc(50% - 54%); width:95%; padding:61% 0 0; }
		#page_ng_message #wrapper:after { top:160px; left:-60%; width:160%; padding:140% 0 0; }
		#page_ng_business #wrapper:after { top:0; left:calc(50% - 46%); width:180%; padding: 158% 0 0; }
		#page_ng_philosophy #wrapper:after { top:50px; left:calc(50% - 0%); width:60%; padding:84% 0 0; }
		.bg06:after, #page_pt_job #wrapper:after, #page_pt_job_detail #wrapper:after { top:0px; left:-106%; width:300%; padding:120% 0 0; }
		#page_ng_article1 #wrapper:after, #page_ng_article3 #wrapper:after { top:120px; left:-33%; width:300%; padding:93% 0 0; }
	}



/* ----------------------------------------------------
header
---------------------------------------------------- */

#page_ng_newgraduates #header #h_nav .logo, #page_ng_newgraduates #header .h_nav_menu  { display:none; }

	#page_ng_newgraduates #header.scroll #h_nav .logo  { display:block; }
	#page_ng_newgraduates #header.scroll .h_nav_menu { display:flex; }

#h_nav .logo { width:440px; }
#h_nav .logo img { max-width:270px; }
#h_nav a { color:#454545; }
#h_nav a:hover { color:#1268ac; }
#h_nav .logo a:before { content:""; position:absolute; top:5px; left:5px; width:151px; height:105px; background:url(/files/user/office/common/bg_corner.png?v=1748330814) no-repeat top left; z-index:-1; }

		#h_nav .h_nav_btn .btn_line { color:#1268ac; font-size:15px; }
			#h_nav .btn_line:hover { background:#1268ac; color:#fff; }
			#h_nav .dli-arrow-right:hover::before { right:3px; background-image:url(/files/user/office/common/ico_arrow_white.png?v=1748330819); }

#h_nav .logo img.pc { display:block; }
#h_nav .logo img.sp { display:none; }
.h_nav_menu { width:65%; }
.h_nav_btn { width:18%; }


	@media only screen and (max-width:1240px) {
		#h_nav .logo { width:30%; }
		#h_nav .logo a { padding:20% 0 0% 48%; padding:20% 0 0% 135px; }
		.h_nav_btn { width:20%; }
	}

	@media only screen and (max-width:1024px) {
		#h_nav .logo img.pc { display:none; }
		#h_nav .logo img.sp { display:block; margin:0 auto; }

		#h_nav .logo { width:100%; position:relative; text-align:center; padding:35px 0; }
			#h_nav .logo:before { content:""; position:absolute; top:5px; left:5px; width:151px; height:105px; z-index:-1;
			background:url(/files/user/office/common/bg_corner.png?v=1748330814) no-repeat top left; }
		    #h_nav .logo a { padding:0; display:inline-block; }

		.menu-btn span { display:block; position:absolute; left:0; width:100%; height:2px;border-radius:4px; transition:all .5s; background-color:#1268ac; }

		.sp_menu:after { content:""; position:absolute; top:10%; left:-5%; width:110%; height:auto; padding:73% 0 0; z-index:-1; opacity:0.5;
		background:url(/files/user/office/top/repeat.png?v=1750061177) no-repeat center center / contain;  }

		.sp_menu_logo { position:absolute; top:30px; left:calc(50% - 135px); }
		.sp_menu li:last-child a { padding:10px 80px 13px; font-size:16px; }

		.sp_menu li:last-child a:hover { color:#fff; background:#1268ac; }
		.sp_menu li:last-child a.dli-arrow-right:hover::before { background-image: url(/files/user/part_time/common/ico_arrow_white.png?v=1733298138); }

		#sp_entry_btn a.btn_line { color:#1268ac; display:inline-block; margin:0 auto;  width:300px; max-width:50%; line-height:1.25; letter-spacing:0.1em; padding:9px 5% 8px; }
		#sp_entry_btn a.btn_line:hover { background:#1268ac; color:#fff; }

	}

	@media only screen and (max-width:767px) {
		#h_nav .logo:before { top:5px; left:5px; width:23%; height:auto; padding:16% 0 0; background-size:contain; }
		#h_nav .logo { padding:4% 0 1%; mix-blend-mode:multiply; }
		#sp_entry_btn a.btn_line { max-width:60%; }
	}

	@media only screen and (max-width:600px) {
		.sp_menu_logo { top:20px; width:50%; left:calc(50% - 25%); }
	}


/* ----------------------------------------------------
common layout // top
---------------------------------------------------- */

#wrapper { position:relative; overflow:hidden; }
	#home #wrapper:after,
	#page_pt_parttime #wrapper:after { content:""; position:absolute; top:0; left:-6%; width:128%; height:auto; padding:38% 0; z-index:-2;
	background:url(/files/user/part_time/top/_bg_copy.png?v=1733298225&v=1730786486) no-repeat top left / contain; }

#main_contents { margin:0% auto 5%; }



.headline_center { text-align:center; }
.headline_center h2 span, .headline_center h3 span { color:#1268ac; }

#main h1 { color:#21659c; }
#main h1 img { max-width:168px; margin-left:2px; }
#main h1 span { color:#311f11; letter-spacing:-0.015em; }
#main .lead { color:#454545; }
#main .second { padding:22% 30px 0%; }
#main .second .ttl_box { text-align: center; line-height: 1; margin-bottom: 30px; }
#main strong.lead { font-size: 28px; }
#main .second .ttl_box span { color:#21659c; font-size:26px; letter-spacing:0.075em; }
#main .pic_box { position:relative; top:-90px; }
	#main .pic_box:after { content:""; position:absolute; bottom:0; left:-25%; width:150%; height:100%; background:url(/files/user/office/top/bg_line.png?v=1750057754) no-repeat 50% 92% / 100% auto; z-index:-1; }
#main .pic_box ul p { text-align:center; font-size:24px; font-weight:bold; margin:20px 0 0; line-height: 1.5; }
#main .pic_box ul { padding-bottom:10%; }
#main .pic_box ul li { position:relative; }
	#main .pic_box ul li:after { content:""; position:absolute; left:calc(50% - 2.5%); width:5%; background:url(/files/user/office/top/bg_bar.png?v=1750057599) no-repeat bottom center / 100% auto; }
	#main .pic_box ul li:nth-child(1):after { height:10%; bottom:-15%; }
	#main .pic_box ul li:nth-child(2):after { height:25%; bottom:-12%; }
	#main .pic_box ul li:nth-child(3):after { height:50%; bottom:-10%; }

.main_ttl h2 { color:#1268ac; }
.main_ttl h2 span { font-size:120px; }

#main .third h3 { color:#454545; font-size:24px; }
#main .third p { color:#454545; }
#main .work_flow { margin-top:100px; }

.link .btn_line { border:1px solid #1268ac; color:#1268ac; }
.link .dli-arrow-right::before { background:url(/files/user/office/common/ico_arrow_blue.png?v=1748330817) no-repeat top left / contain; }
.link .dli-arrow-right:hover { background:#1268ac; color:#fff; }
.link .dli-arrow-right:hover::before { background-image: url(/files/user/office/common/ico_arrow_white.png?v=1748330819); }

#page_ng_newgraduates #about { text-align:center; position:relative; }
	#page_ng_newgraduates #about:after { content:""; position:absolute; z-index:-1; top:0; right:-15%; width:114%; height:100%;  background:url(/files/user/factory/top/bg_about.png?v=1730786486&v=1730786486) no-repeat top center / 100% auto; }
#page_ng_newgraduates #about .content_inner { padding:4% 30px 8%; }

	#page_ng_newgraduates #about .main_ttl h2 { font-size:18px; }
	#page_ng_newgraduates #about .main_ttl h2 span { margin-bottom:0; margin-top:15px; }

#page_ng_newgraduates #about .link { margin:35% auto 0; }


#page_ng_newgraduates #staff_interview .main_ttl h2 { color:#1268ac; font-size:21px; text-align:left; margin-bottom:0px; letter-spacing:0.105em; }
#page_ng_newgraduates #staff_interview .main_ttl h2 span { display:inline; margin-bottom:0; margin-right:20px; letter-spacing:0; }
#page_ng_newgraduates #staff_interview .content_inner { max-width:1300px; padding:8% 0 0; border-top: 1px solid #1268ac; }

#staff_interview .prev-arrow, #staff_interview .next-arrow { border:1px solid #1268ac!important; }
#staff_interview .prev-arrow::before, #staff_interview .next-arrow::before { border-right:1px solid #1268ac!important; border-top:1px solid #1268ac!important; }
#staff_interview .interview_panel .sec { color:#1268ac; }
#staff_interview .interview_panel::before { border:1px solid #8c8c89; }
#staff_interview .interview_panel::after { background: url(/files/user/office/common/ico_arrow_gray.png?v=1750144836) no-repeat top left / contain; }
#staff_interview .slick-slide a.no_link { pointer-events:none; }
#staff_interview .slick-slide a.no_link .interview_panel::before,
#staff_interview .slick-slide a.no_link .interview_panel::after { display:none; }
#staff_interview .interview_panel .green { color:#00a592; }
#staff_interview .interview_panel .orange { color:#ea5a2b; }
#staff_interview .interview_panel .purple { color:#6724c1; }
#staff_interview .interview_panel .khaki { color:#826b00; }

#work_roll p { color:#454545; }

#news { margin-bottom:5%; }
#news:before { background:#1268ac; }
#news .news_list .link a { color:#1268ac; }
#news .news_list .link a::before { border:1px solid #1268ac; }
#news .news_list .link a::after { background:url(/files/user/office/common/ico_arrow_blue.png?v=1748330817) no-repeat top left / contain; }


	@media only screen and (max-width: 1350px) {
		#page_ng_newgraduates #staff_interview .content_inner { padding: 8% 30px 0; }
	}

	@media only screen and (max-width: 1024px) {
		#home #wrapper:after { top:1%; left:0; width:134%; padding:43% 0; }
	}

	@media only screen and (max-width: 767px) {
		#home #wrapper:after, #page_is_top #wrapper:after { padding:45% 0; background-size:140% auto; top:3.2%; left:-28%; }
		#main_contents { margin:0% auto 15%; }
		#main .third h3 { font-size:30px; }
		#main .lead, #main strong.lead { font-size:20px; }
		#main .content_inner.second { padding:170px 30px 0; }
		#main .pic_box ul p { font-size:13px; }
		#main .pic_box ul { padding-top:17%; }
		

	}

	@media only screen and (max-width: 600px) {
		#main .work_flow { margin-top:50px; }
		#main .third h3 { font-size:24px; margin-bottom:15px; }
	}


#home #about,#page_pt_parttime #about { text-align:center; margin-bottom:50px; position:relative; }
#home #about:after, #page_pt_parttime #about:after { content:""; position:absolute; z-index:-1; top:0; right:-15%; width:114%; height:100%;
background:url(/files/user/factory/top/bg_about.png?v=1730786486) no-repeat top center / 100% auto; }
#home #about .content_inner, #page_pt_parttime #about .content_inner { padding:4% 30px 8%; }
#home #about .main_ttl h2, #page_pt_parttime #about .main_ttl h2 { font-size:18px; }
	#home #about .main_ttl h2 span, #page_pt_parttime #about .main_ttl h2 span { margin-bottom:0; margin-top:15px; }

#home #about .link, #page_pt_parttime #about .link { margin:35% auto 0; }

#side_menu:before, #side_menu:after { background:#86b0cd; }
#side_menu ul { border-left:1px solid #86b0cd; align-items:stretch; }
#side_menu ul li { border-right:1px solid #86b0cd; }
#side_menu ul li span { color:#1268ac; }
#side_menu ul li a:hover { background:#86b0cd; }
#side_menu ul li a:hover span { mix-blend-mode:hard-light; }
#side_menu ul li:first-child span { letter-spacing:0; }

#job_description { border-color:#6fa2c6; }
#job_description h3 span { color:#1268ac; }
.job_description_btn ul li p { border-bottom:2px solid #1268ac; }
.job_description_btn ul li a::before { border:1px solid #1268ac; }
.job_description_btn ul li a::after { background: url(/files/user/office/common/ico_arrow_blue.png?v=1748330817) no-repeat top left / contain; }

.job_type_btn { display:none; }

	@media only screen and (max-width: 1350px) {
		#main:after,#main:before { left:0%; }
		/*#page_pt_parttime #staff_interview .content_inner { padding:8% 30px 0; }*/
		#page_pt_parttime #staff_interview .content_inner { padding:8% 30px 0; }
	}

	@media only screen and (max-width: 1024px) {
		#page_pt_parttime #wrapper:after { top:1%; left:0; width:134%; padding:43% 0; }
		/*#main:after, #main:before { left:0%; width:145%; padding:50% 0; }*/
	}

	@media only screen and (max-width: 767px) {
		#main .third h3 { letter-spacing:0em; }
		#page_ng_newgraduates #wrapper:after { padding:45% 0; background-size:140% auto; top:3.2%; left:-28%; }
		#page_ng_newgraduates #staff_interview .main_ttl h2 span { font-size:clamp(50px, 17vw, 150px); display:block; line-height:0.8; margin-right:0; margin-bottom:15px; }
		#home #about .content_inner,#page_ng_newgraduates #about .content_inner { padding:8% 30px; margin:10% 0 0; }
		#home #about .link,	#page_ng_newgraduates #about .link { margin: 15% auto 0; }
		#home #about .main_ttl,	#page_ng_newgraduates #about .main_ttl { padding:55% 0 0; }
		#page_ng_newgraduates #staff_interview .main_ttl h2 { font-size:18px; }
		#page_ng_newgraduates #staff_interview .main_ttl h2 span { font-size:clamp(50px, 17vw, 150px); display:block; line-height:0.8; margin-right:0; margin-bottom:15px; }
		#side_menu ul { border:none; }
	    #side_menu ul li:nth-child(2) { border-top:1px solid #86b0cd; border-bottom:1px solid #86b0cd; }
		#side_menu ul li { border:none; }

		.main_ttl h2 span { font-size: clamp(50px, 17vw, 150px); margin-bottom: 15px; }
	}


#pj_story { max-width:1024px; margin:0 auto 8%; }
#pj_story a { display:block; border:1px solid #e9e2c6; border-radius:15px; padding:40px 4.8% 40px 40%; background:#f5f2e5 url(/files/user/office/common/bg_pj.png?v=1750056508) no-repeat 150% 41% / 125% auto; }
#pj_story h3 { display:flex; align-items:center; color:#1268ac; position:relative; }
#pj_story h3 span { font-size:59px; padding-right:20px; }
#pj_story h3::before, #pj_story h3::after { content:""; position:absolute; }
#pj_story h3::before { bottom:22%; right:1.5%; width:50px; height:50px; border-radius:50%; border:1px solid #1268ac; }
#pj_story h3::after { bottom:22%; left:1.5%; width:50px; height:50px; border-radius:50%; border:1px solid red; }

.pj_story_ttl { position:relative; }
.pj_story_ttl:after { content:""; position:absolute; top:calc(50% - 0px); right:-1px; width:25px; height:8px; 
background:url(/files/user/office/common/ico_arrow_blue.png?v=1748330817) no-repeat top left / contain; }

/*#pj_story h3:after { content:""; position:absolute; top:calc(50% - 4px); left:40px; width:25px; height:8px; 
background:url(/files/user/factory/common/ico_arrow_blue.png?v=) no-repeat top left / contain;  border:1px solid red; }*/

#pj_story a:hover .pj_story_ttl:after { right:4%; }


	@media only screen and (max-width:1060px) {
	    #pj_story { margin:0 30px 8%; }
		.pj_story_ttl:after { top:calc(50% - 4px); }
	}
	
	@media only screen and (max-width:900px) {
	    #pj_story h3 { flex-wrap:wrap; line-height:1.5; margin-bottom:10px; }
	    #pj_story h3 span { width:100%; }
	    #pj_story h3::before { bottom:30%; }
	    #pj_story h3::after { bottom:50.5%; }
	}
	
	@media only screen and (max-width:767px) {
		#pj_story a { background:#f5f2e5; position:relative; z-index:2; padding:40px 4.8% 40px 20%; }
		#pj_story a:after { content:""; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; 
		background: #f5f2e5 url(/files/user/office/common/bg_pj.png?v=1750056508&v=1750056508) no-repeat 70% 40% / 200% auto; }
		#pj_story h3 span { font-size:40px; }
		    #pj_story h3::before { bottom:37%; }
		.pj_story_ttl:after { top:calc(50% - 17px); right:-6px; }
	}

	@media only screen and (max-width:600px) {
		#pj_story a:after { background: #f5f2e5 url(/files/user/office/common/bg_pj.png?v=1750056508&v=1750056508) no-repeat 70% 50% / 200% auto; }

	}


/* ----------------------------------------------------
contents : work
---------------------------------------------------- */

.bg_bag:after, #page_pt_gallery4_detail2 #wrapper:after { content:""; position:absolute; top:0; left:calc(50% - 36.66%); width:73.33%; height:auto; padding:50% 0 0;
background:url(/files/user/factory/work/bg_bag.png?v=1730786498) no-repeat top left / contain; z-index:-2; }

.work_section_txt h3 span { color:#ff7b17; }
.work_section_txt .link { color: #ff7b17; }
.work_section_txt .link::before { border: 1px solid #ec6b3c; }
.work_section_txt .link::after { background: url(/files/user/part_time/common/ico_arrow_orange.png?v=1733298138) no-repeat top left / contain; }
.other_interview_ttl h3 { color:#1268ac!important; }
.other_interview_txt em { background:#ec6b3c!important; }
.other_interview_po { color:#1268ac; }
.other_interview ul li a::before { border:1px solid #7e7e7e!important; }
.other_interview ul li a::after { background: url(/files/user/office/common/ico_arrow_gray.png?v=1750144836) no-repeat top left / contain!important; }

.other_interview_po.green { color:#00a592; }
.other_interview_po.orange { color:#ea5a2b; }
.other_interview_po.purple { color:#6724c1; }
.other_interview_po.khaki { color:#826b00; }


	@media only screen and (max-width: 767px) {
		.bg_bag:after, #page_pt_gallery4_detail2 #wrapper:after { width:100%; }
	}


/* ----------------------------------------------------
contents : about
---------------------------------------------------- */

.organization_name span { color:#1268ac; }
.company_info li span:before { background:#1268ac; }

#page_ng_business .history .headline_center h3 { font-size:30px; }

/* ----------------------------------------------------
contents : future
---------------------------------------------------- */

.future_list em { color:#185da0; }
.future_market_txt p strong { color:#185da0; }


/* ----------------------------------------------------
contents : personality
---------------------------------------------------- */

.personality_main { max-width:767px; margin:0 auto 50px; padding:8% 0 0; position:relative; }
	.personality_main:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url(/files/user/part_time/personality/ttl_personality.png?v=1733298217) no-repeat top center / 100% auto; z-index:-1; }
	.personality_main.btm { margin:0 auto 100px; padding:0; }
	.personality_main.btm:after { display:none; }
.personality_main_img { max-width:531px; margin:0 auto 30px; }

.personality_main ul {}
.personality_main ul li { display:flex; justify-content:center; align-items:center; border-top:1px dotted #cbc39e; padding:20px 0 0; margin:20px 0 0px; font-weight:bold; }
.personality_main ul li em { width:11em; padding-left:5em; font-size:26px; }
.personality_main ul li p { width:calc(100% - 11em); font-size:15px; }

.factory_work_box ul { margin:50px auto 13%;}
.factory_work_box ul li { display:flex; justify-content:center; align-items:center; margin-bottom:40px; }
.factory_work_box_img { width:45%; text-align:center; padding-right:5%; }
.factory_work_box_img img { max-width:495px; }
.factory_work_box_txt { width:50%; }
.factory_work_box_txt strong { font-size:26px; display:block; margin-bottom:10px; font-weight:bold; }
.factory_work_box_txt ul li p { font-size:15px; }

#personality .future_message { margin:30px auto 0; border-top:none; padding-top:8%; max-width:1180px; }
#page_pt_philosophy .future_message_w100 { margin-top:30px; }


	@media print, screen and (max-width:1024px) {
		.personality_main_img { max-width:70%; }
		#page_pt_philosophy .headline_center h3 { font-size:30px; }
	}

	@media print, screen and (max-width:767px) {
		.personality_main_img { margin-top:5%; }
		.personality_main ul li { display:block; }
		.personality_main ul li em,.personality_main ul li p { width:100%; }
		.personality_main ul li em { padding-left:0; }
		.factory_work_box ul li { display:block; }
		.factory_work_box_img, .factory_work_box_txt { width:100%; }
		.factory_work_box_img { padding-right:0; margin-bottom:20px; }
		#page_pt_philosophy .headline_center h3 { font-size:24px; }
	}

	@media print, screen and (max-width:500px) {
		.personality_main ul li em { font-size:20px; }
		.factory_work_box_txt strong { font-size:20px; }
	}


/* ----------------------------------------------------
contents : job
---------------------------------------------------- */

.job_type_btn li.select .btn_solid { background:#ec6b3c; }
.job_type_box_ttl h3 { border-bottom:3px solid #ed7548; }
.job_type_box_ttl { border-bottom:1px solid #ed7548; }
.job_type_box_txt ul li strong { color:#ff7b17; }
.job_type_box_btn a { border:1px solid #ed7548; color:#ed7548; }
#job_type_slider .slick-prev, #job_type_slider .slick-next { border:1px solid #ec6b3c!important; }
#job_type_slider .slick-prev::before, #job_type_slider .slick-next::before { border-right:1px solid #ec6b3c!important; border-top:1px solid #ec6b3c!important; }
#job_type_slider .slick-dots li.slick-active button:before { background:#ec6b3c!important; }
#job .headline_center:after { background:#ed7548; }
.s-jobListTitle { border-bottom:1px solid #1268ac; }
.s-jobListTitle:after { border-bottom:3px solid #1268ac; }
.s-jobListTable th { color:#1268ac; }
.c-button-single.s-jobListButton .button.round.icon.border { border:1px solid #1268ac; color:#1268ac; }
#job .headline_center:after, #page_pt_job_detail .t-job_single-table-inner h2:after, .s-sectionHeadline--medium:after { background:#1268ac; }
.job_type_box_btn a, .t-job_single-fixedButton a { border:1px solid #1268ac; color:#1268ac; }

/*checkbox style*/
.job_type_btn li .btn_solid:has(input:checked) { background:#ec6b3c; color:#fff; }


/* ----------------------------------------------------
contents : environment
---------------------------------------------------- */

.environment_lead { text-align:center; margin:-70px auto 50px; }
.kido_figures_box .num span, .kido_figures_box .num p { top:22px; color:#1268ac; }
.kido_figure_box2 { display:flex; justify-content:space-between; width:100%; }
.kido_figure_box2 li { width: 47.68%; }
.kido_figures_box2 img { display:block; }
.work_flow img { max-width:1030px; display:block; margin:0 auto; }
.work_address strong,
.work_access strong { display:block; font-weight:bold; }
.work_address { margin-bottom:30px; }
.work_address strong { font-size:24px; }
.work_access strong { color:#ff7b17; font-size:20px; border-bottom:1px dashed #cac8be; margin-bottom:10px; }

.work_link a { position:relative; display:inline-block; padding-left:85px; margin-top:50px; color:#ff7b17; font-weight:bold; font-size:18px; line-height:1; }
	.work_link a::before { content:''; position:absolute; top:calc(50% - 25px); left:0; width:50px; height:50px; border-radius:50%; border:1px solid #ec6b3c; }
	.work_link a::after { content:''; position:absolute; top:calc(50% - 2px); left:40px; width:25px; height:8px; border-radius:50%;
	background:url(/files/user/part_time/common/ico_arrow_orange.png?v=1733298138) no-repeat top left / contain; }
	.work_link a:hover::after { left:15px; }

#page_ng_article1 .future_message_txt { padding:40px 0; }
#page_ng_article1 iframe { width:100%; height:100%; border-radius:30px; }

#page_ng_article1 .future_message_pic { width:49.27%; }
#page_ng_article1 .future_message_txt { width:42.74%; }

.welfare_list strong { font-weight:bold; font-size:24px; display:block; margin-bottom:10px; }
.welfare_list dt { color:#1268ac; }
.welfare_list dl dt:last-of-type { margin-top:20px; }
.welfare_img { padding:0 0 0px; position:relative; }
.welfare_img li { position:relative; }
.welfare_img li img:first-child {  }
.welfare_img li img:nth-child(2) { position:absolute; bottom:0; right:0; }
.welfare_img li img:last-child { position:absolute; bottom:0; right:0; }

.work_location li:before { color:#1268ac; }


	@media print, screen and (max-width:1100px) {
		.welfare_img { padding:0; }
		.welfare_img li { padding:0; margin:0; }
	    .welfare_img li img:first-child,
	    .welfare_img li img:nth-child(2),
	    .welfare_img li img:last-child { position:static; }
	}

	@media print, screen and (max-width:1024px) {
		.kido_figures_box .num span, .kido_figures_box .num p { top:10%; }
		#page_ng_article1 .future_message_txt .headline_center h3 { font-size:32px; }
		#page_ng_article1 .future_message_pic { width:40%; }
		#page_ng_article1 .future_message_txt { width:50%; }
	}

	@media print, screen and (max-width:767px) {
		.environment_lead { /*text-align:left;*/ margin:0px auto 50px; }
		#page_ng_article1 .future_message_txt .headline_center h3 { font-size:30px; }
		#page_ng_article1 .future_message { border-top:none; }
		#page_ng_article1 .future_message_txt { padding:40px 0 0; }
		.welfare_img { text-align:center; }
		#page_ng_article1 iframe { height:400px; }
		#page_ng_article1 .future_message_pic { margin-top:25px; }
		#page_ng_article1 .future_message_pic,#page_pt_article1 .future_message_txt { width:100%; }
	}

	@media print, screen and (max-width:600px) {
		#page_ng_article1 .future_message_txt .headline_center h3 { font-size:24px; }
		.work_address strong { font-size:20px; }
		.welfare_list strong { font-size:20px; }
	}


/* ----------------------------------------------------
contents : member
---------------------------------------------------- */

.interview_main_box { min-height:597px; }

.member01 { background-image:url(/files/user/office/member/img_member01_1.png?v=1750144001); }
.member02 { background-image:url(/files/user/office/member/img_member02_1.png?v=1750145179); }
.member03 { background-image:url(/files/user/office/member/img_member03_1.png?v=1752034784); }
.member04 { background-image:url(/files/user/office/member/img_member04_1.png?v=1752034785); }
.member05 { background-image:url(/files/user/office/member/img_member05_1.png?v=1750657556); }
.member06 { background-image:url(/files/user/office/member/img_member06_1.png?v=1752727376); }
.member07 { background-image:url(/files/user/office/member/img_member07_1.png?v=1752727378); }
.member08 { background-image:url(/files/user/office/member/img_member08_1.png?v=1752727375); }
.member09 { background-image:url(/files/user/office/member/img_member09_1.png?v=1750207496); }
.member10 { background-image:url(/files/user/office/member/img_member10_1.png?v=1750207496); }

.interview_main_ttl { width:51.62%; padding:5.5% 7% 3.0%; }
.interview_main_ttl h3 { color:#000; }
.interview_main_ttl h3 span { color:#1268ac; }
.interview_main_in span { background:none; padding:0; color:#1268ac; font-weight:bold; }
.interview_main_pr { margin:40px 0 5%; }
.interview_qa_ttl { color:#1268ac; }
.interview_qa p { color:#333; }
.interview_message h3 { color:#1268ac; }
.interview_message p { color:#333; }

.other_interview ul li a.no_link { pointer-events:none; }
.other_interview ul li a.no_link::before, .other_interview ul li a.no_link::after { display:none; }

.interview_mid .interview_qa_pic { margin-top:3%; }
.interview_mid .interview_qa > div { margin-bottom:50px; }
.interview_mid .interview_qa > div:last-child { margin-bottom:0; }

.interview_main_in span.green { color:#00a592; }
.interview_main_in span.orange { color:#ea5a2b; }
.interview_main_in span.purple { color:#6724c1; }
.interview_main_in span.khaki { color:#826b00; }


	@media print, screen and (max-width: 767px) {
	    .interview_main_pr { margin:10% 0 5%; }
		.interview_main_ttl { width:100%; padding:5.5% 7% 3.0%; }
	}


/* ----------------------------------------------------
contents : careerplan
---------------------------------------------------- */

.career_ojt { border-top:1px solid #e9e2c6; margin:0 calc(50% - 50vw); width:100vw; }
.ojt_bg01 { position:relative; }
.ojt_bg01:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fefef6; }
.ojt_bg01:last-of-type { border-bottom:1px solid #e9e2c6; }
.career_ojt_wrap { max-width:1210px; margin:0px auto; padding:0 30px; }
.career_ojt_box { position:relative; display:flex; justify-content:space-between; padding:60px 0; }
.career_ojt_box_pic { width:27.56%; }
.career_ojt_box_txt { width:66%; }
.career_ojt_box_txt h4 { font-size:24px; font-weight:bold; margin-bottom:20px; }
.career_ojt_box_txt h4 span { font-size:12px; color:#1268ac; padding-left:40px; }

.career_ojt_box_pic.ojt_pic { border-radius:20px; background-repeat:no-repeat; background-position:50% 30%; background-size:100% auto; }
.career_ojt_box_pic.ojt_pic01 { background-image:url(/files/user/office/member/img_member01.jpg?v=1750059026); }
.career_ojt_box_pic.ojt_pic02 { background-image:url(/files/user/office/member/img_member03.jpg?v=1752034784); }
.career_ojt_box_pic.ojt_pic03 { background-image:url(/files/user/office/member/img_member05.jpg?v=1750059026); }
.career_ojt_box_pic.ojt_pic04 { background-image:url(/files/user/office/member/img_member07.jpg?v=1752727377); }
.career_ojt_box_pic.ojt_pic05 { background-image:url(/files/user/office/member/img_member09.jpg?v=1750059027); }

	@media print, screen and (max-width: 767px) {
	    .career_ojt_box { flex-wrap:wrap; }
		.career_ojt_box_pic,.career_ojt_box_txt { width:95%; margin:0 auto; }
		.career_ojt_box_pic { order:1; margin:0 auto 30px; max-width:326px; }
		.career_ojt_box_txt { order:2; }
		.career_ojt_box_txt h4 span { display:block; padding:0; margin-top:0px; }
		.career_ojt_box_pic.ojt_pic { padding:50% 0 0; }
		.career_ojt_box_txt h4 { font-size:21px; }
	}

/* ----------------------------------------------------
contents : personality
---------------------------------------------------- */

.interview_block_wrap { max-width:1240px; margin:0px auto; }
.interview_block { border-top:1px solid #e8e5dc; padding:50px 0; }
.interview_block ul { display:flex; justify-content:space-between; }
.interview_block ul li { width:17.33%; }
.interview_block strong { display:block; margin-bottom:10px; font-size:20px; font-weight:bold; text-align:center; }
.interview_block_name { font-size:15px; position:relative; padding:5px 10px; border-bottom:1px dotted #bcbaae; }
.interview_block_name:after { content:"\02192"; position:absolute; top:5px; right:0; font-size:15px; }
.interview_block_name p { display:inline-block; }
.interview_block_pic { padding:63% 0; margin-bottom:20px; }

.interview_block_pic.chief_pic { border-radius:20px; background-repeat:no-repeat; background-position:50% 30%; background-size:100% auto; }
.interview_block_pic.chief_pic01 { background-image:url(/files/user/office/member/img_member01.jpg?v=1750059026); }
.interview_block_pic.chief_pic02 { background-image:url(/files/user/office/member/img_member03.jpg?v=1752034784); }
.interview_block_pic.chief_pic03 { background-image:url(/files/user/office/member/img_member05.jpg?v=1750059026); }
.interview_block_pic.chief_pic04 { background-image:url(/files/user/office/member/img_member07.jpg?v=1752727377); }
.interview_block_pic.chief_pic05 { background-image:url(/files/user/office/member/img_member09.jpg?v=1750059027); }


	@media print, screen and (max-width: 1024px) {
		.interview_block ul { flex-wrap:wrap; }
		.interview_block ul li { width:30%; margin-bottom:30px; }
		.interview_block ul::after { content:""; display:block; width:30%;　}

	}

	@media print, screen and (max-width: 767px) {
		.interview_block { padding:30px 0; }
		.interview_block ul li { width:47%; }
		.interview_block ul::after { width:47%;　}
		.interview_block_name p { display:block; }
		.interview_block_name:after { top:auto; bottom:5%; }
		
	}

	@media print, screen and (max-width: 500px) {
		.interview_block_name p { font-size:12px; }
		.interview_block strong { font-size:18px; }
	}

/* ----------------------------------------------------
contents : work
---------------------------------------------------- */
.department_section li  { display:flex; justify-content:space-between; align-items:center; background:#fefdf6; border-radius:10px; border:1px solid #e9e2c6; padding:25px 40px 25px 25px; margin-bottom:30px; }
.department_section_pic { width:27.82%; }
.department_section_txt { width:68%; } 
.department_section_txt h4 { font-size:24px; font-weight:bold; margin-bottom:10px; }
.department_section_txt h4 span { font-size:11px; color:#1268ac; padding-left:20px; }
.department_section_link { margin:20px 0 10px; position:relative; font-size:15px; transition:0.3s; }
	.department_section_link:before, .department_section_link:after { content:'';position:absolute; }
	.department_section_link:before { top:-3px; left:0; width:30px; height:30px; border-radius:50%; border:1px solid #1268ac; }
	.department_section_link:after { top:calc(50% - 4px); left:17px; width:30px; height:7px; background:url(/files/user/office/common/ico_arrow_blue.png?v=1748330817) no-repeat top left / contain; }
.department_section_link a { color:#1268ac; padding-left:50px; }
.department_section_link:hover::after { left:3px; }

.work_flow_pic { width:86.92%; margin:0 auto 50px; }
    
#page_ng_gallery4 #pj_story { max-width:1240px; margin:8% auto 8%; border:1px solid #e9e2c6; border-radius:15px;  }
.pj_story_upside { padding:40px 4.8% 40px 34%; background:#f5f2e5; border-radius:15px 15px 0 0; border-bottom:1px solid #e9e2c6; 
 position:relative; z-index:1; overflow:hidden; }
	.pj_story_upside:after { content:""; position:absolute; top:0; left:-30%; width:100%; height:100%; z-index:-1;
	background:url(/files/user/office/common/bg_pj.png?v=1750056508) no-repeat 100% 41% / 100% auto; }

#page_ng_gallery4 #pj_story h3 { display:flex; align-items:center; color:#1268ac; position:relative; }
#page_ng_gallery4 #pj_story h3 span { font-size:clamp(1.5rem, -0.981rem + 5.18vw, 3.438rem); padding-right:20px; }
#page_ng_gallery4 #pj_story h3::before,#pj_story h3::after { display:none; }
.pj_story_upside p { font-size:15px; }
.pj_story_bottom { padding:50px 50px 40px; background:#fffef7; border-radius:0 0 15px 15px; }
.pj_story_bottom ul li { border-bottom:1px dotted #e9e2c6; margin-bottom:20px; padding-bottom:20px; }
#page_ng_gallery4 #pj_story ul li a { display:flex; justify-content:flex-start; align-items:center; border:none; border-radius:0; padding:0; background:none; position:relative; }
#page_ng_gallery4 #pj_story ul li a:before { content:"\02192"; position:absolute; top:0; right:0; font-size:30px; color:#8c8c89; }
.pj_story_bottom ul li span { font-size:12px; padding-right:40px; font-weight:bold; }
.pj_story_bottom ul li p { font-size:24px; font-weight:bold; }

#page_ng_gallery4 #wrapper:before { content:""; position:absolute; top:10%; left:-25%; width:145%; height:auto; padding:50% 0;
    background: url(/files/user/office/work/bg_flow.png?v=1750070683) no-repeat top center / contain; z-index:-1; }

	@media print, screen and (min-width: 1301px) {
		#page_ng_gallery4 #wrapper:before { top:6%; left:-7.5%; width:105%; background:url(/files/user/office/work/bg_flow.png?v=1750070683) no-repeat top center; }

	}

	@media print, screen and (max-width: 1024px) {
		#page_ng_gallery4 #pj_story h3 { flex-wrap:wrap; }
		#page_ng_gallery4 #pj_story h3 span { display:block; width:100%; font-size:35px; }
	}

	@media print, screen and (max-width: 767px) {
		#page_ng_gallery4 #wrapper:before { top:7.75%; left:-25%; width:142%; background-size:100% auto; padding:60% 0; }
		.department_section li  { flex-wrap:wrap; padding:20px; }
		.department_section_pic,.department_section_txt { width:100%; }
		.department_section_pic { text-align:center; }
		.department_section_pic img { max-width:346px; margin:0 auto 20px; }
		#page_ng_gallery4 #pj_story a { flex-wrap:wrap; }
		.pj_story_upside { padding:20% 20px 20px; }
		.pj_story_bottom { padding:20px 20px 10px; }
		.pj_story_bottom ul li span { display:block; padding-right:0; }
		.pj_story_bottom ul li p { font-size:20px; width:90%; line-height:1.5; }
		#page_ng_gallery4 #pj_story ul li a:after { background:none; }
		#page_ng_gallery4 #pj_story ul li a:before { font-size:20px; top:calc(50% - 10px);  }
		.pj_story_upside:after { left:auto; right:-67%; top:-28%; width:150%; background: url(/files/user/office/common/bg_pj.png?v=1750056508&v=1750056508) no-repeat 100% 41% / 100% auto; }
	}

	@media print, screen and (max-width: 600px) {
		#page_ng_gallery4 #wrapper:before { top:6%; left:-32%; width:150%; }
		.work_flow_pic { width:120%; margin-left:-10%; }
		.department_section_txt h4 span { display:block; padding:0; }
	}


/* ----------------------------------------------------
contents : projectstory
---------------------------------------------------- */

#page_ng_article2_index #wrapper, #page_ng_article2 #wrapper, #page_ng_article2_2 #wrapper, #page_ng_article2_3 #wrapper { position:relative; }
	#page_ng_article2_index #wrapper:after, #page_ng_article2 #wrapper:after,
	#page_ng_article2_2 #wrapper:after, #page_ng_article2_3 #wrapper:after { content:""; position:absolute; z-index:-2;
top:0; right:calc(50% - 1000px); width:2000px; height: 100%; background:url(/files/user/office/projectstory/bg_pj.png?v=1750212273) no-repeat top right / 100% auto; }

#pj.content_ttl { padding:235px 0 0; }
#pj.content_ttl h2 { text-align:right; margin-bottom:80px; }
#pj.content_ttl h2 span { padding-right:6%; letter-spacing:0.01em; }

.pj_about { border-radius:25px; padding:37% 0 0; background:url(/files/user/office/projectstory/img_main.jpg?v=1750210623) no-repeat top center / 100% auto; }
.pj_about_inner { background:#fff; padding:50px 50px 100px; border-radius:25px 25px 0 0; }
.pj_about .headline_center h3 { font-size:36px; /*border-bottom:1px dotted #d5d5d5; padding:0 0 20px;*/ margin:0 0 20px; }
.pj_about_inner strong { display:block; color:#1268ac; font-size:18px; font-weight:bold; }
.pj_about_member { background:#f5f2e5; padding:50px; border-radius:25px; margin-top:-25px; }
.pj_about_member dt { font-size:22px; font-weight:bold; margin-bottom:20px; }
.pj_about_member dl dd { display:flex; justify-content:space-between; }
.pj_about_member dl ul { width:47%; border-top:1px dotted #c5c5c5; padding-top:20px; }
.pj_about_member dl ul li { display:flex; justify-content:flex-start; text-align:left; padding:0 0 5px; }
.pj_member_01 { width:12em; }
.pj_member_02 { width:14em; }
.pj_member_03 { width:4em; }

.pj_phase_wrap { margin:-17% 0 0; }
#page_ng_article2_index .pj_phase_wrap { margin:10% 0 0; }



.pj_phase_wrap .headline_center { margin-bottom:40px; width:45%; }

	#page_ng_article2_index .pj_phase_wrap .headline_center { border-bottom:1px dotted #d5d5d5; width:100%; }

.pj_phase_wrap .headline_center h3 { }
.pj_phase_wrap .headline_center span { font-size:34px; letter-spacing:0.1em; color:#515151; }

.pj_about_inner .headline_center span { font-size:16px!important; letter-spacing:0.05em!important; color:#1268ac!important; }

.pj_phase_wrap h4 { font-size:40px; }
.pj_story_box { display:flex; justify-content:space-between; margin:80px 0 50px; position:relative; }
	.pj_story_box:after { content:""; position:absolute; top:0; left:50%; width:100%; height:100%; border-left:1px dotted #ccc; z-index:-1; }
.pj_story_pic { width:46.45%; }
.pj_story_txt { width:45.96%; }
.pj_story_pic img { display:block; margin-bottom:100px; }
.pj_story_pic img:last-child { margin-bottom:0; }
.pj_story_txt p { margin-bottom:40px; line-height:2; }
.pj_story_txt p strong, .pj_story_txt p span { font-weight:bold; }

.pj_lead { width:45%; margin-bottom:10%; line-height:2; }

.pj_story_next_wrap { position:relative; margin: 0 calc(50% - 50vw); width: 100vw; padding:70px 0; }
.pj_bg:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; z-index:-1; }
.pj_story_next { max-width:1300px; margin:0px auto; padding:0 30px; }
.pj_story_next a { display:flex; justify-content:space-between; align-items:center; position:relative; }
.pj_story_next_pic { width:28.87%; }
.pj_story_next_txt { width:66.45%; }
.pj_story_next_pic img { display:block; }
.pj_story_next_txt p { position:relative; padding-top:30px; font-size:34px; font-family:"lion_hare", sans-serif; letter-spacing:0.1em; }
	.pj_story_next_txt p:before { content:"PROJECT STORY"; position:absolute; top:0; left:0; width:100%; font-size:20px; z-index:-1; font-family:"lion_hare", sans-serif; letter-spacing:0.2em; }
.pj_story_next_txt p span { display:block; font-size:55px; }

	.pj_story_next a::before { content:''; position:absolute; top:calc(50% - 25px); right:0; width:50px; height:50px; border-radius:50%; border:1px solid #8c8c89; }
	.pj_story_next a::after { content:''; position:absolute; top:calc(50% - 1px); right:-10px; width:25px; height:8px; 
	background:url(/files/user/office/common/ico_arrow_gray.png?v=1750144836) no-repeat top left / contain; }

	.pj_story_next a:hover::after { right:10px; }

.message_inner { max-width:1420px; margin:0% auto; padding:0 30px; }
#page_ng_article2_3 .future_message_wrap .headline_center h3 { font-size:34px; position:relative; padding:60px 0; }
#page_ng_article2_3 .future_message_wrap .headline_center h3:after { content:"MESSAGE"; position:absolute; top:-10%; left:0; width:100%; height:100%; text-align:center; color:#ebeee8; 
font-size:140px; font-weight:500; z-index:-1; font-family:"lion_hare", sans-serif; letter-spacing:0.1em; }


#page_ng_article2_3 .future_message { background:#0266b3; color:#fff; padding:0; border-radius:20px; }
#page_ng_article2_3 .future_message_pic img { display:block; }
#page_ng_article2_3 .future_message_txt { padding:60px 70px 50px; width:66.32%; }
#page_ng_article2_3 .future_message_pic { width:33.67%; background:url(/files/user/office/projectstory/img_ceo.jpg?v=1750216638) no-repeat  37% 38% / 155% auto; border-radius:20px 0 0 20px; }
#page_ng_article2_3 .future_message strong { font-size:30px; display:block; margin-bottom:20px; font-weight:bold; }

#page_ng_article2_3 .interview_block_wrap { margin-top:100px; }
#page_ng_article2_3 .interview_block_wrap .headline_center h3 { font-size:24px; color:#0164b2; }
#page_ng_article2_3 .interview_block_wrap .headline_center h3 span { color:#b0afa7; }
#page_ng_article2_3 .link { margin:30px auto 0; text-align:center; }


@media print, screen and (max-width: 1024px) {
	.pj_about_member dl ul li { font-size:14px; }
	.pj_phase_wrap .headline_center h3 { font-size:clamp(2.25rem, 0.394rem + 3.88vw, 2.875rem); }
	.pj_phase_wrap h4 { font-size:clamp(1.875rem, 0.019rem + 3.88vw, 2.5rem); }

	#page_ng_article2_3 .future_message { flex-wrap:wrap; }
	#page_ng_article2_3 .future_message_pic { width:100%; padding:100% 0 0; background-size:100% auto; border-radius:20px 20px 0 0; order:1; margin:0; }
	#page_ng_article2_3 .future_message_txt { padding:30px 30px 50px; width:100%; order:2; }

}

@media print, screen and (max-width: 767px) {
	#page_ng_article2_index #wrapper:after, #page_ng_article2 #wrapper:after,
	#page_ng_article2_2 #wrapper:after, #page_ng_article2_3 #wrapper:after { width:200%; right:calc(50% - 100%); height:100%; }
	.pj_about { padding-top:50%; }
	#pj.content_ttl { padding:25% 0 0;}
	#pj.content_ttl h2 { margin-bottom:40px; }
	.pj_about_inner { padding:40px 30px 50px; border-radius: 25px 25px 0 0; }
	.pj_about .headline_center h3 { font-size:clamp(1.25rem, 0.892rem + 1.79vw, 1.75rem); }
	.pj_about_member { padding:40px 30px 50px; }
	.pj_about_member dt { font-size:clamp(1.125rem, 0.946rem + 0.89vw, 1.375rem); margin-bottom:10px; }
	.pj_about_member dl dd { flex-wrap:wrap; }
	.pj_about_member dl ul { width:100%; }
	.pj_about_member dl ul:first-child { padding-bottom:10px; }
	
	.pj_member_01 { width:10em; }
	.pj_member_03 { text-align:center; }
	#page_ng_article2_index .headline_center { margin-bottom:30px; }
	.pj_story_box { flex-wrap:wrap; margin:30px 0 50px; }
	.pj_story_pic, .pj_story_txt { width:100%; }
	.pj_story_box:after { display:none; }
	.pj_story_pic img, .pj_story_pic img:last-child { margin-bottom:50px; }

	.pj_phase_wrap { margin:10% 0 0; }
	.pj_phase_wrap .headline_center { width:100%; margin-bottom:20px; }

	.pj_phase_wrap .headline_center span { font-size:clamp(1.25rem, 0.624rem + 3.13vw, 2.125rem); }
	.pj_phase_wrap .headline_center h3 { font-size:clamp(1.375rem, 1.286rem + 0.45vw, 1.5rem); }
	.pj_phase_wrap h4 { font-size:clamp(1.375rem, 1.286rem + 0.45vw, 1.5rem); }
	.pj_lead { width:100%; margin-bottom:50px; }

	.pj_story_next_wrap { padding:30px 0; margin-bottom:30%; }
	.pj_story_next { padding:0 40px; }
	.pj_story_next a { flex-wrap:wrap; }
	.pj_story_next_pic { width:70%; text-align:center; }
	.pj_story_next_txt { width:100%; }
	.pj_story_next_txt p { margin-top:20px; font-size:24px; }
	.pj_story_next_txt p span { font-size:45px; display:block; width:100%; }

	#page_ng_article2_3 .future_message_wrap .headline_center h3 { font-size:24px; padding:60px 0; }
	
	#page_ng_article2_3 .future_message strong { font-size:24px; }
	#page_ng_article2_3 .future_message_pic img { border-radius:0 0 25px 25px; }

}

@media print, screen and (max-width: 500px) {
	.pj_about_inner { padding:30px 20px 40px; }
	.pj_about_member { padding:30px 20px 40px; }
	.pj_about_member dl ul li { font-size:11px; }
	.pj_story_next_txt p { font-size:22px; }

}


/* ----------------------------------------------------
contents : future
---------------------------------------------------- */
.future_ceo_sign { margin-left:auto; width:142px; flex-wrap:wrap; font-size:12px; }
.future_ceo_sign img { padding:10px 0 0; display:block; }


/* ----------------------------------------------------
entry
---------------------------------------------------- */

.s-entryTab-item.is-active { background:#1268ac; }
.c-button-single button, .entry_btn button, .back_btn button, .c-button-single .button.round.icon.border { background:#1268ac; }


/* ----------------------------------------------------
footer
---------------------------------------------------- */

#footer:after { background:url(/files/user/office/common/bg_footer.png?v=1750053986) no-repeat top left / contain; }
.tiktok { background:url(/files/user/factory/common/ico_tiktok.png?v=1730786395) no-repeat center center / 40% auto; }
#page_top { background:url(/files/user/factory/common/ico_pagetop.png?v=1730786394) no-repeat center center / contain; }
.f_nav_box .logo { max-width:444px; }