@charset "utf-8";
/* ACCORDER Inc. */
/* Base Style
----------------------- */
*, body { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",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 */
html { overflow-y:scroll; } /* For FireFox scrolling */
img { -ms-interpolation-mode:bicubic; image-rendering:optimizequality; vertical-align:bottom; } /* Better images when resized for IE7, FF3.5+ */
a { text-decoration:none;  }
a.hover { text-decoration:none; opacity:0.7; }
html,body { height:100%; }
ul { letter-spacing:0; font-size:0; }
span { line-height:1.5em; }

/* wrapper  ----------------------- */
#wrapper { background:#f7f7f7; padding-top:100px; }
#wrapper.top { background:#fff; }
.all_section { padding-top:100px; }
.all_section_dubble { padding:100px 0; }
.content { width:80%; max-width:1124px; margin:0 auto; }
.content_middle { width:80%; max-width:1000px; margin:0 auto; }
.content_small { width:80%; max-width:902px; margin:0 auto; }
.content_big { width:85%; max-width:1229px; margin:0 auto; }
.content_biggest { width:88%; max-width:1528px; margin:0 auto; }
.content_full { width:100%; }
.gm-style-mtc { display:none !important; }

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

/* font  ----------------------- */
.font_min { font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_blue { color:#00559a; }
.all_red { color:#c1272d; }
.all_text_link { text-decoration:underline; color:#00559a; }

/* 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;
}

/*共通  ----------------------- */
.box_center { width:100%; text-align:center; }
.box_right { width:100%; text-align:right; }
.box_left { width:100%; text-align:left; }
.img_center { display:block; text-align:center; }
.l_box { float:left; }
.r_box { float:right; }
.mb0 { margin-bottom:0 !important; }
.bb_none { border-bottom:none !important; }
.all_new_line { display:inline-block; }

.all_center_box {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.all_center_item {
  vertical-align: middle;
}
.pcHide { display:none; }
.all_img_full img { width:100%; }
/*all_main_image*/
.all_main_image { background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:406px; position:relative; }
.company .all_main_image { background-image:url(../images/company_bg_main_image.jpg); }
.service .all_main_image { background-image:url(../images/service_bg_main_image.jpg); }
.report_index .all_main_image { background-image:url(../images/report_bg_main_image.jpg); }
.works .all_main_image { background-image:url(../images/works_bg_main_image.jpg); }
.news_index .all_main_image { background-image:url(../images/news_bg_main_image.jpg); }
.contact .all_main_image { background-image:url(../images/contact_bg_main_image.jpg); }
.all_main_image_title { width:100%; position:absolute; top:50%; left:0; z-index:1; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-align:center; color:#fff; }
.all_main_image_title_main {
	padding-left:4px;
	line-height:1.2em;
	letter-spacing:4px;
	font-size:50px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.all_main_image_title_sub { padding-top:10px; }
.all_main_image_title_sub, .all_main_image_title_sub span {
	font-size: 24px;
	font-family: "utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
/*all_title*/
.all_title { margin-bottom:30px; text-align:center; }
.all_title_jp { line-height: 1.2em; letter-spacing: 1.6px; font-size:30px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_title_jp span { display:inline-block; letter-spacing: 1.6px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.top .all_title_jp { font-size:25px; }
.all_title_en { margin-top:5px; font-size:12px; color:#0089cb; }
.all_title_copy { text-align:center; line-height:2em; font-size:17px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_title_copy p { text-align:justify; line-height:2em; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_title_copy p:nth-child(n+2) { margin-top:15px; }
.all_title_copy a { font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_title_copy span { display:inline-block; line-height:2em; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_blue_box_works .all_title_copy { font-size:16px; }
.all_blue_box_works .all_title_copy p { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; color:#4d4d4d; }
.news_index .all_title_copy { max-width:880px; margin:0 auto; }
/*all_title_blue*/
.all_title_blue { margin-bottom:30px; text-align:center; font-size:37px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; color:#00559a; }
.all_title_blue span { display:inline-block; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
/*all_detail_button*/
.all_detail_button { margin-top:25px; text-align:center; }
.all_detail_button a {
	background:#00559a;
	width:80%;
	max-width:145px;
	display:inline-block;
}
.all_detail_button span {
	background:url(../images/all_bg_detail_tri.png) no-repeat center left / 6px;
	padding:7px 0 7px 12px;
	display:inline-block;
	font-size:13px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#fff;
	-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_detail_button a.hover span { background-position:center left 2px; }
/*デザイン用*/
.all_design { width:1600px; margin:0 auto; }
.top .all_design { width:100%; max-width:1600px; }
.all_design img { width:100%; }

/*all_sub*/
.all_sub_container { background:#f7f7f7; padding-bottom:120px; }
.all_sub_inner_link {
	background:url(../images/all_bg_inner_link.png) no-repeat left center / 1600px 100%;
	height:70px;
	margin-top:-35px;
	padding-right:80px;
	position:relative;
	text-align:right;
	overflow:hidden;
}
.all_sub_inner_link_none { background-image:url(../images/all_bg_inner_link_none.png); }
.all_sub_inner_link_main {
	width:160px;
	position:absolute;
	left:25px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.all_sub_inner_link_main p {
	width:160px;
	padding:8px 0;
	border:1px #fff solid;
	text-align:center;
	font-size:15px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#fff;
}
.all_sub_inner_link_list { display:inline-block; position:relative; z-index:2; }
.all_sub_inner_link_list li { display:inline-block; }
.all_sub_inner_link_list li:nth-child(n+2) { margin-left:60px; }
.all_sub_inner_link_list li a {
	padding:20px 0 20px 18px;
	position:relative;
	display:block;
	line-height:1.8em;
	font-size:18px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#fff;
}
.all_sub_inner_link_list li a:after {
	content:"";
	background:#fff;
	width:11px;
	height:2px;
	display:block;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.all_sub_inner_link_list li a span {
	display:inline-block;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.all_sub_inner_link_blue_bg {
	background:#0089cb;
	width:100%;
	height:70px;
	position:absolute;
	left:450px;
	top:0;
}
.all_sub_intro_section { background-repeat:no-repeat; background-position:center; background-size:cover; margin-top:-35px; padding:155px 0 120px; }
.company .all_sub_intro_section { background-image:url(../images/company_bg_intro.jpg); }
.service .all_sub_intro_section { background-image:url(../images/service_bg_intro.jpg); }
.works .all_sub_intro_section { background-image:url(../images/works_bg_intro.jpg); }

.all_sub_inner_link_section { margin-top:-60px; padding-top:60px; }

/*all_full_bg*/
.all_full_bg {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:380px;
}
#company-philosophy .all_full_bg { background-image:url(../images/company_bg_philosophy.jpg); }
#service-info .all_full_bg { background-image:url(../images/service_bg_info.jpg); }

/*all_bg_text_box*/
.all_bg_text_box { background-repeat:no-repeat; background-position:center; background-size:cover; width:calc(100% - 85px); height:420px; margin:0 auto; position:relative; }
#company-charter .all_bg_text_box { background-position: center right 30%; background-image:url(../images/company_bg_charter.jpg); }
#company-name .all_bg_text_box { background-image:url(../images/company_bg_name.jpg); }
#company-profile .all_bg_text_box { background-image:url(../images/company_bg_profile.jpg); }
#service-manage .all_bg_text_box { background-image:url(../images/service_bg_construction.jpg); }
#service-flow .all_bg_text_box { background-image:url(../images/service_bg_flow.jpg); }

.all_bg_text_box p {
	width:420px;
	position:absolute;
	right:0;
	transform-origin:right bottom;
	-webkit-transform:rotate(90deg) translateX(385px);
	-moz-transform:rotate(90deg) translateX(385px);
	transform:rotate(90deg) translateX(385px);
	font-size:27px;
	color:#ccc;
}
.all_bg_text_box_left p {
	left:0;
	right:auto;
	transform-origin:left bottom;
	-webkit-transform:rotate(90deg) translate(-35px, 40px);
	-moz-transform:rotate(90deg) translate(-35px, 40px);
	transform:rotate(90deg) translate(-35px, 40px);
}

/*all_blue_box*/
.all_blue_box { background:#fff; padding:60px 0; position:relative; z-index:2; border-top:5px #0089cb solid; }
.all_blue_box_big { margin-top:-115px; }
.all_blue_box_small { margin-top:-130px; padding-bottom:90px; }
.company .all_blue_box, .service .all_blue_box {
	opacity:0;
	-webkit-transform:translateY(100px) scale(1.1);
	-moz-transform:translateY(100px) scale(1.1);
	transform:translateY(100px) scale(1.1);
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.company .all_blue_box.all_appear, .service .all_blue_box.all_appear {
	opacity:1;
	-webkit-transform:translateY(0) scale(1);
	-moz-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
}
.all_blue_box_works {
	margin-top:-70px;
	padding-bottom:90px;
	opacity:0;
	-webkit-transform:translateY(100px) scale(1.1);
	-moz-transform:translateY(100px) scale(1.1);
	transform:translateY(100px) scale(1.1);
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.all_blue_box_works.works_appear {
	opacity:1;
	-webkit-transform:translateY(0) scale(1);
	-moz-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
}
.all_blue_box_report {
	width:92%;
	margin-top: -200px;
	padding-top:35px;
	opacity:0;
	-webkit-transform:translateY(100px) scale(1.1);
	-moz-transform:translateY(100px) scale(1.1);
	transform:translateY(100px) scale(1.1);
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.all_blue_box_report.report_appear {
	opacity:1;
	-webkit-transform:translateY(0) scale(1);
	-moz-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
}

/*all_table*/
.all_table { width:100%; }
.all_table th, .all_table td {
	padding:25px 5px 8px 25px;
	vertical-align:bottom;
	font-size:18px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.all_table p, .all_table span { font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.all_table th { width:190px; min-width:190px; border-bottom:1px #0089cb solid; color:#0089cb; }
.all_table td { border-bottom:1px #e6e6e6 solid; color:#4d4d4d; }

/*all_report*/
.all_report_title_section { padding:0 115px 5px 25px; position:relative; border-bottom:1px #00559a solid; }
.all_report_title_main, .all_report_title_sub { display:inline-block; vertical-align:middle; }
.all_report_title_main {
	font-size:20px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#00559a;
}
.all_report_title_sub {
	font-size:14px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#0089cb;
}
.all_report_button { position:absolute; right:25px; bottom:8px; }
.all_report_button .all_detail_button { margin-top:0; }
.all_report_button .all_detail_button a { width:76px; }
.all_report_button .all_detail_button span { padding:3px 0 3px 11px; font-size:11px; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; }
.all_report_article_list { margin-top:25px; padding:0 25px; }
.all_report_article_list li { width:32%; display:inline-block; vertical-align:top; }
.all_report_article_list li:nth-child(n+2) { margin-left:2%; }
.all_report_article_list_img {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:196px;
	position:relative;
}
.all_report_article_list_img:after { content: ''; background: rgba(0,0,0,0.4); position: absolute; top: 0; right: 0;  bottom: 0; left: 0; }
.all_report_update {
	width:88px;
	position:absolute;
	top:2px;
	left:2px;
	z-index: 5;
}
.all_report_update img { width:100%; }
.all_report_article_list_title {
	width:90%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index: 5;
	text-align:center;
	color:#fff;
}
.all_report_article_list_title_main { font-size:18px; }
.all_report_article_list_title_date { font-size:11px; }
.all_report_article_list_text_box { background:#e6e6e6; padding:20px 8% 40px; }
.all_report_article_list_text { font-size:14px; color:#4d4d4d; }

/*all_works*/
.all_works_description { letter-spacing:0; font-size:0; }
.all_works_description_info, .all_works_description_map { display:inline-block; vertical-align:top; }
.all_works_description_info { width:55.5%; }
.all_works_description_map { width:41%; margin-left:3.5%; }
.all_works_description_info .all_works_description_info_content:nth-child(n+2) { margin-top:35px; }
.all_works_description_info_title { border-bottom:1px #0089cb solid; overflow:hidden; }
.all_works_description_info_title p {
	background:#0089cb;
	padding: 3px 30px;
	display:inline-block;
	-webkit-transform:translateX(-15px) skew(35deg);
	-moz-transform:translateX(-15px) skew(35deg);
	transform:translateX(-15px) skew(35deg);
}
.all_works_description_info_title span {
	display:inline-block;
	-webkit-transform:skew(-35deg);
	-moz-transform:skew(-35deg);
	transform:skew(-35deg);
	font-size:14px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#fff;
}
.all_works_description_info_text { margin-top:25px; padding:0 10px 0 5px; text-align:justify; font-size:14px; color:#4d4d4d; }
.all_works_description_info_text span { display: block; }
.all_works_description .all_table { margin-top:10px; padding:0 15px; }
.all_works_description .all_table th, .all_works_description .all_table td { padding-top:15px; font-size:14px; }


/* #header ヘッダー
=========================================== */
#header {
	background:#fff;
	width:100%;
	height:100px;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	-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;
	opacity:0.95;
}
#header.header_scroll { height:60px; }
.header_logo {
	position:absolute;
	left:65px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.header_logo img {
	-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;
}
#header.header_scroll .header_logo img { width:150px; }
.header_list {
	position:absolute;
	right:65px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.header_list li { display:inline-block; }
.header_list li:nth-child(n+2) { margin-left:40px; }
.header_list li a {
	display:block;
	position:relative;
	text-align:center;
	-ms-transition: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
.header_list li a.hover { opacity:1; }
.header_list li a span { display:block; line-height:1.4em; }
.header_list li a:after {
	content:"";
	background:#0089cb;
	width:0;
	height:1px;
	position:absolute;
	right:0;
	bottom:-3px;
	-ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.header_list li a.hover:after { width:100%; left:0; right:auto; }
.header_list_en { font-size:10px; color:#0089cb; }
.header_list_jp { letter-spacing:2px; font-size:18px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; color:#00559a; }
.header_ham { display:none; }

/* #top　トップページ
=========================================== */
.top_temp { width:100%; height:100vh; position:relative; overflow:hidden; }
.top_temp_text {
	width:80%;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:center;
	line-height:2;
}
.top_temp_text a { color:#00559a; }
.top_main_slide_section { position:relative; overflow:hidden; }
.top_main_slide { height:calc(100vh - 100px); min-height:500px; position:relative; }
.top_main_slide_logo {
	position:absolute;
	left:50%;
	top:calc(50% - 120px);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	opacity:0;
	-ms-transition: all 1.8s ease;
	-webkit-transition: all 1.8s ease;
	-moz-transition: all 1.8s ease;
	-o-transition: all 1.8s ease;
	transition: all 1.8s ease;
}
.top_main_slide_logo.top_main_slide_logo_on { opacity:1; }
.top_main_slide_report_list {
	background:rgba(0,0,0,0.5);
	width:100%;
	padding:40px 0 50px;
	position:absolute;
	left:0;
	bottom:-100%;
	color:#fff;
	opacity:0;
	-ms-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.top_main_slide_report_list.top_main_slide_report_list_on { bottom:0; opacity:1; }
.top_main_slide_report_list_title {
	background:url(../images/top_bg_main_slide_report_list_border.png) no-repeat bottom center / 100% 2px;
	width:90%;
	max-width:1080px;
	margin:0 auto 35px;
	padding-bottom:20px;
	text-align:center;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	transform:translateY(50px);
	-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;
}
.top_main_slide_report_list_title.top_main_slide_report_list_title_on {
	opacity:1;
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	transform:translateY(0);
}
.top_main_slide_report_list_title_jp { font-size:29px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.top_main_slide_report_list_title_en { font-size:12px; }
.top_main_slide_report_list ul { width:90%; max-width:1080px; margin:0 auto; }
.top_main_slide_report_list li {
	width:22%;
	display:inline-block;
	vertical-align:top;
	opacity:0;
	-webkit-transform:translateY(50px);
	-moz-transform:translateY(50px);
	transform:translateY(50px);
	-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;
	-webkit-transform:translateY(80px) scale(0.7);
	-moz-transform:translateY(80px) scale(0.7);
	transform:translateY(80px) scale(0.7);
	will-change:transform;
	cursor:pointer;
}
.top_main_slide_report_list li.hover .top_main_slide_report_list_content { opacity:0.8; }
.top_main_slide_report_list li.hover a { opacity:1; }
.top_main_slide_report_list li:after {
	content:"";
	background:url(../images/top_img_slide_report_link.png) no-repeat center bottom 3px/ 20px;
	width:100%;
	height:23px;
	display:block;
	-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;
}
.top_main_slide_report_list li.hover:after { background-position:center bottom; }
.top_main_slide_report_list li.top_main_slide_report_list_on {
	opacity:1;
	-webkit-transform:translateY(0) scale(1);
	-moz-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
}
.top_main_slide_report_list_content {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:160px;
	position:relative;
	-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;
}
.top_main_slide_report_list_content:after {
	content:"";
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.top_main_slide_report_list li:nth-child(n+2) { margin-left:4%; }
.top_main_slide_report_list_date {
	padding:10px 15px 0 0;
	position:relative;
	z-index:1;
	text-align:right;
	font-size:12px;
}
.top_main_slide_report_list_text {
	width:90%;
	position:absolute;
	left:50%;
	bottom:10px;
	z-index:2;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
	overflow:hidden;
}
.top_main_slide_report_list_text_main { overflow:hidden; }
.top_main_slide_report_list_text_main a {
	display:block;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:14px;
	color:#fff;
}
.top_main_slide_report_list_text_sub {
	margin-top:5px;
	padding-top:5px;
	border-top:1px #fff solid;
	font-size:12px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.top_sub_container { position:relative; z-index:2; }
.top_intro_section { letter-spacing:0; font-size:0; }
.top_intro_section img { max-width:100%; }
.top_intro_content { padding:75px 30px 80px; display:inline-block; vertical-align:top; }
.top_intro_mission { background:#00559a; width:37.5%; text-align:center; color:#fff; }
.top_intro_flow { background:#e6e6e6; width:62.5%; }
.top_intro_mission .all_title_en { color:#fff; }
.top_intro_flow .all_title_en { color:#000; }
.top_intro_mission_text { margin-bottom:35px; line-height:1.8em; font-size:20px; }
.top_intro_mission_text span { display:block; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.top_intro_flow_content { background:#fff; max-width:705px; margin:20px auto 0; padding:40px 30px; }
.top_report_list { margin-top:60px; text-align:left; }
.top_report_list > li:nth-child(n+2) { margin-top:50px; }
.top_report_list .all_report_title_section:after {
	content:"";
	background:url(../images/top_img_report_tri.png) no-repeat right center / 100% 100%;
	width:7px;
	height:11px;
	display:block;
	position:absolute;
	right:0;
	bottom:-5.5px;
}
#top-work { background-color:#0089cb; position:relative; overflow:hidden; color:#fff; }
#top-work .content_middle, #top-work .all_detail_button { position:relative; z-index:2; }
#top-work .all_title_en { color:#fff; }
.top_work_content {
	background:#fff;
	margin-top:40px;
	padding:35px 30px;
	opacity:0;
	-webkit-transform:translateY(100px) scale(1.1);
	-moz-transform:translateY(100px) scale(1.1);
	transform:translateY(100px) scale(1.1);
	-ms-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.top_work_content.top_appear {
	opacity:1;
	-webkit-transform:translateY(0) scale(1);
	-moz-transform:translateY(0) scale(1);
	transform:translateY(0) scale(1);
}
.top_work_title_section { padding-right:170px; position:relative; }
.top_work_title {
	font-size:24px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#00559a;
}
.top_work_date {
	position:absolute;
	right:0;
	bottom:3px;
	color:#808080;
}
.top_work_date span { display:inline-block; vertical-align:baseline; }
.top_work_date span:nth-child(1) { margin-right:8px; font-size:8px; }
.top_work_date span:nth-child(2) { font-size:12px; }
.top_work_top { margin-top:25px; letter-spacing:0; font-size:0; }
.top_work_img, #top-map { display:inline-block; vertical-align:top; }
.top_work_img {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:53%;
	height:346px;
}
#top-map { width:44%; height:346px; margin-left:3%; }
.top_work_read { margin-top:15px; text-align:justify; font-size:14px; color:#000; }
.top_work_table { background:#f2f2f2; margin-top:25px; padding:15px 20px; color:#00559a; }
.top_work_table table { width:100%; font-size:14px; }
.top_work_table th, .top_work_table td { padding:8px 0; border-top:1px #1f255f dotted; vertical-align:middle; }
.top_work_table tr:nth-child(1) th, .top_work_table tr:nth-child(1) td { border-top:none; }
.top_work_table th { width:85px; min-width:85px; padding-left:5px; position:relative; }
.top_work_table th:after {
	content:"";
	background:#a6a6c3;
	display:block;
	width:1px;
	height:calc(100% - 10px);
	position:absolute;
	top:50%;
	right:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	opacity:0.3;
}
.top_work_table td { padding-left:10px; }
#top-work .all_detail_button { margin-top:35px; }
.top_work_bg {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	opacity:0.05;
}


/* #company 会社案内
=========================================== */
.company_intro_name { margin-top:60px; text-align:right; font-size:17px; }
.company_intro_name span { font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.company_intro_name span:nth-child(2) { margin-left:20px; }
.company_philosophy_text { line-height:1.8em; text-align:center; font-size:22px; }
.company_philosophy_text span { display:inline-block; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.company_philosophy_text span:nth-child(1) { position:relative; }
.company_philosophy_text span:nth-child(1):after {
	content:"";
	background:url(../images/company_bg_philosophy_comma.png) no-repeat left top / 32px;
	width:32px;
	height:26px;
	display:block;
	position:absolute;
	left:-50px;
	top:-10px;
}
.company_info_list { padding-top:30px; line-height:1.8em; letter-spacing:1px; font-size:15.5px; }
.company_info_list li { position:relative; padding-left:30px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.company_info_list li:nth-child(n+2) { margin-top:15px; }
.company_info_list li span { position:absolute; left:0; top:3px; font-weight:600; }
#company-name .all_title_copy p { text-align:center; }
#company-name .all_img_full { margin-top:70px; }
#company-map { width:100%; height:437px; margin-top:70px; }
.company_profile_name span { display:inline-block; }
.company_profile_name p span:nth-child(1) { width:150px; }
.company_profile_name p span:nth-child(2) { width:82px; }

/* #service　事業案内
=========================================== */
.service_info_list { max-width:900px; margin:40px auto 0; }
.service_info_list li {
	background:url(../images/service_bg_info_list.png) no-repeat left top 5px / 18px;
	padding-left:30px;
	text-align:justify;
	line-height:1.5em;
	font-size:17px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.service_info_list li:nth-child(n+2) { margin-top:10px; }
.service_manage_copy { max-width:890px; margin:0 auto; padding-top:30px; color:#4d4d4d; }
.service_manage_content { max-width:990px; margin:40px auto 0; padding:35px 30px; border:1px #0089cb solid; font-size:12.8px; color:#4d4d4d; }
.service_manage_content_title { font-size:18px ;color:#0089cb; }
.service_manage_content p { text-align:justify; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.service_manage_content_text { margin-top:10px; line-height:2em; }
.service_manage_content span { font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif; }
.service .all_img_full { margin-top:40px; }
.service_flow_list { margin-top:70px; padding:70px 25px 0; border-top:1px #e6e6e6 solid; }
.service_flow_list > li { padding-left:100px; position:relative; }
.service_flow_list > li:nth-child(n+2) { margin-top:55px; }
.service_flow_list_point {
	width:80px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	line-height:0.75;
	font-size:80px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#d9edf7;
}
.service_flow_list_point span {
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	letter-spacing:3px;
	text-indent:-3px;
	font-size:18px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	color:#0089cb;
}
.service_flow_list_title_sub { font-weight:600; letter-spacing:0; font-size:15px; color:#0089cb; }
.service_flow_list_title_main { font-size:27px; color:#ccc; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.service_flow_list_text { margin-top:10px; font-size:16px; font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
.service_flow_list_text p { line-height:1.8em; }
.service_flow_list_example { margin-top:30px; padding:30px 0 25px; position:relative; border:2px #0089cb solid; text-align:center; }
.service_flow_list_example_title {
	background:#fff;
	width:160px;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	font-weight:600;
	font-size:16px;
	color:#0089cb;
}
.service_flow_list_example li { margin:0 15px; padding-left:16px; position:relative; display:inline-block; line-height:1.5em; font-size:15px; }
.service_flow_list_example li span { display:block; position:absolute; top:0; left:0; line-height:1.5em; }

/* #works　実績紹介
=========================================== */
.works { opacity:0; }
.works_region_tab { background:#fff; }
.works_region_tab ul { width:90%; margin:0 auto; padding:70px 0 60px; text-align:center; }
.works_region_tab li { width:47.7%; max-width:420px; display:inline-block; font-size:20px; }
.works_region_tab li:nth-child(2) { margin-left:4.6%; }
.works_region_tab li a {
	background:#1484bc;
	display:block;
	border:1px #1484bc solid;
	color:#fff;
}
.works_region_tab li a.on { background:none; color:#1484bc; }
.works_region_tab li span {
	background:url(../images/all_bg_detail_tri.png) no-repeat center left / 8px;
	padding:25px 0 25px 25px;
	display:inline-block;
	letter-spacing:2px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.works_region_tab li a.on span {
	background:url(../images/all_bg_detail_tri_selected.png) no-repeat center left / 16px;
	padding-left:32px;
}

.works_list li:nth-child(n+2) { margin-top:150px; }
.works_list_img {
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
	height:870px;
}
.works_description { background:#f2f2f2; margin-top:55px; padding:25px; }
.works_slider { position:relative; overflow:hidden; }
.works_slider_for { height:870px; }
.works_slider_nav {
	background:rgba(0,0,0,0.4);
	width:100%;
	height:251px;
	position:absolute !important;
	bottom:0;
	left:0;
	-ms-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
	opacity:0;
}
.works_slider_nav.works_slider_nav_on { opacity:1; }
.works .slick-list, .works .slick-track {
	height:100%;
	-webkit-transform: translate3d(0, 0, 0) !important;
       -moz-transform: translate3d(0, 0, 0) !important;
        -ms-transform: translate3d(0, 0, 0) !important;
         -o-transform: translate3d(0, 0, 0) !important;
            transform: translate3d(0, 0, 0) !important;
}
.works_slider_nav .slick-list { padding:0 !important; }
.works_slider_nav .slick-track { width:80% !important; max-width:1046px; margin:0 auto; padding-top:30px; text-align:center; }
.works_slider_nav .works_list_img {
	width:18% !important;
	height:120px;
	position:relative;
	display:inline-block !important;
	float:none !important;
	cursor:pointer;
}
.works_slider_nav .works_list_img:after {
	content:"";
	background:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	-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;
}
.works_slider_nav .works_list_img.slick-current:after,.works_slider_nav .works_list_img.hover:after { opacity:0; }
.works_slider_nav .slick-track .works_list_img:nth-child(n+2) { margin-left:2.5%; }

/* #footer フッター
=========================================== */
.sub_page #footer { border-top:2px #00559a solid; }
#footer img { max-width:100%; }
#footer { letter-spacing:0; font-size:0; }
.footer_section { width:50%; padding:90px 0; display:inline-block; vertical-align:middle; }
.footer_left { background:#fff; }
.footer_right { background:#00559a; }
.footer_content { width:90%; margin:0 auto; text-align:center; }
.footer_left .footer_content { max-width:408px; }
.footer_right .footer_content { max-width:670px; padding:10px 0; }
.footer_address { margin-top:30px; }
.footer_address p { font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif; color:#00559a; }
.footer_address p:nth-child(1) { font-size:16px; }
.footer_address p:nth-child(2) { margin-top:3px; font-size:11px; }
.footer_contact { margin-top:20px; }
.footer_contact_title span {
	background:url(../images/footer_bg_contact_title.png) no-repeat left center;
	background-size:12px;
	padding-left:15px;
	display:inline-block;
	font-size:15px;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.footer_contact_list { margin-top:10px; }
.footer_contact_list li { width:48%; display:inline-block; vertical-align:top; font-size:20px; }
.footer_contact_list li:nth-child(2) { margin-left:4%; }
.footer_contact_list li span {
	display:inline-block;
	font-family:"utsukushiregular","Times New Roman",Times,"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","HiraMinProN-W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo,"ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.footer_contact_list li a { padding:5px; display:block; border:1px #00559a solid; }
.footer_contact_list li:nth-child(1) a { color:#00559a; }
.footer_contact_list li:nth-child(2) a { background-color:#00559a; color:#fff; }
.footer_contact_list li:nth-child(1) span { background:url(../images/footer_bg_contact_list_tel.png) no-repeat left center / 16px; padding-left:22px; }
.footer_contact_list li:nth-child(2) span { background:url(../images/footer_bg_contact_list_mail.png) no-repeat left top 3px / 22px; padding-left:32px; line-height:25px; font-size:17px; }
.footer_contact_time { margin-top:10px; font-size:10px; color:#00559a; }
.footer_right_list { margin-top:50px; }
.footer_right_list li { width:23.5%; display:inline-block; vertical-align:top; }
.footer_right_list li:nth-child(n+2) { margin-left:2%; }
.footer_right_list a { display:block; }
.footer_right_list a > span { margin-top:35px; display:block; font-size:10px; color:#fff; }
.footer_right_list span span { display:inline-block; }
.footer_copyright { margin-top:55px; font-size:10px; color:#fff; }


/*URLがないので一時的に押せなくしている*/
.disable { pointer-events:none; }