@charset "utf-8";
/* CSS Document */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/* margin: 0px; */
	font-size: 14px;
	line-height: 1.75em;
	color: #333333;
}
h1 { margin: 0; padding: 0; }
a:link {
	text-decoration: none;
	color: #0083BB;
}
a:visited {
	text-decoration: none;
	color: #0091CE;
}
a:hover {
	text-decoration: underline;
	color: #0BB6FF;
}
a:active {
	text-decoration: none;
	color: #0091CE;
}
#sub #pagenavi a,#sub #itemnavi a {
	color: #333333;
}
img {
	border:none;
}
p {
	margin: 0px;
}
/*///////////////////////////////Gnavi Start///////////////////////////////*/
#mdd_overlay{
    background:#000;
    opacity:0;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;/**/
    z-index:100;
}
#mdd_nav_wrap {
	/*width: 800px;*/
}
/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
    position: relative;
    list-style:none;
    margin:0;
    padding:0;
    z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
ul.mdd_lv1 li {
	float: left;
}
ul.mdd_lv1 li a {
    color:#FFF;
    display:block;
    height:100px;   
    width: 100px;
}
ul.mdd_lv1 li a:hover,
ul.mdd_lv1 > li.selected > a {
    background-color: #ccc;
}
ul#mdd_nav{
	/*background-image: url(img/nv-img-bg.jpg);
	background-repeat: repeat-x;*/
}
ul.mdd_lv1 li img:hover{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}
/*
-- Level2 -------------------------  */
#nav01 ul.mdd_lv2{
	background-image: url(../img/navbg01.png);
}
#nav02 ul.mdd_lv2{
	background-image: url(../img/navbg02.png);
}
#nav03 ul.mdd_lv2{
	background-image: url(../img/navbg03.png);
}
#nav04 ul.mdd_lv2{
	background-image: url(../img/navbg04.png);
}
#nav05 ul.mdd_lv2{
	background-image: url(../img/navbg05.png);
}
#nav06 ul.mdd_lv2{
	background-image: url(../img/navbg06.png);
}
#nav07 ul.mdd_lv2{
	background-image: url(../img/navbg07.png);
}
#nav08 ul.mdd_lv2{
	background-image: url(../img/navbg08.png);

}
ul.mdd_lv2{
	display:none;/**/
	position:absolute;
	top:100px;
	left:0px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	width:740px;
	list-style-position:outside;
	margin:0;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
ul.mdd_lv1 li:hover ul.mdd_lv2 {
    display:block;
}
ul.mdd_lv2 li {
	list-style-type: none;
	width: 330px;
	background-image: url(../img/gnavi-listLv2-icon.jpg);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 20px;
	line-height: 1.3;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	float: none;
	display: block;
}
ul.mdd_lv2 li a{
	height: auto;
	background-color: none;
	width: auto;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul.mdd_lv2 li a:hover{
background-color: transparent;
    color: #ccc;
}
/*
-- Level3 -------------------------  */
ul.mdd_lv3  {
    position:static;
    padding:0;
    width: auto;
	font-size:10px;
    margin-left:0px;
}
ul.mdd_lv3 li {
    float: none;
    margin-bottom:1px; 
    width: auto;   
    margin-right:0px;
    margin-left:0px;
 
}
ul.mdd_lv3 li a{
    color: #000;
    width: auto;   
    background-color: #ffffff;
}
/*
-- add -------------------------  */
ul.mdd_lv2 li.title {
	clear: both;
	width: 726px;
	background-image: none;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0191CE;
	padding-left: 10px;
	font-size: 18px;
	color: #0191CE;
	margin-left:0px!important;
	margin-bottom:20px;
	margin-top:18px;
	
}
.mdd_lv2 .subtitle {
	background-image: url(../img/nv-subtitle-border.png);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-right: 20px;
	font-weight: bold;
}
.subtitle02 {
	font-weight: bold;
	padding-bottom: 14px;
	color: #0191CE;
}
.case-logo img{
	float:left;
	margin-left:35px;
	margin-bottom:5px;
}
.case-logo p{
	width:200px;
	font-size:12px;
	margin-bottom:20px;
	float:left;
	margin-left:35px;
	text-align:center;
}
/*///////////////////////////////Gnavi END///////////////////////////////*/
#head-english {
	text-align: right;
	padding-top: 10px;
	padding-bottom: 10px;
}
#head-english-page {
	text-align: right;
	padding-top: 7px;
	padding-bottom: 10px;
}
#sub p {
	padding-bottom: 0.5em;
	padding-right: 1em;
	padding-left: 1em;
}

