@charset "UTF-8";
/*
    base_new.cssを削除するまで設定追加
====================================*/
body.top-page div, body.top-page p, body.top-page span, body.top-page h1, body.top-page h2, body.top-page h3, body.top-page h4, body.top-page h5, body.top-page h6 {
  color: #333 !important;
}

body.top-page .slide-item h2, body.top-page .copyright, body.top-page .copyright span, body.top-page span.news-cat-sub {
  color: #fff !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  padding: 0 !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
}

h2 {
  margin-bottom: 1em !important;
}

p {
  margin-bottom: 1em !important;
}

body.news #Main .section h3 span, body.recruitnews #Main .section h3 span {
  line-height: 1.5;
}

@media (min-width: 768px) {
  body.news #Main .section h3, body.recruitnews #Main .section h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -15px 30px !important;
  }
  body.news #Main .section h3 span, body.recruitnews #Main .section h3 span {
    position: static !important;
    margin: 0;
    padding: 0 15px;
  }
  body.news #Main .section h3 span.news-title, body.recruitnews #Main .section h3 span.news-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  body.news #Main .section h3 span.notes01, body.recruitnews #Main .section h3 span.notes01 {
    margin-top: 0 !important;
    white-space: nowrap;
  }
}

body.news #Main .section .news-detail h4 {
  line-height: 1.5;
}

#Contents {
  position: relative;
  z-index: 5;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

#Contents.pt-0 {
  padding-top: 0 !important;
}

@media (min-width: 576px) {
  #Contents {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }
}

header nav a {
  color: #333;
}

header .header-menu-child h2 {
  margin-bottom: 30px;
  padding-bottom: 0;
  color: #fff !important;
  font-weight: 300;
}

header .header-menu-child p {
  padding-bottom: 0;
  color: #fff !important;
  line-height: 26px;
}

header .header-menu-child a {
  color: #fff !important;
}

header .header-menu-child .menu-child-images a {
  line-height: 26px;
}

header .header-menu-child a.btn {
  display: inline-block;
  padding: 0 2em;
  width: auto;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 25px;
  background: transparent;
  line-height: 46px;
}

@media (max-width: 939px) {
  header nav a {
    color: #fff;
  }
  header nav .menu-child-list {
    padding: 0 !important;
  }
  header nav .menu-child-list > ul {
    background: #f0f0f0;
  }
  header nav .menu-child-list > ul a.letter-spacing {
    letter-spacing: -.2px;
  }
  header nav .menu-child-list > ul a::after {
    border-color: #333;
  }
  header nav .menu-child-list > ul li:not(:last-child) a {
    border-color: #ccc;
  }
}

header .menu-warap .row {
  margin-right: -15px;
  margin-left: -15px;
}

header .menu-warap .row .col-3, header .menu-warap .row .col-4, header .menu-warap .row .col-5 {
  padding-right: 15px;
  padding-left: 15px;
}

header a.btn {
  display: inline-block !important;
}

@media (max-width: 939px) {
  header nav .menu-child-list {
    margin: 0 !important;
  }
  header nav .menu-child-list > ul a {
    color: #333 !important;
  }
}

.tableType02 .btn.submit-button {
  padding-right: 0;
  padding-left: 0;
}

.tableType02 .btn input[type=button], .tableType02 .btn input[type=submit] {
  width: 230px !important;
}

@media screen and (max-width: 767px) {
  .product-price table {
    border: 0;
  }
  .product-price table tbody {
    border-bottom: 1px solid #7f7f7f;
  }
}

@media screen and (max-width: 979px) {
  .twoCol05 > .colL {
    max-width: 100%;
  }
}

.product-list td:first-child a {
  width: 78px;
}

.product-list td a, .product-list td > strong {
  max-width: 100%;
}

.listStyle07 span.img {
  padding-right: 15px;
}

@media screen and (max-width: 767px) {
  body.irnews #Main .section h3, body.recnews #Main .section h3 {
    margin-bottom: 20px;
    padding: 0 !important;
  }
  body.irnews #Main .section .news-title, body.recnews #Main .section .news-title {
    float: none;
    margin: 0;
  }
  body.irnews #Main .section .notes01, body.recnews #Main .section .notes01 {
    position: static !important;
    display: block;
    float: none !important;
    margin: 5px 0 0 !important;
    text-align: right;
  }
}

.slide-item h2.h1 {
  margin-bottom: 0 !important;
  font-size: 1.75rem !important;
  line-height: 48px !important;
}

@media (min-width: 768px) {
  .slide-item h2.h1 {
    font-size: 3rem !important;
    line-height: 68px !important;
  }
}

.top-page a.btn {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  padding: 0 2em;
  min-width: 180px;
  width: auto;
  height: 40px;
  border: 2px solid transparent;
  border-radius: 20px;
  background: -webkit-gradient(linear, left top, right bottom, from(#004386), to(#008eee));
  background: linear-gradient(to bottom right, #004386, #008eee);
  color: #fff !important;
  text-align: center;
  font-size: inherit;
  line-height: 36px;
  -webkit-perspective: 1000;
          perspective: 1000;
}

.top-page a.btn .btn-text {
  color: #fff !important;
}

.top-page a.btn::before, .top-page a.btn::after {
  position: absolute;
  top: -10%;
  left: 0;
  z-index: 1;
  display: inline-block;
  width: 120%;
  height: 120%;
  background: #fff;
  content: " ";
  opacity: 0;
}

.top-page a.btn::before {
  -webkit-transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
  transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99);
  -webkit-transform: translateX(-100%) skewX(-8deg);
          transform: translateX(-100%) skewX(-8deg);
}

.top-page a.btn::after {
  -webkit-transition: 0.5s cubic-bezier(0.82, 0.01, 0.28, 0.99);
  transition: 0.5s cubic-bezier(0.82, 0.01, 0.28, 0.99);
  -webkit-transform: translateX(100%) skewX(-8deg);
          transform: translateX(100%) skewX(-8deg);
}

.top-page a.btn:hover {
  z-index: 1;
  border-color: #017cc5;
  background: -webkit-gradient(linear, left top, right bottom, from(#004386), to(#008eee));
  background: linear-gradient(to bottom right, #004386, #008eee);
  opacity: 1;
}

.top-page a.btn:hover .btn-text {
  position: relative;
  z-index: 3;
  color: #017cc5 !important;
}

.top-page a.btn:hover::before, .top-page a.btn:hover::after {
  opacity: 1;
  -webkit-transform: translateX(-10%) skewX(-8deg);
          transform: translateX(-10%) skewX(-8deg);
}

.top-page a.btn:hover::before {
  -webkit-transition: 0.5s cubic-bezier(0.82, 0.01, 0.28, 0.99);
  transition: 0.5s cubic-bezier(0.82, 0.01, 0.28, 0.99);
}

.top-page a.btn:hover::after {
  -webkit-transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99) 0.5s;
  transition: 0s cubic-bezier(0.82, 0.01, 0.28, 0.99) 0.5s;
}

.top-page a.btn.btn-border-blue {
  border-color: #017cc5;
  background: #fff;
  color: #017cc5 !important;
}

.top-page a.btn.btn-border-blue .btn-text {
  color: #017cc5 !important;
}

.top-page a.btn.btn-border-blue::before, .top-page a.btn.btn-border-blue::after {
  background: -webkit-gradient(linear, left top, right bottom, from(#004386), to(#008eee));
  background: linear-gradient(to bottom right, #004386, #008eee);
}

.top-page a.btn.btn-border-blue:hover .btn-text {
  color: #fff !important;
}

.top-page a.btn.btn-border-white {
  border-color: #fff;
  background: transparent;
  color: #fff !important;
}

.top-page a.btn.btn-border-white .btn-text {
  color: #fff !important;
}

.top-page a.btn.btn-border-white:hover {
  border-color: #fff;
}

.top-page a.btn.btn-border-white:hover .btn-text {
  color: #017cc5 !important;
}

@media (min-width: 768px) {
  .top-page a.btn {
    min-width: 220px;
    height: 50px;
    border-radius: 25px;
    line-height: 46px;
  }
}

.copy {
  padding-bottom: 0;
  font-size: 40px !important;
  line-height: 1 !important;
}

@media (min-width: 768px) {
  .copy {
    font-size: 60px !important;
  }
}

.card-list a:hover {
  text-decoration: none;
}

#index-services h3 {
  font-size: 14px;
}

#index-services p {
  padding-bottom: 0;
  font-size: 12px;
  line-height: 22px;
}

#index-services .copy {
  color: #017cc5 !important;
}

@media (min-width: 768px) {
  #index-services h3 {
    font-size: 18px;
  }
  #index-services p {
    font-size: 14px;
    line-height: 26px;
  }
}

#index-recruit h3 {
  color: #fff !important;
  font-size: 14px;
}

#index-recruit p {
  padding-bottom: 0;
  color: #fff !important;
  font-size: 12px;
  line-height: 22px;
}

@media (min-width: 768px) {
  #index-recruit h3 {
    font-size: 18px;
  }
  #index-recruit p {
    font-size: 14px;
    line-height: 26px;
  }
}

span.news-cat-sub {
  margin-right: 10px !important;
  margin-left: 0 !important;
}

@media (min-width: 576px) {
  span.news-cat-sub {
    margin-right: 0 !important;
    margin-left: 10px !important;
  }
}

/*
    layout_new.cssを削除するまで設定追加
====================================*/
#mdmNewLayout .box + .aboutMdmCol .colLeft_ba {
  width: auto;
}

@media screen and (max-width: 979px) {
  #Contents.products #Main {
    top: 30px;
  }
}

/*
    add_new.cssを削除するまで設定追加
====================================*/
body .investors-menu {
  border-bottom: 1px solid #ccc;
}

.investors header .row > div a {
  color: #fff;
}

.investors header .row > div a.btn span {
  position: relative;
  top: auto;
  left: auto;
  color: #fff;
  font-size: inherit;
}

.investors header .row > div a.btn:hover span {
  color: #017cc5;
}

.note {
  display: block !important;
  margin-left: 1em !important;
  text-indent: -1em !important;
}

.corporate #Contents .directors p span {
  text-indent: 0;
}

.corporate #Contents .directors {
  margin: 0 -8px;
}

.corporate #Contents .directors li {
  padding: 0 8px;
}

.corporate #Contents .directors .name {
  font-size: 0.75rem;
}

.corporate #Contents .directors .directors-name {
  font-size: 0.625rem;
}

@media (min-width: 576px) {
  .corporate #Contents .directors {
    margin: 0 -15px;
  }
  .corporate #Contents .directors li {
    padding: 0 15px;
  }
  .corporate #Contents .directors .name {
    font-size: 1rem;
  }
  .corporate #Contents .directors .directors-name {
    font-size: 0.75rem;
  }
}

.investors .ir-movie .clearfix > div {
  margin-left: 2em !important;
}

.investors #Contents .ir-movie p span {
  text-indent: 0;
}

.investors .ir-movie p span + a, .investors .ir-movie p span + span {
  margin-left: 0 !important;
}

@media screen and (max-width: 979px) {
  #Main.investors .ir-news dt {
    width: 120px !important;
  }
}

@media screen and (max-width: 979px) {
  .responsive.contact .time-tbl01 th {
    padding: 0;
    border-bottom: 1px dotted #004386 !important;
    background: white;
    color: #004386;
  }
  .responsive.contact colgroup {
    display: none;
  }
  .responsive.contact th, .responsive.contact td, .wpcf7-form th, .wpcf7-form td {
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100% !important;
    border: 0 !important;
  }
  .responsive.contact tr:not(:first-child) th, .wpcf7-form tr:not(:first-child) th {
    padding-top: 20px;
  }
  .responsive.contact .tableType02 input, .responsive.contact .tableType02 textarea, .wpcf7-form input, .wpcf7-form textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  .wpcf7-form input[type=checkbox] {
    width: auto !important;
  }
  .wpcf7-form input.middle, .wpcf7-form input.long {
    width: 100% !important;
  }
  .responsive.contact .tableType02 td div, .wpcf7-form td div {
    width: 100% !important;
  }
  .responsive.contact .dropselectbox h4, .wpcf7-form .dropselectbox h4 {
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    width: 100% !important;
    height: 29px;
  }
  .responsive.contact .dropselectbox ul, .wpcf7-form .dropselectbox ul {
    overflow: hidden;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
  }
  .responsive.contact .dropselectbox li, .wpcf7-form .dropselectbox li {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .time-tbl01 td strong {
    padding-left: 0 !important;
  }
}

.product-top #Main .section.partners ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1rem;
}

.product-top #Main .section.partners ul li img {
  margin: 5px 0;
  width: 134px;
}

.investors div.material a {
  padding: 10px 43px 10px 3px !important;
  line-height: 23px !important;
}

@media screen and (max-width: 500px) {
  .investors div.material a {
    padding: 10px 33px 10px 3px !important;
    line-height: 23px !important;
  }
}

@media screen and (max-width: 979px) {
  .faq select {
    position: relative;
    margin-bottom: 30px;
    padding: 8px 10px;
    width: 100%;
    outline: 0;
    border-radius: 5px;
  }
}

.tab li a, .library-menu li a {
  line-height: 40px;
}

.recruit-news dd.recruit-category {
  width: 15% !important;
}

.recruit-news dd.recruit-category span {
  color: #fff !important;
}

.recruit-news dd {
  width: 65% !important;
}

@media screen and (max-width: 767px) {
  .tab li:first-child, .tab li {
    font-size: 0.75rem;
  }
}

.top-page #TopMain {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  #TopMain .twoCol01 {
    margin-bottom: 0;
  }
}

.tab li {
  letter-spacing: 0;
}

.twoCol01 .colR.pickup-bnr a:last-child {
  margin-bottom: 0;
}

.amazon-link a[target]::after, .optim-books-social a[target]::after, .optim-books a[target]::after, .products-detail .partners a[target]::after, .products-detail .tableType01 td:first-child a[target]::after {
  content: none;
}

.events .flex-control-nav {
  bottom: -30px;
}

#footer-bottom p {
  margin-bottom: 0 !important;
}

.loader-wrapper-list {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 1;
  -webkit-transition: all .1s ease-in-out .1s;
  transition: all .1s ease-in-out .1s;
}

.loader-wrapper-list::before {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  content: "";
}

.loader-wrapper-list.loaded {
  z-index: -2;
  opacity: 0;
}

@charset "UTF-8";

/* for Reset
=========================================*/
html,
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,
p, blockquote,
th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address,
caption,
cite, code, dfn,
em, strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
/* to preserve line-height and selector appearance */
hr {
	display: none;
	clear: both;
}
sub {
	vertical-align: baseline;
}
sup {
	vertical-align: top;
}
img {
	vertical-align: bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input, textarea, select {
*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#666666;
}

html{
	overflow-y:scroll;
}

@charset "UTF-8";

/* for Print
=========================================*/



/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 36px; background: #fff; position: relative; padding: 0; zoom: 1; min-height: 251px;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -20px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 10px; height: 10px; display: block; background: url('../images/btn_slider_n.gif') no-repeat left top; cursor: pointer; text-indent: -9999px; text-decoration: none; }
.flex-control-paging li a:hover { background: url('../images/btn_slider_hv.gif') no-repeat left top; text-decoration: none; }
.flex-control-paging li a.flex-active { background: url('../images/btn_slider_hv.gif') no-repeat left top; background: cursor: default; text-decoration: none; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

@charset "utf-8";
.dropdown {outline:none;display:inline-block;*display:inline;}
.dropdown h4{cursor:default; text-indent:5px; margin:0; padding:0;}
.dropdown * {-moz-user-select:none;}
.dropdown h4.over {}
.dropdown div {display:block; /*fix bug*/}
.dropdown ul{position:absolute;display:none;margin:0;padding:0;float:left;clear:both;}
.dropdown ul li{text-indent:5px;margin:0;padding:0;list-style:none;display:block;cursor:default;}
.dropdown ul li.over{}
.dropselectbox {display:inline;}
/* write you style here */
.dropselectbox { color:#575757;}
.dropdown h4{height:25px; font:12px/21px; padding-right:27px; border:solid 1px #2C2C2C;background:url(../images/select_ic001.gif) no-repeat right center; padding-top:4px;}
.dropdown h4.current{border-color:#003;}
.dropdown ul{border:1px solid #2C2C2C; background:#FFF; padding-top:4px;}
.dropdown ul li{background:#FFF;height:24px;font:400 12px/21px;}
.dropdown ul li.over{color:#052AA5; cursor:pointer;}


@charset "UTF-8";
/* ****************************************************
	layout.css
***************************************************** */

/*  HeadWrap
=========================================*/
#HeadWrap {
	width: 100%;
	min-width: 940px;
}

/* Header */
#Header {
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
#Header p {
	float: left;
	width: 124px;
	padding-bottom: 0;
}
#Header p a {
	display: block;
	position: relative;
	width: 124px;
	height: 71px;
	background: url(../images/logo_corp.png) no-repeat left top;
	text-indent: -9999px;
}
#Header p a:hover {
	text-decoration: none;
}
#Header p span {
	position: absolute;
	top: 50%;
	left: 135px;
	margin-top: -1.5em;
	font-size: 11px;
}
#Header ul {
	float: right;
	margin-top: 10px;
	font-size: 11px;
}
#Header li {
	position: relative;
	float: left;
	color: #BFBFBF;
}
#Header li span.space {
	padding: 0 6px;
}
#Header li a {
	color: #575757;
}
#Header li a:hover {
	color: #408af4;
	text-decoration: none;
}
#Header .social {
	position: absolute;
	right: 0;
	bottom: 10px;
}
#Header .social a {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-left: 15px;
	text-indent: -9999px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
/*
#Header .social a.facebook {
	background: url('/wp-content/uploads/2014/09/gn_facebook.gif') no-repeat left top;
}
#Header .social a.facebook:hover {
	background: url('/wp-content/uploads/2014/09/gn_facebook_hv.gif') no-repeat left top;
}
#Header .social a.twitter {
	background: url('/wp-content/uploads/2014/09/gn_twitter.gif') no-repeat left top;
}
#Header .social a.twitter:hover {
	background: url('/wp-content/uploads/2014/09/gn_twitter_hv.gif') no-repeat left top;
}
#Header .social a.youtube {
	background: url('/wp-content/uploads/2014/09/gn_youtube.gif') no-repeat left top;
}
#Header .social a.youtube:hover {
	background: url('/wp-content/uploads/2014/09/gn_youtube_hv.gif') no-repeat left top;
}
*/
#Header .social img {
	width: 24px;
	height: 24px;
}

/* Nav */
#headerMenu {
	background: #004386;
}
#Nav {
	position: relative;
	clear: both;
	z-index: 999;
	width: 940px;
	margin: 0 auto;
}
#Nav li {
	float: left;
	line-height: 1.2;
}
#Nav li span {
	display: block;
}
#Nav li span a {
	display: block;
	overflow: hidden;
	padding: 12px 15px;
	background-repeat: no-repeat;
	color: #FFFFFF;
}
#Nav li span a.on {
	background: #408af4;
}
#Nav li span a:hover,
#Nav li.hoverMenu span a {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
	text-decoration: none;
}

/* mailform */
#img.mail {
	vertical-align: middle;
}

/* YouTube */
#youtube a {
	float: left;
	width: 60px;
	height: 25px;
	margin: 20px 0 15px 50px;
}

/* IE7用 */
#Nav li {
	*padding-bottom: 3px;
}

/* ～IE6用 */
#Nav li {
	_padding-bottom: 3px;
}

/* IE8↑ */
html.ie div#Nav li {
	padding-bottom: 3px;
}

/* SubNav */
.box-bg-g {
	position: fixed;
	z-index: 20;
	width: 100%;
	padding: 20px 0 25px;
	border-bottom: 1px solid #004386;
	background-color: #eee;
}
#SubNav,
.SubMenu {
	display: table;
	clear: both;
	width: 900px;
	margin: 0 auto;
}
#SubNav > div,
.SubMenu > div {
	display: table-cell;
	width: 20%;
	padding-left: 20px;
	border-left: 1px solid #cfcfcf;
}
#SubNav > div:first-child,
.SubMenu > div:first-child {
	padding-left: 0;
	border: 0;
}
#SubNav > div li.subNavTitle,
.SubMenu > div li.subNavTitle {
	margin-bottom: .5em;
	color: #004386;
	font-weight: bold;
	font-size: 12px;
}
#SubNav > div li.unlimitedTitle,
.SubMenu > div li.unlimitedTitle {
	padding: 0 0 .5em 1em;
	font-weight: bold;
}
#SubNav li,
.SubMenu li {
	font-size: 11px;
}
#SubNav li.last,
.SubMenu li.last {
	padding-right: 0;
}
#SubNav a,
.SubMenu a {
	display: inline-block;
	position: relative;
	padding: 0 0 .5em 1em;
	color: #575757;
}
#SubNav a span,
.SubMenu a span {
	font-size: 10px;
}
#SubNav a:hover,
.SubMenu a:hover {
	color: #408af4;
	text-decoration: none;
}

/*  Contents
=========================================*/
/* Contents */
#Contents {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 60px 0;
}
#Contents.index {
	padding-top: 30px;
}
#Contents .box {
	float: none;
	clear: both;
	margin: 0 136px;
}
#Contents.index h2 {
	padding-bottom: 2px;
}

/* FLink */
#FLink {
	clear: both;
	width: 940px;
	margin: 50px auto 0;
	padding-bottom: 14px;
	border-bottom: 1px solid #CCCCCC;
}

#FLink h2 {
	border-bottom: 1px solid #CCCCCC;
}

#FLink h3 {
	border-bottom: 1px solid #CCCCCC;
	color: #999999;
	font-size: 11px;
}

/* Main */
#Main {
	position: relative;
	float: right;
	width: 670px;
}
#Main .section {
	clear: both;
}
#Main .ttl02 + .section,
#Main .ttl03 + .section,
#Main .ttl04 + .section,
#Main .section:first-child {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* Side */
#Side {
	float: left;
	width: 231px;
}
#Side ul.sideNav {
	margin-bottom: 25px;
	border-top: 1px solid #CECECE;
}
#Side ul.sideNav li {
	border-bottom: 1px solid #CECECE;
}
#Side ul.sideNav li a,
#Side ul.sideNav li span {
	display: block;
	padding: 10px 0;
	color: #2C2C2C;
	cursor: pointer;
}
#Side ul.sideNav li a:hover,
#Side ul.sideNav li span:hover {
	color: #408af4;
	text-decoration: none;
}
#Side ul.sideNav li a.on,
#Side ul.sideNav li a.on:hover {
	color: #408af4;
}
#Side ul.sideNav li.corporate {
	display: none;
	border-bottom: 0;
}
#Side .sideBanner {
	margin: 50px 0;
}
#Side dl {
	margin-bottom: 20px;
	padding: 0 0 10px 0;
}
#Side dt {
	padding: 0 10px 2px;
	color: #000;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
}
#Side dd {
	padding-top: 13px;
}
#Side dd strong {
	display: block;
	color: #777777;
	font-weight: normal;
	font-size: 13px;
}
#Side dd a,
#Side dd a:hover {
	text-decoration: underline;
}

