@charset "UTF-8";
/* CSS Document */
body{
	-webkit-text-size-adjust: 100%;
}
#top{
	font-family:"Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family:"メイリオ", Meiryo, "Noto Sans Japanese",  Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	min-width:1046px;
}
#top p{
	font-size:14px;
	line-height:2em;
}
#top .font_eng{
	font-family: 'Open Sans', sans-serif;
}
#top .flexbox{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	-webkit-box-pack:justify;
	-moz-box-pack:justify;
	-webkit-flex-pack:justify;
	-moz-flex-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
	-js-display: flex;
}
#top .flexbox.jc_c{
	-webkit-box-pack:center;
	-moz-box-pack:center;
	-webkit-flex-pack:center;
	-moz-flex-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
}
#top .flexbox.jc_s{
	-webkit-box-pack:start;
	-moz-box-pack:start;
	-webkit-flex-pack:start;
	-moz-flex-pack:start;
	-ms-flex-pack:start;
	-webkit-justify-content:flex-start;
	-moz-justify-content:flex-start;
	justify-content:flex-start;
}
#top .flexbox.jc_e{
	-webkit-box-pack:end;
	-moz-box-pack:end;
	-webkit-flex-pack:end;
	-moz-flex-pack:end;
	-ms-flex-pack:end;
	-webkit-justify-content:flex-end;
	-moz-justify-content:flex-end;
	justify-content:flex-end;
}
#top .showin.start{
	opacity:0;
}
#top .showin.end
{
	opacity:1;
	animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn
{
	from { opacity: 0 }
	to { opacity: 1 }
}

#header{
	border-bottom:1px solid #B2B2B2;
	padding:0 0 15px 0;
	padding:0 0 20px 0;
	position:relative;
}
#header .nav{
	margin:0 30px;
}
#header .inside{
	display:table;
	width:100%;
	max-width:1110px;
	margin:0 auto;
}
#header .inside .logo img
{
	margin:25px 0 0;
}
#header .inside .logo, #header .inside .nav_tools{
	display:table-cell;
	vertical-align:bottom;
}
#header .inside .nav_tools{
	position:relative;
}
#header .nav_tools ul{
}

#header .nav_tools ul.nav_list{
	display:table;
	margin:0 0 0 auto;
}
#header .nav_tools ul.nav_list li{
	display:table-cell;
	padding-left:40px;
}
#header .nav_tools ul.nav_list li a, #header .nav_tools ul.nav_list li span{
	display:block;
	text-align:center;
}
#header .nav_tools ul.nav_list li a:hover + span, #header .nav_tools ul.nav_list li span:hover{
	
}
#header .nav_tools ul.nav_list li:hover > a, #header .nav_tools ul.nav_list li.current a, #header .nav_tools ul.nav_list li.parent a{
	font-weight:500;
	font-weight:bold;
}
#header .nav_tools ul.nav_list li.current span a, #header .nav_tools ul.nav_list li.parent span a{
	background-color:#6078B2;
	color:white;
}
#header .nav_tools ul.nav_list li:hover > span a{
	background-color:#26489C;
	color:white;
}
#header .nav_tools ul.nav_list li.current{
	pointer-events:none;
}

#header .nav_tools ul.nav_list li span{
	font-size:12px;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	margin:3px 0 0;
}
#header .nav_tools ul.nav_list li a, #header .nav_tools ul.nav_list li span a{
	color:inherit;
}


#header .nav_tools ul.tools{
	display:table;
	border-spacing: 1px 0;
	position:absolute;
	top:0;
	right:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
#header .nav_tools ul.tools li{
	display:table-cell;
	padding:8px 20px;
	background-color:#26489C;
	vertical-align:middle;
}
#header .nav_tools ul.tools li.lang{
	background-color:#808080;
}
#header .nav_tools ul.tools li.lang.on{
	background-color:#666;
}
#header .nav_tools ul.tools li a{
	font-size:14px;
	color:white;
}

#header .nav_tools ul.tools li a .icon{
	margin:0 5px 0 0;
	vertical-align:middle;
}
#header .nav_tools ul.tools li.search_box
{
	padding:0 10px;
	display:none;
}
#header .nav_tools ul.tools li.search_box input
{
	border:none;
	height:20px;
	width:355px;
}

