@charset "utf-8";

/* ==========================================================================
	Foundation - reset/base...
	========================================================================== */

/* Reset
	 ----------------------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, input, select, textarea,
p, pre, blockquote, span, th, td {
	margin: 0;
	padding: 0;
}
html, body {
	text-align: left;
	height: 100%;
}
body {
	color: #000;
	background-color: #FFF;
}
img {
	border: 0;
	vertical-align: top;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
}
dl, ul, ol {
	text-indent: 0;
}
li {
	list-style: none;
}
 a { outline: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, textarea {
		background: #FFF;
		padding: 6px;
		border: 1px solid #CCC;
		font-size: 12px;
		color: #666;
		margin-bottom: 7px;
}
select {
		background: #ffffff;
		padding: 2px;
}
input:focus ,
textarea:focus {
background-color: #f7f8f8;
outline:none;
}
.step06_img{
		width: 100%;
	}

/*   [Link scheme]
	----------------------------------------------------------------- */
a:link, a:visited { color: inherit; text-decoration: none;}
a:hover, a:active {	text-decoration: underline;}
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

.nonhover a:hover img{
opacity:1.0;
filter:alpha(opacity=100);
-ms-filter: "alpha( opacity=100)";
}

.soon{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

/* Base
	----------------------------------------------------------------- */
body{
	font-family: "Noto Sans JP", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 10.5pt;
	line-height: 1.8em;
	letter-spacing: 0.1em;
		*font-size:12pt;   		letter-spacing: 0.1em;
		*font-size:9.2pt;   		letter-spacing: 0em;
	-webkit-text-size-adjust: 100%;
}
select,input,textarea,button{   font:14px/1.5em inherit;
		*font-size:9.2pt;}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
address,th {font-style:normal;font-weight:normal;}
em,strong {font-style:normal;font-weight:bold;}

@-moz-document url-prefix() {
	body{
		font-style: normal;
		font-variant: normal;
		font-size: 12px;
		line-height: 1.8em;
		letter-spacing: 0.1em;
	}
}
body{
	width: 100%;
	background: #FFFFFF;
	
}

/* ==========================================================================
	Layout - header/main/sidebar/footer...
	========================================================================== */

/* Header
 ---------------------------------------------------------------*/
header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	background: #fff;
}
.hd_inner{
	width: 100%;
	margin: 0 auto;
	display: block;
	height: 50px;
	position: relative;
}
.hd_logo_area>a>img{
	display: inline;
	width: 100%;
	margin-left: 5px;
	vertical-align: middle;
	/* max-width: 300px; */
}
.hd_logo_area>h1>a>img{
	display: inline;
	width: 100%;
	margin-left: 5px;
	vertical-align: middle;
}
.hd_logo_area{
	width: 70%;
		line-height: 50px;
}
.hd_logo_area>p{
	display: none;
}
.hd_logo_area>p>span{
	display: block;
	font-size: 11px;
	color: #555555;
	line-height: 1;
}
.hd_inf_area{
	position: absolute;
	top:37px;
	right: 0; 
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: none;
	justify-content:space-between;
}
.hd_inf_area>dl{
	display: table;
	width: auto;
}
.hd_inf_area>dl>dt,
.hd_inf_area>dl>dd{
	display: table-cell;
	vertical-align: middle;
}
.hd_inf_area>dl>dt>label {
	display: none;
}
.hd_inf_area>dl>dt>.hd_search{
	background: #e5e2dc;
	border-radius: 15px;
	font-size: 12px;
	color: #777777;
	border: none;
	width: 200px;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	box-sizing:border-box;
}
.hd_inf_area>dl>dd{
	padding-left: 6px;
}
.hd_inf_area>dl>dd>a{
	display: block;
	color: #fff;
	padding: 0 18px;
	background: #1575b5;
	font-size: 12px;
	display: block;
	border-radius: 15px;
	line-height: 30px;
	box-sizing:border-box;
}
.mw_wp_form_confirm .contact_table tr td span {
	display: none;
}
.hd_contact{
	display: block;
	margin-left: 19px;
}
.hd_contact>a{
	background: #333333;
	color: #fff;
	text-align: center;
	height: 30px;
	line-height: 30px;
	width: 136px;
	font-size: 14px;
	display: block;
	border-radius: 15px;
	box-sizing:border-box;
}

/* Main
 ---------------------------------------------------------------*/
#main{
	width: 100%;
	display: block;
	top: 50px;
	overflow: hidden;
	position: relative;
	padding-bottom: 104px;
}

/* footer
 ---------------------------------------------------------------*/
#footer{
	width: 100%;
	background-color: #333333;
	padding-top: 32px;
 }
.ft_inner{
	width: 90%;
	margin: 0 auto;
	display: table;
	background: url(images/about/footer_brd.png) no-repeat left bottom;
	padding-bottom: 32px;
}
.ft_left_area,
.ft_right_area{
	display: table-cell;
	vertical-align: middle;
}
.ft_left_area{
	display: none;
}
.ft_left_area>ul{
	display: block;
	overflow: hidden;
}
.ft_left_area>ul:last-child{
	margin-right: 0;
}
.ft_left_area>ul>li{
	display: block;
	line-height: 2.1;
}
.ft_left_area>ul>li>a{
	font-size: 14px;
	color: #fff;
}
.ft_left_area>ul>li.ft_sm_txt{
	line-height: 1.4;
}
.ft_left_area>ul>li.ft_sm_txt>a{
	font-size: 12px;
}
.ft_right_area>a>img{
	display: block;
	margin: 0 auto;
	width: 50%;
}
.copyright{
	display: block;
	width: 100%;
	text-align: center;
	line-height: 57px;
}
.copyright>p{
	font-size: 11px;
	color: #aaaaaa;
}
/* ==========================================================================
	 Object [ component / project / utility ]
	 ========================================================================== */
/* Component
	 ----------------------------------------------------------------- */
/*ドロップダウンメニュー*/

