@charset "utf-8";
@media (max-width: 1500px) {
	.all_mv { width:95%; }
	.all_mv_copyright { left:-2.4%; }
	.all_intro_sec:after { width:94%; }
	.all_page_top { left:2.53%; }
	/*
		top
	*/
	.top_works_img_list_sec .top_works_img { height:24.5vw; }
	/*
		solution
	*/
	.solution_sec { background-size:1500px; }
	/*
		profile
	*/
	.profile_company:after { width:6%; }
	/*
		footer
	*/
	.footer_double_link { background-size:55.7%; }
	.footer_double_link a { padding:27.4% 0 20.8%; }
	.footer_contact:after { width:6%; }
}
@media (max-width: 1350px) {
	/*
		header
	*/
	.header_list { padding-right:100px; }
	.header_contact { right:30px; }
	#snackbar2 {right:30px;}
	/*
		top
	*/
	.top_works_case_left { padding-right:16%; }
	.top_solution_type_list li { height:200px; }
}
@media (max-width: 1250px) {
	#container { padding-top:150px; }
	/* snackbar をモバイルメニュー(ヘッダー z-index:10)の背面に下げる */
	#snackbar2 { z-index: 5; }
	/*
		header
	*/
	#header { background:#fff; height:59px; border-bottom:1px #E9E9E9 solid; }
	.header_logo,
	#header.scroll .header_logo { width:auto; height:59px; left:0px; top:0px; }
	.header_list, .top .header_list { background:#fff; width:100%; padding-right:0; position:absolute; top:59px; display:none; border-bottom:1px #E9E9E9 solid; }
	.header_list .header_list_contact { display:inline-block; }
	.header_list li:nth-child(n+2) { margin-left:25px; }
	.header_list a, #header.scroll .header_list a, .top .header_list a { padding:40px 0; }
	.top .header_list a { color:#000; }
	.header_list a:after { display:none; }
	.header_ham {
		width:60px;
		height:59px;
		display:block;
		position:absolute;
		right:0;
		top:0;
		cursor:pointer;
	}
	.header_ham div { background:#000; width:30px; height:2px; position:absolute; left:15px; transition: all 0.4s ease; }
	.header_ham div:nth-child(1) { top:18px; }
	.header_ham div:nth-child(2) { top:28px; }
	.header_ham div:nth-child(3) { top:38px; }
	#header.open div:nth-child(1) { top:18px; }
	#header.open .header_ham div:nth-child(1) { transform:translateY(10px) rotate(-135deg); }
	#header.open .header_ham div:nth-child(2) { opacity:0; }
	#header.open .header_ham div:nth-child(3) { transform:translateY(-10px) rotate(-225deg); }
	.header_contact { display:none; }
	.header_contact, #header.scroll .header_contact { right:60px; top:0; }
	.up_month1 .header_contact, .up_month1 #header.scroll .header_contact { right:0; }
	.header_contact a, .top .header_contact a, #header.scroll .header_contact a, .top #header.scroll .header_contact a { border:1px #E9E9E9 solid; border-right:none; border-top:none; border-bottom:none; line-height:59px; border-radius:0; color:#000; }
	.top .header_contact a:after { background-image:url("../images/header_bg_contact_arrow.png"); }
	.all_lang_list { top:75px; right:18px; z-index:2; }
}
@media (max-width: 960px) {
	.all_case_column_sec .all_case_column:nth-child(n+2):after { width:calc(100% - 40px); }
	.all_case_column_text { padding:0 20px 0 40px; }
	.all_case_column_reverse .all_case_column_text { padding:0 40px 0 20px; }
	.all_case_other_text { width:100%; padding:0 0 65px; }
	.all_case_more { left:0; }
	.all_case_other_img { width:100%; height:400px; min-height:auto; margin-top:50px; position:static; }
	/*
		top
	*/
	.top #container { padding-top:59px; }
	.top_mv { height:calc(100vh - 60px); }
	.top_works_img_list_title { height:27%; }
	.top_solution_type_list li { height:150px; }
	/*
		works
	*/
	.works_slide_container { padding:70px 50px; }
	.works_slide_text { width:100%; padding:0; }
	.works_slide_bg { width:100%; height:400px; margin-top:50px; position:static; }
	/*
		solution
	*/
	.solution_intro_list li { width:100%; }
	.solution_intro_list li:nth-child(2n) { margin-left:0; }
	.solution_intro_list li:nth-child(n+2) { margin-top:30px; }
}
@media (max-width: 768px) {
	.all_mv { width:calc(100% - 70px); height:450px }
	.all_mv_title { width:85%; min-width:auto; padding:50px 0 50px 60px; bottom:-50px; }
	.all_mv_copyright { left:-30px; }
	.all_intro_sec:after { width:100%; }
	.all_page_top { left:25px; bottom:30px; }
	.all_case_mv_title_main { margin-top:10px; }
	.all_case_column_sec .all_case_column:nth-child(n+2):after { width:100%; }
	.all_case_column_img { width:100%; position:static; }
	.all_case_column_text, .all_case_column_reverse .all_case_column_text { width:100%; padding:50px 0 0; }
	.all_case_other_img { height:300px; }
	/*
		header
	*/
	.header_list { padding:25px 0; text-align:left; }
	.header_list li { width:33.3%; text-align:center; }
	.header_list li:nth-child(n+2) { margin-left:0; }
	.header_list a, #header.scroll .header_list a, .top .header_list a { padding:20px 0; }
	.header_list .header_list_contact { width:180px; margin:0 auto !important; padding:15px 0 10px; display:block !important; }
	.header_list .header_list_contact a { padding:15px 0 !important; border:1px #333 solid; }
	/*
		top
	*/
	.top_mv_copyright { right:35px; }
	.top_mv_scroll { left:35px; }
	.top_works_img_list_sec .top_works_img { height:42vw; }
	.top_works_text { width:85%; margin:0 auto; }
	.top_works_content .all_text { margin-top:35px; }
	.top_works_more { width:48%; margin-top:50px; }
	.top_works_img_list_sec { width:85%; margin:-60px auto 0; position:static; transform:none; }
	.top_works_img_list_title { display:none; }
	.top_works_case { margin-top:150px; }
	.top_works_case_left { width:100%; padding:100px 7.5% 80px; }
	.top_works_case_slide { width:100%; position:relative !important; top:0; }
	.top_works_case .all_text { margin-top:35px; }
	.top_solution .all_copy { margin-top:50px; }
	.profile_intro_text { width:100%; margin-left:0; padding-top:60px; }
	/*
		works
	*/
	.works_slide_bg { height:300px; }
	.works_slide_sec .slick-prev { left:-25px; }
	.works_slide_sec .slick-next { right:-25px; }
	/*
		case
	*/
	.case .all_mv_title { padding:30px 20px 30px 50px; }
	/*
		solution
	*/
	.solution_sec { background-size:100%; }
	.solution_list li { padding-top:0; }
	.solution_list_content,
	.solution_list li:nth-child(2n) .solution_list_content { width:100%; padding:9%; }
	.solution_list_img { width:100%; margin-bottom:35px; position:static; text-align:center; }
	/*
		profile
	*/
	.profile_intro_img { width:100%; max-width:469px; height:440px; margin:0 auto; display:block; overflow:hidden; }
	.profile_intro_sec_reverse .profile_intro_img { position:static; }
	.profile_intro_sec_president .profile_intro_img img { transform:translateY(-10%); }
	.profile_intro_sec_officer .profile_intro_img img { transform:translateY(-5%); }
	.profile_company:after { display:none; }
	.profile_location_list_bottom_right { padding-left:40px; }
	/*
		recruit
	*/
	.recruit_interview_img { width:100%; position:static; }
	.recruit_interview_box { width:100%; }
	/*
		footer
	*/
	.footer_double_link { background-position:bottom 30px right 20px; }
	.footer_contact:after { display:none; }
	.footer_bottom_list { width:100%; max-width:350px; margin:0 auto; text-align:left; }
	.footer_bottom_list li { width:33.3%; text-align:center; }
	.footer_bottom_list li:nth-child(n+2) { margin-left:0; }
	.footer_bottom_list li:nth-child(n+4) { margin-top:40px; }
	.footer_bottom_list a { font-size:14px; }
	.landing_img { width:100%; max-width:469px; margin:0 auto; display:block; overflow:hidden; }
}
@media (max-width: 600px) {
	.all_table th { width:100%; margin-top:15px; padding:15px 0; display:block; border-top:none; border-right:none; }
	.all_table td { width:100%; padding:15px 25px; display:block; }
	.all_table tr:nth-child(1) th { margin-top:0; }
	.all_table tr:nth-child(1) td { border-top:1px #fff solid; }
	.all_case_other_img { height:200px; }
	/*
		top
	*/
	.top_works_more { width:100%; }
	.top_works_img_list_sec { margin-top:50px; }
	.top_solution_type_list li { width:49.5%; }
	.top_solution_type_list li:nth-child(n+2) { margin-left:1%; }
	.top_solution_type_list li:nth-child(2n-1) { margin-left:0; }
	.top_solution_type_list li:nth-child(n+3) { margin-top:1%; }
	/*
		news
	*/
	.news-area {
		left : 50%;
		transform: translateX(-70%);
	}
	.news-item {font-size: small;}
	/*
		works
	*/
	.works_slide_bg { height:200px; }
	/*
		profile
	*/
	.profile_vision_description_list > li { width:100%; }
	.profile_vision_description_list > li:nth-child(n+2) { margin:30px 0 0; }
	.profile_facility_list li { width:100%; }
	.profile_facility_list li:nth-child(2n) { margin-left:0; }
	.profile_facility_list li:nth-child(n+2) { margin-top:40px; }
	.profile_location_list_bottom_left { width:100%; padding-right:0; border-right:none; }
	.profile_location_list_bottom_right { width:100%; margin-top:25px; padding-left:0; }
	.profile_history .all_table th { width:70px; min-width:70px; display:table-cell; border-top:1px #fff solid; border-right:1px #fff solid; }
	.profile_history .all_table td { padding:15px; display:table-cell; }
	.profile_history .all_table tr:nth-child(1) th, .profile_history .all_table tr:nth-child(1) td {
		border-top:none;
	}
}
@media (max-width: 490px) {
	.pc { display:none; }
	#container { padding-top:120px; }
	.all_section { padding:90px 0 100px; }
	.all_mv { width:calc(100% - 59px); height:350px; }
	.all_mv_title { width:calc(100% - 59px); padding:25px 0 25px 30px; bottom:-30px; }
	.all_mv_title_main { margin-right:0; letter-spacing:4px; font-size:25px; }
	.all_mv_title_sub { display:block; font-size:12px; }
	.all_mv_copyright { left:-27px; }
	.all_intro_sec { padding:130px 0 100px; }
	.all_title_head { margin-bottom:30px; padding-right:35px; font-size:12px; }
	.all_title_head:after { width:28px; }
	.all_title_main_en { font-size:22px; }
	.all_title_main_en_big { font-size:28px; }
	.all_title_main_jp { font-size:21px; }
	.all_title_sub_en { margin-top:10px; font-size:11px; }
	.all_title_sub_jp { margin-top:10px; font-size:11px; }
	.all_title_sub_jp_big { margin-top:10px; font-size:12px; }
	.all_text { font-size:13px; }
	.all_copy_title { margin-bottom:35px; font-size:20px; }
	.all_copy { text-align:left; font-size:14px; }
	.all_copy span { display:inline; }
	.all_more { max-width:200px; line-height:50px; font-size:14px; }
	.all_more:after { right:15px; }
	.all_intro_title { margin-bottom:25px; font-size:20px; }
	.all_table th, .all_table td { font-size:13px; }
	.all_page_top { left:20px; bottom:25px; }
	.all_page_top img { width:8px; }
	.all_case_mv_title_sub { letter-spacing:2px; font-size:11px; }
	.all_case_mv_title_main { font-size:18px; }
	.all_case_mv_title_name { font-size:10px; }
	.all_case_column_sec .all_case_column:nth-child(n+2) { margin-top:60px; padding-top:65px; }
	.all_case_column_text, .all_case_column_reverse .all_case_column_text { padding-top:30px; }
	.all_case_column_title { font-size:19px; }
	.all_case_column_text .all_text { margin-top:15px; }
	.all_case_triple_img { margin-top:70px; }
	.all_case_other { margin-top:80px; }
	.all_case_triple_img { width:120%; transform:translateX(-8.3%); }
	.all_case_other { padding:40px 25px; }
	.all_case_other_img { height:150px; margin-top:40px; }
	.all_case_other .all_title_main_jp { font-size:19px; }
	.all_video_sec { padding-top:100px; }
	.all_video { margin-top:35px; }
	.all_policy_content { margin-top:40px; font-size:14px; }
	.all_policy_list { margin-top:20px; }
	.all_policy_list li:nth-child(n+2) { margin-top:10px; }
	.all_policy_title { margin-top:45px; font-size:18px; }
	.all_policy_title_sub { margin-top:20px; }
	.all_policy_list_sub, .all_policy_text { margin-top:5px; }
	.all_policy_footer { margin-top:30px; }
	.all_video_tag { margin-top:35px; }
	/*
		header
	*/
	.header_list a { font-size:14px; }
	.header_contact, #header.scroll .header_contact { top:0; }
	.header_contact a { width:160px; padding-left:20px; line-height:59px; font-size:14px; }
	#header.scroll .header_contact a { line-height:59px; }
	.header_contact a:after { width:26px; right:20px; }
	/*
		top
	*/
	.top_mv { background:url("../images/top_bg_mv_sp.jpg") no-repeat center / cover; }
	.top_mv_copyright { right:20px; }
	.top_mv_scroll { width:12px; height:112px; left:20px; bottom:20px; }
	.top_mv_scroll_text { font-size:11px; }
	.top_mv_scroll_border { height:60px; }
	.top_info .content { padding:35px 0 25px; }
	.top_info_title { display:block; font-size:12px; }
	.top_info_title:after { display:none; }
	.top_info_list { margin-top:10px; width:100%; }
	.top_info_list a, .top_info_list span { font-size:14px; }
	.top_works { padding-top:100px; }
	.top_works_bg_text { width:250px; top:45px; }
	.top_works_content .all_text { margin-top:25px; }
	.top_works_more { margin-top:35px; }
	.top_works_case { margin-top:100px; }
	.top_works_case_left { padding:80px 7.5% 60px; }
	.top_works_case .all_text { margin-top:25px; }
	.top_works_case_more { margin-top:35px; }
	.top_solution { padding-top:100px; }
	.top_solution .all_copy { margin-top:40px; }
	.top_solution_type { padding:50px 5px 70px; }
	.top_solution_type_list li { height:130px; }
	.top_solution_type_list .top_solution_type_list_inner > span { font-size:16px; }

	/*
		news
	*/
	.news-area {
		left : 50%;
		transform: translateX(-70%);
	}
	.news-item {font-size: small;}
	/*
		works
	*/
	.works_list li { width:47%; }
	.works_list li:nth-child(n+2) { margin-left:6%; }
	.works_list li:nth-child(2n-1) { margin-left:0; }
	.works_list li:nth-child(n+3) { margin-top:35px; }
	.works_list_top { margin-top:10px; font-size:11px; }
	.works_list_bottom { font-size:14px; }
	.works_slide_sec { margin-top:80px; }
	.works_slide_container { padding:40px 25px; }
	.works_slide .all_title_main_jp { font-size:19px; }
	.works_slide .all_text { margin-top:25px; }
	.works_slide_bg { height:150px; margin-top:35px; }
	.works_slide_sec .slick-prev { left:-18px; }
	.works_slide_sec .slick-next { right:-18px; }
	/*
		case
	*/
	.case .all_mv_title { padding:25px 10px 25px 30px; }
	/*
		News
	*/
	.news_intro_list_top { padding-left:0; }
	.news_intro_list { margin-top:40px; }
	.news_intro_list li { padding:30px 20px 25px; }
	.news_intro_list_number { position:relative; top:auto; left:auto; display:inline-block; transform:none; letter-spacing:2px; font-size:40px; }
	.news_intro_list_number:after { display:none; }
	.news_intro_list_title { margin-top:15px; display:block; font-size:17px; }
	.news_intro_list_title_inner { display:block; }
	.news_intro_list .all_text { padding-top:16px; }
	.news_content { margin-top:40px; }
	.news_content .all_copy_title { margin-bottom:35px; }
	.news_list { margin-top:45px; }
	.news_list li:nth-child(n+2) { margin-top:35px; }
	.news_list_content,
	.news_list li:nth-child(2n) .news_list_content { padding:30px 25px; }
	.news_list_title_big { font-size:20px; }
	.news_list_title_small { margin-top:10px; font-size:13px; }
	.news_list_text .all_text { margin-top:15px; }
	.news_list_img { margin-bottom:20px; }
	
	/*
		solution
	*/
	.solution_intro_list_top { padding-left:0; }
	.solution_intro_list { margin-top:40px; }
	.solution_intro_list li { padding:30px 20px 25px; }
	.solution_intro_list_number { position:relative; top:auto; left:auto; display:inline-block; transform:none; letter-spacing:2px; font-size:40px; }
	.solution_intro_list_number:after { display:none; }
	.solution_intro_list_title { margin-top:15px; display:block; font-size:17px; }
	.solution_intro_list_title_inner { display:block; }
	.solution_intro_list .all_text { padding-top:16px; }
	.solution_content { margin-top:40px; }
	.solution_content .all_copy_title { margin-bottom:35px; }
	.solution_list { margin-top:45px; }
	.solution_list li:nth-child(n+2) { margin-top:35px; }
	.solution_list_content,
	.solution_list li:nth-child(2n) .solution_list_content { padding:30px 25px; }
	.solution_list_title_big { font-size:20px; }
	.solution_list_title_small { margin-top:10px; font-size:13px; }
	.solution_list_text .all_text { margin-top:15px; }
	.solution_list_img { margin-bottom:20px; }
	/*
		profile
	*/
	.profile .all_intro_sec { padding-top:130px; }
	.profile .all_intro_sec .content .profile_intro_sec:nth-child(n+2) { margin-top:70px; }
	.profile_intro_img { height:350px; }
	.profile_intro_text { padding-top:35px; }
	.profile_intro_name { margin:10px 0 25px; font-size:12px; }
	.profile_mv { padding-top:150px; }
	.profile_mission { margin-top:40px; }
	.profile_mission span:nth-child(1) { letter-spacing:1px; font-size:27px; }
	.profile_mission span:nth-child(2) { margin-top:15px; font-size:16px; }
	.profile .all_video_sec { padding-top:100px; }
	.profile_title_second { margin-top:90px; }
	.profile_vision_list { margin-top:45px; }
	.profile_vision_list li { font-size:17px; }
	.profile_vision_list li:nth-child(n+2) { margin-top:20px; }
	.profile_vision_description_list { margin-top:45px; }
	.profile_vision_description_list_title p { font-size:15px; }
	.profile_vision_description_list_sub_sec { padding:25px 15px; }
	.profile_vision_description_list_sub li { font-size:14px; }
	.profile_facility { padding:100px 0; }
	.profile_facility_list_title_top { font-size:13px; }
	.profile_facility_list_title_bottom { font-size:18px; }
	.profile_facility_list_text { padding:28px 26px; }
	.profile_facility_list .all_text { margin-top:15px; }
	.profile_company { padding:90px 0 100px; margin-top: 100px; }
	.profile_company_security_button { margin-top:55px; }
	.profile_company_security_button .all_more { max-width:280px; }
	.profile_history { margin-top:0; padding-top:0; }
	.profile_location_list > li:nth-child(n+2) { margin-top:80px; }
	.profile_location_list_top { margin-bottom:30px }
	.profile_location_list_top_left { width:100%; margin-right:0; }
	.profile_location_list_top_right { width:100%; margin-top:2%; }
	.profile_location_list_top_right li { width:32%; display:inline-block; }
	.profile_location_list_top_right li:nth-child(n+2) { margin:0 0 0 2%; margin-top:0; }
	.profile_location_list_bottom_title { font-size:18px; }
	.profile_location_list_bottom_address { margin-top:20px; }
	.profile_location_list_bottom_small { margin-top:8px; }
	/*
		recruit
	*/
	.recruit .all_intro_sec { padding-top:130px; }
	.recruit_tab_list li { width:50%; }
	.recruit_tab_list li:nth-child(2n-1) { border-left:1px #DADADA solid; }
	.recruit_tab_list li:nth-child(n+3) { margin-top:35px; }
	.recruit_tab_list a { font-size:13px; }
	.recruit_tab_list a.on:after { bottom:-10px; }
	.recruit_sec { margin-top:90px; }
	.recruit_sec_first { margin-top:0; }
	.recruit_interview_box { padding-top:30px; }
	.recruit_interview_job { font-size:12px; }
	.recruit_interview_title { font-size:20px; }
	.recruit_interview_box .all_text { margin-top:15px; }
	.recruit .all_table { margin-top:50px; }
	/*
		thanks
	*/
	.thanks_link { margin-top:60px; }
	/*
		footer
	*/
	#footer { padding-top:70px; }
	.footer_double_link { background-position:bottom 20px right 10px; }
	.footer_double_link_main { letter-spacing:3px; font-size:20px; }
	.footer_double_link_sub { margin-top:10px; font-size:12px; }
	.footer_contact { padding:80px 0; }
	.footer_contact_title { font-size:28px; }
	.footer_contact .all_text { margin-top:30px; }
	.footer_contact_link { margin-top:30px; }
	.footer_contact_link .all_more { line-height:66px; }
	.footer_bottom { padding:80px 0; }
	.footer_copyright { margin-top:65px; }
	.footer_copyright small { font-size:11px; }
}
@media (max-width:360px) {
	/*profile*/
	.profile_mission span:nth-child(1) { font-size:25px; }
}
@media (max-width: 490px) {
	.header_contact{display: none;}
	#snackbar2 {right:30px}
	.landing_img img#tomail { width:75%; }
}
@media (orientation: landscape) {
	.top_mv {
	  max-height: 100vh;
	}
}
@media (max-height: 350px) {
	.news-area {
		display: none;
	}
	
}

/* Xinyi homepage service refresh responsive */
@media (max-width: 900px) {
  .top_solution_type_list { grid-template-columns: 1fr; gap: 16px; }
  .top_solution_type_list li,
  .top_solution_type_list li:nth-child(n+2),
  .top_solution_type_list li:nth-child(n+3) { width: auto; height: 230px; margin: 0; }
}
@media (max-width: 480px) {
  .top_solution_type { padding: 44px 12px 58px; }
  .top_solution_type_list li,
  .top_solution_type_list li:nth-child(n+2),
  .top_solution_type_list li:nth-child(n+3) { height: 210px; }
  .top_solution_type_list .top_solution_type_list_inner > span { width: calc(100% - 36px); left: 18px; bottom: 68px; font-size: 19px; }
  .top_solution_type_list .top_solution_type_list_inner > em { left: 18px; right: 18px; bottom: 24px; font-size: 12px; }
}

/* Xinyi network company hero visuals responsive */
@media (max-width: 600px) {
  .top_mv { background-image: url("../images/network_company_hero.svg?v=202605172207") !important; background-position: center; }
  .top_network_visual { background-position: center; }
  .profile .all_mv,
  .location .all_mv,
  .solution .all_mv,
  .contact .all_mv,
  .news .all_mv,
  .works .all_mv { background-image: url("../images/network_company_hero.svg?v=202605172207") !important; }
}