/*  Contact
=========================================*/
/* Contact */
#Contact {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding-bottom: 60px;
}

/* linkList */
#Contact ul.linkList {
	clear: both;
	text-align: center;
}
#Contact ul.linkList li {
	display: inline-block;
	padding: 7px 4px;
}
#Contact ul.linkList li a,
#Contact ul.linkList li a:hover {
	text-decoration: underline;
}

/*  FootWrap
=========================================*/
/* FootWrap */
#FootWrap {
	position: relative;
	clear: both;
	width: 100%;
	min-width: 940px;
	border-top: 1px solid #cfcfcf;
	background: #F0F0F0;
}

/* pageTop */
.pageTop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 50px;
	margin: 0 auto;
	padding: 0;
}

/* FootNav */
#FootNav {
	clear: both;
	width: 940px;
	margin: 0 auto;
	padding: 35px 0 25px 0;
	font-size: 11px;
}
#FootNav h3 {
	padding-bottom: 0;
	font-size: 13px;
}
#FootNav a {
	color: #575757;
}
#FootNav a:hover {
	color: #408af4;
	text-decoration: none;
}
#FootNav div {
	float: left;
	width: 23%;
}
#FootNav div:first-child {
	width: 31%;
}
#FootNav h3 a {
	font-weight: bold;
}
#FootNav h3 a:hover {
	text-decoration: none;
}
#FootNav ul {
	padding: 3px 0 10px 0;
}

/* Footer */
#Footer {
	clear: both;
	width: 100%;
	min-width: 940px;
	background-color: #004386;
	color: #fff;
	font-size: 11px;
}
#Footer address {
	width: 940px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: center;
}

/*  extra
=========================================*/
/* clearfix */
#Nav:after,
#FootNav:after,
#Contents:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	content: ".";
}

#Nav,
#FootNav,
#Contents {
	zoom: 1;
}

/* Seminar */
#Main .section.border-none {
	margin-bottom: 15px;
	border-bottom: none;
}
.seminar-detail #Main .section {
	margin-bottom: 0;
}
.category-seminar #Main .section {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* unlimited */
#b_main,
.b_main {
	margin-bottom: 15px;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #052AA5;
	color: #000000;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.2;
}

/* Contact */
div.wpcf7-mail-sent-ok {
	border: none !important;
}

/*  mdm_special newLayout
=========================================*/
/* mdm_guide newLayout Secure Shield */
#mdmNewLayout {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#mdmNewLayout .pagetop {
	clear: both;
}

#mdmNewLayout h2 {
	clear: both;
}

#mdmNewLayout .aboutMdmCol {
	width: 920px;
	margin: 0 auto;
}
#mdmNewLayout .aboutMdmCol .colLeft {
	float: left;
	width: 440px;
	font-size: 12px;
}
#mdmNewLayout .aboutMdmCol .colRight {
	float: right;
	width: 430px;
	padding-right: 10px;
	font-size: 12px;
}
#mdmNewLayout .aboutMdmCol .colLeft_ba {
	float: left;
	width: 420px;
	margin: 0 0 40px;
	padding-left: 60px;
}
#mdmNewLayout .aboutMdmCol .colRight_ba {
	float: right;
	width: 420px;
	padding-left: 3px;
}
#mdmNewLayout .aboutMdmCol .lead {
	margin: 30px 0 0;
	padding-right: 10px;
	font-size: 12px;
}

dl.list511 dt {
	margin-top: 20px;
	padding-left: 0px;
	color: #000;
	font-weight: bold;
	font-size: 110%;
}

dl.list511 dd {
	margin-left: 0;
}

dl.list511 dd ul {
	margin: 5px 0;
}

dl.list511 dd ul li {
	margin-left: 0px;
}

#mdmNewLayout .spc .space60 {
	margin-top: 60px;
	padding: 0px;
}
#mdmNewLayout .spc .space30 {
	margin-top: 30px;
	padding: 0px;
}
#mdmNewLayout .spc .space64 {
	margin-top: 64px;
	padding: 0px;
}
#mdmNewLayout .spc .space100 {
	margin-top: 100px;
	padding: 0px;
}

.space100 {
	margin-bottom: 100px;
}

.space45 {
	margin-bottom: 45px;
}

.contents_h2tit02 {
	margin: 0 0 30px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 25px;
}

.pt { font-size: 14pt }

.space {
	margin-bottom: 20px;
}

/* ClearFix
------------------------------------ */
#mdmNewLayout .aboutMdmCol:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0px;
	font-size: 0;
	line-height: 0;
	content: ".";
}
#mdmNewLayout .aboutMdmCol {
	zoom: 1;
}

#tabnavi ul {
	margin: 0;
	padding: 0;
}
#tabnavi li {
	display: inline;
}
#tabnavi li a {
	display: inline-block;
	padding: 8px;
	border-radius: 5px 5px 0 0;
	background: #ddd;
	color: #333;
	text-decoration: none;
}
#tabnavi li a:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
}
#tabnavi li a.active {
	background: #004386;
	color: #fff;
}
#tabcontent {
	padding: 10px;
	border: 1px dotted #ccc;
}

/* ClearFix
------------------------------------ */
#container div:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
#container div {
	display: inline-block;
}

/* Button */
a.btn {
	display: block;
	width: 230px;
	height: 60px;
	margin: 0 auto;
	background: #004386;
	color: #fff;
	line-height: 60px;
  border: 0;
  padding: 0;
  border-radius: 0;
}

a.btn:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
	text-decoration: none;
}
/* endinfo-contact-wrap */
.endinfo-contact-wrap {
	text-align: center;
}
.endinfo-contact-wrap a.btn {
  font-size: .75rem;
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  padding: 0 calc(2em + 2px);
  min-width: 180px;
  width: auto;
  height: 40px;
  border: 0;
  border-radius: 20px;
  background: -webkit-gradient(linear,left top,right bottom,from(#004386),to(#008eee));
  background: linear-gradient(to bottom right,#004386,#008eee);
  color: #fff;
  text-align: center;
  line-height: 40px;
}
.endinfo-contact-wrap a.btn:hover {
  z-index: 1;
  padding: 0 2em;
  border: 2px solid #017cc5;
  line-height: 36px;
  opacity: 1;
  cursor: pointer;
}
@media (min-width: 768px) {
  .endinfo-contact-wrap a.btn {
    font-size: .875rem;
    min-width: 220px;
    height: 50px;
    border-radius: 25px;
    line-height: 50px;
  }
  .endinfo-contact-wrap a.btn:hover {
    line-height: 46px;
  }
}
.endinfo-contact-wrap a.btn span {
  color: #fff;
}

@charset "UTF-8";
/* ****************************************************
	base.css
***************************************************** */


/*  for All
=========================================*/
body {
	color: #575757;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.5;
}

/* Selected Text */
::selection {
	/* Safari */
	background: #408af4;
	color: #fff;
}
::-moz-selection {
	/* Firefox */
	background: #408af4;
	color: #fff;
}
.contact {
	color: #2C2C2C;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	line-height: 1.5;
}
a {
	color: #408af4;
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
a:hover {
	color: #408af4;
	text-decoration: underline;
}
a[name] {
	color: #000;
}
a[name]:hover {
	text-decoration: none;
}
a.ext {
	color: #408af4;
	text-decoration: underline;
}
*html a.ext {
	zoom: 1;
}
a.ext:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	color: #408af4;
	text-decoration: underline;
}
p {
	padding-bottom: 30px;
	color: #575757;
}
.aL {
	text-align: left;
}
.aC {
	text-align: center;
}
.aR {
	text-align: right;
}
.colL {
	float: left;
}
.colR {
	float: right;
}
.clr {
	clear: both;
}
.noBg {
	background: none !important;
}
.noBor {
	border: 0 !important;
}
.mt0 {
	margin-top: 0 !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb2 {
	margin-bottom: 2px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb22 {
	margin-bottom: 22px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.pt0 {
	padding-top: 0 !important;
}
.pt10 {
	padding-top: 10px!important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pt100 {
	padding-top: 160px !important;
}
.pb0 {
	padding-bottom: 0 !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
strong {
	font-weight: bold;
}
small {
	font-size: 10px;
}
.h3-style {
	padding-bottom: 1em;
	font-size: 16px;
}

/* notes */
.notes01 {
	color: #777777;
	font-weight: normal;
	text-align: right;
}
.notes04 {
	color: #408af4;
}

/* ico */
.icoPdf {
	padding: 3px 0 3px 32px;
	background: url(../images/pdf_ic.gif) no-repeat left center;
}
.icoArrow {
	padding-left: 15px;
	background: url(../images/com_ic001.gif) no-repeat left center;
}

/* H1 */
h1 {
	padding-bottom: 20px;
	color: #000;
	font-size: 24px;
}

/* h2 */
h2 {
	padding-bottom: 20px;
	color: #000;
	font-size: 20px;
}

/* h3 */
h3 {
	padding-bottom: 30px;
	color: #7f7f7f;
	font-size: 30px;
}
body.news #Main .section {
	border-top: 1px solid #CECECE;
}
body.news #Main .section h3 {
	position: relative;
	clear: both;
	padding: 30px;
	font-weight: bold;
	font-size: 14px;
}
body.news #Main .section h3 .notes01 {
	position: absolute;
	top: 50%;
	right: 15px;
	float: right;
	margin-top: -10px;
}
body.news #Main .section h3 a,
body.news #Main .section h3 a:hover {
	float: left;
	margin-right: 100px;
	text-decoration: underline;
}
.news-title {
	float: left;
	margin-right: 100px;
}

/* h4 */
body.news #Main .section h4 {
	padding-bottom: 5px;
	font-weight: bold;
}

/* leadTxt */
.leadTxt {
	font-weight: bold;
}

/* searchBox */
.searchBox {
	clear: both;
	padding-bottom: 25px;
}
.searchBox input {
	vertical-align: middle;
}
.searchBox input.normal {
	width: 280px;
	margin-right: 6px;
	padding: 3px;
	border: 1px solid #ccc;
}

/* pageNav */
.pageNav {
	clear: both;
}
.pageNav .prev {
	float: left;
}
.pageNav .next {
	float: right;
}
.pageNav a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* innerNav */
.innerNav {
	clear: both;
}
.innerNav li {
	display: inline;
	padding-right: 22px;
	font-weight: bold;
}
.innerNav a {
	padding-left: 13px;
	background: url(../images/com_ic001.gif) no-repeat left center;
	color: #408af4;
}
*html .innerNav a {
	zoom: 1;
}
.innerNav a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	color: #408af4;
}

/* twoCol01 index */
/* twoCol02 index */
.twoCol01 {
	clear: both;
	margin-bottom: 54px;
}
.twoCol01 .colL,
.twoCol01 .colR {
	position: relative;
	width: 460px;
}
.twoCol01 h2,
.twoCol02 h2 {
	border-bottom: 1px solid #575757;
}
.twoCol01 h2 {
	margin-bottom: 20px;
}
.twoCol01 iframe {
	margin-bottom: 10px;
}
.twoCol01 .colL p {
	padding-bottom: 10px;
}
.twoCol01 .colR a {
	display: block;
	margin-bottom: 10px;
}
.twoCol02 {
	clear: both;
	margin-bottom: 50px;
}
.twoCol02 .colL {
	position: relative;
	width: 100%;
}
.twoCol02 li {
	padding: 0;
	border: 0;
}
.twoCol02 li span a {
	display: inline-block;
	height: 3em;
	color: #575757;
	font-size: 13px;
}
.twoCol02 li span a:hover {
	color: #575757;
}

/* twoCol05 case */
.twoCol05 {
	clear: both;
	border-bottom: 1px solid #CCCCCC;
}
.twoCol05 .colL {
	width: 432px;
}
.twoCol05 .colR {
	width: 220px;
}
.twoCol05 p {
	padding-bottom: 15px !important;
}

/* twoCol06 case */
.twoCol06 {
	clear: both;
}
.twoCol06 .colL {
	width: 232px;
}
.twoCol06 .colR {
	width: 420px;
}
.twoCol06 .colR p {
	padding-bottom: 25px !important;
}

/* twoCol07 welfare */
.twoCol07 {
	clear: both;
	line-height: 1.8;
}
.twoCol07 h3.ttl01 {
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
}
.twoCol07 h3.ttl03 {
	padding-bottom: 0;
	font-weight: bold;
	font-size: 14px;
}
.twoCol07 .colL img {
	padding: 0 22px 0.5em 0;
}
.twoCol07 .colR img {
	margin-bottom: 10px;
	padding: 0 0 0 22px;
}
.twoCol07 ul {
	padding-bottom: 20px;
}
.twoCol07 ul li {
	margin-left: 15.5em;
}
.twoCol07 li span {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/* productList */
.productList, .solutionList{
	overflow: hidden;
	clear: both;
	max-width: 966px;
	font-size: 13px;
}
.productList li, .solutionList li {
	float: left;
	width: 295px;
	height: 290px;
	margin-top: 50px;
	padding-right: 27px;
}
.productList li:nth-child(3n),.solutionList li:nth-child(3n) {
	padding-right: 0;
}
.productList li h2, .solutionList li h2 {
	padding: 20px 0 10px 0;
}
.productList li h2 a, .solutionList li h2 a {
	color: #000;
	-webkit-transition: all 0;
	-moz-transition: all 0;
	-o-transition: all 0;
	transition: all 0;
}
.productList li h2 a:hover, .solutionList li h2 a:hover {
	color: #408af4;
}
.productList li a:hover img, .solutionList li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* listStyle02 product-top news */
.listStyle02 {
	clear: both;
}
.listStyle02 li {
	padding: 0 0 5px 8em;
}
.listStyle02 li span.time {
	display: inline-block;
	width: 8em;
	margin-left: -8em;
	color: #408af4;
	font-weight: normal;
}

/* listStyle04 case */
.listStyle04 {
	clear: both;
	margin-top: 10px;
	padding: 0 0 15px 0;
}
.listStyle04 li {
	float: none;
	padding-right: 6px;
	font-size: 12px;
}
.listStyle04 li span {
	display: block;
	position: relative;
	margin-bottom: 2px;
	padding: 2px 7px;
	padding-left: 22px;
	border: 0;
	background-color: transparent;
	color: #333333;
	text-align: left;
}
.product-case .listStyle04 li span:before {
	position: absolute;
	top: 50%;
	left: 7px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #000;
	content: "";
}

/* listStyle05 Guard install */
.listStyle05 {
	position: relative;
	clear: both;
	padding: 0 0 0 5px;
}
.listStyle05 li {
	position: relative;
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #CECECE;
	color: #000;
	font-size: 20px;
}
.listStyle05 li .img {
	display: block;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}
.listStyle05 li strong {
	padding: 0 0 10px 0;
	color: #575757;
	font-weight: normal;
}
.listStyle05 li.no01 {
	margin: 0;
	padding: 0;
	border: 0;
}

/* listStyle06 list */
.listStyle06 dt {
	margin: 0;
	padding-bottom: 10px;
	border-bottom: 0;
	color: #000;
	font-weight: normal;
	font-size: 20px;
}
.listStyle06 dd {
	margin-bottom: 0;
	padding: 0;
}

/* listStyle07 product-top */
.listStyle07 {
	position: relative;
	clear: both;
	margin-top: 10px;
	padding: 2px 0 0 0;
	background: none;
}
.listStyle07 li {
	display: table;
	clear: both;
	padding: 30px 0 0;
	background: none;
}
.listStyle07 li:first-child {
	padding-top: 0;
}
.listStyle07 span.img {
	display: table-cell;
	width: 87px;
	padding-left: 15px;
	vertical-align: top;
}
/*IE6*/
*html .listStyle07 span.img {
	display: inline;
	float: left;
	zoom: 1;
}

/*IE7*/
*:first-child + html .listStyle07 span.img {
	display: inline;
	float: left;
	zoom: 1;
}

/* listStyle09 support */
.listStyle09 {
	border-top: 1px solid #CECECE;
}
.listStyle09 li.txt {
	border-bottom: 1px solid #CECECE;
	font-size: 13px;
}
.listStyle09 li.txt a {
	display: block;
	padding: 15px 0;
	padding-left: 17px;
	color: #575757;
	text-decoration: none !important;
}
.listStyle09 .txt a:hover {
	color: #408af4;
}

/* listStyle10 FAQ Search */
.listStyle10 dt {
	padding: 20px;
	border-top: 1px solid #cecece;
	font-weight: bold;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.section .listStyle10 dt:first-child {
	padding-top: 0;
	border-top: 0;
}
#Main div:nth-of-type(3) .listStyle10 dt {
	border-top: 0;
}
.listStyle10 dt:hover {
	color: #408af4;
	cursor: pointer;
}
.listStyle10 dd strong {
	display: block;
	padding-bottom: 20px;
}
.listStyle10 dd {
	padding: 0 0 0 25px;
}
.listStyle10 dd div {
	padding-bottom: 20px;
}
.listStyle10 dd div ul {
	list-style-type: disc;
	margin-left: 40px;
}
.listStyle10 dd div ol {
	list-style-type: decimal;
	margin-left: 40px;
}

/* listStyle13 press 2012/12/07 */
.listStyle13 {
	clear: both;
}
.listStyle13 dt {
	margin-top: 10px;
	padding: 10px 0 9px 0;
	border-top: 1px solid #CECECE;
	font-weight: bold;
}

.listStyle13 dd {
	margin-top: 10px;
	padding: 10px 0 9px 0;
	font-weight: bold;
}

/* listStyle15 stydy 2014 /contents/5860 */
.listStyle15 {
	clear: both;
	padding-top: 20px;
}
.listStyle15 li {
	padding: 25px 0 5px 8em;
}
.listStyle15 li span.time {
	display: inline-block;
	width: 7em;
	margin-left: -7em;
}

/* listStyle17 technologies */
.listStyle17 {
	clear: both;
	padding-top: 40px;
	padding-bottom: 20px;
	font-weight: bold;
}
.listStyle17 li {
	padding: 0 0 20px 20em;
}
.listStyle17 li span.ttl {
	display: inline-block;
	width: 15em;
	margin-left: -20em;
	padding-right: 5em;
	text-align: right;
}

/* listStyle18 contact */
.listStyle18 {
	clear: both;
}
.listStyle18 dt {
	padding: 35px 0 5px 0;
	font-weight: bold;
}
.listStyle18 dd {
	padding-bottom: 20px;
}
.listStyle18 a {
	text-decoration: underline;
}
.listStyle18 a:hover {
	text-decoration: underline;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

/* listStyle19 Sitemap */
.listStyle19 {
	clear: both;
}
.listStyle19 dt {
	padding: 25px 0 5px 0;
	font-weight: bold;
}
.listStyle19 dt:first-child {
	padding-top: 15px;
}
.listStyle19 dt + dt {
	padding-top: 20px;
}
.listStyle19 dt a {
	padding-left: 20px;
	color: #575757;
}
.listStyle19 dt a:hover {
	padding-left: 20px;
	color: #408af4;
	text-decoration: none;
}
.listStyle19 dd {
	padding-left: 22px;
}
.listStyle19 a {
	color: #575757;
}
.listStyle19 a:hover {
	color: #408af4;
	text-decoration: none;
}

/* listStyle20 Sitemap */
.listStyle20 {
	clear: both;
	padding-top: 50px;
}
.listStyle20 dt {
	padding: 0 0 15px 0;
	font-weight: bold;
}
.listStyle20 dt a {
	padding-left: 20px;
	color: #575757;
}
.listStyle20 dt a:hover {
	padding-left: 20px;
	color: #408af4;
	text-decoration: none;
}
.listStyle20 a {
	color: #575757;
}
.listStyle20 a:hover {
	color: #408af4;
	text-decoration: none;
}

/* listStyle21 Privacy */
.listStyle21 {
	clear: both;
	padding-bottom: 40px;
}
.listStyle21 dt {
	padding: 40px 0 5px 0;
	font-weight: bold;
}

/* listStyle22 Technologies */
.listStyle22 {
	clear: both;
	width: 967px;
	margin-top: 25px;
	margin-right: -27px;
	margin-bottom: 30px;
}
.listStyle22 li {
	float: left;
	width: 295px;
	padding-right: 27px;
}
.listStyle22 li > p {
	width: 100%;
	height: 80px;
	margin: 0;
	background: #004386;
	color: #fff;
	font-size: 1.2em;
	line-height: 80px;
	text-align: center;
}
.listStyle22 li div {
	position: relative;
	clear: both;
	width: 235px;
	margin: 0 auto;
	padding: 0 30px 0 28px;
	border: 1px solid #004386;
	letter-spacing: 1px;
}
.listStyle22 li .detail {
	position: absolute;
	bottom: 20px;
	left: 30px;
	font-size: 12px;
}
.listStyle22 li strong {
	display: block;
	padding: 35px 0 15px 0;
	color: #004386;
	font-weight: bold;
	font-size: 15px;
}
.listStyle22 li .detail a {
	letter-spacing: normal;
}

/* listStyle25 Welfare */
.listStyle25 {
	clear: both;
	padding-bottom: 20px;
}
.listStyle25 li {
	padding-left: 1em;
}
.listStyle25 li span {
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/* table */
table {
	border: 1px solid #7f7f7f;
}
th {
	background: #eee;
}
th, td {
	padding: 5px 7px;
	border: 1px solid #7f7f7f;
	color: #575757;
	font-size: 12px;
}

/* tableType01 Function, etc... */
.tableType01 {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 15px;
	border-left: 1px solid #CCCCCC;
}
.tableType01 td.vl01 {
	white-space: nowrap;
}

/* tableType02 Contact */
.tableType02 {
	width: 100%;
	border: 0;
}
.tableType02 th, .tableType02 td {
	padding: 5px;
	border: 0;
	background: none;
	font-size: 12px !important;
}
.tableType02 th {
	vertical-align: middle;
}
.tableType02 th.pt {
	padding-top: 20px;
	vertical-align: top;
}
.tableType02 input {
	vertical-align: middle;
}
.tableType02 input,
.tableType02 textarea {
	border: 1px solid #2c2c2c;
}
.tableType02 input.long {
	width: 485px;
	padding: 5px 0 5px 10px;
}
.tableType02 input.short {
	width: 250px;
	padding: 5px 0 5px 10px;
}
.tableType02 input.mini {
	width: 150px;
	padding: 5px 0 5px 10px;
}
.tableType02 input.middle {
	width: 375px;
	padding: 5px 0 5px 10px;
}
.tableType02 textarea {
	width: 485px;
	height: 250px;
	margin-top: 0;
	padding: 5px 0 5px 10px;
}
.tableType02 .btn {
	padding-top: 10px;
}
.tableType02 .btn input[type="submit"],
.tableType02 .btn input[type="button"] {
	display: inline-block;
	width: 230px;
	padding: 10px 0;
	border: 0;
	background: #408af4;
	color: #fff;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.tableType02 .btn input:disabled {
	border: 0;
	background: #cfcfcf;
	color: #7f7f7f;
	cursor: default;
}
.tableType02 label {
	cursor: pointer;
}

/* tableType03 Career */
.tableType03 {
	width: 100%;
	margin-top: 8px;
	border-bottom: 1px solid #dbdcdb;
	border-left: 1px solid #dbdcdb;
}

/* Sitemap */
#SiteMap {
	clear: both;
}
#SiteMap .colL {
	float: left;
	width: 415px;
}
#SiteMap .colR {
	float: left;
}

/*  JQuery
=========================================*/
/* jCarouselLite Index, Product Top */
#jCarouselLite {
	position: relative;
	width: 840px;
	height: 30px;
	margin-top: 14px;
	padding: 0px 50px;
  box-sizing: content-box;
}

#jCarouselLite.m-product {
	width: 570px !important;
	padding: 0 50px 14px;
	border-bottom: 1px solid #CCCCCC;
}
#jCarouselLite li {
	float: left;
}
#jCarouselLite img {
	display: block;
}
#jCarouselLite li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#jCarouselLite p.prev {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 15px;
	padding-right: 35px;
	background-color: #FFFFFF;
}
#jCarouselLite p.next {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	width: 15px;
	padding-left: 35px;
	background-color: #FFFFFF;
}