#main_visual{
}
#main_visual .inside .catchphrase h1{
	font-weight:300; font-size:25px; white-space:nowrap;
}
#main_visual .main_visual_img{
	display:block;
	opacity:1;
	animation: fadein_main_visual_img 2s ease 0s 1 normal;
}
 @keyframes fadein_main_visual_img {
  0% {
	opacity: 0;
  }
  100% {
	opacity: 1;
  }
}
#main_visual .logoline750{
	left:0;
	position:absolute;
	bottom:22px;
	animation-duration: 1.5s;
	animation-name: slide-logoline;
}
@keyframes slide-logoline{
from{
		width:1700px;
		/*left:50%;*/
	}      
to	{
		width:850px;
		/*left:0;*/
	}
}

#content .article_wrap
{
	padding:0 30px;
}
#content .article{
	max-width:1110px;
	min-width:986px;
	padding:60px 0;
	margin:auto;
}
#content .article .heading{
	display:table;
	margin:0 auto 40px;
}
#content .article .heading .en{
	display:table-row;
	font-weight:500;
	font-size:38px;
	color:#26489C;
}
#content .article .heading .jp{
	display:table-row;
	font-size:14px;
	background-color:#26489C;
	color:white;
	line-height:30px;
}
#content .article .heading .jp strong{
	 font-weight:500;
}

#content .article .list_service{
	margin:60px 45px 0;
}
#content .article .list_service li {
	width:215px;
	border-top:1px solid #26489C;
}
#content .article .list_service li h3{
	font-family:"Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:400;
	color:#26489C;
}
#content .article .list_service li p{
	text-align:left;
	color:#333;
}
#content .article .list_service li .wrap_img
{
	overflow:hidden;
}
#content .article .list_service li .wrap_img  img
{
	-moz-transition: -moz-transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
	transition: transform 0.5s;
}
#content .article .list_service li .wrap_img  img:hover, #content .article .list_service li a:hover > .wrap_img  img
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#content .article .list_service li a:hover > h3{
	font-weight:500;
}
#content .article .list_advantage li.even .advantage{
	flex-direction: row-reverse;
}
#content .article .list_advantage .advantage{
	
}
#content .article_wrap .list_advantage .advantage.flexbox .img .inside h3{
	color:#26489C; font-size:24px; font-weight:500; text-align:left;
}

#content .article_wrap.experience{
	background-color:#26489C; background-repeat:no-repeat; background-position:top center; background-attachment:fixed; background-size:cover;
}
#content .article .box_experience .list_response  li{
	margin:1px;
	margin:0;
	width:50%;
}
#content .article .box_experience .list_response  li .inside{
	margin:1px;
}
#content .article .box_experience .list_response  li img{
	width:100%;
	height:auto;
}
#content .article .box_experience .list_region  li{
	margin:1px;
	width:463px;
	width:100%;
	/*height:380px;*/
	background-color:#E9EDF5;
	margin:0 10px;
}
#content .article .box_experience .list_region  .list_region_table{
	border-collapse:collapse;
}
#content .article .box_experience .list_region .list_region_table td{
	background-color:white;
}
#content .article .box_experience .list_region .list_region_table td.colspan{
	background-color:#E9EDF5;
}
#content .article .box_experience .list_region .p{
	margin-left:30px;
}
#content .article .box_experience .list_region .m{
	margin-right:30px;
}
#content .article .box_experience .list_region .p  .list_region_table td{
	border:1px solid #26489C;
}
#content .article .box_experience .list_region .m .list_region_table td{
	border:1px solid #0060BF;
}
#content .article .box_experience .list_region .p .font_eng{
	color:#26489C;
}
#content .article .box_experience .list_region .m .font_eng{
	color:#0060BF;
}
#content .article .box_news_topics{
	font-size:14px;
	width:100%;
}
#content .article .box_news_topics h3{
	 color:white; font-size:14px; line-height:30px; background-image:url(../images/cobridge_icon-slash.png); background-repeat:no-repeat; background-position:60px center;
}
#content .article .box_news_topics h3 a{
	color:inherit;
}