#slide {
	position: relative;
	height: 750px;
	width: 100%;
	background-color: #F0F0F0;
}
#top-header {
	height: 100px;
	width: 1000px;
	position: absolute;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
}
#page-header {
	height: 100px;
	width: 1000px;
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
}
#sp-logo {
	float: left;
	width: 45%;
	padding-top: 7%;
	padding-bottom: 7%;
	padding-left: 5%;
}
#sp-menu {
	text-align: center;
	float: left;
	width: 45%;
	padding-top: 7%;
	padding-left: 5%;
}
#top-news {
	height: 200px;
	width: 1000px;
	position: absolute;
	top: 550px;
	background-image: url(../img/top/top-newsbg.png);
	left: 0px;
	right: 0px;
	margin-right: auto;
	margin-left: auto;
}
#logo-search {
	float: left;
	width: 172px;
	padding-right: 14px;
	padding-left: 13px;
	padding-top: 14px;
	z-index: 10;
	position: relative;
}
#gs_tti50 .gsc-input {
    padding: 0 .2rem !important;
    text-indent: 0 !important;
}
#gs_tti50 .gsc-input:-ms-input-placeholder {
    color: transparent !important;
}
#gs_tti50 .gsc-input::placeholder {
    color: transparent !important;
}
#topnavi,#newslist {
	float: left;
	width: 801px;
}
ul#newslist{
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#news-logo {
	float: left;
	width: 199px;
	text-align: center;
	margin-top: 85px;
}
#newslist li {
	background-image: url(../img/top/news-icon.png);
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-left: 20px;
	list-style-type: none;
	background-position: 0px 3px;
	margin: 0px;
	line-height: 1em;
}
#newslist span {
	margin-left: 3em;
}
#top-news .LKnewslist {
	text-align: right;
	margin: 0 20px 0 0;
}

.contents {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#contents-wrap {
	background-image: url(../img/contents-bg.png);
	padding-top: 40px;
	padding-bottom: 40px;
}

#sub .rpaoverview-mt {
    margin-top: 40px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {/* display: block; */}
/* End hide from IE-mac */

.rpa-gaiyo-mb {
    margin-bottom:0px;
}

.rpaoverview-ma rgin {
    margin-bottom: 0px;
}

.bnrs-featuring {
    width: 100%;
    margin: 0 0 20px;
    overflow: hidden;
}
.bnrs-featuring > div {
    width: 49%;
    margin: 0;
    float: left;
}
.bnrs-featuring > div:first-of-type {
    margin: 0 2% 0 0;
}
ul#top-menulist  {
	margin: 0px;
	padding: 0px;
}

