/*!
Theme Name: OKWAVE
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: okwave
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

OKWAVE is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Layout
		## header
		## footer
# Content
    ## Posts and pages
    ## Press and news
		## why-okwave		_ Why OKWAVE
		## recruit			_ 採用情報
		## about				_ 会社情報
		## ri						_ OKWAVE総合研究所
		## service			_ 製品・サービス
		## success			_ 導入事例
		## download			_ 資料ダウンロード
		## event				_ セミナー/イベント
		## partner			_ パートナー
		## helpdesk			_ 導入後サポート
		## mailmagazine     _ メールマガジン登録
		## slider
		## Language
		## 404
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# LP
	## chatbot
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* Normalize already include in bootstrap */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: -apple-system, Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "MS PGothic", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  padding-top: 121px;
  /* Fallback for when there is no custom background color defined. */ }
body#okbiz-chat.page-template-page-pr {
	padding-top:0;}

@media screen and (min-width: 769px) {
	body#okbiz-chat.page-template-page-pr { padding-top:0;}
}

blockquote, q {
  quotes: "" ""; }

blockquote:before, blockquote:after,
q:before,
q:after {
  content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

a img:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70; }

.anchorlink {
  clear:none;
  margin-top:-95px!important;
  padding-top:95px!important;
}

@media screen and (min-width: 769px) {
	.anchorlink {
	  clear:none;
	  margin-top:-145px!important;
	  padding-top:145px!important;
	}
}

/*-----------------Margins------------------*/

.margin-t15 {
  margin-top: .9375em;
 }
.mgn-b10 {
  margin-bottom:10px !important;
}

/*-----------------Paddings------------------*/

.pad-t0 {
  padding-top:0!important;
}
.pad-b0 {
  padding-bottom:0!important;
}

/* Button */

.button-red a {
  display: block;
  text-decoration: none;
  background-color: #f80808;
  border-radius: 1.5625em;
  padding: .45em .3125em;
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center; }

.button-blue a {
  display: block;
  text-decoration: none;
  background-color: #0D4EC6;
  border-radius: 1.5625em;
  padding: .45em .3125em;
  color: #fff;
  font-size: 18px;
  font-size: 1rem;
  text-align: center; }

.button-blue-sub {
  font-size:12px;
  text-align:center;
  margin:0.5em 0 0 0;
}

@media screen and (min-width: 769px) {
  .button-blue a {
	font-size:1.125rem;
  }
}

.button-red a::after,
.button-blue a::after {
  content: url(images/btn-arrow.png);
  position: relative;
  top: -.1em;
  left: 0.5em; }

.button-red a:hover,
.button-blue a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  color: #fff; }

.button-red a:visited,
.button-blue a:visited {
  color: #fff; }

.button-white a {
  text-decoration: none;
  border: 1px #ccc solid;
  border-radius: 1.5625em;
  padding: .375em 1.875em .1875em .625em;
  color: #7e7e7e;
  font-size: 18px;
  font-size: 1.125rem;
  text-align: center;
  vertical-align: middle; }

.button-white a::after {
  content: url(images/btn-arrow-red.png);
  position: relative;
  top: 0;
  left: 0.5em; }

.button-white a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  color: #f40900; }

.button-white a:visited {
  color: #ccc; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
  color: #777;
  text-decoration: underline;
}
a:visited {
  color: #777;
}
a:hover, a:focus, a:active {
  color: #f80808;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation,
.media-navigation,
.business-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul,
.media-navigation ul,
.business-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul li,
.media-navigation ul li,
.business-navigation ul li {
  font-size: 14px;
  font-size: .9rem;
  display: block;
  z-index: 9999;
}
.main-navigation ul li a,
.media-navigation ul li a,
.business-navigation ul li a {
  display: block;
  padding: .8125em 0 .8125em 1.25em;
  background-color: #fff;
  color: #999;
  text-align: left;
  text-decoration: none;
}
.main-navigation ul li a:last-child,
.media-navigation ul li a:last-child,
.business-navigation ul li a:last-child {
  border-bottom: 1px solid #e9e9e9;
}
.main-navigation ul li a:hover,
.media-navigation ul li a:hover,
.business-navigation ul li a:hover {
  background: #ccc;
  color: #fff;
}
.main-navigation ul ul,
.media-navigation ul ul,
.business-navigation ul ul {
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}
.main-navigation ul ul ul,
.media-navigation ul ul ul,
.business-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul,
.media-navigation ul ul li:hover > ul,
.media-navigation ul ul li.focus > ul,
.business-navigation ul ul li:hover > ul,
.business-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a,
.media-navigation ul ul a,
.business-navigation ul ul a {
  width: 200px;
}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul,
.media-navigation ul li:hover > ul,
.media-navigation ul li.focus > ul,
.business-navigation ul li:hover > ul,
.business-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li,
.media-navigation li,
.business-navigation li {
  position: relative;
  width: 100%;
}
.main-navigation a,
.media-navigation a,
.business-navigation a {
  display: block;
  text-decoration: none;
}

/* media-menu. */
.media-navigation ul li {
  border-bottom: 1px solid #fff;
}
.media-navigation ul li a {
  background-color: #f40900;
  color: #fff;
}
.media-navigation ul li a:last-child {
  border-bottom: none;
}
.media-navigation ul li a:hover {
  background: #ffadaa;
}

/* business-menu. */
.business-navigation ul li {
  border-bottom: 1px solid #fff;
}
.business-navigation ul li a {
  background-color: #0d4ec6;
  color: #fff;
}
.business-navigation ul li a:last-child {
  border-bottom: none;
}
.business-navigation ul li a:hover {
  background: #a2c3ff;
}

/* Small menu. */

.menu-toggle, .main-navigation.toggled ul {
  display: block;
}
.site-header {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
  background-color: #fff;
  border-top: 2px solid #F40900;
}
.menu-toggle {
  background: none;
  box-shadow: none;
  border: none;
  position: absolute;
  top: 2.0em;
  left: .625em;
  width: 34px;
  height: 25px;
}
.menu-toggle span {
  transition: all .4s;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ccc;
  border-radius: 4px;
}
.menu-toggle span:nth-of-type(1) {
  top: 0;
}
.menu-toggle span:nth-of-type(2) {
  top: 10px;
}
.menu-toggle span:nth-of-type(3) {
  bottom: 0;
}
.menu-toggle.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-45deg);
  transform: translateY(10px) rotate(-45deg);
}
.menu-toggle.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-toggle.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

@media screen and (min-width: 769px) {
	
  .menu-toggle {
    display: none;
  }
  .main-navigation,
  .media-navigation,
  .business-navigation {
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    padding: .5em 0;
    margin-top: 0;
  }
  .main-navigation ul,
  .media-navigation ul,
  .business-navigation ul {
    display: block;
    position: relative;
    margin: 0 .625em;
    min-width: 1100px;
  }
  .main-navigation ul li,
  .media-navigation ul li,
  .business-navigation ul li {
    display: inline-block;
    width: auto;
    margin-right: 1.5em;
    vertical-align: middle;
    font-size: 13px;
    font-size: .8rem;
  }
  .main-navigation ul li a,
  .media-navigation ul li a,
  .business-navigation ul li a {
    border-top: none;
    color: #000;
    padding: 0;
  }
  .main-navigation ul li a:last-child,
  .media-navigation ul li a:last-child,
  .business-navigation ul li a:last-child {
    border-bottom: none;
  }
  .main-navigation ul li a:hover,
  .media-navigation ul li a:hover,
  .business-navigation ul li a:hover {
    background: #fff;
    color: #f80808;
  }
  .main-navigation ul li.home,
  .media-navigation ul li.home,
  .business-navigation ul li.home {
    vertical-align: middle;
  }
  .main-navigation ul li.home a,
  .media-navigation ul li.home a,
  .business-navigation ul li.home a {
    width: 36px;
    height: 36px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(images/home01.png) no-repeat;
  }
  .main-navigation ul li.home a:hover,
  .media-navigation ul li.home a:hover,
  .business-navigation ul li.home a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
  }
  .main-navigation ul li.contact,
  .media-navigation ul li.contact,
  .business-navigation ul li.contact {
    float: right;
    margin-right: 0;
    margin-top: 0;
  }
  .main-navigation ul li.contact a,
  .media-navigation ul li.contact a,
  .business-navigation ul li.contact a {
		position: relative;
    display: block;
		margin-top: 1px;
    padding-top: .5575em;
    padding-right: .3125em;
    width: 166px;
    height: 36px;
		border: 1px solid #ccc;
		border-radius: 5rem;
		-webkit-border-radius: 5rem;
		-moz-border-radius: 5rem;
    text-decoration: none;
    text-align: center;
  }

  .main-navigation ul li.contact a::after,
  .media-navigation ul li.contact a::after,
  .business-navigation ul li.contact a::after {
		position: relative;
		top: 0.05em;
		left: 0.8em;
		display: inline-block;
		content: url(images/btn-arrow-red.png);
		width: 7px;
		height: 11px;
	}
	
  /* media-menu. */
	
  .media-navigation {
    border-top: 1px #f40900 solid;
    border-bottom: 1px #f40900 solid;
    background-color: #f40900;
  }
  .media-navigation ul li {
    border-bottom: none;
  }
  .media-navigation ul li a {
    color: #fff;
  }
  .media-navigation ul li a:hover {
    background: #f40900;
    color: #FFB399;
  }
  .media-navigation ul li.home a {
    background: url(images/media/media-home01.png) no-repeat;
  }
  .media-navigation ul li.contact a {
    background: url(images/media-btn-bk.png) no-repeat;
    font-size: 100%;
    color: #000;
  }
  .media-navigation ul li.contact a:hover {
    color: #fff;
  }

  /* business-menu. */
	
  .business-navigation {
    border-top: 1px #0d4ec6 solid;
    border-bottom: 1px #0d4ec6 solid;
    background-color: #0d4ec6;
  }
  .business-navigation ul li {
    border-bottom: none;
  }
  .business-navigation ul li a {
    color: #fff;
  }
  .business-navigation ul li a:hover {
    background: #0d4ec6;
    color: #0093EA;
  }
  .business-navigation ul li.home a {
    background: url(images/business/biz-home01.png) no-repeat;
  }
  .business-navigation ul li.contact a {
    background-color: #FFBF00;
		border-color: #FFBF00;
    color: #000;
  }
  .business-navigation ul li.contact a::after {
    content: url(images/btn-arrow-darkblue.png);
  }
	.business-navigation ul li.contact a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
  }
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-shadow:0 2px 8px #31120d;
  line-height:1.3; }

.img-alignleft {
  float: left;
  margin-right: 1.5em; }

.img-alignright {
  float: right;
  margin-left: 1.5em; }

.img-aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.txt-aligncenter {
  text-align: center; }

.nobr {
  white-space: nowrap; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/

.br-sp, .pc { display: none; }
.red { color: #E91E06; }
.blue { color:#0743C6; }

.anchor {
	position: relative;
	top: 0; }

h1.entry-title { display: none; }

h2 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  text-align: center;
  margin: 1.5em;
  padding-top: .2em; }

h2 span {
  display: inline-block;
  position: relative; }

h2 span::before,
h2 span::after {
  content: "";
  position: absolute;
  height: 4px;
  border-top: 1px solid #ccc;
  top: 11px;
  width: 600px; }

h2 span::before {
  right: 100%;
  margin-right: 10px; }

h2 span::after {
  left: 100%;
  margin-left: 10px; }

h2.title02 {
  color: #3f0000;
  font-size: 1.8rem;
  line-height: 2rem;
  margin: 0 0 0.5em;
  padding: 0.5em 0;
  text-align: center; }

h2.title03 {
  color: #001966;
  font-size: 29px;
  font-size: 1.8rem;
  line-height: 2rem;
  margin: 0 1.0em 0.8em;
  padding: 0;
  text-align: center; }

h2.title02::after,
h2.title03::after {
  display: block;
  position: relative;
  top: -0.2em;
  right: 0;
	left: 0; }

h2.title02::after { content: url("images/pink-line.png"); }
h2.title03::after { content: url("images/blue-line.png"); }

.bnr-container {
  width: 100%;
  text-align: center; }

.bnr-container .bnr-solution {
  display: inline-block;
  padding: .5em; }

@media screen and (min-width: 768px) {

	.br-sp { display:block; }
	.pc { display: inline !important; }

	.pt100 { padding-top: 100px; }
	.pt90 { padding-top: 90px; }
	.pt80 { padding-top: 80px; }
	.pt70 { padding-top: 70px; }
	.pt60 { padding-top: 60px; }
	.pt50 { padding-top: 50px; }
	.pt40 { padding-top: 40px; }
	.pt30 { padding-top: 30px; }
	.pt20 { padding-top: 20px; }
	.pt10 { padding-top: 10px; }

	.anchor { top: 0 !important; }

	h2 {
    font-size: 20px;
    font-size: 1.25rem; }

	.bnr-container {
    padding: 0 1.6em;
    text-align: inherit; }
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

.site-header {
  z-index: 9999;
  box-shadow: 0 0.05em 0.2em 0 rgba(0, 0, 0, 0.2);
}
#okbiz-chat.page-template-page-pr .site-header {
  position: relative;
  z-index: 9999;
  box-shadow: 0 0.05em 0.2em 0 rgba(0, 0, 0, 0.2);
  max-height: 56px;
}
.site-header .site-branding {
  text-align: center;
  padding: 0;
	min-height: 73px;
  margin-bottom: 0;
  border-bottom: 1px solid #e9e9e9;
}
#okbiz-chat.page-template-page-pr .site-header .site-branding {
  text-align: center;
  padding: 0;
	min-height: 55px;
  margin-bottom: 0;
  border-bottom: none;
}
.site-header .site-branding h1.site-title {
  margin: 0 auto;
  padding: 0;
  width: 150px !important;
}
.site-header .site-branding p.site-title {
  margin: 9px auto 0 auto;
  padding: 0;
	width: 160px;
	height: 55px;
  position: relative;
  z-index: 99999;
  display: inline-block;
}
#okbiz-chat.page-template-page-pr .site-header .site-branding p.site-title {
  margin: 0 auto 0 auto;
  padding: 0;
	width: 160px;
	height: 55px;
  position: relative;
  z-index: 99999;
  display: inline-block;
}
.site-header .site-branding p.site-title a {
  margin: 0 auto;
  padding: 0;
	display: block;
	width: 160px;
	height: 55px;
	white-space: nowrap;
	text-indent: 10000px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("/usr/file/attachment/l1Z25KzdQO6dn0z4.png");
	background-image: url("/usr/file/attachment/l1Z25KzdQO6dn0z4.png")\9; /* IE8 */
  background-size: 160px 55px;
}
.site-header .site-branding p.site-title a:not(:target) {
	background-image: url("/usr/file/attachment/l1Z25KzdQO6dn0z4.png")\9; /* IE9 */
}
.site-description {
  display: none;
}

/*-- search */
.search-area {
  position: absolute;
  top: 1.3em;
  width: auto;
  right: .625em;
}
.search-area .search-btn {
  width: 34px;
  height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: #ccc 1px solid;
  padding: 3px;
  float: right;
  margin-top: 0em;
}
.search-area .search-btn a {
  cursor: pointer;
}
#search-open {
  position: relative;
  top: 1em;
  right: -.625em;
  padding-right: .625em;
  padding-bottom: .3125em;
  float: right;
  width: auto;
  background-color: #fff;
  display: block;
  width: 660px !important;
}
#search-open .search-close-btn {
  padding: .1875em;
  margin-top: 0;
  position: absolute;
  top: -3.4em;
  right: .3125em;
  z-index: 9999;
  background-color: #fff;
}
#search-open .search-close-btn a {
  cursor: pointer;
}
#search-open .searchform {
  float: right;
  padding: .3em 0 0 0;
  background-color: #fff;
}
#search-open label {
  display: none;
}
#search-open input[type="text"] {
  float: left;
  width: 300px;
  height: 42px;
  padding: 0 2.5em 0 1.25em;
  /*background: url(images/input.png) no-repeat;*/
  border-radius: 1.5625em;
  background-color: #eee;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
  border: none;
  margin-top: 0;
  margin-right: 0;
}
#search-open input[type="submit"] {
  float: left;
  width: 22px;
  height: 22px;
  margin: .6875em 0 0 -2.5em;
  padding: 0;
  background: url(images/search_red.png) no-repeat;
  border: none;
  box-shadow: none;
  position: relative;
  z-index: 999;
}
#search-open input[type="submit"]:hover {
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
}
#search-open input::-ms-clear {
  display: none;
}
.search {
  margin: 4.8em auto;
}
.search .page-header,
.search .entry-header,
.search .entry-meta,
.search .page-content,
.search .entry-summary {
  padding: 0 .5em;
  width: 100%;
  text-align: left;
}
.search .page-header {
  background-color: rgba(64, 0, 0, 0.5);
  padding: 1em 0;
}
.search .page-header h1.page-title {
  font-size: 29px;
  font-size: 1.8rem;
  padding: .3em;
  color: #fff;
}
.search .page-header h2.page-description {
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 0 1em .5em;
  text-align: left;
}
.search .page-header h2.page-description span.search-for-text::before,
.search .page-header h2.page-description span.search-for-text::after {
  border-top: none;
}
.search .entry-header {
  padding: 0;
}
.search .entry-header h2.entry-title {
  text-align: left;
  text-decoration: underline;
  font-weight: bold;
  border-left: 4px #F40900 solid;
  padding-left: .5em;
  margin-left: .5em;
  margin-bottom: .2em;
}
.search .entry-summary {
  padding-left: 1em;
  margin-top: .7em;
}
.search .entry-meta .posted-on {
  margin: 0;
  padding-left: .7em;
}
.search .entry-footer {
  display: none;
}

@media screen and (min-width: 769px) {

  .site-header .site-branding h1.site-title {
    width: 100% !important;
  }
  #okbiz-chat.page-template-page-pr .site-header .site-branding {
    border-bottom: none;
	width:1000px;
    min-width: 1000px;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    height: 56px;
	min-height:56px;
	text-align:left;
  }
  #okbiz-chat.page-template-page-pr .site-header .site-branding p.site-title {
	  display: inline;
		width: 165px;
		height: 56px;
  }
  #okbiz-chat.page-template-page-pr .site-header .site-branding p.site-title a {
		margin: 0 0 0 -12px;
		padding: 0;
		width: 165px;
		height: 56px;
	}
  #content {
    margin: 0;
  }

  /*-- search */
  .search-area {
    position: relative;
    top: -3.2em;
    right: .625em;
    float: right;
    height: 42px;
  }
  .search-area .search-btn {
    margin-top: 0;
    float: right;
  }
  .search-area .search-btn a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.60;
    opacity: 0.60;
  }

  #search-open {
    width: auto;
    top: -2.9em;
    right: -.95em;
    display: inherit;
    width: auto !important;
  }
  #search-open .search-close-btn {
    top: -.3125em;
    right: 14.8em;
    width: 25px;
    height: 25px;
  }
  #search-open .searchform {
    padding: .3125em;
    margin-top: .3em;
  }
  #search-open input[type="text"] {
    width: 225px;
  }

  .search {
    width: 100%;
    margin: 1.3em auto;
  }
  .search .page-header h1.page-title,
  .search .page-header h2.page-description,
  .search .entry-header,
  .search .entry-meta,
  .search .page-content,
  .search .entry-summary {
    margin: 0 auto;
    width: 1000px;
  }
  .search .page-header {
    padding: 1em 0 1.6em;
    margin-bottom: 1.5em;
  }
  .search .page-header h1.page-title {
    padding-left: 0;
  }
  .search .entry-header h2.entry-title {
    margin-left: 0;
  }
  .search .entry-summary {
    margin-top: .7em;
  }
  .search .nav-links {
    display: none;
  }
}

@media screen and (min-width: 959px) {

	.site-header {
    box-sizing: content-box;
	}
	.site-header .site-branding {
    border-bottom: none;
    min-width: auto;
    padding: 0;
    margin: 0 0 0 -60px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 1;
  }
  .site-header .site-branding h1.site-title {
    width: 100% !important;
  }
	.site-header .site-branding p.site-title {
    position: inherit;
    display: block;
		margin-top:0;
		width: 120px;
		height: 120px;
  }
	.site-header .site-branding p.site-title a {
		margin: 0;
		padding: 0;
		width: 120px;
		height: 120px;
    transform: scale(1);
    transition: all 500ms 0s ease;
    background-image: url("/usr/file/attachment/bNXSJC6svroMzqJY.png");
    background-image: url("/usr/file/attachment/bNXSJC6svroMzqJY.png")\9; /* IE8 */
    background-size: 120px 120px;
  }
  .site-header .site-branding p.site-title a:not(:target) {
    background-image: url("/usr/file/attachment/bNXSJC6svroMzqJY.png")\9; /* IE9 */
  }
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/

/*-- Footer */

#footer-menu {
  border-top: 1px #ccc solid;
  width: 100%;
  padding-top: 1.0em;
  padding-bottom:2em;
  margin: 0 auto;
}
#footer-menu .textwidget {
  font-size: 12px;
  font-size: .75rem;
  margin: 0 auto;
}
#footer-menu .footer-menu-box {
  padding:0 0 75px;
  position:relative;
}
#footer-menu .footer-menu-logo {
	position: relative;
  margin:0 0 1rem;
}
#footer-menu .footer-menu-logo img {
  display:block;
  margin:0 auto;
}
#footer-menu .footer-menu-logo p {
	display: block;
	margin: 0 auto;
	width: 148px;
	height: 148px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-image: url(images/okwave_logo_main.svg);
	background-image: url(images/okwave_logo_main.png)\9; /* IE8 */
}
#footer-menu .footer-menu-logo p:not(:target) {
	background-image: url(images/okwave_logo_main.png)\9; /* IE9 */
}
#footer-menu .footer-menu-list ul {
  border-bottom:1px solid #CCCCCC;
  list-style:none;
  margin:0;
  padding:0;
  overflow:hidden;
}
#footer-menu .footer-menu-list ul li {
  width:100%;
  float:left;
}
#footer-menu .footer-menu-list ul li > ul {
  border-bottom:none;
}
#footer-menu .footer-menu-list ul li > ul >li {
  width:50%;
}
#footer-menu .footer-menu-list ul li.footer-menu-list02,
#footer-menu .footer-menu-list ul li.footer-menu-list03 {
  width:50%;
}
#footer-menu .footer-menu-list ul li.footer-menu-list02 > ul > li,
#footer-menu .footer-menu-list ul li.footer-menu-list03 > ul > li {
  width:100%;
}
#footer-menu .footer-menu-list ul li > ul > li a {
  border-top:1px solid #CCCCCC;
  border-left:1px solid #CCCCCC;
  display:block;
  overflow:hidden;
  text-align:center;
  padding:0.7rem 0;
  text-decoration:none;
}
#footer-menu .footer-menu-list ul li > ul > li:nth-child(2n+1) a {
  border-left:none;
}
#footer-menu .footer-menu-list ul li.footer-menu-list03 > ul > li a {
	border-left:1px solid #CCCCCC;
}
#footer-menu .footer-menu-list ul li > ul > li > ul {
  display:none;
}
#footer-menu .footer-menu-dnv {
  position:absolute;
  right:0.5rem;
  bottom:0;
}
#footer-menu .footer-menu-dnv img {
  margin-top: 0;
  max-width: 80px;
  min-width: 66px;
}

@media screen and (max-width: 479px) {
	
  #footer-menu .block .logo {
    padding-bottom: 2em;
  }
  #footer-menu .block .col-lg-1,
  #footer-menu .block .col-lg-2,
  #footer-menu .block .col-lg-3 {
    width: 100%;
    margin-top: -1.5em;
  }
  #footer-menu ul li {
    margin-top: 0;
  }
  #footer-menu .dnv img {
    margin-top: 1em;
  }
	
}

/*-- language */

#language-menu {
  position: relative;
  width: 100%;
  margin-bottom: 2em;
}

.language-area {
  margin: -65px 0 0 0;
  width: 100%;
}
.language-area .language-btn {
  width: 100%;
  padding: 0;
}
.language-area .language-btn a {
  width: 105px;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: .25em 0 .5em 0;
  color: #777;
  border: 1px #ccc solid;
  border-radius: 1.5625em;
  margin: 0 auto;
  font-size:0.9rem;
}
.language-area .language-btn a:hover {
  cursor: pointer;
  display: block;
  width: 105px;
  border-radius: 1.5625em;
  background-color: #F3F3F3;
}
#language-open {
  position: absolute;
  top: -.1875em;
  width: 100%;
}
#language-open #language-open-btn a {
  width: 107px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 0.25em 0 0.5em 0;
  background-color: #F3F3F3;
  border-radius: 1em 1em 0 0;
  cursor: pointer;
  margin: 0 auto;
  font-size:0.9rem;
}
#language-open #country {
  position: relative;
  background-color: #F3F3F3;
  width: 100%;
  z-index: 100;
  padding: .625em;
}
#language-open #country ul {
  font-size: 0;
  padding: .625em;
  text-align: center;
  margin: 0 auto;
}
#language-open #country ul li {
  display: inline-block;
  list-style: none;
  width: 15%;
  font-size: 12px;
  font-size: .75rem;
}
#language-open #country ul li img {
  padding-right: .3125em;
}

@media screen and (max-width: 479px) {
	
  #language-open #country ul li {
    width: 49%;
  }

}

.site-info {
  width: 100%;
  text-align: center;
  border-top: 1px #ccc solid;
  margin-top: 0;
}
.site-info ul.sep {
  padding: 1.25em 0 0 0;
  font-size: 13px;
  font-size: .75rem;
  margin: 0 auto;
}
.site-info ul.sep li {
  display: inline-block;
  border-right: 1px #ccc solid;
  padding: 0 .3125em 0;
}
.site-info ul.sep li:last-child {
  border-right: none;
}
.site-info .copyright {
  margin: 1em auto;
  font-size: 13px;
  font-size: .75rem;
}

@media screen and (min-width: 768px) {

	#footer-menu {
		padding-top: 2.5em;
	}
  #footer-menu .textwidget {
    width: 1000px;
  }
  #footer-menu img {
    margin-left: 0;
  }
  #footer-menu .block {
    width: 100%;
    float: none;
  }
  #footer-menu .footer-menu-box {
    padding:0;
    position:relative;
  }
  #footer-menu .footer-menu-logo {
    margin:0;
	position:absolute;
	top:0;
	left:0;
  }
  #footer-menu .footer-menu-logo img {
    display:block;
    margin:0 auto;
  }
	#footer-menu .footer-menu-logo p {
		position: relative;
		top: -20px;
		left: -20px;
	}
	#footer-menu .footer-menu-list {
	padding:0 0 0 200px;
  }
  #footer-menu .footer-menu-list ul {
    border-bottom:none;
  }
  #footer-menu .footer-menu-list ul li {
    width:auto;
    float:left;
  }
  #footer-menu .footer-menu-list ul li > ul > li {
    width:auto;
	float:none;
	margin:0 30px 10px 0;
  }
  #footer-menu .footer-menu-list ul li.footer-menu-list02,
  #footer-menu .footer-menu-list ul li.footer-menu-list03 {
    width:auto;
  }
  #footer-menu .footer-menu-list ul li.footer-menu-list02 > ul > li,
  #footer-menu .footer-menu-list ul li.footer-menu-list03 > ul > li {
    width:auto;
  }
  #footer-menu .footer-menu-list ul li > ul > li a {
    border-top:none;
    border-left:none;
    display:block;
    overflow:hidden;
    text-align:left;
    padding:0;
    text-decoration:none;
  }
  #footer-menu .footer-menu-list ul li.footer-menu-list03 {
		float:none;
  }
  #footer-menu .footer-menu-list ul li.footer-menu-list05 {
		position:absolute;
		top:0;
		right:30px;
  }
  #footer-menu .footer-menu-list ul li.footer-menu-list03 > ul > li a {
		border-left:none;
  }
  #footer-menu .footer-menu-list ul li > ul > li > a {
		display:inline-block;
  } 
  #footer-menu .footer-menu-list ul li > ul > li > ul {
    display:block;
  }
  #footer-menu .footer-menu-list ul li > ul > li > ul > li {
		margin:0 0 2px 3px;
		padding:0 0 0 10px;
		position:relative;
  }
  #footer-menu .footer-menu-list ul li > ul > li > ul > li::before {
		content:"\25CF";
		font-size:8px;
		color:#666666;
		position:absolute;
		left:0;
		line-height:16px;
  }
  #footer-menu .footer-menu-list ul li > ul > li > ul > li > a {
		display:inline;
		margin:0;
  }
  #footer-menu .footer-menu-dnv {
    position:absolute;
    right:0.5rem;
    bottom:0;
  }
  #footer-menu .footer-menu-dnv img {
    margin-top: 0;
    max-width: 100%;
    min-width: 66px;
  }

  /*-- language */

	#language-menu {
    margin-bottom: 0;
    margin-top: 0;
    float: left;
  }
  .language-area {
	margin-top:-30px;
  }
  .language-area .language-btn {
    width: 1000px;
    margin: -4.5em auto 0 auto;
  }
  .language-area .language-btn a {
    float: left;
    margin: 0;
  }
  #language-open {
    top: -4.5em;
    width: 100%;
  }
  #language-open #language-open-btn {
    width: 1000px;
    margin: 0 auto;
  }
  #language-open #language-open-btn a {
    margin: 0;
  }
  #language-open #country {
    padding: .825em 0;
  }
  #language-open #country ul {
    width: 1000px;
    padding: .825em 0;
    text-align: left;
  }
  #language-open #country ul li {
    width: 10%;
  }
  #language-open #country ul li:nth-child(1), #language-open #country ul li:nth-child(6) {
    width: 12%;
  }
  .site-info {
    margin-top: 0;
  }
  .site-info ul.sep li {
    padding: 0 1.25em 0;
  }
  .site-info .copyright {
    margin: 1.5em auto;
  }

}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

/* Button */

.button-brown a {
  display: block;
  text-decoration: none;
  background-color: #400000;
  border-radius: 1.5625em;
  padding: .45em 2.0em;
  color: #fff;
  font-size: 14px;
  font-size: .9rem;
  text-align: center; }

.button-brown a::after {
  content: url(images/btn-arrow.png);
  position: relative;
  top: 0em;
  left: 0.5em; }

.button-brown a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
  color: #fff; }

.button-brown a:visited { color: #fff; }

.button-facebook {
  text-indent: 10000px;
  background: url(images/press/okwave_press_single_facebook.png) no-repeat 0 50%; }

.button-twitter {
  text-indent: 10000px;
  background: url(images/press/okwave_press_single_twitter.png) no-repeat 0 50%; }

.button-facebook a,
.button-twitter a {
  display: block;
  width: 36px;
  height: 36px; }


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
  display: block;
}
.hentry {
  margin: 0;
}
.byline,
.updated:not(.published) {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-summary {
  margin: 1.5em 0 0;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* breadcrumb */
.crumbs-container,
.media-crumbs-container,
.business-crumbs-container {
  clear: both;
  width: 100%;
	position: absolute;
  z-index: 8888;
	margin-top: 0;
  padding: 0;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.crumbs-container #crumbs,
.media-crumbs-container #crumbs,
.business-crumbs-container #crumbs {
  color: #777777;
  clear: both;
  margin: 0 auto .05em;
	padding: .8em .625em .7em;
  font-size: 11px;
  font-size: .7rem;
	overflow-x: scroll;
	white-space: nowrap;
}
.crumbs-container #crumbs a,
.media-crumbs-container #crumbs a,
.business-crumbs-container #crumbs a {
	display: inline-block;
  text-decoration: none;
  text-align: center;
  margin: 0 0.25em;
  padding: 0;
  color: #777777;
}
.crumbs-container #crumbs a:hover,
.media-crumbs-container #crumbs a:hover,
.business-crumbs-container #crumbs a:hover {
  color: #373a3c;
}
.crumbs-container #crumbs a:first-child,
.media-crumbs-container #crumbs a:first-child,
.business-crumbs-container #crumbs a:first-child {
  margin-left: 0;
}
.crumbs-container #crumbs .current,
.media-crumbs-container #crumbs .current,
.business-crumbs-container #crumbs .current {
	display: inline-block;
  color: #373a3c;
  margin: 0 0.25em;
}

@media screen and (min-width: 768px) {
  /* breadcrumb */
  .crumbs-container,
  .media-crumbs-container,
  .business-crumbs-container {
    margin-top: 0;
  }
  .crumbs-container #crumbs,
  .media-crumbs-container #crumbs,
  .business-crumbs-container #crumbs {
    margin: 0 auto;
		padding: 1em 0;
    width: 80%;
    min-width: 1000px;
		overflow-x: auto;
	}
}

/* top page */
.content-area {
  position: relative;
  top: 0;
}
#top-mainimg-wrapper {
  width: 100%;
  background-color: #31120d;
  overflow: hidden;
}
#top-mainimg-wrapper .mainimg {
  margin: 0 auto;
  position: relative;
	min-height: 320px;
}
#top-mainimg-wrapper .bg_mov {
  background:url(images/bg_mov.png) repeat-y;
  width:1286px;
  height:500px;
  position:absolute;
  margin:0 auto;
  display:block;
  overflow:hidden;
  left:0;
  right:0;
  z-index:1;
}
#top-mainimg-wrapper .mainimg video#bgvid {
  position: absolute;
  top: 0.9375em;
  left: 0;
  min-width: 100%;
  height: auto;
  background-size: cover;
  background-color: #000;
}

@media screen and (max-width: 768px) {
  #top-mainimg-wrapper { }
  #top-mainimg-wrapper .mainimg video#bgvid {
    display: none;
  }
  #top-mainimg-wrapper .mainimg {
    background: url(images/top_bg.jpg) no-repeat center center;
    background-size: cover;
		margin-top: 0;
  }
  #top-mainimg-wrapper .bg_mov {
		display:none;
  }
}
@media screen and (max-width: 479px) {
  #top-mainimg-wrapper .bg_mov {
	display:none;
  }
}
#top-text-3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index:10;
}
#top-text-3 h2.widget-title01 {
  color: #fff;
  font-size: 22px;
  font-size: 1rem;
  margin-bottom: 0.7em;
	padding-top: 3.0em;
  text-shadow:0 2px 8px #31120d;
  line-height:1.8;
}
#top-text-3 .textwidget {
  color: #fff;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 1.2;
}

#top-text-5 {
  background-color: #F40900;
  width: 100%;
}
#top-text-5 h2.widget-title01 {
  display: none;
}
#top-text-5 h3 {
  font-size: 22px;
  font-size: 1.3rem;
  line-height:1.3;
}
#top-text-5 .textwidget {
  padding: 2em 0;
  margin: 0 auto;
  color: #fff;
  font-size: 14px;
  font-size: .9rem;
}
#top-text-5 .textwidget .col-lg-5 {
  text-align: center;
}
#top-text-5 .youtube a {
  max-width: 100%;
}

#top-text-6 {
  margin: 0 auto;
  text-align: center;
  padding: 0 0 1em 0;
}
#top-text-6 h2.widget-title01 {
  font-size: 29px;
  font-size: 1.8rem;
  padding: .5em;
  margin-bottom: 0;
}
#top-text-6 .textwidget {
  font-size: 14px;
  font-size: .9rem;
}
#top-text-6 .ser-pro {
  padding: 0;
  margin-top: -.8em;
  color:#f40900;
}

#top-text-7 {
  background-color: #F3F3F3;
  padding: 3em 0 2em 0;
}
#top-text-7 h2.widget-title01 {
  display: none;
}
#top-text-7 .textwidget {
  text-align: center;
  font-size: 14px;
  font-size: .9rem;
}
#top-text-7 .textwidget .col-lg-6.first {
  border-bottom: 2px #fff solid;
  margin-bottom: 1.25em;
}
#top-text-7 .textwidget .col-lg-6 {
  padding: 0 1.7em;
}
#top-text-7 .textwidget .col-lg-6 h3.personal {
  color: #f80808;
  margin-bottom: 1em;
  font-size: 29px;
  font-size: 1.8rem;
}
#top-text-7 .textwidget .col-lg-6 h3.corporation {
  color: #0D4EC6;
  margin: 1em 0;
  font-size: 29px;
  font-size: 1.8rem;
}
#top-text-7 .textwidget .col-lg-6 .text {
  text-align: left;
}
#top-text-7 .textwidget .col-lg-6 .button-red a,
#top-text-7 .textwidget .col-lg-6 .button-blue a {
  margin: .625em auto;
  width: 40%;
}
#top-text-7 .textwidget .col-lg-6 .button-red a {
  margin-bottom: 3em;
}
#top-text-7 .textwidget .col-lg-6 .button-blue a {
  margin-top: -1em;
}

/*--------------------------------------------------------------
## Press and news
--------------------------------------------------------------*/

#newsArea,
#info,
#seminar {
  text-align: left;
  width: 100%;
  padding: 2.125em 1.0em; }

#info {
	margin-bottom: 4.0em;
	padding-bottom: 0; }

#seminar {
  margin-bottom: 70px;
	padding-top: 1.0em;
	border-top: 1px solid #ddd; }

#newsArea h2,
#info h2,
#seminar h2 {
  padding: .2em 0;
  text-align: center;
  font-size: 29px;
  font-size: 1.8rem;
  line-height: 1.1; }

#newsArea .button-white a,
#info .button-white a,
#seminar .button-white a {
  font-size: 16px;
  font-size: .9rem;
  margin: -1.9em auto .625em auto;
  padding: .5575em; .625em .1875em .3em;
  display: block;
  width: 25%;
	min-height: 36px;
  color: #777; }

#newsArea .button-white a:hover,
#info .button-white a:hover,
#seminar .button-white a:hover { color: #f80808; }

#newsArea dl {
  line-height: 0.1em;
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  clear: both; }

#info dl,
#seminar dl {
  line-height: 0.1em;
  font-size: 16px;
  font-size: 0.95rem;
  margin: 0;
  padding: 0;
  clear: both; }

#newsArea dt,
#info dt,
#seminar dt {
  margin: 0 0 0.8em;
  padding-top: .9375em;
  color: #f80808;
  font-weight: normal; }

#seminar dt {
	margin: 0 0 0.4em;
	line-height: 1.6; }

#newsArea dd,
#info dd,
#seminar dd {
  padding-left: 0;
  padding-bottom: 0;
  line-height: 1.6;
  margin: 0.5em 0 1.2em -0.1em; }

#newsArea .button-white a { width: 75%; }
#seminar .button-white { margin-bottom: 1.0em; }

#seminar dd {
	font-weight: bold;
	margin-bottom: 0.6em; }

#seminar dd p {
  font-weight: normal;
  margin-bottom: .625em;
  font-size:0.8rem; }

#seminar .cat { display: inline-block; }
#seminar .cat .event-free {
  border: 1px #f80808 solid;
  color: #f80808;
  margin: 0 0 0 .625em;
  padding: .5em;
  float: right; }

#seminar .cat .event-uc,
#seminar .cat .event-int {
  border: 1px #001966 solid;
  color: #001966;
  padding: .5em; }


@media screen and (min-width: 768px) {
  #newsArea {
    width: 1000px;
    position: relative;
    padding: 0; }

  #newsArea .button-white a {
    width: 18em !important;
    position: absolute;
    right: 0;
    top: 2.2em; }

  #section-info-seminar {
    width: 1000px;
    margin: 0 auto 0 auto; }

  #section-info-seminar #info {
    width: 500px !important;
    padding: 0.625em 3rem 1.625em 0;
    display: inline-block; }

  #section-info-seminar #seminar {
    width: 500px !important;
    padding: 0.625em 0 1.625em 3rem;
    display: inline-block; }

  #section-info-seminar #info .button-white a,
  #section-info-seminar #seminar .button-white a {
    width: 6em !important;
    margin: 0;
    position: absolute;
    right: .75em;
    top: .9em; }

  #info {
    padding-right: 1.25em;
    float: left;
    border-right: 1px #ccc solid; }

  #seminar {
		margin-bottom: auto;
		padding-left: 1.25em;
		border-top: none; }

  #newsArea,
  #info,
  #seminar {
    margin: 3.5em auto;
    position: relative; }

  #newsArea h2 {
    font-size: 29px;
    font-size: 1.8rem;
    margin: 0 0 1em 0;
    text-align: left;
  }
  #info h2,
  #seminar h2 {
    font-size: 29px;
    font-size: 1.5rem;
    margin: 0 0 0.3em 0;
    text-align: left; }

  #newsArea dl,
  #info dl,
  #seminar dl {
    overflow: hidden; }

  #newsArea dt,
  #info dt,
  #seminar dt {
    width: 5em;
    padding-top: .75em;
    float: left;
    line-height: 2em; }
  
  #newsArea dt {
    margin-bottom: 0; }
  
  #seminar dt {
		width: 100% !important;
		margin-bottom: 0.3em;
		line-height: 1.6 !important; }

  #info dt { font-size:0.9rem; }
  #seminar dt { font-size:0.95rem; }

  #newsArea dd,
  #info dd,
  #seminar dd {
    padding-left: 5.75em;
    margin: .9375em 0 0 0; }

  #seminar dd {
		padding-left: 0 !important;
    margin-bottom: 0.5em; }

	#seminar .button-white { margin-bottom: 0; }

}

/* press */

#press {
  padding-top: 0;
  margin-bottom: 2em;
}
#press .press-header {
  overflow: hidden;
  background: #f2eee5 url(images/press/okwave_presstop_bg.jpg) no-repeat center bottom;
  background-size: cover;
  height: 380px;
  text-align: center;
}
#press .press-header h1 {
  font-size: 33px;
  font-size: 2.0625rem;
  margin-top: 2.3em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
#press .press-mainimg .img-text .sub-title {
  color: #f80808;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2rem;
}
#press .press-mainimg .img-text p {
  padding: 0 .5em;
}
#press .press-mainimg .img-text p br {
	display: none;
}
#press .press-mainimg .img-text ul {
  margin: 0;
  padding: 0;
}
#press .press-mainimg .img-text ul li {
  display: inline-block;
}
#press .press-mainimg .img-text ul li:first-child {
  margin-right: 1.0em;
}
#press .press-contents {
  width: 1000px;
  margin: 0 auto;
  padding: 2.0em 0;
}
#press .press-contents .press-title {
  width: 100%;
  border-bottom: #ccc solid 1px;
  padding: 0 0 1.125em;
}
#press .press-contents .press-title h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  width: 80%;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0.375em 0;
}
#press .press-contents .press-title .year-link {
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
}
#press .press-contents .press-title:after {
  content: " ";
  display: block;
  clear: both;
}
#press .press-contents dl {
  line-height: 0.1em;
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  clear: both;
}
#press .press-contents dt {
  margin: 0;
  padding-top: .9375em;
  color: #f80808;
  font-weight: normal;
}
#press .press-contents dd {
  padding-left: 0;
  padding-bottom: 0;
  line-height: 1.6;
  margin: 0.5em 0 1.2em -0.1em;
}
#press .press-contents dd b {
  color: #f80808;
  font-weight: normal;
}

@media screen and (min-width: 768px) {

	#press .press-header h1 {
		font-size: 33px;
		font-size: 2.0625rem;
		margin-top: 2.6em;
	}
	#press .press-mainimg .img-text p br {
		display: inline;
	}
	#press .press-contents dl {
    overflow: hidden;
  }
  #press .press-contents dt {
    width: 5em;
    padding-top: .75em;
    float: left;
    line-height: 2em;
  }
  #press .press-contents dd {
    padding-left: 6.25em;
    margin: .9375em 0 0 0;
  }

}
@media screen and (max-width: 768px) {

	#press .press-mainimg .img-text .sub-title {
    margin-bottom: 1.0em;
  }
  #press .press-contents {
    width: 100%;
    padding: 2.125em .625em 0;
  }
  #press .press-contents .press-title h2 {
    width: 100%;
    float: none;
    margin-bottom: 0.625em;
  }
  #press .press-contents .press-title .year-link {
    width: 100%;
    float: none;
  }

}

.selectmenu {
  margin: 0;
  padding: 0;
}
.selectmenu select {
  width: 100%;
  height: 2.4em;
  text-indent: 15px;
  border: #cccccc 1px solid;
  box-shadow: 0px 0px 0px 2px #f6f6f6;
  -moz-box-shadow: 0px 0px 0px 2px #f6f6f6;
  -webkit-box-shadow: 0px 0px 0px 2px #f6f6f6;
  border-radius: 3px;
  text-align: left;
  background: url(images/btn-arrow-down.gif) no-repeat right center;
  line-height: 2.0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
}
.dropmenu {
  width: 100%;
  border: #f6f6f6 2px solid;
  border-radius: 3px;
  text-align: left;
  background: url(images/btn-arrow-down.gif) no-repeat right center;
  *zoom: 1;
  text-indent: 15px;
  margin: 0;
  padding: 0;
}
.dropmenu li {
  position: relative;
  border: #cccccc 1px solid;
  border-radius: 3px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1;
  text-decoration: none;
}
.dropmenu li ul {
  width: 100%;
  position: absolute;
  background-color: #fff;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li {
  width: 100%;
  border-radius: 0;
  border: 1px solid #ddd;
}
.dropmenu li ul li a {
  padding: 12px 0;
  text-align: left;
}
.dropmenu li ul li:hover > a {
  background: #f6f6f6;
}
.dropmenu li ul li a:hover {
  background: #f6f6f6;
}

.dropmenu li ul li {
  overflow: hidden;
  border: none;
  height: 0;
  transition: .2s;
}
.dropmenu li:hover ul li {
  overflow: visible;
  height: 40px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.dropmenu li:hover ul li:first-child {
  border-top: 1px solid #ddd;
}

/* press single */

#press-single {
  padding: 0;
}
#press-single .press-header {
  background: #f2eee5 url(images/press/okwave_press_single_bg.png) no-repeat center bottom;
  background-size: cover;
}
#press-single .press-header .single-wrp {
  width: 780px;
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 95px 0 85px;
}
#press-single .press-header h1 {
  color: #400000;
	font-size: 42px;
	font-size: 2.75rem;
  line-height: 1.35;
	margin-bottom: 0.5em;
}
#press-single .press-header .single-date {
	display: block;
	min-height: 18px;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.0rem;
	padding: 0 0 0.5em 0;
}
#press-single .press-header .single-date::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 0.3em;
  background: url(images/press/okwave_press_single_icon.png) no-repeat 0 0.1em;
	background-size: contain;
}
#press-single .press-header .single-excerpt {}
#press-single .press-header .cmn-link {
  list-style: none;
  border-top: #c0afaa solid 1px;
  border-bottom: #c0afaa solid 1px;
  margin: 0;
  padding: 0.625em 0;
}
#press-single .press-header .cmn-link li {
  vertical-align: middle !important;
  display: inline-block;
}
#press-single .press-header .about_okwave {
  background-color: #f8f6f2;
  border-top: solid 1px #dcd8cc;
}
#press-single .press-single-contents {
  width: 1000px;
  margin: 0 auto;
  padding: 3.0em 0;
}
#press-single .press-single-contents p {
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.6;
}
#press-single .press-single-contents p:after {
  content: " ";
  display: block;
  clear: both;
}
#press-single .press-single-contents:after {
  content: " ";
  display: block;
  clear: both;
}
#press-single .contact_box {
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.6;
  margin-top: 3.0em;
}
#press-single .contact_box .titile {
  font-size: 16px;
  font-size: 1rem;
  background-color: #9f7f7f;
  border-left: 3px #400000 solid;
  color: #fff;
  border-radius: 3px;
  margin: 0 0 1.0em;
  padding: 0.75em;
}
#press-single .contact_box .txt-r {
  text-align: right;
}
#press-single .contact_box .cmt {
  font-size: 12px;
  font-size: .75rem;
}

.button-back {
  text-align: center;
  margin: 0 auto 3.0em;
}
.button-back .button-brown {
  display: inline-block;
}

/* about OKWAVE */

#about_okwave {
  background-color: #f2eee5;
  border-top: #ccc solid 1px;
  font-size: 14px;
  font-size: 0.9rem;
  line-height: 1.6;
  padding: 4.0em 0;
}
#about_okwave .about_okwave_wrp {
  width: 1000px;
  margin: 0 auto;
}
#about_okwave .about_okwave_wrp .title {
  color: #400000;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 1.5em;
}
#about_okwave .about_okwave_wrp .txt-r {
  text-align: right;
  font-size: 12px;
  font-size: .75rem;
}

@media screen and (max-width: 768px) { /* SMP */

	#press-single .press-header .single-wrp {
    width: 100%;
    height: auto;
    padding: 4.0em .625em 3.8em;
  }
	#press-single .press-header .single-date {
	  padding: 0 0 0.3em;
	}
	#press-single .press-header .single-date::before {
		width: 14px;
		height: 14px;
		background-position: 0;
	}
  #press-single .press-header h1 {
		margin-bottom: 0.2em;
		font-size: 24px;
    font-size: 1.45rem;
		line-height: 1.35;
		font-weight: bold;
  }
  #press-single .press-header .cmn-link li.button-brown a {
    font-size: 12px;
    font-size: .75rem;
    padding: 0.45em 1em 0.45em 0.625em;
  }
  #press-single .press-header .cmn-link li.button-brown a:after {
    top: 0.1em;
  }
  #press-single .press-single-contents {
    width: 100%;
    padding: 2.125em .625em 0;
  }

  #about_okwave .about_okwave_wrp {
    width: 100%;
    padding: 0 .625em;
  }

}

/*--------------------------------------------------------------
## why-okwave _ Why OKWAVE
--------------------------------------------------------------*/

#why-okwave h2.title02 {
  padding-left: 0.8em;
  padding-right: 0.8em;
}
#why-okwave h2.title02::after {
  content: "";
}
.whyokwave-inner {
  padding: 0 0.8em;
}
.whyokwave-header {
  padding: 1.8em 0 2em;
  overflow: hidden;
}
/*.whyokwave-header h1.page-title {
	width: 50%;
	max-width: 253px;
	height: auto;
	display: block;
	margin: 0 auto 1em;
}*/
.whyokwave-header h1.page-title {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 250px;
  min-height: 250px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
	background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  -ms-background-size: cover;
  background-image: url(images/okwave_logo_main.svg);
  background-image: url(images/okwave_logo_main.png)\9; /* IE8 */
}
.whyokwave-header h1.page-title:not(:target) {
	background-image: url(images/okwave_logo_main.png)\9; /* IE9 */
}
.whyokwave-header .whyokwave-mainimg {
  margin: 0 auto;
}
.whyokwave-header .whyokwave-mainimg p {
  color: #3F0000;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 0;
  text-align: center;
}
.whyokwave-header .whyokwave-mainimg p.whyokwave-mainim-top {
  font-size: 1.2rem;
  margin-bottom: 0.5em;
}
.whyokwave-message {
  background-color: #F30900;
  padding: 2em 0em;
}
.whyokwave-message .whyokwave-inner::after {
  content: "";
  background: url(images/whyokwave/img_why01.png) no-repeat;
	background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
  width: 300px;
  height: 180px;
  display: block;
  margin: 0 auto;
}
.whyokwave-message .whyokwave-inner p {
  color: #FFFFFF;
  font-size: 0.9rem;
}
.whyokwave-process {
  background-color: #F7F3E8;
  padding: 3em 0 1.5em;
  overflow: hidden;
}
.whyokwave-process p {
  color: #3F0000;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 1.5em;
  padding: 0 0.8em;
}
.whyokwave-process .whyokwave-process-box {
  background-color: #EFE8D3;
  margin: 0 0 1.5em;
  padding: 1.5em 0 0.8em;
  overflow: hidden;
}
.whyokwave-process .whyokwave-process-box ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.whyokwave-process .whyokwave-process-box ol li {
  color: #3F0000;
  font-size: 0.9rem;
  margin: 0 0 0.8em;
  padding: 0 0 0 28px;
}
.whyokwave-process .whyokwave-process-box ol li span {
  width: 28px;
  margin-left: -28px;
  display: block;
  font-weight: bold;
  text-align: center;
  float: left;
}
.whyokwave-process .whyokwave-process-box .whyokwave-inner::after {
  content: "";
  background: url(images/whyokwave/img_why02.png) no-repeat;
	background-size: contain;
  -moz-background-size: contain;
  -webkit-background-size: contain;
  -o-background-size: contain;
  -ms-background-size: contain;
  width: 300px;
  height: 169px;
  display: block;
  margin: 0 auto;
}
.whyokwave-process .button-red a {
  width: 75%;
  margin: 0 auto;
}
.whyokwave-service {
  padding: 3em 0 1.5em;
  overflow: hidden;
}
.whyokwave-service p {
  color: #3F0000;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 1.5em;
  padding: 0 0.8em;
}
.whyokwave-service ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.whyokwave-service ul li {
  margin: 0 0 1em;
  padding: 0;
  display: block;
}
.whyokwave-service ul li img {
  width: auto;
  height: 30px;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {

	/* why okwave for PC */
	#why-okwave h2.title02 {
    margin-bottom: 0;
  }
  .whyokwave-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
  }
  .whyokwave-header {
    padding: 5.0em 0 3.0em;
  }
  /*.whyokwave-header h1.page-title {
		width: auto;
		margin: 1.2em 2em 0 4em;
		float: left;
	}*/
  .whyokwave-header h1.page-title {
    float: left;
    margin: 0 1.0em 0 2.0em;

    display: block;
    width: 400px;
    max-width: 400px;
    min-height: 400px;
  }
  .whyokwave-header .whyokwave-mainimg {
    margin: 0;
    float: left;
  }
  .whyokwave-header .whyokwave-mainimg p {
    font-size: 2.4rem;
    margin-bottom: 0;
    text-align: left;
  }
  .whyokwave-header .whyokwave-mainimg p.whyokwave-mainim-top {
    padding-top: 0.5em;
  }
  .whyokwave-message {
    padding: 4em 0 2.5em;
  }
  .whyokwave-message .whyokwave-inner {
    padding: 0 4em;
    position: relative;
  }
  .whyokwave-message .whyokwave-inner::after {
    width: 374px;
    height: 224px;
    display: block;
    position: absolute;
    right: -20px;
    bottom: 20px;
  }
  .whyokwave-message .whyokwave-inner p {
    width: 530px;
    font-size: 1rem;
  }
  .whyokwave-process {
    padding: 4em 0 2em;
  }
  .whyokwave-process .whyokwave-process-box {
    margin: 0 0 1.5em;
    padding: 3.5em 0 2.5em;
    overflow: hidden;
  }
  .whyokwave-process .whyokwave-process-box .whyokwave-inner {
    padding: 0 12em;
    position: relative;
  }
  .whyokwave-process .whyokwave-process-box .whyokwave-inner::after {
    content: "";
    background: url(images/whyokwave/img_why02.png) no-repeat;
    background-size: contain;
		-moz-background-size: contain;
		-webkit-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		width: 354px;
    height: 199px;
    display: block;
    margin: 0;
    position: absolute;
    right: -20px;
    bottom: 40px;
  }
  .whyokwave-process .whyokwave-process-box ol li {
    font-size: 1rem;
  }
  .whyokwave-process .button-red a {
    width: 280px;
  }
  .whyokwave-service p {
    margin-bottom: 2.5em;
  }
  .whyokwave-service ul li {
    margin: 0 0 1.5em;
    text-align: center;
  }
  .whyokwave-service ul li a {
    display: inline-block;
  }
  .whyokwave-service ul li img {
    width: auto;
    height: auto;
  }

}

/*--------------------------------------------------------------
## recruit _ 採用情報
--------------------------------------------------------------*/

/* recruit-header */

.recruit-header {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 2.0em;
  overflow: hidden;
	height: auto;
	text-align: center; }

.recruit-header h1 {
	margin: 3.2em 0.5rem 0.5em;
  font-size: 1.7rem;
	line-height: 100%; }

.recruit-header h1 span {
	display: block;
	margin-top: 0.3em;
	color: #f80808;
  font-size: 16px;
  font-size: 1.0rem; }

.recruit-header p {
	display: block;
  font-size: 14px;
	font-size: 0.9rem;
	text-align: left;
	margin: 0 auto 3.5em;
	padding: 0 1.0em;
	max-width: 568px; }

#technology .recruit-header p {
	margin-bottom: 6.0em; }

.recruit-header p br {
	display: none; }

#recruit .recruit-header {
	background: #F0F0F0;
	margin-bottom: 0; }

#environment .recruit-header {
	background-image: url(images/recruit/bg_header_environment.jpg); }

#interview .recruit-header {
	background-image: url(images/recruit/bg_header_environment.jpg); }

#technology .recruit-header {
	margin-bottom: 0;
	background-image: url(images/recruit/bg_header_technology.jpg); }


@media screen and (min-width: 768px) {

	/* recruit-header */

	.recruit-header {
		background-size: cover;
		height: 400px; }

	#technology .recruit-header {
		margin-bottom: 2.0em; }

	.recruit-header h1 {
		font-size:2.3rem;
		margin-top: 120px;
		font-weight: normal; }

	#recruit .recruit-header {
		background-color: #F0F0F0;
		background-image: url(images/recruit/bg_header.jpg);
		background-position: center top; }

	.recruit-header p {
		font-size: 14px;
		font-size: 1rem;
		max-width: 1000px;
		line-height:1.6;
		text-align: center; }

	#technology .recruit-header p {
		margin-bottom: 2.5em; }

	.recruit-header p br {
		display: block; }

}

/* recruit-menu */

#recruit-menu {
  background-color: #FBF9F3;
  border-top: 1px solid #ccc;
  box-shadow: 0px 2px 0px 0px #ffffff inset;
	margin: 0;
  padding: 0.5em 0.8em 1.0em; }

#recruit-menu .recruit_menu_inner {
  max-width: 1024px;
  margin: 0 auto; }

#recruit-menu .recruit_menu_inner .menu-box {
  background-image: url(images/about_border_bottom.gif);
  background-repeat: repeat-x;
  background-position: 50% bottom;
  margin: 0;
  padding: 1.8em 0 2.2em;
  font-size: 12px;
  font-size: .8rem;
  line-height: 1.6; }

#recruit-menu .recruit_menu_inner .menu-box:last-child {
  background-image: none !important; }

#recruit-menu .recruit_menu_inner .menu-box .page-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.0rem;
  color: #400000;
  margin: 0.3125rem 0 0; }

#recruit-menu .recruit_menu_inner .menu-box .page-title-en {
  display: block;
  color: #f40900;
  margin: 0 0 0.625rem; }

#recruit-menu .recruit_menu_inner .menu-box img {
  float: left;
  margin: 0 1.0rem 0 0; }

#recruit-menu .recruit_menu_inner .menu-box a {
  display: block;
	min-height: 120px;
  text-decoration: none;
  background: url(images/arrow_brown.png) no-repeat right 5px; }

#recruit-menu .recruit_menu_inner .menu-box:after {
  content: " ";
  display: block;
  clear: both; }


@media screen and (min-width: 768px) {

	/* recruit-menu */

	#recruit-menu {
		margin: 0;
		padding: 2.0em 0.8em; }

	#recruit-menu .recruit_menu_inner .menu-box {
		background-image: url(images/about_border_right.gif), url(images/about_border_bottom.gif);
		background-repeat: no-repeat, repeat-x;
		background-position: right 50%, 50% bottom;
		padding: 1.8em 2.5625rem 2.2em 1.5625rem; }

	#recruit-menu .recruit_menu_inner .menu-box.LineB-off {
		background-image: url(images/about_border_right.gif), none;
		background-repeat: no-repeat;
		background-position: right 50%; }

	#recruit-menu .recruit_menu_inner .menu-box.LineR-off {
		background-image: none, url(images/about_border_bottom.gif);
		background-repeat: repeat-x;

		background-position: 50% bottom; }

	#recruit-menu .recruit_menu_inner .menu-box.LineALL-off {
		background-image: none !important ;
		background-repeat: repeat-x;
		background-position: 50% bottom; }
}


/* recruit-entry */

#recruit-entry {
	position: relative;
	background: #F40900;
	overflow: hidden;
	border-top: 5px solid #F7534D; }

#recruit-entry .recruit-inner {
	position: relative;
	display: block;
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 0.8em 0; }

#recruit-entry .recruit-inner a {
	display: block;
	margin: 1.6em auto;
	padding: .75em .6em .75em .3125em;
	max-width: 420px;
	width: 100%;
	max-height: 60px;

	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	box-sizing: border-box;

	background-color: #FFBF00;
  color: #3F0000;
	font-size: 16px;
	font-size: 1.0rem;
	text-align: center;
	font-weight: bold;
  text-decoration: none; }

#recruit-entry .recruit-inner a:hover {
	background-color: #fff;
	color: #F40900;
	/* filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7; */ }

#recruit-entry .recruit-inner a::after {
  position: relative;
  top: .15em;
  left: 0.6em;
	display: inline-block;
	content: "";
	background: url(images/recruit/btn-arrow-entry-off.png) no-repeat; }

#recruit-entry .recruit-inner a:hover::after {
	background: url(images/recruit/btn-arrow-entry-on.png) no-repeat; }

#recruit-entry .recruit-inner a::after,
#recruit-entry .recruit-inner a:hover::after {
	background-size: contain;
	width: 9px;
	height: 16px; }


@media screen and (min-width: 768px) {

	/* recruit-entry */
	
	#recruit-entry .recruit-inner a {
		font-size: 19px;
		font-size: 1.30rem; }
	
	#recruit-entry .recruit-inner a::after {
		top: .13em; }
	
	#recruit-entry .recruit-inner a::after,
	#recruit-entry .recruit-inner a:hover::after {
		width: 11px;
		height: 20px; }

}


/* tab-recruit-menu */

#tab-recruit-menu {
    width: 100%;
		max-width: 1024px;
    list-style: none;
    background-color: #400000;
    margin: 0 auto;
    padding: 0; }

#tab-recruit-menu ul.tabs {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0; }

#tab-recruit-menu ul.tabs li {
	margin: 0;
	padding: 0;
  text-align: center;
  list-style: none;
	border-bottom: 1px solid #fff; }

#tab-recruit-menu ul.tabs li a {
  display: block;
	
  padding: 0.85rem 0;
  color: #fff;
  font-size: 14px;
  font-size: .9rem;
	font-weight: bold;
  text-decoration: none; }

#tab-recruit-menu ul.tabs li a::after,
#tab-recruit-menu ul.tabs li a::after {
  content: url(images/btn-d-arrow.png);
  position: relative;
  top: -.1em;
  left: 0.5em; }

#tab-recruit-menu .tabs li a:hover {
  display: block;
  background: #f40900; }

#tab-recruit-menu .tabs li.active {
  background: #f40900; }

#tab-recruit-menu:after {
	content: "";
	display: block;
	clear: both; }


@media screen and (min-width: 768px) {

  #tab-recruit-menu {
    width: 100%;
		max-width: 1024px;
    list-style: none;
    background-color: #400000;
    border-bottom: 4px solid #f40900;
    margin: 0 auto;
    padding: 0; }

  #tab-recruit-menu ul.tabs li {
    font-size: 12px;
    font-size: .75rem;
    color: #fff;
    text-align: center;
		border-bottom: none;
		border-right: 2px solid #fff;
		padding: 0 !important;
		margin: 0 !important; }

  #tab-recruit-menu ul.tabs li:last-child {
		border-right: none; }

  #tab-recruit-menu ul.tabs li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 1.0rem 0; }

}

/* recruit-message */

#recruit .recruit-message {
	position: relative;
	background: #F40900;
	overflow: hidden;
	color: #fff; }

#recruit .recruit-message::before {
	display: block;
	margin: 0 auto;
	content: "";
	width: 82px;
	height: 30px;
	background: url(images/recruit/header_arrow_wh.png) no-repeat bottom left; }

#recruit .recruit-message .recruit-inner {
	position: relative;
	display: block;
	max-width: 1024px;
	min-height: 420px;
	margin: 0 auto;
	padding: 0 0.8em 0; }

#recruit .recruit-message h2 {
	margin: 0 0 1.5em;
	padding: 2.0em 0 0 0;
	font-size: 14px;
	font-size: 0.9rem;
	text-align: left;
	font-weight: bold; }

#recruit .recruit-message p {
	position: relative;
	width: 100%;
	font-size: 14px;
	font-size: .9rem; }

#recruit .recruit-message .photo {
	position: relative;
	padding-top: 0.5em;
	width: 100%;
	text-align: center; }


@media screen and (min-width: 768px) {

	/* recruit-message */
	
	#recruit .recruit-message .recruit-inner {
		padding-bottom: 3.2em; }
	
	#recruit .recruit-message p {
		position: relative;
		z-index: 2;
		width: 55%;
		max-width: 550px; }
	
	#recruit .recruit-message .photo {
		position: absolute;
		right: 0;
		bottom: 0;
		padding-top: 0;
		width: 45%; }
	
}

/* environment */

#environment #section-environment {
  width: 100%;
  margin: 0 auto; }

#environment #section-environment .content {
  padding: 1em 0 3em; }

#environment #section-environment .content .row {
	margin: 0;
  padding: 0; }

#environment #section-environment .content .env-box {
  padding: 0; }

#environment #section-environment .content .noline {
	border: none !important; }

#environment #section-environment .box-inner {
	padding: 0 0.8em; }

#environment #section-environment .box-inner::after {
	clear: both;
	position: relative;
	display: block;
	content: "";
	height: 2.0em;
	overflow: hidden;
	border-bottom: 1px dotted #666; }

#environment #section-environment .last .box-inner::after {
	border-bottom: none; }

#environment #section-environment .content h2 {
	color: #3F0000;
  font-size: 18px;
  font-size: 1.25rem;
  line-height: 1.0;
  text-align: center;
	font-weight: bold;
  overflow: hidden;
  text-align: center;
  margin: 0;
	padding: 1.5em 0 0.8em; }

#environment #section-environment .content h2::after {
  content: url(images/pink-line.png);
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  display: block; }

#environment #section-environment .content p {
	margin-bottom: 0;
	font-size: 14px;
	font-size: 0.9rem;
	text-align: left; }

#environment #section-environment .content p img {
	float: right;
	width: 45%;
	max-width: 180px;
	margin: 0.2em 0 0 0.6em; }	

#fancyboxID-1 {
  width: 100%;
  height: auto; }

@media screen and (min-width: 768px) {

  #environment #section-environment {
    max-width: 1024px; }

	#environment #section-environment .content {
		padding: 3em 0; }

  #environment #section-environment ul.tabs li a {
    font-size: 16px;
    font-size: 1.0rem; }

	#environment #section-environment .content .row {
		margin-bottom: 1.5em; }

	#environment #section-environment .content .row.first {
		margin-top: 0; }

	#environment #section-environment .content .row::before {
		position: relative;
		clear: both;
		display: block;
		content: "";
		height: 1.5em;
		overflow: hidden;
		background: url(images/recruit/line_env01_pc.png) no-repeat top center; }

	#environment #section-environment .row.first::before {
		display: none; }

	#environment #section-environment .box-inner {
		padding: 0 1.5em 0 1.8em;
		border-right: 1px dotted #666;
		min-height: 260px; }

	#environment #section-environment .box-inner::after {
		display: none; }
	
	#environment #section-environment .content h2 {
		font-size: 24px;
		font-size: 1.65rem;
		line-height: 26px;
		padding: 0.5em 0 1.0em; }
	
	#environment #section-environment .content p {
		padding-bottom: 1.0em; }	

	#environment #section-environment .content p img {
		float: right;
		margin: 0.2em 0 0.5em 1.2em; }	

}

/* technology */

#technology #section-technology {
  width: 100%;
	max-width: 1024px;
  margin: 0 auto; }

#technology #section-technology .content {
	padding: 1.0em 0 3.0em; }

#technology #section-technology .content .row {
	margin: 0;
  padding: 0; }

#technology #section-technology .content .item-box {
  padding: 0; }

#technology #section-technology .content .noline {
	border: none !important; }

#technology #section-technology .box-inner {
	padding: 0 0.8em; }

#technology #section-technology .box-inner::after {
	clear: both;
	position: relative;
	display: block;
	content: "";
	height: 2.0em;
	overflow: hidden;
	border-bottom: 1px dotted #666; }

#technology #section-technology .last .box-inner::after {
	border-bottom: none; }

#technology #section-technology .content h2 {
	color: #3F0000;
  font-size: 18px;
  font-size: 1.25rem;
  line-height: 1.0;
  text-align: center;
	font-weight: bold;
  overflow: hidden;
  text-align: center;
  margin: 0;
	padding: 1.5em 0 0.8em; }

#technology #section-technology .content h2::after {
  content: url(images/pink-line.png);
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  display: block; }

#technology #section-technology .content p {
	margin-bottom: 0;
	font-size: 14px;
	font-size: 0.9rem;
	text-align: left; }

#technology #section-technology .content p img {
	float: right;
	width: 45%;
	max-width: 180px;
	margin: 0.2em 0 0 0.6em; }	


@media screen and (min-width: 768px) {

	#technology #section-technology .content .row {
		margin-bottom: 1.5em; }

	#technology #section-technology .content .row.first {
		margin-top: 0; }

	#technology #section-technology .content .row::before {
		position: relative;
		clear: both;
		display: block;
		content: "";
		height: 1.5em;
		overflow: hidden;
		background: url(images/recruit/line_env01_pc.png) no-repeat top center; }

	#technology #section-technology .row.first::before {
		display: none; }

	#technology #section-technology .box-inner {
		padding: 0 1.5em 0 1.8em;
		border-right: 1px dotted #666;
		min-height: 260px; }

	#technology #section-technology .box-inner::after {
		display: none; }
	
	#technology #section-technology .content h2 {
		font-size: 24px;
		font-size: 1.65rem;
		line-height: 26px;
		padding: 0.5em 0 1.0em; }
	
	#technology #section-technology .content p {
		padding-bottom: 1.5em; }	

	#technology #section-technology .content p img {
		float: right;
		margin: 0.2em 0 0.8em 1.2em; }	

}

/* interview */

#interview #section-interview {
  width: 100%;
  margin: 0 auto; }

#interview #section-interview .content {
  padding: 1em 0 3em; }

#interview #section-interview .content .row {
	margin: 0;
  padding: 0; }

#interview #section-interview .col-md-6,
#interview #section-interview .col-xs-12 {
	margin-bottom: 1.8em; }

#interview #section-interview .staff-box {
	position: relative;
	display: block; }

#interview #section-interview .staff-box a {
	display: block;
	margin: 0;
	padding: 2.4em 1.8em;
	position: relative;
	z-index: 100;
	text-decoration: none; }

#interview #section-interview .staff-box a:hover::before,
#interview #section-interview .staff-box a::after {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

#interview #section-interview .staff-box a:hover::after,
#interview #section-interview .staff-box::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	content: ""; }

#interview #section-interview .staff-box a:hover::after {
	z-index: 1;
	border: 8px solid rgba(244,9,0,1.0);  }

#interview #section-interview .staff-box::after {
	z-index: -7;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover; }

#interview #section-interview .staff-box.interview01::after {
	background-image: url(images/recruit/interview/btn_interview01.jpg); }

#interview #section-interview .staff-box.interview02::after {
	background-image: url(images/recruit/interview/btn_interview02.jpg); }

#interview #section-interview .staff-box.interview03::after {
	background-image: url(images/recruit/interview/btn_interview03.jpg); }

#interview #section-interview .staff-box.interview04::after {
	background-image: url(images/recruit/interview/btn_interview04.jpg); }

#interview #section-interview .staff-box.interview05::after {
	background-image: url(images/recruit/interview/btn_interview05.jpg); }

#interview #section-interview .staff-box.interview06::after {
	background-image: url(images/recruit/interview/btn_interview06.jpg); }

#interview #section-interview .staff-box.interview07::after {
	background-image: url(images/recruit/interview/btn_interview07.jpg); }

#interview #section-interview .staff-box.interview08::after {
	background-image: url(images/recruit/interview/btn_interview08.jpg); }

#interview #section-interview .staff-box.interview09::after {
	background-image: url(images/recruit/interview/btn_interview09.jpg); }

#interview #section-interview .staff-box.interview10::after {
	background-image: url(images/recruit/interview/btn_interview10.jpg); }

#interview #section-interview .staff-box.interview11::after {
	background-image: url(images/recruit/interview/btn_interview11.jpg); }

#interview #section-interview .staff-box .catch,
#interview #section-interview .staff-box .section,
#interview #section-interview .staff-box .name,
#interview #section-interview .staff-box .join { display: block; }

#interview #section-interview .staff-box .catch {
	width: 60%;
	min-height:85px;
	color: #3F0000;
  font-size: 18px;
  font-size: 1.25rem;
	line-height: 1.25;
	margin-bottom: 2.0em; }

#interview #section-interview .staff-box .name,
#interview #section-interview .staff-box .section {
	color: #3F0000;
  text-align: left;
  line-height: 1.0;
	font-weight: normal; }

#interview #section-interview .staff-box .name {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 0 0 0.2em;
	padding: 0; }

#interview #section-interview .staff-box .section,
#interview #section-interview .staff-box .name i,
#interview #section-interview .staff-box .join {
	font-size: 14px;
	font-size: 0.9rem; }

#interview #section-interview .staff-box .section {
  margin: 0 0 0.5em;
	padding: 0; }

#interview #section-interview .staff-box .name i {
  margin: 0.3em 0 0 0.5em;
	padding: 0;
	color: #666; }

#interview #section-interview .staff-box .join {
	margin: 0;
	padding: 0;
	color: #666; }

#interview #section-interview .staff-box .btn {
	position: absolute;
	right: 5px;
	bottom: 5px;
	display: block;
	width: 32px;
	height: 32px;
	background: url(images/recruit/interview/btn_more_off.png) no-repeat;
	background-size: contain; }

#interview #section-interview .staff-box:hover .btn {
	background: url(images/recruit/interview/btn_more_on.png) no-repeat;
	background-size: contain; }


@media screen and (min-width: 768px) {

  #interview #section-interview {
    max-width: 1024px; }

	#interview #section-interview .content { }

	#interview #section-interview .staff-box { }

	#interview #section-interview .staff-box::after {
		background-repeat: no-repeat;
		background-position: center right;
		background-size: auto 100%; }

	#interview #section-interview .staff-box .catch {
		font-size: 22px;
		font-size: 1.4rem; }
	
	#interview #section-interview .staff-box .name {
		font-size: 26px;
		font-size: 1.6rem;
		font-weight: 100; }
	
	#interview #section-interview .staff-box .section,
	#interview #section-interview .staff-box .name i,
	#interview #section-interview .staff-box .join {
		font-size: 14px;
		font-size: 0.9rem; }

}

/* interview-staff
-----------------------------------------------------*/

/* recruit-header */

#interview-staff .interview-staff-header {
	position: relative;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 100%;

	margin-bottom: 0;
	border-bottom: 1px solid #ddd; }

#interview-staff .interview-staff-header.staff01 {
	background-image: url(images/recruit/interview/bg_header_staff01_sp.jpg); }

#interview-staff .interview-staff-header.staff02 {
	background-image: url(images/recruit/interview/bg_header_staff02_sp.jpg); }

#interview-staff .interview-staff-header.staff03 {
	background-image: url(images/recruit/interview/bg_header_staff03_sp.jpg); }

#interview-staff .interview-staff-header.staff04 {
	background-image: url(images/recruit/interview/bg_header_staff04_sp.jpg); }

#interview-staff .interview-staff-header.staff05 {
	background-image: url(images/recruit/interview/bg_header_staff05_sp.jpg); }

#interview-staff .interview-staff-header.staff06 {
	background-image: url(images/recruit/interview/bg_header_staff06_sp.jpg); }

#interview-staff .interview-staff-header.staff07 {
	background-image: url(images/recruit/interview/bg_header_staff07_sp.jpg); }

#interview-staff .interview-staff-header.staff08 {
	background-image: url(images/recruit/interview/bg_header_staff08_sp.jpg); }
	
#interview-staff .interview-staff-header.staff09 {
	background-image: url(images/recruit/interview/bg_header_staff09_sp.jpg); }

#interview-staff .interview-staff-header.staff10 {
	background-image: url(images/recruit/interview/bg_header_staff10_sp.jpg); }
	
#interview-staff .interview-staff-header.staff11 {
	background-image: url(images/recruit/interview/bg_header_staff11_sp.jpg); }

#interview-staff .interview-staff-header .header-inner {
	position: relative;
	margin: 0 auto;
	max-width: 1024px;
	min-height: 320px; }

#interview-staff .interview-staff-header .staff-info {
	position: relative;
	top: 280px;

	z-index: 1;
	display: block;
	margin: 0 0.8em 0;
	padding: 0.5em;
	background-color: #fff;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
	max-width: auto !important;
	width: auto !important;
	
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px; }

#interview-staff .interview-staff-header .staff-info .border-box {
	padding: 1.2em;
	border: 6px solid rgba(244,9,0,1.0);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

#interview-staff .interview-staff-header .staff-info h1 {
	margin: 0 0 1.0em;
	padding: 0 0 1.0em;
	border-bottom: 1px dotted #666; }

#interview-staff .interview-staff-header .staff-info h1,
#interview-staff .interview-staff-header .staff-info .name {
	font-size: 1.25rem;
	line-height: 1.25;
	font-weight: bold; }

#interview-staff .interview-staff-header .staff-info p {
	margin: 0;
	padding: 0; }

#interview-staff .interview-staff-header .staff-info .section,
#interview-staff .interview-staff-header .staff-info .join,
#interview-staff .interview-staff-header .staff-info .name i {
  font-size: 14px;
  font-size: 0.85rem; }

#interview-staff .interview-staff-header .staff-info .section {
	font-weight: bold; }

#interview-staff .interview-staff-header .staff-info .name {
	display: block; }

#interview-staff .interview-staff-header .staff-info .name i {
	margin-left: 0.5em;
	color: #666;
	font-weight: normal; }

@media screen and (min-width: 768px) {

	/* recruit-header */

	#interview-staff .interview-staff-header {
		background-size: cover;
		min-height: 400px;
		margin-bottom: 0; }
	
	#interview-staff .interview-staff-header.staff01 {
		background-image: url(images/recruit/interview/bg_header_staff01.jpg); }
	
	#interview-staff .interview-staff-header.staff02 {
		background-image: url(images/recruit/interview/bg_header_staff02.jpg); }
	
	#interview-staff .interview-staff-header.staff03 {
		background-image: url(images/recruit/interview/bg_header_staff03.jpg); }
	
	#interview-staff .interview-staff-header.staff04 {
		background-image: url(images/recruit/interview/bg_header_staff04.jpg); }
	
	#interview-staff .interview-staff-header.staff05 {
		background-image: url(images/recruit/interview/bg_header_staff05.jpg); }
	
	#interview-staff .interview-staff-header.staff06 {
		background-image: url(images/recruit/interview/bg_header_staff06.jpg); }
	
	#interview-staff .interview-staff-header.staff07 {
		background-image: url(images/recruit/interview/bg_header_staff07.jpg); }
	
	#interview-staff .interview-staff-header.staff08 {
		background-image: url(images/recruit/interview/bg_header_staff08.jpg); }
	
	#interview-staff .interview-staff-header.staff09 {
		background-image: url(images/recruit/interview/bg_header_staff09.jpg); }
	
	#interview-staff .interview-staff-header.staff10 {
		background-image: url(images/recruit/interview/bg_header_staff10.jpg); }
		
	#interview-staff .interview-staff-header.staff11 {
		background-image: url(images/recruit/interview/bg_header_staff11.jpg); }

	#interview-staff .interview-staff-header .staff-info {
		position: relative;
		top: 4.8em;
		z-index: 1;
		display: block;
		margin: 0 0.8em 4.5em;
		padding: 0.5em;
		background-color: #fff;
		box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1);
		max-width: 535px;
		width: 54%;
		
		border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }
	
	#interview-staff .interview-staff-header .staff-info .border-box {
		padding: 1.8em;
		border: 10px solid rgba(244,9,0,1.0);
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px; }
	
	#interview-staff .interview-staff-header .staff-info h1 {
		margin: 0 0 1.0em;
		padding: 0 0 1.0em;
		border-bottom: 1px dotted #666; }
	
	#interview-staff .interview-staff-header .staff-info h1,
	#interview-staff .interview-staff-header .staff-info .name {
		font-size: 1.65rem;
		line-height: 1.35;
		font-weight: 600; }
	
	#interview-staff .interview-staff-header .staff-info p {
		margin: 0;
		padding: 0; }
	
	#interview-staff .interview-staff-header .staff-info .section,
	#interview-staff .interview-staff-header .staff-info .join,
	#interview-staff .interview-staff-header .staff-info .name i {
		font-size: 16px;
		font-size: 1.0rem; }
	
	#interview-staff .interview-staff-header .staff-info .section {
		font-weight: bold; }
	
	#interview-staff .interview-staff-header .staff-info .name {
		display: block; }
	
	#interview-staff .interview-staff-header .staff-info .name i {
		margin-left: 0.5em;
		color: #666;
		font-weight: normal; }
}

/* section-interview */

#interview-staff #section-interview {
	position: relative;
  width: 100%;
  margin: 190px auto 0; }

#interview-staff #section-interview .content {
	margin: 0;
  padding: 1em 0 3em; }

#interview-staff #section-interview .content .row {
	border-top: 1px dotted #ccc;
	margin: 0;
  padding: 2.6em 0 0 0; }

#interview-staff #section-interview .content .row:first-child {
	border-top: none;
	margin-top: 0;
  padding: 0; }

#interview-staff #section-interview .col-md-8,
#interview-staff #section-interview .col-xs-12 {
	margin-bottom: 1.8em; }

#interview-staff #section-interview .txt-box {
	position: relative;
	display: block; }


#interview-staff #section-interview .txt-box h2 {
	position: relative;
	margin: 0;
	padding: 0.3em 0 1.0em;
	color: #400000;
	font-size: 1.15rem;
	line-height: 1.25;
	text-align:left;
	font-weight: bold;
	overflow: visible; }

#interview-staff #section-interview .txt-box h2::before {
	content: "";
	position: absolute;
	z-index:1;
	top: 0;
	left: 0;
	width: 45px;
	height: 40px; }

#interview-staff #section-interview .txt-box h2.q01::before,
#interview-staff #section-interview .txt-box h2.q02::before,
#interview-staff #section-interview .txt-box h2.q03::before,
#interview-staff #section-interview .txt-box h2.q04::before,
#interview-staff #section-interview .txt-box h2.q05::before,
#interview-staff #section-interview .txt-box h2.q06::before,
#interview-staff #section-interview .txt-box h2.q07::before,
#interview-staff #section-interview .txt-box h2.q08::before {
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain; }

#interview-staff #section-interview .txt-box h2.q01::before {
	background-image: url(images/recruit/interview/icon_q01.png); }

#interview-staff #section-interview .txt-box h2.q02::before {
	background-image: url(images/recruit/interview/icon_q02.png); }

#interview-staff #section-interview .txt-box h2.q03::before {
	background-image: url(images/recruit/interview/icon_q03.png); }

#interview-staff #section-interview .txt-box h2.q04::before {
	background-image: url(images/recruit/interview/icon_q04.png); }

#interview-staff #section-interview .txt-box h2.q05::before {
	background-image: url(images/recruit/interview/icon_q05.png); }

#interview-staff #section-interview .txt-box h2.q06::before {
	background-image: url(images/recruit/interview/icon_q06.png); }

#interview-staff #section-interview .txt-box h2.q07::before {
	background-image: url(images/recruit/interview/icon_q07.png); }

#interview-staff #section-interview .txt-box h2.q08::before {
	background-image: url(images/recruit/interview/icon_q08.png); }

#interview-staff #section-interview .txt-box p {
	font-size: 0.85rem;
	line-height: 1.6; }

#interview-staff #section-interview .txt-box h2 {
	padding-left: 56px;
	padding-right: 0.5em; }

#interview-staff #section-interview .txt-box p {
	margin-bottom: 2.0em;
	padding-left: 0.5em;
	padding-right: 0.5em; }

#interview-staff #section-interview .img-box img {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto 1.5em;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

@media screen and (min-width: 768px) {

  #interview-staff #section-interview {
    max-width: 1024px;
		margin: 0 auto; }

	#interview-staff #section-interview .content {
		padding: 3.0em 0 0; }
	
	#interview-staff #section-interview .content .row:first-child {
		margin-top: 0 !important; }
	
	#interview-staff #section-interview .txt-box h2 {
		padding: 0.6em 0 1.0em;
		font-size: 1.35rem;
		line-height: 1.25;
		text-align:left;
		font-weight: bold; }
	
	#interview-staff #section-interview .txt-box h2::before {
		width: 69px;
		height: 61px; }

	#interview-staff #section-interview .txt-box h2,
	#interview-staff #section-interview .txt-box p {
		padding-left: 85px;
		padding-right: 0.5em; }

	#interview-staff #section-interview .txt-box p {
		line-height: 1.8; }

}

/*--------------------------------------------------------------
## about _ 会社情報
--------------------------------------------------------------*/

#about.content-area {
  margin: 0;
  padding-top: 0;
}
#about .about-header {
  overflow: hidden;
  background: #f2eee5 url(images/about/okwave_abouttop_bg.jpg) no-repeat center bottom;
  background-size: cover;
  height: 380px;
  text-align: center;
}
#about .about-header h1 {
  font-size: 33px;
  font-size: 2.0625rem;
  margin-top: 3.0em;
}
#about .about-mainimg .img-text .sub-title {
  color: #f80808;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2rem;
}
#about .about-mainimg .img-text p {
  padding: 0 .5em;
}
#about .about-contents {
  width: 1000px;
  font-size: 14px;
  font-size: .9rem;
  line-height: 1.6;
  margin: 0 auto;
  margin-bottom: 2.0rem;
  padding: 4.5em 0 0 0;
  overflow:hidden;
}
body#user-agreement {
	padding-top: 100px;	
}
#user-agreement #about .about-contents {
  padding-top: 0;
}
#about #about .about-contents {
  margin-bottom:0;
}
#about .about-contents:after {
  content: " ";
  display: block;
  clear: both;
}
#about .about-contents h2 {
  color: #400000;
  font-size: 29px;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: left;
  margin: 0;
  padding: 1.0rem 0 1.875rem;
}
#about .about-contents h2 small {
  position: static;
  color: #f40900;
  font-size: 12px;
  font-size: .75rem;
}
#about .about-contents img {
  margin: 0 0 1.5rem;
}
#about .about-contents .about_img_kanemoto {
  width:100%;
  height:350px;
  display:block;
  overflow:hidden;
  margin-bottom:1.5rem;
}
#about .about-contents .about_img_kanemoto img {
  margin:0 auto;
  display:block;
}

#about-footer-menu {
  background-color: #F7F3E8;
  border-top: #DDDDDD solid 1px;
  box-shadow: 0px 1px 0px 0px #ffffff inset;
  line-height: 1.6;
  padding: 3.125rem 0;
}
#about-footer-menu .about_footer_wrp {
  width: 1020px;
  margin: 0 auto;
}
#about-footer-menu .about_footer_wrp ul {
  width: 100%;
  list-style: none;
  font-size: 12px;
  font-size: .75rem;
  margin: 0;
  padding: 0;
}
#about-footer-menu .about_footer_wrp ul li {
  width: 334px;
  float: left;
  background-image: url(images/about_border_right.gif), url(images/about_border_bottom.gif);
  background-repeat: no-repeat, no-repeat;
  background-position: right 50%, 50% bottom;
  padding: 1rem 20px 0;
  min-height:125px;
}
#about-footer-menu .about_footer_wrp ul li .page-title {
  display: block;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.0rem;
  color: #400000;
  margin: 0;
}
#about-footer-menu .about_footer_wrp ul li .page-title-en {
  display: block;
  color: #f40900;
  margin: 0 0 0.3rem;
}
#about-footer-menu .about_footer_wrp ul li img {
  float: left;
  margin: 0 1.0rem 0 0;
}
#about-footer-menu .about_footer_wrp ul li a {
  display: block;
  text-decoration: none;
  background: url(images/arrow_brown.png) no-repeat right 5px;
}
#about-footer-menu .about_footer_wrp ul li:nth-last-child(1),
#about-footer-menu .about_footer_wrp ul li:nth-last-child(2),
#about-footer-menu .about_footer_wrp ul li:nth-last-child(3) {
  background-image: url(images/about_border_right.gif);
  background-repeat: no-repeat;
  background-position: right 50%;
}
#about-footer-menu .about_footer_wrp ul li:after {
  content: " ";
  display: block;
  clear: both;
}
#about-footer-menu .about_footer_wrp ul:after {
  content: " ";
  display: block;
  clear: both;
}

@media screen and (max-width: 768px) {

  #about .about-header {
    height: 340px;
		margin-bottom: 1.5em;
	}
  #about #menu-about-menu li {
    width: 100%;
    float: none;
	}
  #about .about-contents {
    width: 100%;
    padding: 3.125rem .625em 0;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction:column;
	margin-bottom:0;
	}
  #about .about-contents section,
  #about .about-contents div,
  #about .about-contents p {
	-webkit-order:0;
	order:0;
    }
  #about .about-contents section {
	-webkit-order:1;
	order:1;
	margin:0 -0.625em;
    }
  #about-footer-menu {
    display: none; }

  body#about .about-contents {
    padding: 0 .625em 0; }

}

@media screen and (min-width: 768px) {

	#about .about-contents .about_img_kanemoto {
		width:320px;
		height:453px;
		float:right;
		margin:-80px 0 0 2rem;
  }
  #about .menu-about-menu-container {
	display: block;
  }
  #about .about-header h1 {
		margin-top: 3.2em;
		font-size: 2.3rem;
  }
  #about .about-contents h2 {
		padding-top:4rem;
  }
  #about .about-contents img {
  	margin-bottom: 0;
	}
}

/* about Sub Page */

#about #about-maimimg {
  width: 1000px;
  height: 340px;
  margin: 0 0 1.875rem;
  padding: 4.375rem 0 0 3.125rem;
}
#about #about-maimimg h1 {
  font-size: 33px;
  font-size: 2.0625rem;
}
#about #about-maimimg .sub-title {
  color: #f80808;
  font-size: 16px;
  font-size: 0.9rem;
  margin-bottom: 2rem;
}
#about #about-maimimg .text {
  width: 40%;
}
#about .bg-company {
  background: url(images/about/okwave_about_info_bg.jpg) no-repeat center 0;
}
#about .about-contents .about-title {
  background: url(images/about/okwave_about_info_line.jpg) no-repeat center bottom;
  margin: 0 0 1.0rem;
  padding: 1.0rem 0 1.875rem;
}
#about .about-contents .about-title-top {
  padding:0 0 1.875rem 0;
}
#about .about-contents .about-title h2,
#about .about-contents .about-title-top h2 {
  float: left;
  width: 50%;
  color: #400000;
  font-size: 29px;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: left;
  padding: 0;
}
#about .about-contents .about-title h2 small,
#about .about-contents .about-title-top h2 small {
  position: static;
  color: #f40900;
  font-size: 12px;
  font-size: .75rem;
  display:block;
}
#about .about-contents .about-title ul {
  float: right;
  width: 50%;
  text-align: right;
  list-style: none;
  font-size: 12px;
  font-size: .75rem;
  margin: 1.0rem 0 0;
  padding: 0;
}
#about .about-contents .about-title ul li {
  display: inline;
  border-left: solid 1px #ccc;
  font-weight: bold;
  padding: 0;
  width:50%;
  float:left;
  text-align:center;
  margin-bottom:0.3rem;
}
#about .about-contents .about-title ul li:nth-child(2n+1) {
  border: none;
}
#about .about-contents .about-title ul li a {
  font-weight: normal;
  text-decoration: none;
}
#about .about-contents .about-title:after {
  content: " ";
  display: block;
  clear: both;
}

#about #about-maimimg {
    width: 100%;
    height: auto;
    margin: 0.625rem 0;
    padding: 2rem 5%;
	text-align: center;
}
#about #about-maimimg h1 {
    margin: 0;
}
#about #about-maimimg .sub-title {
    margin-bottom: 10px;
}
#about #about-maimimg .text {
    width: 100%;
    font-size: 12px;
    font-size: 0.8rem;
	text-align:left;
}
#about .bg-company {
    background-size: cover;
}
#about .about-contents .about-title h2,
#about .about-contents .about-title-top h2 {
    float: none;
    width: 100%;
	text-align:center;
}
#about .about-contents .about-title ul {
    float: none;
    width: 100%;
}

@media screen and (min-width: 768px) {
	#about #about-maimimg {
		width: 1000px;
		height: 280px;
		margin: 0 0 1.875rem;
		padding: 4.375rem 0 0 3.125rem;
		text-align:left;
	}
	#about #about-maimimg h1 {
		font-size: 33px;
		font-size: 2.0625rem;
	}
	#about #about-maimimg .sub-title {
		color: #f80808;
		font-size: 16px;
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	#about #about-maimimg .text {
		width: 60%;
		font-size:0.9rem;
	}
	#about .bg-company {
		background: url(images/about/okwave_about_info_bg.jpg) no-repeat center center;
	}
	#about .about-contents .about-title {
		background: url(images/about/okwave_about_info_line.jpg) no-repeat center bottom;
		margin: 0 0 1.0rem;
		padding: 1.0rem 0 1.875rem;
	}
	#about .about-contents .about-title-top {
		margin: 0 0 1.0rem;
		padding: 3.0rem 0 1.875rem;
		overflow:hidden;
	}
	#about .about-contents .about-title h2,
	#about .about-contents .about-title-top h2 {
		float: left;
		width: 50%;
		color: #400000;
		font-size: 29px;
		font-size: 1.8rem;
		line-height: 1.4;
		text-align: left;
		padding: 0;
	}
	#about .about-contents .about-title h2 span::before,
	#about .about-contents .about-title h2 span::after {
		border:none;
	}
	#about .about-contents .about-title h2 small,
	#about .about-contents .about-title-top h2 small {
		position: static;
		color: #f40900;
		font-size: 12px;
		font-size: .75rem;
		padding-left: 1.0rem;
		display: inline;
	}
	#about .about-contents .about-title ul {
		float: right;
		width: 50%;
		text-align: right;
		list-style: none;
		font-size: 12px;
		font-size: .75rem;
		margin: 1.0rem 0 0;
		padding: 0;
	}
	#about .about-contents .about-title ul li {
		display: inline;
		border-left: solid 1px #ccc;
		font-weight: bold;
		padding: 0 0.6rem;
		width:auto;
		float:none;
	}
	#about .about-contents .about-title ul li:nth-child(2n+1)  {
		border-left: solid 1px #ccc;
	}
	#about .about-contents .about-title ul li:first-child {
		border: none;
	}
	#about .about-contents .about-title ul li a {
		font-weight: normal;
		text-decoration: none;
	}
	#about .about-contents .about-title:after {
		content: " ";
		display: block;
		clear: both;
	}	
}

/* about company */

#about .about-company-contents {
  padding: 0 0 2.0rem;
}
#about .about-company-contents h3 {
  font-size: 14px;
  font-size: .9rem;
  font-weight: bold;
  position: relative;
  text-indent: 1.0rem;
}
#about .about-company-contents h3:after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  content: '';
  width: 6px;
  height: 6px;
  border: 6px solid #f80808;
  border-radius: 100%;
}
#about .about-company-contents dl {
  width: 100%;
  border-bottom: solid 1px #eee;
  margin: 0;
  padding: 1.0rem 0;
}
#about .about-company-contents dl dt {
  width: 15%;
  float: left;
  font-weight: bold;
  border-left: solid #f80808 4px;
  padding-left: 1.0rem;
}
#about .about-company-contents dl dd {
  width: 85%;
  float: left;
  margin: 0;
}
#about .about-company-contents dl:after {
  content: " ";
  display: block;
  clear: both;
}
#about .about-company-contents .about-company-people {
  display: inline-block;
  width: 79%;
  vertical-align: top;
}
#about .about-company-contents .about-company-people:nth-child(odd) {
  width: 20%;
}

#about .about-history-contents,
#about .about-award-contents {
  padding: 0 0 2.0rem;
}
#about .about-history-contents dl,
#about .about-award-contents dl {
	position: relative;
  width: 100%;
  border-bottom: solid 1px #eee;
  margin: 0;
  padding: 1.0rem 0;
}
#about .about-history-contents dl:after,
#about .about-award-contents dl:after {
  content: " ";
  display: block;
  clear: both;
}
#about .about-history-contents dl dt {
	position: absolute;
	top: 1.0rem;
	left: 0;
  font-weight: bold;
}
#about .about-history-contents dl dd {
  width: auto;
  margin: 0 0 0 8%;
}
#about .about-history-contents dl dd .month,
#about .about-history-contents dl dd p {
	display: inline-block;
}
#about .about-history-contents dl dd .month {
	width: 5%;
	margin-right: 1.5625rem;
	text-align: right;
  font-weight: bold;
}
#about .about-history-contents dl dd p {
	margin-bottom: 0;
}
#about .about-award-contents dl dt {
  width: 10%;
  float: left;
  font-weight: bold;
}
#about .about-award-contents dl dt .month {
  float: right;
  padding-right: 1.5625rem;
}
#about .about-award-contents dl dd {
  width: 85%;
  float: left;
  margin: 0;
}

#about .about-media-contents {
  padding: 0 0 2.0rem;
}

@media screen and (max-width: 768px) {
  #about .about-company-contents {
    padding: 0 0 2.0rem;
  }
  #about .about-company-contents dl dt {
    width: 100%;
    float: none;
    margin-bottom: 0.625rem;
  }
  #about .about-company-contents dl dd {
    width: 100%;
    float: none;
  }
  #about .about-company-contents .about-company-people {
    display: inline-block;
    width: 60%;
  }
  #about .about-company-contents .about-company-people:nth-child(odd) {
    width: 35%;
  }

  #about .about-history-contents {
    padding: 0 0 2.0rem;
  }
  #about .about-history-contents dl dt {
		position: relative;
		top: 0;
		margin-bottom: 0.2rem;
    width: 100%;
  }
  #about .about-history-contents dl dd .month {
		position: absolute;
		top: 0;
		left: 0;
    padding: 0;
		width: auto;
		white-space: nowrap;
		text-align: left;
	}
  #about .about-history-contents dl dd {
		position: relative;
    width: 100%;
    padding-left: 0;
	  margin: 0 0 0.2rem;
  }
  #about .about-history-contents dl dd p {
		display: block;
		margin-bottom: 0;
		margin-left: 15%;
  }

  #about .about-award-contents {
    padding: 0 0 2.0rem;
  }
  #about .about-award-contents dl dt {
    width: 20%;
  }
  #about .about-award-contents dl dd {
    width: 80%;
    padding-left: 2%;
  }
}

/* about staff */

#about .about-staff-box {
  margin: 0 0 1.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px dotted #aaa;
}
#about .about-staff-box:last-child {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
#about .about-staff-box .about-staff-img {
  margin: 0 0 0.8rem;
}
#about .about-staff-box .about-staff-img img {
  display: block;
  width: 140px;
  height: 140px;
  border: 1px solid #ddd;
  margin: 0 auto;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
}
#about .about-staff-box .about-staff-name {
  margin: 0 0 0.8rem;
  text-align: center;
  line-height: 1.3;
}
#about .about-staff-box .about-staff-name span {
  display: block;
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
}
#about .about-staff-box .about-staff-name p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 150%;
}
#about .about-staff-box .about-staff-name span.name-en {
  color: #999;
  font-size: 0.75rem;
}
#about .about-staff-box dl {
  margin: 0 0 0.5rem;
  overflow: hidden;
}
#about .about-staff-box dl dt {
  text-align: center;
  margin: 0 0 0.5rem;
}
#about .about-staff-box dl dd {
  margin-right: 0;
  margin-left: 0;
  text-align: center;
}
#about .about-staff-box dl dd ul {
  margin: 0 0 0 1rem;
  padding: 0;
}
#about .about-staff-box dl dd ul li {
  margin: 0 0 0.3rem;
  padding: 0;
  font-size: 0.8rem;
  text-align: left;
}
#about .about-staff-box .staff-message {
  margin: -0.5rem 0 0.5rem;
  text-align: center;
}

@media screen and (min-width: 768px) {

	#about .about-staff-contents {
		overflow: hidden;
	}
	#about .about-staff-box {
		overflow: hidden;
		margin-bottom: 2rem;
		padding: 1.5rem 0 3rem;
	}
	#about .about-staff-box .about-staff-img {
		width: 300px;
		float: left;
	}
	#about .about-staff-box .about-staff-img img {
		width: auto;
		height: auto;
		margin: 0;
		border-radius: 15rem;
		-webkit-border-radius: 15rem;
		-moz-border-radius: 15rem;
	}
	#about .about-staff-box .about-staff-profile {
		width: 650px;
		float: right;
		text-align: left;
	}
	#about .about-staff-box .about-staff-name {
		border-left: 3px solid #f40900;
		margin: 0 0 1.2rem;
		padding: 0 0 0 0.8rem;
		text-align: left;
	}
	#about .about-staff-box .about-staff-name span {
		font-size: 0.85rem;
	}
	#about .about-staff-box .about-staff-name p {
		font-size: 1.6rem;
		line-height: 1.1;
		display: inline;
	}
	#about .about-staff-box .about-staff-name span.name-en {
		font-size: 0.85rem;
		display: inline;
		margin: 0 0 0 1rem;
	}
	#about .about-staff-box dl {
		margin: 0 0 1rem;
		overflow: hidden;
	}
	#about .about-staff-box dl dt {
		width: 13%;
		font-size: 0.75rem;
		text-align: left;
		margin: 0;
		float: left;
	}
	#about .about-staff-box dl dd {
		width: 87%;
		font-size: 0.75rem;
		margin: 0;
		text-align: left;
		float: left;
	}
	#about .about-staff-box dl dd ul {
		margin: 0 0 0 1rem;
		padding: 0;
	}
	#about .about-staff-box dl dd ul li {
		margin: 0 0 0.2rem;
		padding: 0;
		font-size: 0.75rem;
		text-align: left;
	}
	#about .about-staff-box dl dd p {
		margin-bottom: 0;
	}
	#about .about-staff-box .staff-message {
		margin: -0.5rem 0 0.5rem;
		text-align: center;
	}
	#about .about-staff-box-s {
		margin: 0 50px 0 0;
		padding-bottom: 1rem;
		float: left;
		width: 475px;
		border-bottom: none;
	}
	#about .about-staff-box-s:nth-child(2n+1) {
		margin: 0;
	}
	#about .about-staff-box-s:last-child {
		padding: 1.5rem 0;
	}
	#about .about-staff-box-s .about-staff-img {
		margin: 0 30px 0 0;
		width: 140px;
	}
	#about .about-staff-box-s .about-staff-profile {
		width: 300px;
		min-height: 330px;
		float: left;
	}
	#about .about-staff-box-s .about-staff-name span.name-en {
		display: block;
		margin: 0.5rem 0 0 0;
	}
	#about .about-staff-box-s .staff-message {
		text-align: left;
	}
	#about .about-staff-box-s .staff-message-text {
		font-size: 0.8rem;
	}	
}

/* about access */

#access #about .bg-company {
  background-image: url(images/about/bg_access.jpg);
}
#about .about-access-box {
  border-bottom: 1px dotted #ccc;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  overflow: hidden;
  text-align: center;
}
#about .about-access-box:last-child {
  border-bottom: none;
}
#about .about-access-box p {
  font-size: 0.75rem;
  text-align: left;
}
#about .about-access-box p.about-access-t {
  border-bottom: 3px solid #f40900;
  font-size: 1rem;
  font-weight: bold;
  margin: 1rem 0 1rem;
  text-align: center;
  display: inline-block;
}
#about .about-access-box .map {
  margin: 0 0 1rem 0;
}
#about .about-access-box .map iframe {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {

	#about .about-access-box p.about-access-t {
    border-bottom: none;
    border-left: 3px solid #f40900;
    font-size: 1.1rem;
    line-height: 110%;
    text-align: left;
    margin: 1.5rem 0 1.2rem;
    padding: 0 0 0 0.5rem;
    display: block;
  }
  #about .about-access-box .map {
    border: 5px solid #eee;
    margin: -40px 0 1rem 1.5rem;
    float: right;
  }
  #about .about-access-box .map iframe {
    display: block;
    width: 600px;
    height: 500px;
  }

}

/* about book */

#about .about-book-box {
  border-bottom: 1px dotted #aaa;
  margin-bottom: 1rem;
  overflow: hidden;
}
#about .about-book-t {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin: 1rem 0 1rem;
}
#about .about-book-box p {
  font-size: 0.75rem;
}
#about .about-book-box p.about-book-t {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin: 1rem 0 1rem;
}
#about .about-book-box .book {
  margin: 0 0 0.8rem;
}
#about .about-book-box .book img {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  max-width: 200px;
}
#about .about-book-box .book span {
  display: block;
  margin: 0.5rem 0 0 0;
}
#about .about-book-box .book span img {
  height: auto;
}
#about .about-book-box .book span a {
  font-size: 0.8rem;
}

@media screen and (min-width: 768px) {

  #book .about-company-contents {
    width: 1050px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #about .about-book {
    overflow: hidden;
  }
  #about .about-book-t {
	width:100%;
    border-bottom: 1px solid #f40900;
    text-align: left;
    margin: 0.8rem 0 1rem;
    padding: 0 0 0.6rem;
  }
  #about .about-book-box {
    width: 475px;
    border-bottom: none;
    margin: 0 50px 50px 0;
    float: left;
  }
  #about .about-book-box p.about-book-t {
    border-bottom: 1px solid #f40900;
    text-align: left;
    margin: 0.8rem 0 1rem;
    padding: 0 0 0.6rem;
  }
  #about .about-book-box .book {
    max-width: 200px;
    margin: 0 0 0.5rem 1.2rem;
    float: right;
  }
  #about .about-book-box .book img {
    width: auto;
    height: auto;
  }
  #about .about-book-box .book span img {
    margin: 0 auto;
  }

}

/* about backstory */

#backstory .about-story-box {
  border-bottom: 1px dotted #aaa;
  margin: 0 0 1rem;

  padding: 1.5rem 0;
  overflow: hidden;
}
#backstory .about-story-box:last-child {
  border-bottom: none;
}
#backstory .about-story-box p {
  font-size: 0.85rem;
}
#backstory .about-story-box p.about-story-t {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}
#backstory .about-story-box p.about-story-t span {
  color: #f40900;
  margin-right: 5px;
}

@media screen and (min-width: 768px) {

	#backstory .about-story-box p.about-story-t {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: left;
  }
  #backstory .about-story-box p.about-story-t span {
    color: #f40900;
    margin-right: 5px;
  }

}

/* about technology */

#technology .about-technology-subtext {
  border-bottom: 1px solid #ccc;
  font-size: 0.85rem;
  margin: 1.5rem 0 0 0;
  padding: 0 0 1.5rem;
}
#technology .about-technology-box {
  border-bottom: 1px dotted #aaa;
  margin: 0 0 1rem;
  padding: 1.5rem 0;
  overflow: hidden;
}
#technology .about-technology-box:last-child {
  border-bottom: none;
}
#technology .about-technology-box .about-technology-t {
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.8rem;
}
#technology .about-technology-box .about-technology-text p {
  font-size: 0.85rem;
}
#technology .about-technology-box .about-technology-img img {
  display: block;
  margin: 0 auto 1.5rem;
}

@media screen and (min-width: 768px) {

	#technology .about-technology-subtext {
    margin: 2.5rem 0 2.5rem;
    padding: 0 0 2.5rem;
    border-bottom: 1px solid #ccc;
    font-size: 0.9rem;
    text-align: center;
  }
  #technology .about-technology-box .about-technology-t {
    margin-bottom: 1.5rem;
    padding: 0 0 0 0.5rem;
    border-left: 3px solid #f40900;
    font-size: 1.2rem;
    line-height: 110%;
    text-align: left;
    font-weight: bold;
  }
  #technology .about-technology-box .about-technology-img {
    margin: 0 0 0 1rem;
    float: right;
  }

}

/* about contribution */

#contribution .about-contribution-box {
  margin: 0 0 1rem;
  padding: 1.5rem 0;
  border-bottom: 1px dotted #AAAAAA;
  overflow: hidden;
}
#contribution .about-contribution-box:last-child {
  border-bottom: none;
}
#contribution .about-contribution-box .about-contribution-t {
  margin: 0 0 0.8rem;
  font-size: 1rem;
  text-align: center;
  font-weight: bold;
}
#contribution .about-contribution-text-s {
  margin: 0 0 1.5rem;
  overflow: hidden;
}
#contribution .about-contribution-text-s img {
  display: block;
  margin: 0 auto 0.8rem;
}

#contribution .about-contribution-text-s p {
  font-size: 0.8rem;
}

#contribution .about-contribution-text-s .about-contribution-t-s {
  margin: 0 0 0.8rem;
  font-size: 0.95rem;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {

	#contribution .about-contribution-box .about-contribution-t {
    margin-bottom: 1.5rem;
    padding: 0 0 0 0.5rem;
    border-left: 3px solid #f40900;
    font-size: 1.2rem;
    line-height: 110%;
    text-align: left;
    font-weight: bold;
  }
  #contribution .about-contribution-text-s {
    padding: 1rem 0 0 0;
  }
  #contribution .about-contribution-text-s img {
    float: right;
    margin: 0 0 0 1.5rem;
  }
  #contribution .about-contribution-text-s .about-contribution-t-s {
    height: 47px;
    font-size: 1rem;
    line-height: 47px;
    text-align: left;
    margin-bottom: 0.5rem;
  }

}

/* about policy */

#policy .about-contents .about-title,
#private_qa .about-contents .about-title {
  padding-top: 2rem;
}
#policy .about-contents .about-title h2 span,
#private_qa .about-contents .about-title h2 span {
  display: block;
  padding-left: 0.7rem;
  font-size: 0.9rem;
}
#policy .about-policy-contents p,
#private_qa .about-policy-contents p {
  font-size: 0.8rem;
}
#policy .about-policy-contents img,
#private_qa .about-policy-contents img {
  width: 100px;
  height: auto;
  float: right;
  margin: 0 0 0 1rem;
}
#policy .about-policy-contents dl,
#private_qa .about-policy-contents dl {
  border: 1px solid #CCCCCC;
  margin: -1px 0 0 0;
  overflow: hidden;
}
#policy .about-policy-contents dl dt,
#private_qa .about-policy-contents dl dt {
  width: 40%;
  font-size: 0.8rem;
  font-weight: normal;
  padding: 0.3rem;
  float: left;
}
#policy .about-policy-contents dl dd,
#private_qa .about-policy-contents dl dd {
  width: 60%;
  font-size: 0.8rem;
  margin: 0;
  float: left;
}
#policy .about-policy-contents dl dd ol,
#private_qa .about-policy-contents dl dd ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
#policy .about-policy-contents dl dd ol li,
#private_qa .about-policy-contents dl dd ol li {
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.3rem;
}
#policy .about-policy-contents dl dd ol li:last-child,
#private_qa .about-policy-contents dl dd ol li:last-child {
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  #policy .about-policy-contents img,
  #private_qa .about-policy-contents img {
    width: auto;
  }
  #policy .about-contents .about-title h2,
  #private_qa .about-contents .about-title h2 {
    width: 33%;
  }
  #policy .about-contents .about-title h2 span,
  #private_qa .about-contents .about-title h2 span {
    font-size: 1.1rem;
    padding-left: 0;
  }
  #policy .about-contents .about-title ul,
  #private_qa .about-contents .about-title ul {
    width: 67%;
  }
}

/*--------------------------------------------------------------
## ri _ OKWAVE総合研究所
--------------------------------------------------------------*/

.ri-mainimg-wrapper {
  background: url(images/ri/bg_ri.jpg) no-repeat center center;
  background-size: 1600px auto;
  height: 420px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#message .ri-mainimg-wrapper,
#outline .ri-mainimg-wrapper,
#report .ri-mainimg-wrapper,
#report-single .ri-mainimg-wrapper {
  height: 270px;
}
.ri-mainimg-wrapper #mainimg {
  margin: 0 auto;
  text-align: center;
}
.ri-mainimg-wrapper #mainimg h2 {
  margin-top: 80px;
  margin-bottom: 5px;
}
.ri-mainimg-wrapper #mainimg h3 {
  color: #F20700;
  font-size: 1rem;
  margin-bottom: 2em;
}
#message .ri-mainimg-wrapper #mainimg h3,
#outline .ri-mainimg-wrapper #mainimg h3,
#report .ri-mainimg-wrapper #mainimg h3,
#report-single .ri-mainimg-wrapper #mainimg h3 {
  margin-bottom: 1em;
}
.ri-mainimg-wrapper #mainimg p {
  font-size: 0.9rem;
  text-align: left;
  margin: 0 1rem;
}
.ri-mainimg-wrapper .cmn-link {
  margin: 1rem 0 0 0;
  padding: 0;
}
.ri-mainimg-wrapper .cmn-link li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.2rem;
  padding: 0;
  list-style: none;
}
#section-ri-cts .container {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
#section-ri-cts .container p {
  font-size: 0.9rem;
}
#section-ri-cts .container p.text-right {
  text-align: right;
}
#section-ri-cts .report_list {
  border: 2px solid #ddd;
  margin: 0 0 1rem;
}
#section-ri-cts .report_list_cap {
  height: 170px;
  padding: 0.8rem;
  overflow: hidden;
}
#section-ri-cts .report_list_cap img {
  margin: 0 auto;
  display: block;
}
#section-ri-cts .report_list_text {
  border-top: 1px dotted #ccc;
  margin: 0.8rem 0 0 0;
  padding: 0.8rem;
}
#section-ri-cts .report_list_text p {
  margin: 0 0 0.5rem;
}
#section-ri-cts .report_list_text .report_list_text_title {
  margin: 0 0 0.7rem;
}
#section-ri-cts .report_list_text .report_list_text_title a {
  color: #3F0000;
  font-size: 1.1rem;
}
#section-ri-cts .report_list_text .report_list_text_title a:hover {
  text-decoration: none;
}
#section-ri-cts .report_list_text .report_list_text_title b {
  color: #F30800;
  font-weight: bold;
}
#section-ri-cts .col-lg-4:first-child .report_list_text .report_list_text_title::after {
  content: "NEW";
  color: #f20700;
  font-size: 0.9rem;
  font-weight: bold;
  margin-left: 0.5rem;
}
#section-ri-cts .report_list_text .report_list_text_date {
  background-color: #FFC926;
  color: #3F0000;
  font-size: 0.8rem;
  line-height: 200%;
  text-align: center;
  margin: 1rem 0 0 0;
  padding: 0 1rem;
}
#section-ri-cts .button-brown {
  margin: 1rem 3% 0;
}
#section-ri-cts .button-brown a {
  font-size: 1rem;
  padding: 0.45em 1em;
}
#section-ri-cts .ri-text-messagetop {
  background-color: #B52121;
  width: 300px;
  margin: 0 auto 1.5rem;
}
#section-ri-cts .ri-text-messagetop::after {
  content: url(images/ri/img_message_photo.jpg);
  width: 300px;
  height: 200px;
  display: block;
}
#section-ri-cts .ri-text-messagetop img {
  width: 90%;
  height: auto;
  margin: 0 2% 0 8%;
  padding: 0.5rem 0;
  display: block;
}
#section-ri-cts .ri-text-abouttop {
  margin: 0 auto 1.5rem;
}
#section-ri-cts .report-entry-top {
  background-color: #EFEEE9;
  padding: 1.2rem 1rem;
}
#section-ri-cts .report-entry-top p {
  font-size: 0.85rem;
  text-align: center;
  margin: 0 0 0.7rem;
}
#section-ri-cts .report-entry-top p.report-entry-title {
  font-size: 1.2rem;
  font-weight: bold;
  color: #3f0000;
}
#section-ri-cts .report-entry-top p.report-entry-date {
  background-color: #FFC926;
  color: #3F0000;
  font-size: 0.8rem;
  line-height: 200%;
  text-align: center;
  margin: 0 15%;
  padding: 0 1rem;
}
#section-ri-cts .report-entry-text {
  padding: 0 0 2rem;
}
#section-ri-cts .report-entry-text::before {
  content: "";
  width: 0;
  height: 0;
  border: 45px solid transparent;
  border-top: 35px solid #EFEEE9;
  display: block;
  margin: 0 auto;
}
#section-ri-cts .report-entry-text p {
  text-align: center;
  margin: -2rem 0 0 0;
}
#section-ri-cts .report-entry-graphic {
  border: 1px solid #ddd;
  margin: 0 0 2rem;
  padding: 0.8rem;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#section-ri-cts .report-entry-graphic p {
  font-size: 0.80rem;
  text-align: center;
  margin: 0 0 0.8rem;
}
#section-ri-cts .report-entry-graphic img {
  display: block;
  margin: 0 auto;
}
#ri-footer-menu {
    background-color: #f7f3e8;
    box-shadow: 0 2px 0 0 #ffffff inset;
    margin: 0;
    padding: 1.2em 0.8em 1.5em;
	overflow:hidden;
}
#ri-footer-menu .ri-footer-menu-inner {
    margin: 0 auto;
    max-width: 1024px;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box {
    background-image: url("images/about_border_bottom.gif");
    background-position: 50% bottom;
    background-repeat: repeat-x;
    font-size: 0.8rem;
    line-height: 1.6;
    margin: 0;
    padding: 1.3em 0 1.3em;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box:last-child {
    background-image: none !important;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box .page-title {
    color: #400000;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin: 0.3125rem 0 0;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box .page-title-en {
    color: #f40900;
    display: block;
    margin: 0 0 0.625rem;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box img {
    float: left;
    margin: 0 1rem 0 0;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box a {
    background: rgba(0, 0, 0, 0) url("images/arrow_brown.png") no-repeat scroll right 5px;
    display: block;
    text-decoration: none;
}
#ri-footer-menu .ri-footer-menu-inner .menu-box::after {
    clear: both;
    content: " ";
    display: block;
}

@media screen and (min-width: 768px) {

	.ri-mainimg-wrapper {
		height: 370px;
	}
	.ri-mainimg-wrapper #mainimg p {
		font-size: 1rem;
		text-align: center;
	}
	#section-ri-cts .container {
		width: 1000px;
		max-width: 1000px;
	}
	#section-ri-cts .container p {
		font-size: 1rem;
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
	#section-ri-cts .container h2.title02 {
		margin: 0;
	}
	#section-ri-cts .row {
		margin-left: -0.75rem;
		margin-right: -0.75rem;
	}
	#section-ri-cts .report_list {
		border: 3px solid #ddd;
		margin: 0 0 1.5rem;
		overflow: hidden;
	}
	#section-ri-cts .col-lg-12 {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	#section-ri-cts .col-lg-12 .report_list_cap {
		width: 50%;
		border-bottom: none;
		border-right: 1px dotted #ccc;
		padding: 1.3rem;
		float: left;
	}
	#section-ri-cts .col-lg-12 .report_list_text {
		width: 50%;
		padding: 1.3rem;
		float: left;
	}
	#section-ri-cts .col-lg-12 .report_list_text .report_list_text_title a {
		font-size: 1.3rem;
	}
	#section-ri-cts .report_list_text p {
		margin: 0 0 1rem;
		text-align: left;
	}
	#section-ri-cts .report_list_text .report_list_text_date {
		margin: 0;
		float: left;
	}
	#section-ri-cts .col-lg-4 {
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}

	#section-ri-cts .col-lg-4 .report_list {
		min-height: 420px;
	}

	#section-ri-cts .col-lg-4 .report_list_cap {
		padding: 1.3rem;
	}
	#section-ri-cts .col-lg-4 .report_list_text {
		margin: 1.3rem 0 0 0;
		padding: 1.3rem;
	}

	#section-ri-cts .col-lg-4 .report_list_text p {
		font-size: 0.8rem;
		margin: 0 0 0.7rem;
	}
	#section-ri-cts .col-lg-4 .report_list_text .report_list_text_title {
		margin: 0 0 0.5rem;
	}
	#section-ri-cts .col-lg-4 .report_list_text .report_list_text_title a {
		font-size: 1rem;
	}
	#section-ri-cts .button-brown {
		margin: 1rem 30% 0;
	}
	#section-ri-cts .button-brown a {
		font-size: 1.1rem;
		padding: 0.6em 1em;
	}
	#ri #section-ri-cts .col-lg-4:first-child {
		width: 100%;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
	#ri #section-ri-cts .col-lg-4:first-child .report_list {
		min-height: 250px;
	}
	#ri #section-ri-cts .col-lg-4:first-child .report_list_cap {
		width: 50%;
		height: auto;
		border-bottom: none;
		border-right: 1px dotted #ccc;
		padding: 1.3rem;
		float: left;
	}
	#ri #section-ri-cts .col-lg-4:first-child .report_list_text {
		width: 50%;
		border-top: none;
		margin: 0;
		padding: 1.3rem;
		float: left;
	}
	#ri #section-ri-cts .col-lg-4:first-child .report_list_text .report_list_text_title a {
		font-size: 1.3rem;
	}
	#section-ri-cts .ri-text-messagetop {
		background-color: #B52121;
		width: 1000px;
		height: 200px;
		margin: 1rem 0 2rem;
		padding: 0 300px 0 0;
		overflow: hidden;
		position: relative;
	}
	#section-ri-cts .ri-text-messagetop::after {
		position: absolute;
		right: 0;
		top: 0;
	}
	#section-ri-cts .ri-text-messagetop img {
		width: 370px;
		height: 160px;
		margin: 20px 0 0 200px;
		padding: 0;
	}
	#section-ri-cts .container .ri-text p {
		font-size: 0.85rem;
		line-height: 170%;
		text-align: left;
	}
	#section-ri-cts .container .ri-text p.text-right {
		text-align: right;
	}
	#section-ri-cts .ri-text-abouttop {
		margin: 1rem 0 2rem;
	}
	#section-ri-cts .report-entry-top {
		text-align: center;
		padding: 2.5rem 4rem;
	}
	#section-ri-cts .report-entry-top p {
		margin: 0 0 1rem;
	}
	#section-ri-cts .report-entry-top p.report-entry-title {
		font-size: 1.6rem;
		margin: 0 0 1.3rem;
	}
	#section-ri-cts .report-entry-top p.report-entry-date {
		font-size: 0.85rem;
		line-height: 200%;
		display: inline-block;
	}
	#ri-footer-menu {
			background-color: #f7f3e8;
			box-shadow: 0 2px 0 0 #ffffff inset;
			margin: 0;
			padding: 1.2em 0.8em 1.5em;
	}
	#ri-footer-menu .ri-footer-menu-inner {
			margin: 0 auto;
			max-width: 1024px;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box {
		background-image: url("images/about_border_right.gif");
			background-position: right 50%, 50% bottom;
			background-repeat: no-repeat, repeat-x;
			font-size: 0.8rem;
			padding: 1em 1.5625rem 1.5em;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box:last-child {
			background-image: none !important;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box .page-title {
			color: #400000;
			display: block;
			font-size: 1rem;
			font-weight: bold;
			margin: 0.3125rem 0 0;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box .page-title-en {
			color: #f40900;
			display: block;
			margin: 0 0 0.625rem;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box img {
			float: left;
			margin: 0 1rem 0 0;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box a {
			background: rgba(0, 0, 0, 0) url("images/arrow_brown.png") no-repeat scroll right 5px;
			display: block;
			text-decoration: none;
	}
	#ri-footer-menu .ri-footer-menu-inner .menu-box::after {
			clear: both;
			content: " ";
			display: block;
	}

}

/* media top page */
#media h2.title02,
#service.page-id-67 h2.title02,
#service-biz h2.title02 {
  color: #3f0000;
  font-size: 29px;
  font-size: 1.8rem;
  line-height: 2rem;
  margin: 0 1em 0 1em;
  padding: .3em 0;
  text-align: center;
}
#media h2.title02::after,
#service.page-id-67 h2.title02::after,
#service-biz h2.title02::after {
  content: url(images/pink-line.png);
  position: relative;
  top: -.4em;
  left: 0;
  right: 0;
  display: block;
}
#service-biz .title-sub p {
  font-size:1rem;
  color:#3F0000;
  font-weight:bold;
  text-align:center;
  margin-bottom:0.3rem;
}
#section-web-inquiry h2.title02::after {
  content: none;
}

#media #section-feature,
#media #section-media,
#media #section-service {
  padding-top: 4.8em;
  padding-bottom: 4.8em;
}

#media #section-feature p img,
#media #section-media p img,
#media #section-service p img,
#media #section-web-inquiry p img {
  margin: 0 auto;
  display: block;
}

#media #section-feature p,
#media #section-media p,
#media #section-service p,
#media #section-web-inquiry p[class="text"] {
  text-align: center;
  font-size: 14px;
  font-size: .9rem;
}

#media-mainimg-wrapper {
  background-color: #ff9d99;
  overflow: hidden;
  border-bottom: 4px #ff9d99 solid;
  position: relative;
  background: url(images/media/kojintop_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 600px;
}
#media-mainimg-wrapper #mainimg {
  position: absolute;
  top: 3.625em;
  left: 0;
  right: 0;
}
#media-mainimg-wrapper #mainimg h2 {
  color: #3f0000;
  font-size: 33px;
  font-size: 2.0625rem;
  margin-bottom: 0;
  padding: .3em 0;
  text-align: center;
}
#media-mainimg-wrapper #mainimg .textwidget {
  color: #747373;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0;
}
#media-mainimg-wrapper #mainimg .textwidget .img-text {
  text-align: center;
}
#media-mainimg-wrapper #mainimg .textwidget .img-text h3 {
  color: #f40900;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1.25em;
  margin-top: 0;
}
#media-mainimg-wrapper #mainimg .textwidget .img-text p {
  margin-bottom: 0;
}
#media-mainimg-wrapper #mainimg .textwidget .img-text .button-red a {
  padding: .5em 0;
  margin: .625em auto;
  width: 65%;
}
#media-mainimg-wrapper #mainimg .note-pc {
  position: absolute;
  top: 14em;
  left: 0;
  right: 0;
  margin: 3.125em auto 0 auto;
  width: 360px;
}
#media-mainimg-wrapper #mainimg .note-pc p.pc {
  display: none;
}
#media-mainimg-wrapper #mainimg .note-pc p.smartphone img {
  margin-top: 3em;
  width: 100%;
}

#media #section-feature h3 {
  color: #3f0000;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
}
#media #section-feature .button-red a {
  padding: .5em 0;
  margin: 0 auto .625em;
  width: 75%;
}
#media #section-media {
  background: url(images/media/kojintop_media_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  padding-bottom: 3.75em;
}
#media #section-media p img {
  border: 10px solid rgba(0, 0, 0, 0.2);
}
#media #section-service {
  background-color: #f7f3e8;
  padding-bottom: 3em;
}
#media #section-service .button-red a {
  padding: .5em 0;
  margin: 0 auto;
  width: 75%;
}
#media #section-web-inquiry {
  background-color: #f80808;
  border-bottom: 6px #fb645c solid;
  padding: 1.875em 0;
}
#media #section-web-inquiry h2.title02 {
  color: #fff;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 0;
}
#media #section-web-inquiry p {
  width: 100%;
  margin: 0 auto;
}
#media #section-web-inquiry p img {
  margin-bottom: 1.25em;
}
#media #section-web-inquiry .text {
  font-size: 13px;
  font-size: .8rem;
  color: #fff;
  margin-top: -.9375em;
}
#media #section-service .service-box a {
  margin-bottom: 1.5em;
  border: 2px solid #F8CCCC;
  border-bottom: 4px solid #F8CCCC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fff;
  display:block;
  overflow:hidden;
  text-decoration:none;
  cursor:pointer;
}
#media #section-service .service-box a span {
	border-bottom: 1px dotted #F8CCCC;
	margin: 0;
	padding: 1.03em 0.8em;
	color: #400000;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: bold;
	display:block;
	text-align:center;
}
#media #section-service .service-box a .service-logo {
	border-bottom: none;
	display:block;
	text-align:center;
	padding:2.5rem 1rem;
}
#media #section-service .service-box a .service-logo img:hover {
	opacity:1;
}
#media #section-service .service-box a:hover {
	filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

@media screen and (min-width: 768px) {

	#top-text-5 h3 {
		font-size: 22px;
		font-size: 1.6rem;
	}
	#top-text-3 h2.widget-title01 {
		font-size: 22px;
		font-size: 1.375rem;
		line-height:1.5;
		margin-bottom:1em;
		padding-top: 0;
	}
	#media #section-service .service-box a span {
		height:80px;
		padding-top:1.9rem;
	}
	#media #section-service .service-box a .twoline {
		padding-top:1.2rem;
	}
	#media #section-service .service-box a .service-logo {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		height:140px;
		width:482px;
	}

}

/* media service */

#service.page-id-67 .img-text h3,
#service-biz .img-text h3 {
  color: #f40900;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2em;
  text-align: center; }


/* media-header */

#service.page-id-67,
#service-biz { }

#service.page-id-67 .entry-header,
#service-biz .entry-header { display: none !important; }

.media-header {
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 2.5em;
  overflow: hidden;
	height: auto;
	text-align: center; }

.media-header h1.page-title {
	margin: 2.4em 0.5rem 0.5em;
  font-size: 1.7rem;
	line-height: 120%; }

.media-header h1 span {
	display: block;
	margin-top: 0.3em;
	color: #f80808;
  font-size: 16px;
  font-size: 1.0rem; }

.media-header p {
	display: block;
  font-size: 14px;
	font-size: 0.9rem;
	text-align: left;
	margin: 0 auto 2.0em;
	padding: 0 1.5em;
	max-width: 600px; }

@media screen and (min-width: 768px) {

	#service.page-id-67 .media-crumbs-container,
	#service-biz .media-crumbs-container {
		display: inline;
		margin-top: 0;
		position: absolute;
		}

	/* media-header */

	.media-header {
		background-size: auto 100%;
		height: 400px;
		background-color: #F0F0F0;
		background-image: url(images/media/service/bg-kojin-service.jpg); }
	
	.media-header h1.page-title {
		margin: 3.2em 0 0.5em;
		font-size:2.3rem;
		line-height: 100%;
		font-weight: normal; }
	.media-header h1.page-title br { display: none; }
	.media-header p { text-align: center; }

}

#service.page-id-67 #section-pagemenu,
#service-biz #section-pagemenu {
  background-color: #f40900;
  width: 100%;
  border-bottom: 6px #fb645c solid;
}
#service.page-id-67 #section-pagemenu .container,
#service-biz #section-pagemenu .container {
  padding:0;
}
#service.page-id-67 #section-pagemenu ul,
#service-biz #section-pagemenu ul {
  width: 100%;
  margin: 1em auto 0;
  padding: 0;
  text-align: center;
}
#service.page-id-67 #section-pagemenu ul li,
#service-biz #section-pagemenu ul li {
  display: block;
  list-style: none;
  text-align:left;
}
#service.page-id-67 #section-pagemenu ul li a,
#service-biz #section-pagemenu ul li a {
  display: block;
  width:100%;
  border-top:1px solid #fb645c;
  padding:0.8rem 1rem;
  color:#FFFFFF;
  text-decoration:none;
  position:relative;
}
#service.page-id-67 #section-pagemenu ul li a:hover,
#service-biz #section-pagemenu ul li a:hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#service.page-id-67 #section-pagemenu ul li a::after,
#service-biz #section-pagemenu ul li a::after {
  content: url("images/btn-d-arrow.png");
  right: 1rem;
  position: absolute;
  top: 0.6rem;
}
#service.page-id-67 #section-pagemenu ul li:first-child,
#service-biz #section-pagemenu ul li:first-child {
  padding-left: 0;
}
#service.page-id-67 #section-okwave,
#service-biz #section-okwave {
  width: 100%;
}
#service.page-id-67 #section-okwave h3,
#service-biz #section-okwave h3 {
  font-weight: bold;
  line-height: 1.2;
  font-size: 20px;
  font-size: 1.25rem;
}
#service.page-id-67 #section-okwave .button-red a,
#service-biz #section-okwave .button-red a {
  width: 85%;
}
#service.page-id-67 #section-professional .button-red a,
#service-biz .button-red a {
  width: 100%;
}
#service.page-id-67 #section-professional,
#service.page-id-67 #section-com,
#service-biz #section-professional,
#service-biz #section-qapartner {
  background-color: #f7f3e8;
}
#service.page-id-67 #section-okwave,
#service.page-id-67 #section-professional,
#service.page-id-67 #section-premium,
#service.page-id-67 #section-guide,
#service.page-id-67 #section-com,
#service-biz #section-qaad,
#service-biz #section-professional,
#service-biz #section-scc,
#service-biz #section-qapartner,
#service-biz #section-okbizcs {
  padding-top: 3.2em;
  padding-bottom: 3.2em;
}
#service.page-id-67 #section-okwave p img,
#service.page-id-67 #section-professional p img,
#service.page-id-67 #section-premium p img,
#service.page-id-67 #section-guide p img,
#service.page-id-67 #section-com p img,
#service-biz #section-qaad p img,
#service-biz #section-professional p img,
#service-biz #section-scc p img,
#service-biz #section-qapartner p img,
#service-biz #section-okbizcs p img {
  padding-top: .5em;
}
#service.page-id-67 #section-okwave .button-red a,
#service.page-id-67 #section-professional .button-red a,
#service.page-id-67 #section-premium .button-red a,
#service.page-id-67 #section-guide .button-red a,
#service.page-id-67 #section-com .button-red a,
#service-biz .button-red a {
  margin: .625em auto;
}
#service.page-id-67 #section-premium .button-red a,
#service.page-id-67 #section-guide .button-red a,
#service.page-id-67 #section-com .button-red a {
  width: 65%;
}
#service.page-id-67 #section-okwave h3,
#service.page-id-67 #section-professional h3,
#service.page-id-67 #section-premium h3,
#service.page-id-67 #section-guide h3,
#service.page-id-67 #section-com h3,
#service-biz #section-qaad h3,
#service-biz #section-professional h3,
#service-biz #section-scc h3,
#service-biz #section-qapartner h3,
#service-biz #section-okbizcs h3 {
  font-weight: bold;
  line-height: 1.5;
  font-size: 20px;
  font-size: 1.25rem;
  padding-bottom: 1em;
}

/* business top page */

#business #section-select,
#business #section-introduction,
#business #section-product,
#biz-faq-helpdesk #section-outline,
#biz-faq-helpdesk #section-corporation,
#biz-faq-helpdesk #section-slider {
  padding-top: 4.8em;
  padding-bottom: 4.8em;
}
#business #section-select p img,
#business #section-product p img,
#biz-faq-helpdesk #section-outline p img,
#biz-faq-helpdesk #section-free p img,
#biz-faq-helpdesk #section-corporation p img {
  margin: 0 auto;
  display: block;
}
#business #section-select p,
#business #section-introduction p,
#business #section-product p,
#biz-faq-helpdesk #section-corporation p[class="text"] {
  text-align: center;
  font-size: 14px;
  font-size: 0.95rem;
}
#biz-mainimg-wrapper {
  background-color: #ff9d99;
  overflow: hidden;
  border-bottom: 4px #1478eb solid;
  position: relative;
  background: url(images/business/houjintop_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 600px;
}
#biz-mainimg-wrapper #mainimg {
  position: absolute;
  top: 1.625em;
  left: 0;
  right: 0;
}
#biz-mainimg-wrapper #mainimg h2 {
  color: #001966;
  font-size: 33px;
  font-size: 2.0625rem;
  margin-bottom: 0;
  padding: .3em 0;
  text-align: center;
}
#biz-mainimg-wrapper #mainimg .textwidget {
  color: #747373;
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0;
}
#biz-mainimg-wrapper #mainimg .textwidget .img-text {
  text-align: center;
}
#biz-mainimg-wrapper #mainimg .textwidget .img-text h3 {
  color: #0d4ec6;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1.25em;
  margin-top: 0;
}
#biz-mainimg-wrapper #mainimg .textwidget .img-text p {
  margin-bottom: 0;
}
#biz-mainimg-wrapper #mainimg .textwidget .img-text .button-blue a {
  margin: .625em auto;
  width: 60%;
}
#biz-mainimg-wrapper #mainimg .biz-pc {
  position: absolute;
  top: 15.5em;
  left: 0;
  right: 0;
  margin: 3.125em auto 0 auto;
  width: 230px;
}
#biz-mainimg-wrapper #mainimg .biz-pc p.pc {
  display: none;
}
#biz-mainimg-wrapper #mainimg .biz-pc p.smartphone {
  text-align: center;
}
#biz-mainimg-wrapper #mainimg .biz-pc p.smartphone img {
  margin-top: 2em;
}
#business #section-select h3 {
  color: #001966;
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
}
#business #section-select .button-blue a {
  margin: 0 auto .625em;
  width: 65%;
}
#business #section-introduction {
  background: url(images/business/houjintop_success_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
#business #section-introduction .slider-container {
  border: 7px solid rgba(0, 25, 102, 0.2);
  border-radius: .1875em;
  margin: 0 auto 2.0em;
  width: 100%;
}
#business #section-introduction .slider-container .inner {
	padding: 1.0em 0 0.2em;
	background-color: #fff;
}
#business #section-introduction .button-blue a {
  margin: .625em auto;
  width: 55%;
}
#business #section-product {
  background-color: #e8f2ff;
}
#business #section-product p img {
  margin: 0 auto;
  display: block;
}
#business #section-product .button-blue a {
  margin: .625em auto 0;
  width: 90%;
}
#business #section-product {
  padding-bottom: 3em;
}

#section-product .product-box a {
  margin-bottom: 1.5em;
  border: 2px solid #BFD5EC;
  border-bottom: 4px solid #BFD5EC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fff;
  display:block;
  overflow:hidden;
  text-decoration:none;
  cursor:pointer;
}
#section-product .product-box a span {
	border-bottom: 1px dotted #BFD5EC;
	margin: 0;
	padding: 1.03em 0.8em;
	color: #001966;
	font-size: 18px;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: bold;
	display:block;
	text-align:center;
}
#section-product .product-box a .product-logo {
	border-bottom: none;
	display:block;
	text-align:center;
	padding:2.5rem 1rem;
}
#section-product .product-box a .product-logo img:hover {
	opacity:1;
}
#section-product .product-box a:hover {
  filter:alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}

@media screen and (min-width: 768px) {

	#business #section-product .button-blue a {
		width: 65%;
	}
	#section-product .product-box a span {
		font-size: 18px;
		font-size: 1.125rem;
	}
	#section-product .product-box a .product-logo {
		display:table-cell;
		text-align:center;
		vertical-align:middle;
		padding:1.5rem 1rem;
		height:140px;
		width:482px;
	}

}

/*--------------------------------------------------------------
## service _ 製品・サービス
--------------------------------------------------------------*/

#service .entry-header,
#service .entry-header h1 {
	display: none; }

#service .mainimg-wrapper {
	position: relative;
	overflow: hidden;
  background-color: #edfcff;
	background: url(images/biz-service/bg_houjin_servicelineup.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
	width: 100%;
	min-height: 367px;
}
#service .mainimg-wrapper #mainimg {
	margin: 0 auto;
	text-align: center;
}
#service .mainimg-wrapper #mainimg h2 {
	margin: 3.0em 0.5rem 5px;
  font-size: 33px;
  font-size: 2.0625rem;
	line-height: 100%;
}
#service .mainimg-wrapper #mainimg h3 {
	margin-bottom: 1.5em;
	color: #0d4ec6;
	font-size: 1rem;
}
#service .mainimg-wrapper #mainimg p {
	margin: 0 1rem;
	text-align:  left;
}
#service .mainimg-wrapper #mainimg p br {
	display: none;
}

#service .img-text {
  position: absolute;
  top: 8em;
  right: 0;
  left: 0;
}
#service .img-text h3 {
  color: #0d4ec6;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2em;
  text-align: center;
}
#service .img-text p {
  padding: 0 .5em;
  text-align: center;
}
#service #section-service-pro {
  width: 100%;
  margin: 0 auto;
}
#service #section-service-pro ul.tabs {
  padding-left: 0 !important;
  margin: 2em auto;
}
#service #section-service-pro ul.tabs li {
  width: 50%;
  float: left;
  text-align: center;
  background: #001a66;
  list-style: none;
  margin-bottom: 3em;
}
#service #section-service-pro ul.tabs li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 0;
  font-size: 14px;
  font-size: .9rem;
}
#service #section-service-pro ul.tabs li a::after,
#service #section-service-pro ul.tabs li a::after {
  content: url(images/btn-d-arrow.png);
  position: relative;
  top: -.1em;
  left: 0.5em;
}
#service #section-service-pro ul.tabs li a:hover {
  background: #0d4ec6;
  display: block;
}
#service #section-service-pro .tabs li.active {
  background: #0d4ec6;
}
#service #section-service-pro .content {
  padding: 3em 0;
}
#service #section-service-pro .content h2 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  text-align: center;
  margin: 1em 0 1em 0;
}
#service #section-service-pro .content h2 span {
  display: inline-block;
  position: relative;
}
#service #section-service-pro .content h2 span::before,
#service #section-service-pro .content h2 span::after {
  content: "";
  position: absolute;
  height: 4px;
  border-top: 1px solid #ccc;
  top: 11px;
  width: 1000px;
}
#service #section-service-pro .content h2 span::before {
  right: 100%;
  margin-right: 10px;
}
#service #section-service-pro .content h2 span::after {
  left: 100%;
  margin-left: 10px;
}
#service #section-service-pro .service-item {
  width: 100%;
  padding: 0 7%;
  text-align: center;
}
#service #section-service-pro .service-item .row {
  width: auto;
}
#service #section-service-pro .service-item .col-lg-4,
#service .hentry .bnr-container .col-lg-6 {
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  margin:3px 0 1rem 3px;
  padding:0;
  position:relative;
  z-index:auto;
}
#service #section-service-pro .service-item .col-lg-4 p,
#service .hentry .bnr-container .col-lg-6 p {
  margin-bottom:0;
}
#service #section-service-pro .service-item .col-lg-4::after,
#service .hentry .bnr-container .col-lg-6::after {
  content:"";
  outline:1px solid #DDDDDD;
  width:100%;
  height:100%;
  display:block;
  position:absolute;
  top:2px;
  left:2px;
  z-index:-1;
}
#service #section-service-pro .service-item .col-lg-4 a,
#service .hentry .bnr-container .col-lg-6 a {
  background-color:#FFFFFF;
  border:1px solid #DDDDDD;
  margin:-3px 1px 1px -3px;
  display:block;
  text-decoration:none;
  position:relative;
  z-index:98;
}
#service #section-service-pro .service-item .col-lg-4 a:hover,
#service .hentry .bnr-container .col-lg-6:hover {
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}
#service #section-service-pro .service-item .col-lg-4 a .service-item-text,
#service .hentry .bnr-container .col-lg-6 a .service-item-text {
  width:100%;
  background-color:#E8F2FF;
  border-bottom:1px dotted #DDDDDD;
  color:#001966;
  font-size:0.9rem;
  line-height:1.4;
  font-weight:bold;
  padding:0.6rem 0.5rem;
  display:table;
}
#service #section-service-pro .service-item .col-lg-4 a .service-item-text::after,
#service .hentry .bnr-container .col-lg-6 a .service-item-text::after {
  content:url(images/btn-r-arrow-b.png);
  position:absolute;
  right:7px;
  top:18px;
}
#service #section-service-pro .service-item .col-lg-4 a .service-item-logo,
#service .hentry .bnr-container .col-lg-6 a .service-item-logo {
  width:100%;
  padding:1.5rem 0.5rem;
  display:block;
}
#service #section-service-pro .service-item .col-lg-4 a .service-item-logo img,
#service .hentry .bnr-container .col-lg-6 a .service-item-logo img {
  display:block;
  margin:0 auto;
}
#service #section-service-pro .service-item .col-lg-4 a .service-item-logo img:hover,
#service .hentry .bnr-container .col-lg-6 a .service-item-logo img:hover {
  filter:alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
#fancyboxID-1 {
  width: 100%;
  height: auto;
}

.solution {
  background-color: #E8F2FF;
  text-align: center;
  padding: 1.5em 0;
  margin: .5em;
}
.solution h2.solution-title {
  font-size: 20px;
  font-size: 1.25rem;
  color: #001966;
  font-weight: bold;
  padding: .3em 0;
  margin: 0;
}
.solution p {
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
}
#service .hentry .bnr-container {
  width: auto;
  padding: 0 1rem 0 0.6rem;
  text-align: center;
}
#service .hentry .bnr-container .row {
  margin-left:0;
  margin-right:0;
}
#service .hentry .bnr-container .col-lg-6 a .service-item-text,
#service .hentry .bnr-container .col-lg-6 a .service-item-logo {
  box-sizing:border-box;
}
#chat_b {
  position:fixed;
  right:10px;
  bottom:10px;
  cursor:pointer;
  z-index:10000;
}
@media screen and (min-width: 768px) {

	/* #service */

	#service .mainimg-wrapper #mainimg h2 {
		margin-top: 3.2em;
		font-size: 2.3rem;
	}
	#service .mainimg-wrapper #mainimg p {
		font-size:1rem;
		text-align:center;
	}
	#service .mainimg-wrapper #mainimg p br {
		display: block;
	}
	#service #section-service-pro {
    width: 1000px;
  }
  #service #section-service-pro ul.tabs li a {
    font-size: 16px;
    font-size: 1rem;
  }
  #service #section-service-pro h2 {
		margin-bottom:1.5rem;
  }
  #service #section-service-pro .container.service-item {
    width: 1026px;
    max-width: 1026px;
    padding: 0;
    text-align: center;
  }
  #service #section-service-pro .service-item .row {
    width: 1026px;
		margin-left:0;
		margin-right:0;
  }
  #service #section-service-pro .service-item .col-lg-4 {
    margin:3px 26px 26px 0;
    padding:0;
    width:315px;
  }
  #service #section-service-pro .service-item .col-lg-4 a .service-item-text {
    width:100%;
    background-color:#E8F2FF;
    border-bottom:1px dotted #ddd;
    padding:0.8rem 0;
    display:table;
  }
  #service #section-service-pro #tab2 .service-item .col-lg-4 a .service-item-text {
		padding:1.4rem 0;
  }
  #service #section-service-pro .service-item .col-lg-4 a .service-item-text::after {
    content:url(images/btn-r-arrow-b.png);
    right:7px;
    top:22px;
  }
  #service #section-service-pro .service-item .col-lg-4 a .service-item-logo {
	width:315px;
    height:145px;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
  }
  #service #section-service-pro .service-item .col-lg-4 a .service-item-logo img {
    display:block;
    margin:0 auto;
  }
  #fancyboxID-1,
  #fancyboxID-2,
  #fancyboxID-3,
  #fancyboxID-4,
  #fancyboxID-5,
  #fancyboxID-6,
  #fancyboxID-7,
  #fancyboxID-8 {
    width: 730px;
    height: 860px !important;
  }
  #service .hentry h2 {
		font-size:1.1rem;
  }
  #service .hentry .solution h2.solution-title {
    font-size: 24px;
    font-size: 1.5rem;
  }
  #service .hentry .bnr-container {
    padding: 0 0 0 3%;
  }
  #service .hentry .bnr-container .col-lg-6 {
		width:46%;
    margin:3px 3% 3% 3px;
  }
  #service .hentry .bnr-container .col-lg-6 a .service-item-logo {
		width:46%;
    height:120px;
		padding:0;
		display:table-cell;
		vertical-align:middle;
		text-align:center;
  }

}

@media screen and (min-width: 768px) {

	.container {
    padding-right: 0;
    padding-left: 0;
  }
  #top-mainimg-wrapper {
    height: 500px;
  }
  #top-mainimg-wrapper .mainimg {
    width: 1286px;
  }
  #top-mainimg-wrapper .mainimg video#bgvid {
    top: -122px;
  }
  #top-text-3 {
    top: 4.5em;
  }
  #top-text-3 .textwidget {
    font-size: 48px;
    font-size: 3em;
  }
  #top-text-5 {
    padding: 3.5em 0;
  }
  #top-text-5 .textwidget {
    width: 1000px;
    padding: 1em 0 0 0;
  }
  #top-text-5 h3 {
    clear: none;
  }
  #top-text-6 {
    padding: .5em 0 2.5em 0;
  }
  #top-text-6 h2.widget-title01 {
    font-size: 32px;
    font-size: 2rem;
  }
  #top-text-7 {
    width: 100%;
    padding: 4em 0 2em 0;
  }
  #top-text-7 .textwidget {
    width: 1030px;
    margin: 0 auto;
  }
  #top-text-7 .textwidget .col-lg-6.first {
    border-right: 2px #fff solid;
    border-bottom: none;
    margin-bottom: 0;
  }
  #top-text-7 .textwidget .col-lg-6 h3.personal,
  #top-text-7 .textwidget .col-lg-6 h3.corporation {
    font-size: 32px;
    font-size: 2rem;
    margin: 0;
  }
  #top-text-7 .textwidget .col-lg-6 .button-red a,
  #top-text-7 .textwidget .col-lg-6 .button-blue a {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }
  #top-text-7 .textwidget .col-lg-6 .button-red a {
    margin-top: 1.2em;
  }
  #top-text-7 .textwidget .col-lg-6 .button-blue a {
    margin-top: 0;
  }
  .entry-title {
    margin: 0.5em 0;
  }

  /* media top page */
	
  #media-mainimg-wrapper {
    width: 100%;
    background-size: 1600px;
    height: 489px;
  }
  #media-mainimg-wrapper #mainimg {
    width: 1000px;
    margin: 0 auto;
    top: 1.25em;
  }
  #media-mainimg-wrapper #mainimg h2 {
    text-align: left;
    margin-top: 2.4em;
    margin-left: 0;
    font-size: 40px;
    font-size: 2.5rem;
  }
  #media-mainimg-wrapper #mainimg .textwidget {
    font-size: 24px;
    font-size: 1.5rem;
  }
  #media-mainimg-wrapper #mainimg .textwidget .img-text {
    text-align: left;
    width: 100%;
  }
  #media-mainimg-wrapper #mainimg .textwidget .img-text p {
    margin-bottom: 0;
  }
  #media-mainimg-wrapper #mainimg .textwidget .img-text .button-red {
    display: inline-block;
    margin-right: 0.3em;
    margin-top: 1.5em;
  }
  #media-mainimg-wrapper #mainimg .textwidget .img-text .button-red a {
    width: 250px;
  }
  #media-mainimg-wrapper #mainimg .note-pc {
    top: 2.75em;
    right: -8em;
    left: auto;
    margin-top: 0;
    width: 100%;
  }
  #media-mainimg-wrapper #mainimg .note-pc p.smartphone {
    display: none;
  }
  #media-mainimg-wrapper #mainimg .note-pc p.pc {
    display: inherit;
  }
  #media-mainimg-wrapper #mainimg .note-pc p.pc img[usemap] {
    position: absolute;
    top: 1.875em;
    right: 0;
    max-width: 100%;
    height: auto;
  }

  #media #section-feature {
    width: 960px;
    margin: 0 auto;
  }
  #media #section-feature .button-red a {
    margin-left: auto;
    margin-right: auto;
    width: 280px;
  }
  #media #section-service {
    width: 100%;
  }
  #media #section-service .container {
    width: 1000px;
  }
  #media #section-service .button {
    text-align: center;
  }
  #media #section-service .button .button-red {
    display: inline-block;
    margin: 1.25em 0em 0 0;
  }
  #media #section-service .button .button-red a {
    width: 280px;
  }
  #media #section-service .button .button-red:last-child {
    margin-left: 1em;
  }
  #media #section-web-inquiry p {
    width: 502px;
  }

  /* media service */
  #service.page-id-67 .entry-header,
  #service-biz .entry-header {
    top: -2.5em;
  }
  #service.page-id-67 .entry-header h1,
  #service-biz .entry-header h1 {
    margin-top: 3.5em;
  }
  #service.page-id-67 .img-text,
  #service-biz .img-text {
    margin-top: -.5em;
  }
  #service.page-id-67 .img-text h3,
  #service-biz .img-text h3 {
    margin-bottom: 2em;
  }
  #service.page-id-67 .img-text p,
  #service-biz .img-text p {
    width: 1000px;
	text-align:center;
  }
  #service.page-id-67 #section-pagemenu,
  #service-biz #section-pagemenu {
    margin-top: -2.5em;
  }
  #service.page-id-67 #section-pagemenu ul,
  #service-biz #section-pagemenu ul {
    width: 1000px;
	overflow:hidden;
	margin-bottom:2rem;
  }
  #service.page-id-67 #section-pagemenu ul li,
  #service-biz #section-pagemenu ul li {
    margin-right:6px;
	display:inline-block;
  }
  #service.page-id-67 #section-pagemenu ul li:last-child,
  #service-biz #section-pagemenu ul li:last-child {
	margin-right:0;
  }
  #service.page-id-67 #section-pagemenu ul li a,
  #service-biz #section-pagemenu ul li a {
    border-top:none;
	text-indent:-9999px;
  }
  #service.page-id-67 #section-pagemenu ul li.okwave a {
    background:url(images/media/service/kojin-service-btn01.png) no-repeat;
	width:190px;
	height:100px;
  }
  #service.page-id-67 #section-pagemenu ul li.professional a {
    background:url(images/media/service/kojin-service-btn02.png) no-repeat;
	width:215px;
	height:100px;
  }
  #service.page-id-67 #section-pagemenu ul li.premium a {
    background:url(images/media/service/kojin-service-btn03.png) no-repeat;
	width:190px;
	height:100px;
  }
  #service.page-id-67 #section-pagemenu ul li.guide a {
    background:url(images/media/service/kojin-service-btn04.png) no-repeat;
	width:190px;
	height:100px;
  }
  #service.page-id-67 #section-pagemenu ul li.com a {
    background:url(images/media/service/kojin-service-btn05.png) no-repeat;
	width:190px;
	height:100px;
  }
  #service-biz #section-pagemenu ul li.qaad a {
    background:url(images/media/service/kojin-service-btn06.png) no-repeat;
	width:180px;
	height:100px;
  }
  #service-biz #section-pagemenu ul li.professional a {
    background:url(images/media/service/kojin-service-btn07.png) no-repeat;
	width:210px;
	height:100px;
  }
  #service-biz #section-pagemenu ul li.scc a {
    background:url(images/media/service/kojin-service-btn08.png) no-repeat;
	width:230px;
	height:100px;
  }
  #service-biz #section-pagemenu ul li.qapartner a {
    background:url(images/media/service/kojin-service-btn09.png) no-repeat;
	width:170px;
	height:100px;
  }
  #service-biz #section-pagemenu ul li.okbizcs a {
    background:url(images/media/service/kojin-service-btn10.png) no-repeat;
	width:186px;
	height:100px;
  }
  #service.page-id-67 #section-okwave .button-red,
  #service-biz #section-okwave .button-red {
    display: inline-block;
  }
  #service.page-id-67 #section-okwave .button-red.btn01 a {
    width: 200px;
    margin: 1em .5em .3em 0;
  }
  #service.page-id-67 #section-okwave .button-red.btn02 a {
    width: 320px;
    margin: 1em 0 .3em;
  }
  #service-biz .button-red.btn02 a {
    width: 280px;
    margin-bottom:0.3em;
	padding-left:1rem;
  }
  #service-biz #section-professional .button-red.btn02 a {
    width: 350px;
  }
  #service.page-id-67 #section-okwave .button-red.btn03 a {
    width: 320px;
  }
  #service.page-id-67 #section-professional .button-red.btn01 a {
    width: 400px;
    margin-bottom: .3em;
  }
  #service-biz .button-red.btn01 a {
    width: 400px;
    margin-bottom: .3em;
	padding-left:1rem;
  }
  #service-biz #section-qaad .button-red.btn01 a {
	width:320px;
  }
  #service-biz #section-okbizcs .button-red.btn01 a {
    width: 420px;
  }
  #service.page-id-67 #section-professional .button-red.btn02 a {
    width: 350px;
  }
  #service section .container .row p,
  #service-biz section .container .row p {
	font-size:0.95rem;
	line-height:1.6;
  }
  #service section#section-biz-topinfo .container .row p.contact-phone {
	font-size:0.9rem;
	line-height:1;
  }
  #service section#section-biz-topinfo .container .row p.text {
	font-size:0.9rem;
  }
  #service section#section-biz-topinfo .container .row p.contact-mailmagazine {
	font-size:1rem;
  }
  #service.page-id-67 #section-okwave .container,
  #service.page-id-67 #section-professional .container,
  #service.page-id-67 #section-premium .container,
  #service.page-id-67 #section-guide .container,
  #service.page-id-67 #section-com .container,
  #service-biz #section-qaad .container,
  #service-biz #section-professional .container,
  #service-biz #section-scc .container,
  #service-biz #section-qapartner .container,
  #service-biz #section-okbizcs .container {
    width: 1000px;
    margin: 0 auto;
  }
  #service.page-id-67 #section-okwave p img,
  #service.page-id-67 #section-professional p img,
  #service.page-id-67 #section-premium p img,
  #service.page-id-67 #section-guide p img,
  #service.page-id-67 #section-com p img,
  #service-biz #section-qaad p img,
  #service-biz #section-professional p img,
  #service-biz #section-scc p img,
  #service-biz #section-qapartner p img,
  #service-biz #section-okbizcs p img {
    padding-top: 0;
  }
  #service.page-id-67 #section-professional .button-red a,
  #service.page-id-67 #section-premium .button-red a,
  #service.page-id-67 #section-guide .button-red a,
  #service.page-id-67 #section-com .button-red a,
  #service-biz #section-qaad .button-red a,
  #service-biz #section-professional .button-red a,
  #service-biz #section-scc .button-red a,
  #service-biz #section-qapartner .button-red a,
  #service-biz #section-okbizcs .button-red a {
    float: left;
  }
  #service.page-id-67 #section-premium .button-red a,
  #service.page-id-67 #section-guide .button-red a,
  #service.page-id-67 #section-com .button-red a {
    width: 250px;
  }

  /* business top page */
  #biz-mainimg-wrapper {
    width: 100%;
    background-size: 1600px;
    height: 495px;
  }
  #biz-mainimg-wrapper #mainimg {
    width: 1000px;
    margin: 0 auto;
    top: 0;
  }
  #biz-mainimg-wrapper #mainimg h2 {
    text-align: left;
    margin-top: 2.4em;
    margin-left: 0;
    font-size: 40px;
    font-size: 2.5rem;
  }
  #biz-mainimg-wrapper #mainimg .textwidget {
    font-size: 24px;
    font-size: 1.5rem;
  }
  #biz-mainimg-wrapper #mainimg .textwidget .img-text {
    text-align: left;
    width: 100%;
  }
  #biz-mainimg-wrapper #mainimg .textwidget .img-text p {
    margin-bottom: 0;
  }
  #biz-mainimg-wrapper #mainimg .textwidget .img-text .button-blue {
    display: inline-block;
    margin-right: .25em;
    margin-top: 1.5em;
  }
  #biz-mainimg-wrapper #mainimg .textwidget .img-text .button-blue a {
    width: 240px;
  }
  #biz-mainimg-wrapper #mainimg .textwidget .img-text .button-blue.success a {
    width: 160px;
  }
  #biz-mainimg-wrapper #mainimg .biz-pc {
    top: 0;
    right: -4em;
    width: 100%;
    margin-top: 2.5em;
  }
  #biz-mainimg-wrapper #mainimg .biz-pc p.smartphone {
    display: none;
  }
  #biz-mainimg-wrapper #mainimg .biz-pc p.pc {
    display: inherit;
  }
  #biz-mainimg-wrapper #mainimg .biz-pc p.pc img[usemap] {
    position: absolute;
    top: 1.875em;
    right: 0em;
    max-width: 100%;
    height: auto;
  }
  #business #section-select {
    width: 960px;
    margin: 0 auto;
  }
  #business #section-introduction .slider-container {
		border: 14px solid rgba(0, 25, 102, 0.2);
    width: 910px;
  }
  #business #section-product {
    width: 100%;
  }
  #business #section-product .container {
    width: 1000px;
  }
  #business #section-select .button-blue a,
  #business #section-introduction .button-blue a,
  #business #section-product .button-blue a {
    margin-left: auto;
    margin-right: auto;
    width: 310px;
  }

}


/*--------------------------------------------------------------
# biz-service
--------------------------------------------------------------*/

/* business top page */

#biz-faq-helpdesk #section-outline,
#biz-faq-helpdesk #section-corporation,
#biz-faq-helpdesk #section-slider,
#okbiz-cs #section-outline,
#okbiz-cs #section-corporation,
#okbiz-cs #section-slider {
  padding-top: 4.8em;
  padding-bottom: 4.8em;
}

#biz-faq-helpdesk #section-outline {
  padding-bottom: 7.8em;
}

#biz-faq-helpdesk #section-outline p img,
#biz-faq-helpdesk #section-free p img,
#biz-faq-helpdesk #section-corporation p img,
#okbiz-cs #section-outline p img,
#okbiz-cs #section-free p img,
#okbiz-cs #section-corporation p img {
  margin: 0 auto;
  display: block;
}

#biz-faq-helpdesk #section-corporation p[class="text"],
#okbiz-cs #section-corporation p[class="text"] {
  text-align: center;
  font-size: 14px;
  font-size: 0.9rem;
  padding-bottom: 1.5em;
}

/* section-merit */

#section-merit .merit-box {
	margin-bottom: 1.5em;
	border: 2px solid #BFD5EC;
  border-bottom: 4px solid #BFD5EC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fff;
}
#section-merit .merit-box h3 {
	border-bottom: 1px dotted #BFD5EC;
	margin: 0 0 0.65em;
	padding: 1.03em 0.8em;
	color: #0743C6;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.25;
	font-weight: bold;
}
#section-merit .merit-box h3.single-line {
	padding: 1.63em 1.2em;
}
#section-merit .merit-box .image {
	padding: 0 2em;
}
#section-merit .merit-box p {
	margin: 0;
	padding: 0.85em 2em 1.8em;
	font-size: 90%;
	text-align: left;
	line-height: 1.65;
}

@media screen and (min-width: 768px) {

	#section-merit .container {
		width: 1000px;
	}
	#section-merit .merit-box h3 {
		font-size: 20px;
		font-size: 1.15rem;
	}
	#section-merit .col-lg-4,
	#section-merit .col-lg-6 {
    padding-right: .6rem !important;
    padding-left: .6rem !important;
	}

	/* normal */
	#section-merit .merit-box {
		min-height: 260px;
	}
	/* biz-faq-helpdesk */
	#biz-faq-helpdesk #section-merit .merit-box {
		min-height: 425px;
	}	
	/* cs */
	#okbiz-cs #section-merit .merit-box {
		min-height: 380px;
	}
	/* scc */
	#scc #section-merit .merit-box {
		min-height: 330px;
	}
	/* qapartner callcenter qaphone */
	#qapartner #section-merit .merit-box,
	#callcenter #section-merit .merit-box,
	#qaphone #section-merit .merit-box {
		min-height: 360px;
	}
	/* okbiz-chat */
	#okbiz-chat #section-merit .merit-box {
		min-height: 350px;
	}
	/* crisisservice itutor */
	#crisisservice #section-merit .merit-box,
	#itutor5 #section-merit .merit-box {
		min-height: 390px;
	}
	/* okbiz-sitesearch */
	#okbiz-sitesearch #section-merit .merit-box {
		min-height: 405px;
	}
	/* okwave-professional */
	#okwave-professional #section-merit .merit-box {
		min-height: 430px;
	}
	/* itutor */
	#itutor5 #section-merit .merit-box {
		min-height: 340px;
	}
	/* okwave-join */
	#okwave-join #section-merit .col-lg-6 .merit-box {
		min-height: 360px;
	}
	#okwave-join #section-merit .col-lg-4 .merit-box {
		min-height: 400px;
	}
	#okbiz-ai-knowledge #section-merit .col-lg-4 .merit-box {
		min-height: 430px;
	}
}


/* (Share) biz-faq-helpdesk & okbiz-cs */

.biz-fh-mainimg-wrapper,
.biz-cs-mainimg-wrapper {
  background-color: #ff9d99;
  overflow: hidden;
  position: relative;
  background: url(images/biz-service/bg_okbiz.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 650px;
}
.biz-fh-mainimg-wrapper #mainimg,
.biz-cs-mainimg-wrapper #mainimg {
  position: absolute;
  top: 1.625em;
  left: 0;
  right: 0;
}
.biz-fh-mainimg-wrapper #mainimg h2,
.biz-cs-mainimg-wrapper #mainimg h2 {
  padding: .5em 0 1.5em;
  margin: 5em 1em 1em;
  width: auto;
  display: inline-block;
  border-bottom: 1px #8597A0 dotted;
}
.biz-fh-mainimg-wrapper #mainimg .img-text,
.biz-cs-mainimg-wrapper #mainimg .img-text {
  text-align: center;
}
.biz-fh-mainimg-wrapper #mainimg .img-text h3,
.biz-cs-mainimg-wrapper #mainimg .img-text h3 {
  position: absolute;
  top: 1.5em;
  left: 0;
  right: 0;
  color: #00103f;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3;
  margin-bottom: 1.25em;
}
.biz-fh-mainimg-wrapper #mainimg .img-text p,
.biz-cs-mainimg-wrapper #mainimg .img-text p {
  margin: 0 0.5em 1.0em !important;
  color: #333;
  font-size: 16px;
  font-size: 1rem;
	text-align: left;
}
.biz-fh-mainimg-wrapper #mainimg .img-text .button-blue a,
.biz-cs-mainimg-wrapper #mainimg .img-text .button-blue a {
  margin: .625em auto;
  width: 70%;
}
.biz-fh-mainimg-wrapper #mainimg .biz-pc,
.biz-cs-mainimg-wrapper #mainimg .biz-pc {
  position: absolute;
  top: 25em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 230px;
}
.biz-fh-mainimg-wrapper #mainimg .biz-pc p.pc,
.biz-cs-mainimg-wrapper #mainimg .biz-pc p.pc {
  display: none;
}
.biz-fh-mainimg-wrapper #mainimg .biz-pc p.smartphone,
.biz-cs-mainimg-wrapper #mainimg .biz-pc p.smartphone {
  text-align: center;
}
.biz-fh-mainimg-wrapper #mainimg .biz-pc p.smartphone img,
.biz-cs-mainimg-wrapper #mainimg .biz-pc p.smartphone img {
  margin-top: 2em;
}
#feature .biz-fh-mainimg-wrapper,
#feature .biz-cs-mainimg-wrapper,
#howtouse .biz-fh-mainimg-wrapper,
#howtouse .biz-cs-mainimg-wrapper,
#option .biz-fh-mainimg-wrapper,
#option .biz-cs-mainimg-wrapper,
#chat-ai .biz-fh-mainimg-wrapper {
  height: 280px;
}
#feature .biz-fh-mainimg-wrapper #mainimg h2,
#feature .biz-cs-mainimg-wrapper #mainimg h2,
#howtouse .biz-fh-mainimg-wrapper #mainimg h2,
#howtouse .biz-cs-mainimg-wrapper #mainimg h2,
#option .biz-fh-mainimg-wrapper #mainimg h2,
#option .biz-cs-mainimg-wrapper #mainimg h2,
#chat-ai .biz-fh-mainimg-wrapper #mainimg h2 {
  padding: 0 1.5em;
  margin: 2.0em auto 0.5em !important;
  display: block;
	border-bottom: none;
}

@media screen and (min-width: 768px) {

  .biz-fh-mainimg-wrapper,
  .biz-cs-mainimg-wrapper {
    width: 100%;
    background-size: 1600px;
    height: 489px;
  }
  .biz-fh-mainimg-wrapper #mainimg,
	.biz-cs-mainimg-wrapper #mainimg {
    width: 1000px;
    margin: 1.0em auto 0;
    top: 0;
  }
  .biz-fh-mainimg-wrapper #mainimg h2,
	.biz-cs-mainimg-wrapper #mainimg h2 {
    text-align: left;
    padding: 0 0 .5em;
    margin: 3.5em 0 .4em !important;
    font-size: 40px;
    font-size: 2.5rem;
  }
  .biz-fh-mainimg-wrapper #mainimg .img-text,
	#biz-faq-helpdesk .biz-fh-mainimg-wrapper #mainimg .img-text,
  .biz-cs-mainimg-wrapper #mainimg .img-text {
    text-align: left;
    width: 100%;
  }
	.biz-fh-mainimg-wrapper #mainimg .img-text h3,
  .biz-cs-mainimg-wrapper #mainimg .img-text h3 {
    top: 2.8em !important;
    font-size: 24px;
    font-size: 1.5rem;
		text-align: left;
  }
	.biz-fh-mainimg-wrapper #mainimg .img-text p,
	.biz-cs-mainimg-wrapper #mainimg .img-text p {
		margin: 0 1.0em 1.0em 0 !important;
	}
  .biz-fh-mainimg-wrapper #mainimg .img-text .button-blue,
  .biz-cs-mainimg-wrapper #mainimg .img-text .button-blue {
    display: inline-block;
    margin-right: .25em;
    margin-top: 1em;
  }
	.biz-fh-mainimg-wrapper #mainimg .img-text .button-blue a,
  .biz-cs-mainimg-wrapper #mainimg .img-text .button-blue a {
    width: 260px;
  }
  .biz-fh-mainimg-wrapper #mainimg .img-text .button-blue.free a,
  .biz-cs-mainimg-wrapper #mainimg .img-text .button-blue.free a {
    width: 210px;
  }
  .biz-fh-mainimg-wrapper #mainimg .biz-pc,
  .biz-cs-mainimg-wrapper #mainimg .biz-pc {
    top: 0;
    right: -4em;
    width: 100%;
    margin-top: 1.5em;
  }
  .biz-fh-mainimg-wrapper #mainimg .biz-pc p.smartphone,
  .biz-cs-mainimg-wrapper #mainimg .biz-pc p.smartphone {
    display: none;
  }
  .biz-fh-mainimg-wrapper #mainimg .biz-pc p.pc,
  .biz-cs-mainimg-wrapper #mainimg .biz-pc p.pc {
    display: inherit;
  }
  .biz-fh-mainimg-wrapper #mainimg .biz-pc p.pc img[usemap],
  .biz-cs-mainimg-wrapper #mainimg .biz-pc p.pc img[usemap] {
    position: absolute;
    top: 3.875em;
    right: 0em;
    margin-left: 3em;
    max-width: 100%;
    height: auto;
  }
	/**/
	#feature .biz-fh-mainimg-wrapper,
	#howtouse .biz-fh-mainimg-wrapper,
	#option .biz-fh-mainimg-wrapper,
	#chat-ai .biz-fh-mainimg-wrapper,
	/**/
	#feature .biz-cs-mainimg-wrapper,
	#howtouse .biz-cs-mainimg-wrapper,
	#option .biz-cs-mainimg-wrapper {
		height: 215px;
	}
	/**/
	#feature .biz-fh-mainimg-wrapper #mainimg h2,
	#howtouse .biz-fh-mainimg-wrapper #mainimg h2,
	#option .biz-fh-mainimg-wrapper #mainimg h2,
	#chat-ai .biz-fh-mainimg-wrapper #mainimg h2,
	/**/
	#feature .biz-cs-mainimg-wrapper #mainimg h2,
	#howtouse .biz-cs-mainimg-wrapper #mainimg h2,
	#option .biz-cs-mainimg-wrapper #mainimg h2 {
    text-align: center;
    padding: 0;
    margin: 1.5em auto .5em;
    font-size: 32px;
	}
	/**/
	#feature .biz-fh-mainimg-wrapper #mainimg h2 img,
	#howtouse .biz-fh-mainimg-wrapper #mainimg h2 img,
	#option .biz-fh-mainimg-wrapper #mainimg h2 img,
	#chat-ai .biz-fh-mainimg-wrapper #mainimg h2 img,
	/**/
	#feature .biz-cs-mainimg-wrapper #mainimg h2 img,
	#howtouse .biz-cs-mainimg-wrapper #mainimg h2 img,
	#option .biz-cs-mainimg-wrapper #mainimg h2 img {
		display:block; 
		margin: 0 auto;
	}
	/**/
  #feature .biz-fh-mainimg-wrapper #mainimg .img-text .button-blue,
  #howtouse .biz-fh-mainimg-wrapper #mainimg .img-text .button-blue,
  #option .biz-fh-mainimg-wrapper #mainimg .img-text .button-blue,
  #chat-ai .biz-fh-mainimg-wrapper #mainimg .img-text .button-blue,
	/**/
  #feature .biz-cs-mainimg-wrapper #mainimg .img-text .button-blue,
  #howtouse .biz-cs-mainimg-wrapper #mainimg .img-text .button-blue,
  #option .biz-cs-mainimg-wrapper #mainimg .img-text .button-blue {
		display: block;
  }

	#fh #mainimg .img-text {
		text-align: center;
	}
	#fh #mainimg .img-text .button-blue,
	#okbiz-cs #mainimg .img-text .button-blue {
		display: inline-block !important;
		margin-top: 0 !important;
	}
	#fh #mainimg .img-text .button-blue a,
	#okbiz-cs #mainimg .img-text .button-blue a {
		margin: 0 auto !important;
		padding: .45em 2.0em .45em 1.5em;
		width: auto !important;
	}

}

/* .tabs-menu
		from section-support
		from section-support2
		(Share) biz-faq-helpdesk & okbiz-cs
-------------------------------------------------- */

#section-support .tabs-menu ul,
#section-support2 .tabs-menu ul {
  padding-left: 0 !important;
  margin: 0 auto;
}
#section-support .tabs-menu ul li,
#section-support2 .tabs-menu ul li {
  width: 100%;
  float: left;
  text-align: center;
  background: #001a66;
  list-style: none;
  margin-bottom: 0;
  border-bottom: 1px #0843c7 solid;
}
#section-support .tabs-menu ul li a,
#section-support2 .tabs-menu ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 0;
}
#section-support .tabs-menu ul li a::after,
#section-support2 .tabs-menu ul li a::after {
  content: url(images/btn-d-arrow.png);
  position: relative;
  top: -.1em;
  left: 0.5em;
}
#section-support .tabs-menu ul li a:hover,
#section-support2 .tabs-menu ul li a:hover {
  background: #0843c7;
  display: block;
}
#section-support .tabs-menu ul li.active,
#section-support2 .tabs-menu ul li.active {
  background: #0843c7;
}

@media screen and (min-width: 768px) {

  #section-support .tabs-menu,
	#section-support2 .tabs-menu {
    background: #001a66;
    width: 100%;
    overflow: hidden; }

  #section-support .tabs-menu ul,
	#section-support2 .tabs-menu ul {
    width: 1000px; }

  #section-support .tabs-menu ul li,
	#section-support2 .tabs-menu ul li {
    width: 20%;
    border-bottom: none; }

	#section-support .tabs-menu ul li.active,
	#section-support2 .tabs-menu li.active {
  	background: #0843c7; }

  #section-support .tabs-menu ul li:first-child,
	#section-support2 .tabs-menu ul li:first-child {
    width: 40%; }

	/* faq helpdesk */
  #fh #section-support .tabs-menu ul li,
	#fh #section-support2 .tabs-menu ul li {
    width: 16%;
    border-bottom: none; }

  #fh #section-support .tabs-menu ul li:nth-child(4),
	#fh #section-support2 .tabs-menu ul li:nth-child(4),
    #fh #section-support .tabs-menu ul li:last-child,
	#fh #section-support2 .tabs-menu ul li:last-child {
    width: 26%; }

	/* cs */
	#cs #section-support .tabs-menu ul li,
	#cs #section-support2 .tabs-menu ul li {
    width: 18%;
    border-bottom: none; }

  #cs #section-support .tabs-menu ul li:first-child,
	#cs #section-support2 .tabs-menu ul li:first-child {
    width: 36%; }

  #cs #section-support .tabs-menu ul li.feature,
	#cs #section-support2 .tabs-menu ul li.feature {
    width: 28%; }

}

/* section-support2 */

#section-biz-topinfo,
#section-biz-topinfo p,
#section-support2,
#section-support2 p {
	width: 100%;
  margin: 0 auto;
}
#section-biz-topinfo {
  background-color: #0843c7;
  border-bottom: 5px #0843c7 solid;
  padding: .9em 0 3em;
}
#section-biz-topinfo p,
#section-support2 p {
	max-width: 520px;
}
#section-support2 .row {
	position: relative;
}
#section-support2 #tab2,
#section-support2.success-contact #tab2 {
  padding: 3em 0 3.5em;
  background: #0843c7 none repeat scroll 0 0;
  border-bottom: 5px #167ef2 solid;
}
#section-support2 .col-lg-6 + .col-lg-6 {
  margin:-20px 0 -10px;
}
#section-support2 ul {
  padding: 0 0 2.5em;
  background: #0843c7;
  border-bottom: 5px #167ef2 solid;
}
#section-biz-topinfo p img {
  margin-bottom: 1.25em;
}
#section-support2 p img,
#section-support2.success-contact p img {
  margin: -.2em 0 !important;
}
#section-support2 .content2,
#section-support2.success-contact .content2 {
  padding: 0;
}
#section-support2 .content2 {
	background: #0843c7;
}
#section-biz-topinfo h2 {
  color: #fff;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: .8em;
}
#section-biz-topinfo h2,
#section-support2 .content2 h2.title03,
#section-support2.success-contact .content2 h2.title03 {
  color: #fff;
	margin-top: 2.0em;
	margin-bottom: 0.8em;
  font-size: 18px;
  font-size: 1.125em;
  font-weight: bold;
}
#section-biz-topinfo h2.logo,
#section-support2 .content2 h2.logo,
#section-support2.success-contact .content2 h2.logo {
	margin-bottom: 0;
}
#section-support2 h2.title03::after {
  content: none;
}
#section-support2 .support-item {
  width: 100%;
  padding: 2.5em 1.5em 0 1.5em;
  margin: 7em auto 0 auto;
  text-align: center;
}
#okbiz #section-support2 .support-item,
#section-support2.success-contact .support-item {
  width: 100%;
  padding: 0 1.5em;
  margin: 0 auto 0 auto;
  text-align: center;
}
#section-biz-topinfo p.contact a,
#section-biz-topinfo p.contact-phone,
#section-biz-topinfo p.contact-mailmagazine a,
#section-support2 p.contact a,
#section-support2 p.contact-phone,
#section-support2 p.contact-mailmagazine a {
	position: relative;
	display: block;
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-moz-border-radius: 5rem;
	text-align: center;
	line-height: 1.0;
	font-weight: bold;
}
#section-biz-topinfo p.contact a,
#section-support2 p.contact a {
	display: block;
	height: 60px;
	max-height: 60px;
	margin-bottom: 0.6em;
	padding: 0.65em 0 0;
	background-color: #ffbf00;
	color: #0E315D;
	font-size: 1.4rem;
	text-decoration: none;
}
#section-biz-topinfo p.contact a:hover,
#section-support2 p.contact a:hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#section-biz-topinfo p.contact a span.mail::before,
#section-biz-topinfo p.contact a::after,
#section-biz-topinfo p.contact-phone span.phone-num::before,
#section-biz-topinfo p.contact-mailmagazine a::after,
#section-support2 p.contact a span.mail::before,
#section-support2 p.contact a::after,
#section-support2 p.contact-phone span.phone-num::before,
#section-support2 p.contact-mailmagazine a::after {
	display: inline-block;
	content: '';
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#section-biz-topinfo p.contact a span.mail::before,
#section-support2 p.contact a span.mail::before {
	position: relative;
	top: 0.15em;
	background-image: url(images/business/icon_contact_mail.png);
	margin: 0 0.4em 0 0;
	padding: 0;
	width: 31px;
	height: 24px;
}
#section-biz-topinfo p.contact a::after,
#section-support2 p.contact a::after {
	position: absolute;
	top: 0.9em;
	right: 0.95em;
	background-image: url(images/btn-arrow-darkblue-large.png);
	width: 11px;
	height: 19px;
}
#section-biz-topinfo p.contact-phone,
#section-support2 p.contact-phone {
	padding: 1.0em 0 0.95em;
	background-color: #fff;
	color: #0E315D;
	font-size: 0.9em;
}
#section-biz-topinfo p.contact-phone span.phone-num,
#section-support2 p.contact-phone span.phone-num {
	position: relative;
	top: -0.05em;
	font-size: 2.15em;
	vertical-align: middle;
}
#section-biz-topinfo p.contact-phone span.phone-num::before,
#section-support2 p.contact-phone span.phone-num::before {
	position: relative;
	top: 0.1em;
	background-image: url(images/business/icon_contact_phone.png);
	margin: 0 0.1em 0 0.3em;
	padding: 0;
	width: 25px;
	height: 27px;
}
#section-biz-topinfo .text,
#section-support2 .text-time,
#section-support2.success-contact .text-time {
	padding-top: 0.4em;
  font-size: 0.9rem;
  color: #fff;
  text-align: center;
}
#section-support2 .text,
#section-support2.success-contact .text {
	padding-top: 0.8em;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
}
#section-biz-topinfo p.contact-mailmagazine,
#section-support2 p.contact-mailmagazine {
  margin-top:0.7em;
}
#section-biz-topinfo p.contact-mailmagazine a,
#section-support2 p.contact-mailmagazine a {
  border:1px solid #FFFFFF;
  color:#FFFFFF;
  text-decoration:none;
  padding:0.9em;
}
#section-biz-topinfo p.contact-mailmagazine a:hover,
#section-support2 p.contact-mailmagazine a:hover {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#section-biz-topinfo p.contact-mailmagazine a::after,
#section-support2 p.contact-mailmagazine a::after {
	position: absolute;
	top: 0.75em;
	right: 0.95em;
	background-image: url(images/btn-r-arrow.png);
	width: 11px;
	height: 19px;
}

/* #section-support2 (success) */

#section-support2.success-contact .success-service-notice {
  background-color: #E6182F;
  margin: -1rem 0.9rem 0;
  padding: 0.7rem 1rem;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#section-support2.success-contact .success-service-notice p {
  color: #fff;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 0;
}
#section-support2.success-contact .success-service-notice p::after {
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #E6182F;
  display: block;
  position: absolute;
  left: 50%;
  bottom: -18px;
}
#section-support2.success-contact .success-service-btn {
  margin: 1.0em 15% 1rem;
}
#section-support2.success-contact .success-service-btn a {
  background-color: #FFFFFF;
  color: #0E325E;
  font-size: 0.95rem;
  padding: 0.5rem 0 0.5rem 2rem;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
}
#section-support2.success-contact .success-service-btn a::after {
  content: url(images/btn-r-arrow-b.png);
  float: right;
  margin: 0 1rem 0 0;
}
#section-support2.success-contact .success-service-btn a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
@media screen and (max-width: 568px) {

	#section-support2 .col-lg-6 + .col-lg-6 {
		margin:0 0 -1em;
		
	}
	
	#section-biz-topinfo p.contact a,
	#section-support2 p.contact a {
		height: auto;
		max-height: auto;
		margin-bottom: 0.65em;
		padding: 0.65em 0 0.95em;
		background-color: #ffbf00;
		font-size: 0.95rem;
	}
	#section-biz-topinfo p.contact-mailmagazine a,
	#section-support2 p.contact-mailmagazine a {
		height: auto;
		max-height: auto;
		margin-bottom: 0.65em;
		padding: 0.75em 0 0.75em;
		font-size: 0.85rem;
	}
	#section-biz-topinfo p.contact a::after,
	#section-support2 p.contact a::after {
		top: 1.2em;
		width: 7px;
		height: 12px;
	}
	#section-biz-topinfo p.contact-mailmagazine a::after,
	#section-support2 p.contact-mailmagazine a::after {
		top: 0.8em;
		width: 7px;
		height: 12px;
	}
	#section-biz-topinfo p.contact a span.mail::before,
	#section-support2 p.contact a span.mail::before {
		position: relative;
		top: 0.2em;
		margin: 0 0.4em 0 0;
		padding: 0;
		width: 24px;
		height: 19px;
	}
	#section-biz-topinfo p.contact-phone,
	#section-support2 p.contact-phone {
		padding: 1.15em 0;
		font-size: 0.6em;
	}
	#section-biz-topinfo p.contact-phone span.phone-num,
	#section-support2 p.contact-phone span.phone-num {
		top: -0.05em;
		font-size: 2.0em;
	}
	#section-biz-topinfo p.contact-phone span.phone-num::before,
	#section-support2 p.contact-phone span.phone-num::before {
		top: 0.1em;
		margin: 0 0.1em 0 0.3em;
		width: 16px;
		height: 17px;
	}
	#section-biz-topinfo .text,
	#section-support2 .text-time,
	#section-support2.success-contact .text-time,
	#section-support2 .text,
	#section-support2.success-contact .text {
		font-size: 12px;
		font-size: .75rem;
	}
}
@media screen and (min-width: 768px) {
	
	/* section-support2 */

	#section-support2 #tab2 {
    padding: 4em 0 3.5em;
    background: #0843c7;
  }
	#section-support2 .content2 {
    padding: 0;
  }
	#section-support2 .content2 h2.logo {
    margin-top: 0;
		margin-bottom: 0.8em;
		margin-left: 0;
  }
  #okbiz #section-support2 .content2 h2.logo {
		margin-top: 1.2em !important;
		margin-left: 0 !important;
		padding-top: 0 !important;
		text-align: left;
  }
	#section-biz-topinfo h2 {
    margin-top: 2.0em;
	}
	#section-support2 .content2 h2.title03,
	#section-support2.success-contact .content2 h2.title03 {
    margin-top: 0;
	}
	#section-support2 .support-item,
	#section-support2.success-contact .support-item {
    width: 1000px;
    padding: 0;
    margin: 0 auto;
  }
	#okbiz #section-support2 .text-time {
		font-size: 14px;
		font-size: 0.9rem;
	}
	#section-support2 .text {
		margin-bottom: 0.8em;
    text-align: left;
		font-size: 1.125em;
	}

	/* #section-support2 (success) */
	#section-support2.success-contact .success-service-notice {
		position: absolute;
		top: -50px;
		left: -42px;
	}
	#section-support2.success-contact .success-service-notice p::after {
		left: 55px;
	}
	#section-support2.success-contact .content2 h2.logo {
		margin-left: 0;
		margin-top: 0;
	}
	#section-support2.success-contact .content2 h2.logo img {
		float: left;
	}
	#section-support2.success-contact .text {
		margin-bottom: 1.2em;
		text-align: left;
	}
	#section-support2.success-contact .success-service-btn {
		margin: 0;
		float: left;
	}
	#section-support2.success-contact .success-service-btn a::after {
		margin: 0 1rem;
	}

}

/* biz-faq-helpdesk
-------------------------------------------------- */

#biz-faq-helpdesk #section-support {
  width: 100%;
  margin: 0 auto;
}
#biz-faq-helpdesk #section-support h2 {
  margin-top: 7em;
}
#biz-faq-helpdesk #section-support .content {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em;
}
#biz-faq-helpdesk #section-support .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0;
}

#biz-faq-helpdesk #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#biz-faq-helpdesk #section-support .table-bordered {
  border: 5px solid !important;
  color: #fff;
  border-radius: .4em;
  border-collapse: separate;
}
#biz-faq-helpdesk #section-support .table-bordered td {
  border: none !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
#biz-faq-helpdesk #section-support .table-bordered td {
  padding: .5em;
  border-left: 1px dotted #fff !important;
  border-top: 1px dotted #fff !important;
  text-align: left;
}
#biz-faq-helpdesk #section-support .table-bordered td.no-tboder {
  border-top: none !important;
}
#biz-faq-helpdesk #section-support .table-bordered td:first-child {
  border-left: none !important;
}
#biz-faq-helpdesk #section-support .table-bordered td p {
  background: url(images/biz-service/biz-fh-02.png) no-repeat;
  background-position: 0 .2em;
  padding: .5em 0 0 3em;
  margin: 0;
  height: auto;
  min-height: 41px;
}
#biz-faq-helpdesk #section-merit {
  padding-bottom: 4.8em;
  background-color: #e8f2ff;
  text-align: center;
}
#biz-faq-helpdesk #section-merit h2 {
  padding-top: 2em;
  padding-bottom: .5em;
}
#biz-faq-helpdesk #section-outline {
  background: url(images/biz-service/biz-fh-bk02.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  border-bottom:5px solid #0046c8;
}
#biz-faq-helpdesk #section-outline h2 {
  padding-bottom: .5em;
}

/* section-corporation */

#biz-faq-helpdesk #section-corporation,
#okbiz-cs #section-corporation {
  background: url(images/biz-service/biz-fh-bk03.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
#biz-faq-helpdesk #section-corporation .text {
  text-align: center;
}
#biz-faq-helpdesk #section-corporation .logo-container {
  border: 14px solid rgba(0, 25, 102, 0.2);
  border-radius: .1875em;
  margin: 0 auto 3.125em auto;
  width: 80%;
}
#biz-faq-helpdesk #section-corporation .logo-container .logo {
  margin: 0;
	padding: 0.8em 0.8em;
	background-color: #fff;
  text-align: center;
	list-style: none;
}
#biz-faq-helpdesk #section-corporation .logo-container .logo img {
  margin: 1.2em 0;
}
#biz-faq-helpdesk #section-corporation .button-blue a {
  margin: 0 auto;
  width: 70%;
}

/* section-free */

#fh #section-free {
  background: #001A66;
  border-bottom: 5px #0046c8 solid;
  padding-top: 3.8em;
  padding-bottom: 3em;
}
#fh #section-free h2.title03,
#fh #section-free h3,
#fh #section-free p,
#fh #section-free ul {
  color: #fff !important;
}
#fh #section-free h2.title03 {
  font-weight: bold;
  line-height: 1.2;
  font-size:2rem;
  margin-bottom:0;
}
#fh #section-free h2.title03::after {
  top: -.5em;
}
#fh #section-free h3 {
  font-weight: bold;
  line-height: 1.2;
  font-size: 20px;
  font-size: 1.25rem;
}
#fh #section-free .anchor {
	top:-2em!important;
}
#fh #section-free ul {
  margin-left: 0;
}
#fh #section-free img {
  padding-top: 1em;
}
#fh #section-free .button-blue a {
  margin: .625em auto;
  width: 100%;
}

/* section-system-requirements */

#section-system-requirements {
  position:relative;
  top:-7em;
  margin:0 0 -4.5em;
}

#section-system-requirements .button-blue {
  background-color: #0d4ec6;
  border-radius: 1.5625em;
  color: #fff;
  width: 85%;
  display: block;
  font-size: 1.125rem;
  line-height:1.3;
  margin:0 auto;
  padding: 0.7em 1.5em;
  text-align: center;
  cursor:pointer
}

#section-system-requirements .button-blue-active {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

#section-system-requirements .button-blue::after {
  content: url(images/btn-d-arrow.png);
  left: 0.5em;
  position: relative;
  top: -0.15em;
}

#section-system-requirements .button-blue-active::after {
  content: url(images/btn-u-arrow.png);
  left: 0.5em;
  position: relative;
  top: -0.15em;
}

.system-requirements-cts {
  background-color:#E8F2FF;
  display:none;
  margin:0 0 -7em;
}

.system-requirements-cts .title04 {
  color: #001966;
  font-size: 1.8rem;
  margin: 0 0 1.5em;
  padding: 1.8em 0 0;
  text-align: center;
}

.system-requirements-cts .title04 span {
  font-size:0.9rem;
  display:block;
  margin:0.5em 0 0 0;
}

h2.title04 span::before, h2.title04 span::after {
  border-top: none;
  content: "";
  height: auto;
  position: relative;
  top: 0;
  width: auto;
}

.system-requirements-cts .container p {
  font-size:0.65rem;
  line-height:1.5;
  margin-bottom:3em;
}

.system-requirements-cts dl {
  background:#FFFFFF;
  border-radius:0.3em;
  overflow:hidden;
}

.system-requirements-cts dl dt {
  background:#001A66;
  color:#FFFFFF;
  padding:0.5em 0;
  font-size:0.95rem;
  font-weight:normal;
  text-align:center;
}

.system-requirements-cts dl dd {
  background:#AAC1F1;
  margin:0;
  padding:0;
  overflow:hidden;
}

.system-requirements-cts dl dd div {
  box-sizing:border-box;
}

.system-requirements-cts dl dd .system-requirements-left {
  background:#AAC1F1;
  border-bottom:1px solid #FFFFFF;
  width:auto;
  padding:0.5em 1em;
  font-size:0.8rem;
  text-align:center;
}

.system-requirements-cts dl dd:last-child .system-requirements-left,
.system-requirements-cts dl dd:last-child .system-requirements-right {
  border:none;
}

.system-requirements-cts dl dd .system-requirements-right {
  background:#FFFFFF;
  border-bottom:1px solid #AAC1F1;
  width:auto;
  padding:1em 1em;
  font-size:0.75rem;
}

.system-requirements-cts dl dd .system-requirements-right ul {
  margin:0;
  padding:0;
  list-style:none;
}

.system-requirements-cts dl dd .system-requirements-right ul li {
  margin:0;
  padding:0 0 0 10px;
  position:relative;
}

.system-requirements-cts dl dd .system-requirements-right ul li::before {
  color: #666666;
  content: "\25CF";
  font-size: 8px;
  left: 0;
  line-height: 16px;
  position: absolute;
}

.system-requirements-cts dl dd .system-requirements-right ul li.system-requirements-caution {
  font-size:0.9em;
  margin-top:0.2em;
}

.system-requirements-cts dl dd .system-requirements-right ul li.system-requirements-caution::before {
  content:"";
}

@media screen and (min-width: 768px) {

  /* biz-faq-helpdesk */

  #biz-faq-helpdesk #section-support h2 {
    margin-top: 0em;
  }
  #biz-faq-helpdesk #section-support .support-item {
    width: 1000px;
  }
  #biz-faq-helpdesk #section-merit {
    padding-bottom: 3em;
  }
  #biz-faq-helpdesk #section-corporation .container {
    width: 1000px;
  }
  #biz-faq-helpdesk #section-corporation .logo-container {
    width: 90%;
  }
  #biz-faq-helpdesk #section-corporation .logo-container .logo {
    margin: 0;
		padding: 1em 0.8em;
		list-style: none;
  }
  #biz-faq-helpdesk #section-corporation .logo-container .logo li {
	  width:auto;
	  padding-left:1.2rem;
	  padding-right:1.2rem;
  }
  #biz-faq-helpdesk #section-corporation .logo-container .logo li:first-child {
	  margin-left:30px;
  }
  #biz-faq-helpdesk #section-corporation .logo-container .logo li:nth-child(6) {
	  margin-left:40px;
  }
  #biz-faq-helpdesk #section-corporation .logo-container .logo img {
		padding: 0 !important;
		margin: 1.5em 0;
  }
  #biz-faq-helpdesk #section-corporation .button-blue a {
    width: 30%;
  }

	/* section-free */

	#fh #section-free .container {
    width: 1000px;
  }
  #fh #section-free h3 {
    font-size: 29px;
    font-size: 1.6rem;
  }
  #fh #section-free img {
    margin-top: 0em;
  }
  #fh #section-free .button-blue a {
    margin-left: 0;
    margin-right: 0;
    width: 70%;
  }
  
  /* section-system-requirements */

#section-system-requirements {
  position:relative;
  top:-100px;
  margin:0 0 -44px;
}

#section-system-requirements .button-blue {
  background-color: #0d4ec6;
  border-radius: 1.5625em;
  color: #fff;
  width: 540px;
  display: block;
  font-size: 1.2rem;
  margin:0 auto;
  padding: 0.5em 2em 0.5em 1.5em;
  text-align: center;
  cursor:pointer
}

#section-system-requirements .button-blue-active {
  border-top-right-radius:1em;
  border-top-left-radius:1em;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

#section-system-requirements .button-blue::after {
  content: url(images/btn-d-arrow.png);
  left: 0.5em;
  position: relative;
  top: -0.15em;
}

#section-system-requirements .button-blue-active::after {
  content: url(images/btn-u-arrow.png);
  left: 0.5em;
  position: relative;
  top: -0.15em;
}


.system-requirements-cts {
  background-color:#E8F2FF;
  display:none;
  margin:0 0 -100px;
}

.system-requirements-cts .container {
  width:1000px;
  margin:0 auto;
}

.system-requirements-cts .container p {
  font-size:0.7rem;
  line-height:1.7;
  margin-bottom:4em;
}

.system-requirements-cts dl {
  background:#FFFFFF;
  border-radius:0.3em;
  overflow:hidden;
}

.system-requirements-cts dl dt {
  background:#001A66;
  color:#FFFFFF;
  padding:0.5em 0;
  font-size:0.95rem;
  font-weight:normal;
  text-align:center;
}

.system-requirements-cts dl dd {
  background:#AAC1F1;
  display: -webkit-flex;
  display:flex;
  margin:0;
  padding:0;
  overflow:hidden;
}

.system-requirements-cts dl dd div {
  box-sizing:border-box;
}

.system-requirements-cts dl dd .system-requirements-left {
  background:#AAC1F1;
  border-bottom:1px solid #FFFFFF;
  width:18%;
  padding:0.8em 1em;
  font-size:0.8rem;
  text-align:left;
}

.system-requirements-cts dl dd:last-child .system-requirements-left,
.system-requirements-cts dl dd:last-child .system-requirements-right {
  border:none;
}

.system-requirements-cts dl dd .system-requirements-right {
  background:#FFFFFF;
  border-bottom:1px solid #AAC1F1;
  width:82%;
  padding:0.8em 1em;
  font-size:0.75rem;
}

}

/* okbiz-cs
-------------------------------------------------- */

#okbiz-cs #section-support {
  width: 100%;
  margin: 0 auto;
}
#okbiz-cs #section-support h2 {
  margin-top: 7em;
}
#okbiz-cs #section-support #tab1 {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em;
}
#okbiz-cs #section-support .content {
  padding: 0;
}
#okbiz-cs #section-support .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0;
}
#okbiz-cs #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#okbiz-cs #section-support .table-bordered {
  border: 5px solid !important;
  color: #fff;
  border-radius: .4em;
  border-collapse: separate;
}
#okbiz-cs #section-support .table-bordered th {
	padding: 0.6em 0 0.8em;
	border: none !important;
	background-color: #fff;
	color: #0843c7;
	text-align: center;
}
#okbiz-cs #section-support .table-bordered td {
  border: none !important;
  font-weight: bold;
}
#okbiz-cs #section-support .table-bordered td {
  padding: .5em;
  border-left: 1px dotted #fff !important;
  border-top: 1px dotted #fff !important;
  text-align: left;
}
#okbiz-cs #section-support .table-bordered td.no-tboder {
  border-top: none !important;
}
#okbiz-cs #section-support .table-bordered td:first-child {
  border-left: none !important;
}
#okbiz-cs #section-support .table-bordered td p {
  background: url(images/biz-service/biz-fh-02.png) no-repeat;
  background-position: .2em .3em;
  padding: .4em 0 .45em 3.2em;
  margin: 0;
  height: auto;
  min-height: 41px;
}
#okbiz-cs #section-merit {
  padding-bottom: 4.8em;
  background-color: #e8f2ff;
  text-align: center;
}
#okbiz-cs #section-merit h2 {
  padding-top: 2em;
  padding-bottom: .5em;
}
#okbiz-cs #section-outline {
}
#okbiz-cs #section-outline h2 {
  padding-bottom: .5em;
}
#okbiz-cs #section-outline .container p {
	margin: 0;
	padding: 0;
}

#okbiz-cs #section-corporation .text {
  text-align: center;
}
#okbiz-cs #section-corporation .logo-container {
  border: 14px solid rgba(0, 25, 102, 0.2);
  border-radius: .1875em;
  margin: 0 auto 3.125em auto;
  width: 80%;
}
#okbiz-cs #section-corporation .logo-container .logo {
  margin: 0;
	padding: 0.8em 0.8em;
	background-color: #fff;
  text-align: center;
	list-style: none;
}
#okbiz-cs #section-corporation .logo-container .logo img {
  margin: 1.2em 0;
}
#okbiz-cs #section-corporation .button-blue a {
  margin: 0 auto;
  width: 70%;
}

/* section-support2 */

@media screen and (min-width: 768px) {

  #okbiz-cs #section-support h2 {
    margin-top: 0em;
  }
  #okbiz-cs #section-support .support-item {
    width: 1000px;
  }

  #okbiz-cs #section-merit {
    padding-bottom: 3em;
  }
  #okbiz-cs #section-corporation .container {
    width: 1000px;
  }
  #okbiz-cs #section-corporation .logo-container {
    width: 90%;
  }
  #okbiz-cs #section-corporation .logo-container .logo {
    margin: 0;
		padding: 0 0.8em;
		list-style: none;
  }
  #okbiz-cs #section-corporation .logo-container .logo img {
		padding: 0 !important;
		margin: 2.5em 0;
  }
  #okbiz-cs #section-corporation .button-blue a {
    width: 30%;
  }

}


/* okbiz-cs (feature)
-------------------------------------------------- */

#feature h1.entry-title {
	display: none;
}

/* section-support */

#feature #section-support {
  width: 100%;
  margin: 0 auto;
}
#feature #section-support h2 {
  margin-top: 7em;
}
#feature #section-support #tab1 {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em;
}
#feature #section-support .content {
  padding: 0;
}
#feature #section-support .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0;
}
#feature #section-support .content p {
  color: #fff;
}

#feature #section-support .button-white {
  display: block;
  margin-right: .25em;
	margin-bottom: 0.8em;
}
#feature #section-support .button-white a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  border-radius: 1.5625em;
  margin: 0 3em;
  padding: .45em 2.0em .45em 1.5em;
  color: #001966;
  font-size: 16px;
  font-size: 1.0rem;
  text-align: center;
	border: none;
}
#feature #section-support .button-white a::after {
  content: url(images/biz-service/btn-arrow-darkblue-down.png);
  position: relative;
  top: 0;
  left: 0.8em;
}

#feature #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#feature #section-support .table-bordered {
  border: 5px solid !important;
  color: #fff;
  border-radius: .4em;
  border-collapse: separate;
}
#feature #section-support .table-bordered td {
  border: none !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
#feature #section-support .table-bordered td {
  padding: .5em;
  border-left: 1px dotted #fff !important;
  border-top: 1px dotted #fff !important;
  text-align: left;
}
#feature #section-support .table-bordered td.no-tboder {
  border-top: none !important;
}
#feature #section-support .table-bordered td:first-child {
  border-left: none !important;
}
#feature #section-support .table-bordered td p {
  background: url(images/biz-service/biz-fh-02.png) no-repeat;
  background-position: 0 .2em;
  padding: .5em 0 0 3em;
  margin: 0;
  height: auto;
  min-height: 41px;
}

/**/

#cs #section-flow {
  width: 100%;
  margin: 0 auto; }

#cs #section-flow #tab1 {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em; }

#cs #section-flow .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0; }

#cs #section-flow .content p {
  color: #fff; }

#cs #section-flow .container {
  width: 1000px; }

#cs #section-flow .container p {
	padding-top: 4.0em;
	margin-bottom: 6.0em; }


/* section-feature */

#feature #section-feature {
	position: relative;
	padding: 0 0 3em 0;
}
#feature #section-feature .anchor {
	position: relative;
	top: -60px;
}
#feature #section-feature h2.title03 {
  margin: 0 0 2.0em 0;
  padding: 1.8em 0 1.2em;
	background-color: #E8F2FF !important;

  color: #001966;
  font-size: 32px;
  line-height: 2rem;
  text-align: center;
}
#feature #section-feature .container .feat-box {
	margin-bottom: 2.5em;
	padding-top: 2.5em;
	border-top: 1px dotted #666;
}
#feature #section-feature .container .feat-box:first-child {
	padding-top: 0;
	border-top: none;
}
#feature #section-feature .container .feat-box h3 {
	margin-bottom: 0.65em;
	color: #0743C6;
  font-size: 19px;
  line-height: 1.45;
  text-align: left;
	font-weight: bold;
}
#feature #section-feature .container .feat-box p {
  font-size: 14px;
  line-height: 1.8;
}
#feature #section-feature .container .feat-box img {
	display: block;
	margin: 0 auto;
}


@media screen and (min-width: 768px) {

	/* section-support */
	
  #feature #section-support h2 {
    margin-top: 0em;
  }
  #feature #section-support #tab1 {
    padding-bottom: 4em;
  }
	#feature #section-support .content {
		text-align: center;
	}
	#feature #section-support .button-white {
    display: inline-block;
    margin-right: .25em;
		margin-bottom: 0;
	}
	#feature #section-support .button-white a {
    margin: 0 .15em;
	}

	/* section-feature */

  #feature #section-feature .container {
    width: 1000px;
  }

}


/* okbiz-cs (howtouse)
-------------------------------------------------- */

#howtouse h1.entry-title {
	display: none;
}

/* section-support */

#howtouse #section-support {
  width: 100%;
  margin: 0 auto;
}
#howtouse #section-support h2 {
  margin-top: 7em;
}
#howtouse #section-support #tab1 {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em;
}
#howtouse #section-support .content {
  padding: 0;
}
#howtouse #section-support .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0;
}
#howtouse #section-support .content p {
  color: #fff;
}

#howtouse #section-support .button-white {
  display: block;
  margin-right: .25em;
	margin-bottom: 0.8em;
}
#howtouse #section-support .button-white a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  border-radius: 1.5625em;
  margin: 0 3em;
  padding: .45em 2.0em .45em 1.5em;
  color: #001966;
  font-size: 16px;
  font-size: 1.0rem;
  text-align: center;
	border: none;
}
#howtouse #section-support .button-white a span {
  font-size: 12px;
}
#howtouse #section-support .button-white a::after {
  content: url(images/biz-service/btn-arrow-darkblue-down.png);
  position: relative;
  top: 0;
  left: 0.8em;
}

#howtouse #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#howtouse #section-support .table-bordered {
  border: 5px solid !important;
  color: #fff;
  border-radius: .4em;
  border-collapse: separate;
}
#howtouse #section-support .table-bordered td {
  border: none !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
#howtouse #section-support .table-bordered td {
  padding: .5em;
  border-left: 1px dotted #fff !important;
  border-top: 1px dotted #fff !important;
  text-align: left;
}
#howtouse #section-support .table-bordered td.no-tboder {
  border-top: none !important;
}
#howtouse #section-support .table-bordered td:first-child {
  border-left: none !important;
}
#howtouse #section-support .table-bordered td p {
  background: url(images/biz-service/biz-fh-02.png) no-repeat;
  background-position: 0 .2em;
  padding: .5em 0 0 3em;
  margin: 0;
  height: auto;
  min-height: 41px;
}

/* section-howto */
#okbiz-chat #okbiz .biz-mainimg-wrapper {
	height:430px;
}
#howtouse #section-howto {
	position: relative;
	padding: 0 0 3em 0;
}
#howtouse #section-howto .anchor {
	position: relative;
	top: -60px;
}
#howtouse #section-howto h2.title03 {
  margin: 0 0 2.0em 0;
  padding: 1.8em 0 1.2em;
	background-color: #E8F2FF !important;

  color: #001966;
  font-size: 32px;
  line-height: 2rem;
  text-align: center;
}
#howtouse #section-howto .container .howto-box,
#okbiz-chat #section-howto .container .howto-box {
	margin-bottom: 3.5em;
	padding-top: 2.5em;
	border-top: 1px dotted #666;
}
#howtouse #section-howto .container .howto-box:first-child,
#okbiz-chat #section-howto .container .howto-box:first-child {
	padding-top: 0;
	border-top: none;
}
#howtouse #section-howto .container .howto-box h3,
#okbiz-chat #section-howto .container .howto-box h3 {
	padding-top: 1.5em;
	margin-bottom: 0.65em;
	color: #0743C6;
  font-size: 24px;
  line-height: 1.45;
  text-align: left;
	font-weight: bold;
}
#howtouse #section-howto .container .howto-box p,
#okbiz-chat #section-howto .container .howto-box p {
  font-size: 14px;
  line-height: 1.8;
}
#howtouse #section-howto .container .howto-box img,
#okbiz-chat #section-howto .container .howto-box img {
	display: block;
	margin: 0 auto;
}

#howtouse #section-howto .container .howto-box p.company,
#okbiz-chat #section-howto .container .howto-box p.company {
	display: inline-block;
	background-color: #eee;
	padding: 12px;

	color: #001966;
  font-size: 14px;
  line-height: 1.1;
	font-weight: bold;
}

#howtouse p.problem,
#okbiz-chat p.problem {
	position: relative;
	margin: 0;
	padding: 15px 15px 20px;
	width: auto;
	min-height: auto;
	background-color: #001A66;
	color: #fff;
	font-size: 1.12rem !important;
	line-height: 1.45 !important;
	font-weight: bold;
}
#howtouse p.problem::after,
#okbiz-chat p.problem::after {
	position: absolute;
	bottom: -50px;
	left: -2.6%;
	z-index: -1;

	border-style:solid;
	content: " ";
	display:block;
	margin: 0 41%;
	width: 18%;
	max-width: 35px;
	height: 0;
	border: 35px solid transparent;
	border-top: 35px solid #001A66;
}
#howtouse p.problem strong,
#okbiz-chat p.problem strong {
	display: inline-block;
	margin-bottom: 8px;
	padding-bottom: 4px;
	width: 100%;
	border-bottom: 1px solid #fff;
	font-size: 12px;
}

@media screen and (min-width: 768px) {

	#okbiz-chat #okbiz .biz-mainimg-wrapper {
		height:390px;
	}
	/* section-support */
	
  #howtouse #section-support h2 {
    margin-top: 0em;
  }
  #howtouse #section-support #tab1 {
    padding-bottom: 4em;
  }
	#howtouse #section-support .content {
		text-align: center;
	}
	#howtouse #section-support .button-white {
    display: inline-block;
    margin-right: .25em;
		margin-bottom: 0;
	}
	#howtouse #section-support .button-white a {
    margin: 0 .15em;
	}

	/* section-howt */

  #howtouse #section-howto .container,
  #okbiz-chat #section-howto .container {
    width: 1000px;
  }
	#howtouse #section-howto .container .howto-box h3,
	#okbiz-chat #section-howto .container .howto-box h3 {
		padding-top: 0;
	}
	#howtouse p.problem,
	#okbiz-chat p.problem {
		position: relative;
		margin: 10px 0 0 0;
		padding: 15px 5px 15px 15px;
		width: 190px !important;
		min-height: 164px !important;
		background-color: #001A66;
		color: #fff;
		text-align: center;
	}
	#howtouse .problem::after,
	#okbiz-chat .problem::after {
		position: absolute !important;
		top: 0 !important;
		right: -60px !important;
		bottom: -50px !important;
		left: auto !important;
		z-index: 10 !important;

		width: 60px !important;
		margin: 0 !important;
		border-top: 82px solid transparent !important;
		border-right: 30px solid transparent !important;
		border-bottom: 82px solid transparent !important;
		border-left: 30px solid #001A66 !important;
	}
	#howtouse p.problem strong,
	#okbiz-chat p.problem strong {
		margin-bottom: 12px;
		padding-bottom: 6px;
	}

}


/* okbiz-cs (option)
-------------------------------------------------- */

#option h1.entry-title {
	display: none;
}

/* section-support */

#option #section-support {
  width: 100%;
  margin: 0 auto;
}
#option #section-support h2 {
  margin-top: 7em;
}
#option #section-support #tab1 {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em;
}
#option #section-support .content {
  padding: 0;
}
#option #section-support .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0;
}
#option #section-support .content p {
  color: #fff;
}

#option #section-support .button-white {
  display: block;
  margin-right: .25em;
	margin-bottom: 0.8em;
}
#option #section-support .button-white a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  border-radius: 1.5625em;
  margin: 0 3em;
  padding: .45em 2.0em .45em 1.5em;
  color: #001966;
  font-size: 16px;
  font-size: 1.0rem;
  text-align: center;
	border: none;
}
#option #section-support .button-white a::after {
  content: url(images/biz-service/btn-arrow-darkblue-down.png);
  position: relative;
  top: 0;
  left: 0.8em;
}

#option #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#option #section-support .table-bordered {
  border: 5px solid !important;
  color: #fff;
  border-radius: .4em;
  border-collapse: separate;
}
#option #section-support .table-bordered td {
  border: none !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
#option #section-support .table-bordered td {
  padding: .5em;
  border-left: 1px dotted #fff !important;
  border-top: 1px dotted #fff !important;
  text-align: left;
}
#option #section-support .table-bordered td.no-tboder {
  border-top: none !important;
}
#option #section-support .table-bordered td:first-child {
  border-left: none !important;
}
#option #section-support .table-bordered td p {
  background: url(images/biz-service/biz-fh-02.png) no-repeat;
  background-position: 0 .2em;
  padding: .5em 0 0 3em;
  margin: 0;
  height: auto;
  min-height: 41px;
}

/* section-option */

#option #section-option {
	position: relative;
	padding: 0 0 3em 0;
}
#option #section-option .anchor {
	position: relative;
	top: -60px;
}
#option #section-option .title03 {
  margin: 0 0 2.0em 0;
  padding: 1.8em 0 1.5em;
	background-color: #E8F2FF !important;

  color: #001966;
  font-size: 32px;
  line-height: 2rem;
  text-align: center;
}
#option #section-option .title03 h2 {
	margin: 0;
	padding-top: 0;
	color: #001966;
  font-size: 32px;
  line-height: 2rem;
  text-align: center;
}
#option #section-option .title03 h2::after {
  content: url(images/blue-line.png);
  position: relative;
  top: -.4em;
  left: 0;
  right: 0;
  display: block;
}
#option #section-option .title03 p {
	margin: 0;
	padding: 0;
	color: #333;
  font-size: 16px;
  line-height: 1.5rem;
  text-align: center;
}
#option #section-option .container .enquete {
	margin-bottom: 2.5em;
	padding: 1.5em 0.8em;
	border: 3px solid #ddd;
}
#option #section-option .container .enquete h3 {
	margin-bottom: 1.5em;
	padding-bottom: 1.15em;
	color: #333;
  font-size: 18px;
  line-height: 1.45;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
}
#option #section-option .container .enquete h4.title-q {
	margin-bottom: 1.45em;
	font-size: 20px;
	text-align: center;
}
#option #section-option .container .enquete h4.title-q:before {
	position:relative; 
	top: 6px;
	left: -5px;
	display:inline-block;
	content: "";
	width: 30px;
	height: 26px;
	background: url(images/biz-service/okbiz-cs/icon_enq_title.png) no-repeat;
	background-size: cover;
	background-position: auto;
}
#option #section-option .container .enquete .graph-legend {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}
#option #section-option .container .enquete .notes {
	text-align: right;
	font-size: 12px;
}
#option #section-option .container .opt-box p,
#option #section-option .container .opt-box02 p,
#option #section-option .container .opt-box03 p {
  font-size: 14px;
  line-height: 1.8;
}
#option #section-option .container .opt-box02 h3 {
	margin-bottom: 1.2em;
	font-size: 21px;
	line-height: 1.45;
	font-weight: bold;
}
#option #section-option .container .opt-box02 p.main-lead {
	margin-bottom: 2.5em;
  font-size: 14px;
  line-height: 1.8;
}
#option #section-option .container .opt-box02 img {
	display: block;
	margin: 0 auto 1.5em;
}
#option #section-option .container .opt-box02 h4 {
	padding-top: 1.5em;
	margin-bottom: 1.2em;
	font-size: 18px;
	line-height: 1.45;
	font-weight: bold;
}
#option #section-option .container .opt-box02 .column {
	width: auto !important;
	margin: 3em 0.8em 2.5em;
	padding: 1.8em 1.5em 0.8em;
	background-color: #eee;
	border: 3px solid #ddd;
}
#option #section-option .container .opt-box02 .column h4 {
	margin-bottom: 0.6em;
	padding: 0;
	font-size: 18px;
	text-align: center;
}

/* opt-box03 */
#option #section-option .container .opt-box03 h3 {
	margin-bottom: 0.8em;
	font-size: 24px;
	line-height: 1.45;
	font-weight: bold;
}
#option #section-option .container .opt-box03 img {
	display: block;
	margin: 0 auto 1.5em;
}
#option #section-option .container .opt-box03 h4 {
	margin-bottom: 0.8em;
	font-size: 18px;
	line-height: 1.45;
	font-weight: bold;
}
#option #section-option .container .opt-box03 ul,
#option #section-option .container .opt-box03 li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: center;
}
#option #section-option .container .opt-box03 li img {
	display: block;
	margin: 0 auto 0.6em;
}
#option #section-option .container .opt-box03 .line {
	margin-top: 1.5em;
	padding-top: 2.4em;
	border-top: 1px dotted #333;
}


@media screen and (min-width: 768px) {

	/* section-support */
	
  #option #section-support h2 {
    margin-top: 0em;
  }
  #option #section-support #tab1 {
    padding-bottom: 4em;
  }
	#option #section-support .content {
		text-align: center;
	}
	#option #section-support .button-white {
    display: inline-block;
    margin-right: .25em;

		margin-bottom: 0;
	}
	#option #section-support .button-white a {
    margin: 0 .15em;
	}
	#option #section-support .button-white a span {
		font-size: 12px;
	}

	/* section-option */

  #option #section-option .container {
    width: 1000px;
  }
	#option #section-option .lead-txt {
		margin-bottom: 2em;
		text-align: center;
	}
	#option #section-option .container .enquete {
		padding: 1.5em 0 2.5em;
	}
	#option #section-option .container .enquete h3 {
		margin-bottom: 1.65em;
		font-size: 20px;
		text-align: center;
	}
	#option #section-option .container .enquete h4.title-q {
		margin-bottom: 1.65em;
		font-size: 24px;
	}
	#option #section-option .container .enquete h4.title-q:before {
		top: 10px;
		left: -6px;
		width: 41px;
		height: 35px;
	}
	#option #section-option .container .enquete .graph-legend {
		margin-top: 0;
		margin-bottom: 2.0em;
	}

	#option #section-option .container .opt-box02 h3 {
		margin-bottom: 1.0em;
		font-size: 24px;
		text-align: center;
	}
	#option #section-option .container .opt-box02 p.sub-lead {
		text-align: center;
	}
	#option #section-option .container .opt-box02 h4 {
		padding-top: 1.5em;
		margin-bottom: 1.2em;
		font-size: 18px;
		line-height: 1.45;
		font-weight: bold;
	}

}


/* okbiz-fh (chat-ai)
-------------------------------------------------- */

#chat-ai h1.entry-title {
	display: none;
}

/* section-support */

#chat-ai #section-support {
  width: 100%;
  margin: 0 auto;
}
#chat-ai #section-support h2 {
  margin-top: 7em;
}
#chat-ai #section-support #tab1 {
  background: #0843c7;
  padding-top: 2em;
  padding-bottom: 2em;
}
#chat-ai #section-support .content {
  padding: 0;
}
#chat-ai #section-support .content h2.title03 {
  color: #fff;
  padding: 1em 0 0 0;
}
#chat-ai #section-support .content p {
  color: #fff;
}

#chat-ai #section-support .button-white {
  display: block;
  margin-right: .25em;
	margin-bottom: 0.8em;
}
#chat-ai #section-support .button-white a {
  display: block;
  text-decoration: none;
  background-color: #fff;
  border-radius: 1.5625em;
  margin: 0 3em;
  padding: .45em 2.0em .45em 1.5em;
  color: #001966;
  font-size: 16px;
  font-size: 1.0rem;
  text-align: center;
	border: none;
}
#chat-ai #section-support .button-white a::after {
  content: url(images/biz-service/btn-arrow-darkblue-down.png);
  position: relative;
  top: 0;
  left: 0.8em;
}

#chat-ai #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#chat-ai #section-support .table-bordered {
  border: 5px solid !important;
  color: #fff;
  border-radius: .4em;
  border-collapse: separate;
}
#chat-ai #section-support .table-bordered td {
  border: none !important;
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
#chat-ai #section-support .table-bordered td {
  padding: .5em;
  border-left: 1px dotted #fff !important;
  border-top: 1px dotted #fff !important;
  text-align: left;
}
#chat-ai #section-support .table-bordered td.no-tboder {
  border-top: none !important;
}
#chat-ai #section-support .table-bordered td:first-child {
  border-left: none !important;
}
#chat-ai #section-support .table-bordered td p {
  background: url(images/biz-service/biz-fh-02.png) no-repeat;
  background-position: 0 .2em;
  padding: .5em 0 0 3em;
  margin: 0;
  height: auto;
  min-height: 41px;
}

/* section-option */

#chat-ai #section-option {
	position: relative;
	padding: 0 0 3em 0;
}
#chat-ai #section-option .anchor {
	position: relative;
	top: -60px;
}
#chat-ai #section-option .title03 {
  margin: 0 0 2.0em 0;
  padding: 1.8em 0 1.5em;
	background-color: #E8F2FF !important;

  color: #001966;
  font-size: 32px;
  line-height: 2rem;
  text-align: center;
}
#chat-ai #section-option .title03 h2 {
	margin: 0;
	padding-top: 0;
	color: #001966;
  font-size: 32px;
  line-height: 2rem;
  text-align: center;
}
#chat-ai #section-option .title03 h2::after {
  content: url(images/blue-line.png);
  position: relative;
  top: -.4em;
  left: 0;
  right: 0;
  display: block;
}
#chat-ai #section-option .title03 p {
	margin: 0;
	padding: 0;
	color: #333;
  font-size: 16px;
  line-height: 1.5rem;
  text-align: center;
}
#chat-ai #section-option .container .enquete {
	margin-bottom: 2.5em;
	padding: 1.5em 0.8em;
	border: 3px solid #ddd;
}
#chat-ai #section-option .container .enquete h3 {
	margin-bottom: 1.5em;
	padding-bottom: 1.15em;
	color: #333;
  font-size: 18px;
  line-height: 1.45;
	text-align: left;
	font-weight: bold;
	border-bottom: 1px dotted #ddd;
}
#chat-ai #section-option .container .enquete h4.title-q {
	margin-bottom: 1.45em;
	font-size: 20px;
	text-align: center;
}
#chat-ai #section-option .container .enquete h4.title-q:before {
	position:relative; 
	top: 6px;
	left: -5px;
	display:inline-block;
	content: "";
	width: 30px;
	height: 26px;
	background: url(images/biz-service/okbiz-cs/icon_enq_title.png) no-repeat;
	background-size: cover;
	background-position: auto;
}
#chat-ai #section-option .container .enquete .graph-legend {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}
#chat-ai #section-option .container .enquete .notes {
	text-align: right;
	font-size: 12px;
}
#chat-ai #section-option .container .opt-box p,
#chat-ai #section-option .container .opt-box02 p,
#chat-ai #section-option .container .opt-box03 p {
  font-size: 14px;
  line-height: 1.8;
}
#chat-ai #section-option .container .opt-box02 h3 {
	margin-bottom: 1.2em;
	font-size: 21px;
	line-height: 1.45;
	font-weight: bold;
}
#chat-ai #section-option .container .opt-box02 p.main-lead {
	margin-bottom: 2.5em;
  font-size: 14px;
  line-height: 1.8;
}
#chat-ai #section-option .container .opt-box02 img {
	display: block;
	margin: 0 auto 1.5em;
}
#chat-ai #section-option .container .opt-box02 h4 {
	padding-top: 1.5em;
	margin-bottom: 1.2em;
	font-size: 18px;
	line-height: 1.45;
	font-weight: bold;
}
#chat-ai #section-option .container .opt-box02 .column {
	width: auto !important;
	margin: 3em 0.8em 2.5em;
	padding: 1.8em 1.5em 0.8em;
	background-color: #eee;
	border: 3px solid #ddd;
}
#chat-ai #section-option .container .opt-box02 .column h4 {
	margin-bottom: 0.6em;
	padding: 0;
	font-size: 18px;
	text-align: center;
}

/* opt-box03 */
#chat-ai #section-option .container .opt-box03 h3 {
	margin-bottom: 0.8em;
	font-size: 24px;
	line-height: 1.45;
	font-weight: bold;
}
#chat-ai #section-option .container .opt-box03 img {
	display: block;
	margin: 0 auto 1.5em;
}
#chat-ai #section-option .container .opt-box03 h4 {
	margin-bottom: 0.8em;
	font-size: 18px;
	line-height: 1.45;
	font-weight: bold;
}
#chat-ai #section-option .container .opt-box03 ul,
#chat-ai #section-option .container .opt-box03 li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: center;
}
#chat-ai #section-option .container .opt-box03 li img {
	display: block;
	margin: 0 auto 0.6em;
}
#chat-ai #section-option .container .opt-box03 .line {
	margin-top: 1.5em;
	padding-top: 2.4em;
	border-top: 1px dotted #333;
}
#chat-ai #section-option .container .chat-box01 p {
	font-size:14px;
}
#chat-ai #section-option .container .chat-box01 .col-xs-12 img {
	display:block;
	margin:2em auto;
}
#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-img {
	text-align:center;
}
#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-img .section-pr-ctsbox-imgttl {
	border:1px solid #0945c7;
	color:#0945c7;
	font-size:15px;
	margin-bottom:1em;
	padding:0.7em 1.5em;
	display:inline-block;
	border-radius:30px;
}
#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-imgbox img {
	border:5px solid #0945c7;
	display:block;
	margin:1em auto;
	border-radius:3px;
}

@media screen and (min-width: 768px) {

	/* section-support */
	
  #chat-ai #section-support h2 {
    margin-top: 0em;
  }
  #chat-ai #section-support #tab1 {
    padding-bottom: 4em;
  }
	#chat-ai #section-support .content {
		text-align: center;
	}
	#chat-ai #section-support .button-white {
    display: inline-block;
    margin-right: .25em;

		margin-bottom: 0;
	}
	#chat-ai #section-support .button-white a {
    margin: 0 .15em;
	}
	#chat-ai #section-support .button-white a span {
		font-size: 12px;
	}

	/* section-option */

  #chat-ai #section-option .container {
    width: 1000px;
  }
	#chat-ai #section-option .lead-txt {
		margin-bottom: 2em;
		text-align: center;
	}
	#chat-ai #section-option .container .enquete {
		padding: 1.5em 0 2.5em;
	}
	#chat-ai #section-option .container .enquete h3 {
		margin-bottom: 1.65em;
		font-size: 20px;
		text-align: center;
	}
	#chat-ai #section-option .container .enquete h4.title-q {
		margin-bottom: 1.65em;
		font-size: 24px;
	}
	#chat-ai #section-option .container .enquete h4.title-q:before {
		top: 10px;
		left: -6px;
		width: 41px;
		height: 35px;
	}
	#chat-ai #section-option .container .enquete .graph-legend {
		margin-top: 0;
		margin-bottom: 2.0em;
	}

	#chat-ai #section-option .container .opt-box02 h3 {
		margin-bottom: 1.0em;
		font-size: 24px;
		text-align: center;
	}
	#chat-ai #section-option .container .opt-box02 p.sub-lead {
		text-align: center;
	}
	#chat-ai #section-option .container .opt-box02 h4 {
		padding-top: 1.5em;
		margin-bottom: 1.2em;
		font-size: 18px;
		line-height: 1.45;
		font-weight: bold;
	}
	#chat-ai #section-option .container .chat-box01 p {
		font-size:14px;
		line-height:1.8;
		text-align:center;
		margin:-1em 0 1.5em;
	}
	#chat-ai #section-option .container .chat-box01 .col-xs-12 img {
		margin:3em auto 3em;
	}
	#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-img {
		text-align:center;
	}
	#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-img .section-pr-ctsbox-imgttl {
		margin:0 0 1em;
	}
	#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-imgbox img {
		width:32%;
		display:inline-block;
		margin:1em auto;
	}
	#chat-ai #section-option .container .chat-box01 .section-pr-ctsbox-imgbox img:nth-child(2) {
		margin:0 2%;
	}

}


/* okbiz Template CSS
------------------------------------------------------------------------ */

/* biz-mainimg-wrapper */
#okbiz .biz-mainimg-wrapper {
  background-color: #ff9d99;
  overflow: hidden;
  position: relative;
  background: url(images/biz-service/bg-okbiz.png) no-repeat;
  background-size: cover;
  background-position: center center;
  height: 390px;
}
#okbiz .biz-mainimg-wrapper #mainimg {
  position: absolute;
  top: 1.625em;
  left: 0;
  right: 0;
}
#okbiz .biz-mainimg-wrapper #mainimg h2 {
	display: block;
  padding: .5em 1.5em 0;
  margin: 2.0em auto 0;
  width: auto;
}
#okbiz .biz-mainimg-wrapper #mainimg h2:after {
	display: block;
	content: "";
	width: 50%;
	height: 1px;
	margin: 1em auto 0.6em;
  border-bottom: 1px #8597A0 dotted;
}
#okbiz .biz-mainimg-wrapper #mainimg .img-text {
  text-align: center;
}
#okbiz .biz-mainimg-wrapper #mainimg .img-text p {
  top: 1.5em;
  left: 0;
  right: 0;
  color: #001966;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 1.5em 1.25em 1.5em;
}
#okbiz .biz-mainimg-wrapper #mainimg .img-text .button-blue a {
	color: #fff !important;
  margin: .625em auto;
  width: 80%;
}

/* section-support */

#okbiz #section-support {
  width: 100%;
  margin: 0 auto;
	border-bottom: 5px solid #167EF2;
}

#okbiz #section-support .row {
	max-width: 1024px;
	margin: 0 auto;
}

#okbiz #section-support h2 {
  margin-top: 7em;
}
#okbiz #section-support #tab1 {
  background: #0843c7;
  padding-top: 0;
  padding-bottom: 2.6em;
}
#okbiz #section-support #tab1::before {
	display: block;
	margin: 0 auto 1.0em;
	content: "";
	width: 85px;
	height: 32px;
	background: url(images/biz-service/bg-okbiz-arrow.png) no-repeat center 0;
}
#okbiz #section-support .content {
  padding: 0;
}
#okbiz #section-support .support-item {
  width: 100%;
  padding: 0 1.5em 2em 1.5em;
  margin: 0em auto 0 auto;
  text-align: center;
}
#okbiz #section-support .summary p {
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
}
#okbiz #section-support .summary p a {
	color: #fff;
}
#okbiz #section-support .summary p a:hover {
	color: #fff;
	text-decoration: none;
}

#okbiz #section-support .summary p .related-links {
	display: inline-block;
	padding-top: 1.0em;
	font-style: 14px !important;
}
#okbiz #section-support .summary p .related-links a {
	font-weight: bold;
}
#okbiz #section-support .summary p .related-links a::before {
  position: relative;
  top: 0;
  left: -.4em;
	display: inline-block;
	margin-left: 10px;
  content: url(images/btn-arrow.png);
}

#okbiz #section-support .img-summary {
	text-align: center;
}

/* section-merit */

#okbiz #section-merit {
  padding-bottom: 2.4em;
  background-color: #e8f2ff;
  text-align: center;
}
#okbiz #section-merit h2 {
  padding-top: 2em;
  padding-bottom: .5em;
}

/* section-functions */

#okbiz #section-functions {
  padding-bottom: 2.4em;
  background-color: #fff;
  text-align: center;
}
#okbiz #section-functions .container {
	max-width: 1000px;
}
#okbiz #section-functions p {
	line-height: 1.8em;
}
#okbiz #section-functions h2 {
  padding-top: 2em;
  padding-bottom: .5em;
}

#okbiz #section-functions h3 {
  font-size: 18px;
  font-size: 1.15rem;
  line-height: 20px;
  text-align: center;
  overflow: hidden;
  text-align: center;
  margin: 1em 0 1.5em 0;
}
#okbiz #section-functions h3 span {
  display: inline-block;
  position: relative;
}
#okbiz #section-functions h3 span::before,
#okbiz #section-functions h3 span::after {
  content: "";
  position: absolute;
  height: 4px;
  border-top: 1px solid #ccc;
  top: 9px;
  width: 1000px;
}
#okbiz #section-functions h3 span::before {
  right: 100%;
  margin-right: 10px;
}
#okbiz #section-functions h3 span::after {
  left: 100%;
  margin-left: 10px;
}
#okbiz #section-functions ul {
	list-style: none;
	margin: 0 1.5em !important;
	padding: 0 !important;
}
#okbiz #section-functions ul::after {
	clear: both;
	display: block;
	content: "";
	margin-bottom: 2.0em;
}
#okbiz #section-functions li {
	position: relative;
	text-align: left !important;
	background-color: #eee;
	margin-bottom: 0.8%;
	padding: 12px;

	border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;

	font-size: 14px;
}
#okbiz #section-functions li::before {
	display: inline-block;
	content: "\25CF";
	margin-right: 5px;
	color: #0D4EC6;
	font-size: 14px;
	line-height: 1em;
}
#okbiz #section-functions .button-white {
	margin-bottom: 2.0em;
}
#okbiz #section-functions .button-white a {
	margin: 0 !important;
  padding: .8em 1.8em .8em 1.8em;
	color: #333;
	font-size: 14px;
}

/* flow & price */
#okbiz #section-functions .flow p,
#okbiz #section-functions .flow p.notes,
#okbiz #section-functions .price p {
	font-size: 14px !important;
}
#okbiz #section-functions .flow p,
#okbiz #section-functions .flow p.notes {
	text-align: left;
}
#okbiz #section-functions .price p {
	text-align: center;
	margin-bottom: 2.0em;
}
#okbiz #section-functions .flow p strong {
	display: block;
}
#okbiz #section-functions .flow p a {
	color: #000;
}
#okbiz #section-functions .flow p a:hover {
	color: #666;
	text-decoration: none;
}
#okbiz #section-functions .flow img,
#okbiz #section-functions .price img {
	display:block;
	margin-bottom: 2.5em;
}

/* qaAD-tieup */
#okbiz #section-functions .qaAD-tieup {
	margin-bottom: 3.0em;
}
#okbiz #section-functions .qaAD-tieup p {
	text-align: left;
	font-size: 14px !important;
}
#okbiz #section-functions .qaAD-tieup ul {
	margin: 0 0 0 1.0em !important;
}
#okbiz #section-functions .qaAD-tieup ul::after {
	clear: both;
	display: block;
	content: "";
	margin-bottom: 1.5em;
}
#okbiz #section-functions .qaAD-tieup li {
	background-color: transparent !important;
	margin-bottom: 1.5%;
	padding: 0 0 0 15px;

	border: none;
	font-size: 14px;
	list-style-position: outside;
}
#okbiz #section-functions .qaAD-tieup li::before {
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	content: "\25CF";
	margin-right: 5px;
	color: #0D4EC6;
	font-size: 14px;
	line-height: 1em;
}

/* section-other */
#okbiz #section-other .container {
	max-width:1000px;
}

#okbiz #section-other {
	padding-top: 3.4em;
	padding-bottom: 2.4em;
	background-color: #e8f2ff;
	text-align: left;
}
#okbiz #section-other h3 {
	padding-bottom: .5em;
	color: #001966;
    font-size: 1.3rem;
    line-height: 1.8rem;
}
#okbiz #section-other p {
	font-size:0.8rem;
	line-height:170%;
}
#okbiz #section-other .col-lg-4 img {
	max-width:300px;
	display:block;
	margin:0 auto;
}

/* layout-sample */
#okbiz #section-functions .layout-sample {
	position: relative;
	margin: 0 0.6em 3.0em;
	background-color: #F5F5F5;
}
#okbiz #section-functions .layout-sample::after {
	display: block;
	width: 100% !important;
	height: 240px;
	content: "";
	margin: 0 auto;
	background: url(images/biz-service/scc/bg_layout01.png) no-repeat;
	background-position: center bottom;
	background-size: contain;
	vertical-align: bottom;
}
#okbiz #section-functions .layout-sample .inner {
	padding: 2.0em 2.0em 0;
	text-align: center;
}
#okbiz #section-functions .layout-sample h4 {
	font-size: 20px;
	font-weight: bold;
}
#okbiz #section-functions .layout-sample p {
	font-size: 14px;
	line-height: 1.8;
}
#okbiz #section-functions .layout-sample ul {
	margin-left: 1.0em !important;
}
#okbiz #section-functions .layout-sample ul::after {
	display: none !important;
}
#okbiz #section-functions .layout-sample li {
	background-color: transparent !important;
	margin-bottom: 1.5em;
	padding: 0 0 0 15px;
	border: none;
	font-size: 10px;
	text-align: center !important;
	list-style-position: inherit;
}
#okbiz #section-functions .layout-sample li::before {
	display: none !important;
}
#okbiz #section-functions .layout-sample li img {
	display: inline-block;
	margin-bottom: 0.5em;
}
#okbiz #section-merit,
#okbiz #section-functions {
	position: relative;
}
#okbiz-chat #section-functions {
	border-top:3px solid #167ef2;
}
#okbiz-chat #section-howto h2 {
    padding-bottom: 0.5em;
    padding-top: 2em;
}


@media screen and (min-width: 768px) {

	/* biz-mainimg-wrapper */

  #okbiz .biz-mainimg-wrapper {
    width: 100%;
    background-size: 1600px;
  }
  #okbiz .biz-mainimg-wrapper #mainimg {
		position: relative;
    width: 1000px;
    margin: 0 auto;
    top: 0;
  }
  #okbiz .biz-mainimg-wrapper #mainimg h2 {
    text-align: center;
    padding: 0;
		display: block; 
		margin: 1.8em auto 0;
    font-size: 40px;
    font-size: 2.5rem;
  }
	#okbiz .biz-mainimg-wrapper #mainimg h2:after {
		margin: 25px auto;
	}
	#okbiz .biz-mainimg-wrapper #mainimg .img-text {
		text-align: center;
	}
  #okbiz .biz-mainimg-wrapper #mainimg .img-text p {
		display: block;
		margin: 0 !important;
		padding-bottom: 1.2em;
    font-size: 24px;
    font-size: 1.5rem;
  }
	#okbiz .biz-mainimg-wrapper #mainimg .img-text .button-blue {
		display: inline-block !important;
		margin-top: 0 !important;
    margin-right: .25em;
	}
	#okbiz .biz-mainimg-wrapper #mainimg .img-text .button-blue a {
		margin: 0 auto !important;
		padding: .45em 2.0em .45em 1.5em;
		width: auto !important;
	}

	/* section-support */

  #okbiz #section-support h2 {
    margin-top: 0em;
  }
  #okbiz #section-support .support-item {
    width: 1000px;
  }
	#okbiz #section-support .summary p {
		font-size: 19px;
		line-height: 2.0em;
	}
	#okbiz #section-support .summary.small p {
		font-size: 18px;
		line-height: 1.8em;
	}
	#okbiz #section-support .summary p .related-links,
	#okbiz #section-support .summary.small p .related-links {
		font-size: 16px !important;
	}

	/* section-merit */
  #okbiz #section-merit {
    padding-bottom: 3em;
  }
  #okbiz #section-merit .container {
    width: 1000px;
  }
	#okbiz #section-merit .col-lg-3,
	#okbiz #section-merit .col-lg-4,
	#okbiz #section-merit .col-lg-6,
	#okbiz #section-merit .col-lg-12 {
		padding-right: .6rem;
		padding-left: .6rem;
	}

	/* section-functions */
	#okbiz #section-functions li.col-lg-3,
	#okbiz #section-functions li.col-lg-4,
	#okbiz #section-functions li.col-lg-6,
	#okbiz #section-functions li.col-lg-12 {
		margin: 0 0.4% 0.8%;
		padding: 15px 10px 15px 15px;		
	}
	#okbiz #section-functions li.col-lg-3 {
		width: 24.2%;
	}
	#okbiz #section-functions li.col-lg-4 {
		width: 32.5%;
	}
	#okbiz #section-functions li.col-lg-6 {
		width: 49.2%;
	}
	#okbiz #section-functions li.col-lg-12 {
		width: 99.2%;
	}
	#okbiz #section-functions .button-white a {
		font-size: 16px;
	}

	/* flow */
	#okbiz #section-functions .flow p {
		font-size: 16px !important;
		line-height: 2.0em; }
	#okbiz #section-functions .flow p strong {
		display: inline-block;
		margin: 0;
	}

	/* qaAD-tieup */
	#okbiz #section-functions .qaAD-tieup p {
		padding-left: 1.0em;
	}
	#okbiz #section-functions .qaAD-tieup ul {
		margin: 0 0 0 2.0em !important;
	}

	/* section-other */
	#okbiz #section-other h3 {
		font-size: 1.6rem;
		line-height: 2.2rem;
	}
	#okbiz #section-other p {
		font-size:0.9rem;
		line-height:170%;
	}

	/* layout-sample */
	#okbiz #section-functions .layout-sample {
		margin: 0 0.6em 3.0em;
		min-height: 280px;
		text-align: left;
	}
	#okbiz #section-functions .layout-sample::before {
		display: block;
		width: 245px;
		height: 280px;
		content: "";
		background: url(images/biz-service/scc/bg_layout01.png) no-repeat;
		background-position: left bottom;
		vertical-align: bottom;
	}
	#okbiz #section-functions .layout-sample::after {
		display: none;
	}
	#okbiz #section-functions .layout-sample .inner {
		position: absolute;
		top: 2.2em;
		left: 245px;
		padding: 0;
		text-align: left;
	}
	#okbiz #section-functions .layout-sample h4 {
		font-size: 20px;
		font-weight: bold;
	}
	#okbiz #section-functions .layout-sample p {
		font-size: 14px;
		line-height: 1.8;
	}
	#okbiz #section-functions .layout-sample ul {
		margin-left: 1.0em !important;
	}
	#okbiz #section-functions .layout-sample ul::after {
		display: none !important;
	}
	#okbiz #section-functions .layout-sample li {
		background-color: transparent !important;
		margin-bottom: 1.5em;
		padding: 0 0 0 15px;
		border: none;
		font-size: 10px;
		text-align: center !important;
		list-style-position: inherit;
	}
	#okbiz #section-functions .layout-sample li::before {
		display: none !important;
	}
	#okbiz #section-functions .layout-sample .col-lg-2 {
		margin-right: 1.0em;
		padding: 0 !important;
		width: 84px;
	}

}

/*--------------------------------------------------------------
## success _ 導入事例
--------------------------------------------------------------*/

#success .container {
  margin: 1.5rem auto 0;
  text-align: center;
}
#success .textwidget .container {
  margin: 0 auto;
}
#success .success_pickup {
  margin: 0 0 0.5rem;
}
#success .success_pickup img {
  display: block;
  margin: 0 auto;
}

.success-mainimg-wrapper {
  background: url(images/success/bg_success.jpg) no-repeat center bottom;
  background-size: 1600px auto;
  min-height: 367px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.success-mainimg-wrapper #mainimg {
  margin: 0 auto;
  text-align: center;
}
.success-mainimg-wrapper #mainimg h2 {
  font-size: 33px;
  font-size: 2.0625rem;
  line-height: 100%;
  margin: 3.0em 0.5rem 5px;
}
.success-mainimg-wrapper #mainimg h3 {
  color: #0d4ec6;
  font-size: 1rem;
  margin-bottom: 1.5em;
}
.success-mainimg-wrapper #mainimg p {
  text-align: left;
  margin: 0 1rem;
}
#section-success-cts h2 {
  font-size: 1.25rem;
  margin: 1.5rem 0;
}
.success_menu {
  margin: 0 0 20px;
}
.success_menubox {
  display: block;
  margin: 0 0 0.7rem;
  position: relative;
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.success_menubox div {
  background-color: #fff;
  border: 2px solid #ccc;
  font-size: 0.95rem;
  padding: 0 0.7rem 0 0.7rem;
  color: #333333;
  display: block;
  cursor: pointer;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
}
.success_menubox div::after {
  content: url(images/btn-d-arrow-b.png);
  position: absolute;
  right: 1rem;
}
.success_menubox div:hover {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.success_menubox ul {
  background-color: #eee;
  border: 2px solid #ccc;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 100;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.success_menubox ul li {
  display: block;
  margin: 0;
  padding: 0.7rem 0.7rem;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  cursor: pointer;
  color: #999;
  font-size: 0.85rem;
  line-height: 100%;
}
.success_menubox ul li.select, .success_menubox ul li:hover {
  color: #333;
  text-decoration: none;
}
#success #success_sorttxt {
  width: 100%;
}
#success #success_sorttxt p {
  display: inline-block;
  background-color: #E8F2FF;
  margin: 1rem 0;
  padding: 0.3rem 1.3rem;
  color: #001966;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
}
#success #success_cts.row {
  padding: 0 0.9rem;
}
#success #success_cts .col-lg-3 {
  position: relative;
  z-index: auto;
  margin: 3px 0 1rem 3px;
  padding: 0;
  background-color: #fff;
  border: 1px solid #ddd;
}
#success #success_cts .col-lg-3::after {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  content: "";
  background-color: #fff;
  outline: 1px solid #ddd;
  width: 100%;
  height: 100%;
}
#success_cts p {
  margin: 0;
  padding: 0;
}
#success #success_cts .col-lg-12 {
  width: auto;
}
#success .success_box_container {
  background-color: #fff;
  border: 1px solid #ddd;
  margin: -3px 1px 1px -3px;
  display: block;
  text-decoration: none;
  position: relative;
  z-index: 98;
}
#success .success_box_container:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#success .success_box_logo {
  width: 100%;
  padding: 2rem 0.5rem;
}
#success .success_box_logo img {
  display: block;
  margin: 0 auto;
}
#success .success_box_logo img:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#success .success_box_company {
  width: 100%;
  height: 54px;
  background-color: #001966;
  padding: 0 0.5rem;
  display: table;
}
#success .success_box_company p {
  color: #fff;
  font-size: 0.85rem;
  line-height: 130%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0;
}
#success .success_box_text {
  background-color: #E8F2FF;
  color: #333333;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 0 1rem 1rem;
}
#success .success_box_text::before {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 7px solid #001966;
  display: block;
  margin: 0 auto;
}
#success .success-company {
  width: 100%;
}
#success .success-company ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
}
#success .success-company ul li {
  width: 50%;
  float: left;
  list-style: none;
}
#success .success-company ul li img {
  display: block;
  margin: 0 auto;
}
#success .success-company-text {
  font-size: 0.8rem;
  text-align: center;
  margin: 1rem 1rem 2rem;
}

/* success-text */

.success-mainimg-wrapper.success-text {
  background: none #EEF5FF;
  min-height: 367px;
  width: 100%;
  padding: 0 0 1rem;
  overflow: hidden;
  position: relative;
}
.success-mainimg-wrapper.success-text #mainimg {
  margin: 0 auto;
  padding: 3.5rem 0.9rem 0;
  text-align: center;
}
.success-mainimg-wrapper.success-text #mainimg p {
  text-align: center;
}
.success-mainimg-wrapper.success-text #mainimg .company-data {
  background-color: #FFFFFF;
  border: 2px solid #E4ECF8;
  margin: 0 0 1rem;
  padding: 2rem 0.8rem;
}
.success-mainimg-wrapper.success-text #mainimg .company-data .company-logo {
  margin: 0;
  padding: 0 0.5rem;
}
.success-mainimg-wrapper.success-text #mainimg h2 {
  border-top: 1px solid #001966;
  border-bottom: 1px solid #001966;
  color: #001966;
  font-size: 1rem;
  font-weight: bold;
  line-height: 130%;
  margin: 0 0 1.7rem;
  padding: 0.5rem 0;
}
.success-mainimg-wrapper.success-text #mainimg h2 span {
  display: block;
}
.success-mainimg-wrapper.success-text #mainimg h2 span::before,
.success-mainimg-wrapper.success-text #mainimg h2 span::after {
  border: none;
}
.success-mainimg-wrapper.success-text #mainimg h3 {
  color: #001966;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 1.2em;
}
.success-mainimg-wrapper.success-text #mainimg .company-category {
  padding: 0 0.5rem;
  overflow: hidden;
}
.success-mainimg-wrapper.success-text #mainimg .company-category dl {
  float: left;
  margin: 0 1.1rem 0.4rem 0;
  overflow: hidden;
}
.success-mainimg-wrapper.success-text #mainimg .company-category dt {
  color: #001966;
  font-size: 0.75rem;
  text-align: left;
  float: left;
  margin: 0 7px 0 0;
}
.success-mainimg-wrapper.success-text #mainimg .company-category dd {
  font-size: 0.75rem;
  text-align: left;
  float: left;
  margin: 0;
}
.success-top-text .container {
  border-bottom: 1px dotted #AAAAAA;
  margin: 0 auto 2rem;
  padding-bottom: 2rem;
  overflow: hidden;
}
.success-top-text .container::before {
  content: "";
  width: 0;
  height: 0;
  border: 45px solid transparent;
  border-top: 35px solid #EEF5FF;
  display: block;
  margin: 0 auto;
}
.success-text-speaker {
  margin: -2.5rem 0 0 0;
}
.success-text-speaker img {
  width: 100px;
  height: auto;
  border: 2px solid #e4ecf8;
  margin: 0 0.7rem 0 0;
  float: left;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
}
.success-text-speaker .success-text-speaker-container {
  overflow: hidden;
  margin: 0 0 1rem;
}
.success-text-speaker .success-text-speaker-data {
  margin: 0;
  padding: 0;
  height: 100px;
  display: table-cell;
  vertical-align: middle;
}
.success-text-speaker .success-text-speaker-data p {
  margin: 0 0 0.5rem;
  font-size: 0.8rem;
  font-weight: bold;
  line-height: 120%;
}
.success-text-speaker .success-text-speaker-data span {
  display: block;
  margin: 0.2rem 0 0 0;
  font-size: 1.1rem;
  line-height: 130%;
}
.success-text-top p {
  font-size: 0.9rem;
}
.success-text-top p.success-text-top_title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 0.7rem;
}
.success-text-top .button-blue,
.success-text-cts .button-blue {
  margin: 0 12%;
}
.success-text-top .button-blue a,
.success-text-cts .button-blue a {
  font-size: 1rem;
}
.success-text-profile {
  background-color: #eef5ff;
  padding: 1rem 1rem 0 1rem;
  margin: 2rem 0 0 0;
}
.success-text-profile p {
  margin: 0 0 1rem;
}
.success-text-profile-title {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
}
.success-text-profile .success-text-profile-box {
  border-bottom: 1px solid #C5D7EB;
  margin: 0 0 1rem;
  overflow: hidden;
}
.success-text-profile .success-text-profile-box:last-child {
  border-bottom: none;
}
.success-text-profile .success-text-profile-box p {
  font-size: 0.8rem;
}
.success-text-profile .success-text-profile-box p.success-text-profile-box-t {
  font-size: 0.75rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.success-text-profile .success-text-profile-box p.success-text-profile-box-t span {
  font-size: 1rem;
}
.success-text-cts {
  margin: 0 0 3rem;
}
.success-text-cts p {
  font-size: 0.9em;
}
.success-text-cts p .success-text-cts-p {
  display: block;
  margin: 0 0 1.5rem;
  padding: 0 0 0 0.6rem;
  border-left: 3px solid #bbb;
  font-size: 1rem;
  font-weight: bold;
}
.success-text-cts p .success-text-cts-t {
  display: block;
  margin: 0 0 0.7rem;
  color: #0D266D;
  font-weight: bold;
}
.success-text-cts p .success-text-cts-t::before {
  margin: 0 0.2rem 0 0;
  content: "…";
  font-weight: normal;
}
.success-text-cts p .success-text-cts-s {
  display: block;
  margin: 0;
  padding: 0.7rem;
  overflow: hidden;
  background-color: #eef5ff;
  font-size: 0.8rem;
}
.success-text-cts p .success-text-cts-s img {
  margin: 0 auto 1.3rem;
  display: block;
}
.success-text-cts p .img_right,
.success-text-cts p .img_center,
.success-text-top p .img_right,
.success-text-top p .img_center {
  display: block;
  border: 1px solid #DDDDDD;
  margin: 0 auto 1.5rem;
}
.success-text-cts p .success-text-01 {
  color: #0d4ec6;
}
.success-text-cts p .success-text-02 {
  color: #3eb135;
}
.success-text-cts p .success-text-03 {
  color: #F50A80;
}
.success-text-cts p .success-text-04 {
  color: #FF8811;
}
.success-text-cts .success-text-masking {
	margin-bottom:2em;
	position:relative;
}
.success-text-cts .success-text-masking::after {
	content:"";
	background:url(images/success/img_text_masking.png) repeat-x bottom left;
	width:100%;
	height:90px;
	position:absolute;
	bottom:0;
	left:0;
}
.success-text-cts .success-text-induction {
	background-color:#EEF5FF;
	padding:1em;
	color:#001966;
}
.company-data-b {
  position: relative;
  z-index: auto;
  margin: 0 0 2rem;
  background-color: #fff;
  border: 1px solid #ddd;
}
.company-data-b::after {
  position: absolute;
  top: 2px;
  left: 2px;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
  outline: 1px solid #ddd;
}
.company-data-b-logo {
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 1.2rem 0;
}
.company-data-b-logo img {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
}
.company-data-b-name {
  border-bottom: 1px dotted #ccc;
  margin: 0;
  padding: 1rem 0.8rem;
  font-size: 0.8rem;
  text-align: center;
}
.company-data-b-name span {
  font-size: 0.85rem;
  font-weight: bold;
  display: block;
  margin: 0;
}
.company-data-b-business {
  margin: 0;
  padding: 1rem 0.8rem;
  font-size: 0.8rem;
  text-align: center;
}
.company-data-b-business span {
  font-size: 0.8rem;
  font-weight: bold;
  display: block;
  margin: 0;
}

#section-success-top .button-blue a::after,
#section-success-cts .button-blue a::after {
  content: "";
}
.button-blue.button-movie {
  width: 100%;
  margin: 0.5em 0;
}
.button-blue.button-movie a {
  font-size: 1rem;
  line-height: 1;
  padding: 0.4em 0.3125em;
}
.button-blue.button-movie a::after {
  content: url(images/btn_movie_b.png);
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.8em;
  top: 0;
  left: 0;
}
#section-success-top .button-blue.from a::after,
#section-success-cts .button-blue.from a::after {
  content:url(images/icon_link.png);
  left:0.5em;
  position:relative;
  top:-0.1em;
}

@media screen and (min-width: 768px) {

	.success-mainimg-wrapper #mainimg h2 {
		font-size: 2.3rem;
		margin-top: 3.2em;
	}
	.success-mainimg-wrapper #mainimg p {
		text-align: center;
		font-size: 1rem;
	}
	#section-success-top .container {
		width: 960px;
		max-width: 960px;
		margin: 2rem auto 2rem;
		overflow: hidden;
	}
	#section-success-cts .container {
		width: 1000px;
		max-width: 1000px;
		margin: 0 auto;
	}
	#success .success_pickup {
		width: 450px;
		margin: 0 15px;
		float: left;
	}
	#section-success-cts h2 {
		width: 1000px;
		font-size: 1.6rem;
		margin: 2.5rem auto 2rem;
	}
	.success_menu {
		margin: 0 0 30px;
	}
	.success_menubox {
		width: 23%;
		margin: 0 1%;
		float: left;
	}
	.success_menubox ul li {
		font-size: 0.8rem;
		padding: 0.5rem;
	}
	#success #success_sorttxt p {
		margin: 0 0 1.5rem;
	}
	
	#success #success_cts.row {
		margin: 0;
		padding: 0;
		width: 1017px;
	}
	#success #success_cts .col-lg-3 {
		width: 234px;
		margin-right: 17px;
		margin-bottom: 17px;
		float: left;
	}
	#success .success_box_logo {
		width: 230px;
		max-width: 230px;
		height: 200px;
		line-height: 200px;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 0 1rem;
	}
	#success .success_box_company p {
		font-size: 0.8rem;
	}
	#success .success_box_text {
		font-size: 0.85rem;
		height: 90px;
	}
	#success .success-company {
		width: 1000px;
		margin: 0 auto;
	}
	#success .success-company ul li {
		width: 20%;
	}

	/* success-text */

	.success-mainimg-wrapper.success-text {
		padding-bottom: 3rem;
	}
	.success-mainimg-wrapper.success-text #mainimg {
		width: 1000px;
		padding: 4.5rem 0 0 0;
		overflow: hidden;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-data {
		width: 240px;
		margin: 0;
		padding: 0;
		position: absolute;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-data .company-logo {
		width: 240px;
		height: 255px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-text {
		padding: 0 0 0 280px;
		text-align: left;
		position: relative;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-text .button-movie {
		position: absolute;
		right: 0;
		bottom: 1px;
	}
	.success-mainimg-wrapper.success-text #mainimg h2 {
		font-size: 1rem;
		text-align: left;
		margin: 0 0 0.9rem;
	}
	.success-mainimg-wrapper.success-text #mainimg h2 span {
		display: inline;
		margin: 0 1.5rem 0 0;
	}
	.success-mainimg-wrapper.success-text #mainimg h3 {
		font-size: 2.8rem;
		margin: 0 0 0.9rem;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-category {
		padding: 0;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-category dl {
		margin-bottom: 0.45rem;
		float: none;
	}
	.success-mainimg-wrapper.success-text #mainimg .company-category dt,
	.success-mainimg-wrapper.success-text #mainimg .company-category dd {
		font-size: 0.8rem;
	}
	.button-blue.button-movie {
		width: 300px;
	}
	#section-success-top.success-top-text .container {
		width: 1000px;
		max-width: 1000px;
		margin-top: 0;
		margin-bottom: 3rem;
		padding: 0 20px;
	}
	.success-text-speaker {
		float: right;
		margin: -1.5rem 0 0 2rem;
	}
	.success-text-speaker-container {
		width: 165px;
		float: left;
		margin: 0 0 0 1rem;
	}
	.success-text-speaker img {
		width: 165px;
		height: auto;
		margin: 0 0 7px;
		display: block;
		float: none;
	}
	.success-text-speaker .success-text-speaker-container {
		margin-bottom: 2rem;
		margin-left: 1rem;
	}
	.success-text-speaker .success-text-speaker-data {
		width: 165px;
		height: auto;
	}
	.success-text-speaker .success-text-speaker-data p {
		text-align: center;
	}
	.success-text-speaker .success-text-text-top {
		margin-bottom: 2rem;
	}
	.success-text-top {
		margin: -0.5rem 0 0 0;
	}
	.success-text-top p {
		font-size: 0.95rem;
		line-height: 170%;
	}
	.success-text-top p.success-text-top_title {
		font-size: 1.3rem;
		line-height: 150%;
	}
	.success-text-top .button-blue {
		width: 25%;
		margin: 0 0 3rem;
		position: relative;
	}
	.success-text-top .button-blue a {
		padding-left: 1rem;
	}
	.success-text-top .button-blue a::after {
		position: absolute;
		right: 1rem;
		left: auto;
		top: auto;
	}
	.success-text-profile {
		background-color: #eef5ff;
		padding: 1.5rem 1rem 0 1rem;
		margin: -1rem 0 3rem 0;
		overflow: hidden;
		clear: both;
	}
	.success-text-profile p {
		margin: 0 0 1rem;
	}
	.success-text-profile-title {
		font-size: 1.3rem;
		margin: 0 0 1.5rem;
		font-weight: bold;
		text-align: center;
	}
	.success-text-profile .success-text-profile-box {
		width: 50%;
		min-height: 230px;
		border-bottom: none;
		border-right: 1px solid #C5D7EB;
		padding: 0 1rem;
		overflow: hidden;
		float: left;
	}
	.success-text-profile .success-text-profile-box:last-child {
		border: none;
	}
	.success-text-profile .success-text-profile-box p {
		font-size: 0.8rem;
		margin: 0;
	}
	.success-text-profile .success-text-profile-box p.success-text-profile-box-t {
		font-size: 0.75rem;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	.success-text-profile .success-text-profile-box p.success-text-profile-box-t span {
		font-size: 1rem;
	}
	.success-text-cts {
		padding: 0 20px;
	}
	.success-text-cts p {
		font-size: 0.95rem;
		line-height: 170%;
	}
	.success-text-cts p .success-text-cts-p {
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 150%;
		border-left: 5px solid #BBBBBB;
		margin: 4rem 0 2rem;
		padding: 0 0 0 0.8rem;
	}
	.success-text-cts p .success-text-cts-t {
		line-height: 160%;
		display: block;
		margin: 0 0 0.7rem;
	}
	.success-text-cts p .success-text-cts-s {
		line-height: 160%;
		padding: 1rem;
	}
	.success-text-cts p .success-text-cts-s b {
		font-size: 0.9rem;
	}
	.success-text-cts p .success-text-cts-s img {
		margin: 0 1.5rem 0.5rem 0;
		float: left;
	}
	.success-text-cts .success-text-induction {
		font-size:1.05rem;
		padding:1.3em;
		text-align:center;
	}
	.success-text-cts p .img_right,
	.success-text-top p .img_right {
		float: right;
		margin: 0 0 2rem 2rem;
	}
	.success-text-cts p .img_center,
	.success-text-top p .img_center {
		margin-bottom: 3rem;
	}
	.success-text-cts .button-blue {
		width: 30%;
		margin: 0 auto;
		position: relative;
	}
	.success-text-cts .button-blue a::after {
		position: absolute;
		right: 1rem;
		left: auto;
		top: auto;
	}
	.company-data-b {
		margin: 0 0 5rem;
		padding: 1rem 0;
	}
	.company-data-b-logo {
		border-bottom: none;
		border-right: 1px dotted #ccc;
		margin: 0;
		padding: 0;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.company-data-b-logo img {
		max-width: 70%;
		width: auto;
		height: auto;
		margin: 0.5rem 0;
		display: inline-block;
	}
	.company-data-b-name {
		border-bottom: none;
		border-right: 1px dotted #ccc;
		margin: 0;
		padding: 0.6rem 1.2rem;
		font-size: 0.75rem;
		text-align: left;
		vertical-align: top;
		display: table-cell;
	}
	.company-data-b-name span {
		font-size: 1rem;
		margin: 0 0 0.5rem;
	}
	.company-data-b-business {
		margin: 0;
		padding: 0.5rem 1.2rem;
		font-size: 0.75rem;
		text-align: left;
		vertical-align: top;
		display: table-cell;
	}
	.company-data-b-business span {
		font-size: 0.85rem;
		margin: 0 0 0.3rem;
	}

}

/*--------------------------------------------------------------
## download / 資料ダウンロード
--------------------------------------------------------------*/

#download #section-biz-topinfo {
  margin: 2rem 0 0 0;
}
.download-mainimg-wrapper {
  background: url(images/download/bg_download.jpg) no-repeat center center;
  background-size: 1600px auto;
  height: 427px;
  width: 100%;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.download-mainimg-wrapper #mainimg {
  margin: 0 auto;
  text-align: center;
}
.download-mainimg-wrapper #mainimg h2 {
  font-size: 1.7rem;
  line-height: 100%;
  margin: 2.5em 0.5rem 10px;
}
.download-mainimg-wrapper #mainimg h3 {
  color: #0d4ec6;
  font-size: 1rem;
  margin-bottom: 1.5em;
}
.download-mainimg-wrapper #mainimg p {
  text-align: left;
  margin: 0 1rem;
}
.download-mainimg-wrapper #mainimg p br {
  display: none;
}
.download-mainimg-wrapper #mainimg .button-blue a {
  width: 85%;
  font-size: 1rem;
  margin: 0.625em auto;
}
#section-download-top {
  background-color: #0D4EC6;
  border-bottom: 5px solid #167ef2;
  margin: 0 auto;
  width: 100%;
}
#section-download-top .container {
  padding: 1rem 0.9375rem;
}
#section-download-top .container p {
  color: #fff;
}
#section-download-top .container p.download-ranking-title {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 1.5rem;
}
#section-download-top .download-ranking-box {
  margin: 0 0 1.8rem;
}
#section-download-top .download-ranking-box img {
  width: 100px;
  height: auto;
  border: 3px solid #fff;
  margin: 0 0.7rem 0.7rem 0;
  float: left;
}
#section-download-top .download-ranking-box p {
  font-size: 0.8rem;
  margin-bottom: 0.7rem;
}
#section-download-top .download-ranking-box p span {
  font-size: 1rem;
  font-weight: bold;
  display: block;
  margin: 0 0 0.3rem;
}
#section-download-top .download-ranking-box .button-blue {
  clear: both;
}
#section-download-top .download-ranking-box .button-blue a {
  width: 70%;
  background-color: #fff;
  font-size: 1rem;
  color: #001966;
  margin: 0 auto;
}
#section-download-top .download-ranking-box .button-blue a::after {
  content: url(images/btn-r-arrow-b.png);
}
#section-download-cts {
  padding: 3rem 0 0 0;
}
#section-download-cts:last-child {
  margin: 0 0 3rem;
}
#section-download-cts .anchor {
  top: -120px;
}
#section-download-cts p.title-sub {
  font-size: 0.95rem;
  text-align: center;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
}
#section-download-cts .download-list {
  background-color: #eee;
  border: 4px solid #eee;
  font-size: 0.9rem;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#section-download-cts .download-list .download-list-category {
  background-color: #b6caee;
  border-bottom: 1px solid #9EAFCE;
  color: #001966;
  margin: 0;
  padding: 0.5rem 0.5rem;
  text-align: center;
}
#section-download-cts .download-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#section-download-cts .download-list ul li {
  background-color: #fff;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 0;
  padding: 0.7rem 0.5rem 0.6rem;
  overflow: hidden;
}
#section-download-cts .download-list ul li:nth-child(2n) {
  background-color: #F6F6F6;
}
#section-download-cts .download-list ul li span {
  width: 100%;
  border-right: 1px dotted #aaa;
  color: #666;
  font-size: 0.75rem;
  text-align: center;
  padding: 0 0.5rem;
  float: left;
}
#section-download-cts .download-list ul li span:first-child,
#section-download-cts .download-list ul li span:last-child {
  border-right: none;
}
#section-download-cts .download-list ul li span.download-list-title {
  width: 100%;
  font-size: 0.9rem;
  line-height: 130%;
  margin: 0 0 0.5rem;
}
#section-download-cts .download-list ul li span.download-list-title a {
  color: #333;
}
#section-download-cts .download-list ul li span.download-list-title a:hover {
  text-decoration: none;
}
#section-download-cts .download-list ul li span.download-list-title::before {
  content: url(images/download/img_pdf.jpg);
  margin: 0 0.3rem 0 0;
  vertical-align: middle;
  position: relative;
  top: 4px;
}
#section-download-cts .download-list ul li span.download-list-title.download-form::after {
  content: url(images/icon_link_gray.png);
  margin: 0 0 0 0.4rem;
  vertical-align: middle;
  position: relative;
  top: 0;
}
#section-download-cts .download-list ul li span.download-list-size {
  text-align: center;
}
#section-download-cts .download-list ul li span.download-list-date {
  text-align: left;
}
#section-download-cts .download-list-box {
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 0 4px;
  padding: 1.3rem 1rem;
  position: relative;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#section-download-cts .download-list-box:last-child {
  margin: 0;
}
#section-download-cts .download-list-box .download-list-title {
  color: #001966;
  font-size: 1.3rem;
  font-weight: bold;
  margin: 0 0 1rem;
}
#section-download-cts .download-list-box .download-list-title span {
  font-size: 0.9rem;
  line-height: 130%;
  font-weight: normal;
  display: block;
  margin: 0.3rem 0 0 0;
}
#section-download-cts .download-list-box .download-list-text {
  border-bottom: 1px dotted #aaa;
  font-size: 0.8rem;
  margin: 0 0 0.8rem;
  padding: 0 0 0.8rem;
}
#section-download-cts .download-list-box .download-list-about {
  color: #001966;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.8rem;
}
#section-download-cts .download-list-box ul.download-list-aboutcts {
  list-style: inside square;
  margin: 0 0 1.2rem;
}
#section-download-cts .download-list-box ul.download-list-aboutcts li {
  background-color: #fff;
  border: none;
  font-size: 0.75rem;
  margin: 0 0 0.4rem;
  padding: 0;
}
#section-download-cts .download-list-box ul.download-list-aboutcts li:nth-child(2n) {
  background-color: #FFFFFF;
}
#section-download-cts .download-list-box .download-list-btn {
  overflow: hidden;
}
#section-download-cts .download-list-box .download-list-btn-reb {
  display: block;
  margin: 0 0 0.7rem;
}
#section-download-cts .download-list-box .download-list-btn-reb a {
  background-color: #f80808;
  border-radius: 1.5625em;
  color: #fff;
  display: block;
  font-size: 1rem;
  padding: 0.45em 0.3125em;
  text-align: center;
  text-decoration: none;
}
#section-download-cts .download-list-box .download-list-btn-reb a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
#section-download-cts .download-list-box .download-list-btn-reb a::after {
  content: url(images/icon_link.png);
  left: 0.5em;
  position: relative;
  top: -0.1em;
}
#section-download-cts .download-list-box .download-list-size,
#section-download-cts .download-list-box .download-list-date {
  width: 100%;
  border-left: 1px dotted #aaa;
  border-right: none;
  color: #666;
  font-size: 0.75rem;
  text-align: center;
  padding: 0 0.5rem;
  float: left;
}
#section-download-cts .download-list-box .download-list-btn span:last-child {
  border-left: none;
}

@media screen and (min-width: 768px) {

	#download #section-biz-topinfo {
		margin: 4rem 0 0 0;
	}
	.download-mainimg-wrapper #mainimg {
		margin-top: 0;
	}
	.download-mainimg-wrapper #mainimg h2 {
		font-size: 2.3rem;
		margin-top: 2.8em;
	}
	.download-mainimg-wrapper #mainimg h3 {
		margin-bottom: 2rem;
	}
	.download-mainimg-wrapper #mainimg p {
		text-align: center;
		font-size: 1rem;
		margin-bottom: 2rem;
	}
	.download-mainimg-wrapper #mainimg p br {
		display: block;
	}
	.download-mainimg-wrapper #mainimg .button-blue {
		display: inline-block;
		margin: 0 0.25em 0 0;
	}
	.download-mainimg-wrapper #mainimg .button-blue a {
		width: auto;
		font-size: 1.125rem;
		margin: 0;
		padding: 0.45em 2em 0.45em 1.5em;
	}
	#section-download-top .container {
		width: 1000px;
		max-width: 1000px;
		padding: 2rem 0 3rem;
	}
	#section-download-top .container p {
		text-align: center;
	}
	#section-download-top .container p.download-ranking-title {
		font-size: 1.5rem;
		margin: 0 0 0.3rem;
	}
	#section-download-top .download-ranking-box {
		width: 31%;
		margin: 1rem 3.5% 0 0;
		position: relative;
		float: left;
	}
	#section-download-top .download-ranking-box:last-child {
		margin-right: 0;
	}
	#section-download-top .download-ranking-box p {
		text-align: left;
	}
	#section-download-top .download-ranking-box img {
		width: auto;
		margin-bottom: 0;
	}
	#section-download-top .download-ranking-box .button-blue {
		position: absolute;
		right: 0;
		bottom: 0;
		clear: none;
	}
	#section-download-top .download-ranking-box .button-blue a {
		width: auto;
		font-size: 0.9rem;
		margin: 0;
		padding: 0.3rem 1.3rem;
	}
	#section-download-cts .anchor {
		top: -2.0rem !important;
	}
	#section-download-cts .container {
		width: 1000px;
		max-width: 1000px;
		margin: 0 auto;
	}
	#section-download-cts p.title-sub {
		text-align: center;
	}
	#section-download-cts .download-list {
		border: 14px solid #eee;
	}
	#section-download-cts .download-list .download-list-category {
		text-align: left;
		padding: 0.5rem 1rem;
	}
	#section-download-cts .download-list ul li {
		padding: 1.1rem 1rem 0.9rem;
	}
	#section-download-cts .download-list ul li span {
		width: 12%;
		border-right: none;
		border-left: 1px dotted #aaa;
	}
	#section-download-cts .download-list ul li span.download-list-title {
		width: 88%;
		border: none;
		text-align: left;
		margin: 0;
		padding: 0;
	}
	#section-download-cts .download-list ul li span.download-list-title::before {
		margin-right: 0.5rem;
		vertical-align: top;
		top: 0;
	}
	#section-download-cts .download-list ul li span.download-list-size,
	#section-download-cts .download-list ul li span.download-list-date {
		text-align: center;
		font-size: 0.8rem;
	}
	#section-download-cts .download-list-box {
		margin: 0 0 0.8rem;
		padding: 1.2rem 1.5rem;
		overflow: hidden;
	}
	#section-download-cts .download-list-box:last-child {
		margin: 0;
	}
	#section-download-cts .download-list-box .download-list-title {
		padding: 0 280px 0 0;
	}
	#section-download-cts .download-list-box .download-list-text {
		margin: 0 0 1.2rem;
		padding: 0 0 1.2rem;
	}
	#section-download-cts .download-list-box .download-list-about {
		width: 8%;
		font-size: 0.75rem;
		text-align: left;
		float: left;
		margin: 0 1rem 0 0;
	}
	#section-download-cts .download-list-box ul.download-list-aboutcts {
		margin: 0;
		float: left;
	}
	#section-download-cts .download-list-box ul.download-list-aboutcts li {
		margin: 0 0 0.3rem;
	}
	#section-download-cts .download-list-box .download-list-btn {
		width: 260px;
		margin: 0;
		position: absolute;
		top: 1.2rem;
		right: 1.2rem;
	}
	#section-download-cts .download-list-box .download-list-btn-reb {
		margin: 0 0 0.8rem;
	}
	#section-download-cts .download-list-box .download-list-btn-reb a {
		padding: 0.6em 0.3125em;
	}

}

/*--------------------------------------------------------------
## event _ セミナー/イベント
--------------------------------------------------------------*/

/* archive */

#event {
  padding-top: 0;
  margin-bottom: 0; }

#event .event-header {
  overflow: hidden;
  background: #f2eee5 url(images/event/bg_event_header.jpg) no-repeat center bottom;
  background-size: cover;

  margin-bottom: 1.5em;
  text-align: center; }

#event .event-header h1 {
	margin: 3.5em 0.5rem 0.5em;
  font-size: 1.7rem;
	line-height: 100%; }

#event .event-header h1 span {
	display: block;
	margin-top: 0.3em;
	color: #0C4CC5;
  font-size: 16px;
  font-size: 1.0rem;
}
#event .event-header p {
	display: block;
  font-size: 14px;
	font-size: 0.9rem;
	margin: 0 auto 5.0em;
	padding: 0 1.0em;
	max-width: 568px;
}
#event ul.year-list {
  font-size: 0;
  margin:0;
  padding: 0;
}
#event ul.year-list li {
  border: 1px solid #0d4ec6;
  font-size: 1rem;
  width: 48%;
  display: inline-block;
  margin:1%;
  padding: 0;
}
#event ul.year-list li a {
  border: 1px solid #0d4ec6;
  color: #0d4ec6;
  display: block;
  overflow: hidden;
}
.event_menu {
  margin: 0 0 1.5em;
}
.event_menubox {
  width: 100%;
  height: 40px;
  line-height: 40px;
  display: block;
  margin: 0 0 0.7rem;
  position: relative;
}
.event_menubox span {
  background-color: #fff;
  border: 2px solid #ccc;
  font-size: 0.95rem;
  padding: 0 0.7rem;
  color: #333;
  display: block;
  cursor: pointer;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
}
.event_menubox span::after {
  content: url(images/btn-d-arrow-b.png);
  position: absolute;
  right: 1rem;
}
.event_menubox span:hover {
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
.event_menubox ul {
  background-color: #eee;
  border: 2px solid #ccc;
  width: 100%;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 100;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.event_menubox ul li {
  color: #999;
  border-bottom: 1px solid #ccc;
  font-size: 0.85rem;
  line-height: 100%;
  margin: 0;
  padding: 0.7rem;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.event_menubox ul li.select, .event_menubox ul li:hover {
  color: #333;
  text-decoration: none;
}
#event #event_cts {
	width: auto;
}
#event #event_sorttxt {
  width: 100%;
}
#event #event_sorttxt p {
  display: inline-block;
  margin: 1rem 0;
  padding: 0.3rem 1.3rem;
  background-color: #E8F2FF;
  color: #001966;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
}
#event .event-contents {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2.0em 0;
}
#event .event-contents .event-title {
  width: 100%;
  border-bottom: #ccc solid 1px;
  padding: 0 0 1.125em;
}
#event .event-contents .event-title h2 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.4;
  width: 80%;
  float: left;
  text-align: left;
  margin: 0;
  padding: 0.375em 0;
}
#event .event-contents .event-title .year-link {
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
}
#event .event-contents .event-title:after {
  content: " ";
  display: block;
  clear: both;
}
#event .event-box {
	background-color: #F6F8F9;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	border-top: 1px solid #ddd;
}
#event .event-box div {
	vertical-align: top;
}

#event .event-box.bgoff {
	background-color: #fff !important;
}
#event .event-box div.event-cat {
	display: inline-block;
	margin-bottom: 0.5em;
}
#event .event-box div.event-title,
#event .event-box div.event-date,
#event .event-box div.event-area,
#event .event-box div.event-status {
	width: 100%;
}
#event .event-box div.event-cat span {
	display: block;
	padding: 0.7em 1.0em 0.6em;
	color: #fff;
	font-size: 11px;
	font-size: 0.75rem;
	line-height: 1.0;
	text-align: center;
}
#event .event-box.cat00 div.event-cat span,
#event .event-box.cat01 div.event-cat span,
#event .event-box.cat02 div.event-cat span,
#event .event-box.cat03 div.event-cat span,
#event .event-box.cat04 div.event-cat span {
	border-left: 3px solid #ccc;
}
#event .event-box.cat00 div.event-cat span { background-color: #335480; }
#event .event-box.cat01 div.event-cat span { background-color: #3990B6; }
#event .event-box.cat02 div.event-cat span { background-color: #7F64AF; }
#event .event-box.cat03 div.event-cat span { background-color: #648965; }
#event .event-box.cat04 div.event-cat span { background-color: #B06E9E; }

#event .event-box div.event-title a {
	display: block;
	color: #333;
	text-decoration: none;
}
#event .event-box div.event-title a h2 {
	color: #001966;
	border-bottom: 1px solid rgba(0,25,102,0.0);
}
#event .event-box div.event-title a:hover h2 {
	border-color: rgba(0,25,102,1.0);
	box-sizing: border-box;
}
#event .event-box div.event-title a p {
	color: #333;
}
#event .event-box div.event-title h2 {
	display: inline;
	width: auto !important;
	margin: 0 !important;
	font-size: 18px;
	font-size: 1.2rem;
	line-height: 1.35;
	text-align: left;
	font-weight: bold;
}
#event .event-box div.event-title p {
	width: auto !important;
	margin: 0.35em 0 0 0 !important;
	font-size: 14px;
	font-size: .9rem;
	line-height: 1.6;
	text-align: left;
}
#event .event-box div.event-date,
#event .event-box div.event-area {
	padding-top: 0.25em;
	font-size: 12px;
	font-size: 0.85rem;
	line-height: 1.65;
}
#event .event-box div.event-date {
	font-weight: bold;
}
#event .event-box div.event-status {
  font-size: 16px;
  font-size: 1.0rem;
  text-align: center;
	font-weight: bold;
}
#event .event-box div.event-status a,
#event .event-box div.event-status .close-entry,
#event .event-box div.event-status .close-event {
	display: block;
	margin: 1.0em 0 0 0;
	padding: .5em .3125em;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 3px solid #FF0000;
	box-sizing: border-box;
}
#event .event-box div.event-status a {
  text-decoration: none;
  background-color: #FF0000;
  color: #fff;
}
#event .event-box div.event-status .close-entry {
	background-color: #fff;
  color: #FF0000;
}
#event .event-box div.event-status .close-event {
	background-color: #fff;
	border-color: #aaa;
  color: #aaa;
}
#event .event-box div.event-status a::after {
  content: url(images/btn-arrow.png);
  position: relative;
  top: 0.05em;
  left: 0.5em;
}
#event .event-box div.event-status a:hover {
	 filter:alpha(opacity=70);
	 -moz-opacity:0.7;
	 opacity:0.7;
}

@media screen and (min-width: 768px) {

	#event { margin-bottom: 2em; }
	#event .event-header { height: 400px; margin-bottom: 1.5em; }
	#event .event-header h1 { margin: 3.2em 0 0.5em; font-size: 2.3rem; }
	#event .event-mainimg-wrapper #mainimg p { text-align: center; font-size: 14px; font-size: 0.9rem;}
	
	#event #section-event-top .container { max-width:960px; margin:2rem auto 2rem; overflow:hidden;}
	#event #section-event-cts .container { max-width:1030px; margin: 0 auto;}
	
	.event_menu { text-align: center; margin-bottom: 2.0em; }
	.event_menubox { margin:0 auto 30px;}
	.event_menubox { width:23%; min-width: 230px; margin:0 1%; display: inline-block; }
	.event_menubox span { text-align: left; }
	
	.event_menubox ul li { font-size: .9rem; padding: 0.5rem;  text-align: left; }
	#event #event_cts {	width: 1060px; }

	#event #event_sorttxt p { margin:0 0 1.5rem;}
	#event #event_sorttxt { text-align: center; }
	
	/* list-event-header & event-box */
	
	#event .list-event-header,
	#event .event-box {
		clear: both; }
	
	#event .list-event-header {
		display: block;
		background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
		border: 1px solid #ddd;
		border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-webkit-border-radius: 6px 6px 0 0;
		-moz-box-shadow: 0 1px 1px rgba(000,000,000,0.1);
		-webkit-box-shadow: 0 1px 1px rgba(000,000,000,0.1);
		margin-bottom: 0.1em;
		padding: 10px 0; }
	
	#event .list-event-header.bottom {
		border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-webkit-border-radius: 0 0 6px 6px;
		border-top: none !important;
		margin-bottom: 2.5em; }
	
	#event .event-box {
		padding-top: 1.0em;
		padding-bottom: 1.0em;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ddd; }
	
	#event .list-event-header .inner div,
	#event .event-box div {
		display: inline-block;
		padding-left: 12px;
		box-sizing: border-box; }
	
	#event .list-event-header .inner div {
		border-left: 1px dotted #333;
		font-size: 11px;
		font-size: 0.75rem;
		line-height: 100%;
		font-weight: bold; }
	
	#event .col-lg-12.event-box {
		padding-right: 0;
		padding-left: 0; }
	
	#event .list-event-header .inner div.event-cat,
	#event .event-box div.event-cat {
		margin: 0 !important;
		border: none !important;
		width: 14.1%;
		max-width: 145px; }
	
	#event .list-event-header .inner div.event-title,
	#event .event-box div.event-title {
		width: 44.6%;
		max-width: 460px; }
	
	#event .list-event-header .inner div.event-date,
	#event .event-box div.event-date {
		width: 18.5%;
		max-width: 180px; }
		
	#event .list-event-header .inner div.event-area,
	#event .event-box div.event-area {
		width: 8.3%;
		max-width: 85px; }
	
	#event .list-event-header .inner div.event-status,
	#event .event-box div.event-status {
		width: 16.5%;
		max-width: 150px; }
	
	#event .event-box div.event-cat span {
		padding-right: 0.5em;
		padding-left: 0.5em; }
	
	#event .event-box div.event-title h2 {
		font-size: 18px;
		font-size: 1.1rem; }

	#event .event-box div.event-status {
		font-size: 13px;
		font-size: 0.81rem; }

	#event .event-box div.event-status a,
	#event .event-box div.event-status .close-entry,
	#event .event-box div.event-status .close-event {
		margin: 0;
		padding: .45em .3125em;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px; }

}

/* event single */

#event-single {
  padding: 0; }

/* event-header */

#event-single .event-header {
  background: #fff; }

#event-single .event-header .single-wrp {
  max-width: 935px;
  text-align: center;
  /* overflow: hidden; */
  margin: 0 auto;
  padding: 5.0em 0 50px; }

#event-single .event-header h1 {
	position: relative;
	display: inline-block;
	width: auto;
	margin-bottom: 0.2em;

	color: #001966;
	font-size: 42px;
	font-size: 2.75rem;
	line-height: 1.25;
	font-weight: bold; }

#event-single .event-header h1 span {
	position: relative;
	top: 0;
	font-size: 24px;
	font-size: 1.45rem;
	display: block;
	margin: 10px 0; }
  
#event-single .event-header h1.free::after {
	position: absolute;
	right: -120px;
	top: 0;
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	background: url(images/event/icon_entry_free.png) no-repeat 0 50%; }

#event-single .event-header .single-excerpt {
	margin-right: 4.0em;
	margin-bottom: 2.0em;
	margin-left: 4.0em; }

#event-single .event-header .single-excerpt p {
	font-size: 14px;
	font-size: 0.85em; }

#event-single .event-header .event-cat h2 {
	display: inline-block;
	margin-bottom: 0.6em;
	padding: 0.4em 1.0em 0.3em;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

	color: #fff;
	font-size: 14px;
	font-size: .9rem;
	font-weight: bold; }

#event-single .event-header .event-cat.cat00 h2 { background-color: #335480; }
#event-single .event-header .event-cat.cat01 h2 { background-color: #3990B6; }
#event-single .event-header .event-cat.cat02 h2 { background-color: #7F64AF; }
#event-single .event-header .event-cat.cat03 h2 { background-color: #648965; }
#event-single .event-header .event-cat.cat04 h2 { background-color: #B06E9E; }

#event-single .event-header .cmn-link {
  list-style: none;
  border-top: 1px solid #D1DAE2;
  border-bottom: 1px solid #D1DAE2;
  margin: 0;
  padding: 0.625em 0; }

#event-single .event-header .cmn-link li {
  vertical-align: middle !important;
  display: inline-block; }

#event-single .event-header .cmn-link .single-date,
#event-single .event-header .cmn-link .single-time {
	margin-right: 0.8em;
	font-size: 18px;
	font-size: 1.2rem;
	font-weight: bold; }

#event-single .event-header .single-date::before,
#event-single .event-header .single-time::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 0.3em;
	vertical-align: text-bottom; }

#event-single .event-header .single-date::before {
	background: url(images/event/icon-event-date.png) no-repeat 0 50%; }

#event-single .event-header .single-time::before {
  background: url(images/event/icon-event-time.png) no-repeat 0 50%; }

#event-single h2 {
  font-size: 22px;
  font-size: 1.45rem;
  line-height: 20px;
  text-align: center;
  margin: 0 0 1.2em;
  padding-top: .2em; }

#event-single h2 span {
	display: block;
  margin: 0;
  padding-top: 0.8em;
	color: #537ED8;
  font-size: 14px;
  font-size: .9rem;
  line-height: 1.0;
  text-align: center; }

#event-single h2 span::before,
#event-single h2 span::after {
	display: none !important; }

#event-single .event-resume,
#event-single .event-report,
#event-single .event-schedule,
#event-single .event-summary {
	position: relative;
	background: #fff; }

#event-single .event-resume .event-inner,
#event-single .event-report .event-inner,
#event-single .event-schedule .event-inner,
#event-single .event-summary .event-inner {
	position: relative;
	display: block;
	max-width: 935px;
	margin: 0 auto;
	padding: 1.5em 0.8em 2.5em 0.8em; }

#event-single .event-resume .event-inner a {
	color:#FFFFFF;}
	
#event-single .event-resume .event-inner a:hover {
	color:#F80808;}

#event-single .event-schedule .event-inner,
#event-single .event-summary .event-inner {
	padding-top: 2.5em; }


/* event-resume */

#event-single .event-resume {
	background: #0945C7;
	color: #fff;
	font-size: 16px;
	font-size: 1.0rem; }

#event-single .event-resume::before,
#event-single .event-report::before {
	display: block;
	margin: 0 auto;
	content: "";
	width: 82px;
	height: 31px;
	background: url(images/event/header_arrow_wh.png) no-repeat top left; }


/* event-report (other) */

#event-single .event-report {
	background: #E8F2FF;
	border-bottom: 1px solid rgba(206,215,227,1.0); }

#event-single .alignright {
		margin-bottom: 1.2em; }

#event-single .border-box {
	margin-bottom: 1.5em;
	padding: 1.2em;
	border:	2px solid rgba(206,215,227,1.0); }

#event-single .border-box p {
	margin-top: 0.5em;
	margin-bottom: 0; }

#event-single .border-box table {
	margin: 0; }

#event-single .border-box table th,
#event-single .border-box table td {
	vertical-align: top;
	padding: 0.25em 0; }

#event-single .border-box table th {
	padding-right: 2.4em;
	white-space: nowrap; }


/* event-schedule */

#event-single .event-schedule {
	border-bottom: 1px solid rgba(206,215,227,1.0); }

#event-single .event-schedule .schedule-table {
	position: relative; }

#event-single .event-schedule .schedule-table::before {
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #ddd; }

#event-single .event-schedule .schedule-table::after {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 0;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #ddd; }

#event-single .event-schedule .schedule-table table {
	position: relative;
	z-index: 2;
	border: 1px solid #ddd;
	border-bottom: none !important;
	margin-bottom: 1.0em; }

#event-single .event-schedule .schedule-table th,
#event-single .event-schedule .schedule-table td {
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding: 1.0em 1.2em;
	vertical-align: top; }

#event-single .event-schedule .schedule-table th {
	padding-top: 1.2em;
	background: #F6F6F6;
	width: 200px;
	color: #001966; }

#event-single .event-schedule .schedule-table th,
#event-single .event-schedule .schedule-table td,
#event-single .event-schedule .schedule-table td strong i {
	font-size: 14px;
	font-size: .9rem; }

#event-single .event-schedule .schedule-table td strong {
	margin-bottom: 0.2em;
	font-size: 16px;
	font-size: 1.0rem; }

#event-single .event-schedule .schedule-table td strong i {
	color: #0845C6; }
#event-single .event-schedule .schedule-table td .speaker {
	display: block;
	margin-top: 1.0em;
	padding-top: 1.0em;
	border-top: 1px dotted #ccc; }


/* event-summary */

#event-single .event-summary {
	background: #E8F2FF;
	border-top: 2px solid rgba(206,215,227,0.5);
	border-bottom: 1px solid rgba(206,215,227,1.0); }

#event-single .summary-table {
	padding: 15px;
	background-color: #E0EAF6;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; }

#event-single .summary-table table {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; }

#event-single .summary-table table tr {
	border-bottom: 1px solid #E9E9E9; }

#event-single .summary-table table tr:last-child {
	border-bottom: none; }

#event-single .summary-table table tr:nth-child(even) {
	background-color: #F6F6F6; }

#event-single .summary-table table th {
	width: 185px;
	padding: 1.2em 0;
	font-size: 14px;
	font-size: .9rem;
	vertical-align: top; }

#event-single .summary-table table th strong {
	border-left: 3px solid #0945C7;
	padding-left: 10px; }

#event-single .summary-table table td {
	padding: 1.2em;
	vertical-align: top; }

#event-single .summary-table table th,
#event-single .summary-table table td {
	font-size: 14px;
	font-size: .9rem;
	line-height: 1.6;
	vertical-align: top; }

#access-map {
	display: block;
	margin-top: 1.0em;
	width: 100% !important;
	height: 320px !important; }

.map-coordinate {
	height: 1px;
	overflow: hidden; }


/* entry */

#event-single .entry a,
#event-single .entry span.close-entry,
#event-single .entry span.close-event {
	display: block;
	margin: 1.0em auto;
	padding: .45em .3125em;
	max-width: 400px;
	max-height: 60px;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border: 3px solid #FF0000;
	box-sizing: border-box;

  text-decoration: none;
  background-color: #FF0000;
  color: #fff;
	font-size: 21px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold; }

#event-single .entry a::after {
  content: url(images/btn-arrow.png);
  position: relative;
  top: -.1em;
  left: 0.5em; }

#event-single .entry a:hover {
	 filter:alpha(opacity=70);
	 -moz-opacity:0.7;
	 opacity:0.7; }

#event-single .entry span.close-entry {
	background-color: #FFF;
  color: #FF0000; }

#event-single .entry span.close-event {
	background-color: #FFF;
	border-color: #AAA;
  color: #AAA; }

#event-single .event-header .cmn-link .entry { min-width: 240px; }
#event-single .event-header .cmn-link .entry a,
#event-single .event-header .cmn-link .entry span.close-entry,
#event-single .event-header .cmn-link .entry span.close-event {
	display: block;
	margin: 0 auto;
	padding: .45em 1.2em;
	width: 100%;
	font-size: 15px;
	font-size: 0.9rem; }

#event-single .event-header .cmn-link .entry a::after {
  content: url(images/btn-arrow.png);
  position: relative;
  top: .06em;
  left: 0.35em; }

#event-single .button-red.extra {
	margin: 0 auto;
	padding: 0.8em 0 0 0;
	max-width: 360px;
	line-height: 125%; }

#event-single .button-red.extra a {
	position: relative;
	padding: 0.8em 0;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px; }

#event-single .button-red.extra a span {
	font-size: 0.8rem; }

#event-single .button-red.extra a::after {
	position: absolute;
  top: 1.3em;
	right: 1.5em;
  left: auto;
	display: block;
	width: 11px;
	height: 21px;
	content: "";
	background: url(images/btn-r-arrow.png) no-repeat top center;
	background-size: cover; }


/* notes */

#event-single .notes p {
	margin-bottom: 1.5em;
	font-size: 12px;
	font-size: 0.75rem; }


/* button-back */

.button-back {
  text-align: center;
  margin: 0 auto 3.0em;
	padding: 2.5em 0 0 0; }

.button-back .button-brown {
  display: inline-block; }



@media screen and (min-width: 768px) {}

@media screen and (max-width: 768px) {

	/* event-header */
	
	#event-single .event-header h1 {
		margin-bottom: 1.0em;
		font-size: 24px;
		font-size: 1.45rem; }
	
	#event-single .event-header h1 span {
		display: block;
		width: 80%;
		margin: 0 auto;
		top: 0.2em;
		font-size: 18px;
		font-size: 1.15rem;
		line-height: 1.35; }
	
	#event-single .event-header h1.free::after {
		padding: 0.8em 0 0;
		position: relative;
		right: auto;
		top: auto;
		content: "《参加無料》";
		color: #ff0000;
		font-size: 16px;
		font-size: 1.0rem;
		width: auto;
		height: auto;
		background: none; }

	#event-single .event-header .single-excerpt {
		margin-right: 0.8em;
		margin-left: 0.8em; }

	#event-single .event-header .single-excerpt p {
		padding-top: 0.5em;}

	#event-single .event-header .event-cat p {
		font-size: 14px;
		font-size: .9rem; }
	
	#event-single .event-header .cmn-link {
		margin: 0 0.85em;
		padding: 0.85em 0; }
	
	#event-single .event-header .cmn-link li {
		display: block;
		margin-bottom: 0.3em; }
	
	#event-single .event-header .cmn-link .single-date,
	#event-single .event-header .cmn-link .single-time {
		margin-right: 0;
		font-size: 16px;
		font-size: 1.0rem; }
	
	#event-single .event-header .single-date::before,
	#event-single .event-header .single-time::before {
		width: 18px;
		height: 18px;
		background-size: contain !important; }
	
	#event-single .event-header .cmn-link .entry {
		padding-top: 0.5em; }
	

	/* event-resume */

	#event-single .event-resume {
		font-size: 14px;
		font-size: .9rem; }
	
	
	/* event-schedule */
	
	#event-single .event-schedule .schedule-table th {
		width: 85px; }
	
	
	/* event-summary */
	
	#event-single .summary-table {
		padding: 8px; }
	
	#event-single .summary-table table th {
		display: block;
		width: 100%;
		padding: 1.2em 0 0.6em; }
	
	#event-single .summary-table table td {
		display: block;
		width: 100%;
		padding: 0 1.2em 1.2em; }
	
	
	/* entry */
	
	#event-single .entry a,
	#event-single .event-header .cmn-link .entry a {
		padding: .45em 1.5em .42em;
		max-width: 400px !important;
		width: 100% !important;
		font-size: 16px;
		font-size: 1.0rem; }
	
	#event-single .entry a::after {
		left: 0.1em; }

	#event-single .event-header .cmn-link .entry a::after {
		content: url(images/btn-arrow.png);
		position: relative;
		top: .06em;
		left: 0.35em; }

}

/*--------------------------------------------------------------
## partner / パートナー
--------------------------------------------------------------*/

.partner-mainimg-wrapper {
  background: url(images/partner/bg_partner.jpg) no-repeat center center;
  background-size: 1600px auto;
  height: 367px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.partner-mainimg-wrapper #mainimg {
  margin: 0 auto;
  text-align: center;
}
.partner-mainimg-wrapper #mainimg h2 {
  font-size: 1.7rem;
  line-height: 100%;
  margin: 80px 0.5rem 5px;
}
.partner-mainimg-wrapper #mainimg h3 {
  color: #0d4ec6;
  font-size: 1rem;
  margin-bottom: 1.5em;
}
.partner-mainimg-wrapper #mainimg p {
  text-align: left;
  margin: 0 1rem;
}
#section-partner-top {
  text-align: center;
}
#section-partner-top .container {
  padding: 0;
}
#section-partner-top .container p {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  text-align: left;
}
#section-partner-top ul.tabs02 {
  margin: 1.5em auto 2.5rem;
  border-bottom: 3px solid #0d4ec6;
  padding-left: 0 !important;
  overflow: hidden;
}
#section-partner-top ul.tabs02 li {
  background: #001a66 none repeat scroll 0 0;
  float: left;
  list-style: outside none none;
  text-align: center;
  width: 33.333%;
}
#section-partner-top ul.tabs02 li a {
  color: #fff;
  display: block;
  padding: 15px 0;
  text-decoration: none;
}
#section-partner-top ul.tabs02 li a::after,
#section-partner-top ul.tabs02 li.blank a::after {
  left: 0.5em;
  position: relative;
  top: -0.1em;
}
#section-partner-top ul.tabs02 li a::after {
  content: url("images/btn-d-arrow.png");
}
#section-partner-top ul.tabs02 li.blank a::after {
  content: url("images/icon_link.png");
}
#section-partner-top ul.tabs02 li a:hover {
  background: #0d4ec6 none repeat scroll 0 0;
  display: block;
}
#section-partner-top .tabs02 li.active {
  background: #0d4ec6 none repeat scroll 0 0;
}
#section-partner-cts {
  margin: 0;
}
#section-partner-cts.admin-data,
#section-partner-cts.portal-data,
#section-partner-cts.assist-data {
  background-color: #E8F2FF;
  border-top: 3px solid #DDE7F3;
  margin-bottom: 0;
}
#section-partner-cts .container {
  padding: 4rem 0.9375rem;
}
#section-partner-cts.admin-data .container {
  border-top: none;
}
#section-partner-cts .container.bdt {
  border-top:1px dotted #CCCCCC;
  margin-top:1.5em;
}
#section-partner-cts .container.bn {
  border-top: none;
  padding-top:0;
}
#section-partner-top h2.title03,
#section-partner-cts h2.title03 {
  margin:0 0 0.8em;
}
#section-partner-cts.portal-data .container h2.title03 {
	margin-top:3em;
}
#section-partner-cts p {
  text-align: center;
}
#section-partner-cts p.title-sub {
  font-size: 0.95rem;
  margin:-0.5rem 0 1.5rem;
  text-align:left;
}
#section-partner-cts .col-lg-3 {
  margin-bottom: 2rem;
}
#section-partner-cts .col-lg-3 img {
  display: block;
  margin: 0 auto 10px;
}
#section-partner-cts .col-lg-3 p {
  margin: 0 0 0.5rem;
  color: #001a66;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}
#section-partner-cts .col-lg-3 p span {
  color: #333;
  font-size: 0.75rem;
  font-weight: normal;
}
#section-partner-cts .col-lg-3 p a {
  display: inline-block;
  padding: 0 1rem;
  overflow: hidden;
  background-color: #001a66;
  border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  color: #fff;
  font-size: 0.75rem;
  line-height: 22px;
  font-weight: normal;
  text-decoration: none;
}
#section-partner-cts .col-lg-3 p a:hover {
  background-color: #0d4ec6;
}
#section-partner-cts .partner-program {
  margin-bottom: 3rem;
}
#section-partner-cts .partner-program p {
  text-align: left;
  font-size: 0.9rem;
}
#section-partner-cts .partner-program img {
  display: block;
  margin: 0 auto;
}
#section-partner-cts .col-lg-3 p a:hover {
  background-color: #0d4ec6;
}
#section-partner-cts .partner-program {
  margin-bottom: 3rem;
}
#section-partner-cts .partner-program p {
  text-align: left;
  font-size: 0.9rem;
}
#section-partner-cts .partner-program img {
  display: block;
  margin: 0 auto;
}
#section-partner-cts .partner-program p.partner-program-title {
  font-size: 1.3rem;
  font-weight: bold;
  color: #0d4ec6;
  margin: 1.5rem 0 0.75rem;
  text-align: center;
}
#section-partner-cts .partner-program ul {
  margin-top: -1rem;
  margin-left: 0;
  padding-left: 1rem;
}
#section-partner-cts .partner-program ul li {
  font-size: 0.8rem;
  margin-bottom: 0.2rem;
}
#section-partner-cts .partner-admin-text img {
  margin-bottom: 1.5rem;
}
.admin-data-cts {
  background-color: #ddd;
  border: 10px solid #E0EAF6;
  margin-bottom: 1.5rem;
  padding: 1px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.table_data {
  background-color: #fff;
  margin: 0;
  padding: 1px 2px 2px 2px;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.table_data tr {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
}
.table_data tr:last-child {
  border-bottom: none;
}
.table_data th {
  background-color: #eee;
  vertical-align: middle;
  text-align: center;
  color: #001a66;
  padding: 0.3rem 0;
  width: 100%;
  float: left;
}
.table_data td {
  font-size: 0.9rem;
  padding: 0.75rem;
  float: left;
}
.partner-contact {
  clear: both;
}
.partner-contact .partner-contact-form {
  margin: 0 0 1rem;
  position: relative;
}
.partner-contact .partner-contact-form a {
  width: 100%;
  background-color: #F40900;
  margin: 0 auto;
  padding: 15px 35px 15px 30px;
  font-size: 1rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  display: block;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
}
.partner-contact .partner-contact-form a:hover {
  background-color: #DD0500;
  color: #FFFFFF;
  text-decoration: none;
}
.partner-contact .partner-contact-form a::after {
  content: url(images/btn-r-arrow.png);
  position: absolute;
  top: 1.85rem;
  right: 1.4rem;
}
.partner-contact .partner-contact-form a span {
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
  margin: 0.2rem;
}
.partner-contact-tel p {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom:0;
}
.partner-contact-tel p span {
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
  margin: 0.2rem;
}
.training-select {
  font-size:1.1rem;
  color:#001A66;
  font-weight:bold;
  text-align:center;
  margin:0;
  padding:4.8em 0 1em;
}
.training-select.select01 {
  background:url(images/partner/partner_cts03_img01.png) no-repeat center 20px #F3F5F9;
  background-size:65px 58px;
}
.training-select.select02 {
  background:url(images/partner/partner_cts03_img02.png) no-repeat center 20px #F3F5F9;
  background-size:65px 58px;
}
.training-menu,
.training-menu li {
  margin:0;
  padding:0;
  list-style:none;
}
.training-menu li {
  width:50%;
  float:left;
  text-align:center;
  box-sizing:border-box;
}
.training-menu li:first-child {
  border-right:1px solid #FFFFFF;
}
.training-menu li span {
  border-top:1px solid #FFFFFF;
  font-size:0.8rem;
  color:#FFFFFF;
  line-height:2.2;
  display:block;
}
.training-menu li.sales span,
.training-cts-box .training-cts-inner .sales span {
  background:#0D4EC6;
  border:1px solid #0D4EC6;
}
.training-menu li.technology span,
.training-cts-box .training-cts-inner .technology span {
  background:#0EA58E;
  border:1px solid #0EA58E;
}
.training-cts-box .training-cts-inner span.tg-s {
  background:#FFFFFF;
  border:1px solid #0ea58e;
  color:#0DA58D;
  line-height:1.4;
  padding:0.7em 1em;
}
.training-menu li a {
  color:#333333;
  padding:1em 0.7em 2em;
  display:block;
  overflow:hidden;
  font-size:0.95rem;
  line-height:1.3;
  text-decoration:none;
  position:relative;
}
.training-menu li.sales a {
  border-bottom:1px solid #0D4EC6;
}
.training-menu li.sales a:hover {
  color:#0D4EC6;
}
.training-menu li.sales a::before {
    border-bottom: 1px solid #0D4EC6;
    border-left: 1px solid #0D4EC6;
    bottom: 16px;
    box-sizing: border-box;
    content: "";
    height: 9px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    transform: rotate(-45deg);
    width: 9px;
}
.training-menu li.technology a {
  border-bottom:1px solid #0EA58E;
}
.training-menu li.technology a:hover {
  color:#0EA58E;
}
.training-menu li.technology a::before {
    border-bottom: 1px solid #0EA58E;
    border-left: 1px solid #0EA58E;
    bottom: 16px;
    box-sizing: border-box;
    content: "";
    height: 9px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    transform: rotate(-45deg);
    width: 9px;
}
.training-cts {
  clear:both;
  padding:2em 0.9375rem 0;
}
.training-cts-box .training-select {
  font-size:1rem;
  text-align:center;
  margin:0 -0.9375rem 1.5em;
  padding:4em 0 0.8em;
}
.training-cts-box .training-select.select01 {
  background:url(images/partner/partner_cts03_img01.png) no-repeat center 15px #F3F5F9;
  background-size:50px 45px;
}
.training-cts-box .training-select.select02 {
  background:url(images/partner/partner_cts03_img02.png) no-repeat center 15px #F3F5F9;
  background-size:50px 45px;
}
.training-cts-box .training-cts-inner {
  padding:0;
}
.training-cts-box .training-cts-inner span {
  font-size:0.8rem;
  color:#FFFFFF;
  line-height:2.2;
  margin:0 auto 0.5em;
  padding:0 3em;
  display:table;
  border-radius:1px;
}
.training-cts-box .training-cts-inner-s {
  border-bottom:1px dotted #CCCCCC;
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  overflow:hidden;
}
.training-cts-box .training-cts-inner-s.technology {
  border-bottom:none;
  padding:0 0 0 0;
}
#section-partner-cts .training-cts-box p {
  font-size:0.8rem;
  line-height:1.6;
  text-align:left;
}
#section-partner-cts .training-cts-box p.training-cts-ttl {
  font-size:1.3rem;
  line-height:1.2;
  font-weight:bold;
  text-align:center;
  margin:0 0 1em;
}
#section-partner-cts .training-cts-box #sales02 p.training-cts-ttl::after {
  content:"";
  background:url(images/partner/logo_partner_ss.png) no-repeat;
  width:170px;
  height:37px;
  margin:15px auto 0;
  display:block;
  overflow:hidden;
}
#section-partner-cts .training-cts-box #technology02 p.training-cts-ttl::after {
  content:"";
  background:url(images/partner/logo_partner_admin.png) no-repeat;
  width:170px;
  height:36px;
  margin:15px auto 0;
  display:block;
  overflow:hidden;
}
.training-cts-data dl {
  font-size:0.75rem;
  margin:0;
  padding:0;
  overflow:hidden;
}
.sales .training-cts-data dl:nth-child(odd) {
  background-color:#E2EDFE;
}
.technology .training-cts-data dl:nth-child(odd) {
  background-color:#DCF5F1;
}
.training-cts-data dl dt {
  width:20%;
  float:left;
  margin:0;
  padding:0.4em 0.7em;
}
.training-cts-data dl dd {
  width:80%;
  float:left;
  margin:0;
  padding:0.4em 0.7em;
}
.training-cts-target {
  margin:1.5em 0;
}
.training-cts-target dl {
  font-size:0.8rem;
  margin:0;
  padding:0.8em 1em 0.5em;
  overflow:hidden;
}
.sales .training-cts-target dl {
  background-color:#E2EDFE;
}
.technology .training-cts-target dl {
  background-color:#DCF5F1;
}
.training-cts-target dl dt {
  font-size:0.9rem;
  text-align:center;
  margin:0 0 0.3em;
}
.sales .training-cts-target dl dt {
  color:#0D4EC6;
}
.technology .training-cts-target dl dt {
  color:#0EA58E;
}
.training-cts-target dl dd {
  margin:0 0 0.5em;
  padding:0 0 0 10px;
  position:relative;
}
.training-cts-target dl dd::before {
  content:"\25CF";
  font-size:10px;
  position:absolute;
  left:0;
  line-height:18px;
}
.sales .training-cts-target dl dd::before {
  color:#0D4EC6;
}
.technology .training-cts-target dl dd::before {
  color:#0EA58E;
}
.training-cts-btn a {
  background-color: #f40900;
  border-radius: 3rem;
  color: #fff;
  display: block;
  font-size: 0.9rem;
  font-weight: bold;
  margin: 0 auto;
  overflow: hidden;
  padding: 12px 30px 12px 15px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  position:relative;
}
.training-cts-btn a::after {
  content: url("images/btn-r-arrow.png");
  position: absolute;
  right: 1rem;
}
.training-cts-btn a:hover {
  background:#DD0500;
}
#section-partner-cts .partner-portal p {
  font-size:0.85rem;
  text-align:left;
}
#section-partner-cts .partner-portal p span {
  font-size:0.75rem;
  display:block;
  margin:0.2em 0 0 0;
}
#section-partner-cts .partner-portal p.partner-portal-topttl {
  background:#BCD9F5;
  font-size:1.05em;
  text-align:center;
  color:#001A66;
  font-weight:bold;
  margin:0 0 0.7em;
  padding:0.7em;
}
#section-partner-cts .partner-portal p.partner-portal-box-ttl {
  border-bottom:2px solid #0C4DC5;
  font-size:0.95rem;
  font-weight:bold;
  color:#0C4DC5;
  text-align:center;
  margin:0 0 0.7em;
  padding:0 0 0.2em;
}
.partner-portal-point ul {
  list-style:none;
  margin:0;
  padding:0;
}
.partner-portal-point ul li {
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-size: 14px;
  margin-bottom: 0.8%;
  padding: 12px;
  position: relative;
  text-align: left;
}
.partner-portal-point ul li::before {
  display: inline-block;
  content: "\25CF";
  margin-right: 5px;
  color: #0D4EC6;
  font-size: 14px;
  line-height: 1em;
}
.partner-portal-point ul li:last-child {
  margin-bottom:3%;
}
.partner-portal-box .training-cts-btn a {
  margin:-0.8em 0 2em;
}
.partner-portal-box .training-cts-btn.login a {
  background:#001A66;
}
.partner-portal-box .training-cts-btn.login a:hover {
  background:#00134D;
}
.partner-portal + p {
  margin-bottom:0;
}
.partner-portal + p img {
  border:2px solid #BCD9F5;
}

.partner-list {
  border-top:1px dotted #CCCCCC;
  margin:0.5em 0 -4em;
  padding:0;
}
.partner-list-box {
  padding:2em 0 0 0;
}
#section-partner-cts .partner-list-box p {
  font-size:0.85rem;
  text-align:left;
}
#section-partner-cts .partner-list-box p.partner-list-ttl {
  font-size:1.2rem;
  font-weight:bold;
  color:#001966;
  text-align:center;
  margin:0 0 0.7em;
}
#section-partner-cts .partner-list-box p.partner-list-ttl + p span {
  font-size:0.7rem;
  text-align:right;
  display:block;
  margin:1em 0 -1.3em;
}
.partner-list-cts-box {
  border:1px solid #CCCCCC;
  margin:0 0 0.5em;
  padding:0 0.8em 0.8em 0.8em;
  overflow:hidden;
}
.partner-list-cts-logo img {
  width:170px;
  height:auto;
  display:block;
  margin:0 auto;
}
.partner-list-cts-company {
  text-align:center;
  margin:0;
}
#section-partner-cts .partner-list-cts-company p {
  font-size:1rem;
  font-weight:bold;
  text-align:center;
  margin:0 0 0.5em;
}
.partner-list-cts-company dl {
  margin:0;
}
.partner-list-cts-company dl dt,
.partner-list-cts-company dl dd {
  background:#E6E6E6;
  border:1px solid #E6E6E6;
  font-size:0.75rem;
  font-weight:normal;
  line-height:1.7;
  display:inline-block;
  overflow:hidden;
  margin:0 0.05em;
  padding:0 1em;
  border-radius:1px;
}
.partner-list-cts-company dl dd {
  background:#FFFFFF;
  border:1px solid #0D4EC6;
  color:#0D4EC6;
}
.partner-list-cts-name {
  padding:0 0 0.5em;
}
.partner-list-cts-data {
  background:#F3F5F9;
  margin:0 -0.8em -0.8em -0.8em;
}
.partner-list-cts-data ul {
  list-style:none;
  margin:0;
  padding:1em;
}
.partner-list-cts-data ul li {
  font-size:0.75rem;
  display:block;
  margin:0 0.3em 0.3em 0;
  padding:0;
  text-align:left;
}
.partner-list-cts-data ul li:last-child {
  margin-bottom:0;
}
.partner-course {
  background:url(images/partner/partner_cts01_bg.jpg) repeat-x center top;
  background-size:auto 100%;
}
.partner-course-box {
  border-bottom:1px solid #788ABA;
}
.partner-course-box:last-child {
  border-bottom:none;
}
#section-partner-cts .partner-course-box p {
  color:#FFFFFF;
  font-size:0.85rem;
  line-height:1.7;
  text-align:left;
}
#section-partner-cts .partner-course-box p span {
  font-size:0.8rem;
  line-height:1.6;
  display:block;
  margin-top:-1em;
}
#section-partner-cts .partner-course-box p:last-child {
  margin-bottom:0;
}
#section-partner-cts .partner-course-box .container {
  padding:3rem 0.9375rem 3em;
}
#section-partner-cts .partner-course-box p.partner-course-ttl {
  font-size:1.25rem;
  font-weight:bold;
  text-align:center;
  margin:0 0 1em;
}
#section-partner-cts .partner-course-box .col-lg-3 {
  margin-bottom:1.5em;
  padding:0;
}
#section-partner-cts .partner-course-box .col-lg-3 p {
  font-size:0.8rem;
  color:#FFFFFF;
  text-align:left;
  font-weight:normal;
}
#section-partner-cts .partner-course-box .col-lg-3 p.partner-course-subttl {
  background:#001A66;
  font-size:0.9rem;
  text-align:center;
  line-height:2.2;
  border-radius:2px;
}

#section-partner-cts .merit-box {
  margin-bottom: 1.5em;
  border: 2px solid #BFD5EC;
  border-bottom: 4px solid #BFD5EC;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #fff;
}
#section-partner-cts .merit-box h3 {
  border-bottom: 1px dotted #BFD5EC;
  margin: 0 0 0.65em;
  padding: 1.03em 0.8em;
  color: #0743C6;
  font-size: 1.05rem;
  line-height: 1.25;
  font-weight: bold;
  text-align:center;
}
#section-partner-cts .merit-box p {
  margin: 0;
  padding: 0.85em 2em 1.8em;
  font-size: 0.85rem;
  text-align: left;
  line-height: 1.7;
}
#section-partner-cts .merit-box p img {
  width:80px;
  height:80px;
  margin:0 0 0.5em 0.8em;
  float:right;
}

@media screen and (min-width: 768px) {

	.partner-mainimg-wrapper #mainimg {
		width: 1000px;
	}
	.partner-mainimg-wrapper #mainimg h2 {
		font-size: 2.3rem;
		margin-top: 2.8em;
	}
	.partner-mainimg-wrapper #mainimg p {
		text-align: center;
		font-size: 1rem;
	}
	#section-partner-top .container,
	#section-partner-cts .container {
		width: 1000px;
	}
	#section-partner-top .container,
	#section-partner-cts .container {
		padding-left:0;
		padding-right:0;
	}
	#section-partner-top .container p {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		font-size: 1rem;
	}
	#section-partner-top ul.tabs02 {
		width:99.99%;
		margin: 2em auto;
		border-bottom: 3px solid #0d4ec6;
		margin-bottom: 3em;
	}
	#section-partner-cts {
		margin:0;
	}
	#section-partner-cts .container.bdt {
		margin-top:2em;
	}
	#section-partner-cts .container.bn {
		padding-top:1em;
	}
	#section-partner-cts p.title-sub {
		text-align:center;
	}
	#section-partner-cts .col-lg-3 {
		margin-bottom: 0;
	}
	#section-partner-cts .col-lg-3 p {
		color: #001a66;
		font-size: 1rem;
		font-weight: bold;
		text-align: center;
		margin: 0 0 0.5rem;
	}
	#section-partner-cts .partner-program {
		margin-bottom: 0;
	}
	#section-partner-cts .partner-program p.partner-program-title {
		text-align: left;
	}
	#section-partner-cts .partner-admin-text img {
		float: right;
		margin: 0 1.5rem 1rem;
	}
	.table_data th {
		font-size: 0.95rem;
		vertical-align: top;
		text-align: left;
		padding: 0.75rem;
		width: 190px;
		float: none;
	}
	.table_data td {
		font-size: 0.95rem;
		padding: 0.75rem;
		float: none;
	}
	#section-partner-cts .table_data p {
		text-align: left;
	}
	.admin-data-cts {
		border: 14px solid #E0EAF6;
		margin-bottom: 2rem;
	}
	.partner-contact .partner-contact-form {
		margin: 0 185px 1.5rem;
	}
	.partner-contact .partner-contact-form a {
		font-size: 1.3rem;
	}
	.partner-contact-tel p {
		font-size: 1.3rem;
		line-height: 110%;
		margin-bottom:0;
	}
	.training-select {
		background:#F3F5F9;
		font-size:18px;
		margin:0 0 15px;
	}
	.training-menu li {
		width:48.5%;
		float:left;
	}
	.training-menu li:first-child {
		margin-right:3%;
		border:none;
	}
	.training-menu li span {
		border:none;
		border-radius:1px;
	}
	.training-menu li a {
		font-size:17px;
		padding:0.8em 0.7em 1.7em;
	}
	.training-cts {
		border-bottom:1px solid #CCCCCC;
		margin:0 0.9375rem 0;
		padding:60px 0 60px;
	}
	.training-cts:last-child {
		border-bottom:none;
		padding-bottom:0;
	}
	.training-cts-box {
		background:#F3F5F9;
		overflow:hidden;
	}
	.training-cts-box .training-select {
		width:13%;
		font-size:16px;
		float:left;
		padding:350px 0 0.8em;
		margin:0 0 1.5em;
	}
	.training-cts-box .training-select.select01 {
		background-position:center 300px;
	}
	.training-cts-box .training-select.select02 {
		background-position:center 300px;
	}
	.training-cts-box .training-cts-inner {
		width:87%;
		background-color:#FFFFFF;
		float:right;
		padding:0;
	}
	.training-cts-box .training-cts-inner-s {
		border-bottom:1px dotted #CCCCCC;
		margin:0 0 40px 30px;
		padding:0 0 40px 0;
	}
	.training-cts-box .training-cts-inner-s.technology {
		border-bottom:none;
		margin:0 0 0 30px;
		padding:0 0 0 0;
	}
	.training-cts-box .training-cts-inner span {
		margin:0 5px 0 0;
		display:inline-block;
	}
	.training-cts-box .training-cts-inner span.tg-s {
		line-height:2.2;
		padding:0 1.5em;
	}
	#section-partner-cts .training-cts-box p {
		font-size:14px;
		line-height:1.6;
		text-align:left;
	}
	#section-partner-cts .training-cts-box p.training-cts-ttl {
		font-size:24px;
		line-height:1.2;
		text-align:left;
		margin:0 0 20px;
		position:relative;
	}
	#section-partner-cts .training-cts-box #sales02 p.training-cts-ttl::after,
	#section-partner-cts .training-cts-box #technology02 p.training-cts-ttl::after {
		position:absolute;
		top:0;
		right:0;
		margin:-5px 0 0 0;
	}
	#section-partner-cts .training-cts-data {
		width:60%;
		float:left;
	}
	.training-cts-data dl {
		font-size:13px;
	}
	.training-cts-target,
	.training-cts-btn {
		width:37%;
		float:right;
	}
	.training-cts-target {
		margin:0 0 15px;
	}
	.training-cts-target dl dt {
		text-align:left;
	}
	.training-cts-btn a {
		font-size:16px;
		text-align:left;
		padding:15px 30px 15px 20px
	}
	#section-partner-cts .partner-portal p {
		font-size:14px;
		text-align:left;
	}
	#section-partner-cts .partner-portal p.partner-portal-topttl {
		font-size:18px;
	}
	#section-partner-cts .partner-portal p.partner-portal-box-ttl {
		font-size:15px;
		text-align:left;
		padding:0 0 0.5em;
	}
	.partner-portal {
		width:450px;
		margin:0 0 0 40px;
		float:right;
	}
	.partner-portal-point ul li {
		width:49.5%;
		margin:0 1% 1% 0;
		float:left;
	}
	.partner-portal-point ul li:nth-child(even) {
		margin-right:0;
	}
	.partner-portal-point ul li:last-child {
		margin-bottom:2%;
	}
	.partner-portal-box .training-cts-btn {
		width:70%;
		margin:0 15%;
		float:none;
	}
	.partner-contact .partner-contact-form a::after {
		top:2rem;
	}
	.partner-list {
		margin:0.5em 0 -2em;
		padding:0;
	}
	.partner-list-box {
		padding:4em 0 0 0;
	}
	#section-partner-cts .partner-list-box p {
		font-size:0.95rem;
		text-align:center;
	}
	#section-partner-cts .partner-list-box p.partner-list-ttl {
		font-size:28px;
		margin:0 0 0.5em;
	}
	.partner-list-cts-box {
		border-bottom:none;
		border-left:none;
		border-right:none;
		margin:0;
		padding:0;
	}
	.partner-list-cts-box:last-child {
		border-bottom:1px solid #CCCCCC;
	}
	.partner-list-cts-logo,
	.partner-list-cts-company,
	.partner-list-cts-name,
	.partner-list-cts-data {
		float:left;
	}
	.partner-list-cts-logo {
		width:20%;
	}
	.partner-list-cts-logo img {
		width:200px;
	}
	.partner-list-cts-company {
		width:80%;
		border-left:1px solid #CCCCCC;
		min-height:110px;
	}
	.partner-list-cts-name {
		width:35%;
		text-align:left;
		padding:25px 10px 18px 20px;
	}
	#section-partner-cts .partner-list-cts-name p {
		font-size:16px;
		text-align:left;
	}
	.partner-list-cts-data {
		width:65%;
		min-height:110px;
		margin:0;
	}
	.partner-list-cts-data02 {
		min-height:130px;
	}
	.partner-list-cts-data ul {
		overflow:hidden;
		padding:25px 10px 18px 20px;
	}
	.partner-list-cts-data ul li {
		margin:0 1.2em 0.4em 0;
		float:left;
	}
	.partner-list-cts-data ul li:first-child {
		width:98%;
	}
	.partner-list-cts-data ul li:last-child {
		margin-right:0;
	}
	#section-partner-cts .partner-course-box p {
		font-size:16px;
		line-height:1.8;
		text-align:center;
	}
	#section-partner-cts .partner-course-box p span {
		font-size:13px;
	}
	#section-partner-cts .partner-course-box .container {
		padding:5rem 0 5em;
	}
	#section-partner-cts .partner-course-box p.partner-course-ttl {
		font-size:30px;
		margin:0 0 0.5em;
	}
	#section-partner-cts .partner-course-box .col-lg-3 {
		margin-bottom:0;
		padding:0 0.5em;
	}
	#section-partner-cts .partner-course-box .col-lg-3 p.partner-course-subttl {
		font-size:15px;
		line-height:2.5;
	}
	#section-partner-cts .col-lg-6 {
		padding:0 0.5em;
	}
	#section-partner-cts .merit-box {
		min-height:240px;
		margin-bottom:1em;
	}
	#section-partner-cts .merit-box h3 {
		font-size: 18px;
	}
	#section-partner-cts .merit-box p {
	font-size: 0.85rem;
	line-height: 1.8;
	}
	#section-partner-cts .merit-box p img {
	width:100px;
	height:100px;
	margin:0 0 0.5em 1.5em;
	float:right;
	}

}

/*--------------------------------------------------------------
## helpdesk / 導入後サポート
--------------------------------------------------------------*/

.helpdesk-mainimg-wrapper {
  background: url(images/helpdesk/bg_helpdesk.jpg) no-repeat center center;
  background-size: 1600px auto;
  height: 367px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.helpdesk-mainimg-wrapper #mainimg {
  margin: 0 auto;
  text-align: center;
}
.helpdesk-mainimg-wrapper #mainimg h2 {
  font-size: 1.7rem;
  line-height: 100%;
  margin: 80px 0.5rem 5px;
}
.helpdesk-mainimg-wrapper #mainimg h3 {
  color: #0d4ec6;
  font-size: 1rem;
  margin-bottom: 1.5em;
}
.helpdesk-mainimg-wrapper #mainimg p {
  font-size:0.9rem;
  text-align: left;
  margin: 0 1rem;
}
.helpdesk-mainimg-wrapper #mainimg p.free::after {
  padding: 0.3em 0 0;
  position: relative;
  right: auto;
  top: auto;
  content: "《参加無料》";
  color: #ff0000;
  font-size: 16px;
  font-size: 1.0rem;
  width: auto;
  height: auto;
  background: none;
  display:block;
  text-align:center;
}
#section-helpdesk-top {
  background-color: #0D4EC6;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
}
#section-helpdesk-top .helpdesk-training {
  background: url(images/helpdesk/training_icon.jpg) no-repeat center top;
  padding-top: 90px;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-text {
  margin: 0 0 1rem;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-text p {
  font-size: 0.9rem;
}
#section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5rem;
}
#section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title span {
  background-color: #fff;
  font-size: 0.9rem;
  color: #001966;
  margin: 0;
  padding: 0.5rem 0.8rem;
  display: inline-block;
  overflow: hidden;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title .br-sp {
  display: block;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-btn {
  margin: 0 1rem 1rem;
  position: relative;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-btn a {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  padding: 10px 25px 10px 20px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 140%;
  color: #001966;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  display: block;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-btn a:hover {
  background-color: #CFDCF4;
  text-decoration: none;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-btn a::after {
  content: url(images/btn-r-arrow-b.png);
  position: absolute;
  top: 1.3rem;
  right: 1rem;
}
#section-helpdesk-top .helpdesk-training .helpdesk-training-btn .br-sp {
  display: block;
}
#section-helpdesk-cts {
  padding: 3rem 0 0 0;
}
#section-helpdesk-cts .training-lineup {
  overflow:hidden;
}
#section-helpdesk-cts .training-lineup p.training-ttl {
  text-align:center;
  font-size:1rem;
  font-weight:bold;
}
#section-helpdesk-cts .training-lineup .training-course {
  width:100%;
  margin:0 0 0.75em 0;
}
#section-helpdesk-cts .training-lineup .training-course a {
  color:#333333;
  text-decoration:none;
  display:block;
  overflow:hidden;
  padding:0 0 20px 0;
  border-radius:0.3em;
  position:relative;
}
#section-helpdesk-cts .training-lineup .training-course.course01 a {
	border:2px solid #0A46CA;
}
#section-helpdesk-cts .training-lineup .training-course.course01 a:hover {
  background:#E7EEFE;
}
#section-helpdesk-cts .training-lineup .training-course.course01 a::before {
  content:"";
  position:absolute;
  bottom:13px;
  left:50%;
  width:12px;
  height:12px;
  margin-left:-6px;
  border-left:2px solid #0A46CA;
  border-bottom:2px solid #0A46CA;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section-helpdesk-cts .training-lineup .training-course.course02 a {
	border:2px solid #169ED1;
}
#section-helpdesk-cts .training-lineup .training-course.course02 a:hover {
  background:#E9F8FE;
}
#section-helpdesk-cts .training-lineup .training-course.course02 a::before {
  content:"";
  position:absolute;
  bottom:13px;
  left:50%;
  width:12px;
  height:12px;
  margin-left:-6px;
  border-left:2px solid #169ED1;
  border-bottom:2px solid #169ED1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section-helpdesk-cts .training-lineup .training-course.course03 a {
  border:2px solid #FD7302;
}
#section-helpdesk-cts .training-lineup .training-course.course03 a:hover {
  background:#FFF4EC;
}
#section-helpdesk-cts .training-lineup .training-course.course03 a::before {
  content:"";
  position:absolute;
  bottom:13px;
  left:50%;
  width:12px;
  height:12px;
  margin-left:-6px;
  border-left:2px solid #FD7302;
  border-bottom:2px solid #FD7302;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
#section-helpdesk-cts .training-lineup .training-course a span {
  padding:0.65em;
  font-size:0.8rem;
  text-align:center;
  display:block;
}
#section-helpdesk-cts .training-lineup .training-course a .training-course-ttl {
  font-size:1rem;
  font-weight:bold;
  padding:0.5em;
}
#section-helpdesk-cts .training-lineup .training-course.course01 a .training-course-ttl {
  color:#0A46CA;
  border-bottom:1px dotted #0A46CA;
}
#section-helpdesk-cts .training-lineup .training-course.course02 a .training-course-ttl {
  color:#169ED1;
  border-bottom:1px dotted #169ED1;
}
#section-helpdesk-cts .training-lineup .training-course.course03 a .training-course-ttl {
  color:#FD7302;
  border-bottom:1px dotted #FD7302;
}
#section-helpdesk-cts p.title-sub {
  font-size: 0.95rem;
  margin-top: -1rem;
  margin-bottom: 2rem;
}
#section-helpdesk-cts p.title-sub span {
  font-size: 0.8rem;
  text-align: left;
  margin-top: 0.75rem;
  display: block;
}
#section-helpdesk-cts .helpdesk-point {
  margin: 0 0 1.5rem;
  padding: 0;
}
#section-helpdesk-cts .helpdesk-point li {
  background-color: #eee;
  border: 1px solid #ddd;
  font-size: 0.95rem;
  font-weight: bold;
  margin: 0 0 0.6rem;
  padding: 0.6rem 0.6rem 0.4rem;
  list-style: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#section-helpdesk-cts .helpdesk-point li::before {
  content: url(images/helpdesk/helpdesk_check_icon.jpg);
  vertical-align: top;
  margin: 0 0.3rem 0 0;
}
#section-helpdesk-cts .helpdesk-contact-category {
  background-color: #eee;
  border: 10px solid #eee;
  border-bottom: none;
  overflow: hidden;
}
#section-helpdesk-cts .helpdesk-contact-category-cts {
  background-color: #fff;
  margin-bottom: 0.7rem;
  padding: 1rem;
  text-align: center;
}
#section-helpdesk-cts .helpdesk-contact-category-title {
  font-size: 0.95rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}
#section-helpdesk-cts .helpdesk-contact-category-logo {
  margin-bottom: 1.3rem;
}
#section-helpdesk-cts .helpdesk-contact-category-logo img {
  display: block;
  margin: 0 auto;
}
#section-helpdesk-cts .helpdesk-contact-category-logo span {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.5rem;
}
#section-helpdesk-cts .helpdesk-contact-category-btn {
  margin-bottom: 0.5rem;
  position: relative;
}
#section-helpdesk-cts .helpdesk-contact-category-btn a {
  width: 100%;
  background-color: #0F276F;
  margin: 0 auto;
  padding: 10px 15px 10px 15px;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 140%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  display: block;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
}
#section-helpdesk-cts .helpdesk-contact-category-btn a:hover {
  background-color: #0D4EC6;
  text-decoration: none;
}
#section-helpdesk-cts .helpdesk-contact-category-btn a::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: 0.7rem;
}
#section-helpdesk-cts .helpdesk-contact-category-btn #login_btn {
  width: 100%;
  background-color: #0F276F;
  margin: 0 auto;
  padding: 10px 15px 10px 15px;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 140%;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  display: block;
  box-shadow: none;
  border: none;
  text-shadow: none;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
}
#section-helpdesk-cts .helpdesk-contact-category-btn #login_btn:hover {
  background-color: #0D4EC6;
  text-decoration: none;
}
#section-helpdesk-cts .helpdesk-contact-category-btn #login_btn::after {
  content: "";
  position: absolute;
  top: 0.6rem;
  right: 0.7rem;
}
#section-helpdesk-cts .helpdesk-contact-form {
  width: 100%;
  margin: 0 0 0.7rem;
}
#section-helpdesk-cts .helpdesk-contact-form a {
  background: url(images/helpdesk/helpdesk_contact_btn.jpg) no-repeat 0 0/280px auto;
  width: 280px;
  height: 133px;
  margin: 0 auto;
  padding: 0 40px 0 20px;
  overflow: hidden;
  display: block;
  text-decoration: none;
}
#section-helpdesk-cts .helpdesk-contact-form a:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
#section-helpdesk-cts .helpdesk-contact-form a img {
  display: block;
  margin: 35px auto 0;
}
#section-helpdesk-cts .helpdesk-contact-form a:hover img {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
#section-helpdesk-cts .helpdesk-contact-form.okbizfaq a img {
  margin-top: 25px;
}
#section-helpdesk-cts .helpdesk-contact-form a span {
  display: block;
  font-size: 0.75rem;
  color: #333;
  margin-top: 0.5rem;
  text-align: center;
}
#free-training #section-helpdesk-top .helpdesk-training {
  background: none;
  padding: 0;
  text-align: center;
}
#free-training #section-helpdesk-top .helpdesk-training-text-title span {
  background-color: #0D4EC6;
  border-radius: 0;
  color: #F20700;
  display: inline;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
}
#free-training #section-helpdesk-top .training-voice-text {
  background: url(images/helpdesk/training_voice.png) no-repeat left top/50px auto;
  margin:0 0 1em;
  padding: 0 0 0 55px;
  min-height:46px;
}
#free-training #section-helpdesk-top .training-voice-text p {
  text-align: left;
  font-size: 0.9rem;
  margin:0;
}
#free-training #section-helpdesk-cts .training-cts {
  background-color: #fff;
  border: 10px solid #eee;
  margin: 0 0 1.5rem;
  padding: 0.7rem;
}
#free-training #section-helpdesk-cts .training-cts-data {
  background-color: #0A46CA;
  position: relative;
}
#free-training #section-helpdesk-cts .training-cts-data.course02 {
  background-color: #15A2D7;
}
#free-training #section-helpdesk-cts .training-cts-data.course03 {
  background-color: #FD7302;
}
#free-training #section-helpdesk-cts .training-cts-data-title {
  text-align: center;
  padding: 1rem 0 17px;
}
#free-training #section-helpdesk-cts .training-cts-data-title p {
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
}
#free-training #section-helpdesk-cts .training-cts-data-title p.training-step {
  background-color: #ffe111;
  font-size: 0.9rem;
  color: #0B46C8;
  margin-bottom: 0.5rem;
  padding: 0.1rem 0.5rem;
  display: inline-block;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-title p.training-step {
  color: #164B6B;
}
#free-training #section-helpdesk-cts .training-cts-data-title p .br-sp {
  display: none;
}
#free-training #section-helpdesk-cts .training-cts-data-text {
  background-color: #fff;
  border-bottom: 1px dotted #aaa;
  margin: 0 0 1rem;
  padding: 0 0.7rem 1rem;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text {
  border-bottom: none;
  margin: 0;
  padding: 0;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text-box {
  border-bottom: 1px dotted #aaa;
  margin: 0 0 1rem;
  padding: 0 0 1rem;
  overflow:hidden;
}
#free-training #section-helpdesk-cts .training-cts-data-text::before,
#free-training #section-helpdesk-cts .course02 .training-cts-data-text::before {
  content: "";
  width: 0;
  height: 0;
  border: 15px solid transparent;
  display: block;
  margin: 0px auto 0.2rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text::before {
  border-top: 15px solid #0A46CA;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text::before {
  border-top: 15px solid #15A2D7;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text::before {
  border-top: 15px solid #FD7302;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text p {
	font-size:0.9rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-cate {
  color:#0a46ca;
  border:1px solid #0a46ca;
  font-size:0.9rem;
  text-align:center;
  padding:3px 0.5em;
  margin:0 0 1em;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-new {
  background-color:#0a46ca;
  color:#ffe111;
  font-size:0.9rem;
  font-weight:bold;
  margin:-0.5em 30% 1em;
  padding:3px 0;
  text-align:center;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-top {
  font-weight: bold;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-top {
  font-size:1rem;
  text-align:center;
  margin-bottom:0.5em;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-top span {
  font-size:0.8rem;
  display:block;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text02 {
  border-top:2px solid #fd7302;
  padding:0.6em 0 0 0;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box {
  overflow:hidden;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box + .training-cts-data-text-02box {
  margin-top:0.8em;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box p {
  margin-bottom:0.5em;
  text-align:center;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-title {
  border-bottom: 2px solid #0945C7;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.75rem;
  padding: 0 0 0.5rem;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text .training-cts-data-text-title {
  border-bottom: 2px solid #15A2D7;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-title {
  border-bottom:none;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.6rem;
  padding: 0;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-list,
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-date,
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target {
  margin: 0 0 1.5rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-list ul {
  margin: 0;
  padding: 0 0 0 1rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-list ul li {
  color: #0945C7;
  font-size: 0.9rem;
  margin: 0 0 0.2rem;
  padding: 0;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text .training-cts-data-text-list ul li {
  color: #15A2D7;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-list ul li span {
  color: #333;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-date-cts p {
  text-align: center;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-date-cate {
  background-color: #ddd;
  font-size: 0.8rem;
  margin: 0 0 0.5rem;
  padding: 0.8rem 1rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target {
  background-color: #E2EDFE;
  padding: 0 1rem 1rem;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text .training-cts-data-text-target {
  background-color: #E9F8FE;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target .training-cts-data-text-title {
  border-bottom: none;
  color: #0945C7;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0.3rem;
  padding: 0 0 0.5rem;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text .training-cts-data-text-target .training-cts-data-text-title {
  color: #1E6793;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target .training-cts-data-text-title::before {
  content: url(images/helpdesk/training_target_icon.png);
  position: relative;
  top: 8px;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text .training-cts-data-text-target .training-cts-data-text-title::before {
  content: url(images/helpdesk/training_target_icon02.png);
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target ul {
  margin: 0;
  padding: 0 0 0 1rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target ul li {
  color: #0945C7;
  font-size: 0.9rem;
  margin: 0 0 0.2rem;
  padding: 0;
}
#free-training #section-helpdesk-cts .course02 .training-cts-data-text .training-cts-data-text-target ul li {
  color: #1E6793;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-btn {
  position: relative;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-btn a {
  width: 100%;
  background-color: #F40900;
  margin: 0 auto;
  padding: 15px 35px 15px 30px;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  display: block;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-btn a {
  padding: 12px 25px 12px 15px;
  font-size: 0.95rem;
  line-height:1.4;
  border-radius: 2.2rem;
  -webkit-border-radius: 2.2rem;
  -moz-border-radius: 2.2rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-btn a:hover {
  background-color: #DD0500;
  color: #fff;
  text-decoration: none;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-btn a::after {
  content: url(images/btn-r-arrow.png);
  position: absolute;
  top: 2.3rem;
  right: 1rem;
}
#free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-btn a::after {
  top: 0.7rem;
  right: 0.7rem;
}
#free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-btn a span {
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
  margin: 0.2rem;
}
#free-training #section-helpdesk-cts .training-present {
  background-color: #eee;
  padding: 0;
}
#free-training #section-helpdesk-cts .training-present-top {
  font-size: 1.2rem;
  line-height: 130%;
  font-weight: bold;
  text-align: center;
  margin: 0.5rem 0 1rem;
}
#free-training #section-helpdesk-cts .training-present-top span {
  font-size: 1.4rem;
  line-height: 130%;
  color: #F30A00;
  display: block;
}
#free-training #section-helpdesk-cts .training-present-left,
#free-training #section-helpdesk-cts .training-present-right {
  background-color: #fff;
  border: 3px solid #F40A00;
  text-align: center;
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
#free-training #section-helpdesk-cts .training-present-left {
  margin: 0 0 1rem;
}
#free-training #section-helpdesk-cts .training-present-ctstop {
  background-color: #F40A00;
  line-height: 150%;
  font-size: 0.9rem;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 0 0.8rem;
}
#free-training #section-helpdesk-cts .training-present-subtitle {
  background-color: #E9E9E9;
  font-size: 0.75rem;
  line-height: 180%;
  display: inline-block;
  margin: 0 0 0.5rem;
  padding: 0 1rem;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
#free-training #section-helpdesk-cts .training-present-title {
  font-size: 1.1rem;
  margin: 0 0 1rem;
  position: relative;
  z-index: 10;
}
#free-training #section-helpdesk-cts .training-present-img01 {
  background: url(images/helpdesk/icon_training_present01.png) no-repeat;
  width: 76px;
  height: 90px;
  display: block;
  overflow: hidden;
  right: -10px;
  bottom: 20px;
  position: absolute;
  z-index: 1;
}
#section-helpdesk-cts .training-lineup p.training-ttl-sub {
  background:#EEEEEE;
  font-size:0.9rem;
  text-align:center;
  margin:0 0 1em; 
  padding:0.5em 1em;
  display:block;
  clear:both;
  border-radius:2px;
}
#section-helpdesk-cts .training-lineup .training-course.course03 {
  margin-bottom:2em;
}

@media screen and (min-width: 1000px) {

  .helpdesk-mainimg-wrapper #mainimg h2 {
    font-size: 2.3rem;
    margin-top: 2.8em;
  }
  .helpdesk-mainimg-wrapper #mainimg p {
    text-align: center;
    font-size: 1rem;
  }
  .helpdesk-mainimg-wrapper #mainimg p.free {
    width:1000px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
    position:relative;
  }
  .helpdesk-mainimg-wrapper #mainimg p.free::after {
	position: absolute;
	right:120px;
	top:-120px;
	content: "";
	display: block;
	width: 100px;
	height: 100%;
	background: url(images/event/icon_entry_free.png) no-repeat 0 50%;
  }
  #section-helpdesk-cts {
    margin-bottom: 2rem;
  }
  #section-helpdesk-top .container,
  #section-helpdesk-cts .container {
    width: 1000px;
	max-width:1000px;
    margin: 0 auto;
  }
  #section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title .br-sp {
    display: none;
  }
	#section-helpdesk-top .helpdesk-training {
    background: url(images/helpdesk/training_icon.jpg) no-repeat left top;
    padding: 0 0 0 130px;
    overflow: hidden;
  }
  #section-helpdesk-top .helpdesk-training-text {
    float: left;
  }
  #section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title {
    font-size: 1.6rem;
    text-align: left;
  }
  #section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title span {
    line-height: 30px;
    margin: 0 0.5rem 0 0;
    padding: 0 0.6rem;
    vertical-align: text-top;
  }
  #section-helpdesk-top .helpdesk-training .helpdesk-training-btn {
    width: 340px;
    float: right;
    margin: 0 0 0 30px;
  }
  #section-helpdesk-top .helpdesk-training .helpdesk-training-btn a {
    width: 100%;
    background-color: #fff;
    margin: 0;
    padding: 0 25px 0 20px;
    line-height: 55px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #001966;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
    display: block;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;
    -moz-border-radius: 3rem;
  }
  #section-helpdesk-top .helpdesk-training .helpdesk-training-btn a::after {
    top: 0;
  }

  #section-helpdesk-top .helpdesk-training .helpdesk-training-btn .br-sp {
    display: none;
  }
  #section-helpdesk-cts .training-lineup {
	margin:0 0 2.5em;
  }
  #section-helpdesk-cts .training-lineup p.training-ttl {
	font-size:1.1rem;
	margin:0 0 1em;
  }
  #section-helpdesk-cts .training-lineup .training-course {
    width:49%;
    margin:0 2% 20px 0;
	float:left;
  }
  #section-helpdesk-cts .training-lineup .training-course.course02 {
    margin:0 0 0 0;
  }
  #section-helpdesk-cts .training-lineup .training-course a span {
    padding:0.5em;
    font-size:0.9rem;
  }
  #section-helpdesk-cts .training-lineup .training-course a .training-course-ttl {
	padding:0.65em;
  }
  #section-helpdesk-cts p.title-sub {
    text-align: center;
  }
  #section-helpdesk-cts p.title-sub span {
    text-align: center;
  }
  #section-helpdesk-cts .helpdesk-point {
    float: left;
    left: 50%;
    position: relative;
    margin-bottom: 2.5rem;
  }
  #section-helpdesk-cts .helpdesk-point li {
    float: left;
    margin: 0 0.3rem;
    padding-right: 1rem;
    position: relative;
    left: -50%;
  }
  #section-helpdesk-cts .helpdesk-contact-category {
    clear: both;
  }
  #section-helpdesk-cts .helpdesk-contact-category-cts {
    float: left;
    width: 32.6%;
    margin-right: 1%;
  }
  #section-helpdesk-cts .helpdesk-contact-category-cts:last-child {
    margin-right: 0;
  }
  #section-helpdesk-cts .helpdesk-contact-category-cts .helpdesk-contact-category-data {
    height: 145px;
  }
  #section-helpdesk-cts .helpdesk-contact-category-btn a,
  #section-helpdesk-cts .helpdesk-contact-category-btn #login_btn {
    text-align: left;
  }
	#section-helpdesk-cts .helpdesk-contact-form {
    margin: 0 auto 2rem;
  }
  #section-helpdesk-cts .helpdesk-contact-form a {
    background: url(images/helpdesk/helpdesk_contact_btn.jpg) no-repeat 0 0/310px auto;
    width: 310px;
    height: 147px;
    padding: 0 40px 0 20px;
  }
  #section-helpdesk-cts .helpdesk-contact-form a img {
    margin-top: 40px;
  }
  #section-helpdesk-cts .helpdesk-contact-form.okbizfaq a img {
    margin-top: 30px;
  }
  #free-training #section-helpdesk-top .helpdesk-training-text {
    float: none;
  }
  #free-training #section-helpdesk-top .helpdesk-training p.helpdesk-training-text-title {
    text-align: center;
    margin-bottom: 1rem;
  }
  #free-training #section-helpdesk-top .helpdesk-training-text-title span {
    font-size: 1.6rem;
  }
  #free-training #section-helpdesk-top .training-voice-text {
    background: url(images/helpdesk/training_voice.png) no-repeat left top/60px auto;
    padding: 0 0 0 70px;
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  #free-training #section-helpdesk-top .training-voice-text:last-child {
    margin-right: 0;
  }
  #free-training #section-helpdesk-cts .training-cts {
    border: 15px solid #eee;
    padding: 25px;
	overflow: hidden;
  }
  #free-training #section-helpdesk-cts #course02-01 .training-cts-data.course02 {
    z-index: 103;
  }
  #free-training #section-helpdesk-cts #course02-02 .training-cts-data.course02 {
    z-index: 102;
  }
  #free-training #section-helpdesk-cts #course02-03 .training-cts-data.course02 {
    z-index: 101;
  }
  #free-training #section-helpdesk-cts .training-cts-data.step01::after,
  #free-training #section-helpdesk-cts .training-cts-data.course02::after {
    position: absolute;
    display: block;
    left: 0;
    bottom: -45px;
  }
  #free-training #section-helpdesk-cts .training-cts-data.course02::after {
    content: url(images/helpdesk/training_arrow04.png);
  }
  #free-training #section-helpdesk-cts #course02-03 .training-cts-data.course02::after {
    content:"";
  }
  #free-training #section-helpdesk-cts .training-cts-data .training-cts-data-container {
    overflow: hidden;
  }
  #free-training #section-helpdesk-cts .training-cts-data-title {
    width: 150px;
    float: left;
    padding: 200px 0 0 0;
  }
  #free-training #section-helpdesk-cts .training-cts-data-title.pad-t0 {
	padding-top:150px!important;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-title {
	padding-top:250px;
  }
  #free-training #section-helpdesk-cts .training-cts-data-title p span {
    display: block;
    font-size: 0.9rem;
  }
  #free-training #section-helpdesk-cts .training-cts-data-title p .br-sp {
    display: block;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text::before,
  #free-training #section-helpdesk-cts .course02 .training-cts-data-text::before,
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text::before {
    content: "";
    border: none;
    width: auto;
    display: block;
    margin: 0;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text,
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text {
    width: 770px;
    margin: 0;
    padding: 2rem 0 0 2rem;
    float: left;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-top {
    font-size: 1.3rem;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-cate {
	font-size:0.95rem;
	text-align:left;
	padding:3px 0.5em;
	margin:0 0 1em;
	float:left;
  }
  #free-training #section-helpdesk-cts .course01 .training-cts-data-text .training-cts-data-text-top {
    margin-top: -2rem;
	clear:both;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-top {
	font-size:1.1rem;
	text-align:left;
	margin:10px 0;
	padding:0;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-top span {
	font-size:1rem;
	margin:0;
	display:inline-block;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-top + p {
	font-size:0.85rem;
	margin:-7px 0 10px;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text01 {
    width: 55%;
    float: left;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text01 {
    width: 100%;
	float:none;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text02 {
    width: 42%;
    float: right;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text02 {
    width: 100%;
	padding:10px 0 0 0;
	float:none;
	overflow:hidden;
	position:relative;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text-box {
	margin-bottom:1.5em;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-title {
    text-align: left;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-title {
	text-align:left;
	margin:0 0 -6px 0;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box {
	width:49.5%;
	float:left;
	margin-right:1%;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box + .training-cts-data-text-02box {
	margin:0;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box p {
	margin:13px 0 0 0;
	float:left;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text-02box .line2 {
	margin:8px 0 0 0;
	line-height:1.2;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-list ul li {
    font-size: 0.8rem;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-date-cts p {
    font-size: 0.8rem;
    text-align: left;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-date p.training-cts-data-text-date-cate {
    font-size: 0.7rem;
    text-align: center;
    margin: 0 0.7rem 0 0;
    float: left;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target {
    padding: 0.8rem;
    position: relative;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target .training-cts-data-text-title {
    text-align: left;
    margin: 0 0 0.7rem 0;
    padding: 0 0 0 25px;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target .training-cts-data-text-title::before {
    position: absolute;
    left: 10px;
    top: -5px;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-text-target ul li {
    font-size: 0.8rem;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-btn {
	float:right;
	margin:0 10px 0 0;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-btn a {
	padding:12px 27px 12px 23px;
  }
  #free-training #section-helpdesk-cts .course03 .training-cts-data-text .training-cts-data-text-btn a::after {
    right: 0.7rem;
    top: 0.7rem;
  }
  #free-training #section-helpdesk-cts .training-present {
    padding: 5px;
    overflow: hidden;
  }
  #free-training #section-helpdesk-cts .training-present-top {
    font-size: 1.3rem;
  }
  #free-training #section-helpdesk-cts .training-present-top span {
    font-size: 1.5rem;
    display: inline;
  }
  #free-training #section-helpdesk-cts .training-present-left,
  #free-training #section-helpdesk-cts .training-present-right {
    background-color: #fff;
    border: 3px solid #F40A00;
    width: 49%;
    margin: 0;
    text-align: center;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
	#free-training #section-helpdesk-cts .training-present-left {
    float: left;
  }
  #free-training #section-helpdesk-cts .training-present-right {
    float: right;
  }
  #free-training #section-helpdesk-cts .training-present-img01 {
    right: 10px;
    bottom: 10px;
  }
  #free-training #section-helpdesk-cts .course01 .training-cts-data-title .training-cts-data-title_inner {
	position:absolute;
	top:43%;
	width:150px;
	padding:0;
  }
  #free-training #section-helpdesk-cts .training-cts-data-text .training-cts-data-new {
    float:left;
    font-size:0.9rem;
    margin:-2em 0 0 10px;
    padding:3px 15px;
    text-align:left;
  }
  #section-helpdesk-cts .training-lineup .training-course.course03 {
    float: none;
    margin: 0;
    width: 100%;
}
}

/*--------------------------------------------------------------
## mailmagazine / メールマガジン登録
--------------------------------------------------------------*/

.mailmagazine-mainimg-wrapper {
  background: url(images/mailmagazine/bg_mailmagazine.jpg) no-repeat center center;
  background-size: 1600px auto;
  height: 367px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.mailmagazine-mainimg-wrapper #mainimg {
  margin: 0 auto;
  text-align: center;
}
.mailmagazine-mainimg-wrapper #mainimg h2 {
  font-size: 1.7rem;
  line-height: 100%;
  margin: 80px 0.5rem 5px;
}
.mailmagazine-mainimg-wrapper #mainimg h3 {
  color: #0d4ec6;
  font-size: 1rem;
  margin-bottom: 1.5em;
}
.mailmagazine-mainimg-wrapper #mainimg p {
  text-align: left;
  margin: 0 1rem;
}
#section-mailmagazine-top {
  text-align: center;
}
#section-mailmagazine-top .container {
  padding:1.5em 0 0 0;
}
#section-mailmagazine-top .container p {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  text-align: left;
}
#section-mailmagazine-top .container p strong {
  border:2px solid #0d4ec6;
  display:inline-block;
  font-size:1.1rem;
  color:#0d4ec6;
  padding:10px 30px;
  border-radius:0.5rem;
}
#section-mailmagazine-cts {
  margin: 2rem 0 1rem;
}
#section-mailmagazine-cts .container {
  border-top: 1px dotted #aaa;
  padding-top: 3rem;
}
#section-mailmagazine-cts p {
  text-align: center;
}
#section-mailmagazine-cts h2.title03 {
	margin: 0 0 0.8em;
}
#section-mailmagazine-cts .container img {
	border:1px solid #DDDDDD;
	display:block;
	margin:0 auto;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form {
	margin:1em;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form a {
	background-color:#FFAE08;
}
#section-mailmagazine-cts .admin-contact {
  margin:2rem 1em 3rem;
  clear: both;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form {
  margin: 0 0 1rem;
  position: relative;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form a {
  width: 100%;
  background-color: #F40900;
  margin: 0 auto;
  padding: 15px 35px 15px 30px;
  font-size: 0.95rem;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  display: block;
  border-radius: 3rem;
  -webkit-border-radius: 3rem;
  -moz-border-radius: 3rem;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form a:hover {
  background-color: #DD0500;
  color: #FFFFFF;
  text-decoration: none;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form a::after {
  content: url(images/btn-r-arrow.png);
  position: absolute;
  top: 1.85rem;
  right: 1.4rem;
}
#section-mailmagazine-cts .admin-contact .admin-contact-form a span {
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
  margin: 0.2rem;
}

@media screen and (min-width: 1000px) {

	.mailmagazine-mainimg-wrapper #mainimg {
		width: 1000px;
	}
	.mailmagazine-mainimg-wrapper #mainimg h2 {
		font-size: 2.3rem;
		margin-top: 2.8em;
	}
	.mailmagazine-mainimg-wrapper #mainimg p {
		text-align: center;
		font-size: 1rem;
	}
	#section-mailmagazine-top .container,
	#section-mailmagazine-cts .container {
		width: 1000px;
	}
	#section-mailmagazine-top .container {
		padding-left: 0.9375rem;
		padding-right: 0.9375rem;
	}
	#section-mailmagazine-top .container p {
		padding-left: 0;
		padding-right: 0;
		text-align: center;
		font-size: 1rem;
	}
	#section-mailmagazine-cts .admin-contact .admin-contact-form {
		margin:0 185px 1.5rem;
	}
	#section-mailmagazine-cts .admin-contact .admin-contact-form a {
		font-size: 1.3rem;
	}
	#section-mailmagazine-cts .admin-contact .admin-contact-form a::after {
		top:inherit;
		line-height:36px;
	}
}

/*--------------------------------------------------------------
## section-slider
--------------------------------------------------------------*/

#section-slider {
  width: 100%;
  margin: 0 auto;
	padding-top: 4.8em;
	padding-bottom: 4.8em;
}
#section-slider h2.title03 {
  color: #333;
  padding: 0 0 .3em 0;
  margin: 0;
}
#section-slider h2.title03::after {
  content: none;
}
#section-slider .text {
  text-align: center;
  padding-top: 0;
  margin-top: 0;
  font-size: 14px;
  font-size: 0.9rem;
}
#section-slider .slider-box {
  border: 1px #f3f3f3 solid;
  border-radius: .1875em;
  height: 16.6em;
  overflow: hidden;
  position: relative;
  width: 100%;
}
#section-slider .slider-box p img {
  margin-bottom: -1.3em;
}
#section-slider .slider-box .orenge-bk,
#section-slider .slider-box .navy-bk {
  border-radius: .1875em;
  color: #fff;
  font-size: 12px;
  font-size: .75rem;
  padding: .1em .6em;
  margin-left: 0.7em;
  display: inline;
}
#section-slider .slider-box .orenge-bk {
  background-color: #ff8000;
}
#section-slider .slider-box .navy-bk {
  background-color: #0c338b;
}
#section-slider .slider-box h3 {
  font-size: 14px;
  font-size: .9rem;
  font-weight: bold;
  padding: 0 .5em;
}
#section-slider .slider-box .text {
  font-size: 12px;
  font-size: .75rem;
  padding: .2em .7em .5em;
  text-align: left;
}
#section-slider .slider-box .detail {
  font-size: 12px;
  font-size: .75rem;
  background-color: #f3f3f3;
  text-align: center;
  padding: .5em 0;
  position: absolute;
  top: 19.5em;
  left: 0;
  right: 0;
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {

  #section-slider {
		width: 1000px;
	}

}

/*--------------------------------------------------------------
## Language
--------------------------------------------------------------*/

#Language .about-contents {
    max-width: 1000px;
    font-size: 14px;
    font-size: .9rem;
    line-height: 1.6;
    margin: 4.0em auto 2.0em;
    padding: 0 0.8em;
    overflow: hidden;
}
#Language .about-contents .about-title {
  background: url(images/about/okwave_about_info_line.jpg) no-repeat center bottom;
  margin: 0 0 1.0rem;
  padding: 1.0rem 0 1.875rem;
}
#Language .about-contents .about-title h1,
#Language .about-contents .about-title h2 {
  width: auto;
	margin: 0;
	padding: 0;
  color: #400000;
  font-size: 29px;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: left;
}
#Language .about-company-contents,
#Language .about-media-contents {
  padding: 0 0 2.0rem;
}
#Language .about-company-contents dl {
  width: 100%;
  border-bottom: solid 1px #eee;
  margin: 0;
  padding: 1.0rem 0;
}
#Language .about-company-contents dl:after {
  content: " ";
  display: block;
  clear: both;
}
#Language .about-company-contents dl dt {
  width: 25%;
  float: left;
  font-weight: bold;
  border-left: solid #f80808 4px;
  padding-left: 0.6rem;
}
#Language .about-company-contents dl dd {
  width: 75%;
  float: left;
  margin: 0;
}
#Language .about-contents a.blank::after {
	content: url("images/icon_link_gray.png");
	position: relative;
	top: 0.15em;
	left: 0.5em;
}

@media screen and (max-width: 768px) {
	#Language .about-contents {
			padding-top: 2.5em;
			margin-top:1em;
	}
	#Language .about-contents .about-title {
		padding-bottom: 1.2rem;
	}
	#Language .about-contents .about-title h1,
	#Language .about-contents .about-title h2 {
		font-size: 21px;
		font-size: 1.4rem;
	}
	#Language .about-contents .about-title:after {
		content: " ";
		display: block;
		clear: both;
	}
  #Language .about-company-contents dl dt,
  #Language .about-company-contents dl dd {
    width: 100%;
    float: none;
	}
  #Language .about-company-contents dl dt {
    margin-bottom: 0.625rem;
	}
  #Language .about-company-contents dl dd {
		padding-left: 1.0em;
	}

}

/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/

section.error-404 {
	margin-top: 5em;
}
.error-404 .page-header {
	padding:2em 0.8em;
}
.error-404 h1.post-title {
	font-size:1.5rem;
	text-align:center;
}
.error-404 .page-content {
	margin:0; padding:0 0.8em 2em;
}
.error-404 .page-content p {
	font-size:0.9rem;
}

@media screen and (min-width: 768px) {
	
	.error-404 h1.post-title {
		font-size:2.2rem;
		line-height:1.3;
	}
	.error-404 .page-content {
		width:600px;
		margin:0 auto;
		padding:0 0 5em;
	}
	.error-404 .page-content .button-red a {
		font-size:1.25rem;
		margin:0 5em;
	}
	
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* fancybox screen */
body#home #fancybox-content,
body#media #fancybox-content,
body#business #fancybox-content,
body#service.page-id-67 #fancybox-content {
  position: relative;
  width: 50%;
  height: auto !important;
}
body#home #fancybox-content:before,
body#media #fancybox-content:before,
body#business #fancybox-content:before,
body#service.page-id-67 #fancybox-content:before {
  content: "";
  display: block;
  /*padding-top: 75%;*/
	padding-top: 360px;
}
body#home #fancybox-content:before {
  
}
body#home #fancybox-content iframe,
body#media #fancybox-content iframe,
body#business #fancybox-content iframe,
body#service.page-id-67 #fancybox-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-caption {
  display: block;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
/*--------------------------------------------------------------
# LP
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## chatbot
--------------------------------------------------------------*/
.no-animateme {
	transform:none !important;
	opacity:1 !important;
}
.maining-pr-back {
	background:#F5F7F8 url(images/pr/okbiz-chat/bg_main01.jpg) no-repeat center top / 1200px auto;
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:-1;
}
.maining-pr-cts {
	background:url(images/pr/okbiz-chat/bg_main02.png) no-repeat center bottom / 800px auto;
	padding:0.5em 0 0;
}
.maining-pr-logo {
	background:url(images/pr/okbiz-chat/img_top.png) no-repeat center top / 200px auto;
	margin:0 0.9375rem 1em;
	padding:6.5em 0 5px 0;
	border-bottom:1px solid #0945C7;
}
.maining-pr-logo h2 {
	background:url(images/pr/okbiz-chat/logo_okbiz_chat.svg) no-repeat left top / 220px auto;
	width:220px;
	height:38px;
	margin:0 auto;
	padding-top:0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.maining-pr-ttl {
	margin:0 0 1.3em;
}
.maining-pr-ttl img {
	width:90%;
	max-width:450px;
	height:auto;
	margin:0 auto;
	display:block;
}
.maining-pr-point {
	margin:0 0 2em;
}
.maining-pr-point ul {
	margin:0;
	padding:0;
}
.maining-pr-point ul li {
	width:90%;
	max-width:450px;
	background-color:#0945C7;
	font-size:0.9rem;
	line-height:1.2;
	font-weight:bold;
	color:#FFFFFF;
	margin:0 auto 0.7em;
	padding:0.7em 1em;
	list-style:none;
	border-radius:3px;
	text-align:center;
}
.maining-pr-point ul li.point01 {
}
.maining-pr-point ul li.point02 {
}
.maining-pr-point ul li.point03 {
}
.maining-pr-btn {
	background-color:#062F82;
	padding:0.9375rem;
}
.maining-pr-btn a {
	background-color:#FFD200;
	border-top:2px solid #FFED0B;
	border-bottom:4px solid #9B7D04;
	color:#102B5B;
	font-size:1.2rem;
	line-height:1.2;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:0.7em 0;
	display:block;
	overflow:hidden;
	position:relative;
	border-radius:0.3rem;
}
.maining-pr-btn a::after {
	content:"";
	background:url(images/pr/okbiz-chat/img_btn_link.png) no-repeat left top / 22px 17px;
	width:22px;
	height:17px;
	display:inline-block;
	margin-top:2px;
	margin-left:5px;
	position:absolute;
}
.maining-pr-btn a .br-sp {
	display:block;
}
.section-pr.pr-chat {
	background-color:#D8E7F8;
}
.section-pr-cts03 {
	background-color:#0945C7;
}
.section-pr-cts-ttl {
	background-color:#0945C7;
	border-top:3px solid #0258FF;
	margin:0 0 1.5em;
	padding:1.5em 0;
	overflow:hidden;
	position:relative;
	box-shadow: 0 0.2em 0.2em 0 rgba(0, 0, 0, 0.2);
}
.section-pr-cts03 .section-pr-cts-ttl {
	border-top:none;
	padding:6em 0 1em;
	box-shadow:none;
	overflow:visible;
}
.section-pr.pr-chat .ttl01-bg {
	background:url(images/pr/okbiz-chat/img_ttl_bg01.jpg) no-repeat right top / 310px 200px;
	width:310px;
	height:200px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
}
.section-pr.pr-chat .ttl02-bg {
	background:url(images/pr/okbiz-chat/img_ttl_bg02.jpg) no-repeat right top / 310px 200px;
	width:310px;
	height:200px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
}
.section-pr-cts-ttl h3 {
	font-size:1.2rem;
	line-height:1.3;
	font-weight:bold;
	color:#FFFFFF;
	padding:0 0.9375rem;
	text-align:center;
	position:relative;
	z-index:21;
}
.section-pr-cts-ttl h3::after {
	content:url(images/pr/okbiz-chat/img_ttl_arrow.png);
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-1.3em;
}
.section-pr-cts03 .section-pr-cts-ttl h3::before {
	content:"";
	background:url(images/pr/okbiz-chat/img_attention.png) no-repeat center top / 90px 90px;
	width:90px;
	height:90px;
	display:block;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:-5.5em;
}
.section-pr-cts-inner {
	overflow:hidden;
	margin:0 0 1.5em;
}
.section-pr-cts01 .cts01-case {
	background-color:#062F82;
	width:60px;
	height:60px;
	padding-top:9px;
	text-align:center;
	border-radius:30px;
	font-size:11px;
	text-align:center;
	color:#28A3FD;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-30px;
	z-index:31;
}
.section-pr-cts01 .cts01-case span {
	color:#FFD200;
	font-size:24px;
	line-height:0.85;
	display:block;
}
.section-pr-cts01 .section-pr-ctsbox {
	padding:2.5em 1em 1em;
	position:relative;
}
.section-pr-cts01 .cts01-box {
	background-color:#FFFFFF;
	box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.1);
	border-radius:8px;
	padding:2em;
	position:relative;
}
.section-pr-cts01 .cts01-box p {
	font-size:0.95rem;
	margin:0;
}
.section-pr-cts01 .cts01-box::after {
	content:"";
	background:url(images/pr/okbiz-chat/img_cts01_01.png) no-repeat;
	background-size:60px 66px;
	width:60px;
	height:66px;
	display:block;
	overflow:hidden;
	position:absolute;
	right:5px;
	bottom:-10px;
}
.section-pr-cts02 .cts02-img img {
	width:90%;
	height:auto;
	margin:0 auto 1.5em;
	display:block;
	overflow:hidden;
}
.cts02-feature-box {
	margin:0 1em 1em;
}
.cts02-feature-box:nth-child(2) {
	margin-bottom:0;
}
.cts02-feature-box dl {
	background-color:#FFFFFF;
	border:2px solid #0945C7;
	color:#062E81;
	margin:0;
	box-sizing:border-box;
	border-radius:5px;
}
.cts02-feature-box dl dt {
	background-color:#BAD5F1;
	font-size:0.95rem;
	font-weight:bold;
	text-align:center;
	padding:0.5em 0;
	box-sizing:border-box;
}
.cts02-feature-box dl dd {
	border-top:1px solid #28A3FD;
	font-size:0.9rem;
	text-align:center;
	margin:0;
	padding:0.5em;
	box-sizing:border-box;
}
.section-pr-cts03 .section-pr-cts-inner {
	margin:0;
}
.section-pr-cts03 .section-pr-ctsbox {
	border:2px solid #279FFA;
	border-radius:5px;
	margin:0 1em 1em;
	box-sizing:border-box;
}
.section-pr-cts03 .section-pr-ctsbox .cts03-img img {
	width:85%;
	max-width:300px;
	height:auto;
	display:block;
	margin:1.2em auto 2.3em;
}
.section-pr-cts03 .section-pr-ctsbox .cts03-box {
	background-color:#279FFA;
	padding:0.6em 1em;
}
.section-pr-cts03 .section-pr-ctsbox .cts03-box p {
	color:#FFFFFF;
	font-size:0.9rem;
	margin:0;
}
.section-pr-cts03 .section-pr-ctsbox-img {
	padding:1em 0;
	text-align:center;
}
.section-pr-cts03 .section-pr-ctsbox-img .section-pr-ctsbox-imgttl {
	border:1px solid #279FFA;
	color:#51B3FB;
	padding:0 2em;
	line-height:1.8;
	border-radius:2em;
	display:inline-block;
}
.section-pr-cts03 .section-pr-ctsbox-img .section-pr-ctsbox-imgbox img {
	width:240px;
	height:auto;
	display:block;
	margin:0 auto 1em;
	border-radius:7px;
}
.contact-pr {
	background-color:#062F82;
	box-shadow: 0 -0.2em 0.4em 0 rgba(0, 0, 0, 0.1);
}
.contact-pr-ttl {
	background-color:#279FFA;
	text-align:center;
	padding:1em;
}
.contact-pr-ttl p {
	color:#062F82;
	margin:0;
}
.contact-pr-cts {
	text-align:center;
	padding:1em 0;
}
.contact-pr-cts p {
	font-size:0.85rem;
	color:#FFFFFF;
	margin:0 1em 0.7em;
}
.contact-pr-cts p span {
	display:block;
}
.contact-pr-cts .maining-pr-btn {
	padding:0 0.9375rem;
	margin:0 0 1em;
}
.contact-pr-cts-box-tel p {
	background:url(images/pr/okbiz-chat/img_telmark.png) no-repeat left center / 30px 32px;
	color:#FFD200;
	font-size:2.2rem;
	line-height:1;
	font-weight:bold;
	margin:0 0 0.2em;
	padding:0 0 0 36px;
	display:inline-block;
}
.contact-pr-cts-box-tel div {
	border:1px solid #FFD200;
	color:#FFD200;
	font-size:0.8rem;
	margin:0 0.9375rem;
	padding:0.3em;
	display:block;
}

@media screen and (min-width: 768px) {
.maining-pr-back {
	background:#F5F7F8 url(images/pr/okbiz-chat/bg_main01.jpg) no-repeat center top / 1600px auto;
}
.maining-pr-cts {
	background:url(images/pr/okbiz-chat/bg_main02.png) no-repeat center bottom / 1600px auto;
	padding:45px 0 35px;
}
.maining-pr-cts-inner {
	width:1000px;
	margin:0 auto;
}	
.maining-pr-logo {
	background:url(images/pr/okbiz-chat/img_top.png) no-repeat center top;
	width:566px;
	margin:0 0 25px;
	padding:190px 0 5px 0;
	border-bottom:1px solid #0945C7;
}
.maining-pr-logo h2 {
	background-size:330px 55px;
	width:330px;
	height:55px;
	margin:0 auto;
}
.maining-pr-ttl img {
	width:594px;
	max-width:594px;
	height:127px;
	margin:0 0 50px -15px;
}
.maining-pr-point {
	overflow:hidden;
	margin:0 0 40px;
}
.maining-pr-point ul li {
	width:313px;
	height:123px;
	float:left;
	margin-right:30px;
	margin-bottom:0;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}
.maining-pr-point ul li.point01 {
	background:url(images/pr/okbiz-chat/img_point01.png) no-repeat left top;
}
.maining-pr-point ul li.point02 {
	background:url(images/pr/okbiz-chat/img_point02.png) no-repeat left top;
}
.maining-pr-point ul li.point03 {
	background:url(images/pr/okbiz-chat/img_point03.png) no-repeat left top;
}
.maining-pr-point ul li:last-child {
	margin-right:0;
}
.maining-pr-btn {
	width:760px;
	margin:0 auto;
	padding:0;
	border:6px solid #062F82;
	border-radius:14px;
}
.maining-pr-btn a {
	border-bottom:5px solid #9B7D04;
	line-height:32px;
	font-size:30px;
	padding:29px 0;
	border-radius:10px;
}
.maining-pr-btn a::after {
	background:url(images/pr/okbiz-chat/img_btn_link.png) no-repeat left top / 37px 29px;
	width:37px;
	height:29px;
	margin-top:0;
	margin-left:6px;
}
.maining-pr-btn a .br-sp {
	display:none;
}
.section-pr .maining-pr-btn {
	width:100%;
	height:200px;
	margin:0;
	padding:49px 0 0 0;
	border:none;
	border-radius:0;
}
.section-pr .maining-pr-btn a {
	width:760px;
	margin:0 auto;
}
.maining-pr-btn a:hover {
	background-color:#F0C600;
	border-top:2px solid #FFD200;
	border-bottom:2px solid #9B7D04;
	margin-top:3px;
}
.section-pr-cts-ttl {
	margin:0;
	padding:4em 0;
}
.section-pr-cts-ttl h3 {
	font-size:34px;
	line-height:1.3;
}
.section-pr-cts03 .section-pr-cts-ttl h3::before {
	background:url(images/pr/okbiz-chat/img_attention.png) no-repeat center top / 126px 126px;
	width:126px;
	height:126px;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	top:-4em;
}
.section-pr.pr-chat .ttl01-bg {
	background:url(images/pr/okbiz-chat/img_ttl_bg01.jpg) no-repeat right top / 620px 400px;
	width:620px;
	height:400px;
}
.section-pr.pr-chat .ttl02-bg {
	background:url(images/pr/okbiz-chat/img_ttl_bg02.jpg) no-repeat right top / 620px 400px;
	width:620px;
	height:400px;
}
.section-pr-cts-inner {
	width:1000px;
	margin:0 auto;
	padding:110px 10px;
	box-sizing:content-box;
}
.section-pr-cts02 .section-pr-cts-inner {
	padding:60px 0;
}
.section-pr-cts03 .section-pr-cts-inner {
	margin:0 auto;
	padding:30px 0 50px;
}
.section-pr-cts01 .section-pr-ctsbox {
	width:300px;
	float:left;
	margin-right:50px;
	padding:0;
	position:relative;
}
.section-pr-cts01 .section-pr-ctsbox:last-child {
	margin-right:0;
}
.section-pr-cts01 .cts01-box {
	padding:40px 38px 35px;
}
.section-pr-cts01 .cts01-box::after {
	background-size:87px 95px;
	width:87px;
	height:95px;
	right:-10px;
	bottom:-50px;
}
.section-pr-cts01 .cts01-case {
	width:76px;
	height:63px;
	border-radius:38px;
	font-size:12px;
	top:-50px;
	left:50%;
	margin-left:-38px;
	padding-top:13px;
}
.section-pr-cts01 .cts01-case span {
	color:#FFD200;
	font-size:30px;
	line-height:0.85;
	display:block;
}
.section-pr-cts01 .cts01-box p {
	font-size:19px;
	line-height:1.5;
	margin:0;
}
.section-pr-cts02 .cts02-img img {
	width:708px;
	height:410px;
	margin:0 auto 60px;
}
.cts02-feature-box {
	margin-bottom:30px;
}
.cts02-feature-box dl {
	overflow:hidden;
}
.cts02-feature-box dl dt {
	font-size:17px;
}
.cts02-feature-box dl dd {
	border-top:none;
	border-right:1px solid #28A3FD;
	border-top:1px solid #28A3FD;
	font-size:15px;
	text-align:left;
	width:25%;
	float:left;
	padding:0.8em 1.1em;
}
.cts02-feature-box dl dd::before {
	content:"\25CF";
	font-size:15px;
	color:#0945C7;
	margin-right:5px;
	position:relative;
	top:-2px;
}
.cts02-feature-box dl dd:nth-child(4n+1) {
	border-right:none;
}
.section-pr-cts03 .section-pr-cts-ttl {
	padding-top:7em;
}
.section-pr-cts03 .section-pr-ctsbox {
	width:480px;
	float:left;
	margin:0 40px 0 0;
	position:relative;
}
.section-pr-cts03 .section-pr-ctsbox:nth-child(2n) {
	margin-right:0;
}
.section-pr-cts03 .section-pr-ctsbox .cts03-img img {
	width:340;
	max-width:340px;
	height:auto;
	display:block;
	margin:30px auto;
}
.section-pr-cts03 .section-pr-ctsbox .cts03-box {
	background-color:#279FFA;
	padding:20px 30px;
}
.section-pr-cts03 .section-pr-ctsbox .cts03-box p {
	font-size:18px;
}
.section-pr-cts03 .section-pr-ctsbox-img {
	clear:both;
	padding-bottom:0;
}
.section-pr-cts03 .section-pr-ctsbox-img .section-pr-ctsbox-imgttl {
	margin:50px 0 30px 0;
	padding:0 2em;
	font-size:20px;
	line-height:2.2;
}
.section-pr-cts03 .section-pr-ctsbox-img .section-pr-ctsbox-imgbox {
	overflow:hidden;
}
.section-pr-cts03 .section-pr-ctsbox-img .section-pr-ctsbox-imgbox img {
	width:320px;
	float:left;
	margin:0 20px 0 0;
}
.section-pr-cts03 .section-pr-ctsbox-img .section-pr-ctsbox-imgbox img:last-child {
	margin-right:0;
}
.contact-pr-ttl p {
	font-size:22px;
}
.contact-pr-cts p span {
	display:inline;
	margin-left:20px;
}
.contact-pr-cts {
	padding:2.5em 0;
}
.contact-pr-cts p {
	font-size:20px;
}
.contact-pr-cts-box {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.contact-pr-cts-box-web {
	width:560px;
	border-right:1px solid #279FFA;
	padding:0 25px 0 0;
	float:left;
	box-sizing:content-box;
}
.contact-pr-cts-box-web .maining-pr-btn {
    border:none;
    border-radius:0;
    margin:0;
	padding:0;
    width:560px;
}
.contact-pr-cts-box-web .maining-pr-btn a {
    border-radius:10px;
    font-size:24px;
    line-height:26px;
    padding:26px 0 28px;
}
.contact-pr-cts-box-web .maining-pr-btn a::after {
	margin-top:-4px;
}
.contact-pr-cts-box-tel {
	float:right;
}
.contact-pr-cts-box-tel p {
	background-size:38px 41px;
	font-size:55px;
	padding:0 0 0 45px;
	text-align:left;
	margin:0 0 5px;
	display:block;
}
.contact-pr-cts-box-tel div {
	font-size:14px;
	line-height:16px;
	display:inline-block;
	width:100%;
	margin:0;
}
}