@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"Noto Sans", "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif; letter-spacing:1px; }
.clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } /* Crearfix for Modern Browsers including Firefox, Opera, Safari, etc */
.clearfix { display:inline-block; } /* For Windows IE7 and Mac IE5 */
* html .clearfix{ height:1px; } /* For Windows IE5/IE6: Hides from IE-mac */
.clearfix { display:block; }
.clear { clear:both; } /* End hide from IE-mac */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none; transition: all 0.4s ease; }
a.hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }

/* wrapper  ----------------------- */
#wrapper { position:relative; overflow:hidden; }
#container { padding-top:230px; }
.content_max { width:100%; max-width:1500px; margin:0 auto; }
.content_big { width:85%; max-width:1220px; margin:0 auto; position:relative; z-index:2; }
.content { width:85%; max-width:1120px; margin:0 auto; }
.all_section { padding:130px 0; }

/* color  ----------------------- */

/* font  ----------------------- */

/* animation  ----------------------- */
.tran {
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

/*共通  ----------------------- */
.all_bold {
	font-family:'Noto Sans Bold',sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.all_new_line { display:inline-block; letter-spacing:inherit; font-family:inherit; }

/*all_mv*/
.all_mv {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:calc(100% - 80px);
	height:710px;
	margin-left:auto;
	position:relative;
	z-index:2; 
}
.works .all_mv { background-image:url("../images/works_bg_mv.jpg"); background-position:bottom left 5%; }
.news .all_mv { background-image:url("../images/news_bg_mv.jpg"); background-position:bottom left 5%; }
.bicqlo .all_mv { background-image:url("../images/bicqlo_bg_mv.jpg"); background-position:top left 15%; }
.uniqlo .all_mv { background-image:url("../images/uniqlo_bg_mv.jpg"); background-position:top left 30%; }
.profile .all_mv { background-image:url("../images/profile_bg_mv.jpg"); background-position:center left 52%; }
.location .all_mv { background-image:url("../images/location_bg_mv.jpg"); background-position:center bottom; }
.solution .all_mv { background-image:url("../images/solution_bg_mv.jpg"); background-position:right 30% bottom; }
.recruit .all_mv { background-image:url("../images/recruit_bg_mv.jpg"); background-position:right top; }
.contact .all_mv { background-image:url("../images/contact_bg_mv.jpg"); }
.all_mv_title {
	background:#000;
	width:43.7%;
	min-width:622px;
	padding:72px 0 72px 75px;
	position:absolute;
	right:0;
	bottom:-70px;
	letter-spacing:0;
	font-size:0;
}
.all_mv_title_main {
	margin-right:12px;
	display:inline-block;
	letter-spacing:6px;
	font-size:30px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
}
.all_mv_title_sub {
	display:inline-block;
	font-size:13px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
}
.all_mv_copyright {
	width:350px;
	position:absolute;
	left:-35px;
	top:50%;
	transform:translate(-50%,-50%) rotate(90deg);
	text-align:center;
}
.all_mv_copyright small {
	font-size:10px;
	font-family:"Barlow Bold";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#B0B0B0;
}

/*all_title*/
.all_title_head {
	margin-bottom:45px;
	padding-right:48px;
	position:relative;
	display:inline-block;
	font-family:"Lato";
	font-size:13px;
}
.all_title_head:after {
	content:"";
	background:#C0C0C0;
	width:36px;
	height:1px;
	position:absolute;
	right:0;
	top:50%;
	display:block;
}
.all_title_center { text-align:center; }
.all_title_border { padding-bottom:20px; position:relative; }
.all_title_border:after {
	content:"";
	background:#333;
	width:41px;
	height:1px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:0;
}
.all_title_main_en {
	font-size:25px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.all_title_main_en_big {
	letter-spacing:4px;
	font-size:34px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.all_title_main_jp { font-size:24px; }
.all_title_sub_jp { margin-top:18px; font-size:12px; color:#aaa; }
.all_title_sub_jp_big {
	margin-top:13px;
	font-size:13px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#727272;
}
.all_title_sub_en {
	margin-top:13px;
	font-weight:600;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
}
.all_text {
	line-height:2.3;
	font-size:15px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
}
.all_copy_title { margin-bottom:46px; text-align:center; line-height:1.6; font-size:26px; color:#333; }
.all_copy {
	text-align:center;
	line-height:2.4;
	font-size:16px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
}
/*all_more*/
.all_more {
	background:#444;
	width:100%;
	max-width:253px;
	position:relative;
	display:block;
	box-shadow:rgba(0,0,0,0.1) 0 5px 10px;
	text-align:center;
	line-height:60px;
	font-size:16px;
	color:#fff;
}
.all_more.hover { opacity:1; }
.all_more span {
	position:relative;
	z-index:2;
	display:inline-block;
	letter-spacing:2px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.all_more:before {
	content:"";
	background:#000;
	background:linear-gradient(to right, #444 0%, #000 100%);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	transition: all 0.4s ease;
}
.all_more.hover:before { opacity:0; }
.all_more:after {
	content:"";
	background:url("../images/all_bg_more_arrow.png") no-repeat center right / 100% 100%;
	width:21px;
	height:10px;
	position:absolute;
	right:20px;
	top:50%;
	z-index:2;
	transform:translateY(-50%);
	transition: all 0.4s ease;
}
.all_more.hover:after { transform:translate(5px,-50%); }

/*all_intro*/
.all_intro_sec { padding:170px 0 130px; position:relative; }
.all_intro_sec .content { position:relative; z-index:2; }
.profile .all_intro_sec { padding-top:170px; }
.recruit .all_intro_sec { padding-top:210px; }
.all_intro_sec:after {
	content:"";
	background:#F9F9F9;
	width:calc(100% - 100px);
	height:100%;
	position:absolute;
	right:0;
	top:0;
	display:block;
}
.all_intro_sec .content { letter-spacing:0; font-size:0; }
.all_intro_title { margin-bottom:40px; line-height:1.8; font-size:24px; color:#333; }

/*all_table*/
.all_table { width:100%; color:#333; }
.all_table th {
	background:#F0F0F0;
	width:192px;
	min-width:192px;
	padding:25px 0;
	border-top:1px #fff solid;
	border-right:1px #fff solid;
	text-align:center;
	line-height:1.8;
	font-size:15px;
}
.all_table tr:nth-child(1) th,
.all_table tr:nth-child(1) td { border-top:none; }
.all_table td {
	background:#F0F0F0;
	padding:25px 35px 25px 40px;
	border-top:1px #fff solid;
	line-height:1.8;
	font-size:15px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.all_table td p:nth-child(n+2) { margin-top:20px; }
.all_table_square_text { padding-left:1.1em; position:relative; display:block; }
.all_table_square_text:after { content:"■"; position:absolute; left:0; top:0; }

/*all_page_top*/
.all_page_top { position:fixed; left:38px; bottom:40px; z-index:9; display:none; }
.all_page_top img { width:10px; }

/*all_case*/
.all_case_mv_title_sub {
	letter-spacing:3px;
	font-size:15px;
	font-family:"Oswald Light";
	color:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.all_case_mv_title_main { margin-top:15px; font-size:22px; color:#fff; }
.all_case_mv_title_name { margin-top:3px; font-size:12px; color:#fff; }
.all_case_column { position:relative; }
.all_case_column_sec .all_case_column:nth-child(n+2) { margin-top:85px; padding-top:85px; }
.all_case_column_sec .all_case_column:nth-child(n+2):after {
	content:"";
	background:#E9E9E9;
	width:calc(100% - 160px);
	height:1px;
	position:absolute;
	left:50%;
	top:0;
	display:block;
	transform:translateX(-50%);
}
.all_case_column_img { width:49.2%; position:absolute; left:0; top:0; }
.all_case_column_reverse .all_case_column_img { left:auto; right:0; }
.all_case_column_sec .all_case_column:nth-child(n+2) .all_case_column_img { top:85px; }
.all_case_column_img img { width:100%; }
.all_case_column_text { width:50.8%; margin-left:auto; padding:0 50px 0 60px; display:table; }
.all_case_column_reverse .all_case_column_text {
	margin:0 auto 0 0;
	padding:0 50px 0 80px;
}
.all_case_column_text_inner { display:table-cell; vertical-align:middle; }
.all_case_column_title { line-height:1.8; letter-spacing:2px; font-size:23px; }
.all_case_column_text .all_text { margin-top:35px; }
.all_case_triple_img { margin-top:98px; letter-spacing:0; font-size:0; }
.all_case_triple_img p { width:32.8%; display:inline-block; vertical-align:top; }
.all_case_triple_img p:nth-child(n+2) { margin-left:0.8%; }
.all_case_triple_img img { width:100%; }

.all_case_other { background:#fff; max-width:1060px; margin:100px auto 0; padding:45px 55px; position:relative; z-index:3; box-shadow:rgba(0,0,0,0.1) 0 4px 7px; }
.all_case_other_inner { position:relative; }
.all_case_other_text { width:51%; margin-left:auto; padding:22px 0 60px 70px; position:relative; }
.all_case_other_img {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:49%;
	min-height:325px;
	position:absolute;
	left:0;
	top:0;
}
.all_case_other_uniqro .all_case_other_img { background-image:url("../images/all_bg_case_other_uniqro.jpg"); }
.all_case_other_bicqlo .all_case_other_img { background-image:url("../images/all_bg_case_other_bicqlo.jpg"); }
.all_case_other .all_title_head { margin-bottom:30px; }
.all_case_other .all_title_main_jp { font-size:22px; }
.all_case_other .all_text { margin-top:25px; }
.all_case_more { position:absolute; left:70px; bottom:0; }
.all_case_more .all_more { width:184px; line-height:38px; font-size:14px; }
.all_case_more .all_more:after { right:15px; }

.all_video_tag { width:100%; margin:50px auto 0; }
.all_video_sec {
	max-width:1100px;
	margin:0 auto;
	padding:150px 0 0;
}
.all_video {
	width:100%;
	margin:50px auto 0;
	padding-top:56.75%;
	position:relative;
	display:block;
}
.all_video_sec iframe {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;	
}
.all_policy_sec { border-bottom:1px #F2F2F2 solid; }
.all_policy_content { margin-top:50px; line-height:2; font-size:16px; color:#333; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.all_policy_list { margin-top:25px; }
.all_policy_list li { padding-left:2em; position:relative; }
.all_policy_list li:nth-child(n+2) { margin-top:15px; }
.all_policy_list li span { position:absolute; left:-0.5em; top:0; }
.all_policy_title { margin-top:55px; font-size:20px; }
.all_policy_title_sub { margin-top:25px; }
.all_policy_list_sub { margin-top:10px; }
.all_policy_list_sub li { padding-left:1.2em; position:relative; }
.all_policy_list_sub li span { position:absolute; left:0; top:0; }
.all_policy_text { margin-top:10px; }
.all_policy_footer { margin-top:40px; text-align:right; }

/* #header ヘッダー
=========================================== */
#header { width:100%; position:fixed; left:0; top:0; z-index:10; border-bottom:1px #E9E9E9 solid; }
.top #header { border-bottom:none; }
#header.scroll,
.top #header.scroll { background:#fff; height:59px; border-bottom:1px #E9E9E9 solid; }
.header_logo { width:auto; height:86px; position:absolute; left:24px; top:30px; transition: all 0.4s ease; }
.header_logo a { height:100%; display:block; transition: all 0.4s ease; }
#header.scroll .header_logo { width:auto; height:59px; left:0px; top:0px; }
.header_logo img { width:auto; height:100%; }
.header_list { text-align:center; letter-spacing:0; font-size:0; }
.top .header_list { border-bottom:none; }
.header_list li { display:inline-block; vertical-align:middle; }
.header_list .header_list_contact { display:none; }
.header_list li:nth-child(n+2) { margin-left:28px; }
.header_list a {
	padding:65px 0 50px;
	position:relative;
	display:block;
	letter-spacing:2px;
	font-size:15px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000;
	transition: all 0.4s ease;
}
.top .header_list a { padding:65px 0 15px; color:#fff; }
.top #header.scroll .header_list a { color:#000; }
#header.scroll .header_list a { padding:20px 0; }
.header_list a:after {
	content:"";
	background:#000;
	width:0;
	height:1px;
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	transition: all 0.4s ease;
}
.header_list a.on:after { width:100%; }
.header_list a.hover:after {
	width:100%;
	left:0;
	right:auto;
}
.header_contact { position:absolute; right:55px; top:55px; transition: all 0.4s ease; }
.news-link { position:relative; transition: all 0.4s ease; padding-top: 10px}
#header.scroll .header_contact { top:11px; }
.header_contact a {
	width:208px;
	padding-left:35px;
	display:block;
	line-height:44px;
	border:1px #000 solid;
	border-radius:25px;
	letter-spacing:2px;
	font-size:15px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000;
	transition: all 0.4s ease;
}
.news-link a {
	width:208px;
	padding-left:64px;
	display:block;
	line-height:44px;
	border:1px #000 solid;
	border-radius:25px;
	letter-spacing:2px;
	font-size:15px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000;
	transition: all 0.4s ease;
}
.news-link a:after {
	content:"";
	background:url("../images/header_bg_contact_arrow.png") no-repeat center right / 100% 100%;
	width:33px;
	height:12px;
	position:absolute;
	left:150px;
	top:50%;
	transform:translateY(-50%);
	transition: all 0.4s ease;
}
#header.scroll .header_contact a, .news-link a { line-height:36px; }
.top .header_contact a { border:1px #B6B5B5 solid; color:#fff; }
.top .news-link a { border:1px #B6B5B5 solid; color:#fff; }
.top #header.scroll .header_contact a { border:1px #000 solid; color:#000; }
.header_contact a:after {
	content:"";
	background:url("../images/header_bg_contact_arrow.png") no-repeat center right / 100% 100%;
	width:33px;
	height:12px;
	position:absolute;
	right:25px;
	top:50%;
	transform:translateY(-50%);
	transition: all 0.4s ease;
}
.header_contact a.hover:after, .news-link a.hover:after { transform:translate(5px,-50%); }
.top .header_contact a:after, .top .news-link a:after { background-image:url("../images/header_bg_contact_arrow_top.png"); }
.top #header.scroll .header_contact a:after { background-image:url("../images/header_bg_contact_arrow.png"); }
.header_ham { display:none; }
.all_lang_list {
	width:100%; 
	position:absolute;
	right:55px;
	top:10px;
	z-index:11;
	text-align:right;
	transition: all 0.4s ease;
}
#header.scroll .all_lang_list {
	top:-100px;
}
.all_lang_list li {
	display:inline-block;
	vertical-align:middle;
}
.all_lang_list li:nth-child(n+2) {
	position:relative;
	margin-left:15px;
}
.all_lang_list a {
	position:relative;
	display:block;
	text-align:center;
	font-size:14px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	opacity:0.5;
	color:#000;
}
.top .all_lang_list a {
	color:#fff;
}
.all_lang_list a.on {
	opacity:1;
}
.all_lang_list a.hover { opacity:1; }
.all_lang_list a.on:after {
    content:"";
    background:#000;
    width:100%;
    height:2px;
    position:absolute;
    left:0;
    bottom:-4px;
    display:block;
}
.top .all_lang_list a.on:after {
	background:#fff;
}

/* #top　トップページ
=========================================== */
.top #container { padding-top:0; }
.top_mv { width:100%; height:100vh; position:relative; overflow:hidden; }
.top_video {
	min-width:100vw;
	min-height:100vh;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.top_mv_copyright {
	width:350px;
	position:absolute;
	right:45px;
	top:50%;
	z-index:2;
	transform:translate(50%,-50%) rotate(90deg);
	text-align:center;
}
.top_mv_copyright small {
	font-size:10px;
	font-family:"Barlow Bold";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
}
.top_mv_scroll { width:16px; height:141px; position:absolute; left:45px; bottom:30px; z-index:2; }
.top_mv_scroll_text {
	display:block;
	top:0;
	transform:rotate(90deg);
	font-size:13px;
	font-family:"Lato";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#fff;
}
.top_mv_scroll_border {
	content:"";
	width:100%;
	height:72px;
	position:absolute;
	bottom:0;
	left:0;
	overflow:hidden;
}
.top_mv_scroll_border:after {
	content:"";
	background:#fff;
	width:1px;
	height:100%;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	-webkit-animation-name: scrollLine;
    animation-name: scrollLine;
    -webkit-animation-duration: 2.3s;
    animation-duration: 2.3s;
    -webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes scrollLine {
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	5%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	45%{-webkit-transform:translateY(0);transform:translateY(0)}
	55%{-webkit-transform:translateY(0);transform:translateY(0)}
	95%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}
@keyframes scrollLine{
	0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	5%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}
	45%{-webkit-transform:translateY(0);transform:translateY(0)}
	55%{-webkit-transform:translateY(0);transform:translateY(0)}
	95%{-webkit-transform:translateY(100%);transform:translateY(100%)}
	100%{-webkit-transform:translateY(100%);transform:translateY(100%)}
}
.top_mv_scroll img { width:10px; }

.top_info { border-bottom:1px #F1EEEE solid; }
.top_info .content { padding:55px 0 35px; position:relative; letter-spacing:0; font-size:0; }
.top_info .content:before {
	content:"";
	background:#000;
	width:20px;
	height:1px;
	position:absolute;
	left:0;
	bottom:-1px;
}
.top_info_title {
	width:160px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:2px;
	font-size:13px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.top_info_title:after {
	content:"";
	background:#000;
	width:1px;
	height:13px;
	position:absolute;
	left:125px;
	top:50%;
	transform:translateY(-50%) rotate(25deg);
}
.top_info_list {
	width:calc(100% - 160px);
	display:inline-block;
	vertical-align:middle;
}
.top_info_list a, .top_info_list span {
	font-size:15px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#333;
}

.top_works { padding-top:182px; position:relative; }
.top_works_bg_text {
	width:44.07%;
	position:absolute;
	left:6%;
	top:85px;
}
.top_works_bg_text img { width:100%; max-width:661px; }
.top_works_content { position:relative; z-index:2; letter-spacing:0; font-size:0; }
.top_works_img_list_sec {
	width:52.3%;
	position:absolute;
	left:0;
	top:50%;
	display:block;
	transform:translateY(-50%);
	letter-spacing:0; font-size:0;
}
.top_works_img_list_title { height:178px; position:absolute; left:48.2%; z-index:5; overflow:hidden; }
.top_works_img_list_title img { width:16px; height:178px; }
.top_works_img_list_sec .top_works_img_slide { width:55.4%; display:inline-block; vertical-align:bottom;  }
.top_works_img_list_sec .top_works_img { background-repeat:no-repeat; background-position:center; background-size:cover; display:inline-block; height:370px; margin-right:10px; opacity:0.4; }
.top_works_img1 { background-image:url("../images/top_img_works1.jpg") }
.top_works_img2 { background-image:url("../images/top_img_works2.jpg") }
.top_works_img3 { background-image:url("../images/top_img_works3.jpg") }
.top_works_img4 { background-image:url("../images/top_img_works4.jpg") }

.top_works_img_list_sec .top_works_img_list { width:44.6%; display:inline-block; vertical-align:bottom; }
.top_works_img_list img { width:100%; }
.top_works_img_list_sec .slick-slide { outline:none; }

.top_works_text { width:29.2%; margin:0 12.6% 0 auto; display:table; }
.top_works_text_inner { display:table-cell; vertical-align:middle; }
.top_works_content .all_text { margin-top:60px; }
.top_works_more { margin-top:70px; }

.top_works_case { margin-top:250px; position:relative; }
.top_works_case_left {
	background:#F4F4F4;
	background:radial-gradient(circle farthest-side,#FAFAFA, #F4F4F4);
	width:58%;
	padding:115px 19.4% 95px 13.5%;
}
.top_works_case .all_text { margin-top:45px; }
.top_works_case_more { margin-top:50px; }
.top_works_case_slide { width:53.3%; position:absolute !important; right:0; top:-65px; }
.top_works_case_slide img { width:100%; }
.top_works_case .slick-prev,
.top_works_case .slick-next {
	width:48px;
	height:48px;
	top:auto;
	left:auto;
	bottom:0;
	right:0;
	z-index:2;
}
.top_works_case .slick-prev {
	background:url("../images/top_img_works_case_slide_prev.jpg") no-repeat center / 100% 100% !important;
	transform:translateX(-100%);
}
.top_works_case .slick-next {
	background:url("../images/top_img_works_case_slide_next.jpg") no-repeat center / 100% 100% !important;
	transform:none;
}
.top_works_case .slick-prev:before,
.top_works_case .slick-next:before { display:none; }

.top_solution { padding-top:145px; }
.top_solution .all_copy  { margin-top:65px; }
.top_solution_type { background:url("../images/top_bg_solution_type.jpg") no-repeat center top / cover; padding:75px 10px 90px; }
.top_solution_type_list { letter-spacing:0; font-size:0; }
.top_solution_type_list li {
	width:24.5%;
	height:250px;
	display:inline-block;
	vertical-align:top;
}
.top_solution_type_list li:nth-child(n+2) { margin-left:0.6%; }
.top_solution_type_list li:nth-child(n+5) { margin-top:0.6%; }
.top_solution_type_list li:nth-child(4n-3) { margin-left:0; }
.top_solution_type_list_inner {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	position:relative;
	display:block;
	overflow:hidden;
}
.top_solution_type_list_inner.hover {opacity:1; }
.top_solution_type_list_inner:after {
	content:"";
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
	transition: all 0.4s ease;
}
.top_solution_type_large_format .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_large_format.jpg"); }
.top_solution_type_outdoor_ad .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_outdoor_ad.jpg"); }
.top_solution_type_traffic_ad .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_traffic_ad.jpg"); }
.top_solution_type_sales_promotion .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_sales_promotion.jpg"); }
.top_solution_type_sign_display .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_sign_display.jpg"); }
.top_solution_type_spatial_production .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_spatial_production.jpg"); }
.top_solution_type_digital_signage .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_digital_signage.jpg"); }
.top_solution_type_cultural_property .top_solution_type_list_inner:after { background-image:url("../images/top_bg_solution_type_cultural_property.jpg"); }
.top_solution_type_list .top_solution_type_list_inner.hover:after { transform:scale(1.05,1.05); }
.top_solution_type_list .top_solution_type_list_inner > span {
	width:90%;
	position:absolute;
	left:5%;
	top:50%;
	z-index:2;
	transform:translateY(-50%);
	text-align:center;
	font-size:20px;
	color:#fff;
}

/* #works 実績一覧
=========================================== */
.works_list { letter-spacing:0; font-size:0; }
.works_list li { width:30.8%; display:inline-block; vertical-align:top; }
.works_list li:nth-child(n+2) { margin-left:3.8%; }
.works_list li:nth-child(3n-2) { margin-left:0; }
.works_list li:nth-child(n+4) { margin-top:50px; }
.works_list a { outline:none; }
.works_list img { width:100%; border-radius:5px; }
.works_list_top {
	margin-top:15px;
	display:block;
	font-weight:600;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#7D7D7D;
}
.works_list_bottom {
	margin-top:15px;
	display:block;
	line-height:1.3;
	font-weight:600;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000;
}
.works_slide_sec { margin-top:120px; }
.works_slide { padding:3px 7px 11px 7px; border-radius:5px; outline:none; }
.works_slide_container { background:#fff; padding:50px 50px 50px 65px; box-shadow:rgba(0,0,0,0.1) 0 4px 7px; }
.works_slide_inner { position:relative; }
.works_slide_text { width:37.6%; padding:10px 0; }
.works_slide .all_title_main_jp { font-size:22px; }
.works_slide .all_text { margin-top:30px; }
.works_more { margin-top:30px; }
.works_slide_bg {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:54.5%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
}
.works_slide1 .works_slide_bg { background-image:url("../images/works_bg_slide1.jpg"); }
.works_slide2 .works_slide_bg { background-image:url("../images/works_bg_slide2.jpg"); }
.works_slide3 .works_slide_bg { background-image:url("../images/works_bg_slide3.jpg"); }
.works_slide_sec .slick-track { padding-bottom:10px; }
.works_slide_sec .slick-prev,
.works_slide_sec .slick-next {
	width:13px;
	height:20px;
	top:50%;
	z-index:2;
	transform:translateY(-50%);
}
.works_slide_sec .slick-prev {
	background:url("../images/works_bg_slide_prev.png") no-repeat center / 100% 100% !important;
	left:-38px;
}
.works_slide_sec .slick-next {
	background:url("../images/works_bg_slide_next.png") no-repeat center / 100% 100% !important;
	left:auto;
	right:-38px;
}
.works_slide_sec .slick-prev:before,
.works_slide_sec .slick-next:before { display:none; }

/* #case 
=========================================== */
.case .all_intro_sec { padding-bottom:60px; }
.case .all_intro_sec:before {
	content:"";
	background:#fff;
	width:100%;
	height:125px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:2;
	display:block;
}
.case .all_mv_title { padding:52px 20px 52px 65px; }

/* #solution ソリューション
=========================================== */
.solution_intro_list { margin-top:70px; letter-spacing:0; font-size:0; }
.solution_intro_list li {
	background:#fff;
	width:48.7%;
	padding:30px 30px 25px;
	display:inline-block;
	box-shadow:rgba(0,0,0,0.1) 0 4px 7px;
	border:1px #000 solid;
	border-radius:5px;
	vertical-align:top;
}
.solution_intro_list li:nth-child(2n) { margin-left:2.6%; }
.solution_intro_list li:nth-child(n+3) { margin-top:2.6%; }
.solution_intro_list_top { padding-left:115px; position:relative; }
.solution_intro_list_number {
	position:absolute;
	left:2px;
	top:calc(50% - 0.05em);
	transform:translateY(-50%);
	line-height:1;
	letter-spacing:3px;
	font-size:56px;
	font-family:"Oswald";
	color:#333;
}
.solution_intro_list_number:after {
	content:"";
	background:#A7A7A7;
	width:1px;
	height:48px;
	position:absolute;
	left:85px;
	top:calc(50% + 0.05em);
	transform:translateY(-50%);
}
.solution_intro_list_title {
	width:100%;
	position:relative;
	display:table;
	line-height:1.6;
	font-size:20px;
	color:#333;
}
.solution_intro_list_title_inner { display:table-cell; vertical-align:middle; }
.solution_intro_list .all_text {
	margin-top:18px; 
	padding-top:25px;
	border-top:1px #A7A7A7 solid;
	line-height:1.8;
}
.solution_sec { background:url("../images/solution_bg_sec.jpg") no-repeat center bottom / 100%; }
.solution_content { margin-top:55px; }
.solution_content .all_copy_title { margin-bottom:45px; }
.solution_list { margin-top:60px; }
.solution_list li { padding-top:30px; position:relative; }
.solution_list li:nth-child(n+2) { margin-top:50px; }
.solution_list_content {
	width:93.8%;
	min-height:404px;
	margin-left:auto;
	padding:55px 4.5% 55px 44.6%;
	border:1px #000 solid;
}
.solution_list li:nth-child(2n) .solution_list_content { margin-left:0; margin-right:auto; padding:55px 44.6% 55px 4.5%; }
.solution_list_title_big { font-size:24px; }
.solution_list_title_small { margin-top:15px; font-size:15px; }
.solution_list_text .all_text { margin-top:25px; }
.solution_list_img {
	width:46.5%;
	position:absolute;
	left:0;
	top:0;
}
.solution_list li:nth-child(2n) .solution_list_img { right:0; left:auto; }
.solution_list_img img {
	width:100%;
	max-width:519px;
	box-shadow:rgba(0,0,0,0.2) 0 2px 14px;
}

.news_list { margin-top:170px; }
.news_list li { padding-top:30px; position:relative; }
.news_list li:nth-child(n+2) { margin-top:50px; }
.news_list_content {
	width:93.8%;
	min-height:404px;
	margin-left:auto;
	padding:0px 10% 0px 10%;
}
.news_list li:nth-child(2n) .news_list_content {
	 margin-left:0; margin-right:auto; padding:0px 10% 0px 10%; }
.news_list_title_big { font-size:24px; }
.news_list_title_small { margin-top:15px; font-size:15px; }
.news_list_text .all_text { margin-top:25px; }
.news_list_img {
	width:46.5%;
	position:absolute;
	left:0;
	top:0;
}
.news_list li:nth-child(2n) .news_list_img { right:0; left:auto; }
.news_list_img img {
	width:100%;
	max-width:519px;
	box-shadow:rgba(0,0,0,0.2) 0 2px 14px;
}

/* #profile 会社案内
=========================================== */
.profile_intro_sec { position:relative; letter-spacing:0; font-size:0; }
.profile .all_intro_sec .content .profile_intro_sec:nth-child(n+2) { margin-top:90px; }
.profile_intro_img {
	width:42.7%;
	max-width:469px;
	position:relative;
	z-index:2;
	display:inline-block;
	vertical-align:top;
}
.profile_intro_sec_reverse .profile_intro_img {
	position:absolute;
	right:0;
	top:0;
}
.profile_intro_img img { width:100%; }
.profile_intro_text {
	margin-left:8.2%;
	padding-top:35px;
	position:relative;
	z-index:2;
	display:inline-block;
	vertical-align:top;
}
.profile_intro_sec_reverse .profile_intro_text { margin-left:0; }
.profile_intro_text .all_intro_title { margin-bottom:0; }
.profile_intro_name { margin:15px 0 40px; font-size:14px; color:#858585; }
.profile_mv { padding:200px 0 0; }
.profile_mission { margin-top:50px; text-align:center; }
.profile_mission span { display:block; }
.profile_mission span:nth-child(1) {
	letter-spacing:2px;
	font-size:40px;
	color:#000;
}
.profile_mission span:nth-child(2) {
	margin-top:20px;
	font-size:22px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.profile .all_video_sec { padding-top:130px; }
.profile_title_second { margin-top:130px; }
.profile_vision_list_sec { text-align:center; }
.profile_vision_list { margin-top:50px; display:inline-block; text-align:left; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.profile_vision_list li { padding-left:1.2em; position:relative; font-size:25px; }
.profile_vision_list li:nth-child(n+2) { margin-top:30px; }
.profile_vision_list span { position:absolute; left:0; top:0; }
.profile_vision_description_list { margin-top:60px; letter-spacing:0; font-size:0; }
.profile_vision_description_list > li { width:32%; display:inline-block; vertical-align:top; }
.profile_vision_description_list > li:nth-child(n+2) { margin-left:2%; }
.profile_vision_description_list_title { background:#000; padding:10px 15px; text-align:center; }
.profile_vision_description_list_title p { padding-left:1.2em; position:relative; display:inline-block; text-align:left; font-size:17px; color:#fff; }
.profile_vision_description_list_title span { position:absolute; left:0; top:0; }
.profile_vision_description_list_sub_sec { padding:30px 15px; border:1px #000 solid; border-top:none; text-align:center; }
.profile_vision_description_list_sub { display:inline-block; text-align:left; }
.profile_vision_description_list_sub li { padding-left:1em; position:relative; font-size:15px; }
.profile_vision_description_list_sub li:nth-child(n+2) { margin-top:10px; }
.profile_vision_description_list_sub span { position:absolute; left:0; top:0; }
.profile_facility { padding:130px 0; }
.profile_facility_list { margin-top:50px; text-align:center; letter-spacing:0; font-size:0; }
.profile_facility_list li {
	width:48.2%;
	max-width:530px;
	display:inline-block;
	box-shadow:rgba(0,0,0,0.1) 0 0 7px;
	vertical-align:top;
	text-align:left;
}
.profile_facility_list li:nth-child(2n) { margin-left:3.6%; }
.profile_facility_list li:nth-child(n+3) { margin-top:3.6%; }
.profile_facility_list img { width:100%; }
.profile_facility_list_text { padding:35px 32px; }
.profile_facility_list_title_top { display:block; font-size:15px; }
.profile_facility_list_title_bottom { display:block; line-height:1.4; font-size:21px; }
.profile_facility_list .all_text { margin-top:20px; line-height:1.8; }
.profile_company { background:#F9F9F9; padding:120px 0 130px; margin-top: 140px; position:relative; }
.profile_company:after {
	content:"";
	background:#fff;
	width:90px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	display:block;
}
.profile_company .all_table { margin-top:50px; }
.profile_table_list li > span { display:inline-block; }
.profile_table_list_establishment li > span:nth-child(1) { width:48px; }
.profile_table_list_construction li > span:nth-child(1) { width:95px; }
.profile_company_security_button { margin-top:70px; }
.profile_company_security_button .all_more { max-width:320px; margin:0 auto; }
.profile_history { margin-top:0; padding-top:0; }
.profile_history .all_table th { width:100px; min-width:100px; }
.profile_location_list { max-width:898px; margin:0 auto; }
.profile_location_list > li:nth-child(n+2) { margin-top:115px; }
.profile_location_list_top { margin-bottom:45px; letter-spacing:0; font-size:0; }
.profile_location_list_top_left { width:74%; margin-right:2.5%; display:inline-block; vertical-align:top; }
.profile_location_list_top_left img { width:100%; }
.profile_location_list_top_right { width:23.5%; display:inline-block; vertical-align:top; letter-spacing:0; font-size:0; }
.profile_location_list_top_right li { width:100%; display:block; }
.profile_location_list_top_right li:nth-child(n+2) { margin:6% 0 0; }
.profile_location_list_top_right img { width:100%; }
.profile_location_list_bottom { letter-spacing:0; font-size:0; }
.profile_location_list_bottom_left { width:51.5%; padding-right:30px; display:inline-block; border-right:1px #D1D1D1 solid; vertical-align:top; }
.profile_location_list_bottom_title { line-height:1.3; letter-spacing:2px; font-size:22px; color:#333; }
.profile_location_list_bottom_address { margin-top:25px; line-height:1.8; }
.profile_location_list_bottom_small { margin-top:12px; font-size:13px; color:#333; }
.profile_location_list_bottom_small a { color:#333; }
.profile_location_list_bottom_right { width:48.5%;  padding-left:60px; display:inline-block; vertical-align:top; }
.profile_location_list_bottom_access {
	letter-spacing:2px;
	font-size:14px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.profile_location_list_bottom .profile_location_list_bottom_small { margin-bottom:22px; }
.profile_location_list_bottom .profile_location_list_bottom_left .profile_location_list_bottom_small { margin-bottom:0; }
.profile_location_list_bottom_map .all_more {
	max-width:183px;
	padding-left:20px;
	text-align:left;
	box-shadow:none;
	border-radius:16px;
	line-height:32px;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
.profile_location_list_bottom_map .all_more:before { border-radius:16px; }
.profile_location_list_bottom_map .all_more:after { background-image:url("../images/all_bg_more_arrow_map.png"); width:22px; height:14px; right:18px; }

.location-contact-phone:after {background:url("../images/all_bg_more_arrow_map.png") no-repeat center right / 100% 100%; width:22px; height:14px; right:18px; }

.profile_security {
	width:100%;
	height:100vh;
	position:fixed;
	left:0;
	top:0;
	z-index:11;
	display:none;
}
.profile_security_bg {
	background:url("../images/overlay.png");
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	opacity:0.8;
}
.profile_security .content {
	background:#fff;
	height:90%;
	padding:80px 5% 60px;
	position:absolute;
	left:50%;
	top:50%;
	z-index:3;
	transform:translate(-50%,-50%);
	overflow:auto;
}
.profile_security .all_policy_list li { padding-left:0; }
.profile_security .all_policy_title_sub { margin-top:0; }
.profile_security_close {
	position:absolute;
	right:10px;
	top:10px;
}

.profile #footer { border-top:1px #F2F2F2 solid; }

/* #recruit
=========================================== */
.recruit_tab_list { width:100%; max-width:900px; margin:0 auto; text-align:center; letter-spacing:0; font-size:0; }
.recruit_tab_list li { width:25%; display:inline-block; border-right:1px #DADADA solid; vertical-align:top; }
.recruit_tab_list li:nth-child(1) { border-left:1px #DADADA solid; }
.recruit_tab_list a { position:relative; display:inline-block; line-height:1; font-size:15px; color:#333; }
.recruit_tab_list a.on:after {
	content:"";
	background:#000;
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	bottom:-15px;
	display:block;
}
.recruit_sec { margin-top:130px; }
.recruit_sec_first { margin-top:0; }
.recruit_interview { position:relative; }
.recruit_interview_img {
	width:60%;
	position:absolute;
	left:-13%;
	top:0;
}
.recruit_sec_even .recruit_interview_img { left:auto; right:-13%; }
.recruit_interview_img img { width:100%; }
.recruit_interview_box { width:48.5%; margin-left:auto; padding-top:45px; }
.recruit_sec_even .recruit_interview_box { margin-left:0; margin-right:auto; }
.recruit_interview_job { font-size:13px; color:#333; }
.recruit_interview_title { margin-top:12px; line-height:1.8; font-size:24px; color:#333; }
.recruit_interview_box .all_text { margin-top:28px; }
.recruit .all_table { margin-top:100px; }


/* #thanks
=========================================== */
.thanks_link { margin-top:90px; }
.thanks_link .all_more { margin:0 auto; }

/* #footer フッター
=========================================== */
#footer { padding-top:90px; }
.footer_contact_none { padding-top:0 !important; }
.footer_double_link { background:url("../images/footer_bg_contact_text.png") no-repeat bottom 50px right 70px / 835px; text-align:center; letter-spacing:0; font-size:0; }
.footer_double_link p { width:50%; position:relative; display:inline-block; vertical-align:top; }
.footer_double_link a {
	padding:205px 0 155px;
	display:block;
	text-align:center;
}
.footer_double_link_main {
	display:block;
	letter-spacing:5px;
	font-size:25px;
	font-family:"Lato";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000;
}
.footer_double_link_sub {
	margin-top:20px;
	display:block;
	font-size:14px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#9F9F9F;
}
.footer_contact {
	background:#F4F4F4;
	background:radial-gradient(circle farthest-side,#FAFAFA, #F4F4F4);
	padding:110px 0;
	position:relative;
	text-align:center;
}
.footer_contact:after {
	content:"";
	background:#fff;
	width:90px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	display:block;
}
.footer_contact_title {
	letter-spacing:3px;
	font-size:34px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.footer_contact .all_text { margin-top:50px; }
.footer_contact_link { margin-top:38px; }
.footer_contact_link .all_more {
	margin:0 auto;
	max-width:494px;
	line-height:76px;
}
.footer_bottom { width:95%; padding:115px 0; }
.footer_bottom_list { text-align:center; letter-spacing:0; font-size:0; }
.footer_bottom_list li { display:inline-block; vertical-align:top; }
.footer_bottom_list li:nth-child(n+2) { margin-left:25px; }
.footer_bottom_list a {
	font-size:15px;
	font-family:"Lato Bold",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#000;
}
.footer_copyright { margin-top:100px; text-align:center; line-height:1.2; }
.up_month1 .footer_copyright { margin-top:0; }
.footer_copyright small {
	font-size:12px;
	font-family:"Barlow Bold";
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	color:#A0A0A0;
}
.news-area {
	position: absolute; 
	bottom: 25px; 
	left: 80px;
}
.news-area a {
	color: white;
	text-decoration: none;
}
.news-item {
	margin-bottom: 10px;
}
.news-item p {
	color : #fff
}
  
.news-date {
	font-size: 0.8em;
	color : #fff
}


.cms-news table {
    border-collapse: collapse;
    width: 100%;
}

.cms-news-table-container {
	max-height: 600px;
	overflow-y: auto;
}
.cms-news th,
.cms-news td {
    text-align: left;
    padding: 8px;
}
.cms-news th {
	background-color: gray !important;
	position :sticky;
	top:0;
	border: 1px solid lightgray;
    z-index: 1;
}
.cms-news tr:nth-child(even) {
    background-color: #f2f2f2;
}

.cms-news td input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.cms-news td:nth-child(2) {
    width: 300px;
    word-wrap: break-word;
}
.cms-news td:nth-child(4) {
	width :125px;
}
.cms-news td:nth-child(5) {
	width :125px;
}
.cms-news td:nth-child(6) {
	width :50px;
}
.cms-news td:nth-child(7) {
	width :100px;
}
.cms-news textarea, .cms-news input {
	display:block;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	border-radius:5px;
	background-color:#FFF;
	border:1px #E9E9E9 solid;
	line-height:28px;
	font-weight:400;
	width:100%;
	resize:none;
}
.cms-news button {
	padding: 0;
	color: white;
	font-weight: bold;
	border-radius: 12px;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
	background: #444;
    width: 100%;
}
.cms-news input[type="date"] {
    width: 125px;
}

.cms-button {
	padding: 0;
	color: white;
	font-weight: bold;
	border-radius: 12px;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
	background: #444;
    width: 100%;
}
.logout-button {
	width: 85px;
    height: 30px;
}
.logout-form {
	display: flex;
    justify-content: flex-end;
	padding-right: 20px;
	padding-top: 20px;
}
.select-box {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.select-box::after {
    position: absolute;
    right: 15px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.select-box select {
    appearance: none;
    min-width: 150px;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #cccccc;
    border-radius: 25px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

/*リセット */
input[type="checkbox"]  {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

/* チェックボックスデザイン */
input[type="checkbox"] {
    cursor: pointer;
    padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
    vertical-align: middle;
    position: relative;
  }
  input[type="checkbox"]::before,
  input[type="checkbox"]::after {
    content: "";
    display: block; 
    position: absolute;
  }
  input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 0%;
    border: 1px solid #666464;
    width: 20px;/*チェックボックスの横幅*/
    height: 20px;/*チェックボックスの縦幅*/
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
  }
  input[type="checkbox"]::after {
    border-bottom: 3px solid #666464;/*チェックの太さ*/
    border-left: 3px solid #666464;/*チェックの太さ*/
    opacity: 0;/*チェック前は非表示*/
    height: 6px;/*チェックの高さ*/
    width: 11px;/*チェックの横幅*/
    transform: rotate(-45deg);
    top: -7px;/*チェック時の位置調整*/
    left: 10px;/*チェック時の位置調整*/
  }
  input[type="checkbox"]:checked::after {
    opacity: 1;/*チェック後表示*/
  }
  input[type="checkbox"].new-checkbox {
    opacity: 1;
  }

  #snackbar2
  {
	position: fixed;
	top: 120px;
	right: 55px;
	z-index: 1000;
	color: #fff;
	background: red;
	opacity: 0.8;
	width: 208px;
	height:75px;
	display:flex;
	justify-content:center; 
	align-items:center;
  }
  #snackbar2.scroll{
	top:60px;
  }

.landing_img {
	width:90%;
	position:relative;
	z-index:2;
	display:inline-block;
	vertical-align:top;
}
.landing_img {
	right:0;
	top:0;
}
.landing_img img#tomail { width:40%; }
.landing_img img.landing { width:100%; }

.landing_link_text
{
	text-decoration: none;
	color:white;
}

/* Xinyi homepage service refresh: three no-copyright SVG cards */
.top_solution .top_solution_lead {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.9;
}
.top_solution_type {
  background: linear-gradient(135deg, #f6f8fb 0%, #edf3f7 48%, #f8f9f4 100%);
  padding: 72px 20px 86px;
}
.top_solution_type_list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  font-size: 0;
}
.top_solution_type_list li,
.top_solution_type_list li:nth-child(n+2),
.top_solution_type_list li:nth-child(n+5),
.top_solution_type_list li:nth-child(4n-3) {
  width: auto;
  height: 320px;
  margin: 0;
  display: block;
}
.top_solution_type_list_inner {
  border-radius: 8px;
  box-shadow: 0 18px 45px rgba(19, 38, 64, 0.14);
  background-color: #0d1f34;
}
.top_solution_type_list_inner:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(6, 18, 33, 0.12) 0%, rgba(6, 18, 33, 0.74) 100%);
}
.top_solution_type_list_inner:after { display: none; }
.top_solution_type_list .top_solution_type_list_inner > span {
  width: calc(100% - 48px);
  left: 24px;
  top: auto;
  bottom: 76px;
  transform: none;
  text-align: left;
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: 1px;
}
.top_solution_type_list .top_solution_type_list_inner > em {
  position: absolute;
  z-index: 2;
  left: 24px;
  right: 24px;
  bottom: 30px;
  color: rgba(255,255,255,0.88);
  font-style: normal;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.5px;
}

/* Xinyi network company hero visuals */
.top_mv {
  background: #071b2d url("../images/network_company_hero.svg?v=202605172207") no-repeat center / cover;
}
.top_video { display: none !important; }
.top_network_visual {
  position: absolute;
  inset: 0;
  background: url("../images/network_company_hero.svg?v=202605172207") no-repeat center / cover;
  z-index: 0;
}
.top_mv:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(4, 14, 27, 0.2), rgba(4, 14, 27, 0.05) 45%, rgba(4, 14, 27, 0.26));
  pointer-events: none;
}
.top_mv_copyright,
.top_mv_scroll,
.news-area { z-index: 2; }
.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;
  background-position: center !important;
  background-size: cover !important;
}