#top-menulist li {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 240px;
	background-color: #FFFFFF;
	height:260px;
}
#top-menulist .menu02 li {
	float: inherit;
}
#top-menulist .menu01 {
	background-image: url(../img/top/linkicon01.png);
	margin-right: 13px;
	padding-top: 180px;
	background-repeat: no-repeat;
}
#top-menulist .menu02 {
	background-image: url(../img/top/linkicon02.png);
	margin-right: 13px;
	padding-top: 180px;
	background-repeat: no-repeat;
}
#top-menulist .menu03 {
	background-image: url(../img/top/linkicon03.png);
	margin-right: 14px;
	padding-top: 180px;
	background-repeat: no-repeat;
}
#top-menulist .menu04 {
	background-image: url(../img/top/linkicon04.png);
	padding-top: 180px;
	background-repeat: no-repeat;
}
#top-menulist .title {
	font-size: 18px;
	color: #0091CD;
	text-align: center;
	margin-bottom: 20px;
}
.menu04 .img {
	text-align: center;
}
.menu04 img:first-child {
	margin-bottom:20px;
}
#footer {
	background-image: url(../img/footer-bg.png);
	padding-top: 40px;
	padding-bottom: 0px;
}
ul#footernavi {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
ul#footernavi li {
	background-image: url(../img/footerlist-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: left;
	padding-left: 20px;
	list-style-type: none;
	padding-bottom: 40px;
	font-weight: bold;
	margin-right: 30px;
	line-height: 1em;
	padding-top: 2px;
}
.footerimg {
	text-align: right;
	float: right;
}
#copy {
	float: left;
	font-size: 12px;
	line-height: 1.5em;
	clear: both;
}
ul#footerbottomlinks {
	float: right;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70px;
}
#footerbottomlinks li {
	list-style-type: none;
	background-image: url(../img/footer-bottomlinkicon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 20px;
	float: left;
	line-height: 1em;
	font-weight: bold;
}
#footerbottomlinks li:nth-child(2) {
	margin-right:40px;
	margin-left:40px;
	padding-bottom: 30px;
}
#top-menulist p {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#top-menulist .submenu li {
	width: 90%;
	background-image: url(../img/top/submenu-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
	line-height: 1em;
	padding-bottom: 15px;
	padding-top: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	height: auto;
}
ul.submenu {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.menu02 ul.submenu {
	margin-top: 0px;
}
.widthmax {
	width: 210px!important;
}
.submenu li a {
	color: #333333;
}
#footer a {
	color: #333333;
}
#sub h1 {
	font-size: 28px;
	margin: 0px;
	background-image: url(../img/page/h1-bg.png);
	background-repeat: no-repeat;
	font-weight: normal;
	line-height: 1;
	padding: 10px;
	background-position: 0px 0px;
}
.pagetitle {
	font-size: 28px;
	color: #0091CD;
	line-height: 1em;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left:10px;
	margin-right:10px;
}
ul#pagenavi,ul#itemnavi {
	margin: 0px;
	padding: 0px;
}
ul#pagenavi li,ul#itemnavi li {
	list-style-type: none;
	display: inline-block;
	border: 1px solid #0091CE;
	width: 160px;
	background-image: url(../img/page/pagemenu-bg.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 16px;
	margin-left: 35px;
	line-height: 1;
	margin-bottom: 20px;
	min-height:18px;
	vertical-align: top;
	background-color: #FFFFFF;
	font-weight: bold;
}
ul#pagenavi li a,ul#itemnavi li a {
	display: block;
}
ul#itemnavi {
	margin-bottom: 40px;
}
#sub h2 {
	clear: both;
	background-image: url(../img/page/h2-bg.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1;
	padding-bottom: 11px;
	background-position: 0px 2px;
	margin-top: 60px;
}
#sub h2.double {
	clear: both;
	background-image: url(../img/page/h2-bg.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1;
	padding-bottom: 11px;
	background-position: 0px 2px;
	margin-top: 60px;
}
#sub h3 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #0091CE;
	padding-left: 0.5em;
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0.5em;
	line-height: 2em;
}
.contents-s {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

#sidr ul ul { display:none;}
#sub h4 {
	margin-left: 0.5em;
	font-size: 16px;
	margin-bottom: 1em;
	margin-top: 3em;
	color: #0091CE;
}
#sub .arrow {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 100px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-position: inside;
	list-style-type: square;
}
#sub #pagefooter-bnr {
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	background-image: url(../img/page/bnr-contact-bg.png);
	width: 650px;
}
#sub #pagefooter-bnr li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	width: 490px;
}
.photo-three {
	float: left;
	width: 30%;
	margin-left: 3%;
	text-align: center;
}
#sub ul.kadai,#sub ul.kadai-a,#sub ul.kadaiarrow,#sub ul.kadai-tbb,#sub ul.kadai-a-tb {
	display:table;
	border-collapse:separate;
	border-spacing:10px 0;
	padding: 0px;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#sub ul.whalf {
	display:table;
	border-collapse:separate;
	border-spacing:20px 0;
	padding: 0px;
	margin-top: 10;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#sub ul.kadai li {
	display:table-cell;
	width: 300px;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: -moz-linear-gradient(bottom, #E5E5E5, #F0F0F0);
	background: -webkit-gradient(linear, center bottom, center top, from(#E5E5E5), to(#F0F0F0));
	list-style-type: none;
	font-size: 13px;
	vertical-align: middle;
}

#sub ul.kadai-a li {
	display:table-cell;
	width: 300px;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84DAFF;
	background: -moz-linear-gradient(bottom, #B1E7FF, #DFF5FF);
	background: -webkit-gradient(linear, center bottom, center top, from(#B1E7FF), to(#DFF5FF));
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
}

#sub ul.kadai-tbb li {
	display:table-cell;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: -moz-linear-gradient(bottom, #E5E5E5, #F0F0F0);
	background: -webkit-gradient(linear, center bottom, center top, from(#E5E5E5), to(#F0F0F0));
	list-style-type: none;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
}

#sub ul.kadai-a-tb li {
	display:table-cell;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84DAFF;
	background: -moz-linear-gradient(bottom, #B1E7FF, #DFF5FF);
	background: -webkit-gradient(linear, center bottom, center top, from(#B1E7FF), to(#DFF5FF));
	list-style-type: none;
	font-size: 16px;
	text-align: center;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	font-weight: bold;
	vertical-align: middle;
}

#sub ul.kadaiarrow li {
	display:table-cell;
	width: 320px;
	list-style-type: none;
	text-align:center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#sub ul.whalf li {
	display: table-cell;
	width: 450px;
	padding: 14px;
	border-radius: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: -moz-linear-gradient(bottom, #E5E5E5, #F0F0F0);
	background: -webkit-gradient(linear, center bottom, center top, from(#E5E5E5), to(#F0F0F0));
	list-style-type: none;
	font-size: 13px;
	vertical-align: middle;
}
#sub .kadai-a-tb p {
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	padding-top: 10px;
}
#sub table.bluetable {
	border-collapse : separate;
	border-spacing : 1px 1px;
}
#sub .bluetable th {
	background-color: #4F81BD!important;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
}
#sub .bluetable td {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	
}
#sub .bluetable .big th,
#sub .bluetable .big td {
	font-size: 14px;
}

#sub .bluetable tr:nth-of-type(2n){
  background-color: #D0D8E8;
}
#sub .bluetable tr:nth-of-type(2n+1){
  background-color: #E9EDF4;
}
#sub .att {
	color: #CC0000;
}
#sub .whalf h3 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#sub .whalf h3.opener {
	border-bottom-style: solid;
	margin-bottom: 5px;
}
#sub ul {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 1em;/**/
}
#sub ul ul {
	padding-bottom: 10px;
}
#sub ul.bluearrow li {
	background-image: url(../img/page/li-arrow-s.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 1.5em;
	background-position: 0px 0.5em;
	padding-bottom:1em;
}
#sub ul.bluearrow ul li {
	background-image: url(../img/page/li-arrow-s02.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 1.3em;
	background-position: 0px 0.5em;
	padding-bottom:0.5em;
}
#sub ul.lightarrow li {
	background-image: url(../images/page/li-light-arrow.png);
	background-repeat: no-repeat;
	background-position: left .2em;
	list-style-type: none;
	padding-left: 1.8em;
	padding-bottom:1em;
}
#sub ul.lightarrow li span {
	font-size: 50%;
}
#sub p span.attn-oth {
	display: block;
	text-indent: -3em;
	margin: 0 0 0 3em;
	font-size: 75%;
}
.box-2column {
	float: left;
	width: 50%;
}
.box-3column {
	float: left;
	width: 33%;
}
#sub .bluetable td {
	vertical-align: top;
}
#sub td,#sub th {
	font-size: 12px;
}
#sub h4.border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0091CE;
	padding-bottom: 0.2em;
	margin-top: 2em;
	margin-right: 0.5em;
}
#sub ul.bluearrow ul {
	padding-left: 1em;
}
/*3列課題*/
#sub #kadai-title {
	display:table;
}
#kadai-title .kadai-title {
	display:table-cell;
	width: 475px;
}
#kadai-title .space {
	display:table-cell;
	width: 50px;
}
#sub ul.kadai-box {
	display:table;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#sub ul.kadai-box li.kadai-before {
	display:table-cell;
	width: 455px;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: -moz-linear-gradient(bottom, #E5E5E5, #F0F0F0);
	background: -webkit-gradient(linear, center bottom, center top, from(#E5E5E5), to(#F0F0F0));
	list-style-type: none;
	font-size: 16px;
	vertical-align: middle;
}
#sub ul.kadai-box li.kadai-after-noarrow {
	display:table-cell;
	width: 480px;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: -moz-linear-gradient(bottom, #E5E5E5, #F0F0F0);
	background: -webkit-gradient(linear, center bottom, center top, from(#E5E5E5), to(#F0F0F0));
	list-style-type: none;
	font-size: 16px;
	vertical-align: middle;
}
#sub ul.kadai-box li.kadai-arrow {
	display:table-cell;
	width: 50px;
	vertical-align: middle;
	list-style-type: none;
	text-align: center;
}
#sub ul.kadai-box li.kadai-after {
	display:table-cell;
	width: 455px;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84DAFF;
	background: -moz-linear-gradient(bottom, #B1E7FF, #DFF5FF);
	background: -webkit-gradient(linear, center bottom, center top, from(#B1E7FF), to(#DFF5FF));
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
#sub ul.kadai-box li.kadai-before-noarrow {
	display:table-cell;
	width: 480px;
	padding:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84DAFF;
	background: -moz-linear-gradient(bottom, #B1E7FF, #DFF5FF);
	background: -webkit-gradient(linear, center bottom, center top, from(#B1E7FF), to(#DFF5FF));
	list-style-type: none;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
/*3列課題ここまで*/
#slide #topslidebox {
	position: absolute;
}
#slide #topslidebox #simg01 {
	background-image: url(../img/top/slide01.png);
	background-repeat: no-repeat;
	height: 750px;
	width: 100%;
	background-size:cover!important;
	background-position: center;
}
#slide #topslidebox #simg02 {
	background-image: url(../img/top/slide02.png);
	background-repeat: no-repeat;
	height: 750px;
	width: 100%;
	background-size:cover!important;
	background-position: center;
}
#slide #topslidebox #simg03 {
	background-image: url(../img/top/slide03.png);
	background-repeat: no-repeat;
	height: 750px;
	width: 100%;
	background-size:cover!important;
	background-position: center;
}
#slide #topslidebox #simg04 {
	background-image: url(../img/top/slide04.png);
	background-repeat: no-repeat;
	height: 750px;
	width: 100%;
	background-size:cover!important;
	background-position: center;
}
#slide #topslidebox #simg05 {
	background-image: url(../img/top/slide-ai.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 100%;
	background-size:cover!important;
	background-position: center;
}
#slide #topslidebox #simg06 {
	background-image: url(../img/top/slide-rpa.jpg);
	background-repeat: no-repeat;
	height: 750px;
	width: 100%;
	background-size:cover!important;
	background-position: center;
}
#sub #oss-areamap{
 text-align:center;
}
#oss-areamap-box {

}
#sub #oss-areamap-box #oss-areamaptxt {

}
.oss-img {
	float: left;
	width: 700px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.oss-menu {
	float: left;
	width: 265px;
	margin-top: 58px;
	margin-left: 35px;
}
#sub .maplink {
	background-color: #0191CE;
	margin-left: 1em;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	line-height:1;
}
#sub .maplink a {
	color: #FFFFFF;
	font-weight: bold;
}