#content .article .box_news_topics .news, #content .article .box_news_topics .topics{
	width:50%;
	vertical-align:top;
}
#content .article .box_news_topics .news .inside, #content .article .box_news_topics .topics .inside{
	width:520px;
	width:473px;
	width:auto;
}
#content .article .box_news_topics .news .inside{
	margin-right:auto;
	margin-right:30px;
	
}
#content .article .box_news_topics .topics .inside{
	margin-left:auto;
	margin-left:30px;
}

#content .article .list_news{
	display:table;
	width:100%;
}
#content .article .list_news li{
	display:table-row;
}
#content .article .list_news li .news_date, #content .article .list_news li .news_title{
	display:table-cell;
	padding:10px 0;
	text-align:left;
	border-bottom:1px dotted lightgray;
}
#content .article .list_news li:last-child .news_date, #content .article .list_news li:last-child .news_title{
	border-bottom:none;
}
#content .article .list_news li .news_date{
	white-space:nowrap;
	color:#26489C;
	font-weight:600;
}
#content .article .list_news li .news_title{
}
#content .article .list_news li .news_title a{
	display:block;
	margin-left:20px;
	color:#666;
	font-weight:300;
}
#content .article .list_news li .news_title a:hover{
	color:#26489C;
	font-weight:500;
}

#content .article .wrap_list_topics_tab
{
	border-collapse: collapse;
	width:100%;
}
#content .article .wrap_list_topics_tab td{
	border:1px solid lightgray;
}
#content .article .wrap_list_topics_tab td.active{
	border-bottom:none;
}
#content .article  .wrap_list_topics_tab .list_topics_tab td a{
	display:block;
	padding:10px 0;
	color:#666;
}
#content .article  .wrap_list_topics_tab .list_topics_tab td a:hover{
	color:#26489C;
	font-weight:500;
}

#content .article .topics_content_wrap{
}
#content .article .topics_content_wrap .topics_content{
	border-top:none;
}

#content .article .list_puc{
	
}
#content .article .list_puc li
{
	text-align:left;
	width:50%;
}
#content .article .list_puc li a{
	color:inherit;
	display:block;
	position:relative;
}
#content .article .list_puc li  .wrap_img{
	overflow:hidden;
}
#content .article .list_puc li  .wrap_img img{
	width:100%;
	height:auto;
	-moz-transition: -moz-transform 0.5s;
	-webkit-transition: -webkit-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	-ms-transition: -ms-transform 0.5s;
	transition: transform 0.5s;
}
#content .article .list_puc li  .wrap_img img:hover, #content .article .list_puc li a:hover > .wrap_img img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#content .article .list_puc li .popup{
	display:table; background-color:#26489C; color:white; position:absolute; top:0; right:20px; line-height:36px; margin-top:-18px;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */ 
	
}
#content .article .list_puc li .popup strong{
	display:block; margin:0 20px;
	font-weight:400;
}
#content .article .list_puc li h4{
	font-size:18px;
	margin:1em auto 0;
	font-weight:500;
	color:#26489C;
}
#content .article .list_puc li p{
	margin-top:10px;
}
#content .article_wrap.contact{
	background-color:#EFF1F8;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}