/* scrollWrap FAQ  */
.scrollWrap .section {
	padding: 15px 0 0 0 !important;
}

/*  extra
=========================================*/
/* clearfix */
#SiteMap:after,
.clearfix:after,
.twoCol01:after,
.twoCol02:after,
.twoCol05:after,
.twoCol06:after,
.twoCol07:after,
.listStyle22:after,
.listStyle04:after,
.pageNav li:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	content: ".";
}
#SiteMap,
.clearfix,
.twoCol01,
.twoCol02,
.twoCol05,
.twoCol06,
.twoCol07,
.listStyle22,
.listStyle04,
.pageNav li {
	zoom: 1;
}

.clear {
	clear: both;
}

/* Index News */
span.news-cat {
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #004386;
	box-sizing: border-box;
	background: #fff;
	color: #575757;
	font-size: 10px;
	line-height: 58px;
	text-align: center;
	transition: all 0.5s;
}
span.news-cat:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
}
span.news-cat-sub {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 80px;
	height: 16px;
	margin-left: 10px;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
}
li.ico06 span.news-cat-sub,
span.news-cat-sub.disclosure {
	background: #39b220;
}
li.ico07 span.news-cat-sub,
span.news-cat-sub.securities {
	background: #eb6877;
}
li.ico08 span.news-cat-sub,
span.news-cat-sub.other {
	background: #9f64bc;
}

.core {
	margin-bottom: 12px;
	line-height: 1.7em;
}

.wp-pagenavi li {
	margin-bottom: 15px;
}

/* ニュースなどのWP本文内でセンタリングしたい時　*/
#centering {
	margin: 0 auto;
	text-align: center;
}

.service-close {
    padding: 20px;
    background: #ffe6ef;
}
.service-close span.time {
    padding-right: 20px;
}

@charset "UTF-8";
/*****************************************************
	add.css
******************************************************/

/* 一般 */
#Contents {
	min-height: 200px;
}
.no-border,
.no-border th,
.no-border td {
	border: 0;
}
.table-border th,
.table-border td {
	padding: 5px 7px !important;
	border: 1px solid #ccc !important;
	font-size: 13px !important;
}
.table-border th {
	background: #eee !important;
}
.th-text-center th {
	text-align: center;
}
.d-block {
	display: block;
}
span.white-space-nowrap,
.white-space-nowrap th:first-child,
.white-space-nowrap td:first-child {
	white-space: nowrap;
}
.content ul li {
	display: none;
	padding: 18px 0 20px 0;
	border-bottom: 1px solid #cfcfcf;
}
.content ul li:first-child {
	border-top: 1px solid #cfcfcf;
}
#Main .section.no-border {
	margin-bottom: 20px;
	padding-bottom: 0;
	border: none;
}
.news li {
	color: #575757;
}
.news td {
	font-size: 14px;
}

/* Index, News, Recruit */
.tab {
	overflow: hidden;
	margin-bottom: 30px;
}
.tab li {
	float: left;
	width: 13%;
	margin-left: 1.5%;
	border: 1px solid #004386;
	border-radius: 0;
	box-sizing: border-box;
	background: #fff;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
}
.tab li:first-child {
	margin-left: 0;
}
.tab li.select {
	background: #004386;
	color: #fff;
}
.tab li a {
	display: block;
	width: 100%;
	color: #575757;
}
.tab li:hover,
.tab li a:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
	text-decoration: none;
}
.tag-area {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0;
	margin-right: 20px;
}
.tag-area a:hover {
	text-decoration: none;
}
.text-area {
	margin: 0 0 0 80px;
}
.text-area div {
	margin-top: 3px;
	font-size: 12px;
}

/* Index */
#TopMain {
	margin-top: 68px;
}
.twoCol02 #tabnavi {
	margin: 30px 0;
}
.twoCol02 #tabcontent {
	padding: 0;
	border: 0;
}
.twoCol02 .content ul li {
	display: block;
}
.twoCol02 li span a {
	overflow: hidden;
}
.twoCol02 li span a.ellipsis {
	position: relative;
}
.twoCol02 li span a.ellipsis:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.3em;
	background: #fff;
	text-align: center;
	content: "...";
}
.twoCol02 #tabnavi li a:hover,
.twoCol02 #tabnavi li a.active {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
}
.twoCol02 ul.svcList {
	display: -webkit-flex;
	display: flex;
	overflow: hidden;
	margin: 30px 0;
}
.twoCol02 ul.svcList li {
	position: relative;
	float: left;
	width: 23.5%;
	margin-right: 2%;
	padding: 0 0 10px;
	border: 1px solid #004386;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
}
.twoCol02 ul.svcList li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);	/* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity: 0.5;		 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;		  /* Safari 1.x */
}
.twoCol02 ul.svcList li:last-child {
	margin-right: 0;
}
.twoCol02 ul.svcList li a {
	display: block;
}
.twoCol02 ul.svcList li a:hover {
	text-decoration: none;
}
.twoCol02 ul.svcList li .svcLogo {
	display: block;
}
.twoCol02 ul.svcList li .svcLogo img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.twoCol02 ul.svcList li .svcDescription {
	display: block;
	width: 96%;
	height: auto;
	padding: 0 2% 2px;
	color: #575757;
}
.twoCol02 ul.svcList li .svcName {
	display: block;
	width: 96%;
	height: auto;
	padding: 0 2% 0;
	font-weight: bold;
	color: #575757;
}
.tooltip-body {
	display: none;
	position: absolute;
	bottom: 100%;
	z-index: 10;
	width: 269px;
	margin: 0 0 -50px -30px;
	padding: 5px;
	background: rgba(0, 0, 0, 0.7);
}
.tooltip-body:after, .tooltip-body:before {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: " ";
	pointer-events: none;
}
.tooltip-body:after {
	margin-left: -10px;
	border-width: 10px;
	border-color: transparent;
}
.tooltip-body:before {
	margin-left: -11px;
	border-width: 11px;
	border-color: transparent;
	border-top-color: rgba(0, 0, 0, 0.7);
}
.arrow-bottom .tooltip-body {
	top: 100%;
	bottom: auto;
	margin: -80px 0 0 -30px;
}
.arrow-bottom .tooltip-body:after, .arrow-bottom .tooltip-body:before {
	top: auto;
	bottom: 100%
}
.arrow-bottom .tooltip-body:before {
	border-color: transparent;
	border-bottom-color: rgba(0, 0, 0, 0.7);
}
.tooltip-body img {
	max-width: 100%;
}
.tooltip-body h4,
.tooltip-body p {
	color: #fff;
	text-align: center;
}
.tooltip-body h4 {
	margin: 5px 0;
	font-weight: bold;
}
.tooltip-body p {
	padding: 0;
}
.tooltip-body:nth-of-type(2) {
	left: 25.5%;
}
.tooltip-body:nth-of-type(3) {
	left: 51%;
}
.tooltip-body:nth-of-type(4) {
	left: 76.5%;
}
.index-link {
	margin: 20px auto;
	text-align: center;
}
.index-link a {
	display: inline-block;
	width: 209px;
	height: 43px;
	margin: auto;
	border: 1px solid #004386;
	background: #ecf5ff;
	color: #004386;
	font-size: 1.3em;
	line-height: 43px;
	text-align: center;
}
.index-link a:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
	text-decoration: none;
}

/* News */
.hide {
	display: none;
}
.content ul li.show {
	display: block;
}

/* News もっとみる */
.content button {
	margin: auto;
	margin-top: 30px;
	padding: 10px 30px;
	border: 1px solid #004386;
	background: #fff;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
	transition: all 0.5s;
}
.content button:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
}
.content button:focus {
	outline: 0;
}

/* 使い放題サービス一覧 */
.innerNav.ul-unlimited li {
	display: block;
}
.nav03.hoverMenu {
	position: relative;
}
.nav03.hoverMenu:after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border: 6px solid transparent;
	border-top-color: #abdc5e;
	content: ' ';
}

/* Product */
.product-top #Main .section,
.product-outline #Main .section,
.product-function #Main .section,
.product-list #Main .section,
.product-device #Main .section,
.product-price #Main .section,
.product-demo #Main .section,
.career #Main .section,
.parttimer #Main .section,
.study #Main .section,
.welfare #Main .section {
	margin-top: 50px;
	padding-bottom: 0;
	border-bottom: none;
}

.product-outline #Main .section:first-of-type,
.product-function #Main .section:first-child,
.product-list #Main .section:first-child,
.product-device #Main .section:first-child,
.product-case #Main .section:first-child,
.product-price #Main .section:first-child,
.product-demo #Main .section:first-child,
.career #Main .section:first-child,
.parttimer #Main .section:first-child,
.study #Main .section:first-child,
.welfare #Main .section:first-child {
	margin: 0;
}

.product-top  #Main p + .section,
.product-function  #Main p + .section,
.product-list #Main p + .section,
.product-device  #Main p + .section,
.product-price  #Main p + .section,
.product-demo  #Main p + .section {
	margin-top: 30px;
}

.products .row {
	overflow: hidden;
	margin: 0 -15px;
}
.products .row.padding-5 {
	margin: 0 -5px;
}
.products .flex {
	display: -webkit-box;
	-webkit-display: flex;
	display: flex;
	margin: 0 -15px;
}
.products .row > div,
.products .flex > div {
	padding: 0 15px;
	box-sizing: border-box;
}
.products .row > div {
	float: left;
}
.products .row.padding-5 > div {
	padding: 0 5px;
}
.products .col-xs-3 {
	width: 25%;
}
.products .col-xs-4 {
	width: 33.33333%;
}
.products .col-xs-5 {
	width: 41.66666%;
}
.products .col-xs-6 {
	width: 50%;
}
.products .col-xs-7 {
	width: 58.33333%;
}
.products .col-xs-8 {
	width: 66.66666%;
}
.products .col-xs-12 {
	width: 100%;
}
.note {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
}
.no-note {
	position: relative;
	margin: 0;
	padding-left: 2.5em;
	text-indent: 0;
}
.no-note span {
	display: inline-block;
	position: absolute;
	left: 0;
	width: 2.5em;
}
small.note {
	font-size: 12px;
}

/* Top */
.product-top .comp-news li {
	padding: 5px 10px 7px;
}
.product-top .comp-news li:first-child {
	padding-top: 7px;
}
.product-top .comp-news {
	overflow: scroll;
	overflow-x: hidden;
	height: 102px;
	padding: 7px;
	border: 1px solid #CCCCCC;
}
.product-top .comp-news li a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 520px;
	font-size: 12px;
	vertical-align: top;
	white-space: nowrap;
}
.product-top .comp-news .time {
	width: 7em;
	margin-left: 0;
	color: #666666;
	font-size: 12px;
	vertical-align: top;
}
.product-top a.title {
	display: block;
	width: 230px;
	height: 60px;
	margin-top: 30px;
	background: #004386;
	color: #fff;
	line-height: 60px;
}
.product-top a.title:hover {
	border-color: #abdc5e;
	background: #abdc5e;
	color: #5c841d;
	text-decoration: none;
}
.product-top .listStyle07 li p.title {
	padding-bottom: 10px;
	color: #000;
	font-size: 20px;
}
.product-top .tableUnlimited td {
	padding: 10px;
}
.product-top .tableUnlimited td p {
	margin-top: 3px;
	padding-bottom: 0;
}

/* Top Slide Menu */
.slidemenu {
	display: none;
}

/* Biz 旧機能一覧 */
.emphasize {
	font-weight: bold;
}
.product-function .detail .subtitle,
.product-function .detail_o .subtitle {
	display: inline-block;
	padding: 0 10px;
	font-size: 20px;
	line-height: 40px;
}
.product-function .ul {
	list-style-type: circle;
	padding-left: 40px;
	line-height: 1.2em;
}
.product-function .ul li {
	padding: 4px 0px 4px 0px;
	line-height: 17px;
}
.product-function .wia_icons {
	padding: 4px 0px 4px 4px;
}

/* 安心パック */
.product-top.anshin-pack .listStyle07 img {
	margin-right: 10px;
}
.anshin-pack .h1-style {
	margin: 0;
	padding: 0 0 20px;
	color: #000;
	font-size: 24px;
}
.anshin-pack h2 {
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	color: #e63e0c;
	font-size: 24px;
}
.anshin-pack h3 {
	color: #e63e0c;
}
.anshin-pack h4 {
	margin-bottom: 10px;
	padding: 0;
	color: #000;
	font-size: 20px;
}
.anshin-pack img {
	max-width: 100%;
}

/* List */
.product-list .innerNav li {
	display: block;
	float: left;
}
.product-list .tableType01 {
	margin: 30px 0 0;
}
.product-list td {
	padding: 10px;
	text-align: center;
}
.product-list td:nth-child(even) {
	text-align: left;
	vertical-align: top;
}
.product-list td a,
.product-list td > strong {
	display: inline-block;
	margin-bottom: 3px;
}
.product-list td p {
	padding: 0;
}

.product-list #webapp {
}
.product-list #webapp #appList ul.appMenu {
	overflow: hidden;
	margin-bottom: 30px;
}
.product-list #webapp #appList ul.appMenu li {
	float: left;
	width: 132px;
	margin-right: 2px;
	background: #bbb;
	text-align: center;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.product-list #webapp #appList ul.appMenu li a {
	display: block;
	padding: 10px 0 !important;
	color: #333;
	font-size: 16px;
	text-decoration: none;
}
.product-list #webapp #appList ul.appMenu li:hover,
.product-list #webapp #appList ul.appMenu li.ui-state-active {
	background: #408af4;
}
.product-list #webapp #appList ul.appMenu li a:hover,
.product-list #webapp #appList ul.appMenu li.ui-state-active a {
	color: #FFF;
}
.product-list #webapp #appList p.appName {
	font-size: 20px;
}
.product-list #webapp #appList dl.appSales {
	margin: 0 15px 50px;
	font-size: 18px;
}
.product-list #webapp #appList dl.appSales dt {
	margin-bottom: 5px;
}
.product-list #webapp #appList dl.appSales dd {
	margin-bottom: 15px;
	padding-left: 1em;
	font-size: 15px;
}
.product-list #webapp #appList ul.appDetail a.group:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.product-list #webapp #appList ul.appDetail li {
	display: table;
	overflow: hidden;
	margin-bottom: 50px;
	table-layout: fixed;
}
.product-list #webapp #appList ul.appDetail li div.text {
	display: table-cell;
	width: 350px;
	padding-right: 30px;
	vertical-align: middle;
}
.product-list #webapp #appList ul.appDetail li div.text .ptitle {
	margin-bottom: 20px;
	font-size: 20px;
}
.product-list #webapp #appList ul.appDetail li div.text p {
	margin-left: 20px;
	padding-bottom: 0;
	line-height: 2.0;
}
.product-list #webapp #appList ul.appDetail li div.image {
	display: table-cell;
	width: 290px;
}
.product-list #webapp #appList ul.appDetail li div.image img {
	width: 290px;
}
.product-list #webapp #appList ul.appDetail li div.image p {
	margin: 5px 0 0;
	padding: 0;
	color: #7e7e7e;
	font-size: 10px;
	text-align: right;
}

/* Function */
.product-function #Main .table,
.product-function #Main .table th,
.product-function #Main .table td {
	border: 0;
}
.product-function #Main h3 {
	padding-bottom: 5px;
}
.product-function #Main .detail,
.product-function #Main .detail_o {
	margin-top: 30px;
}

/* Table Press */
#Main .tablepress thead th,
#Main .tablepress tbody td {
	padding: 5px 7px;
	border: 1px solid #7f7f7f;
	color: #575757;
	font-size: 12px;
	vertical-align: middle;
}
#Main .tablepress thead th {
	font-weight: normal;
	background: #eee;
}
.product-function #Main .tablepress:not(.remote-function-ca) tbody td:nth-of-type(1) {
	width: 23%;
}
.product-function #Main .tablepress.remote-function tbody td:nth-of-type(2) {
	width: 62%;
}
.product-function #Main .tablepress.remote-function thead th:nth-of-type(n+3),
.product-function #Main .tablepress.remote-function tbody td:nth-of-type(n+3) {
	text-align: center;
}
.product-function #Main .tablepress.remote-function tbody td:nth-of-type(n+3) {
	width: 5%;
	color: #808080;
}
.product-device #Main .tablepress td .center { display: block; text-align: center; }
.product-device #Main .tablepress.cableless thead th:nth-of-type(1) { width: 30%; }
.product-device #Main .tablepress.cableless thead th:nth-of-type(2) { width: 20%; }
.product-device #Main .tablepress.cableless thead th:nth-of-type(3) { width: 15%; }
.product-device #Main .tablepress.cableless thead th:nth-of-type(4) { width: 22%; }
.product-device #Main .tablepress.cableless thead th:nth-of-type(5) { width: 13%; }
.product-device #Main .tablepress.cableless tbody td:nth-of-type(5) { text-align: center; }
.product-device #Main .tablepress.cableless-other thead th:nth-of-type(1) { width: 18%; }
.product-device #Main .tablepress.cableless-other thead th:nth-of-type(2) { width: 22%; }
.product-device #Main .tablepress.cableless-other thead th:nth-of-type(3) { width: 15%; }
.product-device #Main .tablepress.cableless-other thead th:nth-of-type(4) { width: 15%; }
.product-device #Main .tablepress.cableless-other thead th:nth-of-type(5) { width: 17%; }
.product-device #Main .tablepress.cableless-other thead th:nth-of-type(6) { width: 13%; }
.product-device #Main .tablepress.cableless-other tbody td:nth-of-type(6) { text-align: center; }
.product-device #Main .tablepress.usb thead th { width: 25%; }
.product-device #Main .tablepress.iOS thead th:nth-of-type(1) { width: 15%; }
.product-device #Main .tablepress.iOS thead th:nth-of-type(2) { width: 50%; }
.product-device #Main .tablepress.iOS thead th:nth-of-type(3) { width: 35%; }
.product-device #Main .tablepress.tablet thead th:nth-of-type(1) { width: 15%; }
.product-device #Main .tablepress.tablet thead th:nth-of-type(2) { width: 50%; }
.product-device #Main .tablepress.tablet thead th:nth-of-type(3) { width: 15%; }
.product-device #Main .tablepress.tablet thead th:nth-of-type(4) { width: 20%; }

/* Service */
.product-service.anshin-pack .row .row {
	margin: 0;
}
.product-service.anshin-pack .service-menu div:nth-child(n+4) {
	margin-top: 20px;
}
.product-service.anshin-pack .service-menu div a {
	display: block;
	background: #f9dbc7;
	color: #e63e0c;
	line-height: 40px;
	text-align: center;
	transition: all 0.5s;
}
.product-service.anshin-pack .service-menu div a:hover {
	opacity: 0.75;
	text-decoration: none;
}
.product-service.anshin-pack .service-menu div a br {
	display: none;
}
.product-service.anshin-pack .anshin-support {
	-webkit-box-align: center;
	align-items: center;
}
.product-service.anshin-pack .anshin-support div:nth-child(n+3) {
	margin-top: 20px;
}
.product-service.anshin-pack .anshin-support p {
	padding: 0;
}
.product-service.anshin-pack .anshin-hosho > div {
	padding: 0 10px;
}
.product-service.anshin-pack .anshin-hosho .row > h3,
.product-service.anshin-pack .anshin-hosho .row > div {
	padding: 0 5px;
}
.product-service.anshin-pack .anshin-hosho > div:nth-child(n+3) {
	margin-top: 20px;
}
.product-service.anshin-pack .tool li {
	margin: 10px 0;
	line-height: 36px;
}
.product-service.anshin-pack .tool li img {
	width: 36px;
	margin-right: 5px;
}
.product-service.anshin-pack .row > .tool {
	float: left;
}
.product-service.anshin-pack .note {
	display: block;
	margin-left: 1em;
	color: #7f7f7f;
	font-size: 12px;
	text-indent: -1em;
}
.product-service.anshin-pack .th-style {
	background: #f9f9f9;
}

/* Optimal Guard Function */
.guard-function {
	list-style: none;
	counter-reset: my-badass-counter 0;
}
.guard-function li {
	position: relative;
	margin-top: 30px;
	padding-top: 30px;
	padding-left: 30px;
	border-top: 1px solid #CECECE;
}
.guard-function li:before {
	position: absolute;
	top: 30px;
	left: 0;
	width: 20px;
	font-size: 16px;
	text-align: center;
	content: counter(my-badass-counter, decimal);
	counter-increment: my-badass-counter;
}
.guard-function li .title {
	padding-bottom: 10px;
	font-size: 16px;
}