#company-top-menu ul {
    overflow: hidden;
}
#company-top-menu ul li {
    box-sizing: border-box;
    float: left;
    width: 23%;
    margin: 1%;
}
#sub .company-table{
	margin-top:20px;
}
#sub .company-table td,#sub .company-table th{
	font-size: 14px;
	padding-bottom:10px;
	padding-top:10px;
}
#sub .company-table th{
	width:7em;
	vertical-align: top;
}
#sub .company-table td{
	padding-left:20px;
}
#sub .company-table dt {
	width: 10em;
}
#sub .company-table dl {
 	margin-top: 0;
}
#sub .company-table dt, #sub .company-table dd {
  float: left;
}
#sub .company-table .name {
  width: 6em;
}
#sub .company-table dl:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#sub .company-table dt.address {
	width: 50%;
}
.idea-policy {
	background-image: url(../img/page/company/idea/img01.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 30px;
	padding-left: 1em;
}
.idea-txt {
	padding-right: 370px;
	background-image: url(../img/page/company/idea/img02.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#sub .idea-txt p,.idea-txt-full p {
	margin-bottom: 1em;
}

#sub .history dd {
	margin-left: 2%;
	margin-bottom: 20px;
	float: left;
	margin-right: 2%;
}
#sub .history dt {
	float: left;
	width: 8%;
	padding-left: 2%;
	background-color: #E2E9ED;
	display: block;
}
#sub .history-table {
	padding-top: 30px;
}
#sub .history-table th{
	width:7em;
	vertical-align: top;
	background-color: #E2E9ED;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#sub .history-table td{
	padding-left:20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