nav>ul>li.hover>ul.hover {
	display: block;
}
nav>ul>li.hover>ul.hover>li {
	transition: .4s;
	border: 0;
}
.menu-trigger {
	position: absolute;
	top: 0;
	right: 0px;
	width: 50px;
	background: #0074bf;
		height: 50px;
}
.menu-trigger img {
		/*margin: 36px auto 0;*/
		position: absolute;
		top: 12px;
		right: 11px;
		display: block;
		width: 30px;
		height: auto;
}
.menu-trigger.active img{
	display: none;
	/*background: url(images/about/open_toggle_img.png);*/
}
.menu-trigger.active:after{
		position: absolute;
		content: url(images/about/open_toggle_img.png);
		width: 100%;
		height: auto;
		right: -10px;
		top: 10px;
}
.menu-trigger.active + nav > ul {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.menu-trigger.active + nav > ul > li{
	width: 100%;
	line-height: 40px;
	box-sizing:border-box;
}
.menu-trigger + nav {
	display: none;
}
.menu-trigger.active + nav {
	display: block;
	position: fixed;
	width: 100%;
	top: 50px;
	z-index: 1000;
}
.menu-trigger.active + nav > ul {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.menu-trigger.active + nav > ul > li{
	width: 100%;
	line-height: 40px;
	position: relative;
	border-bottom: 1px solid #fff;
	background: #0074bf;
	box-sizing:border-box;
}
.menu-trigger.active + nav > ul > li > a {
	color: #fff!important;
	width: 100%;
	padding-left: 25px;
	display: block;
	position: relative;
	box-sizing: border-box;
}
nav>ul>li>ul{
	display: block;
	padding: 10px 0;
	background: #0a639d;
	position: relative;
}
nav>ul>li>ul>li{
	line-height: 28px;
	position: relative;
}
nav>ul>li>ul>li>a{
	color: #fff!important;
	width: 100%;
	padding-left: 45px;
	display: block;
	position: relative;
	box-sizing: border-box;
}
.menu-trigger.active + nav > ul > li > ul{
	display: none;
}
/*.menu-trigger.active + nav > ul > li.sp-sub-menu::before {
		content: url(images/about/sp_meni_icon.png);
		right: 14px;
		top: 5px;
		position: absolute;
		z-index: 30000;
}*/

.menu-trigger.active + nav > ul > li.sp-sub-menu > span.plus {
		display: block;
		width: 40px;
		height: 40px;
		background-image: url(images/about/sp_meni_icon2.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
		background-position: center center;
		right: 0px;
		top: 0px;
		position: absolute;
		z-index: 30000;
		cursor: pointer;
}

/*パンくずナビ*/

@media screen and (max-width: 768px){
	.bread {
			width: 100%;
			background: #fff;
			overflow: hidden;
			position: relative;
	}
	/*.bread.sub{
			margin-top: 49px;
	}*/
	.bread_wrap {
			text-align: left;
			display: block;
			line-height: 50px;
		width: 92.5%;
		margin: 0 3.75%;
		box-sizing:border-box;
	}
	.bread_wrap li {
			float: left;
	}
	.bread_wrap .bc_top a {
			color: #555;
			font-size: 67%;
			display: block;
	}
	.bread_wrap .bc_top a:hover{
			color: #1575b5;
	}
	.bread .arrow {
			position: relative;
			padding: 0 10px;
			font-size: 10px;
	}
	.bc_second.top a{
			color: #555!important;
			font-size: 67%;
	}
	.bc_second.top{
			color: #555!important;
			font-size: 67%;
	}
}
@media screen and (max-width: 540px){
	.bread_wrap.line02{
		line-height: 1.6;
		padding: 10px 0;
		overflow: hidden;
	}
	.bread_wrap.line02 .arrow{
		top: 3px;
	}
}
/*下層ページ共通LV*/
.lv{
	width: 100%;
	position: relative;
	background: url(images/about/lv_about.png) no-repeat right center;
	height: 0;
	padding-bottom: 29.796%;
	margin-bottom: 30px;
	box-sizing:border-box;
}
.lv>h1{
	position: absolute;
		left: 5%;
		right: 5%;
		top: 20%;
		bottom: 20%;
		width: 90%;
		background: rgba(255,255,255,.7);
		padding: 10px;
		font-size: 150%;
		line-height: 1.4;
		text-align: center;
		color: #1575b5;
		font-weight: bold;
		border: 3px solid #1575b5;
		box-sizing: border-box;
}
@media screen and (max-width: 768px){
	.lv>h1{
	position: absolute;
		left: 10%;
		right: 10%;
		top: 30%;
		bottom: 30%;
		margin-top: 0px;
		width: 80%;
		background: rgba(255,255,255,.7);
		padding: 10px;
		font-size: 130%;
		line-height: 1.4;
		text-align: center;
		color: #1575b5;
		font-weight: bold;
		border: 3px solid #1575b5;
		box-sizing: border-box
}
@media screen and (max-width: 568px){
	.lv>h1{
	position: absolute;
		left: 10%;
		right: 10%;
		top: 25%;
		bottom: 25%;
		margin-top: 0px;
		width: 80%;
		background: rgba(255,255,255,.7);
		padding: 10px;
		font-size: 120%;
		line-height: 1.4;
		text-align: center;
		color: #1575b5;
		font-weight: bold;
		border: 3px solid #1575b5;
		box-sizing: border-box;
}
}
@media screen and (max-width: 450px){
	.lv>h1{
	position: absolute;
		left: 5%;
		right: 5%;
		top: 20%;
		bottom: 20%;
		margin-top: 0px;
		width: 90%;
		background: rgba(255,255,255,.7);
		padding: 10px;
		font-size: 90%;
		line-height: 1.4;
		text-align: center;
		color: #1575b5;
		font-weight: bold;
		border: 3px solid #1575b5;
		box-sizing: border-box;
	}
}
.lv>a{
		position: absolute;
		bottom: -15px;
		right: 50%;
		height: 30px;
		margin-right: -75px;
		line-height: 30px;
		border-radius: 20px;
		color: #fff;
		text-align: center;
		display: block;
		background: #1575b5;
		min-width: 130px;
		padding: 0 10px;
}
.lv.report{
	background: url(images/report/lv_report.png) no-repeat right center;
}
.lv.voice{
	background: url(images/voice/voice_lv.png) no-repeat right center;
}
.lv.topics{
	background: url(images/topics/lv_topics.png) no-repeat right center;
}
.lv.service{
	background: url(images/service/lv_service.png) no-repeat right center;
}
.lv.contact{
	background: url(images/contact/lv_contact.png) no-repeat right center;
}
.lv.ibc{
	background: url(images/service/ib&c/lv_ibc.png) no-repeat right center;
}
.lv.solution{
	background: url(images/total_solution/total_solution_about/lv_solution.png) no-repeat right center;
}
.lv.service.cm{
	background: url(images/service/cm/service_sub_lv.png) no-repeat right center;
}
.lv.information_security{
	background: url(images/information_security/lv_information_security.png) no-repeat right center;
}
/*content_wrap*/
.content_wrap{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
/*h2メインタイトル*/
.page_ttl{
	text-align: center;
		display: block;
		line-height: 1.1;
		font-size: 160%;
		font-weight: bold;
		margin-bottom: 23px;
		color: #1575b5;
}
.page_ttl>span{
	padding-top: 5px;
	display: block;
	font-size: 65%;
	line-height: 1.3;	
	color: #333333;
}
.page_ttl.br_nn{
	margin-bottom: 15px;
}
.page_ttl.br_nn:after{
	display: none;
}
.page_ttl.br_nn>span{
	padding-top: 5px;
}
/*メインテキスト*/
.sct_txt,
.sct_txt14,
.sct_txt18{
	font-size: 87%;
	color: rgb(85, 85, 85);
	text-transform: uppercase;
	line-height: 1.6;
	text-align: left;
}
.sct_txt14{
	font-size: 87%;
	line-height: 2;
}
.sct_txt18{
	font-size: 102%;
	line-height: 1.8;
}
.sct_txt21{
	font-size: 111%;
	line-height: 1.8;
}
.info h3,
.ribbon_blue{
	font-size: 18px;
	color: #fff;
	background: #0868B5;
	padding: 5px 10px 5px 30px;
	margin: 40px 0 30px;
	position: relative;
}
/*リンクaタグ*/
.link-bl-txt{
	color: #1575b5;
	font-size: 87%;
	text-decoration: underline;
	display: inline-block;
}
/*シングルページ日付*/
.single_page_date{
	display: table;
	width: auto;
	overflow: hidden;
	margin-bottom: 35px;
}
.single_page_date>dt,
.single_page_date>dd{
	display: table-cell;
	vertical-align: middle;
}
.single_page_date>dt{
	width: 112%;
	color: #333;
	width: 100px;
}
.single_page_date>dd{
	padding: 4px 21px;
	color: #fff;
	font-size: 75%;
	background-color: #1575b5;
	text-align: center;
}
/*コンテンツタイトル02*/
.content_type_ttl02{
	font-size: 137%;
	color: #1575b5;
	line-height: 1.3;
	padding-bottom: 10px;
	border-bottom: 2px solid #1575b5;
	margin:40px 0 10px;
}
.content_type_ttl03{
	width: 92.5%;
	margin: 0 3.75% 32px;
	line-height: 1.6;
	padding: 10px;
	text-align: center;
		color: #fff;
		font-size: 92%;
		background: #1575b5;
		display: block;
		clear: both;
		border-radius: 30px;
		box-sizing: border-box;
}
.content_type_ttl04{
	width: 100%;
	line-height: 1.4;
	padding: 10px 5px;
	padding-left: 50px;
	line-height: 1.3;
	font-size: 92%;
	color: #555555;
	margin-bottom: 57px;
	display: inline-block;
	box-sizing:border-box;
	background: url(images/service/cm/content_type04_icon.png) no-repeat left top #efefef;
	background-size: 40px;
}
/*前後のボタン*/
.prev_next_area{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	margin-top: 35px;
	justify-content:flex-end;
}
.prev_next_area .next_post_link {
	margin-right: auto;
}
/*シングルページインフォ*/
.single_page_inf{
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 40px 0 37px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-top: 55px;
}
.single_page_inf ul{
	display: block;
	overflow: hidden;
}
.single_page_inf ul li{
	font-size: 100%;
	color: #555555;
	margin-bottom: 15px;
	line-height: 1;
}
.single_page_inf ul li:first-child{
	color: #1575b5;
	font-size: 112%;
}
.single_page_inf ul li a{
	font-size: 100%;
	color: #555555;
}
/*サイドカテゴリー*/
.singlepage_category{
	width: 92.5%;
	margin: 40px 3.75% 0 3.75%;
	overflow: hidden;
}
.singlepage_category p{
	text-align: center;
	font-size: 131%;
	color: #1575b5;
	line-height: 1;
	margin-bottom: 30px;
}
.singlepage_category ul{
	display: block;
	overflow: hidden;
	width: 100%;
}
.singlepage_category ul li{
	background: #efefef;
	border-bottom: 1px solid #fff;
	line-height: 40px;
}
.singlepage_category ul li a{
	display: block;
	text-align: center;
	color: #555;
	font-size: 100%;
	color: #555;
}
.singlepage_category ul li.active,
.singlepage_category ul li:hover{
	background: #1575b5;
	color: #fff;
}
.singlepage_category ul li.active a,
.singlepage_category ul li:hover a{
	color: #fff;
}
/*ボルドテキスト*/
.bld_txt{
	font-weight: bold;
	font-size: 87%;
	color: #555555;
}
/*会社概要などテーブルリスト*/
.table_list{
	display: block;
	width: 100%;
	overflow: hidden;
}
.table_list>dt,
.table_list>dd{
	display: block;
	vertical-align: top;
	padding: 14px 19px;
	box-sizing:border-box;
}
/*共通ボタン*/
.more_btn{
	width: 180px;
	min-width: 180px;
	text-align: center;
	color: #fff !important;
	line-height: 35px;
	font-size: 87%;
	background: #1575b5;
	display: block;
	border-radius: 15px;
	box-sizing:border-box;
}
.more_btn.large{
	min-width: auto;
	width: 48%;
}
/*共通ページャー*/
/*pager*/
.wp-pagenavi {
		width: 100%;
		overflow: hidden;
		display: inline;
		vertical-align: middle;
		margin-bottom: 20px;
		margin-top: 50px;
		float: right;
		text-align: right;
}
.wp-pagenavi>.pages{
		border: 1px solid #BFBFBF;
		color: #555;
		font-size: 65%;
		float: left;
		padding: 2px 5px;
		letter-spacing: 0.3em;
		vertical-align: middle;
		display: inline-block;
}
.wp-pagenavi .current ,
.wp-pagenavi .page ,
.wp-pagenavi .nextpostslink ,
.wp-pagenavi .last ,
.wp-pagenavi .previouspostslink ,
.wp-pagenavi .first ,
.wp-pagenavi .extend {
		display: inline-block;
		font-size: 87%;
		text-align: center;
		vertical-align: middle;
		background: #fff;
		border: 1px solid #1575b5;
		line-height: 27px;
		padding: 0 11px;
		color: #1575b5;
		margin-left: 5px;
}
.wp-pagenavi .current ,
.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .last:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .first:hover{
		background: #1575b5;
		color: #fff!important;
}
.wp-pagenavi .extend {
		padding: 0 0;
		font-weight: bold;
		background: #fff;
		line-height: 15px;
		border: 1px solid #BFBFBF;
		width: 23px;
		height: 23px;
}
/*共通お知らせ一覧*/
.infromation_area{
	/*width: 100%;*/
	width: 90%;
    margin: 40px 3.75% 0;
	position: relative;
	/*background-color: #e6e6e6;*/
}
.inf_inner{
	/*width: 92.5%;
	margin: 0 3.75%;
	padding: 20px 0;*/
	box-sizing:border-box;
}
dl.inf_list{
	display: block;
	padding: 5px 3.75%;
	width: 92.5%;
	overflow: hidden;
}
.tab_content dl.inf_list {
    padding: 5px 3%;
    margin: 0 auto;
    box-sizing: border-box;
}
dl.inf_list>dt,
dl.inf_list>dd{
	display: block;
	float: left;
	vertical-align: middle;
}
dl.inf_list>dd>a,
dl.inf_list>dd>p{
	display: block;
	margin-top: 3px;
	padding: 3px 5px;
	min-width: 70px;
	color: #fff;
	font-size: 68%;
	text-align: center;
	line-height: 1;
}
dl.inf_list>dd>a.news{
	background: #1575b5;
}
dl.inf_list>dd>.news.topics_info{
	background: #45acf0;
}
dl.inf_list>dd>.news.topics_event{
	background: #5b99c2;
}
dl.inf_list>dd>.news.topics_hr{
	background: #1e5579;
}
dl.inf_list>dt{
	width: 79px;
}
dl.inf_list>dd.dd_last{
	width: 100%;
}
dl.inf_list>dd.dd_last>a,
dl.inf_list>dd.dd_last>p{
	color: #555555;
	font-size: 87%;
	width: 100%;
	text-align: left;
}
dl.inf_list>dt>a{
	font-size: 87%;
	color: #1575b5;
	font-weight: bold;
}
/*共通コンテンツサブメニュー*/
.ibc_list_ttl_wrap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 92.5%;
	max-width: 100%;
	margin: 0 3.75% 41px;
	flex-wrap:wrap;
	justify-content:space-between;
}
.ibc_list_ttl_wrap>li{
	width: 49.5%;
	margin-bottom: 1%;
}
.ibc_list_ttl_wrap>li>a{
	text-align: center;
	display: block;
	font-size: 87%;
	line-height: 50px;
	color: #333;
	border: 1px solid #ddd;
	box-sizing:border-box;
}
.ibc_list_ttl_wrap>li.active,
.ibc_list_ttl_wrap>li:hover{
	background: #1575b5;
}
.ibc_list_ttl_wrap>li.active a,
.ibc_list_ttl_wrap>li:hover a{
	color: #fff;
}
/* Project
	------------------------------------------------------------------- */
/*
*top
**/
.top_hd_logo{
	top: 19px;
	position: absolute;
}
.mv{
	position: relative;
	width: 100%;
}
.mv>img{
	width: 100%;
}
.mv .mv_txt0,
.mv .mv_txt{
	position: absolute;
	left: 5%;
	right: 5%;
	top: 50%;
	margin-top: -12%;
	padding: 4%;
	width: 90%;
	/*min-height: 120px;*/
	/*border: 3px solid #1575b5;*/
	border-radius: 15px;
	box-sizing:border-box;
	font: bold 135%/1.4 "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	text-align: center;
	color: #fff;
}
.mv .mv_txt0{
	background: rgba(255,255,255,.6);
	color: #555;
	font-size: 90%;
	line-height: 1.2;
	letter-spacing: -1px;
}
.mv .mv_txt0 strong {
	display: block;
	/*margin: 0 0 2%;*/
	font-size: 125%;
	color: #ff8b10;
}
.mv .office .mv_txt {background: rgba(21,117,181,.9);}
.mv .smart .mv_txt {background: rgba(255,139,16,.9);}
.mv .environment .mv_txt {background: rgba(0,151,68,.9);}
.mv .mv_txt strong{
	display: block;
	margin: 0 0 2%;
	padding: 0 0 2%;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	line-height: 1.2;
}
.mv .mv_txt span{
	display: block;
	font-size: 80%;
	color: #eee;
	/*line-height: 30px;*/
}
.mv .mv_txt span img {
	width: 100px;
	padding-right:2px;
}
/*
.sp_ibc_area{
	width: 100%;
	line-height: 50px;
	background: #1575b5;
	right: 8.1%;
	text-align: left;
}
.sp_ibc_area a{
	width: 100%;
	display: inline-block;
	height: 50px;
}
.sp_ibc_area a .sp_ibc_txt01{
	color: #fff;
	font-size: 116%;
	display: inline-block;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
	line-height: 1.2;
	box-sizing: border-box;
}
.sp_ibc_area a .sp_ibc_txt02{
	color: #fff;
	font-size: 46%;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	padding-left: 30px;
	line-height: 1.2;
	box-sizing:border-box;
}
*/
/*ここからスライダー*/
.top_btn_list p{
	position: absolute;
	right: 0;
	top: 0%;
	height: 100%;
	width: 50%;
	font-size: 100%;
	color: #1575b5;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	padding: 0 5px;
	padding-top: 10%;
	background: #fff;
	box-sizing:border-box;
}
.top_btn_list .item{
	padding: 0 3% 0 0;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 90%!important;
	padding: 15px 5%!important;
	-ms-touch-action: pan-y;
	background: #333333;
	margin-bottom: 175px;
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 9000;
	margin-bottom: 0px!important; 
}
.top_btn_list .item a img{
	width: 52%;
	max-width: 231px;
}
.owl-carousel:after {
	display: none;
}
.owl-carousel {
	display: none;
	position: relative;
	width: 90%;
	padding: 30px 5%;
	-ms-touch-action: pan-y;
	background: #333333;
	margin-bottom: 45px!important;
}
.top_btn_list p span{
	display: block;
	padding: 10px 5px 0;
	color: #333333;
	line-height: 1.2;
	font-size: 77%;
}
.top_content_solution_catch{
	display: block;
	float: none;
	clear: both;
	position: relative;
	margin: 60px auto 30px;
	padding: 10px 7%;
	width: 92.5%;
	border-left: 1px solid #1575b5;
	border-right: 1px solid #1575b5;
	text-align: center;
	box-sizing: border-box;
}
.top_content_solution_catch:before,
.top_content_solution_catch:after,
.top_content_solution_catch p:before,
.top_content_solution_catch p:after{
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 1px;
	background: #1575b5;
	font-size: 1px;
}
.top_content_solution_catch:before{left: 0; top: 0;}
.top_content_solution_catch:after{left: 0; bottom: 0;}
.top_content_solution_catch p:before{right: 0; top: 0;}
.top_content_solution_catch p:after{right: 0; bottom: 0;}
.top_content_solution_catch strong{
	display: block;
	margin: 5px 0 0;
	color: #1575b5;
	font-size: 175%;
	font-weight: 700;
	line-height: 1.4;
}
.top_content_solution_catch strong br{
	display: none;
}
.top_report_area,
.top_about_area{
	display: block;
	margin: 0 3.75% 45px;
	width: 92.5%;
	overflow: hidden;
}
.top_report_area>ul{
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-direction: reverse;
	-moz-box-direction: reverse;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.top_report_area>ul>li,
.top_about_area>ul>li{
	position: relative;
	width: 100%;
	text-align: center;
}
.top_report_area>ul>li>a>img,
.top_about_area>ul>li>a>img{
	width: 100%;
}
.top_report_area>ul>li:first-child>a>img{
	position: absolute;
	left: 0;
	width: 100%;
}
.top_report_area>ul>li>a>h3,
.top_about_area>ul>li>a>h3{
	position: absolute;
	top: 32%;
	color: #fff;
	width: 90%;
	left: 5%;
	font-size: 137%;
}
.top_report_area>ul>li:first-child>a>h3{
	position: relative;
	top: 0;
	z-index: 1;
	padding: 5% 0;
}
.top_about_area>ul>li:first-child>a>h3{
	top: 36%;
	left: 5%;
}
.top_report_area>ul>li>a>p,
.top_about_area>ul>li>a>p{
	padding: 0 15px;
	color: #fff;
	/*font-size: 77%;*/
	position: absolute;
	width: 100%;
	top: 46%;
	line-height: 2;
	box-sizing: border-box;
}
.top_about_area>ul>li:first-child>a>p{
	top: 51%;
}
.top_about_area>ul>li>a>h3.shd_txt,
.top_about_area>ul>li>a>p.shd_txt{
	text-shadow:4px 4px 15px #f7f2e7, -4px -4px 15px #f7f2e7,22px 5px 15px #f7f2e7, 18px -8px 15px #f7f2e7;
	color: #333333;
}
.top_about_area>ul>li>a>p.shd_txt{
	text-shadow: 0 0 1px rgb(255, 255, 255), 0 0 2px rgb(255, 255, 255), 0 0 3px rgb(255, 255, 255), 0 0 6px rgb(255, 255, 255), 0 0 9px rgb(255, 255, 255), 0 0 12px rgb(255, 255, 255);
	color: #111111;
	box-sizing: border-box;
}
.top_report_area>ul>li>a>p.shd_txt{
	top: 45%;
	width: 90%;
	left: 5%;
}
@media screen and (max-width: 450px){
	.top_report_area>ul>li>a>h3{
		position: absolute;
		color: #fff;
		width: 90%;
		left: 5%;
		font-size: 117%;
	}
	.top_about_area>ul>li>a>h3{
		position: absolute;
		top: 25%;
		color: #fff;
		width: 90%;
		left: 5%;
		font-size: 137%;
	}
	.top_about_area>ul>li>a>p{
		color: #fff;
		font-size: 77%;
		position: absolute;
		width: 100%;
		top: 40%;
		line-height: 2;
	}
	.top_about_area>ul>li>a>p,
	.top_about_area>ul>li>a>p.shd_txt{
		width: 90%;
		left: 5%;
	}
}
.inf_inner .news_more{
		position: absolute;
		right: 0;
		top: -70px;
		padding: 10px;
		color: #000000;
		font-size: 90%;
		padding-left: 14px;
}
.inf_inner .news_more:before{
	content: '';
		position: absolute;
		left: 0;
		top: 18px;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #1575b5;
}

.ibc_area{
	margin: 3.75% 3.75% 8%;
	padding: 20px 0;
	width: 92.5%;
	background: #1575b5;
	color: #fff;
	text-align: center;
}
.ibc_area p{
	/*float: left;*/
}
.ibc_area p strong{
	display: block;
	margin: 0 0 5px;
	font-size: 140%;
	line-height: 1.2;
	letter-spacing: 1px;
}
.ibc_area a{
	display: inline-block;
	margin-top: 20px;
	padding: 1.25em 0;
	width: 80%;
	background: #fff;
	color: #1575b5;
	line-height: 1;
	text-decoration: none;
}


/*
*about
**/
.page_ab_sub_ttl{
	font-size: 21px;
	color: #1575b5;
	margin-bottom: 22px;
}
.about_inner{
	width: 92.5%;
	margin: 0 3.75%;
}
.about_inner>.sct_txt{
	margin-bottom: 50px;
}
.total_managment{
	display: block;
	width: 100%;
	margin: 0 auto 44px;
}
.about_content_list01{
	width: auto;
	display: block;
	overflow: hidden;
	margin-bottom: 59px;
}
.about_content_list01>li{
	display: block;
	margin-bottom: 8px;
}
.about_content_list01>li>a{
	display: block;
	margin: 0 auto;
	width: 300px;
	line-height: 37px;
	font-size: 17px;
	color: #fff;
	border-radius: 15px;
	text-align: center;
	background: #1575b5;
}
.about_content_list01>li:last-child a{
	background: #ff8b10;
}
.about_content_list02{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	margin: 0 auto 84px;
	justify-content:space-between;
}
.about_content_list02>li{
	margin-bottom: 10px;
	width: 100%;
}
.about_content_list02>li>a>img{
	width: 100%;
}
.about_main_inf_list{
	overflow: hidden;
	width: 100%;
}
.table_list.about.last{
	margin-bottom: 60px;
}
.table_list.about.last>dt,
.table_list.about.last>dd{
	border-bottom: none;
}
.table_list.about>dt{
	width: 100%;
	font-size: 16px;
	line-height: 2.3;
	background: #efefef;
	border-bottom: 2px solid #fff;
}
.table_list.about>dd{
	line-height: 2.3;
	border-bottom: 2px solid #efefef;
}
.about_main_inf_list>p.date{
	text-align: right;
	font-size: 12px;
	color: #333333;
	margin-bottom: 17px;
}
.organization_chart{
	display: block;
	margin: 0 auto;
	width: 100%;
}
/*
*office_report_list
**/
.report_list_wrap{
	width: 92.5%;
	margin: 0 3.75%;
	display: block;
}
.reprot_list_inner{
	width: 100%;
	margin-bottom: 29px;
	background: #efefef;
	padding: 30px 3.75% 21px;
	clear: both;
	overflow: hidden;
	box-sizing:border-box;
}
.reprot_list_inner .title{
	font-size: 150%;
	color: #1575b5;
	line-height: 1;
	margin-bottom: 9px;
}
.reprot_list_inner .date{
	font-size: 87%;
	color: #333333;
	margin-bottom: 20px;
}
.reprot_list_inner .txt{
	font-size: 87%;
	line-height: 1.6;
	color: #555;
	margin-bottom: 15px;
}
.reprot_list_inner .more_btn.tar{
	float: right;
}
/*
*voice_single
**/
.cat_content{
	width: 92.5%;
	margin: 0 3.75%;
}
  
  .cat_content img {
    max-width: 100%;
    height: auto;
  }  

.cat_content .wp-caption{
    max-width: 100%;
}

/*
*voice_single
**/
.inf_list.topics{
	padding: 19px 3.75%;
}
.inf_list.topics:first-child{
	padding-top: 50px;
}
.inf_list.topics:nth-child(even){
	background-color: #efefef;
}
/*
*contact
**/
.form_area{
	width: 92.5%;
	margin: 0 3.75%;
}
.form_area p{
	line-height: 2;
	font-size: 112%;
}
.contact_table {
		width: 100%;
		margin: 5% 0;
}
.contact_table tr {
		border-bottom: 1px solid #ccc;
		line-height: 150%;
}
.contact_table tr:last-of-type{
	border: none;
}
.contact_table tr th {
		color: #2d6ab4;
		width: 100%;
		text-align: left;
		padding-left: 25px;
}
.contact_table tr th .hiss {
		background: #c00;
		color: #fff;
		font-size: 65%;
		padding: 2px 10px;
		margin: 0 0 0 10px;
		height: 15px;
}
.contact_table tr td{
	padding-left: 33px;
}
.contact_table tr td.pl_none{
	padding-left: 0px;
}
.contact_table tr td input.name {
		width: 34%;
		/* margin-left: 0; */
		margin: 0 0 3%;
}
.contact_table tr td input.large {
		width: 82%;
		/* margin-left: 0; */
		margin: 0 0 3%;
}
.contact_table tr td input.medium {
		width: 36%;
		/* margin-left: 0; */
		margin: 0 0 3%;
}
.contact_table tr td input, .contact_table tr td textarea {
		border: 1px solid #e1e1e1;
		border-radius: 5px;
		box-sizing: border-box;
		outline: none;
		-webkit-transition: box-shadow 0.2s, background 0.2s;
		transition: box-shadow 0.2s, background 0.2s;
		line-height: 180%;
		font-size: 18px;
		padding: 0 10px;
		width: 82%;
		margin-left: 38px;
		min-height: 32px;
		margin: 0 0 3%;
}
.contact_table tr td textarea {
		width: 100% !important;
		min-height: 150px;
}
.contact_table tr td select {
		-webkit-appearance: menulist-button;
		width: 300px;
		height: 37px;
		font-size: 14px;
		line-height: 40px;
		padding: 0 15px;
		border: 1px solid #e1e1e1;
		border-radius: 5px;
		box-sizing: border-box;
		z-index: 2;
		margin-left: 40px;
		color: #333;
		display: inline-block;
		margin: 0 0 3%;
}
.form_button_box {
		text-align: center;
}
.form_button_box .form_button {
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		background: #004387;
		color: #FFF;
		font-size: 112%;
		box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
		border: 1px solid #004387;
		padding: 0 30px 8px;
		max-width: 290px;
		min-width: 290px;
}
.form_button_box .back_button {
	background-color: #555;
	border-color: #555;
}
.form_button_box .form_button:hover{
		background: #f90;
		border: 1px solid #f90;
}
ul.contact_att_txt{
	margin: 86px 0 66px;
	overflow: hidden;
	margin: 20px auto 50px;
	width: 100%;
	display: block;
}
ul.contact_att_txt>li{
	background: #dddddd;
	line-height: 50px;
	text-align: center;
	color: #333333;
	width: 100%;
}
ul.contact_att_txt>li:first-child{
	background: #004387;
}
ul.contact_att_txt>li>a{
	text-align: center;
	display: block;
	color: #fff;
	width: 100%;
}
@media screen and (max-width: 768px){
	.contact_table tr th, .contact_table tr td {
		width: 100%;
		padding: 0;
}
}
@media screen and (max-width: 768px){
	.contact_table tr th, .contact_table tr td {
			display: list-item;
			border: none;
			list-style: none;
			padding-top: 8px;
		}
}
/*
*service
**/
.service_wrap{
	display: block;
	width: 92.5%;
	margin: 0 3.75%;
	clear: both;
}
.service_wrap>dl.service_dl{
	display: block;
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.service_wrap>dl.service_dl>dt,
.service_wrap>dl.service_dl>dd{
	display: block;
	vertical-align: top;
}
.service_wrap>dl.service_dl>dt{
	width: 100%;
}
.service_wrap>dl.service_dl>dt>img{
	width: 100%;
}
.service_wrap>dl.service_dl>dd{
	background: #efefef;
	position: relative;
	width: 100%;
	padding:35px 3.75% 25px 3.75%;
	box-sizing:border-box;
}
.service_wrap>dl.service_dl>dd>p{
	font-size: 150%;
	line-height: 1;
	color: #1575b5;
}
.service_wrap>dl.service_dl>dd>span{
	line-height: 1.8;
	font-size: 100%;
	display: block;
	margin: 12px 0 60px;
}
.service_wrap>dl.service_dl>dd>.btn_tar{
	position: absolute;
	right: 3.75%;
	bottom: 25px;
}
/*
*ib&c_informat
**/
.sct_txt.ibc_top{
	width: 100%;
	padding-top: 30px;
	margin-bottom: 20px;
}
.ibc_information_img{
	float: none;
	width: 100%;
	max-width: 368px;
	margin-bottom: 50px;
}
.ser_ib_list{
	margin-bottom: 50px;
}
.ser_ib_list>li{
	line-height: 1.8;
	color: #555555;
	padding-left: 20px;
	position: relative;
	list-style-type: none;
}
.ser_ib_list>li:before{
	content: '';
	position: absolute;
	background: #1575b5;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 0;
	top: 49%;
	margin-top: -2px;
}
/*
*member_company_list
**/

/*トピックスtabメニュー*/
ul.tab {
		list-style: none;
	width: 100%;
	text-align: center;
	text-align: left;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	margin-bottom: 41px;
	justify-content:space-between;
}
ul.tab li {
		width: 49%;
		height: 50px;
		line-height: 50px;
		color: #333333;
		font-size: 87%;
		border: 1px solid #ddd;
		text-align: center;
		cursor: pointer;
}
ul.tab li:hover {
		background-color: #1575b5;
		color: #fff;
}
ul.tab li.active {
		background-color: #1575b5;
		color: #fff;
}
div.tabContent {
		clear: both;
	width: 100%;
	margin: 0 auto;
		display: none;
		box-sizing:border-box;
}
div.active {
		display: block;
}
.tab_inner{
	display: block;
}
.ser_ib_list.member{
	width: 100%;
	margin-left: 3.75%;
}
.ser_ib_list>li>a{
	color: #555;
}
/*
*member_company_list_single
**/
.service_wrap>.table_list>dd>a{
	color: #555;
}
/*
*seminar_meet
**/
.seminar_list{
	width: 100%;
	max-width: 1199px;
	margin: 0 auto;
}
.seminar_list table {
	width: 100%;
}
.seminar_list table {
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
}
.seminar_list table th,
.seminar_list table td {
	padding: 10px;
	font-size: 87%;
	width: 65.5%;
}
.seminar_list table th.small,
.seminar_list table td.small {
	width: 11.5%;
	text-align: center;
}
.seminar_list table th {
	background-color: #fff;
	text-align: center;
	border: none;
	border-bottom: 2px solid #1575b5;
	color: #1575b5;
	font-weight: bold;
	font-size: 87%;
}
.seminar_list table td span{
	display: block;
	color: #1575b5;
	font-weight: bold;
	padding: 5px 0;
}
.seminar_list tbody:nth-child(odd){
	background-color: #efefef;
}
@media screen and (max-width: 769px) {
	.seminar_list table {
		display: block;
		position: relative;
	}
	.seminar_list table thead {
		display: block;
		/*float: left;*/
		width: 769px;	
	}
	.seminar_list table tbody {
		display: block;
		width: 769px;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.seminar_list table th,
	.seminar_list table td {
		display: block;
	}
	.seminar_list table tr {
		display: inline-block;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:space-between;
		width: 769px;
	}
	.seminar_list table tbody tr {
		margin-right: -5px;
	}
}
/*
*sitemap
**/
.sitemap_area{
	display: block;
	width: 100%;
	max-width: 1125px;
}
.sitemap_area_inner{
	width: 100%;
}
.head_link>li{
	margin-bottom: 30px;
}
.head_link>li>a{
		margin: 0 auto 0px;
		line-height: 43px;
		text-align: center;
		color: #fff;
		font-size: 101%;
		background: #1575b5;
		display: block;
		clear: both;
		border-radius: 30px;
		box-sizing: border-box;
}
.sub_link{
	margin-bottom: 30px;
	margin-left: 30px;
}
.sub_link>li{
	position: relative;
	line-height: 2.1;
}
.sub_link>li>a{
	color: #555555;
	padding-left: 20px;
	position: relative;
	list-style-type: none;
}
.sub_link>li:before{
	content: '';
	position: absolute;
	background: #1575b5;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	margin-top: -2px;
}
/*
*total_solution
**/
.content_wrap_inner{
		width: 92.5%;
		margin: 0 3.75%;
}
.solution_content01{
	background-color: #efefef;
	margin: 68px auto 92px;
	position: relative;
	padding:36px 0 23px;
}
.solution_img01{
	display: block;
	margin: 0 auto;
	width: 100%;
}
.solution_img03{
	display: block;
	margin: 44px auto 42px;
	width: 100%;
}
.solution_arrow{
		position: absolute;
		bottom: -22px;
		left: 50%;
		margin-left: -100px;
		width: 200px;
}
.solution_content01 .content_type_ttl03{
	margin-top: -60px;
}
.support_dl{
	display: block;
	width: 92.5%;
	margin: 35px 3.75% 65px;
	overflow: hidden;
}
.support_dl>dt,
.support_dl>dd{
	display: block;
	vertical-align: top;
}
.support_dl>dt{
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #aaaaaa;
}
.support_dl>dt>img{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.support_dl>dd>img{
	width: 100%;
	margin: 0 auto;
	display: block;
}
.solution_content01.content02{
	margin: 52px 0 61px;
}
.solution_content01.content02>img{
	width: 100%;
	max-width: 802px;
}
.single_bl_btn{
	display: block;
	width: 100%;
	background: #1575b5;
	color: #fff;
	font-size: 130%;
	text-align: center;
	line-height: 59px;
}
.solution_about_area{
	display: block;
	width: 100%;
	background-color: #dddddd;
	padding:22px 20px 35px;
	box-sizing:border-box;
	flex-wrap:wrap;
	overflow: hidden;
}
.solution_about_area_wrap{
	background: #fff;
	padding: 22px 23px;
	min-height: 244px;
	float: left;
	width: 33.233%;
	margin-right: 1px;
	margin-bottom: 1px;
	box-sizing:border-box;
}
.solution_about_area_wrap>p{
	font-size: 131%;
	color: #1575b5;
	margin-bottom: 20px;
}
.solution_about_area_wrap>p>span{
	display: block;
	padding-top: 5px;
	line-height: 1.3;
	color: #555555;
	font-size: 60%;
}
.solution_about_area_wrap>.ser_ib_list{
	margin-bottom: 0;
}
.solution_about_area_wrap>.ser_ib_list>li{
	line-height: 1.6;
	font-size: 87%;
	padding-left: 40px;
}
.solution_about_area_wrap>.ser_ib_list>li:before{
	content: '';
	position: absolute;
	left: 10px;
}
.inner_lst_txt{
	clear: both;
	margin: 0 auto;
	display: block;
	padding: 13px 10px;
	color: #fff;
	font-size: 87%;
	text-align: center;
	background: #333333;
}
.arrow_sol02{
	display: block;
	margin: 0 auto 20px;
	width: 250px;
}
@media screen and (max-width: 530px){
	.solution_about_area_wrap {
			background: #fff;
			padding: 22px 23px;
			min-height: 100%;
			float: left;
			width: 100%;
			margin-right: 1px;
			margin-bottom: 1px;
			box-sizing: border-box;
	}
}
/*
*total_solution_about
**/
.scroll_ttl_area{
	width: 100%;
	max-width: 1201px;
	margin: 0 auto;
}
.sol_ab_content01{
	background: #efefef;
	padding-bottom: 30px;
	position: relative;
	margin: 30px 0 50px;
}
.scroll_ttl_ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 100%;
	flex-wrap:wrap;
	margin-bottom: 20px;
}
.scroll_ttl_ul>li{
	width: 49.48%;
	text-align: center;
	background: #1575b5;
}
.scroll_ttl_ul>li:nth-child(1n){
	border-right: 1px solid #fff;
}
.scroll_ttl_ul>li>a{
	display: block;
	color: #fff;
	font-size: 87%;
	padding: 4px 5px;
	border-bottom: 1px solid #fff;
}
.scroll_ttl_ul>li>a>span{
	display: block;
	line-height: 1;
}
.sol_ab_content01>p{
	font-size: 137%;
	color: #1575b5;
	text-align: center;
	margin-bottom: 22px;
}
.sol_ab_content01>img{
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 10;
	width: 220px;
}
.sol_ab_content01>.sct_txt.sol01{
	color: #555555;
	font-size: 111%;
	text-align: left;
	padding: 100%;
	padding: 31px 3.75% 19px;
	background: #fff;
	margin: 0 3.75%;
	margin-top: -10px;
	box-sizing:border-box;
}
.sol_step{
	display: block;
	width: 100%;
	position: relative;
	box-sizing:border-box;
}
.sol_step>.sct_txt21{
	text-align: center;
	margin: 48px 0 19px;
	color: #333333;
}
.scroll_ttl_ul.scd.mb{
	margin-bottom: 39px;
}
.scroll_ttl_ul.scd{
	position: relative;
	margin-bottom: 100px;	
	top: 0;
}
.scroll_ttl_ul.scd>li{
	color: #fff;
	border-right: none;
	width: 50%;
	padding: 5px;
	font-size: 87%;
	background:  #1575b5;
	box-sizing:border-box;
}
.scroll_ttl_ul.scd>li:nth-child(1n){
	border-right:1px solid #fff;
	border-bottom: 1px solid #fff;
}
.scroll_ttl_ul.scd>li:last-child{
	background: none;
	background-color: #1575b5;
}
.step_grf_area{
	width: 100%;
	padding: 20px 3.75%;
	border: 1px solid #737273;
	position: relative;
	display: block;
	margin-bottom: 20px;
	box-sizing:border-box;
}
.step_grf_area_left,
.step_grf_area_right{
	width: 100%;
}
.step_grf_area_ttl{
	position: absolute;
	left: 21px;
	top: -16px;
	display: inline-block;
	padding: 0 20px;
	background: #fff;
	font-size: 131%;
}
.step_grf_area_left>img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 399px;
}
.step_grf_area_right>img{
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 501px;
}
.step_grf_area_right_diagram{
	margin-right: 0;
	margin-bottom: 35px;
	text-align: center;
}
.step_grf_area_right_diagram > img{
	width: 100%;
}
.step_grf_area_right>img.step_grf_area_right_arrow{
	display: none;
}
.step_grf_area_left>.sct_txt18{
	max-width: 377px;
	margin: 23px auto 0;
	line-height: 1.5;
}
.step_grf_area_right>.sct_txt18{
	max-width: 540px;
	margin: 23px auto 0;
	line-height: 1.5;
}
.diagram_removal{
	margin-bottom: -10px;
}
.sol_step_btn_area{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
	margin-bottom: 79px;
	clear: both;
	overflow: hidden;
}
.sol_step_btn_area>li{
	width: 49.4%;
	background: #1575b5;
}
.sol_step_btn_area>li>a{
	color: #fff;
	display: block;
	text-align: center;
	line-height: 51px;
	position: relative;
}
.sol_step_btn_area>li>a:after{
	content: '';
	position: absolute;
	right: 50%;
	top: 20px;
	margin-right: -70px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.step_grf_area.type02{
	padding: 0;
	border: none;
}
.step_grf_area_inner{
	padding: 36px 3.75% 27px;
	background: #efefef;
	width: 100%;
	box-sizing:border-box;
}
.sol_ul_type02{
	display: block;
	width: 100%;
	overflow: hidden;
	box-sizing:border-box;
}
.sol_ul_type02>li{
	line-height: 1.5;
	font-size: 100%;
}
.step_grf_area_inner_ttl02{
	width: 100%;
	background: #fff;
	line-height: 1.5;
	padding: 17px 10px 17px 20px;
	margin-bottom: 30px;
	box-sizing:border-box;
}
.step_grf_area_inner_ttl02>span{
	display: block;
	color: #1575b5;
	margin-bottom: 15px;
	font-size: 131%;
}
.step_grf_area_inner_ttl02.last{
	margin-bottom: 0;
}
.step_grf_area_right{
	position: relative;
	padding-top: 30px;
}
.step_grf_area_ttl_right{
	position: absolute;
		left: 21px;
		top: -16px;
		display: inline-block;
		padding: 0 20px;
		background: #fff;
		font-size: 131%;
}
.step_grf_area_right_ul{
	display: inline-block;
	overflow: hidden;
	padding-top: 10px;
	background: #efefef;
		margin: 0px 3.75% 50px;
}
.step_grf_area_right_ul>li{
	font-size: 16px;
	padding: 2px 20px;
}
.step_grf_area_right_ul>li:last-child{
	font-size: 112%;
	color: #fff;
	background: #555555;
	padding: 10px 20px;
	text-align: center;
	margin-top: 5px;
}
.step_grf_area_right_arrow{
	position: absolute;
	left: 30%;
		top: 28%;
}
.step_grf_area_right>.costumer{
	position: absolute;
	top: 80px;
	border-radius: 50%;
	border: 1px solid #000;
	line-height: 89px;
	width: 89px;
	text-align: center;
	right: 40px;
}
.r-bl-block{
	width: 100%;
	padding: 20px 3.75% 5px;
	border: 1px solid #737273;
	box-sizing:border-box;
	position: relative;
}
.r-bl-block_ttl{
	position: absolute;
	left: 50%;
	top: -25px;
	border: 1px solid #737273;
	text-align: center;
	padding: 3px 15px;
	width: 160px;
	z-index: 10;
	background: #fff;
	margin-left: -80px;
	font-size: 112%;
	box-sizing:border-box;
}
.r-bl-block_ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content:space-between;
	overflow: hidden;
	flex-wrap:wrap;
}
.r-bl-block_ul>li{
	width: 48%;
	padding: 0 18px;
	color: #fff;
	border-radius: 30px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 87%;
	line-height: 40px;
	white-space: nowrap;
	background: #1575b5;
	box-sizing: border-box;
}
.right_abs_txt{
	position: absolute;
	left: 30%;
	top: 40%;
	font-size: 87%;
	color: #555555;
}
@media screen and (max-width: 1180px){
	.right_abs_txt{
		position: absolute;
		left: 60%;
		top: 40%;
		font-size: 87%;
		color: #555555;
	}
}
@media screen and (max-width: 1090px){
	.right_abs_txt{
		position: absolute;
		left: 60%;
		top: 36%;
		font-size: 87%;
		color: #555555;
	}
}
.scroll_ttl_ul.scd.mb.con03>li{
	width: 33.3333%;
}
.r-bl-block.mt{
	margin-top: 35px;
}
.step_grf_area.type02.hf{
	width: 100%;
}
.step_grf_area.type02.hf>.step_grf_area_inner{
	width: 100%;
}
.step_grf_area.type02.hf>.step_grf_area_inner>.step_grf_area_inner_ttl02{
	min-height: 176px;
	margin-bottom: 0;
}
.step_grf_area.con02{
	display: block;
	border: none;
	padding: 0;
}
.step_grf_area_right.con02{
	display: block;
	width: 100%;
	padding-top: 0;
}
.step_grf_area_right.con02>.r-bl-block{
	width: 100%;
}
.r-bl-block.mt.deesh{
	margin-top: 50px;
}
.r-bl-block_ul.line02{
	justify-content:space-between;
}
.step_grf_area.con02 img{
	width: 100%;
}
/*
*service_cm
**/
.ser_sub_con01{
	width: 100%;
	background: #efefef;
	position: relative;
	padding: 45px 3.75% 26px;
	box-sizing:border-box;
	margin-bottom: 66px;
}
.ser_sub_con01>.content_type_ttl03{
	max-width: 1098px;
	margin-top: -90px;
	margin-bottom: 37px;
}
.ser_sub_cm01{
	display: none;
}
.ser_sub_cm02{
	display: none;
}
.ser_sub_con02{
	display: block;
	margin-bottom: 40px;
}
.ser_sub_con02.office>img{
	width: 100%;
	margin-bottom: 10px;
}
.ser_sub_con02_inner{
	width: 100%;
	text-align: center;
}
.ser_sub_con02_inner>img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 504px;
}
.ser_sub_con02_inner.right>img{
	padding-top: 30px;
	width: 100%;
	max-width: 501px;
}
.ser_sub_con02_inner>.page_ttl{
	font-size: 112%;
}
.ser_sub_con02_inner>.page_ttl>span{
	font-size: 85%;
}
.ser_sub_con02_inner .page_ttl:after{
	bottom: 29px;
	width: 498px;
	margin-left: -249px;
}
.service_sub_img{
	display: block;
	margin: 30px auto;
	width: 100%;
}
.service_sub_img.acous01{
}
/*
*service_recovery
**/
.ser_sub_cm03 {
		position: absolute;
		left: 50%;
		bottom: -26px;
		margin-left: -122px;
		width: 100%;
		max-width: 244px;
}
.ser_sub_con02.recovery{
	margin: 0 auto;
}
.ser_sub_con02_inner.recovery{
	width: 100%;
	margin:0 auto 30px;
}
.ser_sub_con02_inner.recovery>img{
	width: 100%;
}
.acoustic_img_area{
	display: inline-block;
	margin: 30px 0;
}
.acoustic_img_area>img{
	margin: 0 auto;
	width: 100%;
}
.acoustic_img_area>span{
	font-size: 112%;
	font-weight: bold;
	color: #000;
	background: #EFC326;
	text-align: center;
	line-height: 40px;
	display: block;
	margin-bottom: 10px;	
}
.acoustic_img_area>span.bl_ttl{
	background: #1575b5;
	color: #fff;
}
.acoustic_img_area>p{
	display: block;
	text-align: center;
	font-size: 87%;
	line-height: 1.4;
	margin: 10px 0;
}
/*
*information_deisgn
**/
.ser_sub_con02.office_inner01,
.ser_sub_con02.office_inner02{
	width: 100%;
}
.ser_sub_con02.office_inner01 img{
	width: 100%;
	max-width: 583px;
}
.ser_sub_con02.office_inner02 img{
	width: 100%;
	max-width: 628px;
}
.ser_sub_con02.office_inner01 img.office_img03,
.ser_sub_con02.office_inner02 img.office_img04{
	width: 100%;
	margin: 0 auto;
	max-width: 435px;
}
/*
*information_security
**/
.content_type_ttl03.sec{
	margin-top: 64px;
}
.bl_list_ul{
	width: 100%;
	overflow: hidden;
	margin: 20px 0 40px;
}
.bl_list_ul>li{
	line-height: 1.6;
		font-size: 87%;
		position: relative;
		padding-left: 40px;
}
.bl_list_ul>li:before{
		content: '';
		position: absolute;
		background: #1575b5;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		left: 20px;
		top: 50%;
		margin-top: -2px;
}
/*
*greeting
**/
.greeting_area{
	display: block;
	width: 92.5%;
	margin: 0 auto;
	padding: 3.75%;
	background: #efefef;
}
.greeting_txt_wrap{
	padding: 0 0 30px;
	width: 100%;
	position: relative;
	z-index: 10;
	clear: both;
	overflow: hidden;
	margin: 20px 0 0px;
	box-sizing:border-box;
}
.greeting_txt_wrap>img{
	float: right;
	margin-top: 45px;
	display: block;
	width: 100%;
	max-width: 379px;
}
.ceo_img>img{
	width: 100%;
	max-width: 600px;
}
/*
*service_ict
**/
.sct_txt18.ss_ttl_hd{
	width: 92.5%;
	margin: 0 auto;
}
.ser_wrap_bs_area{
	background: #efefef;
	padding: 64px 3.75% 30px;
	margin-bottom: 75px;
	position: relative;
	margin-top: 31px;
	box-sizing:border-box;
}
.ser_wrap_bs_area>img{
	position: absolute;
		bottom: -27px;
		left: 50%;
		margin-left: -125px;
		width: 250px;
}
.single_bl_ttl{
	font-size: 137%;
	color: #1575b5;
	margin-bottom: 20px;
	text-align: center;
}
.ser_wrap_bs_area .content_type_ttl03.large{
		position: absolute;
		left: 2%;
		right: 2%;
		width: 96%;
		top: -20px;
		margin: 0;
		font-size: 82%;
}
.ser_scrl_menu{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 92.5%;
		margin: 40px 3.75% 40px;
		flex-wrap:wrap;
		justify-content: space-between;
}
.ser_scrl_menu>li {
		width: 48.986%;
		margin-bottom: 10px;
}
.ser_scrl_menu>li>a{
	text-align: center;
		display: block;
		font-size: 87%;
		border-radius: 20px;
		line-height: 40px;
		background: #1575b5;
		color: #fff;
		box-sizing: border-box;
}
.ict_con01,
.ict_con02{
	display: block;
	margin: 50px auto 20px;
}
.ict_con02>div.ict_con02_inner,
.ict_con01>li{
	width: 100%;
	margin-bottom: 50px;
}
.ict_con01>li>img{
	width: 100%;
}
.ict_con01>li>span{
	display: block;
	font-size: 87%;
	padding-top: 10px;
}
.ict_con02>div.ict_con02_inner{
	background: #eee;
	border: 1px solid #ddd;
}
.ict_con02>div.ict_con02_inner>.content_type_ttl03{
	min-width: 28%;
	margin-top: -30px;
		margin-left: 3%;
		margin-right: 3%;
		font-size: 100%;
		margin-bottom: 20px;
}
.ict_con02_inner>.bl_list_ul{
	margin-bottom: 25px;
}
.bl_list_ul.ict{
	display: block;
	width: 100%;
	overflow: hidden;
	padding: 15px 0px;
	margin-top: 20px;
	margin-bottom: 45px;
	box-sizing:border-box;
}
.bl_list_ul.ict>li{
	padding-left: 15px;
}
.bl_list_ul.ict>li:before{
	content: '';
	left: 0;
	background: #000;
	width: 3px;
	height: 3px;
}
.bl_list_ul.bk_gray{
	padding:15px;
}
.content_type_ttl04.ict{
	margin-bottom: 30px;
}
.ict_img{
	margin: 25px 0;
	width: 100%;
}
.ser_office_img05,
.ser_office_img06,
.ser_office_img07{
	width: 100%;
	max-width: 250px;
}
.ser_office_img05{
	margin-left: 7.3%;
}
.ser_office_img06{
		margin-left: 0%;
		margin-top: -40px;
}
.ser_office_img07{
		margin-left: 7.3%;
		margin-top: -30px;
}
.service_ict_con{
	display: block;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.ser_office_img05{
	max-width: 100%;
	margin-bottom: 20px;
}
.ser_office_img04{
	width: 100%;
}
.ser_office_img10{
	display: block;
	margin: 10px auto;
}
.ser_ict_txt01{
	text-align: center;
	font-size: 112%;
	margin-top: 7px;
	font-weight: bold;
}
.ser_ict_img11_area{
	width: 100%;
	position: relative;
	display: block;
	padding: 20px 10px;
	box-sizing:border-box;
}
.ser_ict_img11_area>.ser_ict_img11{
	width: 100%;
}
.ser_ict_img11_area>.ser_ict_txt1,
.ser_ict_img11_area>.ser_ict_txt02,
.ser_ict_img11_area>.ser_ict_txt03,
.ser_ict_img11_area>.ser_ict_txt04,
.ser_ict_img11_area>.ser_ict_txt05,
.ser_ict_img11_area>.ser_ict_txt06,
.ser_ict_img11_area>.ser_ict_txt07,
.ser_ict_img11_area>.ser_ict_txt08{
	display: inline;
	padding-right: 20px;
}
.service_ict_img_area02{
	display: block;
	margin: 30px 0;
	width: 100%;
}
.service_ict_img_area02>div{
	width: 100%;
	text-align: center;
	vertical-align: middle;
}
.service_ict_img_area02>div>img{
	display: block;
	width: 100%;
	margin: 10px auto;
}
.ict_pc_img_area{
	background: #eee;
	padding: 10px;
	width: 100%;
	margin: 20px 0;
	box-sizing:border-box;
}
.ict_pc_img{
	max-width: 182px;
}
.ser_office_img13_area{
	width: 100%;
	text-align: center;
	position: relative;
}
.ser_office_img13_area>span,
.ser_office_img15_area>span{
	display: block;
}
.ser_office_img13_area>p{
	display: block;
}
.ser_office_img15_area{
	text-align: center;
	margin-top: 30px;
}
.ser_office_img15_area>img{
	margin-bottom: 20px;
}
/*
*service_energy
**/
.energy_img{
	width: 100%;
}
.energy_img,
.energy_img02{
	width: 100%;
	display: block;
	margin: 30px 0;
}
.energy_img{
	width: 100%;
	max-width: 800px;
	margin: 50px auto;
	display: block;
}
/*
*service_acoustic
**/
.ser_scrl_menu.acoustic>li.line02{
	height: 50px;
	line-height: 50px;
}
.ser_scrl_menu.acoustic>li>a{
	line-height: 50px;
	height: 50px;
	overflow: hidden;
}
.ser_scrl_menu.acoustic>li.line02>a{
	line-height: 1.4;
	height: 50px;
	padding-top: 10px;
	overflow: hidden;
}
.ser_sec_img01,
.ser_sec_img02,
.ser_sec_img03,
.ser_sec_img04{
	width: 100%;
	margin: 30px 0;
}
.service_sec_img03_area{
	display: block;
	width: 100%;
	overflow: hidden;
}
.service_sec_img03_area>img{
	width: 100%;
	height: auto;
}
/*
*service_certificate
**/
.cer_con01{
	display: block;
	background: #efefef;
	padding: 20px 3.75%;
	margin-bottom: 50px;
}
.isms_logo{
	display: block;
	margin: 0 auto 30px;
}
.cer_con01_inner{
	width: 100%;
	margin-bottom: 20px;
	background: #fff;
	padding: 20px;
	box-sizing:border-box;
}
.cer_con01_inner:last-child{
	margin-bottom: 0;
}
.cer_con01_inner>p{
	font-size: 112%;
	color: #1575b5;
	line-height: 1.8;
	margin-bottom: 10px;
}
.cer_con01_inner>span{
	padding-left: 20px;
	display: block;
	line-height: 1.6;
}
/*
*access
**/
.access_con{
	display: block;
	margin-bottom: 56px;
}
.access_con_inner{
	background: #efefef;
	padding: 24px 10px;
	width: 100%;
	box-sizing:border-box;
}
.access_con_inner.right{
	width: 100%;
	padding: 0;
}
.access_con_inner.right>iframe{
	width: 100%;
	height: 100%;
}
.access_con_inner>p.ttl01{
	font-size: 112%;
	color: #1575b5;
	margin-bottom: 13px;
	display: block;
}
/*
*about_ir
**/
.ir_con{
	width: 100%;
	overflow: hidden;
	display: inline;
}
.ir_con>li>.pdf_file{
	display: inline-block;
	color: #555;
	font-size: 100%;
	padding: 5px 0;
	margin-bottom: 10px;
	padding-right: 30px;
	background: url(images/ir_information/icon_pdf.png) no-repeat right center;
}
/*
*recruit
**/
.recruit_con01{
	padding: 15px 0;
	display: block;
	margin-bottom: 40px;
}
.recruit_con01>p{
	width: 100%;	
	margin-right: 5%;
	border: 1px solid #000;
	margin-bottom: 20px;
	padding: 10px 15px;
	box-sizing:border-box;
}
.recruit_con01>img{
	width: 100%;
	margin: 0 auto;
	display: block;
	max-width: 253px;
	height: auto;
}
.rec_ttl{
	font-size: 151%;
	color: #1575b5;
	margin-bottom: 20px;
}
.recruit_list{
	width: 100%;
	max-width: 1199px;
	margin: 0 auto 90px;
}
.recruit_list table {
	width: 100%;
}
.recruit_list table th,
.recruit_list table td {
	padding: 10px;
	font-size: 87%;
	border-right: 1px solid #aaa;
	width: 28%;
	vertical-align: top;
}
.recruit_list table th.small,
.recruit_list table td.small {
	padding: 10px;
	width: 16%;
	text-align: center;
}
.recruit_list table td{
	border-bottom: 1px solid #aaa;
}
.recruit_list table td:first-child{
	border-left: 1px solid #aaa;
}
.recruit_list table th {
	background-color: #fff;
	text-align: center;
	border: none;
	vertical-align: middle;
	border: 2px solid #1575b5;
	border-right: none;
	color: #1575b5;
	font-weight: bold;
	font-size: 87%;
}
.recruit_list table th:last-child{
	border-right: 2px solid #1575b5;
}
.recruit_list table td span{
	display: block;
	color: #1575b5;
	font-weight: bold;
	padding: 5px 0;
}
.recruit_list tbody{
	background-color: #efefef;
}
@media screen and (max-width: 769px) {
	.recruit_list table {
		display: block;
		position: relative;
		overflow-x: auto;
	}
	.recruit_list table thead {
		display: block;
		/*float: left;*/
		width: 769px;	
	}
	.recruit_list table tbody {
		display: block;
		width: 769px;
		position: relative;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.recruit_list table th,
	.recruit_list table td {
		display: block;
		line-height: 1.4;
	}
	.recruit_list table tr {
		display: inline-block;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content:space-between;
		width: 769px;
	}
	.recruit_list table tbody tr {
		margin-right: -5px;
	}
}
/*スマホ対応*/
.pc {
	display: none!important;
}


/*----------
/* Utility
	 ----------------------------------------------------------------- */
/**
 * Font & text
 */
/* フォントサイズ */
.u-text08 { font-size:50%; } /*8px*/
.u-text09 { font-size:68%; } /*9px 以下同様*/
.u-text10 { font-size:77%; }
.u-text11 { font-size:85%; }
.u-text12 { font-size:93%; }
.u-text13 { font-size:100%; }
.u-text14 { font-size:108%; }
.u-text15 { font-size:116%; }
.u-text16 { font-size:123.1%; }
.u-text17 { font-size:131%; }
.u-text18 { font-size:138.5%; }
.u-text19 { font-size:146.5%; }
.u-text20 { font-size:153.9%; }
.u-text21 { font-size:161.6%; }
.u-text22 { font-size:167%; }
.u-text23 { font-size:174%; }
.u-text24 { font-size:182%; }
.u-text25 { font-size:189%; }
.u-text26 { font-size:197%; }

/* フォントカラー */
.u-red { color: #8c0000; }
.u-white { color: #fff; }
.u-yellow { color: #ff0; }
.u-green { color: #00664c; }
.u-gray{ color: #aaaaaa; }
.u-ash { color: #20404f }
.u-orange{ color: #f28762; }
.u-blue { color: #002040; }
.u-black { color: #000 }

/* フォント太さ */
.u-bold { font-weight: bold; }

/* テキスト配置 */
.u-text-left { text-align: left; }
.u-text-right { text-align: right; }
.u-text-center { text-align: center; }

/* 行間 */
.u-lh15 { line-height: 1.5; }
.u-lh20 { line-height: 2; }

/**
 * Margin $ Padding
 */
/* マージン */
.u-mt0 { margin-top: 0px; }
.u-mt10 { margin-top: 10px; }
.u-mt20 { margin-top: 20px; }
.u-mt30 { margin-top: 30px; }
.u-mt40 { margin-top: 40px; }
.u-mt50 { margin-top: 50px; }
.u-mb0 { margin-bottom: 0px; }
.u-mb10 { margin-bottom: 10px; }
.u-mb20 { margin-bottom: 20px; }
.u-mb30 { margin-bottom: 30px; }
.u-mb40 { margin-bottom: 40px; }
.u-mb50 { margin-bottom: 50px; }
.u-mr0 { margin-right: 0px; }
.u-mr10 { margin-right: 10px; }
.u-mr20 { margin-right: 20px; }
.u-mr25 { margin-right: 25px; }
.u-mr30 { margin-right: 30px; }
.u-mr40 { margin-right: 40px; }
.u-mr50 { margin-right: 50px; }
.u-ml0 { margin-left: 0px; }
.u-ml10 { margin-left: 10px; }
.u-ml20 { margin-left: 20px; }
.u-ml25 { margin-left: 25px; }
.u-ml30 { margin-left: 30px; }
.u-ml40 { margin-left: 40px; }
.u-ml50 { margin-left: 50px; }
.u-m0auto { margin: 0 auto; }

/* パディング */
.u-pt10 { padding-top: 10px; }
.u-pt20 { padding-top: 20px; }
.u-pt30 { padding-top: 30px; }
.u-pt40 { padding-top: 40px; }
.u-pt50 { padding-top: 50px; }
.u-pb10 { padding-bottom: 10px; }
.u-pb15 { padding-bottom: 15px; }
.u-pb20 { padding-bottom: 20px; }
.u-pb30 { padding-bottom: 30px; }
.u-pb40 { padding-bottom: 40px; }
.u-pb50 { padding-bottom: 50px; }
.u-pl10 { padding-left: 10px; }
.u-pl20 { padding-left: 20px; }
.u-pl30 { padding-left: 30px; }
.u-pl40 { padding-left: 40px; }
.u-pl50 { padding-left: 50px; }


 /**
 * Float
 */
.u-fll { float: left; }
.u-flr { float: right; }

 /**
 * Others
 */
.u-w100per { width: 100%; }
.u-ofh { overflow: hidden; }
.u-clear { clear: both; }
.u-block { display: block; }
.u-inlineblock { display: inline-block!important;}
.u-bbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	

/*タブのスタイル*/
.tab_item {
	width: 25%;
	height: 40px;
	background-color: #e6e6e6;
	border-left: 4px solid #fff;
	box-sizing: border-box;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
	color: #565656;
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
}
.tab_item:first-of-type {
	border-left: none;
}
.tab_item:hover {
  opacity: 0.75;
}
.tab_item.all_tab {
	background-color: #e6e6e6;
}
.tab_item.info_tab {
	background-color: #45acf0;
	color: #fff;
}
.tab_item.event_tab {
	background-color: #5b99c2;
	color: #fff;
}
.tab_item.hr_tab {
	background-color: #1e5579;
	color: #fff;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
	display: none;
	padding: 20px 0;
	clear: both;
	overflow: hidden;
	background-color: #e6e6e6;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#info:checked ~ #info_content,
#event:checked ~ #event_content,
#hr:checked ~ #hr_content {
  display: block;
}
#info_content.tab_content {
	background: #d7e8f3;
}
#event_content.tab_content {
	background: #cbdfed;
}
#hr_content.tab_content {
	background: #c2d3de;
}

/*選択されているタブのスタイルを変える*/
.inf_inner input:checked + .tab_item {
    height: 60px;
    margin: -20px auto 0;
    line-height: 60px;
}
.tab_item:active,
.tab_item:hover,
.tab_item:visited {
	opacity: 1;
}