/* 安心パック */
.anshin-function dt {
	float: left;
	width: 20%;
}
.anshin-function dt img {
	margin-bottom: 15px;
}
.anshin-function dd {
	float: left;
	width: 30%;
	padding-right: 2%;
	box-sizing: border-box;
}
.anshin-function li {
	float: left;
	width: 25%;
	text-align: center;
}
.anshin-function li h3 {
	padding: 10px 0 0 !important;
	font-size: 1.1em;
}
.anshin-function li p {
	padding: 10px 0 15px;
}

/* Device */
.product-device h2.ttl07 {
	padding-top: 35px;
}
.product-device #no12 + h2,
.product-device #no06 + h2 {
	padding-top: 30px;
}
.product-device #tab03 h2:first-child,
.product-device #tab04 h2:first-child {
	padding-top: 15px;
}

/* Case */
.product-case #Main .section {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #CECECE;
}
.product-case #Main .section .twoCol05 {
	border: 0;
}
.product-case #Main .section .listStyle04,
.product-case #Main .section .twoCol05 p {
	padding: 0 !important;
}
.product-case .twoCol06 img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.product-case p.leadTxt {
	padding-bottom: 20px;
}

/* Optimal Green Download */
.download {
	padding: 10px;
	padding-left: 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #3D55AB url(common/images/ico-dl.gif) 6px center no-repeat;
	color: #FFFFFF;
	text-decoration: none !important;
}
.download:hover {
	background: #5F76C7 url(common/images/ico-dlon.gif) 6px 8px no-repeat;
	color: #FFFFFF;
	text-decoration: underline;
}
.alpha-number-list {
	counter-reset: number 0;
}
.alpha-number-list li {
	position: relative;
	padding-left: 30px;
}
.alpha-number-list li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "(" counter(number, lower-alpha) ")";
	counter-increment: number 1;
}
.photo {
	position: relative;
	top: 0;
	left: 0;
	width: 100px;
}

/* Demo */
.demo-movie {
	text-align: center;
}
.product-demo .listStyle05 li:before {
	display: inline-block;
	width: 35px;
}
.product-demo .listStyle05 li.no01:before {
	content: "1.";
}
.product-demo .listStyle05 li.no02:before {
	content: "2.";
}
.product-demo .listStyle05 li.no03:before {
	content: "3.";
}
.product-demo .listStyle05 li.no04:before {
	content: "4.";
}
.product-demo .listStyle05 li.no05:before {
	content: "5.";
}
.product-demo .listStyle05 li.no06:before {
	content: "6.";
}
.product-demo .listStyle05 li.no07:before {
	content: "7.";
}
.product-demo .listStyle05 li.no08:before {
	content: "8.";
}
.product-demo .listStyle05 li.no09:before {
	content: "9.";
}
.product-demo .listStyle05 li.no10:before {
	content: "10.";
}
.product-demo .listStyle05 li.no11:before {
	content: "11.";
}
.product-demo .listStyle05 li.no12:before {
	content: "12.";
}
.product-demo .listStyle05 .ss-title {
	position: absolute;
	top: 30px;
	left: 35px;
	color: #000;
}
.product-demo .listStyle05 li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}
.product-demo .listStyle05 li:first-child .ss-title {
	top: 0;
}
.product-demo .listStyle05 .ss-text {
	margin-left: 35px;
	padding-bottom: 0;
}
.product-demo .listStyle05 .img {
	margin: 20px auto;
}

/* Info */
.product-info h3 {
	font-size: 18px;
    padding-bottom: .3em;
}
.product-info #Main li {
	padding: 5px 7px;
}
.product-info #Main li span {
	display: inline-block;
    width: 8em;
}

/* 特設サイト */
.specially-site h1,
.specially-site h2,
.specially-site h3,
.specially-site h4 {
	text-align: center;
}
.specially-site h2 {
	margin: 0 0 .8em;
	padding: 0;
}
.specially-site h3 {
	margin: 0 0 .8em;
	padding: 0;
	font-size: 1.2em;
}
.specially-site h4 {
	margin-bottom: .8em;
	font-size: 1.1em;
}
.specially-site h5 {
	margin-bottom: 1em;
	font-weight: bold;
}
.specially-site p {
	margin-bottom: 1em;
	padding: 0;
}
.specially-site img {
	display: block;
	max-width: 100%;
	margin: 10px auto;
}
.specially-site section {
	margin: 0 0 50px;
}
.specially-site ol:not(.flex-control-nav) {
	list-style: decimal;
	margin-bottom: 1em;
	padding-left: 40px;
}
.specially-site .bg-gray {
	width: 100%;
	margin-top: 50px;
	margin-left: -1000px;
	padding: 25px 1000px;
	background: #efefef;
}
.specially-site .row {
	overflow: hidden;
	margin: 0 -15px;
}
.specially-site .row > div {
	float: left;
}
.specially-site .flex {
	display: -webkit-box;
	display: flex;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	align-items: center;
}
.specially-site .slides > li.first-area .flex {
	-webkit-box-direction: normal;
	flex-direction: row;
}
.specially-site .row > div,
.specially-site .flex > div {
	padding: 0 15px;
	box-sizing: border-box;
}
.specially-site .col-4 {
	width: 33.33333%;
}
.specially-site .col-6 {
	width: 50%;
}
.specially-site .col-8 {
	width: 66.66666%;
}
.specially-site .col-12 {
	width: 100%;
}
.specially-site .col-6 img,
.specially-site .col-12 img {
	margin: 0 auto;
}
.specially-site .flexslider .slides img {
	width: auto !important;
	max-width: 100%;
}
.secure-sync .wrap {
	overflow: hidden;
}
.secure-sync .wrap {
	overflow: hidden;
}
.secure-sync .specially-site h1 {
	color: #004282;
	font-size: 24px;
}
.secure-sync .specially-site h2 {
	color: #000;
	font-size: 24px;
	text-align: left;
}
.secure-sync .specially-site h3 {
	color: #7f7f7f;
	font-size: 28px;
	text-align: left;
}
.secure-sync .specially-site h4 {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	text-align: left;
}
.secure-sync .specially-site p {
	color: #000;
}
.secure-sync .specially-site th {
	background: #cfcfcf;
	font-weight: bold;
}
.secure-sync .specially-site td {
	background: #fff;
}
.secure-sync .specially-site .conversion td {
	padding: 3px;
	vertical-align: top;
}
.secure-sync .specially-site .note {
	display: block;
	margin-left: 1em;
	color: #575757;
	font-size: 12px;
	text-indent: -1em;
}
.secure-sync .specially-site .secure-sync-function > div {
	width: 14.28%;
}
.secure-sync .specially-site .secure-sync-function p {
	color: #004282;
	font-size: 18px;
	text-align: center;
}
.secure-sync .specially-site .mobile-secure-sync-function img {
	width: 600px;
}
.secure-sync .specially-site .secure-sync-function-detail {
	font-size: 20px;
}
.secure-sync .specially-site .col-left {
	width: 47%
}
.secure-sync .specially-site .col-right {
	width: 53%
}
@media screen and (max-width: 979px) {
	.secure-sync .specially-site .bg-gray.mb0 {
		margin-bottom: 10px !important;
	}
}
@media screen and (min-width: 960px) {
	.secure-sync .specially-site .mobile-secure-sync-function {
		display: none;
	}
}
@media screen and (max-width: 959px) {
	.secure-sync .specially-site .secure-sync-function {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.secure-sync .specially-site .col-left,
	.secure-sync .specially-site .col-right {
		width: 100%;
	}
	.secure-sync .specially-site .col-right.mt30 {
		margin-top: 0 !important;
	}
}
@media screen and (max-width: 500px) {
	.secure-sync .specially-site h1 {
		font-size: 15px;
	}
}

/* コアテクノロジー */
.tech-waku {
	overflow: hidden;
	padding-top: 60px;
}
.tech-box {
	font-weight: bold;
}
.tech-box h1 {
	padding-bottom: 20px;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	margin-top: 20px;
}
.tech-box h2 {
	color: #7f7f7f;
	font-size: 30px;
	margin-bottom: .5em;
	padding-bottom: 0;
	font-weight: normal;
}
.technologies #Header p {
	margin-bottom : 0;
}
.technologies h3 {
	margin-bottom: .5em;
	padding-bottom: 0;
}
.technologies h4 {
	margin-bottom: 1em;
	font-size: 1.2em;
}
.technologies h5 {
	margin-top: 30px;
	font-weight: bold;
}
.technologies h4 + h5 {
	margin-top: 1.5em;
}
.technologies p {
	padding: 0;
	margin-bottom : 1em;
}
.technologies .row {
	margin: 0 -15px;
}
.technologies .col-md-6 {
	float: left;
	width: 50%;
	padding: 0 15px;
	box-sizing: border-box;
}
.technologies .gray,
.technologies #secureShield,
.technologies #smartUI,
.technologies #guard,
.technologies #OverlayTechnology
 {
	width: 100%;
	margin-left: -1000px;
	padding: 40px 1000px;
}
.technologies .gray {
	padding-bottom : 0;
}
.technologies #secureShield,
.technologies #guard {
	background: #f8f8f8;
}
.technologies .gray,
.technologies #smartUI {
	background: #eee;
}
.technologies .technologies-anchor {
	margin-top: 10px;
}
.technologies .technologies-anchor li {
	float: left;
	margin: 0 30px 0 0;
}
.technologies .patent-list li {
	float: left;
	width: 200px;
}
.technologies img {
	display: block;
	width: 600px;
	max-width: 100%;
	margin: 15px auto;
}
.technologies .notes {
	width: 600px;
	max-width: 100%;
	margin: 10px auto 0;
	text-align: left;
}
.technologies .note {
	margin-left: 1em;
	text-indent: -1em;
}
.technologies .notes p {
	margin-bottom: 0;
	font-size: .9em;
}
.technologies .fw-b {
	font-weight: bold;
}
.technologies .mini {
	font-size: .9em;
}
.technologies .lastbox {
	padding: 0 0 2em 0;
	margin-top: -1em;
}
.patent-n {
	display: block;
	font-size: .8rem;
	text-align: center;
}
.listStyle22 li > p {
	line-height: 1.6;
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: column;
}
/* コアテクサブメニュー */
.flexlist {
 	-js-display: flex;
 	display: -webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	width: 50%;
	margin: 0 auto;
}
#SubNav .flexlist li,
.SubMenu .flexlist li {
    font-size: 14px;
}
#SubNav .flexlist a,
.SubMenu .flexlist a {
	padding: 0;
}
.core-slidemenu.box-bg-g {
	padding: 12px 0;
}

/* グローバルメニュー */
.corporate .mainnav li.a-corp a,
.technologies .mainnav li.a-tech a,
.top-page .mainnav li.a-index a,
.products .mainnav li.a-product a,
.solution .mainnav li.a-solution a,
.products-detail .mainnav li.a-product a,
.irnews .mainnav li.a-ir a,
.news .mainnav li.a-news a,
.recruit .mainnav li.a-recruit a,
.recruitnews .mainnav li.a-recruit a,
.support .mainnav li.a-support a,
.ppartner .mainnav li.a-partner a {
	background: #408af4;
}
.irnews .mainnav li.a-news a {
	background: none;
}

/* プレスリリース */
body.news #Main .section .news-detail h4 {
	margin: 2em 0 1em;
	padding: 0;
	text-align: center;
}
body.news #Main .section .news-detail h5 {
	margin: 1em 0 2em;
	font-weight: bold;
	text-align: center;
}
body.news #Main .section .news-detail h4 + p,
body.news #Main .section .news-detail h5 + p {
	margin: 2em 0 1em;
}
body.news #Main .section .news-detail h6 {
	margin: 2em 0 0;
	font-weight: bold;
}
body .news-detail .press-img {
	margin: 2em 0;
	text-align: center;
}
body .news-detail h6 + .press-img {
	margin-top: .5em;
}
body.news-detail img,
body .news-detail img {
	max-width: 100%;
}
body .news-detail table,
body .news-detail th,
body .news-detail td {
	border: 0;
}
body .news-detail td {
	padding: 0 3px;
	vertical-align: top;
}
#Main .section .news-detail p {
	margin-bottom: 1em;
	padding: 0;
}
#Main .section .news-detail p.title {
	margin: 0;
  margin-bottom: 0 !important;
}
#Main .section .news-detail p.note {
	margin-bottom: 0 !important;
	margin-left: 1em;
	text-indent: -1em;
}
body .news-detail ol {
	list-style-type: decimal;
	padding-left: 40px;
}
body .news-detail ul {
	list-style-type: disc;
	padding-left: 40px;
}
body .news-detail .dash {
	list-style-type: none;
}
body .news-detail .dash li {
	text-indent: -1em;
}
body .news-detail .dash li:before {
	content: '\2014';
	padding-right: 3px;
}
body .news-detail ul.star,
body .news-detail ol.star {
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
}
body .news-detail ul.star li,
body .news-detail ol.star li {
	text-indent: -1em;
}
body .news-detail ul.star li:before,
body .news-detail ol.star li:before {
	content: '＊';
}
body .news-detail .d-flex {
	display: flex;
}
@media (max-width: 500px) {
body .news-detail .d-flex {
	display: block;
}
}
body .news-detail sup,
body .news-detail sub {
	position: relative;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
}
body .news-detail sup {
	bottom: 1ex;
}
body .news-detail sub {
	top: .5ex;
}
body .news-detail ol ol,
body .news-detail ol ul,
body .news-detail ul ul,
body .news-detail ul ol {
	padding-left: 20px;
	list-style: none;
}
body .news-detail .list-bold li {
	font-weight: bold;
}
body .news-detail .list-bold li p {
	font-weight: normal;
}
body .news-detail .campaign {
	border: 1px solid #555;
	padding: .5rem;
}
body .news-detail .font-size-small {
	font-size: .9em;
}
body .news-detail .news-notes th,
body .news-detail .news-notes td {
	font-size: 12px;
}
body .news-detail .news-notes th:first-child,
body .news-detail .news-notes td:first-child {
	white-space: nowrap;
}
body .news-detail blockquote {
	font-style: italic;
	font-family: 'Times New Roman','ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'ＭＳ Ｐゴシック', serif;
	margin-bottom: 1em;
}
body .news-detail .text-center {
	text-align: center;
}
body .news-detail .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
body .news-detail .row > div {
	box-sizing: border-box;
}
body .news-detail .col-md-4,
body .news-detail .col-md-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px) {
    body .news-detail .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    body .news-detail .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}
tr.accordion-title td {
    text-align: center;
    background: #e2e2e2;
}
body .news-detail ul.li-style {
	list-style-type: none;
	padding:0;
}
.news-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.news-flex table, .news-flex .li-style {
  margin-left:12px;
}
@media screen and (max-width: 500px) {
.news-flex {
  display: block;
}
}

/* ディレクター紹介 */
.directors {
	margin: 0 -15px;
}
.directors li {
	float: left;
	width: 33.33333%;
	height: auto;
	margin: 0;
	padding: 0 15px;
	box-sizing: border-box;
}
.directors li:nth-child(3n+1) {
	clear: both;
}
.directors li .name {
	margin-top: 5px;
	font-weight: bold;
	font-size: 16px;
	text-indent: 0;
}
.directors li .directors-name {
	font-weight: bold;
	font-size: 12px;
	text-indent: 0;
}
/* add 2016.12 */
.directors li p .directors-name {
	padding-top: 5px;
}
.directors li p span + .directors-name {
	padding-top: 0;
}
.directors li p > .directors-name + .name {
	margin-top: 0;
}

/* 会社情報 */
#Side ul.sideNav li.corporate {
	display: none;
	border-bottom: 0;
}
.corporate #Contents p span {
	display: block;
	text-indent: 1em;
}
.corporate .certification {
	margin: 0 -15px;
}
.corporate .certification > div {
	float: left;
	width: 50%;
	padding: 0 15px;
	box-sizing: border-box;
}
.corporate .certification > div:nth-child(odd) {
	clear: both;
}
.corporate .certification > div:nth-child(n + 3) {
	margin-top: 20px;
}
.corporate .certification > div img {
	display: block;
	max-width: 100%;
	margin: 0 auto 10px;
}

/* 事業内容 */
.desc-list li {
	margin-top: 30px;
}
.desc-list li:first-child {
	margin-top: 0;
}
.desc-title {
	display: block;
	padding-bottom: 10px;
	color: #7f7f7f;
	font-size: 30px;
}

/* 沿革 */
.tb-history th,
.tb-history td {
	vertical-align: top;
}
.tb-history th {
	white-space: nowrap;
}

/* アクセス */
.dl-02 dt {
	margin-bottom: 5px;
	font-weight: bold;
}

/* プレスキット */
#guideline h3 {
	margin: 1.5em 0 1em;
	padding: 0;
	font-size: 1.3em;
}
#guideline h4 {
	margin-bottom: .5em;
	font-weight: bold;
	font-size: 1.1em;
}
#guideline p {
	margin-bottom: 1em;
	padding: 0;
}
#guideline section {
	margin-top: 50px;
}
#guideline .note {
	display: inline-block;
	margin-left: 1em;
	text-indent: -1em;
}
#guideline .color-box .box {
	float: left;
	width: 85px;
	height: 85px;
	margin: 0;
}
#guideline .color-box p {
	margin: 0;
	margin-left: 100px;
}
#guideline .row {
	overflow: hidden;
	margin: 0 -15px;
}
#guideline .col-md-6 {
	float: left;
	width: 50%;
	margin-bottom: 30px;
	padding: 0 15px;
	box-sizing: border-box;
}
#guideline img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
#guideline li {
	position: relative;
	padding: 3px 0 3px 25px;
}
#guideline li:before {
	position: absolute;
	top: 0;
	left: 10px;
	width: 8px;
	height: 8px;
	margin-top: 10px;
	border-radius: 50%;
	background: #004385;
	content: '';
}
#guideline .isoration {
	display: -webkit-box;
	display: flex;
	-webkit-box-direction: reverse;
	flex-direction: row-reverse;
	-webkit-box-align: center;
	align-items: center;
}
#guideline .isoration .col-md-6 {
	float: none;
}

/* 書籍の紹介 */
.optim-books h3 {
	padding-bottom: 1em;
	color: #0066cc;
	font-weight: bold;
	font-size: 18px;
}
.optim-books dt {
	font-weight: bold;
	font-size: 18px;
}
.optim-books dd {
	margin: 5px 0 30px 80px;
}
.optim-books .clearfix img {
	float: left;
	width: 125px;
	border: 1px solid #bde7ff;
}
.optim-books .clearfix p {
	margin-left: 140px;
}
.amazon-link img {
	width: 100%;
}
.optim-books .optim-books-social {
	text-align: right;
}
.optim-books .optim-books-social a {
	display: inline-block;
	margin: 0 0 0 10px;
}
.optim-books .optim-books-social img {
	width: 30px;
	height: 30px;
	border: 0;
}