#sub .google-map {
	margin-top: 20px;
	margin-bottom: 20px;
}
#sub .trafficinfo {
	background-color: #E6F0F7;
	padding: 1em;
	margin-top: 10px;
	margin-bottom: 30px;
	border: 1px solid #D6E7F1;
}
#sub .mapimg {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	border: 2px solid #CCCCCC;
	background-color: #FFFFFF;
}
.gray-border {
	padding: 20px;
	border: 2px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
}
.jogger-border {
	padding-top: 20px;
	margin-bottom:20px;
	clear:both;
	border-bottom: 2px solid #CCCCCC;
}
#sub .gray-border p {
	margin-bottom: 2em;
}
#sub #recruit-outline #pagefooter-bnr li {
	width: 100%;
}
#sub #recruit-outline h3 {
	margin-bottom: 20px;
}
#sub #recruit-outline p {
	margin-bottom: 30px;
}
#sub #recruit-outline #pagefooter-bnr {
	margin-top: 0px;
	margin-bottom: 0px;
}
#sub #recruit-interview h3 {
	margin-top: 30px;
}
#sub #recruit-interview .message-picL {
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 20px;
}
#sub #recruit-interview .message-picR {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#sub #recruit-interview h3 {
	clear: both;
}
#recruit-top-title {
	background-image: url(../img/page/recruit/top/title-bg.png);
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 235px;
	padding-top: 42px;
	padding-left: 21px;
}
#recruit-top-menu .linkbnL,#example-top-menu .linkbnL {
	float: left;
	width: 480px;
	margin-bottom: 40px;
}
#recruit-top-menu .linkbnR,#example-top-menu .linkbnR {
	float: right;
	width: 480px;
	margin-bottom: 40px;
}
#sub #recruit-top-menu .bluearrow li {
	display: inline-block;
	width: 40%;
}
.recruit-top-interview-box {
	float: left;
	width: 28%;
	margin-left: 2.5%;
	padding: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background: -moz-linear-gradient(bottom, #E5E5E5, #F0F0F0);
	background: -webkit-gradient(linear, center bottom, center top, from(#E5E5E5), to(#F0F0F0));
}
#sub .recruit-top-interview-box .bluearrow {
	float: left;
	font-size: 12px;
	margin-top: 40px;
}
#sub .recruit-top-interview-box .bluearrow li {
	padding-bottom: 0px;
}
#mynavi2016 .bluearrow,.mynaviimg {
	float: left;
}
#sub #mynavi2016 {
	margin-left: 40px;
}
.messagepic {
	float: left;
	padding-top:20px;
	padding-right:10px;
}
#sub #example-top-menu .linkbnL,
#sub #example-top-menu .linkbnR {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: 120px;
	padding-top: 20px;
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;	
}
#sub #example-top-menu .linkbnL .companyname,
#sub #example-top-menu .linkbnR .companyname {
	float: left;
	width: 50%;
	padding-top: 15px;
}
#sub #example-top-menu .linkbnL .companylogo,
#sub #example-top-menu .linkbnR .companylogo {
	text-align: center;
	float: left;
	width: 50%;
}
#sub #example-top-menu .linkbnL .companyname .bluearrow,
#sub #example-top-menu .linkbnR .companyname .bluearrow {
	margin-top: 0px;
	margin-bottom: 0px;
}
#sub #example-top-menu {
	margin-top: 20px;
}
#case-top {
	padding: 20px;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	background-color: #FFFFFF;
}
#case-topL {
	float: left;
	width: 580px;
}
.case-topR {
	float: left;
	width: 378px;
	text-align: center;
}
#sub #example-case #case-top #case-topL p {
	padding-top: 20px;
}
#sub #example-case ul#case-menu {
	margin-top: 20px;
	background-color: #DFDFDF;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#sub #example-case #case-menu li {
	width: 265px;
	display: inline-block;
	list-style-type: none;
	background-color: #FFFFFF;
	margin-left: 15px;
	background-image: url(../img/page/li-arrow-s.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 17px 17px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.case-top-flow {
	width: 320px;
	float: left;
	margin-bottom: 10px;
}
.case-top-arrow {
	width: 20px;
	float: left;
	margin-top: 90px;
}
.case-top-flow-title01 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00AA92;
	padding: 5px;
	text-align:center;
}
.case-top-flow-title02 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0092AA;
	padding: 5px;
	text-align:center;
}
.case-top-flow-title03 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0068AA;
	padding: 5px;
	text-align:center;
}
.case-top-flow-txt01 {
	background-color: #D8F3EE;
	margin-top: 1em;
	padding: 1em;
}
.case-top-flow-txt02 {
	background-color: #D8EEF3;
	margin-top: 1em;
	padding: 1em;
}
.case-top-flow-txt03 {
	background-color: #A3CBE1;
	margin-top: 1em;
	padding: 1em;
}
#sub #example-case .case-top-flow ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 1em;
}
#sub #example-case .case-top-flow ul li {
	margin-bottom: 20px;
	list-style-type: disc;
}
#sub .underborder {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
#sub .topborder {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
}
#sub #example-case ul.bluearrow li.pre {
	background-image: url(../img/page/li-arrow-s-pre.png);
	background-repeat: no-repeat;
}
#sub #example-case .interview-title {
	margin-left: 1em;
	margin-bottom: 1em;
}
#sub #example-case .interview-photo {
	float: right;
	padding-right: 20px;
	padding-left: 20px;
}
.interview-checkpoint,.interview-checkpoint-no-photo {
	background-color: #E4EDF7;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#sub #example-case .interview-checkpoint .interview-checkpoint-txt {
	float: right;
	margin-left: 20px;
	width: 830px;
}
#sub #example-case .interview-checkpoint img {
	float: left;
}
#sub #example-case .interview-checkpoint p {
	margin: 0px;
	padding: 0px;
}