#content .article .wrap_list_contact {
	color:inherit;
	display:block;
}
#content .article .list_contact {
	color:white;
	margin-top:54px;
}
#content .article .list_contact li{
	background-color:#26489C;
	width:482px;
}
#content .article .list_contact li h4{
	font-size:22px;
	font-weight:500;
	margin:10px auto 0;
}
#content .article .list_contact li h4.tel{
	font-size:30px;
	line-height:1em;
}
#content .article .list_contact li p{
	margin:5px auto 30px;
}
#content .article .list_contact li.link:hover {
	background-color:#0060BF;
}
#footer .endline{
	/*background-image:url(../images/cobridge-logo-line-footer.png);*/
	height:110px; margin-top:-55px; position:relative; background-repeat:repeat-x; background-position:right;
}
#footer .endline::before{
	content: "";
	display: block;
	border-bottom: 1px solid #0060BF;
	position: absolute;
	bottom: 6px;
	width: 100%;
}
#footer .nav{
	margin:60px 30px;
	position:relative;
}
#footer .nav .nav_wrap{
	max-width:1110px;
	margin:auto;
}
#footer .nav .nav_wrap .nav_wrap_inside{
	display:table; width:100%;
}
#footer .nav .nav_wrap .nav_wrap_inside .infobox{
	display:table-cell; vertical-align:bottom;
}
#footer .nav .nav_wrap .nav_wrap_inside .infobox .company_name{
	margin:0; font-weight:400;
}
#footer .nav .nav_wrap .nav_wrap_inside .infobox .company_address{
	line-height:1.5em; margin-bottom:20px;
}
#footer .nav .nav_wrap .company_name a:hover{
	font-weight:500;
}
#footer .list_contact{
	display: table;
	color:#26489C;
}
#footer .list_contact li{
	display: table-row;
}
#footer .list_contact li .icon, #footer .list_contact li .text{
	display:table-cell;
	vertical-align:top;
}
#footer .list_contact_wrap .email:hover > .text .contact
{
	font-weight:700;
}
#footer .list_contact_wrap.current{
	pointer-events: none;
}
#footer .wrap_copy_right{
	background-color:#26489C;
	color:white;
	padding:30px;
}
#footer .wrap_copy_right a{
	color:inherit;
	font-weight:100;
}
#footer .wrap_copy_right a:hover{
	font-weight:500;
}
#footer .wrap_copy_right .current a{
	font-weight:500;
	pointer-events: none;
}
#footer .copy_right{
	display:table;
	width:100%;
}
#footer .copy_right .links, #footer .copy_right .copy{
	display:table-cell;
}
#footer .copy_right .links{
	font-size:14px;
}
#footer .copy_right .links ul{
}
#footer .copy_right .links ul li{
	margin-right:2em;
}
#footer .copy_right .copy{
	text-align:right;
}
#footer .copy_right .copy p{
	margin:0;
	font-weight:300;
	font-size:13px;
}
#footer .list_services{
	margin-left:auto;
}
#footer .list_services .services{
	margin-left:100px;
	font-size:14px;
}
#footer .list_services .services h4, #footer .list_services .services h4 a:hover{
	color:#26489C;
}
#footer .list_services .services h4.current a, #footer .list_services .services h4.parent a{
	color:#6078B2;
}
#footer .list_services .services h4 a:hover::after, #footer .list_services .services h4.current a, #footer .list_services .services h4.parent a {
	content:' ＞';
}
#footer .list_services .services h4.current{
	pointer-events:none;
}
#footer .list_services .services .list_service li{
	margin-bottom:10px;
}
#footer .list_services .services .list_service li a{
	color:inherit;
}
#footer .list_services .services .list_service li.current a, #footer .list_services .services .list_service li.parent a{
	color:#6078B2;
	font-weight:500;
}
#footer .list_services .services .list_service li a:hover{
	color:#26489C;
	font-weight:500;
}
#footer .list_services .services .list_service li.current a
{
	pointer-events:none;
}
#footer .list_services .services .list_service li:last-child{
	margin-bottom:0;
}
#totop{
	position:absolute; right:0; bottom:-30px; text-align:center; border:1px solid #26489C; z-index:10000;
}
#totop.fixed{
	position:fixed;
	right:30px;
	bottom:30px;
}
#totop.fixed.an{
	animation-duration: 0.5s;
	animation-name: slide-fixed;
}
@keyframes slide-fixed{
from{
			bottom:-60px;
		}      
to	{
			bottom:30px;
		}
}
#totop.remove_an{
	animation-duration: 0.5s;
	animation-name: slide-remove_an;
}
@keyframes slide-remove_an{
from{
			bottom:30px;
		}      
to	{
			bottom:-60px;
		}
}
#totop .bt{
	font-size:20px; display:block;width:60px; height:60px; background-color:rgba(239,241,248,0.75); line-height:60px; font-weight:100; font-family:'Noto Sans Japanese';
}
#totop .bt:hover{
	background-color:#26489C;
	color:#EFF1F8;
}

/* 旧-2017 デザイン互換 */
#top #all{
	margin-top:30px;
	position:relative;
	z-index:9000;
}
#top #all #contents .mail-visual{
	position:relative;
}
#top #all #contents .mail-visual img{
	position:relative;
	z-index:1000;
}
#top #all #contents .mail-visual h1.title{
	text-align:left;
	top:auto;
	left:0;
	bottom:17px;
	width:auto;
	margin-left:20px;
}
#top #all #contents .mail-visual h1.title strong{
	font-size:33px;
}