/* 投資家情報 */
.investors img {
	max-width: 100%;
}
.investors #Contents p span {
	display: block;
	text-indent: 1em;
}
.investors .mb-calendar {
	display: none;
}
.investors .mb-calendar img:not(:first-child){
	margin-top: 40px;
}
.investors a.pdf {
	padding-right: 20px;
	background: url('/wp-content/uploads/2014/10/pdficon_small.png') right 1px no-repeat;
	background-size: 14px;
}
.macPc .ir-news a.pdf {
	padding: 1px 20px 1px 0;
}
.investors-sub-title {
	position: relative;
	margin-top: 30px;
	padding-bottom: 15px;
	font-size: 16px;
}
.investors-menu {
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #004386;
	background: #eee;
}
.investors-menu ul {
	display: -webkit-box;
	-webkit-display: flex;
	display: flex;
	width: 940px;
	margin: 0 auto;
	-webkit-box-pack:justify;
	-webkitjustify-content: space-between;
	justify-content: space-between;
}
.investors-menu ul a {
	display: block;
	padding: 12px 15px;
	color: #575757;
	font-size: 14px;
}
.investors-menu ul a:hover {
	color: #408af4;
	text-decoration: none;
}
.investors-menu ~ .wrap #Contents {
	padding-top: 30px;
}
.investors-top {
	display: -webkit-box;
	-webkit-display: flex;
	display: flex;
	margin: 0 -10px;
}
.investors-top > div {
	width: 50%;
	padding: 0 10px;
	box-sizing: border-box;
}
.investors-top > div.movie {
	display: block;
	float: left;
}
.investors-top > div.movie .youtube-wrap {
}
.investors .youtube-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.investors .movie p {
	width: 100%;
	display: block;
	font-size: 1.4em;
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #cfcfcf;
  margin-bottom: 10px;
}
.investors .youtube-wrap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.investors-top > div.material {
	display: -webkit-box;
	-webkit-display: flex;
	display: flex;
	float: right;
}
div.material > div {
	position: relative;
	width: 100%;
	padding: 0;
	border: 1px solid #ccc;
	background: #f5f5f5;
}
.investors div.material-box h3,
.investors div.newest-library-body h3 {
	margin: 15px 15px 0;
	padding: 0 0 10px;
	font-size: 18px;
	text-align: center;
}
.investors div .material-download {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
}
.investors div.material a {
	display: block;
	max-width: 600px;
	margin: 0 auto 15px;
	padding: 0 20px 0 0;
	border: 1px solid #004386;
	background: url(/wp-content/uploads/2015/11/ic_pdf.png) no-repeat right 7px center #ecf5ff;
	background-size: 36px 36px;
	color: #575757;
	font-size: 16px;
	line-height: 43px;
	text-align: center;
}
.investors div.material a:hover {
	text-decoration: none;
}
.investors div.material a.zip {
	margin: 25px auto 0;
	background: url(/wp-content/uploads/2015/11/ic_dl.png) no-repeat right 7px center #004386;
	background-size: 36px 36px;
	color: #fff;
	transition: all 0.5s;
}
.investors div.material a.zip:hover {
	background: url(/wp-content/uploads/2015/11/ic_dl.png) no-repeat right 7px center #abdc5e;
	background-size: 36px 36px;
	color: #5c841d;
}
.investors div.material a.mov {
	background: url(/wp-content/uploads/2015/04/ic_mov.png) no-repeat right 7px center #ecf5ff;
	background-size: 36px 36px;
}
.investors-sub-menu {
	margin: 0 -10px;
}
.investors-sub-menu li {
	display: block;
	float: left;
	width: 33.33333%;
	padding: 0 10px;
	box-sizing: border-box;
}
.investors-sub-menu li a {
	display: block;
	position: relative;
}
.investors-sub-menu li a img {
	max-width: 100%;
}
.investors-sub-menu li a span {
	display: block;
	position: absolute;
	top: 50%;
	left: 15px;
	height: 26px;
	margin-top: -13px;
	color: #004386;
	font-size: 1.3em;
	line-height: 26px;
}
.investors h2 {
	position: relative;
}
.investors h2 a {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 30px;
}
.investors #tabnavi {
	margin: 10px 0 30px;
}
.investors #tabnavi .tab li {
	width: 17.6%;
	margin-left: 3%;
}
.investors #tabnavi .tab li:first-child {
	margin-left: 0;
}
.investors #tabcontent {
	padding: 0;
	border: 0;
}
.investors #tabcontent .text-area a {
	display: inline-block;
	overflow: hidden;
	height: 3em;
	color: #575757;
	font-size: 13px;
}
.investors #tabcontent .content ul li {
	display: block;
}
.ir-news dt {
	min-width: 7em;
}
.ir-news dd {
	width: 80%;
}
.investors .row {
	margin: 0 -10px;
}
.investors .row > div {
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
}
.investors .row > div.col-2 {
	width: 50%;
}
.investors .row > div.col-2:nth-child(2n+1) {
	clear: both;
}
.investors .row > div.col-3 {
	width: 33.33333%;
}
.investors .row > div > a {
	display: block;
	position: relative;
}
.investors .row > div > a span {
	position: absolute;
	top: 50%;
	left: 15px;
	height: 26px;
	margin-top: -13px;
	color: #004386;
	font-size: 1.3em;
	line-height: 26px;
}
.investors .row > div > a:hover {
	text-decoration: none;
}
.investors .newest-library {
	margin-top: 20px;
}
.investors .newest-library > div {
	margin-top: 10px;
	margin-bottom: 10px;
}
.investors .newest-library .newest-library-body {
	border: 1px solid #ccc;
}
.investors .newest-library h3 a {
	display: block;
	position: relative;
	padding-left: 15px;
	border: 0;
	background: none;
	color: #575757;
	line-height: 25px;
	text-align: left;
}
.investors .newest-library h3 a:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 25px;
	border-radius: 4px;
	background: #004386;
	content: '';
}
.investors .newest-library h3 a:after {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -10px;
	color: #004386;
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f054";
}
.investors .newest-library h3 a:hover {
	opacity: 0.7;
	text-decoration: none;
}
.investors .newest-library dl {
	margin: 0 15px 15px;
}
.investors .ir-calendar {
	margin-bottom: 0;
	padding: 0;
	border: 0;
}
.investors .ir-calendar h3,
.investors .ir-library h3 {
	padding-bottom: 10px;
	font-size: 16px;
	text-align: left;
}
.investors .ir-calendar h3 {
	margin-top: 30px;
}
.investors .ir-calendar table,
.investors .ir-library table {
	width: 100%;
	border-right: 0;
	border-left: 0;
	border-color: #ddd;
}
.investors .ir-calendar td,
.investors .ir-library td {
	padding: 15px 0;
	border-right: 0;
	border-left: 0;
	border-color: #ddd;
	font-size: 14px;
}
.investors .ir-calendar td:first-of-type,
.investors .ir-library td:first-of-type {
	width: 100px;
}
.investors .ir-library td span {
	display: inline-block;
	margin-left: 1em;
}
.investors .ir-library td span img {
	display: inline-block;
	position: relative;
	top: -2px;
	margin-right: 3px;
}
.investors .ir-movie .clearfix {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.investors .ir-movie .clearfix:first-of-type {
	border-top: 1px solid #ddd;
}
.investors .ir-movie .clearfix > div {
	float: left;
	margin-left: 1em;
}
.investors .ir-movie img {
	float: left;
	width: 120px;
}
.investors .ir-movie p {
	padding: 0;
}
.investors .ir-movie p span {
	display: inline-block;
	text-indent: 0;
}
.investors .ir-movie .clearfix > div p.title {
	margin-bottom: 10px;
}
.investors .ir-movie .clearfix > div p.title a,
.investors .ir-movie .clearfix > div p.title span {
	font-size: 18px;
}
.investors .ir-movie p span + a,
.investors .ir-movie p span + span {
	margin-left: 1em;
}
.investors .ir-movie p span.tag {
	width: 80px;
	color: #fff;
	font-size: 80%;
	line-height: 1.35rem;
	text-align: center;
}
.investors .ir-movie p span.session {
	background: #f7b801;
}
.investors .ir-movie p span.recital {
	background: #3d348b;
}
.investors .ir-movie p span.service {
	background: #f18701;
}
.investors .ir-movie p span.media {
	background: #7678ed;
}
.tab.ir-news-tab li {
	width: 17.6%;
	margin-left: 3%;
}
.tab.ir-news-tab li:first-of-type {
	margin-left: 0;
}
.library-menu {
	margin: 0 0 20px;
}
.library-menu li {
	float: left;
	width: 22%;
	margin-left: 4%;
	border: 1px solid #004386;
	box-sizing: border-box;
	background: #fff;
	line-height: 40px;
	text-align: center;
	transition: all 0.5s;
}
.library-menu li:first-child {
	margin-left: 0;
}
.library-menu li:hover {
	border-color: #abdc5e;
}
.library-menu li a {
	display: block;
	color: #575757;
}
.library-menu li a:hover {
	background: #abdc5e;
	color: #5c841d;
	text-decoration: none;
}

/* FAQ */
.listStyle10 dd {
	display: none;
}
.faqAccordion {
	display: inline-block;
	width: 100px;
	padding: 6px 0;
	border: 0;
	border-radius: 4px;
	background: #004386;
	color: #fff;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	text-align: center;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.faqAccordion:focus {
	outline: 0;
}

/* Search */
.previouspostslink {
	display: block;
	float: left;
}
.nextpostslink {
	display: block;
	float: right;
}

/* 採用セミナー開催情報 */
.recruit-seminar h3,
.recruit h3 {
	padding-bottom: 1em;
	font-size: 16px;
}
.recruit.event .news {
	margin: 10px 0 0;
}
.recruit-seminar p,
.recruit.event p {
	padding-bottom: 1em;
}
.recruit-seminar table,
.recruit.event table {
	width: 100%;
	margin-bottom: 1em;
}
.recruit.event section {
	margin: 30px 0 0;
	padding: 30px 0 0;
	border-top: 1px solid #ccc;
}
.recruit.event .seminar-schedule div {
	line-height: 1.8;
}
.recruit.event .seminar-schedule div:last-of-type {
	margin-bottom: 10px;
}
.recruit.event .seminar-schedule div span {
	display: inline-block;
	/* width: 60px; a.hoshi 2016.2.4 */
	white-space: nowrap;
	line-height: inherit !important;
}
.recruit.event .seminar-schedule div span.schedule-date { /* a.hoshi 2016.2.4 */
  width: 80px;
}
.recruit.event .seminar-schedule {
	margin-bottom: 10px;
}
.recruit.event .seminar-schedule table td {
	padding: 1px 5px 1px 0;
	vertical-align: top;
}
.recruit.event .seminar-schedule table td:first-child {
	white-space: nowrap;
}
.recruit.event .seminar-schedule table td:last-child {
	padding-left: 10px;
}
.recruit-news dt,
.recruit-news dd {
	display: inline-block;
	margin-top: 15px;
	vertical-align: top;
  font-weight: 400;
}
.recruit-news dt:first-of-type,
.recruit-news dd:first-of-type,
.recruit-news dd:first-of-type + dd {
	margin-top: 0;
}
.recruit-news dt {
	width: 15%;
}
.recruit-news dd {
	width: 68%;
}
.recruit-news dd.recruit-category {
	width: 12%;
	margin-right: 14px;
	color: #fff;
	font-size: 80%;
	line-height: 1.35rem;
	text-align: center;
}

/* Form */
.btn-submit {
	padding: 3px 5px;
	cursor: pointer;
}

/* お問い合わせ */
.dropselectbox h4,
.dropselectbox ul {
	width: 375px !important;
}
.wpcf7-form .note {
	color: #848484;
}
.wpcf7-mail-sent-ok {
	display: none!important;
}
.formComplete {
	display: none;
}

/* 商標 */
.ul-circle li {
	list-style: circle;
	margin-left: 2em;
}

/* セミナー */
.category-seminar .section {
	border-top: 1px solid #CECECE;
}
.category-seminar .section h3,
.seminar-detail .section h3 {
	position: relative;
	clear: both;
	padding: 30px;
	font-size: 14px;
}
.category-seminar .section h3 .notes01,
.seminar-detail .section h3 .notes01 {
	position: absolute;
	top: 50%;
	right: 15px;
	float: right;
	margin-top: -10px;
}
.category-seminar .section h3 a {
	float: left;
	margin-right: 100px;
}
.category-seminar .section h3 a:hover {
	text-decoration: underline;
}

/* Page Top */
#pageTop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
   z-index: 101;
}
.pageTop a,
#pageTop a {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	background: #a5a5a5;
	color: #fff;
	font-size: 11px;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all  0.3s;
}
.pageTop a:hover,
#pageTop a:hover {
	border-color: #abdc5e;
	background: #408af4;
	text-decoration: none;
}
.pageTop a:after,
#pageTop a:after {
	position: absolute;
	top: 3px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom: 10px solid #fff;
	content: ' ';
}
.pageTop a:hover:after,
#pageTop a:hover:after {
	border-bottom: 10px solid #FFFFFF;
}
.pageTop span,
#pageTop span {
	display: block;
	padding-top: 25px;
}

#FootWrap .social {
	display: none;
}

/* Optimal Biz 利用規約 */
.eula .style-h1 {
	padding-bottom: 20px;
	color: #000;
	font-size: 24px;
}
.eula h2 {
	margin-top: 30px !important;
}
.eula .style-h1 + h2 {
	margin-top: 0 !important;
}
.eula .eula-sub-title {
	margin-top: 1.3em;
}
.eula p {
	padding-bottom: 0;
}
.eula p + *,
.eula ol + * {
	margin-top: 1em;
}
.eula li p + *,
.eula li ol + * {
	margin-top: 5px;
}
.eula hr {
	display: block;
	margin: 30px 0;
	border: 0;
	border-top: 1px solid #333;
}
.eula ol {
	list-style: decimal;
	padding: 0 0 0 35px;
}
.eula li + li,
.eula li ol {
	padding-top: 5px;
}
.eula ol.style-lower-roman {
	list-style: lower-roman;
}
.eula ol.style-lower-latin {
	list-style: lower-latin;
}
.eula .style-circle-number,
.eula .style-parenthesis-number,
.eula .style-parenthesis-alpha {
	list-style: none;
	padding-left: 0;
	counter-reset: counter 0;
}
.eula .style-circle-number li,
.eula .style-parenthesis-number li,
.eula .style-parenthesis-alpha li {
	position: relative;
	padding: 0 0 5px 35px;
}
.eula .style-circle-number li:before,
.eula .style-parenthesis-number li:before,
.eula .style-parenthesis-alpha li:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 28px;
	text-align: right;
	content: "("counter(counter,decimal)")";
	counter-increment: counter;
}
.eula .style-circle-number li:nth-child(1):before {
	content: "①";
}
.eula .style-circle-number li:nth-child(2):before {
	content: "②";
}
.eula .style-circle-number li:nth-child(3):before {
	content: "③";
}
.eula .style-circle-number li:nth-child(4):before {
	content: "④";
}
.eula .style-circle-number li:nth-child(5):before {
	content: "⑤";
}
.eula .style-circle-number li:nth-child(6):before {
	content: "⑥";
}
.eula .style-circle-number li:nth-child(7):before {
	content: "⑦";
}
.eula .style-circle-number li:nth-child(8):before {
	content: "⑧";
}
.eula .style-circle-number li:nth-child(9):before {
	content: "⑨";
}
.eula .style-circle-number li:nth-child(10):before {
	content: "⑩";
}
.eula .style-parenthesis-number li:before {
	content: "("counter(counter,decimal)")";
}
.eula .style-parenthesis-alpha li:before {
	content: "("counter(counter,lower-alpha)")";
}
dl.space_dl {
    margin: 8px 0 8px 20px;
}

/* ORW2015 */
#events p {
	margin-bottom: 1em;
	padding: 0;
}
#events .note {
	margin-left: 1em;
	font-size: .9em;
	text-indent: -1em;
}
#events h3 {
	padding-bottom: 16px;
	font-size: 16px;
}
#events sup {
	position: relative;
	bottom: 1ex;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
}
#events .clearfix {
	margin: 0 -15px;
}
#events .clearfix > div {
	float: left;
	width: 50%;
	margin-bottom: 1em;
	padding: 0 15px;
	box-sizing: border-box;
}
#events .clearfix > p {
	clear: both;
	padding: 0 15px;
}
#events div.mt30 ul {
	list-style: disc;
	margin: 5px 0;
	padding-left: 30px;
}

.FreezePaneOff {
	display: none;
	visibility: hidden;
	position: absolute;
	top: -100px;
	left: -100px;
}
.FreezePaneOn {
	display: block;
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	height: 100%;
	padding-top: 20%;
	background: rgba(0, 0, 0, .8);
}
.InnerFreezePane {
	width: 66%;
	min-width: 300px;
	max-width: 660px;
	padding: 15px 10px;
	border-radius: 10px;
	background-color: #fff;
	color: #ff0000;
	font-size: 1.2em;
	text-align: center;
}

.wpcf7-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 5px 0 5px 6px;
	border: 1px solid #2c2c2c;
	border-radius: 0;
	background: #fff;
}
.wpcf7-form select::-ms-expand {
	display: none;
}
.wpcf7-form .formSelect {
	position: relative;
}
.wpcf7-form .formSelect:before {
	position: absolute;
	top: 0;
	right: 8px;
	bottom: 0;
	width: 0;
	height: 0;
	margin: auto;
	border-top: 4px solid #999;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: '';
}
.wpcf7-form .ieBrowser:after {
	top: auto;
}

iframe[name="google_conversion_frame"] {
	height: 0;
}




/* IE9対策 start */
.investors-menu ul:not(:target) {
        display: table\9; /* IE9 */
}
.investors-menu ul:not(:target) > li {
        display: table-cell\9;
        text-align: center\9;
}
/* IE9対策 end */


/* 2016.2.4 press add */
.voicelist > p {
    margin: 2px 0 !important;
    padding-left: 20px !important;
    text-indent: -14px;
}
/* 2016.2.18 info add */
dl.dllist01 {
  overflow: hidden;
  letter-spacing: -0.4em;
  margin: 10px;
  padding: 0;
}
dl.dllist01 > dt,
dl.dllist01 > dd {
  display: inline-block;
  width: 10%;
  letter-spacing: normal;
  text-align: left;
  vertical-align: top;
  box-sizing: border-box;
}
dl.dllist01 > dd {
  width: 90%;
}
#map_canvas {
  width:100%;
  height:500px;
  background: url(/wp-content/uploads/2016/02/loading.gif) center center no-repeat;
}
.dllist01.mapimg > dt img {
  max-width: 100px;
}
.dllist01.mapimg > dd {
  padding-left: 15px;
}
.partners th,
.partners td {
  word-break: break-all;
}

/* 2016.3.15 top-footer-bnr a.hohsi */
#Footer address {
	    font-family: "メイリオ", Meiryo, Arial;
}
ul.top-footer-bnr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  margin: 40px 0px -40px;
}
.ie9 ul.top-footer-bnr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.top-footer-bnr > li {
  width: 230px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ie9 .top-footer-bnr > li {
  display: table-cell;
  padding-left: 1%;
}
.ie9 .top-footer-bnr > li:first-child {
  padding-left: 0;
}
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.top-footer-bnr a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.top-footer-bnr img {
  max-width: 100%;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.top-footer-bnr a:hover img,
.top-footer-bnr a:focus img,
.top-footer-bnr a:active img {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* footer リニューアルCSS */
/* #tpl-footer
----------------------------------------------------------- */
footer {
  border-top: none !important;
}


/* nav */
.gnav {
    background: #004386;
    text-align: center;
}
.mainnav {
    width: 940px;
    margin: 0 auto;
    padding: 0;
    display: block;
    height: 40px;
    text-align: left;
    list-style: none;
}
.mainnav li {
    padding: 0;
    margin: 0;
    display: block;
    letter-spacing: normal;
    vertical-align: middle;
    float: left;
}
.mainnav a {
    color: white;
    margin: 0;
    display: block;
    padding: 10px 17px;
    text-align: center;
    position: relative;
    -webkit-transition: all 3.9s liner;
    -moz-transition: all 3.9s liner;
    -o-transition: all 3.9s liner;
    transition: all 3.9s liner;
}
.mainnav a:hover,
.mainnav a.onmenu {
    border-color: #abdc5e;
    background: #abdc5e !important;
    color: #5c841d;
    text-decoration: none;
}
.mainnav a.onmenu::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #abdc5e;
  content: ' ';
  z-index: 9999;
}
.mainnav .sub-menu {
   display: none;
}
.pickup-bnr a img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 100%;
}
.pickup-bnr a:hover img {
  opacity:0.6;
  filter: alpha(opacity=60);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.th-nowrap tr td:first-child {
  white-space: nowrap;
}

/* contact */
.contact {
  font-size: 14px;
}
.info-caution {
  padding: 15px;
  background: #f8f8f8;
  margin-bottom: 15px;
}
.info-caution p {
  padding: 5px 0 0 0;
}
/* press add 2016.5.11 */
.tableimg {
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  letter-spacing: -0.4em;
  text-align: center;
}
.tableimg img {
  margin: 0;
  padding: 0;
  vertical-align: top;
  box-sizing: border-box;
  display: inline-block;
  letter-spacing: normal;
  width: 24.5%;
  width: 24%\9;
}
/* irnews detail & recruit news */
body.irnews #Main .section h3,
body.recnews #Main .section h3 {
    position: relative;
    clear: both;
    padding: 30px;
    font-weight: bold;
    font-size: 14px;
}
body.irnews #Main .section h3 .notes01,
body.recnews #Main .section h3 .notes01 {
    position: absolute;
    top: 50%;
    right: 15px;
    float: right;
    margin-top: -10px;
}
/* press add 2016.5.16 */
.shutten-txt {
  margin: 0 0 20px;
  padding-left: 45px;
  text-indent: -45px;
  word-break: keep-all;
  font-size: 80%;
}
ul.maru-list {
  padding-left: 25px !important;
  list-style: none !important;
}
ul.maru-list > li {
  padding-left: 20px !important;
  text-indent: -20px;
}

/* core technology add */

h4.ttl-h4 {
	padding-top: 20px;
}
.technologies .listStyle22 li .detail {
	font-size: 14px;
	font-weight: bold;
}
div.technologies a {
	text-decoration: underline;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
div.technologies a:hover {
	text-decoration: none;
}
.technologies img.sizeB {
	width: 660px;
}
.technologies p.ttl {
  margin-bottom: .5em;
}
.conwrap {
	width: 940px;
	margin: 0px auto;
	padding: 0;
}
.tabbox {
	display: none;
	overflow: hidden;
}
.preview .tabbox {
	display: block;
}
.tabbox .conwrap {
	padding: 30px 0 0;
}
.tablistbk {
   background: #808080;
   width: 100%;
   max-width: 940px;
   margin: 40px auto 0;
   position: relative;
}
.tablistbk .conwrap {
	padding: 0;
}
.tablilst {
	display: table;
	width: 100%;
	table-layout: fixed;
	list-style: none;
}
.tablistbk.stay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    z-index: 900;
    margin: 0;
    height: 50px;
}
.stayp .tabbox .conwrap {
   padding-top: 105px;
}
.tablilst li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 50px;
	background: #808080;
	cursor: pointer;
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	-webkit-overflow-scrolling: touch;
}
.tablilst a {
	text-decoration: none !important;
	color: white;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.tablilst li:hover,
.tablilst li.on:hover {
	background: #abdc5e;
	color: #5c841d;
}
.tablilst li:hover a,
.tablilst li.on:hover a {
	color: #5c841d;
}
.tablilst li.on {
	background: #408af4;
	color: white;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
.tablilst li.on::after {
 	content: "▼";
	color: #408af4;
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	bottom: -15px;
	right: 0;
	margin: 0 auto;
  	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
}
.tablilst li.on:hover::after {
  color: #abdc5e;
}
.tablilst li.on,
.tablilst li.on a {
  pointer-events: none;
}
.ttl-a span {
	display: inline-block;
	color: #ff0000;
	padding-right: 5px;
}
.bold {
	font-weight: bold;
}
.komelist + .patent-num {
	padding-top: 1em;
}
.patent-num dt {
	font-weight: bold;
}
.technologies p.img-style01 {
	padding: 10px 0 40px;
	margin: 0;
	text-align: center;
}
.technologies p.img-style01 img {
	margin: auto;
}
.technologies p.img-style01.svgimg {
	padding: 30px 0 0;
}
.technologies p.img-style01.svgimg img {
	height: auto;
	width: 420px;
	max-width: 100%;
}
.oddlist {
	list-style: none;
}
.oddlist > li {
	width: 100%;
    margin: 0 -1000px;
    padding: 60px 1000px 60px;
}
.oddlist > li:first-child {
	padding-top: 0;
}
.oddlist > li:nth-child(even) {
	background-color: #f8f8f8;
}
.oddlist > li:last-child p.img-style01 {
  padding-bottom: 20px !important;
}
.technologies p.txt-imgup {
	text-align: center;
	font-weight: bold;
	padding-top: 20px;
	margin-bottom: .5em;
}
.technologies p.txt-imgup + p.img-style01 {
	padding-top: 0;
}
.technologies  h2 {
	text-align: left;
}
.jisseki h3 {
	text-align: center;
	padding-top: 60px !important;
}
.jisseki h3:first-of-type {
	padding-top: 20px;
}
.technologies .jisseki p.img-style01 {
	padding: 0 0 0;
}
.technologies  h2 + h3 {
	padding-top: 0 !important;
}
.tokkyolist {
	list-style: none;
	text-align: left;
	margin: 30px 0 20px;
	font-weight: 600;
}
.tokkyolist > li {
	padding: 5px 0;
	margin: 0;
}
.tokkyolist span {
    font-weight: normal;
}
.komelist {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.komelist li {
	padding-left: 15px;
	text-indent: -15px;
}
.komelist + p {
	padding-top: 1em;
}
/* 2016.6.6 press add */
.news-detail .mini {
  font-size: 80%;
}
.thnowrap th {
  white-space: nowrap;
}
.list-style {
    padding-left: 22px;
}
/* 2016.6.8 press add */
ul.img-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  overflow: hidden;
  letter-spacing: -0.4em;
  display: block;
}
ul.img-list > li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 58%;
  text-align: left;
}
ul.img-list > li.imgin {
  width: 40%;
  text-align: center;
}
ul.img-list > li img {
  width: auto;
  max-width: 100%;
  height: auto;
}

/* logo svg */
#Header p a {
  background: url(https://www.optim.co.jp/wp-content/themes/renewal/images/icon/logo_corp.svg) no-repeat left center;
  background-size: contain;
}
#Header .social a.facebook {
    background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/facebook-icon.svg') no-repeat left top;
    background-size: contain;
}
#Header .social a.twitter {
    background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/twitter-icon.svg') no-repeat left top;
    background-size: contain;
}
#Header .social a.instagram {
    background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/instagram-icon.svg') no-repeat left top;
    background-size: contain;
}
#Header .social a.youtube {
    background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/youtube-icon.svg') no-repeat left top;
    background-size: contain;
}
#Header .social a:hover{
    opacity: .7;
}