.interview-company {
	padding: 20px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.interview-companyL {
	float: left;
	width: 600px;
}
.interview-companyR {
	float: right;
	width: 358px;
	text-align: center;
}
#sub #example-case .interview-company .interview-companyL p {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sub #example-case .interview-company .interview-companyL p.companylink {
	background-image: url(../img/page/sol/example/case10/interview/icon_arrow03_bl.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	background-position: 0px 7px;
}
#interview-head {
	background-image: url(../img/page/sol/example/interview-head-bg.png);
	background-repeat: repeat;
	text-align: center;
	margin-top: 20px;
}
#interview-head-slong {
	background-image: url(../img/page/sol/example/interview-head-bg-slong.png);
	background-repeat: repeat;
	text-align: center;
	margin-top: 20px;
}
#interview-head-long {
	background-image: url(../img/page/sol/example/interview-head-bg-long.png);
	background-repeat: repeat;
	text-align: center;
	margin-top: 20px;
}
ul.mdd_lv1 li a img{
	display: inherit;
	height: auto;
	width: auto;
	}
ul.mdd_lv1 li .box-2column .subtitle02 a {
	width:auto;
	height:auto;
	color:#0083BB;
}
ul.mdd_lv1 li .box-2column .subtitle02 a:hover{
    background-color: transparent;
}
/**/
ul.mdd_lv1 li .mdd_lv2 a {
	display: block;
	height: auto;
	width: auto;
}
ul.mdd_lv1 li .mdd_lv2 a:hover{
    background-color: transparent;
}
#sub .producttop ul.bluearrow li {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 0.5em;
}
#sub h2#news {
	background-image: none;
	padding-left: 0.5em;
	margin-top: 10px;
	border-bottom: 1px solid #0091CE;
	padding-bottom: 10px;
}
.news p {
	margin-bottom: 1.5em;
}
.newsdate {
	margin-left: 1em;
	margin-top: 1em;
}
.txt-red-bold {
	font-weight: bold;
	font-size: 16px;
	color: #E04244;	
}
.txt-blue-bold {
	font-weight: bold;
	font-size: 16px;
	color: #0091CE;
}
	