/* ir */
.list-num > li {
  list-style-type: decimal;
  padding-left: 10px;
  margin-left: 20px;
}
/* press add 2016.6.30 */
.img-dllist {
  display: block;
  letter-spacing: -0.4em;
  overflow: hidden;
  margin: 1em 0;
  padding: 0;
}
.img-dllist > dt,
.img-dllist > dd {
  display: inline-block;
  vertical-align: bottom;
  text-align: center;
  letter-spacing: normal;
  box-sizing: border-box;
  font-weight: normal;
  padding: 0;
  margin: 0;
  width: 30%;
}
.img-dllist > dd {
  width: 69%;
  text-align: left;
}
.img-dllist > dt img,
.img-dllist > dd img {
  width: 90%;
  height: auto;
  max-width: auto;
}
.img-dllist > dd img {
  width: 100%;
}
.tbl-center {
  width: 100%;
}
.tbl-center td {
  text-align: center;
}
/* 2016.7.8 press add */
.nplist {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.nplist > li {
  padding-left: 1em;
}
.nplist > li::before {
  content: "・";
  display: inline-block;
  margin-left: -1em;
}
.linelist {
  padding-left: 20px !important;
}
/* 2016.7.11 flexslider add */
  /* カルーセルもスライダーver. */
.flexslider .slides img {
  height: auto;
  cursor: pointer;
}
#slider.flexslider {
  margin-bottom: 0;
}
#carousel.flexslider {
  min-height: auto;
}
#carousel .slides img {
  opacity:0.6;
  filter: alpha(opacity=60);
}
#carousel .slides .flex-active-slide img {
  opacity:1;
  filter: alpha(opacity=100);
}
#carousel.flexslider {
    min-height: 50px;
    background-color: black;
}
  /* サムネイル表示ver. */
.flex-control-thumbs li {
  width: 16.65%;
  box-sizing: border-box;
  padding: 2px;
}
.flex-control-thumbs img {
  opacity: 1 !important;
  border: 2px solid #ddd;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}
.flex-control-thumbs .flex-active {
  border-color: #408af4;
}
.d-pc {
  display: block;
  overflow: hidden;
}
.mainnav li.d-sp,
.d-sp {
  display: none;
}

/* お問い合わせ一覧追加 */
.txt01 {
  padding: .5em 0;
  margin: .5em 0;
  text-align: left;
}
.formlist h3 {
  font-size: 1rem;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
  margin: 1.5em 0;
  color: inherit;
}
.formlist .btn-form {
  letter-spacing: -0.4em;
  width: 100%;
  display: block;
  list-style: none;
  margin: .5em 0;
  padding: 0;
}
.formlist .btn-form > li {
  display: inline-block;
  letter-spacing: normal;
  width: 25%;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: top;
}
.formlist .btn-form > li a {
  display: block;
  padding: 0 0 1em;
  text-align: center;
  text-decoration: none;
  background: #eee;
  border: 1px solid #ccc;
  margin: 0 5px 1em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  height: 100%;
  box-sizing: border-box;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
  color: black;
  font-size: .8rem;
}
.formlist .btn-form > li a strong {
  font-size: 1rem;
  font-weight: 400;
}
.formlist .btn-form > li a:hover {
  background: #408af4;
  color: white;
  border-color: #408af4;
}
.btn-form img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  padding-bottom: 1em;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  vertical-align: top;
}
.box-responsive {
  float: none;
  clear: both;
  margin: 0 136px;
}
/* press add 2016.7.25 */
.press-b-tbl th {
  background-color: #eee !important;
  white-space: nowrap;
  text-align: center;
}
.press-b-tbl td.c {
  text-align: center;
}
.press-b-tbl td,
.press-b-tbl td img {
  vertical-align: middle !important;
}
.press-b-tbl td img {
  max-height: 70px;
}
.img-m img {
  max-width: 600px !important;
}

/* green end info box */
.endinfo-box {
  margin: 2em 0;
  padding: 2em;
  line-height: 1.6;
  font-size: 12px;
  border: 1px dotted #ccc;
  background-color: #f8f8f8;
}
.endinfo-box p {
  margin: 0;
  padding: 0 0 10px;
}
.endinfo-box .ttl {
  font-weight: bold;
  text-align: center;
  color: red;
}
.endinfo-box .subttl {
  font-weight: bold;
  padding-bottom: 0;
}
.endinfo-box table {
  width: 100%;
  margin: 1em 0;
  background: white;
}

/* press add */
.clr-red {
	color: red;
}
.justify *,
.justify {
	text-align: justify;
}
.justify img {
	max-width: 100%;
}
.justify td {
	text-align: inherit;
}
/* press add 2017.02.28 */
.td1-c td:first-child,
.tdlast-c tr td:last-child {
	text-align: center;
}
.press-b-tbl td sup {
	bottom: .5ex !important;
}
/* info add */
.info-detail img {
	max-width: 100%;
	height: auto;
}
.info-detail ul {
	list-style-type: disc;
	padding-left: 40px;
}
.info-detail h6 {
	margin: 1em 0 .6em;
	font-weight: bold;
}
.info-detail .note {
	margin-bottom: 0 !important;
	margin-left: 1em;
	text-indent: -1em;
}

/**  biz使い放題table崩れ修正  **/
.tableType01 td.vl01 {
    min-width: 100px;
}

/*  パートナー募集修正  */
.form-btn {
    text-align: center;
}
.form-btn a {
    display: inline-block;
    margin: 0 auto;
    background-color: #004386;
    color: white;
    padding: 1.3em 2em;
    font-size: 14px;
    position: relative;
}
.form-btn a:hover {
    border-color: #abdc5e;
    background: #abdc5e;
    color: #5c841d;
    text-decoration: none;
}
.form-btn.size-m a {
	font-size: 1.2em;
	padding: 1.3em 2.5em;
}

/* Live配信 */
.endtime th,
.endtime td {
	background: #ddd;
	color: #999;
}
.nextonair {
	padding-bottom: .5em;
	color: black;
	text-align: center;
	font-size: 120%;
}
.liveonair {
	padding-bottom: .5em;
	color: red;
	text-align: center;
	font-size: 120%;
}

/* 新卒採用ボタン */
p.recruit-btn-tit {
	border-bottom: 1px dotted #9c9c9c;
    padding: 0.3em;
    margin-bottom: 2em;
    font-size: 20px;
    letter-spacing: 0.1em;
}
ul.recruit-btn-list {
	overflow:hidden;
	width:70%;
	margin: 0 auto 2em;
}
ul.recruit-btn-list li {
	float:left;
	width:50%;
	box-sizing:border-box;
}
ul.recruit-btn-list li a {
	color:#FFF;
	text-decoration:none;
	margin:0 0.5em;
	padding:20px 0;
	text-align:center;
	font-size:1.2em;
	display:block;
	border:2px solid #FFF;
}
ul.recruit-btn-list li a.eng {
	background: #66CB65;/* #a9e06e */
}
ul.recruit-btn-list li a.eng:hover {
	background:#FFF;
	border: 2px solid;
	color: #66CB65;/* #a9e06e */
}
ul.recruit-btn-list li a.all {
	background: #65CCCB;/* #6ee0c1 */
}
ul.recruit-btn-list li a.all:hover {
	background:#FFF;
	border: 2px solid;
	color: #65CCCB;/* #6ee0c1 */
}
/* history add */
.note-small {
	display: block;
	margin-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	padding: 1em 0;
}
/* form add 2016.11 */
.note-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.note-list > li {
	margin-bottom: 0 !important;
	margin-left: 1em;
	text-indent: -1em;
}
.clr-hissu {
	font-weight: normal;
	color: rgb(255,148,0);
	display: inline-block;
	font-size: 90%;
}
.listStyle18 dd + dt {
	padding-top: 15px;
}
.msg-style01 {

}
.time-tbl01 {
	width: 100%;
	margin: 0 0 1.5em;
	padding: .5em;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #ddd;
	position: relative;
}
.time-tbl01::after {
	position: absolute;
	top: -1px;
	right: -1px;
	content: '';
	width: 0;
	border-width: 0 16px 16px 0;
	border-style: solid;
	border-color: #fff #fff #ddd #ddd;
	box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);
}
.time-tbl01 th {
	background: #004386;
	border: none;
	color: white;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
	padding: 1em 2em;
	letter-spacing: .2em;
	position: relative;
}
.time-tbl01 td {
	border: none;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 100%;
}
.time-tbl01 td strong {
	color: #004386;
	display: inline-block;
	padding-left: 0.2em;
	letter-spacing: .2em;
	font-size: 2rem;
	font-weight: normal;
	font-family: 'Century Gothic', CenturyGothic;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
input[type=checkbox].wpcf7-acceptance {
    border: 1px solid #ccc;
    background: white;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.acceptance-box label {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    padding: 1em;
    margin: .5em 0;
    background: #eee;
    border-radius: 5px;
    font-size: 16px;
    line-height: 100%;
}

/* パソコンソフト使い放題 TypeB 機能一覧 */
.tbl-softlist td:not(.ttl) {
	text-align: center;
	width: 8%;
}
.tbl-softlist th:not(.ttl) {
	text-align: center;
}

/* pc br sp  no br:not(.br) */
.pcbr br {
}
/* table の中のpのpadding-bottom:30を変更する */
.tbl-np p {
	padding-bottom: 1em;
}
.tbl-np p:last-child {
	padding-bottom: 0;
}

/* 投稿　アコーディオン */
.accordion-table {
    margin-bottom: 30px;
}
.accordion-table h5 {
    margin-bottom: 6px;
    cursor: pointer;
    font-weight: bold;
}
.accordion-table table {
    margin-bottom: 20px;

}
.accordion-table table th {
    width: 15%;
    text-align: center;
    background: #ffffff;
}
td.sem-title {
    width: 35%;
}
.eula .number-none ol {
    list-style: none;
    padding: 0;
}
.eula .number-none ol.style-lower-roman {
    list-style: lower-roman;
	 padding-left: 38px;
}

p.btn-event-news a {
	 display: block;
    padding: 1rem;
    width: 160px;
    background: #408af4;
	color:#FFFFFF;
    text-align: center;
	font-weight: 600;
    margin: auto;
}
p.btn-event-news a:hover {
	text-decoration:none;
	background: #73d2ff;
}
/* Bootstrap */
sup {
  vertical-align: baseline;
}
.layout-bootstrap .col,.layout-bootstrap .col-1,.layout-bootstrap .col-10,.layout-bootstrap .col-11,.layout-bootstrap .col-12,.layout-bootstrap .col-2,.layout-bootstrap .col-3,.layout-bootstrap .col-4,.layout-bootstrap .col-5,.layout-bootstrap .col-6,.layout-bootstrap .col-7,.layout-bootstrap .col-8,.layout-bootstrap .col-9,.layout-bootstrap .col-auto,.layout-bootstrap .col-lg,.layout-bootstrap .col-lg-1,.layout-bootstrap .col-lg-10,.layout-bootstrap .col-lg-11,.layout-bootstrap .col-lg-12,.layout-bootstrap .col-lg-2,.layout-bootstrap .col-lg-3,.layout-bootstrap .col-lg-4,.layout-bootstrap .col-lg-5,.layout-bootstrap .col-lg-6,.layout-bootstrap .col-lg-7,.layout-bootstrap .col-lg-8,.layout-bootstrap .col-lg-9,.layout-bootstrap .col-lg-auto,.layout-bootstrap .col-md,.layout-bootstrap .col-md-1,.layout-bootstrap .col-md-10,.layout-bootstrap .col-md-11,.layout-bootstrap .col-md-12,.layout-bootstrap .col-md-2,.layout-bootstrap .col-md-3,.layout-bootstrap .col-md-4,.layout-bootstrap .col-md-5,.layout-bootstrap .col-md-6,.layout-bootstrap .col-md-7,.layout-bootstrap .col-md-8,.layout-bootstrap .col-md-9,.layout-bootstrap .col-md-auto,.layout-bootstrap .col-sm,.layout-bootstrap .col-sm-1,.layout-bootstrap .col-sm-10,.layout-bootstrap .col-sm-11,.layout-bootstrap .col-sm-12,.layout-bootstrap .col-sm-2,.layout-bootstrap .col-sm-3,.layout-bootstrap .col-sm-4,.layout-bootstrap .col-sm-5,.layout-bootstrap .col-sm-6,.layout-bootstrap .col-sm-7,.layout-bootstrap .col-sm-8,.layout-bootstrap .col-sm-9,.layout-bootstrap .col-sm-auto,.layout-bootstrap .col-xl,.layout-bootstrap .col-xl-1,.layout-bootstrap .col-xl-10,.layout-bootstrap .col-xl-11,.layout-bootstrap .col-xl-12,.layout-bootstrap .col-xl-2,.layout-bootstrap .col-xl-3,.layout-bootstrap .col-xl-4,.layout-bootstrap .col-xl-5,.layout-bootstrap .col-xl-6,.layout-bootstrap .col-xl-7,.layout-bootstrap .col-xl-8,.layout-bootstrap .col-xl-9,.layout-bootstrap .col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}
.layout-bootstrap .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}
.layout-bootstrap .col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none
}
.layout-bootstrap .col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}
.layout-bootstrap .col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}
.layout-bootstrap .col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.layout-bootstrap .col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}
.layout-bootstrap .col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}
.layout-bootstrap .col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.layout-bootstrap .col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}
.layout-bootstrap .col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}
.layout-bootstrap .col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.layout-bootstrap .col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}
.layout-bootstrap .col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}
.layout-bootstrap .col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
.layout-bootstrap .order-first {
  -ms-flex-order: -1;
  order: -1
}
.layout-bootstrap .order-last {
  -ms-flex-order: 13;
  order: 13
}
.layout-bootstrap .order-0 {
  -ms-flex-order: 0;
  order: 0
}
.layout-bootstrap .order-1 {
  -ms-flex-order: 1;
  order: 1
}
.layout-bootstrap .order-2 {
  -ms-flex-order: 2;
  order: 2
}
.layout-bootstrap .order-3 {
  -ms-flex-order: 3;
  order: 3
}
.layout-bootstrap .order-4 {
  -ms-flex-order: 4;
  order: 4
}
.layout-bootstrap .order-5 {
  -ms-flex-order: 5;
  order: 5
}
.layout-bootstrap .order-6 {
  -ms-flex-order: 6;
  order: 6
}
.layout-bootstrap .order-7 {
  -ms-flex-order: 7;
  order: 7
}
.layout-bootstrap .order-8 {
  -ms-flex-order: 8;
  order: 8
}
.layout-bootstrap .order-9 {
  -ms-flex-order: 9;
  order: 9
}
.layout-bootstrap .order-10 {
  -ms-flex-order: 10;
  order: 10
}
.layout-bootstrap .order-11 {
  -ms-flex-order: 11;
  order: 11
}
.layout-bootstrap .order-12 {
  -ms-flex-order: 12;
  order: 12
}
.layout-bootstrap .offset-1 {
  margin-left: 8.333333%
}
.layout-bootstrap .offset-2 {
  margin-left: 16.666667%
}
.layout-bootstrap .offset-3 {
  margin-left: 25%
}
.layout-bootstrap .offset-4 {
  margin-left: 33.333333%
}
.layout-bootstrap .offset-5 {
  margin-left: 41.666667%
}
.layout-bootstrap .offset-6 {
  margin-left: 50%
}
.layout-bootstrap .offset-7 {
  margin-left: 58.333333%
}
.layout-bootstrap .offset-8 {
  margin-left: 66.666667%
}
.layout-bootstrap .offset-9 {
  margin-left: 75%
}
.layout-bootstrap .offset-10 {
  margin-left: 83.333333%
}
.layout-bootstrap .offset-11 {
  margin-left: 91.666667%
}
@media (min-width:576px) {
  .layout-bootstrap .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .layout-bootstrap .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .layout-bootstrap .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .layout-bootstrap .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .layout-bootstrap .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .layout-bootstrap .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .layout-bootstrap .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .layout-bootstrap .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .layout-bootstrap .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .layout-bootstrap .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .layout-bootstrap .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .layout-bootstrap .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .layout-bootstrap .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .layout-bootstrap .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .layout-bootstrap .order-sm-first {
    -ms-flex-order: -1;
    order: -1
  }
  .layout-bootstrap .order-sm-last {
    -ms-flex-order: 13;
    order: 13
  }
  .layout-bootstrap .order-sm-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .layout-bootstrap .order-sm-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .layout-bootstrap .order-sm-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .layout-bootstrap .order-sm-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .layout-bootstrap .order-sm-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .layout-bootstrap .order-sm-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .layout-bootstrap .order-sm-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .layout-bootstrap .order-sm-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .layout-bootstrap .order-sm-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .layout-bootstrap .order-sm-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .layout-bootstrap .order-sm-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .layout-bootstrap .order-sm-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .layout-bootstrap .order-sm-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .layout-bootstrap .offset-sm-0 {
    margin-left: 0
  }
  .layout-bootstrap .offset-sm-1 {
    margin-left: 8.333333%
  }
  .layout-bootstrap .offset-sm-2 {
    margin-left: 16.666667%
  }
  .layout-bootstrap .offset-sm-3 {
    margin-left: 25%
  }
  .layout-bootstrap .offset-sm-4 {
    margin-left: 33.333333%
  }
  .layout-bootstrap .offset-sm-5 {
    margin-left: 41.666667%
  }
  .layout-bootstrap .offset-sm-6 {
    margin-left: 50%
  }
  .layout-bootstrap .offset-sm-7 {
    margin-left: 58.333333%
  }
  .layout-bootstrap .offset-sm-8 {
    margin-left: 66.666667%
  }
  .layout-bootstrap .offset-sm-9 {
    margin-left: 75%
  }
  .layout-bootstrap .offset-sm-10 {
    margin-left: 83.333333%
  }
  .layout-bootstrap .offset-sm-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:768px) {
  .layout-bootstrap .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .layout-bootstrap .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .layout-bootstrap .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .layout-bootstrap .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .layout-bootstrap .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .layout-bootstrap .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .layout-bootstrap .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .layout-bootstrap .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .layout-bootstrap .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .layout-bootstrap .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .layout-bootstrap .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .layout-bootstrap .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .layout-bootstrap .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .layout-bootstrap .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .layout-bootstrap .order-md-first {
    -ms-flex-order: -1;
    order: -1
  }
  .layout-bootstrap .order-md-last {
    -ms-flex-order: 13;
    order: 13
  }
  .layout-bootstrap .order-md-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .layout-bootstrap .order-md-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .layout-bootstrap .order-md-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .layout-bootstrap .order-md-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .layout-bootstrap .order-md-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .layout-bootstrap .order-md-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .layout-bootstrap .order-md-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .layout-bootstrap .order-md-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .layout-bootstrap .order-md-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .layout-bootstrap .order-md-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .layout-bootstrap .order-md-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .layout-bootstrap .order-md-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .layout-bootstrap .order-md-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .layout-bootstrap .offset-md-0 {
    margin-left: 0
  }
  .layout-bootstrap .offset-md-1 {
    margin-left: 8.333333%
  }
  .layout-bootstrap .offset-md-2 {
    margin-left: 16.666667%
  }
  .layout-bootstrap .offset-md-3 {
    margin-left: 25%
  }
  .layout-bootstrap .offset-md-4 {
    margin-left: 33.333333%
  }
  .layout-bootstrap .offset-md-5 {
    margin-left: 41.666667%
  }
  .layout-bootstrap .offset-md-6 {
    margin-left: 50%
  }
  .layout-bootstrap .offset-md-7 {
    margin-left: 58.333333%
  }
  .layout-bootstrap .offset-md-8 {
    margin-left: 66.666667%
  }
  .layout-bootstrap .offset-md-9 {
    margin-left: 75%
  }
  .layout-bootstrap .offset-md-10 {
    margin-left: 83.333333%
  }
  .layout-bootstrap .offset-md-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:992px) {
  .layout-bootstrap .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .layout-bootstrap .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .layout-bootstrap .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .layout-bootstrap .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .layout-bootstrap .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .layout-bootstrap .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .layout-bootstrap .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .layout-bootstrap .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .layout-bootstrap .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .layout-bootstrap .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .layout-bootstrap .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .layout-bootstrap .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .layout-bootstrap .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .layout-bootstrap .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .layout-bootstrap .order-lg-first {
    -ms-flex-order: -1;
    order: -1
  }
  .layout-bootstrap .order-lg-last {
    -ms-flex-order: 13;
    order: 13
  }
  .layout-bootstrap .order-lg-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .layout-bootstrap .order-lg-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .layout-bootstrap .order-lg-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .layout-bootstrap .order-lg-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .layout-bootstrap .order-lg-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .layout-bootstrap .order-lg-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .layout-bootstrap .order-lg-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .layout-bootstrap .order-lg-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .layout-bootstrap .order-lg-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .layout-bootstrap .order-lg-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .layout-bootstrap .order-lg-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .layout-bootstrap .order-lg-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .layout-bootstrap .order-lg-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .layout-bootstrap .offset-lg-0 {
    margin-left: 0
  }
  .layout-bootstrap .offset-lg-1 {
    margin-left: 8.333333%
  }
  .layout-bootstrap .offset-lg-2 {
    margin-left: 16.666667%
  }
  .layout-bootstrap .offset-lg-3 {
    margin-left: 25%
  }
  .layout-bootstrap .offset-lg-4 {
    margin-left: 33.333333%
  }
  .layout-bootstrap .offset-lg-5 {
    margin-left: 41.666667%
  }
  .layout-bootstrap .offset-lg-6 {
    margin-left: 50%
  }
  .layout-bootstrap .offset-lg-7 {
    margin-left: 58.333333%
  }
  .layout-bootstrap .offset-lg-8 {
    margin-left: 66.666667%
  }
  .layout-bootstrap .offset-lg-9 {
    margin-left: 75%
  }
  .layout-bootstrap .offset-lg-10 {
    margin-left: 83.333333%
  }
  .layout-bootstrap .offset-lg-11 {
    margin-left: 91.666667%
  }
}
@media (min-width:1200px) {
  .layout-bootstrap .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }
  .layout-bootstrap .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
  }
  .layout-bootstrap .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }
  .layout-bootstrap .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }
  .layout-bootstrap .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .layout-bootstrap .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }
  .layout-bootstrap .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }
  .layout-bootstrap .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .layout-bootstrap .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }
  .layout-bootstrap .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }
  .layout-bootstrap .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .layout-bootstrap .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }
  .layout-bootstrap .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }
  .layout-bootstrap .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
  .layout-bootstrap .order-xl-first {
    -ms-flex-order: -1;
    order: -1
  }
  .layout-bootstrap .order-xl-last {
    -ms-flex-order: 13;
    order: 13
  }
  .layout-bootstrap .order-xl-0 {
    -ms-flex-order: 0;
    order: 0
  }
  .layout-bootstrap .order-xl-1 {
    -ms-flex-order: 1;
    order: 1
  }
  .layout-bootstrap .order-xl-2 {
    -ms-flex-order: 2;
    order: 2
  }
  .layout-bootstrap .order-xl-3 {
    -ms-flex-order: 3;
    order: 3
  }
  .layout-bootstrap .order-xl-4 {
    -ms-flex-order: 4;
    order: 4
  }
  .layout-bootstrap .order-xl-5 {
    -ms-flex-order: 5;
    order: 5
  }
  .layout-bootstrap .order-xl-6 {
    -ms-flex-order: 6;
    order: 6
  }
  .layout-bootstrap .order-xl-7 {
    -ms-flex-order: 7;
    order: 7
  }
  .layout-bootstrap .order-xl-8 {
    -ms-flex-order: 8;
    order: 8
  }
  .layout-bootstrap .order-xl-9 {
    -ms-flex-order: 9;
    order: 9
  }
  .layout-bootstrap .order-xl-10 {
    -ms-flex-order: 10;
    order: 10
  }
  .layout-bootstrap .order-xl-11 {
    -ms-flex-order: 11;
    order: 11
  }
  .layout-bootstrap .order-xl-12 {
    -ms-flex-order: 12;
    order: 12
  }
  .layout-bootstrap .offset-xl-0 {
    margin-left: 0
  }
  .layout-bootstrap .offset-xl-1 {
    margin-left: 8.333333%
  }
  .layout-bootstrap .offset-xl-2 {
    margin-left: 16.666667%
  }
  .layout-bootstrap .offset-xl-3 {
    margin-left: 25%
  }
  .layout-bootstrap .offset-xl-4 {
    margin-left: 33.333333%
  }
  .layout-bootstrap .offset-xl-5 {
    margin-left: 41.666667%
  }
  .layout-bootstrap .offset-xl-6 {
    margin-left: 50%
  }
  .layout-bootstrap .offset-xl-7 {
    margin-left: 58.333333%
  }
  .layout-bootstrap .offset-xl-8 {
    margin-left: 66.666667%
  }
  .layout-bootstrap .offset-xl-9 {
    margin-left: 75%
  }
  .layout-bootstrap .offset-xl-10 {
    margin-left: 83.333333%
  }
  .layout-bootstrap .offset-xl-11 {
    margin-left: 91.666667%
  }
}
.layout-bootstrap .m-0 {
  margin: 0!important
}
.layout-bootstrap .mt-0 {
  margin-top: 0!important
}
.layout-bootstrap .mb-0 {
  margin-bottom: 0!important
}
.layout-bootstrap .p-0 {
  padding: 0!important
}
.layout-bootstrap .pt-0 {
  padding-top: 0!important
}
.layout-bootstrap .pb-0 {
  padding-bottom: 0!important
}

@charset "UTF-8";

html {
  overflow-y: auto;
}

#Nav li span a {
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  -o-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

.productList.unlimited li, .solutiontList.unlimited li{
  height: auto;
}

/* 製品情報 TOP */
.product-top .comp-news li {
  position: relative;
}
.product-top .comp-news .time {
  position: absolute;
}
.product-top .comp-news li a {
  max-width: 100%;
  padding-left: 90px;
  box-sizing: border-box;
}

.recruit #tabcontent {
  border: 0;
  padding: 30px 0 10px;
}

.recruit .tab li {
  width: 22%;
  margin-left: 4%;
}

.recruit .tab li:first-child {
  margin-left: 0;
}

/*
@media screen and (max-width: 1056px) {
  .flexslider {
    overflow: hidden;
  }
}
*/

@media screen and (min-width: 980px) {
  .mob-sub-menu {
    display: none !important;
  }
  #Contents .box .box-offset {
    margin: 0 -136px;
  }
  .productList li:nth-child(1),
  .productList li:nth-child(2),
  .productList li:nth-child(3),
  .solutionList li:nth-child(1),
  .solutionList li:nth-child(2),
  .solutionList li:nth-child(3) {
    margin-top: 0;
  }
  .productList li:not(:first-child):nth-child(3n+1), .solutionList li:not(:first-child):nth-child(3n+1)  {
    clear: both;
    margin-top: 50px !important;
  }
}

@media screen and (min-width: 960px) {
  #navBtn {
    display: none;
  }
  .mob-news-menu,
  .mob-products-menu {
    display: none;
  }
  .addthis_toolbox {
    margin-bottom: 30px;
  }
  #FootWrap .social {
    display: none;
  }
}

@media screen and (max-width: 959px) {
/*
  .investors-top {
    -webkit-box-align: center;
    align-items: center;
  }
*/
  .investors-menu {
    display: none;
  }
}

/* タブレット */
@media screen and (max-width: 979px) {
/*
  html, body {
    height:100%;
    overflow-x: hidden;
  }
  #page {
    width: 100%;
    position: relative;
    height:auto !important;
    height: 100%;
    min-height: 100%;
  }
  #page > .wrap {
    padding-bottom: 80px;
  }
  #FootWrap {
    position: absolute;
    bottom:0;
  }
*/
  body {
    width: 100%;
    position: relative;
    overflow-x: hidden;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  #page {
    position: relative;
  }

  #HeadWrap,
  #FootWrap,
  #Footer {
    min-width: 100%;
  }

  #Header,
  #Contents,
  #Nav,
  #FootNav,
  #Footer,
  #Footer address,
  .conwrap {
    width: 100%;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
  }

  #Contents {
    padding: 30px 10px;
  }

  /* Header */
  #Header {
    background: #004386;
  }
  #Header ul,
  #Header .social {
    display: none;
  }
  #Header p {
    width: 100%;
  }
  #Header p a {
    max-width: 124px;
    background: url(/wp-content/themes/renewal/common/images/logo_corp_w.png) no-repeat left top;
  }
  #Header p span {
    color: #fff;
  }
  #navBtn {
    position: absolute;
    right: 15px;
    top: 23px;
    display: block;
    width: 33px;
    height: 20px;
    border: none;
    border-top: 5px solid #fff;
    background: #004386;
    border-radius: 0;
    cursor: pointer;
    z-index: 100;
  }
  #navBtn:before, #navBtn:after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 5px;
    border-bottom: 5px solid #fff;
  }
  #navBtn:before {
    top: 0px;
  }
  #navBtn:after {
    bottom: 0px;
  }
  .slidemenu {
    display: none !important;
  }
  #Nav .nav03.hoverMenu:after {
    border: 0;
  }
  #headerMenu {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 100;
    width: 230px;
    height: 100%;
    color: #fff;
    background: #004386;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #headerMenu #Nav {
    padding: 0;
  }
  #headerMenu #Nav li {
    float: none;
    position: relative;
    color: #fff;
  }
  #headerMenu #Nav li a {
    padding: 15px 15px 15px 45px;
  }
  #headerMenu #Nav li .have-sub-menu {
    cursor: pointer;
  }
  #headerMenu #Nav li .have-sub-menu:hover {
    background: #408af4;
  }
  #headerMenu #Nav li .mob-sub-menu {
    display: none;
  }
  #headerMenu #Nav li .mob-sub-menu.active {
    display: block;
  }
  #headerMenu #Nav li .mob-sub-menu li a {
    display: block;
    background: #eee;
    border-top: 1px solid #ccc;
  }
  #Nav li span a:hov {
  }
  #headerMenu #Nav li .mob-sub-menu li:first-child a {
    border-top: 0;
  }
  #headerMenu #Nav li .mob-sub-menu li a:hover {
    text-decoration: none;
  }
  #Nav li span {
    position: relative;
  }
  #Nav li span:before {
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
  }
  #Nav li span:before {
    content: "\f054";
  }
  #Nav li span.have-sub-menu:before {
    margin-top: -9px;
    left: 12px;
    content: "\f078";
  }
  #Nav li span.have-sub-menu.active:before {
    margin-top: -9px;
    left: 12px;
    content: "\f077";
  }
  .disableContainer {
    position: absolute;
    top: 0;
    z-index: 1000;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba( 0, 0, 0, 0.4 );
    box-shadow: -4px 0 4px rgba( 0, 0, 0, 0.2 ) inset;
    cursor: pointer;
  }

  /* Footer */
  #FootWrap {
    border-top: 0;
  }
  #FootNav {
    display: none;
  }
  #FootWrap .social {
    display: block;
    text-align: center;
    margin: 0 0 10px;
  }
  #FootWrap .social a {
    margin: 0 5px;
    padding: 0;
    text-indent: -9999px;
    display: inline-block;
    width: 26px;
    height: 26px;
  }
  #FootWrap .social a.facebook {
    background: url('/wp-content/uploads/2014/08/gn_facebook.gif') no-repeat left top;
  }
  #FootWrap .social a.facebook:hover {
    background: url('/wp-content/uploads/2014/08/gn_facebook_hv.gif') no-repeat left top;
  }
  #FootWrap .social a.twitter {
    background: url('/wp-content/uploads/2014/08/gn_twitter.gif') no-repeat left top;
  }
  #FootWrap .social a.twitter:hover {
    background: url('/wp-content/uploads/2014/08/gn_twitter_hv.gif') no-repeat left top;
  }
  #FootWrap .social a.youtube {
    background: url('/wp-content/uploads/2014/08/gn_youtube.gif') no-repeat left top;
  }
  #FootWrap .social a.youtube:hover {
    background: url('/wp-content/uploads/2014/08/gn_youtube_hv.gif') no-repeat left top;
  }
  #FootWrap .social img {
    width: 24px;
    height: 24px;
  }

  /* コーポレートトップ　スライダー */
  .flexslider {
    min-height: 0 !important;
  }
  .flexslider img {
    height: auto;
  }

  /* Main */
  #TopMain .twoCol01 {
    margin-left: -10px;
    margin-right: -10px;
  }
  #TopMain .twoCol01 .colL,
  #TopMain .twoCol01 .colR {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
  }
  #TopMain .twoCol01 .colL .youtube-wrap {
    margin-bottom: 10px;
  }
  .youtube-wrap {
    position: relative;
    width:100%;
    padding-top: 56.25%;
  }
  .youtube-wrap iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  #TopMain .twoCol02 {
    margin-bottom: 0;
  }

  /* ビジネスパートナー */
  #FLink {
    overflow: hidden;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }

  #Side {
    display: none;
  }

  /* ニュース一覧 */
  #Main {
    width: 100%;
  }
  #Contents.news #Side {
    width: 100%;
    float: none !important;
    display: block;
  }
  #Contents.news #Side ul.sideNav {
    display: none;
  }
  #Contents.news .mob-news-menu {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    outline: 0;
    position: relative;
  }
  #Contents.news.news-detail-wrap #Main {
    margin-bottom: 30px;
  }
  #Contents.news.news-detail-wrap #Main {
    word-break: break-all;
  }
  #Contents.news.news-detail-wrap #Side {
    display: none;
  }
  #Side .btnContact {
    display: none;
  }

  /* ニュース記事のソーシャル */
  .addthis_toolbox {
    margin-bottom: 20px;
  }
  .addthis_toolbox a {
    margin-bottom: 5px;
  }

  /* プロダクトリスト */
  .productList, .solutionList{
    max-width: 100%;
  }
  .productList li, .solutionList li {
    width: 33.33333%;
    padding: 0 10px;
    box-sizing: border-box;
    height: auto;
  }
  .productList li:nth-child(3n+1), .solutionList li:nth-child(3n+1) {
    clear: both;
    margin-top: 50px !important;
  }
  .productList li:nth-child(1),
  .productList li:nth-child(2),
  .productList li:nth-child(3),
  .solutionList li:nth-child(1),
  .solutionList li:nth-child(2),
  .solutionList li:nth-child(3){
    margin-top: 0 !important;
  }

  .box .productList li, .box .solutionList li {
    width: 50%;
  }
  .box .productList li  a img, .box .solutionList li  a img {
    display: block;
    margin: 0 auto;
  }
  .box .productList li:nth-child(3n+1), .box .solutionList li:nth-child(3n+1) {
    clear: none;
    margin-top: 50px !important;
  }
  .box .productList li:nth-child(2n+1), .box .solutionList li:nth-child(2n+1){
    clear: both;
    margin-top: 50px !important;
  }
  .box .productList li:nth-child(1),
  .productList li:nth-child(2),
  .box .solutionList li:nth-child(1),
  .solutionList li:nth-child(2){
    margin-top: 0 !important;
  }
  .box .twoCol07 h3.ttl01 {
    padding-bottom: 0;
  }
 .solution h3 {
    padding: 0 10px 10px;
}
 .solution .sol-h3 {
    padding: 40px 10px 10px;
}

  /* 製品情報 TOP */
  #Contents.products,
  #Contents.partners-program {
    position: relative;
    padding: 100px 10px 30px;
  }
  #Contents.products #Side,
  #Contents.partners-program #Side {
    width: 100%;
    float: none !important;
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #Contents.products #Side > *:not(.mob-products-menu),
  #Contents.partners-program #Side > *:not(.mob-products-menu) {
    display: none;
  }
  #Contents.products .mob-products-menu,
  #Contents.partners-program .mob-products-menu {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 30px;
    border-radius: 5px;
    outline: 0;
    position: relative;
  }
  .product-top img {
    margin: 0 auto;
    display: block;
  }
  .product-top .comp-news a br {
    display: none;
  }
  .product-top.anshin-pack .listStyle07 span.img {
    padding-right: 10px;
  }
  .product-top .section.partners {
    display: none;
  }
  .product-service img {
    margin: 0 auto;
    display: block;
  }
  .product-service .tool img {
    display: inline-block;
  }
  /* 製品情報 機能一覧 */
  .product-function.anshin-pack .anshin-function dt {
    text-align: center;
  }
  .product-function.anshin-pack .anshin-function dd {
    padding-left: 10px;
  }
  /* 製品情報 導入事例 */
  .twoCol05 > .colL {
    width: auto;
    margin-right: 252px;
  }
  .twoCol05 > .colR {
    margin-left: -232px;
  }
  .twoCol06 .colL {
    margin-right: -232px;
  }
  .twoCol06 .colR {
    width: auto;
    margin-left: 252px;
  }
  /* Secure Shield */
  #mdmNewLayout {
    max-width: 100%;
  }
  #mdmNewLayout p {
    padding-bottom: 0;
    margin-bottom: 1em;
  }
  #mdmNewLayout > p {
    padding-bottom: 60px;
  }
  #mdmNewLayout > p span {
    top: auto !important;
    bottom: 20px !important;
    left: 0 !important;
    width: auto !important;
  }
  #mdmNewLayout h2 {
    padding-left: 0;
  }
  #mdmNewLayout img {
    display: block;
    margin: 0 auto;
  }
  #mdmNewLayout .spc {
    display: none;
  }
  #mdmNewLayout .aboutMdmCol,
  #mdmNewLayout .aboutMdmCol .colLeft,
  #mdmNewLayout .aboutMdmCol .colRight,
  #mdmNewLayout dl.list511 dt {
    width: 100%;
    padding: 0;
  }
  #mdmNewLayout .aboutMdmCol .colLeft table {
    width: 100%;
  }
  #mdmNewLayout .aboutMdmCol .colLeft table .img {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  #mdmNewLayout .aboutMdmCol .colLeft table .img a,
  #mdmNewLayout .aboutMdmCol .colLeft table .img a img {
    display: inline-block;
  }
  #mdmNewLayout .aboutMdmCol .colLeft_ba,
  #mdmNewLayout .aboutMdmCol .colRight_ba {
    width: 100%;
    padding: 0;
    text-align: center;
    margin: 20px 0 0;
  }
  #mdmNewLayout .aboutMdmCol .colLeft_ba img,
  #mdmNewLayout .aboutMdmCol .colRight_ba img {
    display: inline-block;
  }
  /* 導入事例 特設 */
  .kikorin {
    display: none;
  }

  /* 採用情報 */
  #Contact {
    display: none;
  }

  /* コアテクノロジー */
  .listStyle22 {
    width: 100%;
  }
  .listStyle22 li {
    width: 32%;
    margin: 0 0 0 2%;
    padding: 0;
  }
  .listStyle22 li:first-child {
    margin-left: 0;
  }
  .listStyle22 li strong {
    padding-top: 15px;
  }
  .listStyle22 li div {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 100%;
  }
  .listStyle22 li .detail {
    left: 15px;
  }
  .listStyle17 {
    padding-top: 0;
  }
  .listStyle17 li {
    position: relative;
    padding: 1.5em 0 1.5em 1em;
    font-weight: normal;
  }
  .listStyle17 li span.ttl {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
    padding-right: 0;
    margin-left: 0;
    font-weight: bold;
  }

  /* サポート */
  #Contents.support .box {
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
  }
  .support .searchBox input.normal,
  .support .searchBox input {
    margin-bottom: 10px;
  }
  .support .listStyle10 dt {
    padding: 15px 10px;
  }
  .support .listStyle10 dd {
    padding: 0 0 0 10px;
  }
  .support .listStyle10 dd span {
    padding-bottom: 15px;
  }
  .support .innerNav li {
    display: block;
  }
  .support .innerNav a {
    background: url(/wp-content/themes/renewal/common/images/com_ic001.gif) no-repeat left 6px;
    display: inline-block;
  }
  .support .dropdown {
    width: 100%;
  }
  .support .dropdown h4 {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    height: 29px;
  }
  .support .dropdown ul {
    max-width: 100%;
  }
  .support .dropdown ul li {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* OPTiMについて */
  .directors {
    margin: 0 -15px;
  }
  .directors li {
    width: 33.33333%;
    padding: 0 15px;
    margin: 0;
    box-sizing: border-box;
    height: auto;
  }
  .directors li:nth-child(3n+1) {
    clear: both;
  }

  /* サイトマップ */
  #Contents #SiteMap.box {
    margin: 0 auto;
    max-width: 668px;
  }
  #SiteMap .colL {
    width: 350px;
    max-width: 100%;
  }

  /* お問い合わせ */
  #Contents.responsive.contact colgroup {
    display: none;
  }
  #Contents.responsive.contact th,
  #Contents.responsive.contact td,
  .wpcf7-form th,
  .wpcf7-form td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    border: 0 !important;
  }
  #Contents.responsive.contact tr:not(:first-child) th,
  .wpcf7-form tr:not(:first-child) th {
    padding-top: 20px;
  }
  #Contents.responsive.contact .tableType02 input,
  #Contents.responsive.contact .tableType02 textarea,
  .wpcf7-form input,
  .wpcf7-form textarea {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
  .wpcf7-form input[type=checkbox] {
    width: auto !important;
  }
  .wpcf7-form input.middle,
  .wpcf7-form input.long {
    width: 100% !important;
  }
  #Contents.responsive.contact .tableType02 td div,
  .wpcf7-form td div {
    width: 100% !important;
  }
  #Contents.responsive.contact .dropselectbox h4,
  .wpcf7-form .dropselectbox h4 {
    width: 100% !important;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    height: 29px;
  }
  #Contents.responsive.contact .dropselectbox ul,
  .wpcf7-form .dropselectbox ul {
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
  }
  #Contents.responsive.contact .dropselectbox li,
  .wpcf7-form .dropselectbox li {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /* その他コンテンツ */
  #Contents.responsive .box,
  .box-responsive {
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    word-break: break-all;
  }

  /* 投資家情報 */
  #Main.investors .pageNav {
    margin-bottom: 20px;
  }
  #Main.investors .wp-pagenavi {
    overflow: hidden;
  }
  #Main.investors .ir-news dt {
    width: 100px;
  }
  #Main.investors .ir-news dd.ir-category {
    width: 80px;
    margin-top: 15px;
  }
  #Main.investors .ir-news dd:not(.ir-category) {
    width: 100%;
    margin-top: 5px;
  }
  #Main.investors .investors-sub-menu {
    margin: 0 -3px;
  }
  #Main.investors .investors-sub-menu li {
    padding: 0 3px;
    box-sizing: border-box;
  }
  #Main.investors .investors-sub-menu li img {
    width: 100%;
    max-width: 100%;
  }
  #Main.investors .investors-sub-menu li span {
    left: 8px;
  }

  #Main.investors .library table,
  #Main.investors .library td {
    min-width: 100% !important;
  }
  #Main.investors .library td:nth-child(2) {
    white-space: nowrap;
    width: 80px;
  }

  /* 採用情報 */
  .recruit-news dt {
    width: 100px;
  }
  .recruit-news dd.recruit-category {
    width: 80px;
    margin-top: 15px;
  }
  .recruit-news dd.recruit-category:first-of-type {
    margin-top: 0;
  }
  .recruit-news dd:not(.recruit-category) {
    width: 100%;
    margin-top: 5px !important;
  }
  /* top-footer-bnr 2016.3.15 a.hoshi */
  ul.top-footer-bnr {
    margin-bottom: 0;
  }
}