#sub .saiten-faq-q {
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	background-color: #F5F5F5;
}
#sub .saiten-faq-a {
	padding-left: 1em;
	margin-bottom: 2em;
	font-weight: bold;
	background-color: #DCF4FF;
	padding-top: 1em;
	padding-bottom: 1em;
}
.saiten-tdAtt {
	color: #FFFFFF;
	background-color: #E76A67;
	text-align: center;
	width: 100%;
	margin-top: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
/*solution-top*/
.sol-categoryBlue {
	background-color: #CFECF8;
	float: left;
	width: 445px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 10px;
	background-image: url(../img/page/sol/top/icon-blue.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	margin-bottom: 10px;
	margin-top: 0px;
}
.sol-categoryRed {
	background-color: #FAE5E6;
	float: left;
	width: 445px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 10px;
	background-image: url(../img/page/sol/top/icon-red.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	margin-bottom: 10px;
}
.sol-categoryGreen {
	background-color: #C0DFA2;
	float: left;
	width: 445px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 10px;
	background-image: url(../img/page/sol/top/icon-green.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	margin-bottom:10px;
}
.sol-colors-Blue{
	color:#CFECF8;
	
	}
	.sol-colors-Green{
	color:#C0DFA2;
	padding-left: 1em;
	}
	.sol-colors-Red{
	color: #F6D0D2;
	padding-left: 1em;
	}
.sol-right{
	margin-left:30px;
	}
.sol-titleimg{
	margin-bottom:30px;
	}
.sol-colors {

}
.sol-kinyu-title {
	width: 100%;
	margin-bottom: 1em;
	margin-top: 1em;
}
.sol-unyu-title {
	width: 100%;
	margin-bottom: 1em;
	clear: both;
}
.sol-koukyou-title {
	width: 100%;
	margin-bottom: 1em;
	clear: both;
}
.sol-kyouiku-title {
	width: 100%;
	margin-bottom: 1em;
	clear: both;
}
.soltxttitle,
.soltxttitle02,
.soltxttitle03
 {
	display:none;
}
/*カスタム検索*/
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  border-color: #666666!important;
  background-color: #C80909!important;
  background-image: none!important;
  filter: none!important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  height: 13px!important;
  padding: 2px 7px!important;
  min-width: 13px!important;
  margin-top: 2px!important;
}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 0em!important;
  width: auto;
}
form.gsc-search-box {
  margin-bottom: 0px!important;
}
.cse .gsc-control-cse, .gsc-control-cse {
 background-color: transparent!important; 
 border: none!important;
}
table.gsc-search-box {
  margin-bottom: 0!important;
}
.gsc-control-cse {
 background-color: transparent!important; 
}
.gsc-search-box-tools .gsc-search-box input.gsc-input {
  background: none!important;
  background-color: #E5E5E5!important;
}
.gsc-input-box {
  border: none!important;
  background: none!important;
  height: auto!important;
}
.gsib_a {
  width: 100%;
  padding: 0 0 0 0!important;
}
.bluetable tr td.lh-s {
	line-height: 1.2;
}
.solution-top-categorytitle01 {
	font-size: 20px;
	padding: 7px;
	font-weight: bold;
	border: 2px solid #0191CE;
	clear: both;
	text-align: center;
	letter-spacing: 0.3em;
	background-color: #FFFFFF;
}
.solution-top-categorytitle02 {
	font-size: 16px;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #BFBFBF;
	font-weight: bold;
	clear: both;
	padding-top: 20px;
}
.solution-top-clear {
	clear: both;
	padding-top: 40px;
}
#sub #example-top-menu .companyname .bluearrow span {
	letter-spacing: -2px;
}
.bg_wht{
	background-color:#FFFFFF;
	}
#sub #navi {
	padding-bottom: 6px;
}
.inq_title {
	margin-bottom: 10px;
	border-left: 5px solid #0191CE;
	padding-left: 5px;
}
#inq_btn {
	text-align: center;
	margin-top: 20px;
}
/*****/
.overview-p {
	width: 55%;
	float:left;
}


/** adjuster **/
.bold { font-weight: bold; }
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.flex { display: flex; }