/* スマートフォン */
@media screen and (max-width: 767px) {
  h2 {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  h3 {
    font-size: 1.8em;
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  th, td {
    word-break: break-all;
  }
  /* Header */
  #Header p span {
    position: static;
    display: block;
    margin: 0 0 10px;
  }

  /* Main */
  #TopMain .twoCol01 .colL,
  #TopMain .twoCol01 .colR {
    width: 100%;
  }
  #TopMain .twoCol01 .colR {
    margin-top: 20px;
  }
  #TopMain .twoCol01 .colR a {
    display: block;
    text-align: center;
    max-width: 100%;
  }

  /* 製品情報 */
  /* 製品情報 TOP */
  .product-top .comp-news li a {
    padding-left: 0;
    margin-top: 1.8em;
  }
  .product-top table.tableType01:not(.tableUnlimited) {
    display: block;
    border-width: 0 0 1px 0;
    width: 100%;
    box-sizing: border-box;
  }
  .product-top .tableType01:not(.tableUnlimited) th {
    display: none;
  }
  .product-top .tableType01:not(.tableUnlimited) td {
    display: block;
    border-width: 1px 1px 0 1px;
    width: 100%;
    box-sizing: border-box;
  }
  .product-top .tableType01:not(.tableUnlimited) td:first-child {
    background: #eee;
  }
  .product-top .tableType01.tableUnlimited td:first-child {
    width: 50px;
  }
  .product-top .remote-lollipop {
    display: none;
  }
/*
  .product-top .listStyle07 table td {
    display: block;
  }
*/
  /* 製品情報 機能一覧 */
  .biz-function > div:first-child {
    position: relative !important;
    top: -15px !important;
  }
  .biz-function table {
    border-width: 1px 0 0 1px;
  }
  .biz-function th:not(:first-child) {
    display: none;
  }
  .biz-function th {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
  }
  .biz-function td:nth-child(1) {
    clear: both;
  }
  .biz-function td:nth-child(1),
  .biz-function td:nth-child(2) {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
  }
  .biz-function td:nth-child(3),
  .biz-function td:nth-child(4),
  .biz-function td:nth-child(5),
  .biz-function td:nth-child(6) {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    border-width: 0 1px 1px 0;
    float: left;
  }
  .biz-function td:nth-child(3):before {
    content: 'iOS：';
  }
  .biz-function td:nth-child(4):before {
    content: 'Android：';
  }
  .biz-function td:nth-child(5):before {
    content: 'Windows：';
  }
  .biz-function td:nth-child(6):before {
    content: 'Mac：';
  }
  .product-function.anshin-pack .anshin-function dt {
    clear: both;
  }
  .product-function.anshin-pack .anshin-function dd {
    width: 80%;
  }
  .product-function.anshin-pack .anshin-function li {
    width: 100%;
    float: none;
    text-align: left;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .product-function.anshin-pack .anshin-function li img {
    width: 20%;
    margin-right: -20%;
    float: left;
  }
  .product-function.anshin-pack .anshin-function li h3,
  .product-function.anshin-pack .anshin-function li p {
    margin-left: 20%;
    margin-bottom: 0;
    padding-left: 10px !important;
    padding-top: 0 !important;
  }
  .product-function.anshin-pack .anshin-function li p {
    padding-top: 5px;
    padding-bottom: 0;
  }
  /* 過去の機能一覧（Biz） */
  .box .product-function h1 + a {
    position: relative !important;
    top: -15px !important;
    bottom: auto !important;
    right: 0;
    display: block;
    text-align: right;
  }
  .box .product-function .detail,
  .box .product-function .detail_o {
    position: relative;
  }
  .box .product-function .detail > img:first-child,
  .box .product-function .detail_o > img:first-child {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 2px;
    left: 0;
  }
  .box .product-function .detail > img + .subtitle,
  .box .product-function .detail_o > img + .subtitle {
    margin-left: 45px;
  }
  .box .product-function .detail table td,
  .box .product-function .detail_o table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .box .product-function .detail table td:nth-child(3),
  .box .product-function .detail_o table td:nth-child(3) {
    display: none;
  }
  /* 製品情報 機能一覧 */
  .product-function.unlimited .no-border td {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  /* 製品情報 デバイス一覧 */
  .product-device:not(.anshin-pack) table {
    display: block;
    position: relative;
    border: 0;
  }
  .product-device:not(.anshin-pack) thead {
    display: block;
    float: left;
  }
  .product-device:not(.anshin-pack) tbody {
    display: block;
    position: relative;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 0;
  }
  .product-device:not(.anshin-pack) thead th {
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }
  .product-device:not(.anshin-pack) tbody td {
    display: block;
  }
  .product-device:not(.anshin-pack) tbody td br {
    display: none;
  }
  .product-device:not(.anshin-pack) tbody tr {
    display: inline-block;
  }
  .product-device:not(.anshin-pack) th:not(:last-child) {
    border-bottom: none;
  }
  .product-device:not(.anshin-pack) td:not(:last-child) {
    border-bottom: none;
  }
  .product-device:not(.anshin-pack) td {
    border-left: none;
  }
  .product-device #tabnavi ul {
    overflow: hidden;
    border-left: 1px solid #ccc;
  }
  .product-device #tabnavi li a {
    border-radius: 0;
    width: 50%;
    box-sizing: border-box;
    float: left;
    background: transparent;
    border: 1px solid #ccc;
    border-width: 1px 1px 0 0;
  }
  .product-device #tabnavi li a:hover,
  .product-device #tabnavi li a.active {
    background: #004386;
    border-color: #004386;
  }
  /* 製品情報 導入事例 */
  .twoCol05 {
    position: relative;
  }
  .twoCol05 > .colL {
    margin: 170px 0 0 0;
  }
  .unlimited .twoCol05 > .colL {
    margin: 0;
  }
  .optia .twoCol05 > .colL {
    margin: 140px 0 0 0;
  }
  .twoCol05 > .colR {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -110px;
  }
  .twoCol06 .colL,
  .twoCol06 .colR {
    width: 100%;
    position: static;
    margin-left: 0;
  }
  .product-case #Main .section .twoCol05 p.colL {
    margin-bottom: 20px;
  }
  /* 製品情報 価格 */
  .product-price h3 {
    white-space: normal !important;
  }
  .product-price th {
    display: none;
  }
  .product-price table {
    display: block;
    border-width: 0 0 1px 0;
  }
  .product-price td {
    display: block;
    border-width: 1px 1px 0 1px;
    box-sizing: border-box;
  }
  .product-price .tableType01 colgroup {
    display: none;
  }
  .product-price .tableType01 td.vl01 {
    white-space: normal;
  }
  /* スマホ安心パック */
  .product-service.anshin-pack .service-menu > div {
    width: 50%;
  }
  .product-service.anshin-pack .service-menu > div:nth-child(n+3) {
    margin-top: 20px;
  }
  .product-service.anshin-pack .anshin-hosho > div {
    padding: 0 15px;
  }
  .product-service.anshin-pack .anshin-hosho .row > div {
    width: 100%;
    padding: 0 0 10px;
  }
  .product-service.anshin-pack .anshin-hosho .row > div img {
    display: block;
    margin: 0 auto;
  }
  .product-service.anshin-pack .tool-box > div {
    width: 100%;
  }
  .product-service.anshin-pack .tool-box > div + div {
    margin-top: 20px;
  }
  .product-service.anshin-pack .tool-box > div:first-of-type img {
    display: block;
    margin: 0 auto;
  }

  /* Secure Shield */
  #mdmNewLayout .aboutMdmCol .colLeft table td {
    display: block;
    width: 100%;
  }
  #mdmNewLayout .aboutMdmCol .colLeft table .img {
    width: 100%;
    display: block;
    text-align: center;
  }

  /* OPTiMのサービス */
  .twoCol02 ul.svcList {
    margin: 30px 0 20px;
    /*display: block;*/
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .twoCol02 ul.svcList li {
    width: 48%;
    margin: 0 1% 10px;
  }

  /* OPTiMからのニュース */
  .twoCol02 #tabnavi {
    margin: 30px 0 20px;
  }
  .tab li {
    width: 30%;
    margin-left: 5%;
    margin-bottom: 10px;
  }
  .tab li:first-child,
  .tab li:nth-child(3n+1) {
    margin-left: 0;
  }

  /* ニュース */
  body.news #Contents.news-detail-wrap #Main .section h4 br,
  body.news #Contents.news-detail-wrap #Main .section h5 br,
  body #Contents.seminar-detail #Main .section h4 br,
  body #Contents.seminar-detail #Main .section h5 br {
    display: none;
  }
  body.news #Contents.news-detail-wrap #Main .section h3,
  body #Contents.seminar-detail #Main .section h3 {
    padding: 0;
    margin-bottom: 20px;
  }
  body.news #Contents.news-detail-wrap #Main .section h3 .news-title,
  body.news #Main .section h3 .news-title {
    float: none;
    margin: 0;
  }
  body.news #Contents.news-detail-wrap #Main .section h3 .notes01,
  body #Contents.seminar-detail #Main .section h3 .notes01,
  body.news #Main .section h3 .notes01 {
    float: none;
    position: static;
    margin: 5px 0 0;
    display: block;
    text-align: right;
  }
  #Contents.news.news-detail-wrap #Main .social-table td,
  #Contents.news.news-detail-wrap #Main .corporate-table td {
    width: 100%;
    display: block;
  }
  #Contents.news.news-detail-wrap #Main .social-table td:nth-child(2n),
  #Contents.news.news-detail-wrap #Main .corporate-table td:nth-child(2n) {
    padding-left: 1em;
    box-sizing: border-box;
  }

  /* プロダクトリスト */
  .productList li, .solutionList li{
    width: 50%;
  }
  .productList li  a img, .solutionList li  a img{
    display: block;
    margin: 0 auto;
  }
  .productList li:nth-child(3n+1), .solutionList li:nth-child(3n+1) {
    clear: none;
    margin-top: 50px !important;
  }
  .productList li:nth-child(2n+1), .solutionList li:nth-child(2n+1) {
    clear: both;
    margin-top: 50px !important;
  }
  .productList li:nth-child(1),
  .productList li:nth-child(2),
  .solutionList li:nth-child(1),
  .solutionList li:nth-child(2){
    margin-top: 0 !important;
  }
  .twoCol07 h3.ttl01 {
    padding-bottom: 0;
  }

  /* 事業内容 */
  .desc-list .clearfix p:first-of-type {
    float: none !important;
    text-align: center;
  }
  .desc-list .clearfix p:first-of-type img {
    margin: 0;
  }
  .optim-books dd {
    margin: 5px 0 30px 2em;
    text-indent: -1em;
  }

  /* 採用 */
  .recruit .tab li {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 10px;
  }
  .recruit .tab li:first-child,
  .recruit .tab li:nth-child(3) {
    margin-left: 0;
  }
  .recruit .tab li:nth-child(4) {
    margin-left: 4%;
  }

  /* コアテクノロジー */
  .listStyle22 li {
    float: none;
    margin: 0 0 1em;
    width: 100%;
  }
  .listStyle22 li div {
    padding: 0 15px 60px;
    height: auto !important;
  }

  /* 投資家情報 */
  #Main.investors .investors-sub-menu li {
    width: 50%;
  }
  #Main.investors .investors-sub-menu li:nth-child(n+3) {
    margin-top: 10px;
  }
  .investors #tabnavi .tab li {
    margin-bottom: 0;
  }
  .investors-top {
    display: block;
  }
  .investors-top > div {
    width: 100%;
  }
  .investors-top > div.material {
    margin-top: 88px;
  }
  .investors-sub-menu li {
    width: 50%;
  }
  .investors-sub-menu li:nth-child(1),
  .investors-sub-menu li:nth-child(2) {
    margin-bottom: 20px;
  }
  .tab.ir-news-tab li {
    width: 30%;
    margin-left: 5%;
  }
  .tab.ir-news-tab li:first-of-type,
  .tab.ir-news-tab li:nth-child(4) {
    margin-left: 0;
  }

  /* サポート最新情報 */
  body.news #Main .section h3 {
    padding: 0;
  }
  body.news #Main .section h3 .notes01 {
    top: 100%;
    margin-top: 10px;
  }
  /* top-footer-bnr 2016.3.15 a.hoshi */
  ul.top-footer-bnr {
    flex-wrap: wrap;
  }
  ul.top-footer-bnr > li {
    width: 49%;
  }
  .top-footer-bnr img {
    padding-bottom: 3%;
  }

}

/* スマートフォン mini */
@media screen and (max-width: 500px) {
  /* プロダクトリスト */
  .productList li,
  .productList li:nth-child(2),
  .box .productList li,
  .box .productList li:nth-child(2),
  .solutionList li,
  .solutionList li:nth-child(2),
  .box .solutionList li,
  .box .solutionList li:nth-child(2){
    width: 100%;
    clear: both;
    margin-top: 50px !important;
  }
  .productList li:first-child,
  .box .productList li:first-child,
  .solutionList li:first-child,
  .box .solutionList li:first-child{
    margin-top: 0 !important;
  }

  /* スマホ安心パック */
  .product-top.anshin-pack .row.padding-5 > div.col-xs-3 {
    width: 50%;
  }
  .product-top.anshin-pack .row.padding-5 > div.col-xs-3:nth-child(n+3) {
    margin-top: 10px;
  }
  .product-service.anshin-pack .service-menu {
    margin: 0 -10px;
  }
  .product-service.anshin-pack .service-menu > div {
    display: table;
    padding: 0 10px;
  }
  .product-service.anshin-pack .service-menu div a {
    line-height: 1.3;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
  }
  .product-service.anshin-pack .service-menu div a br {
    display: block;
  }
  .product-service.anshin-pack .tool li {
    line-height: 20px;
  }
  .product-service.anshin-pack .tool li img {
    width: 20px;
  }

  /* 新卒採用 */
  .twoCol07 .colL,
  .twoCol07 .colR {
    float: none;
    text-align: center;
  }
  .twoCol07 .colL img,
  .twoCol07 .colR img {
    padding: 0 0 1em;
  }
  .listStyle24 li:nth-child(3) {
    clear: both;
  }
  .listStyle24 li:nth-child(3),
  .listStyle24 li:nth-child(4) {
    margin-top: 15px;
  }

  /* 福利厚生 */
  .twoCol07 ul {
    margin: 0 0 1em;
  }
  .twoCol07 ul li {
    margin: 0 0 0 1em;
  }
  .twoCol07 p.colL {
    padding-bottom: 0;
  }

  /* コアテクノロジー */
  .listStyle22 li > img {
    width: 100%;
  }

  /* OPTiMについて */
  .corporate .certification > div {
    width: 100%;
  }
  .corporate .certification > div:nth-child(n+2) {
    margin-top: 20px;
  }

  /* パートナー */
  table.partners {
    border: 0;
  }
  table.partners th {
    display: none;
  }
  table.partners td {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
  table.partners td:first-child {
    border-top: 0;
    border-bottom: 0;
    background: #eee;
  }
  table.partners tr:nth-child(2) td {
    border-top: 1px solid #7f7f7f;
  }

  /* ORW 2015 */
  #events .clearfix > div {
    width: 100%;
  }

  /* 投資家情報 */
  #Main.investors .investors-sub-menu li {
    width: 100%;
  }
  #Main.investors .investors-sub-menu li:not(:first-child) {
    margin-top: 10px;
  }
  .investors table {
    border-bottom: 0;
  }
  .investors table th,
  .investors table td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    border: 0;
    border-bottom: 1px solid #7f7f7f;
  }
  .investors .pc-calendar {
    display: none;
  }
  .investors .mb-calendar {
    display: block;
  }
  .investors #tabnavi .tab li {
    width: 30%;
    margin-left: 5%;
  }
  .investors #tabnavi .tab li:nth-child(4) {
    clear: both;
    margin-left: 0;
  }
  .investors #tabnavi .tab li:nth-child(4),
  .investors #tabnavi .tab li:nth-child(5) {
    margin-top: 10px;
  }

  .investors-sub-menu li {
    width: 100%;
  }
  .investors-sub-menu li:nth-child(3) {
    margin-bottom: 20px;
  }
  .investors-sub-menu li img {
    width: 100%;
  }
  .ir-news dt {
    width: 100%;
  }
  .ir-news dd {
    width: 100%;
    margin-top: 0;
  }
  .investors .row > div.col-2,
  .investors .row > div.col-3 {
    width: 100%;
  }
  .investors .row > div:not(:first-child) {
    margin-top: 20px;
  }
  .investors table {
    border-bottom: 0;
  }
  .investors table th,
  .investors table td {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #7f7f7f;
    box-sizing: border-box;
  }
  .investors .ir-calendar td,
  .investors .ir-library td {
    display: block;
    width: 100%;
    padding: 5px 0 15px;
  }
  .investors .ir-calendar td:first-of-type,
  .investors .ir-library td:first-of-type {
    width: 100%;
    padding: 15px 0 0;
    border-bottom: 0;
  }
  .library-menu li {
    width: 48%;
    margin-left: 4%;
  }
  .library-menu li:nth-child(3) {
    margin-left: 0;
  }
  .library-menu li:nth-child(3),
  .library-menu li:nth-child(4) {
    margin-top: 10px;
  }
  .investors div.material a,
  .investors div.material a:hover {
    background-size: 24px !important;
  }
  .investors .ir-movie p span.date {
    display: block;
  }
  .investors .ir-movie p span + a,
  .investors .ir-movie p span + span {
    margin-left: 0;
  }
}


/* add list nav 2016.1.8 */
@media screen and (max-width: 690px) {
  .product-list #webapp #appList ul.appMenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .product-list #webapp #appList ul.appMenu li {
    margin-bottom: 2px;
    float: none;
    border-radius: 0;
    min-width: 48%;
  }
  .product-list #webapp #appList ul.appMenu li a {
    padding: 10px 0;
    width: 100%;
  }
  /* add a.hoshi */
  dl.dllist01 > dt,
  dl.dllist01 > dd {
    display: block;
    width: auto;
  }
  #map_canvas {
    width:100%;
    height:500px;
    background: url(/wp-content/uploads/2016/02/loading.gif) center center no-repeat;
  }
  .dllist01.mapimg > dt img {
    max-height: 25px;
    width: auto;
    max-width: auto;
  }
  .dllist01.mapimg > dd {
    padding-left: 0;
  }

}



/* nav add */
@media screen and (max-width: 979px) {
 .gnav {
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 100;
    width: 230px;
    height: 100%;
    color: #fff;
    background: #004386;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .mainnav {
    width: 100%;
    height: auto;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
    padding: 0;
    overflow: auto;
  }
  .mainnav li {
    float: none;
    position: relative;
    color: #fff;
  }
  .mainnav a {
    padding: 15px 15px 15px 45px;
    cursor: pointer;
    text-align: left;
    position: relative;
    font-size: 14px;
    line-height: 1.2;
  }
  .mainnav li:hover {
    background: #408af4;
  }
  .mainnav .spttl a {
    /*pointer-events: none;*/
  }
  .mainnav .sub-menu a {
    background: #eee !important;
    border-top: 1px solid #ccc;
    color: #408af4 !important;
  }
  .mainnav a::before {
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -8px;
    content: "\f054";
  }
  .mainnav .spttl a::before {
    margin-top: -9px;
    left: 12px;
    content: "\f078";
  }
  .mainnav .spttl a.active::before {
    margin-top: -9px;
    left: 12px;
    content: "\f077";
  }
  .mainnav .sub-menu a::before {
    display: none;
  }
}

/* core technology add */
.tabbox .conwrap {
    padding: 30px 10px 0;
}
.oddlist > li {
  padding: 30px 1000px;
}
.tablilst li.on::after {
  bottom: -13px;
}
/* logo svg */
@media screen and (max-width: 979px) {
#Header p a {
  background: url(https://www.optim.co.jp/wp-content/themes/renewal/images/icon/logo_corp_w.svg) no-repeat left center;
  background-size: contain;
}
#FootWrap .social a.facebook {
  background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/gn_facebook.svg') no-repeat left top;
  background-size: contain;
}
#FootWrap .social a.facebook:hover {
  background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/gn_facebook_on.svg') no-repeat left top;
  background-size: contain;
}
#FootWrap .social a.twitter {
  background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/gn_twitter.svg') no-repeat left top;
  background-size: contain;
}
#FootWrap .social a.twitter:hover {
  background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/gn_twitter_on.svg') no-repeat left top;
  background-size: contain;
}
#FootWrap .social a.youtube {
  background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/gn_youtube.svg') no-repeat left top;
  background-size: contain;
}
}
#FootWrap .social a.youtube:hover {
  background: url('https://www.optim.co.jp/wp-content/themes/renewal/images/icon/gn_youtube_on.svg') no-repeat left top;
  background-size: contain;
}



/* flexslider add 2016.7.11 & contact list 7.15 */
@media screen and (max-width: 860px) {
  .formlist .btn-form > li a,
  .formlist .btn-form > li a strong {
    font-size: .7rem;
  }
}
@media screen and (max-width: 640px) {
  #carousel,
  .flex-control-thumbs {
    display: none;
  }
  .d-pc {
    display: none;
  }
  .d-sp {
    display: block;
  }
  #TopMain {
    margin-top: 38px;
  }
  .formlist .btn-form > li {
    width: 49.5%;
    padding-bottom: 1em;
  }
}
/* gmenu add 2016.7.15 */
@media screen and (max-width: 979px) {
  .mainnav li.d-sp {
    display: block;
  }
}
/* press add */
@media only screen and (max-width: 600px) {
  .img-m img {
    max-width: 100% !important;
  }
  /* press add sptbl-fnt */
  .sptbl-fnt th,
  .sptbl-fnt td {
	white-space: inherit;
	font-size: 80% !important;
  }
}

/*  form add 2016.11  */
@media screen and (max-width: 979px) {
	#Contents.responsive.contact .time-tbl01 th {
		background: white;
		color: #004386;
		padding: 0;
		border-bottom: 1px dotted #004386 !important;
	}
	.time-tbl01 td {
		padding: 1em 0 .5em;
		line-height: 1.6;
	}
	.time-tbl01 td strong {
	}
}

/* pc br sp  no br:not(.br) */
@media only screen and (max-width: 576px) {
	.pcbr br {
		display: none;
	}
	.pcbr br.br {
		display: inline-block;
	}
}
/* product price normal version */
@media only screen and (max-width: 767px) {
	.normal-tbl {
		border: none;
		display: block;
		width: 100%;
	}
	.normal-tbl tr,
	.normal-tbl td,
	.normal-tbl tbody {
    		display: block;
    		float: left;
    		width: 100%;
    		border: none;
	}
}

/*# sourceMappingURL=../../maps/common.min.css.map */