.utility:after,
header #headerContent:after,
header #headerContent .rightBlock:after,
#glovalNav .content:after,
#glovalNav .content .nav:after,
#contentainer:after,
#main:after,
#footerSnsArea .inner:after,
#footerSnsArea .snsBtn:after,
#footerSnsArea .snsLink:after,
footer #footerBottom:after,
.columnBa:after,
.lytImgBa.float:after,
dl.listBa:after,
.listNewsBa > li:after,
.listSpeakerTy01:after,
.listSpeakerTy01 > li .listIcon:after,
.listSpeakerTy03:after,
.listMp3DownloadTy01 > li .btnWrap:after,
.listMp3DownloadTy01 > li .btn:after,
.listMP3PlayTy01:after,
.linkListTy01:after,
.boxBa.explanatoryNotes .listIconTy2:after,
.productArea li a.explanatoryNotes .listIconTy2:after,
.products-box:after,
.anchorBa:after,
.stepBa:after,
#flowInquiryArea:after,
#flowInquiryArea li:after,
#strongPoint .content:after,
#pickupBnr dd ul:after,
#solutionArea .inner:after,
#instanceArea ul:after,
.productArea:after,
#customer ul:after,
#customer ul li:after,
.inquiryArea .inner:after,
.inquiryArea .inner ul:after,
#footerCategoryArea nav .col .detailList:after,
.boxTabTy01 .tabList:after,
.boxTabTy01 .tabContent .wrapSpeaker > .content:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
#main,
dl.listBa > dt,
dl.listBa > dd,
.listQA > dt > .question,
.listQA > dt > .answer,
.listQA > dd > .question,
.listQA > dd > .answer,
.listImageTy01 > li .listTitle li,
.listSpeakerTy01 > li,
.listSpeakerTy03 > li,
.listMp3DownloadTy01 > li,
.listMP3PlayTy01 > li,
.boxBa,
.productArea li a,
.boxTy01,
.tableBa,
.srm_input_table,
.tableBa th,
.srm_input_table th,
.tableBa td,
.srm_input_table td,
.tableTy01,
.tableTy01 th,
.tableTy01 td,
.btnTy02 a,
.srm_action_button a,
.btnTy02 input[type="submit"],
.srm_action_button input[type="submit"],
.btnDownloadTy01 a,
.stepBa > li a,
.agreementCheck,
#flowInquiryArea,
#flowInquiryArea li,
#demonstration,
#strongPoint .content,
#pickupBnr,
#solutionArea ul li a .circle:after,
#instanceArea ul li,
#customer ul li,
.inquiryArea .inner,
#footerCategoryArea nav .col,
#footerCategoryArea nav .col dt a,
#footerCategoryArea nav .col .detailList li,
.tableShow,
.tableShow th,
.tableShow td {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.utility li a:before,
.utility li .number:before,
#glovalNav .content .menu a:before,
#glovalNav .content .nav:before,
#glovalNav .content .nav li a:after,
#glovalNav .content .nav li a:before,
#localNav ul li a:before,
#localNav ul li a:after,
.hdg2Ba:before,
ul.listBa > li:before,
.listNoteBa > li:before,
.listNewsBa > li > .content > a:before,
.listSpeakerTy01 > li:after,
.listSpeakerTy03 > li:after,
.listMP3PlayTy01 > li:after,
.linkListBa > li a:before,
.linkBa a:before,
a.linkBa:before,
.linkTy01 a:before,
.linkTy02 a:before,
.boxBa > .hdg.link a:after,
.productArea li a > .hdg.link a:after,
.boxTy01 > .hdg.link a:after,
.btnPlayTy01 a:after,
.btnDownloadTy01 a:after,
.anchorBa > li a:before,
.stepBa > li:before,
ul.tabList li a > span:before,
ul.tabList li a > span:after,
ul.tabList li a:before,
ul.tabList li a:after,
.app:before,
#strongPoint .content .intro li h3 a:before,
#strongPoint .content .intro li h3:before,
#solutionArea:before,
#solutionArea .wrapper:before,
#solutionArea ul li a .circle:after,
#instanceArea ul li:before,
#instanceArea ul li:after,
.productArea li a .text:before,
#customer ul li:before,
.inquiryArea .inner dl dd .number:before,
#footerCategoryArea nav .col dt .oc:before,
.showQA .listQA > dd:before,
.showQA .listQA > .dd:before {
	content: "";
	display: block;
	position: absolute;
}

#glovalNav .content .menu a:before,
#footerCategoryArea nav .col dt .oc:before {
	background-image: url(/common/images/sprites.png);
}

.utility li a:before,
#glovalNav .content .nav li a:before,
#localNav ul li a:after,
.listNewsBa > li > .content > a:before,
.linkListBa > li a:before,
.linkBa a:before,
.productArea li a .text:before {
	background-image: url(/common/images/sprites.png);
	background-position: 0px 0px;
	width: 5px;
	height: 9px;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,
blockquote {
	quotes: none;
}

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

a img {
	border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
	display: block;
}

table {
	border-spacing: 0;
	border-collapse: inherit;
}

html {
	font-size: 62.5%;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #000;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

p {
	margin-top: 10px;
	margin-bottom: 20px;
}

p > a {
	color: #007df1;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #007df1;
	text-decoration: underline;
}

strong {
	font-weight: bold;
	color: #cc0000;
}

em {
	font-weight: bold;
}

input {
	border: none;
}

input[type="submit"],
button[type="submit"] {
	-webkit-appearance: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

i,
.italic {
	font-style: italic;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック", "MS Gothic", sans-serif;
}

input[type="number"]::-webkit-outer-spin-button {
	display: none;
}

textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	border: 1px solid #ccc;
	font-size: 16px;
	font-size: 1.6rem;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

textarea.hissu,
input[type="text"].hissu,
input[type="tel"].hissu,
input[type="email"].hissu,
input[type="number"].hissu {
	background-color: #fffcc6;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"] {
	padding: 7px 1px 7px 10px;
}

select {
	border: 1px solid #ccc;
	padding: 5px 0 5px 5px;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

textarea {
	padding: 10px;
	min-height: 150px;
}

div.section {
	padding: 0 20px;
}

sup {
	font-size: 9px;
	font-size: 0.9rem;
	vertical-align: text-top;
}

sub {
	font-size: 9px;
	font-size: 0.9rem;
	vertical-align: text-bottom;
}

.caption {
	display: block;
	white-space: normal;
}

audio {
	display: none;
	-webkit-appearance: none;
}

/* ---------------------------------------------------------------------------------------------------------------
   ヘッダー
--------------------------------------------------------------------------------------------------------------- */

.utility {
	float: left;
	margin: 2px 14px 0 0;
}

.utility li {
	float: left;
	margin-left: 20px;
	margin-top: 4px;
}

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

.utility li a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 12px;
	line-height: 1.3;
}

.utility li a:before {
	top: 6px;
	left: 0;
}

.utility li.btnBa {
	margin-top: 0;
	margin-left: 0;
	padding-left: 20px;
	border-left: 1px solid #d3d3d3;
	font-weight: bold;
}

.utility li.btnBa a {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 7px 15px;
}

.utility li.btnBa a:before {
	display: none;
}

.utility li.contact {
	margin-top: 0;
	margin-left: 10px;
	line-height: 1;
	padding-right: 20px;
	border-right: 1px solid #d3d3d3;
}

.utility li .number {
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1;
}

.utility li .number:before {
	background-image: url(/common/images/sprites.png);
	background-position: -104px 0px;
	width: 16px;
	height: 16px;
	top: 50%;
	margin-top: -8px;
	left: 0;
}

.utility li .time {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
	margin: 0 0 0 20px;
}

header {
	padding: 0 10px;
}

header #headerContent {
	width: 1000px;
	margin: 0 auto;
	padding: 11px 0;
}

header #headerContent p {
	margin: 0;
	line-height: 0;
}

header #headerContent p#logoHoyaService {
	margin-top: 5px;
}

header #headerContent p a {
	display: block;
}

header #headerContent .leftBlock {
	float: left;
}

header #headerContent .rightBlock {
	float: right;
}

header #headerContent .rightBlock .utility {
	margin: 2px 0 0;
}

header #headerContent .rightBlock #logoHoya {
	margin-top: 5px;
	float: right;
}

/*グロナビ*/

#glovalNav {
	border-top: 1px solid #ccc;
	background-color: #f5f5f5;
	margin: 0 -10px 20px;
	border-bottom: 2px solid #007df1;
}

#glovalNav .content {
	width: 1000px;
	margin: 0 auto;
}

#glovalNav .content .logo {
	float: left;
	margin: 0;
	line-height: 0;
}

#glovalNav .content .logo a {
	display: table-cell;
	height: 50px;
	vertical-align: middle;
}

#glovalNav .content .logo a img {
	width: 97px;
}

#glovalNav .content .menu {
	display: none;
}

#glovalNav .content .nav {
	float: right;
}

#glovalNav .content .nav li {
	float: left;
}

#glovalNav .content .nav li a {
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	display: block;
	text-align: center;
	padding: 12px 22px;
	vertical-align: middle;
}

#glovalNav .content .nav li a:after {
	background-image: url(/common/images/sprites.png);
	background-position: -531px 0px;
	width: 32px;
	height: 39px;
	top: 49px;
	left: 50%;
	margin-left: -16px;
	margin-top: -19px;
	display: none;
}

#glovalNav .content .nav li a:before {
	top: 50%;
	right: 10px;
	margin-top: -4px;
	display: none;
}

#glovalNav .content .nav li a:focus,
#glovalNav .content .nav li a:hover,
#glovalNav .content .nav li a.current {
	color: #006fd5;
}

#glovalNav .content .nav li a.current {
	padding-top: 6px;
	padding-bottom: 18px;
	font-weight: bold;
}

#glovalNav .content .nav li a.current:after {
	display: block;
}

#glovalNav .content .nav li.last a {
	padding-right: 0;
}

/* ---------------------------------------------------------------------------------------------------------------
   パンくず
--------------------------------------------------------------------------------------------------------------- */

#topicPath {
	background-color: #fff;
	margin: -10px 0 10px;
}

#topicPath p {
	width: 1000px;
	margin: 0 auto;
	font-size: 13px;
	font-size: 1.3rem;
}

#topicPath a {
	color: #333;
}

/* ---------------------------------------------------------------------------------------------------------------
   コンテンツ
--------------------------------------------------------------------------------------------------------------- */

#contentainer {
	width: 1000px;
	margin: 40px auto 60px;
}

#main {
	display: block;
	float: left;
	width: 750px;
	position: relative;
}

#main > *:first-child {
	margin-top: 0;
}

#main.col1 {
	width: 100%;
	float: none;
}

/* ---------------------------------------------------------------------------------------------------------------
   サイドナビ
--------------------------------------------------------------------------------------------------------------- */

#aside {
	float: right;
	width: 210px;
	margin-bottom: 40px;
}

#aside + * {
	clear: both;
}

#localNav h2 a {
	display: block;
	color: #184187;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	border-top: 4px solid #3f8dd7;
	padding: 20px 15px;
}

#localNav ul li a {
	position: relative;
	display: block;
	background-color: #f4f4f4;
	padding: 12px 20px 12px 18px;
	border-bottom: 1px solid #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

#localNav ul li a:after {
	top: 50%;
	right: 10px;
	margin-top: -4.5px;
}

#localNav ul li a.current {
	background-color: #92c7fb;
	text-decoration: none;
}

#localNav ul li a.current + ul {
	display: block !important;
}

#localNav ul li a.current + ul a {
	background-color: #ddefff;
	padding-left: 36px;
}

#localNav ul li a.current + ul a:before {
	background-image: url(/common/images/sprites.png);
	background-position: -35px 0px;
	width: 9px;
	height: 3px;
	top: 50%;
	left: 18px;
	margin-top: -1.5px;
}

#localNav ul li a.current + ul a.current {
	color: #007df1;
}

#localNav ul li a.current + ul a.current:before {
	background-image: url(/common/images/sprites.png);
	background-position: -24px 0px;
	width: 9px;
	height: 3px;
}

#localNav ul li:last-child a {
	border-radius: 0 0 2px 2px;
}

.globalvoice #localNav h2 a {
	color: #fe9e23;
	border-top: 4px solid #fe9e23;
}

.globalvoice #localNav ul li a.current {
	background-color: #ffbe6a;
}

.globalvoice #localNav ul li a.current + ul a {
	background-color: #fee9cc;
}

/* ---------------------------------------------------------------------------------------------------------------
   フッター
--------------------------------------------------------------------------------------------------------------- */

#footerSnsArea {
	background-color: #f5f5f5;
	text-align: center;
	padding: 20px 0 15px;
}

#footerSnsArea .twitter {
	padding-top: 18px;
}

#footerSnsArea .inner {
	display: inline-block;
}

#footerSnsArea .snsBtn,
#footerSnsArea .snsLink {
	float: left;
}

#footerSnsArea .snsBtn li,
#footerSnsArea .snsLink li {
	float: left;
	line-height: 1;
}

#footerSnsArea .snsBtn li {
	margin-right: 20px;
}

#footerSnsArea .snsLink {
	margin-left: 20px;
}

#footerSnsArea .snsLink li {
	margin-left: 20px;
}

#footerSnsArea .snsLink li:first-child {
	margin-left: 0;
}

#footerSnsArea .snsLink li a {
	display: block;
}

#footerSnsArea .snsLink li img {
	width: 54px;
}

footer {
	border-top: 1px solid #3e8dd8;
}

footer #footerBottom {
	width: 1000px;
	margin: 0 auto;
	padding: 12px 0;
}

footer #footerBottom #footerCopy {
	float: left;
	margin: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
}

footer #footerBottom .utility {
	float: right;
	margin: 0;
	line-height: 1;
}

footer #footerBottom .utility li a {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 0 0 0 12px;
}

footer #footerBottom .utility li a:before {
	top: 4px;
}

/* --------------------------------------------------
   調整用
-------------------------------------------------- */

/*width*/

.w1 {
	width: 1% !important;
}

.w2 {
	width: 2% !important;
}

.w3 {
	width: 3% !important;
}

.w4 {
	width: 4% !important;
}

.w5 {
	width: 5% !important;
}

.w6 {
	width: 6% !important;
}

.w7 {
	width: 7% !important;
}

.w8 {
	width: 8% !important;
}

.w9 {
	width: 9% !important;
}

.w10 {
	width: 10% !important;
}

.w11 {
	width: 11% !important;
}

.w12 {
	width: 12% !important;
}

.w13 {
	width: 13% !important;
}

.w14 {
	width: 14% !important;
}

.w15 {
	width: 15% !important;
}

.w16 {
	width: 16% !important;
}

.w17 {
	width: 17% !important;
}

.w18 {
	width: 18% !important;
}

.w19 {
	width: 19% !important;
}

.w20 {
	width: 20% !important;
}

.w21 {
	width: 21% !important;
}

.w22 {
	width: 22% !important;
}

.w23 {
	width: 23% !important;
}

.w24 {
	width: 24% !important;
}

.w25 {
	width: 25% !important;
}

.w26 {
	width: 26% !important;
}

.w27 {
	width: 27% !important;
}

.w28 {
	width: 28% !important;
}

.w29 {
	width: 29% !important;
}

.w30 {
	width: 30% !important;
}

.w31 {
	width: 31% !important;
}

.w32 {
	width: 32% !important;
}

.w33 {
	width: 33% !important;
}

.w34 {
	width: 34% !important;
}

.w35 {
	width: 35% !important;
}

.w36 {
	width: 36% !important;
}

.w37 {
	width: 37% !important;
}

.w38 {
	width: 38% !important;
}

.w39 {
	width: 39% !important;
}

.w40 {
	width: 40% !important;
}

.w41 {
	width: 41% !important;
}

.w42 {
	width: 42% !important;
}

.w43 {
	width: 43% !important;
}

.w44 {
	width: 44% !important;
}

.w45 {
	width: 45% !important;
}

.w46 {
	width: 46% !important;
}

.w47 {
	width: 47% !important;
}

.w48 {
	width: 48% !important;
}

.w49 {
	width: 49% !important;
}

.w50 {
	width: 50% !important;
}

.w51 {
	width: 51% !important;
}

.w52 {
	width: 52% !important;
}

.w53 {
	width: 53% !important;
}

.w54 {
	width: 54% !important;
}

.w55 {
	width: 55% !important;
}

.w56 {
	width: 56% !important;
}

.w57 {
	width: 57% !important;
}

.w58 {
	width: 58% !important;
}

.w59 {
	width: 59% !important;
}

.w60 {
	width: 60% !important;
}

.w61 {
	width: 61% !important;
}

.w62 {
	width: 62% !important;
}

.w63 {
	width: 63% !important;
}

.w64 {
	width: 64% !important;
}

.w65 {
	width: 65% !important;
}

.w66 {
	width: 66% !important;
}

.w67 {
	width: 67% !important;
}

.w68 {
	width: 68% !important;
}

.w69 {
	width: 69% !important;
}

.w70 {
	width: 70% !important;
}

.w71 {
	width: 71% !important;
}

.w72 {
	width: 72% !important;
}

.w73 {
	width: 73% !important;
}

.w74 {
	width: 74% !important;
}

.w75 {
	width: 75% !important;
}

.w76 {
	width: 76% !important;
}

.w77 {
	width: 77% !important;
}

.w78 {
	width: 78% !important;
}

.w79 {
	width: 79% !important;
}

.w80 {
	width: 80% !important;
}

.w81 {
	width: 81% !important;
}

.w82 {
	width: 82% !important;
}

.w83 {
	width: 83% !important;
}

.w84 {
	width: 84% !important;
}

.w85 {
	width: 85% !important;
}

.w86 {
	width: 86% !important;
}

.w87 {
	width: 87% !important;
}

.w88 {
	width: 88% !important;
}

.w89 {
	width: 89% !important;
}

.w90 {
	width: 90% !important;
}

.w91 {
	width: 91% !important;
}

.w92 {
	width: 92% !important;
}

.w93 {
	width: 93% !important;
}

.w94 {
	width: 94% !important;
}

.w95 {
	width: 95% !important;
}

.w96 {
	width: 96% !important;
}

.w97 {
	width: 97% !important;
}

.w98 {
	width: 98% !important;
}

.w99 {
	width: 99% !important;
}

.w100 {
	width: 100% !important;
}

.wAuto {
	width: auto !important;
}

.w1000 {
	width: 1000px !important;
}

/*SPのときのみ幅100%強制*/

/*margin,padding*/

.m-top-0 {
	margin-top: 0px !important;
}

.m-right-0 {
	margin-right: 0px !important;
}

.m-bottom-0 {
	margin-bottom: 0px !important;
}

.m-left-0 {
	margin-left: 0px !important;
}

.p-top-0 {
	padding-top: 0px !important;
}

.p-right-0 {
	padding-right: 0px !important;
}

.p-bottom-0 {
	padding-bottom: 0px !important;
}

.p-left-0 {
	padding-left: 0px !important;
}

.m-top-5 {
	margin-top: 5px !important;
}

.m-right-5 {
	margin-right: 5px !important;
}

.m-bottom-5 {
	margin-bottom: 5px !important;
}

.m-left-5 {
	margin-left: 5px !important;
}

.p-top-5 {
	padding-top: 5px !important;
}

.p-right-5 {
	padding-right: 5px !important;
}

.p-bottom-5 {
	padding-bottom: 5px !important;
}

.p-left-5 {
	padding-left: 5px !important;
}

.m-top-10 {
	margin-top: 10px !important;
}

.m-right-10 {
	margin-right: 10px !important;
}

.m-bottom-10 {
	margin-bottom: 10px !important;
}

.m-left-10 {
	margin-left: 10px !important;
}

.p-top-10 {
	padding-top: 10px !important;
}

.p-right-10 {
	padding-right: 10px !important;
}

.p-bottom-10 {
	padding-bottom: 10px !important;
}

.p-left-10 {
	padding-left: 10px !important;
}

.m-top-15 {
	margin-top: 15px !important;
}

.m-right-15 {
	margin-right: 15px !important;
}

.m-bottom-15 {
	margin-bottom: 15px !important;
}

.m-left-15 {
	margin-left: 15px !important;
}

.p-top-15 {
	padding-top: 15px !important;
}

.p-right-15 {
	padding-right: 15px !important;
}

.p-bottom-15 {
	padding-bottom: 15px !important;
}

.p-left-15 {
	padding-left: 15px !important;
}

.m-top-20 {
	margin-top: 20px !important;
}

.m-right-20 {
	margin-right: 20px !important;
}

.m-bottom-20 {
	margin-bottom: 20px !important;
}

.m-left-20 {
	margin-left: 20px !important;
}

.p-top-20 {
	padding-top: 20px !important;
}

.p-right-20 {
	padding-right: 20px !important;
}

.p-bottom-20 {
	padding-bottom: 20px !important;
}

.p-left-20 {
	padding-left: 20px !important;
}

.m-top-25 {
	margin-top: 25px !important;
}

.m-right-25 {
	margin-right: 25px !important;
}

.m-bottom-25 {
	margin-bottom: 25px !important;
}

.m-left-25 {
	margin-left: 25px !important;
}

.p-top-25 {
	padding-top: 25px !important;
}

.p-right-25 {
	padding-right: 25px !important;
}

.p-bottom-25 {
	padding-bottom: 25px !important;
}

.p-left-25 {
	padding-left: 25px !important;
}

.m-top-30 {
	margin-top: 30px !important;
}

.m-right-30 {
	margin-right: 30px !important;
}

.m-bottom-30 {
	margin-bottom: 30px !important;
}

.m-left-30 {
	margin-left: 30px !important;
}

.p-top-30 {
	padding-top: 30px !important;
}

.p-right-30 {
	padding-right: 30px !important;
}

.p-bottom-30 {
	padding-bottom: 30px !important;
}

.p-left-30 {
	padding-left: 30px !important;
}

.m-top-35 {
	margin-top: 35px !important;
}

.m-right-35 {
	margin-right: 35px !important;
}

.m-bottom-35 {
	margin-bottom: 35px !important;
}

.m-left-35 {
	margin-left: 35px !important;
}

.p-top-35 {
	padding-top: 35px !important;
}

.p-right-35 {
	padding-right: 35px !important;
}

.p-bottom-35 {
	padding-bottom: 35px !important;
}

.p-left-35 {
	padding-left: 35px !important;
}

.m-top-40 {
	margin-top: 40px !important;
}

.m-right-40 {
	margin-right: 40px !important;
}

.m-bottom-40 {
	margin-bottom: 40px !important;
}

.m-left-40 {
	margin-left: 40px !important;
}

.p-top-40 {
	padding-top: 40px !important;
}

.p-right-40 {
	padding-right: 40px !important;
}

.p-bottom-40 {
	padding-bottom: 40px !important;
}

.p-left-40 {
	padding-left: 40px !important;
}

.m-top-45 {
	margin-top: 45px !important;
}

.m-right-45 {
	margin-right: 45px !important;
}

.m-bottom-45 {
	margin-bottom: 45px !important;
}

.m-left-45 {
	margin-left: 45px !important;
}

.p-top-45 {
	padding-top: 45px !important;
}

.p-right-45 {
	padding-right: 45px !important;
}

.p-bottom-45 {
	padding-bottom: 45px !important;
}

.p-left-45 {
	padding-left: 45px !important;
}

.m-top-50 {
	margin-top: 50px !important;
}

.m-right-50 {
	margin-right: 50px !important;
}

.m-bottom-50 {
	margin-bottom: 50px !important;
}

.m-left-50 {
	margin-left: 50px !important;
}

.p-top-50 {
	padding-top: 50px !important;
}

.p-right-50 {
	padding-right: 50px !important;
}

.p-bottom-50 {
	padding-bottom: 50px !important;
}

.p-left-50 {
	padding-left: 50px !important;
}

.p-top-80 {
	margin-top: 80px !important;
}

.p-bottom-14 {
	padding-bottom: 14px !important;
}

.p-top-14 {
	padding-top: 14px !important;
}

/*テキストカラー*/

.colorRed {
	color: #cc0000 !important;
}

/*text-align*/

.tRight {
	text-align: right !important;
}

.tCenter {
	text-align: center !important;
}

.tLeft {
	text-align: left !important;
}

.vTop {
	vertical-align: top !important;
}

.vMiddle {
	vertical-align: middle !important;
}

.positionCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.inlineBlock {
	display: inline-block !important;
}

.Relative {
	position: relative;
}

/*float*/

.fltL {
	float: left;
}

.fltR {
	float: right;
}

/*SPサイズになると非表示*/

/*PCサイズになると非表示*/

.pcNone {
	display: none !important;
}

.blockR {
	float: right;
}

.blockR + * {
	clear: both;
}

/*border*/

.borderBa {
	border: 1px solid #d5d5d5;
}

/*文字サイズ(子孫要素も全て適用させる)*/

.fs10 {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}

.fs10 * {
	font-size: 10px !important;
	font-size: 1.0rem !important;
}

.fs12 {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.fs12 * {
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.fs14 {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.fs14 * {
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.fs15 {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

.fs15 * {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}

.fs16 {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.fs16 * {
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

.fs17 {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

.fs17 * {
	font-size: 17px !important;
	font-size: 1.7rem !important;
}

.fs18 {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

.fs18 * {
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

.fs20 {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}

.fs20 * {
	font-size: 20px !important;
	font-size: 2.0rem !important;
}

.fs28 {
	font-size: 28px !important;
	font-size: 2.8rem !important;
}

.fs28 * {
	font-size: 28px !important;
	font-size: 2.8rem !important;
}

.fs36 {
	font-size: 36px !important;
	font-size: 3.6rem !important;
}

.fs36 * {
	font-size: 36px !important;
	font-size: 3.6rem !important;
}

/*太字*/

.fBold {
	font-weight: bold !important;
}

.fBold * {
	font-weight: bold !important;
}

/*細字*/

.fNormal {
	font-weight: normal !important;
}

.fNormal * {
	font-weight: normal !important;
}

.wild {
	height: auto !important;
}

em.ty01,
strong.ty01 {
	color: #cc0000;
	font-weight: normal;
}

em.ty02,
strong.ty02 {
	color: #005;
}

.jsOffNone {
	display: none;
}

/*下線*/

.underline {
	text-decoration: underline !important;
}

/*リセット系*/

.resetBorderT {
	border-top: none  !important;
}

.resetBorderB {
	border-bottom: none  !important;
}

.resetBorderL {
	border-left: none  !important;
}

.resetBorderR {
	border-right: none  !important;
}

.breakAll {
	word-break: break-all;
}

/* ----------------------------------------------------------------------------------------------------
   見出し
---------------------------------------------------------------------------------------------------- */

.hdg1Ba {
	background-color: #3f8dd7;
	padding: 20px 0;
}

.hdg1Ba h1 {
	width: 1000px;
	margin: 0 auto;
	font-size: 30px;
	font-size: 3rem;
	color: #fffefe;
	font-weight: bold;
}

.hdg2Ba {
	position: relative;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	padding-left: 20px;
	line-height: 1.3;
	margin: 50px 0 28px;
}

.hdg2Ba:before {
	width: 6px;
	height: 100%;
	border-radius: 3px;
	background-color: #174187;
	top: 0;
	left: 0;
}

.hdg3Ba {
	border-top: 2px solid #3f8dd7;
	background-color: #f3f3f3;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin: 20px 0 16px;
	padding: 10px 20px;
	overflow: hidden;
}

.hdg3Ba > .flag {
	float: left;
	padding: 3px 15px 0 0;
}

.hdg3Ba > .text {
	display: block;
	overflow: hidden;
}

.hdg4Ba {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin: 20px 0;
}

.hdg5Ba {
	font-size: 19px;
	font-size: 1.9rem;
}

.globalvoice .hdg1Ba {
	background-color: #ff9f24;
}

.globalvoice .hdg2Ba:before {
	background-color: #e95800;
}

.globalvoice .hdg3Ba {
	border-top: 2px solid #ff9f24;
}

.hdgDemonstration {
	color: #184188;
	font-weight: bold;
	margin: 0;
}

.hdgWrapper {
	width: 1000px;
	margin: 0 auto 20px;
	margin-bottom: 20px;
}

.hdgWrapper > .hdg2Ba {
	display: inline-block;
	margin-bottom: 10px;
}

.hdgWrapper .linkTy01 {
	display: inline-block;
	width: auto !important;
}

.hdgWrapper .products-list {
	display: inline-block;
	margin-left: 43px;
}

.hdgWrapper .products-list > li {
	display: inline-block;
	position: relative;
	padding-left: 43px;
}

.hdgWrapper .products-list > li:before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 6px;
	border-radius: 3px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.hdgWrapper .products-list > li + li {
	margin-left: 24px;
}

.hdgWrapper .products-list > li.appli:before {
	background: #92c7fb;
}

.hdgWrapper .products-list > li.dev:before {
	background: #ffa1a1;
}

/* ----------------------------------------------------------------------------------------------------
   レイアウト
---------------------------------------------------------------------------------------------------- */

/*カラム*/

.columnBa > .col,
.columnBa > .col2of3,
.columnBa > .col1of3,
.columnBa > .col3of4,
.columnBa > .col1of4,
.columnBa > .col2of4 {
	float: left;
	margin-top: 0;
}

.columnBa > .col > *:first-child,
.columnBa > .col2of3 > *:first-child,
.columnBa > .col1of3 > *:first-child,
.columnBa > .col3of4 > *:first-child,
.columnBa > .col1of4 > *:first-child,
.columnBa > .col2of4 > *:first-child {
	margin-top: 0;
}

.columnBa.col2 {
	margin-left: -28px;
}

.columnBa.col2 > .col {
	width: 361px;
	margin-left: 28px;
	margin-bottom: 28px;
}

.columnBa.col2 > .col img {
	max-width: 100%;
}

.columnBa.col2 > .col2of3 {
	width: 476px;
	margin-left: 28px;
	margin-bottom: 28px;
}

.columnBa.col2 > .col1of3 {
	width: 246px;
	margin-left: 28px;
	margin-bottom: 28px;
}

.columnBa.col3 {
	margin-left: -28px;
}

.columnBa.col3 > .col {
	width: 231.3px;
	margin-left: 28px;
	margin-bottom: 28px;
}

.columnBa.col3 > .col img {
	max-width: 100%;
}

.columnBa.col3 > .col2of4 {
	width: 460px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.columnBa.col3 > .col1of4 {
	width: 220px;
	margin-left: 20px;
	margin-bottom: 20px;
}

.columnBa.col4 {
	margin-left: -10px;
}

.columnBa.col4 > .col {
	width: 175px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.columnBa.col4 > .col img {
	max-width: 175px;
}

.columnBa.col5 {
	margin-left: -10px;
}

.columnBa.col5 > .col {
	width: 136px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.columnBa.col5 > .col img {
	max-width: 136px;
}

#main.col1 .columnBa.col2,
.product-col .columnBa.col2 {
	margin-left: -3%;
}

#main.col1 .columnBa.col2 > .col,
.product-col .columnBa.col2 > .col {
	width: 47%;
	margin-left: 3%;
	margin-bottom: 3%;
}

#main.col1 .columnBa.col3,
.product-col .columnBa.col3 {
	margin-left: -1.333%;
}

#main.col1 .columnBa.col3 > .col,
.product-col .columnBa.col3 > .col {
	width: 32%;
	margin-left: 1.333%;
	margin-bottom: 1.333%;
}

#main.col1 .columnBa.col4,
.product-col .columnBa.col4 {
	margin-left: -2%;
}

#main.col1 .columnBa.col4 > .col,
.product-col .columnBa.col4 > .col {
	width: 23%;
	margin-left: 2%;
	margin-bottom: 2%;
}

#main.col1 .columnBa.col4 > .col img,
.product-col .columnBa.col4 > .col img {
	max-width: 100%;
}

.product-col {
	padding-top: 40px;
}

/*テーブルレイアウト*/

/*幅調整や余白は調整クラスで。SP時は有無を言わさずカラム落ち + 余白強制0にするので注意。*/

.lytTbl,
.lytFlexible {
	width: 100%;
	display: table;
	margin: 10px 0;
}

.lytTbl > .col,
.lytTbl > .fix,
.lytFlexible > .col,
.lytFlexible > .fix {
	display: table-cell;
	vertical-align: top;
}

.lytTbl > .col > *:first-child,
.lytTbl > .fix > *:first-child,
.lytFlexible > .col > *:first-child,
.lytFlexible > .fix > *:first-child {
	margin-top: 0;
}

.lytTbl > .col > *:last-child,
.lytTbl > .fix > *:last-child,
.lytFlexible > .col > *:last-child,
.lytFlexible > .fix > *:last-child {
	margin-bottom: 0;
}

.lytFlexible > .col {
	padding-right: 15px;
}

.lytFlexible > .fix + .col {
	padding-right: 0;
	padding-left: 15px;
}

.lytFlexible > .fix {
	white-space: nowrap;
}

/*画像*/

.lytImgBa {
	margin-top: 10px;
	margin-bottom: 25px;
	width: 100%;
}

.lytImgBa.imageR,
.lytImgBa.imageL {
	display: table;
	vertical-align: top;
}

.lytImgBa.imageR > .img,
.lytImgBa.imageL > .img {
	display: table-cell;
	vertical-align: top;
	padding-left: 25px;
	white-space: nowrap;
}

.lytImgBa.imageR > .img .caption,
.lytImgBa.imageL > .img .caption {
	display: block;
}

.lytImgBa.imageR > .img img,
.lytImgBa.imageL > .img img {
	max-width: none;
	margin-bottom: 0;
}

.lytImgBa.imageR > .img img + .caption,
.lytImgBa.imageL > .img img + .caption {
	margin-top: -2px;
	font-size: 10px;
	font-size: 1rem;
}

.lytImgBa.imageR > .content,
.lytImgBa.imageL > .content {
	display: table-cell;
	width: 100%;
}

.lytImgBa.imageR > .content > *:first-child,
.lytImgBa.imageL > .content > *:first-child {
	margin-top: 0;
}

.lytImgBa.imageR > .content > *:last-child,
.lytImgBa.imageL > .content > *:last-child {
	margin-bottom: 0;
}

.lytImgBa.imageR > .content > *:last-child *:last-child,
.lytImgBa.imageL > .content > *:last-child *:last-child {
	margin-bottom: 0;
}

.lytImgBa.imageL {
	direction: rtl;
}

.lytImgBa.imageL > .img {
	direction: ltr;
	padding-left: 0;
	padding-right: 25px;
}

.lytImgBa.imageL > .img img {
	max-width: none;
}

.lytImgBa.imageL > .content {
	direction: ltr;
}

.lytImgBa.float {
	display: block;
}

.lytImgBa.float > .img,
.lytImgBa.float > .content {
	display: block;
	margin-top: 0;
}

.lytImgBa.float > .img > *:first-child,
.lytImgBa.float > .content > *:first-child {
	margin-top: 0;
}

.lytImgBa.float > .img > *:last-child,
.lytImgBa.float > .content > *:last-child {
	margin-bottom: 0;
}

.lytImgBa.float.imageR > .img {
	float: right;
}

.lytImgBa.float.imageL {
	direction: ltr;
}

.lytImgBa.float.imageL > .img {
	float: left;
}

/*画像1カラム配置の場合に付ける*/

.column1Img100 {
	text-align: center;
}

.column1Img100 > img,
.column1Img100.img {
	max-width: 100%;
}

.column1Img100.left {
	text-align: left;
}

/* ----------------------------------------------------------------------------------------------------
   リスト
---------------------------------------------------------------------------------------------------- */

ul > li > *:first-child,
ul > dt > *:first-child,
ul > dd > *:first-child,
ol > li > *:first-child,
ol > dt > *:first-child,
ol > dd > *:first-child,
dl > li > *:first-child,
dl > dt > *:first-child,
dl > dd > *:first-child {
	margin-top: 0;
}

ul > li > *:last-child,
ul > dt > *:last-child,
ul > dd > *:last-child,
ol > li > *:last-child,
ol > dt > *:last-child,
ol > dd > *:last-child,
dl > li > *:last-child,
dl > dt > *:last-child,
dl > dd > *:last-child {
	margin-bottom: 0;
}

ul.listBa {
	margin: 10px 0 36px;
}

ul.listBa > li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 18px;
	line-height: 1.5;
}

ul.listBa > li:before {
	background-image: url(/common/images/sprites.png);
	background-position: -14px 0px;
	width: 8px;
	height: 9px;
	top: 8px;
	left: 0;
}

.listOrderBa {
	margin: 10px 0 36px;
}

.listOrderBa > li {
	position: relative;
	margin-bottom: 5px;
	padding-left: 27px;
	padding-left: 2.7rem;
	line-height: 1.5;
}

.listOrderBa > li:last-child {
	margin-bottom: 0;
}

.listOrderBa > li > .num {
	position: absolute;
	top: 0;
	left: 0;
	width: 27px;
	width: 2.7rem;
}

dl.listBa {
	margin: 10px 0 36px;
}

dl.listBa > dt,
dl.listBa > dd {
	padding-bottom: 16px;
	word-break: break-all;
	word-wrap: break-word;
}

dl.listBa > dt:last-of-type,
dl.listBa > dd:last-of-type {
	padding-bottom: 0;
}

dl.listBa > dt > *,
dl.listBa > dd > * {
	word-break: break-all;
	word-wrap: break-word;
}

dl.listBa > dt a,
dl.listBa > dd a {
	color: #007df1;
}

dl.listBa > dt {
	font-weight: bold;
	float: left;
	min-width: 80px;
	padding-right: 30px;
	clear: both;
}

.listNoteBa {
	margin: 10px 0 16px;
}

.listNoteBa > li {
	position: relative;
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 18px;
	line-height: 1.3;
	margin-top: 12px;
}

.listNoteBa > li:first-child {
	margin-top: 0;
}

.listNoteBa > li:before {
	content: "※";
	top: 0;
	left: 0;
}

.listQA {
	margin: 20px 0;
}

.listQA > dt,
.listQA > dd {
	position: relative;
	padding-left: 50px;
}

.listQA > dt > .question,
.listQA > dt > .answer,
.listQA > dd > .question,
.listQA > dd > .answer {
	width: 30px;
	height: 30px;
	padding: 5px 0;
	background-color: #006dd3;
	border-radius: 5px;
	color: #fff;
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1;
}

.listQA > dt > *:last-child,
.listQA > dd > *:last-child {
	margin-bottom: 0;
}

.listQA > dt {
	margin: 34px 0 24px;
	font-weight: bold;
}

.listQA > dt:first-child {
	margin-top: 0;
}

.listQA > dd {
	padding-bottom: 28px;
	border-bottom: 1px solid #dbdbdb;
}

.listQA > dd > .answer {
	background-color: #fff;
	color: #006ed4;
	border: 2px solid #006dd3;
	padding: 3px 0;
}

.listQA > dd:last-of-type {
	border-bottom: none;
}

.listNewsBa {
	margin: 10px 0;
}

.listNewsBa.iconNone > li > .block {
	width: 136px !important;
	width: 13.6rem !important;
}

.listNewsBa.iconNone > li > .block > span.icon {
	display: none !important;
}

.listNewsBa > li {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	line-height: 1.5;
	border-bottom: 1px solid #d3d3d3;
}

.listNewsBa > li > .block,
.listNewsBa > li > .content {
	overflow: hidden;
}

.listNewsBa > li > .block {
	padding-right: 20px;
	float: left;
	width: 30.3rem;
}

.listNewsBa > li > .block > span {
	display: inline-block;
}

.listNewsBa > li > .block > span.date {
	width: 136px;
	width: 13.6rem;
}

.listNewsBa > li > .block > span.icon {
	font-size: 14px;
	font-size: 1.4rem;
	width: 150px;
	width: 14.9rem;
	text-align: center;
	vertical-align: middle;
	margin-left: 15px;
	line-height: 1;
	padding: 4px 0;
	border: 1px solid #ffad00;
	border-radius: 6px;
	background-color: #fff;
}

.listNewsBa > li > .block > span.icon.product {
	border: 1px solid #007df1;
}

.listNewsBa > li > .block > span.icon.achieve {
	border: 1px solid #ffad00;
}

.listNewsBa > li > .block > span.icon.other {
	border: 1px solid #fd0;
}

.listNewsBa > li > .content > a {
	position: relative;
	display: inline-block;
	padding-left: 16px;
}

.listNewsBa > li > .content > a:before {
	top: 8px;
	left: 0;
}

.listOrderTy01 {
	margin: 40px 0;
}

.listOrderTy01 li {
	border-top: 1px solid #cfcfcf;
	padding: 28px 0;
	line-height: 1.5;
}

.listOrderTy01 li .hdg {
	position: relative;
	font-weight: bold;
	font-size: 24px;
	font-size: 2.4rem;
}

.listOrderTy01 li .hdg .step {
	display: inline-block;
	border-radius: 5px;
	background-color: #006dd3;
	color: #fff;
	font-weight: bold;
	padding: 8px 12px;
	line-height: 1;
	font-size: 16px;
	font-size: 1.6rem;
	margin-right: 15px;
}

.listOrderTy01 li .hdg .num {
	font-size: 28px;
	font-size: 2.8rem;
	margin-left: 5px;
}

.listImageTy01 > li {
	position: relative;
	border-bottom: 1px solid #cfcfcf;
	padding: 30px 0 30px 150px;
	line-height: 1.5;
}

.listImageTy01 > li:first-child {
	border-top: 1px solid #cfcfcf;
}

.listImageTy01 > li .image img {
	position: absolute;
	top: 30px;
	left: 0;
	width: 120px;
}

.listImageTy01 > li .image .title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 12px;
}

.listImageTy01 > li .explain *:last-child {
	margin-bottom: 0;
}

.listImageTy01 > li .explain .linkBa:last-child {
	line-height: 1;
}

.listImageTy01 > li .listTitle {
	width: 100%;
	overflow: hidden;
	margin-top: -10px;
}

.listImageTy01 > li .listTitle li {
	float: left;
	width: 33%;
	margin-top: 30px;
}

.listImageTy01 > li .listTitle dt {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 12px;
}

.listSpeakerTy01 {
	margin: 10px auto 30px;
}

.listSpeakerTy01 > li {
	position: relative;
	padding: 0 30px 15px;
	float: left;
	border-left: 1px solid #d9d9d9;
}

.listSpeakerTy01 > li:first-child {
	border-left: none;
}

.listSpeakerTy01 > li:last-child {
	border-right: 1px solid #d9d9d9;
}

.listSpeakerTy01 > li:after {
	width: 3px;
	height: 34px;
	background-color: #fff;
	bottom: 0;
	right: -2px;
	z-index: 2;
}

.listSpeakerTy01 > li dt {
	font-weight: bold;
	display: block;
	padding-top: 10px;
}

.listSpeakerTy01 > li dt span {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	margin-left: 20px;
	padding: 2px 12px;
	vertical-align: bottom;
}

.listSpeakerTy01 > li dt span.female {
	background-color: #e75353;
}

.listSpeakerTy01 > li dt span.male {
	background-color: #3c89d7;
}

.listSpeakerTy01 > li dd {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 10px;
}

.listSpeakerTy01 > li .wrapSpeaker {
	display: table;
	vertical-align: top;
	padding-bottom: 13px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 13px;
	direction: rtl;
}

.listSpeakerTy01 > li .wrapSpeaker .img {
	direction: ltr;
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
	white-space: nowrap;
	line-height: 0;
}

.listSpeakerTy01 > li .wrapSpeaker .img img {
	width: 74px;
	max-width: 74px;
}

.listSpeakerTy01 > li .wrapSpeaker .content {
	direction: ltr;
}

.listSpeakerTy01 > li .kHz {
	display: block;
	color: #888;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 10px;
	min-width: 156px;
}

.listSpeakerTy01 > li .bottomContent {
	width: 100%;
	display: table;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 12px;
}

.listSpeakerTy01 > li .bottomContent .left,
.listSpeakerTy01 > li .bottomContent .right {
	display: table-cell;
}

.listSpeakerTy01 > li .bottomContent .left {
	vertical-align: middle;
	text-align: center;
	padding: 0 0 0 3px;
}

.listSpeakerTy01 > li .bottomContent .left .btnPlayTy01 {
	margin: 16px 0 0;
}

.listSpeakerTy01 > li .bottomContent .right {
	vertical-align: top;
	padding-left: 30px;
}

.listSpeakerTy01 > li .listIcon {
	margin-left: -5px;
}

.listSpeakerTy01 > li .listIcon > li {
	float: left;
	margin: 0 0 5px 5px;
	line-height: 0;
}

.listSpeakerTy01 > li .listIcon > li img {
	width: 25px;
}

.listSpeakerTy01.col3 > li {
	width: 33.3%;
}

.listSpeakerTy01.col3 > li:nth-child(3n+1) {
	border-left: none;
	clear: both;
}

.listSpeakerTy01 + .listSpeakerTy01 {
	margin-top: -30px;
}

.listSpeakerTy02.columnBa > li {
	display: block;
	padding-top: 0 !important;
}

.listSpeakerTy02.columnBa > li .voiceText img {
	max-width: 192px;
}

.listSpeakerTy02 > li {
	display: table;
	border-bottom: 1px solid #ccc;
	padding-top: 20px;
	width: 100%;
}

.listSpeakerTy02 > li:first-child {
	padding-top: 0;
}

.listSpeakerTy02 > li .wrapSpeaker,
.listSpeakerTy02 > li .listMp3DownloadTy01 {
	display: table-cell;
	vertical-align: top;
}

.listSpeakerTy02 > li .wrapSpeaker + .noMp3 .btnWrap,
.listSpeakerTy02 > li .listMp3DownloadTy01 + .noMp3 .btnWrap {
	width: 90px;
}

.listSpeakerTy02 > li .speakerName {
	margin: 0;
}

.listSpeakerTy02 > li .wrapSpeaker {
	white-space: nowrap;
}

.listSpeakerTy02 > li .wrapSpeaker .img {
	text-align: center;
}

.listSpeakerTy02 > li .wrapSpeaker .img img {
	width: 72px;
}

.listSpeakerTy02 > li .wrapSpeaker.noImage {
	display: block;
	margin-bottom: 12px;
}

.listSpeakerTy02 > li .wrapSpeaker.noImage + .listMp3DownloadTy01 {
	display: block;
	padding-left: 0;
}

.listSpeakerTy02 > li .wrapSpeaker.noImage + .listMp3DownloadTy01 > li {
	padding-left: 0;
}

.listSpeakerTy02 > li .listMp3DownloadTy01 {
	padding-left: 25px;
}

.listSpeakerTy02 > li .listMp3DownloadTy01 > li {
	padding-left: 3px;
}

.listSpeakerTy02 > li .listMp3DownloadTy01 > li > * {
	vertical-align: top;
}

.listSpeakerTy02 .listVoice {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
	padding: 0 0 0 25px;
	width: 50%;
	display: table-cell;
}

.listSpeakerTy02 .listVoice dt {
	font-weight: bold;
	margin: 0 0 3px;
}

.listSpeakerTy03 {
	margin: 10px auto 30px;
}

.listSpeakerTy03 > li {
	position: relative;
	padding: 20px 0;
	float: left;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
}

.listSpeakerTy03 > li:first-child {
	border-left: none;
}

.listSpeakerTy03 > li:last-child {
	border-right: 1px solid #d9d9d9;
}

.listSpeakerTy03 > li:after {
	width: 44px;
	height: 44px;
	background-color: #fff;
	bottom: -22px;
	right: -22px;
	z-index: 2;
}

.listSpeakerTy03 > li .img {
	text-align: center;
	margin: 0;
	line-height: 0;
}

.listSpeakerTy03 > li .img img {
	max-width: 74px;
	width: 74px;
}

.listSpeakerTy03 > li .name {
	text-align: center;
	font-weight: bold;
	margin-bottom: 12px;
}

.listSpeakerTy03 > li .btnPlayTy01 {
	line-height: 1;
}

.listSpeakerTy03 > li .btnDownloadTy01 {
	text-align: center;
}

.listSpeakerTy03 > li .btnDownloadTy01 a {
	z-index: 3;
}

.listSpeakerTy03.col4 > li {
	width: 25%;
}

.listSpeakerTy03.col4 > li:nth-child(4n+1) {
	border-left: none;
	clear: both;
}

.listSpeakerTy03.col4 > li:nth-child(1),
.listSpeakerTy03.col4 > li:nth-child(2),
.listSpeakerTy03.col4 > li:nth-child(3),
.listSpeakerTy03.col4 > li:nth-child(4) {
	padding-top: 0;
}

.listMp3DownloadTy01 > li {
	display: table;
	width: 100%;
	border-top: 1px dotted #ccc;
	padding: 12px 0;
}

.listMp3DownloadTy01 > li:first-child {
	border-top: none;
	padding-top: 0;
}

.listMp3DownloadTy01 > li .waveform,
.listMp3DownloadTy01 > li .btnWrap {
	display: table-cell;
	vertical-align: middle;
}

.listMp3DownloadTy01 > li .waveform {
	width: 25%;
}

.listMp3DownloadTy01 > li .waveform + .btnWrap {
	width: 75%;
}

.listMp3DownloadTy01 > li .waveform img {
	vertical-align: middle;
}

.listMp3DownloadTy01 > li .btnWrap {
	width: 256px;
}

.listMp3DownloadTy01 > li .btnWrap .note {
	margin: 0 0 5px;
}

.listMp3DownloadTy01 > li .voiceText {
	margin: 0;
	font-size: 14px;
	font-size: 1.4rem;
}

.listMp3DownloadTy01 > li .name,
.listMp3DownloadTy01 > li .btn,
.listMp3DownloadTy01 > li .voiceText {
	display: table-cell;
	vertical-align: middle;
}

.listMp3DownloadTy01 > li .name {
	padding: 0 12px;
	text-align: right;
	margin: 0;
}

.listMp3DownloadTy01 > li .btn li {
	float: left;
	margin: 0 0 0 16px;
	line-height: 1;
}

.listMp3DownloadTy01 > li .btn li:first-child {
	margin-left: 0;
}

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

.listMP3PlayTy01 > li {
	position: relative;
	text-align: center;
	float: left;
	width: 25%;
	border-left: 1px dotted #d4d4d4;
}

.listMP3PlayTy01 > li:first-child {
	border-left: none;
}

.listMP3PlayTy01 > li:after {
	bottom: -11px;
	right: -11px;
	width: 22px;
	height: 22px;
	background-color: #fff;
	z-index: 1;
	display: none;
}

.listMP3PlayTy01 > li .img {
	line-height: 0;
}

.listMP3PlayTy01 > li .btnPlayTy01 a {
	width: 122px;
}

.listMp3DownloadTy02 {
	text-align: center;
	margin-top: 10px;
}

.listMp3DownloadTy02 > li.btnPlayTy01 {
	margin-bottom: 5px;
}

/* ----------------------------------------------------------------------------------------------------
   リンクリスト リストじゃないリンクもついでに
---------------------------------------------------------------------------------------------------- */

/*アイコン系*/

img.icon {
	display: inline-block !important;
	margin: 0 5px;
	vertical-align: middle !important;
	width: auto !important;
	border: none !important;
	position: static !important;
}

/*普通のリンクリスト*/

.linkListBa {
	margin: 10px 0;
}

.linkListBa > li {
	margin-bottom: 10px;
}

.linkListBa > li a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 15px;
	line-height: 1.3;
}

.linkListBa > li a:before {
	top: 6px;
	left: 0;
}

.linkListBa > li:last-child a {
	margin-bottom: 0;
}

.linkListBa > li > ul {
	padding-left: 30px;
}

.linkListBa.white a {
	color: #fff;
}

.linkListBa.white a:before {
	background-image: url(/common/images/sprites.png);
	background-position: -7px 0px;
	width: 5px;
	height: 9px;
}

/*単発*/

.linkBa a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 15px;
	line-height: 1.3;
	color: #333;
}

.linkBa a:before {
	top: 6px;
	left: 0;
}

.linkBa a:hover,
.linkBa a:focus {
	color: #007df1;
}

.linkBa.white a {
	color: #fff;
}

.linkBa.white a:before {
	background-image: url(/common/images/sprites.png);
	background-position: -7px 0px;
	width: 5px;
	height: 9px;
}

a.linkBa {
	position: relative;
	padding-left: 25px;
}

.linkListTy01 {
	margin-bottom: 40px;
}

.linkListTy01 > li {
	float: left;
	border-left: 1px dotted #cbcbcb;
}

.linkListTy01 > li a,
.linkListTy01 > li em {
	display: block;
	padding: 5px 20px;
	line-height: 1;
}

.linkListTy01 > li a.current,
.linkListTy01 > li em.current {
	color: #333;
	font-weight: bold;
}

.linkListTy01 > li a:hover,
.linkListTy01 > li a:focus {
	color: #007df1;
}

.linkListTy01 > li:first-child {
	border-left: none;
}

.linkListTy01 > li:first-child a,
.linkListTy01 > li:first-child em {
	padding-left: 0;
}

.linkListTy01 > li:last-child {
	border-right: 1px dotted #cbcbcb;
}

/*単発2*/

.linkTy01 a {
	color: #333;
	font-size: 24px;
	font-size: 2.4rem;
	position: relative;
	display: inline-block;
	padding: 0 0 0 38px;
	line-height: 1.3;
}

.linkTy01 a:before {
	background-image: url(/common/images/sprites.png);
	background-position: -497px 0px;
	width: 32px;
	height: 33px;
	top: 0;
	left: 0;
}

.linkTy01 a:hover,
.linkTy01 a:focus {
	color: #007df1;
}

.linkTy02 {
	border-bottom: 1px solid #e8e8e8;
	padding: 20px 0;
}

.linkTy02 p {
	width: 1000px;
	margin: 0 auto;
}

.linkTy02 a {
	font-size: 20px;
	font-size: 2rem;
	position: relative;
	display: inline-block;
	padding: 0 0 0 38px;
	line-height: 1.3;
	color: #333;
}

.linkTy02 a:before {
	background-image: url(/common/images/sprites.png);
	background-position: -497px 0px;
	width: 32px;
	height: 33px;
	top: 50%;
	margin-top: -16.5px;
	left: 0;
}

.linkTy02 a:hover,
.linkTy02 a:focus {
	color: #007df1;
}

/* ----------------------------------------------------------------------------------------------------
   ボックス
---------------------------------------------------------------------------------------------------- */

*[class^="box"] *:first-child {
	margin-top: 0;
}

*[class^="box"] *:last-child {
	margin-bottom: 0;
}

.boxBa,
.productArea li a {
	border: 3px solid #e7e7e7;
	border-radius: 8px;
	background-color: #fff;
	margin: 10px 0 30px;
	padding: 17px;
}

.linkListBa + .boxBa,
.productArea li .linkListBa + a {
	margin-top: 30px;
}

.boxBa > .hdg,
.productArea li a > .hdg {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 15px;
	line-height: 1.4;
}

.boxBa > .hdg.link,
.productArea li a > .hdg.link {
	margin: -17px -17px 0;
	padding: 0;
}

.boxBa > .hdg.link a,
.productArea li a > .hdg.link a {
	position: relative;
	display: block;
	padding: 15px 28px 15px 15px;
	background-color: #f3f3f3;
}

.boxBa > .hdg.link a:after,
.productArea li a > .hdg.link a:after {
	background-image: url(/common/images/sprites.png);
	background-position: -46px 0px;
	width: 10px;
	height: 16px;
	top: 50%;
	right: 15px;
	margin-top: -8px;
}

.boxBa > .hdg + .lytImgBa,
.productArea li a > .hdg + .lytImgBa {
	margin-top: 20px;
}

.boxBa .lytImgBa .iconText,
.productArea li a .lytImgBa .iconText {
	margin-bottom: 0;
}

.boxBa .imageWrap,
.productArea li a .imageWrap {
	text-align: center;
	width: 100%;
	height: 100px;
	padding: 10px 0;
	margin: 0;
}

.boxBa .imageWrap:before,
.productArea li a .imageWrap:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em;
}

.boxBa .imageWrap img,
.productArea li a .imageWrap img {
	display: inline-block;
	vertical-align: middle;
}

.boxBa.case > .content > .imageWrap,
.productArea li a.case > .content > .imageWrap {
	padding-top: 0;
}

.boxBa.case > .content > .hdg,
.productArea li a.case > .content > .hdg {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 14px;
	padding-bottom: 13px;
	line-height: 1.4;
}

.boxTy01 {
	border: 3px solid #3f8dd8;
	background-color: #fff;
	padding: 10px 18px;
	border-radius: 8px;
	margin: 30px 0;
}

.boxTy01 > .hdg {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: 1px solid #3f8dd8;
	padding: 5px 0 10px;
	line-height: 1.4;
}

.boxTy01 > .hdg.link {
	margin: -17px -17px 0;
	padding: 0;
}

.boxTy01 > .hdg.link a {
	position: relative;
	display: block;
	padding: 15px 28px 15px 15px;
	background-color: #f3f3f3;
}

.boxTy01 > .hdg.link a:after {
	background-image: url(/common/images/sprites.png);
	background-position: -46px 0px;
	width: 10px;
	height: 16px;
	top: 50%;
	right: 15px;
	margin-top: -8px;
}

.boxTy01 > .hdg.app {
	padding-left: 48px;
}

.boxTy01 > .hdg + .lytImgBa {
	margin-top: 20px;
}

.boxBa.explanatoryNotes,
.productArea li a.explanatoryNotes {
	display: table;
	width: 100%;
}

.boxBa.explanatoryNotes .hdg3,
.productArea li a.explanatoryNotes .hdg3,
.boxBa.explanatoryNotes .listIconTy2,
.productArea li a.explanatoryNotes .listIconTy2 {
	display: table-cell;
	vertical-align: top;
}

.boxBa.explanatoryNotes .hdg3,
.productArea li a.explanatoryNotes .hdg3 {
	display: table-cell;
	font-weight: bold;
	font-size: 20px;
	width: 106px;
	padding-right: 10px;
	line-height: 1;
	padding-top: 6px;
}

.boxBa.explanatoryNotes .listIconTy2,
.productArea li a.explanatoryNotes .listIconTy2 {
	font-weight: bold;
	font-size: 16px;
	border-left: 3px solid #F3F3F3;
	padding-left: 17px;
	margin-left: 116px !important;
}

.boxBa.explanatoryNotes .listIconTy2 li,
.productArea li a.explanatoryNotes .listIconTy2 li {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	float: left;
	padding: 8px 10px 9px 48px;
	position: relative;
	line-height: 1.2;
	margin-bottom: 17px;
}

.boxBa.explanatoryNotes .listIconTy2 li br,
.productArea li a.explanatoryNotes .listIconTy2 li br {
	display: none;
}

.boxBa.explanatoryNotes .listIconTy2 li:before,
.productArea li a.explanatoryNotes .listIconTy2 li:before {
	display: block;
	content: '';
	left: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 33px;
	height: 33px;
	background-image: url("/common/images/sprites2.png");
}

.boxBa.explanatoryNotes .listIconTy2 li.webservice,
.productArea li a.explanatoryNotes .listIconTy2 li.webservice {
	margin-bottom: 0;
}

.boxBa.explanatoryNotes .listIconTy2 li.application,
.productArea li a.explanatoryNotes .listIconTy2 li.application {
	margin-bottom: 0;
}

.boxBa.explanatoryNotes .listIconTy2 li.broadcast,
.productArea li a.explanatoryNotes .listIconTy2 li.broadcast {
	margin-bottom: 0;
}

.boxBa.explanatoryNotes .listIconTy2 li.autoattend:before,
.productArea li a.explanatoryNotes .listIconTy2 li.autoattend:before {
	background-position: 0 0;
}

.boxBa.explanatoryNotes .listIconTy2 li.narration:before,
.productArea li a.explanatoryNotes .listIconTy2 li.narration:before {
	background-position: -33px 0px;
}

.boxBa.explanatoryNotes .listIconTy2 li.builtin:before,
.productArea li a.explanatoryNotes .listIconTy2 li.builtin:before {
	background-position: -66px 0px;
}

.boxBa.explanatoryNotes .listIconTy2 li.smartphone:before,
.productArea li a.explanatoryNotes .listIconTy2 li.smartphone:before {
	background-position: -99px 0px;
}

.boxBa.explanatoryNotes .listIconTy2 li.broadcast:before,
.productArea li a.explanatoryNotes .listIconTy2 li.broadcast:before {
	background-position: -132px 0px;
}

.boxBa.explanatoryNotes .listIconTy2 li.application:before,
.productArea li a.explanatoryNotes .listIconTy2 li.application:before {
	background-position: -165px 0px;
}

.boxBa.explanatoryNotes .listIconTy2 li.webservice:before,
.productArea li a.explanatoryNotes .listIconTy2 li.webservice:before {
	background-position: -198px 0px;
}

.sample-box {
	margin-top: 60px;
	background-color: #cde6fc;
	border-radius: 6px;
	width: 100%;
	display: table;
	padding: 20px 25px;
	box-sizing: border-box;
}

.sample-box :last-child {
	margin-bottom: 0;
}

.sample-box .contents {
	display: table-cell;
	width: 62%;
}

.sample-box .contents p + .btnTy01,
.sample-box .contents p + .btnDownloadTy01 {
	margin: -10px 0 0;
}

.sample-box .contents .head {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #174187;
	padding-bottom: 10px;
}

.sample-box .contents .head .relation {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	background: #006dd3;
	border-radius: 3px;
	border: 1px solid #007df1;
	text-align: center;
	padding: 0 24px;
	margin-left: 16px;
}

.sample-box .contents .btnTy01,
.sample-box .contents .btnDownloadTy01 {
	text-align: center;
	margin-top: 0;
}

.sample-box .contents .btnTy01 a,
.sample-box .contents .btnDownloadTy01 a {
	width: 238px;
	display: inline-block;
	padding: 9px 0;
	font-weight: normal;
}

p + .sample-box .contents .btnTy01,
p + .sample-box .contents .btnDownloadTy01 {
	margin: -10px 0 10px;
}

.sample-box .img {
	display: table-cell;
	vertical-align: top;
	padding-left: 30px;
}

.sample-box .img img {
	width: 100%;
}

.relation-box {
	background-color: #cde6fc;
	border-radius: 6px;
	width: 100%;
	margin-top: 20px;
	padding: 14px 25px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.relation-box > :first-child {
	margin-top: 0;
}

.relation-box p {
	margin-bottom: 10px;
}

.relation-box :last-child {
	margin-bottom: 0;
}

.products-box {
	width: 1000px;
	margin: -29px auto 40px;
}

.products-box > li {
	float: left;
	width: 48.55%;
	box-sizing: border-box;
	border-radius: 8px;
	border: 3px solid #e7e7e7;
	margin-top: 29px;
}

.products-box > li.even {
	margin-left: 2.9%;
}

.products-box > li.appli {
	border-color: #92c7fb;
}

.products-box > li.dev {
	border-color: #ffa1a1;
}

.products-box > li > a {
	cursor: pointer;
	display: block;
	padding: 12px 30px 12px 20px;
	height: 100%;
	box-sizing: border-box;
	position: relative;
}

.products-box > li > a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 13px;
	margin: auto;
	width: 10px;
	height: 16px;
	background: url(/common/images/sprites/arrow_r_05.png) no-repeat;
}

.products-box > li > a > *:first-child {
	margin-top: 0;
}

.products-box > li > a > *:last-child {
	margin-bottom: 0;
}

.products-box > li > a .products-lyt {
	display: table;
}

.products-box > li > a .products-lyt .img {
	display: table-cell;
	vertical-align: middle;
	padding-right: 29px;
}

.products-box > li > a .products-lyt .contents {
	display: table-cell;
	vertical-align: top;
}

.products-box > li > a .products-lyt .contents p {
	font-size: 1.4rem;
	line-height: 1.57;
	margin-top: 9px;
	margin-bottom: 0;
}

.products-box > li > a .products-lyt .contents p.hdg {
	font-size: 1.6rem;
	line-height: 1.5;
}

.products-box > li > a .products-lyt .contents p.iconText {
	font-size: 1.2rem;
	line-height: 1;
	padding: 5px 17px;
}

.products-box > li > a .products-lyt .contents > *:first-child {
	margin-top: 0 !important;
}

.products-box > li > a .products-lyt .contents　:last-child {
	margin-bottom: 0 !important;
}

/* ----------------------------------------------------------------------------------------------------
   テーブル
---------------------------------------------------------------------------------------------------- */

table caption {
	font-weight: bold;
	margin-bottom: 5px;
}

table img {
	vertical-align: middle;
}

table.allCenter thead th,
table.allCenter thead td,
table.allCenter tbody th,
table.allCenter tbody td,
table.allCenter th,
table.allCenter td {
	text-align: center;
}

table.theadCenter thead th,
table.theadCenter thead td {
	text-align: center !important;
}

table.theadLeft thead th,
table.theadLeft thead td {
	text-align: left !important;
}

table.tbodyLeft tbody th,
table.tbodyLeft tbody td {
	text-align: left;
}

table.tbodyTdRight tbody td {
	text-align: right;
}

table.vMiddle * {
	vertical-align: middle;
}

table.vMiddle .listImgTy01 > li .caption,
table.vMiddle .lytImgBa .img img + .caption {
	margin-top: 2px;
}

table tr th > *:first-child,
table tr td > *:first-child {
	margin-top: 0;
}

table tr th > *:last-child,
table tr td > *:last-child {
	margin-bottom: 0;
}

.tableCaption {
	margin-top: -10px;
}

.tableBa,
.srm_input_table {
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.tableBa th,
.srm_input_table th,
.tableBa td,
.srm_input_table td {
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	vertical-align: middle;
}

.tableBa th,
.srm_input_table th {
	background-color: #f4f4f4;
	padding: 15px;
	font-weight: bold;
	overflow: hidden;
}

.tableBa td,
.srm_input_table td {
	padding: 12px;
	background-color: #fff;
}

.tableTy01 {
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
}

.tableTy01 th,
.tableTy01 td {
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	vertical-align: middle;
}

.tableTy01 th {
	background-color: #f4f4f4;
	padding: 15px;
	font-weight: bold;
	overflow: hidden;
}

.tableTy01 td {
	padding: 12px;
	background-color: #fff;
}

.tableTy01 .lighter {
	background-color: #fafafa;
}

.tableTy01 thead th,
.tableTy01 thead td {
	background-color: #f4f4f4;
	text-align: center;
}

/*テーブルスワイプ用*/

.table-frame {
	overflow: auto;
	width: 100%;
	position: relative;
}

.swipe-icon {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -75px;
	margin-top: -75px;
	width: 150px;
	height: 150px;
	opacity: .3;
	background-color: #333;
	text-align: center;
}

.swipe-icon img {
	width: 91px;
	padding-top: 16px;
}

/* ----------------------------------------------------------------------------------------------------
   ボタン
---------------------------------------------------------------------------------------------------- */

.btnBa a {
	display: block;
	text-align: center;
	border-radius: 8px;
	padding: 14px 0;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	box-shadow: -2px -2px 1px #d78e00 inset;
	background-color: #ffae00;
	color: #333;
}

.btnBa a:focus,
.btnBa a:hover {
	background-color: #f89b09;
	box-shadow: none !important;
	text-decoration: none;
	color: #333;
}

.btnBa.ty1 a {
	background-color: #fff10f;
	box-shadow: -2px -2px 1px #e0cf08 inset;
}

.btnBa.ty1 a:focus,
.btnBa.ty1 a:hover {
	background-color: #f8d800;
}

.btnBa.contactForm {
	width: 312px;
}

.btnTy01 a,
.btnDownloadTy01 a {
	display: block;
	text-align: center;
	border: 2px solid #e1e1e1;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 2px 0 #cbcbcb;
	font-weight: bold;
	padding: 12px 0;
	line-height: 1.3;
	color: #333;
}

.btnTy01 a:focus,
.btnDownloadTy01 a:focus,
.btnTy01 a:hover,
.btnDownloadTy01 a:hover {
	background-color: #ebebeb;
	box-shadow: none !important;
	text-decoration: none;
	color: #333;
}

.btnTy01.ty1 a,
.ty1.btnDownloadTy01 a {
	background-color: #fff10f;
	box-shadow: -2px -2px 1px #e0cf08 inset;
}

.btnTy01.ty2,
.ty2.btnDownloadTy01 {
	max-width: 260px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.btnTy02 a,
.srm_action_button a,
.btnTy02 input[type="submit"],
.srm_action_button input[type="submit"] {
	display: block;
	text-align: center;
	border-radius: 8px;
	padding: 20px 10px;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	box-shadow: -2px -2px 1px #0048be inset, 2px 2px 1px #2b86db inset;
	background-color: #006ed4;
	color: #fff;
}

.btnTy02 a:focus,
.srm_action_button a:focus,
.btnTy02 a:hover,
.srm_action_button a:hover,
.btnTy02 a.disable,
.srm_action_button a.disable,
.btnTy02 input[type="submit"]:focus,
.srm_action_button input[type="submit"]:focus,
.btnTy02 input[type="submit"]:hover,
.srm_action_button input[type="submit"]:hover,
.btnTy02 input[type="submit"].disable,
.srm_action_button input[type="submit"].disable {
	background-color: #0059d7;
	box-shadow: none !important;
	text-decoration: none;
	cursor: pointer;
}

.btnTy02 a.disable,
.srm_action_button a.disable,
.btnTy02 input[type="submit"].disable,
.srm_action_button input[type="submit"].disable {
	background-color: #d4d4d4;
}

.btnTy02.ty2,
.ty2.srm_action_button {
	max-width: 260px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.btnPlayTy01 {
	margin: 10px auto;
	text-align: center;
	color: #333;
}

.btnPlayTy01 a {
	position: relative;
	display: inline-block;
	background-color: #a1e83c;
	border-radius: 8px;
	border: 2px solid #95d637;
	-webkit-box-shadow: -1px -1px 1px rgba(147, 185, 93, 0.5) inset;
	box-shadow: -1px -1px 1px rgba(147, 185, 93, 0.5) inset;
	width: 71px;
	height: 36px;
	text-align: center;
}

.btnPlayTy01 a:after {
	background-image: url(/common/images/sprites.png);
	background-position: -142px 0px;
	width: 21px;
	height: 20px;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10.5px;
}

.btnPlayTy01 a span {
	color: #333;
	font-size: 6px;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: 15px;
	-webkit-transform: scale(0.3);
}

.btnPlayTy01 a:hover,
.btnPlayTy01 a:focus {
	background-color: #d7fe9f;
	box-shadow: none;
}

.btnPlayTy01 a.stop {
	border: 2px solid #e1e1e1;
	background-color: #ebebeb;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btnPlayTy01 a.stop:after {
	background-image: url(/common/images/sprites.png);
	background-position: -72px 0px;
	width: 13px;
	height: 13px;
	margin-top: -6.5px;
	margin-left: -6.5px;
}

.btnPlayTy01 a.stop span {
	margin-left: -5px;
}

.btnPlayTy01 a.stop:hover,
.btnPlayTy01 a.stop:focus {
	background-color: #fff;
}

.btnDownloadTy01 a {
	position: relative;
	display: inline-block;
	width: 149px;
	padding: 9px 0 8px 18px;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	color: #333;
}

.btnDownloadTy01 a:after {
	background-image: url(/common/images/sprites.png);
	background-position: -87px 0px;
	width: 15px;
	height: 13px;
	top: 50%;
	left: 8px;
	margin-top: -6.5px;
}

/* ----------------------------------------------------------------------------------------------------
   ナビゲーション
---------------------------------------------------------------------------------------------------- */

/*アンカーリンク*/

.anchorBa {
	margin-left: -18px;
}

.anchorBa > li {
	float: left;
	border-left: 1px dotted #cbcbcb;
	padding: 0 18px;
	margin-bottom: 18px;
}

.anchorBa > li a {
	position: relative;
	display: inline-block;
	padding: 5px 0 5px 45px;
	line-height: 1;
}

.anchorBa > li a:before {
	background-image: url(/common/images/sprites.png);
	background-position: -465px 0px;
	width: 30px;
	height: 30px;
	top: -2px;
	left: 0;
}

.anchorBa > li:first-child {
	border-left: none;
}

.anchorBa + .hdg2Ba {
	margin-top: 30px;
}

.stepBa {
	margin: 20px 0;
}

.stepBa > li {
	position: relative;
	float: left;
	padding: 0 20px 0 40px;
}

.stepBa > li:before {
	width: 0;
	height: 0;
	border-left: 18px solid #3f8dd8;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	top: 50%;
	margin-top: -15px;
	left: 0;
}

.stepBa > li:first-child {
	padding-left: 0;
}

.stepBa > li:first-child:before {
	display: none;
}

.stepBa > li:last-child {
	padding-right: 0;
}

.stepBa > li a {
	width: 152px;
	display: block;
	border-radius: 5px;
	background-color: #006dd3;
	color: #fff;
	font-weight: bold;
	padding: 8px 12px;
	line-height: 1;
}

.stepBa > li a > span {
	display: block;
}

.stepBa > li a .step {
	border-bottom: 1px dotted #fff;
	padding-bottom: 5px;
}

.stepBa > li a .num {
	font-size: 28px;
	font-size: 2.8rem;
	margin-left: 8px;
}

.stepBa > li a .text {
	padding-top: 8px;
}

/*タブ切り替え(SPのときはトグルに変化)*/

.tabBa.static .tabPanel {
	display: block !important;
}

.tabBa .tabPanel {
	display: none;
}

.tabBa .tabPanel.current {
	display: block !important;
}

.tabBa .tabs {
	margin-top: 30px;
}

ul.tabList {
	width: 100%;
	display: table;
	table-layout: fixed;
}

ul.tabList li {
	display: table-cell;
	border-top: 2px solid #007df1;
}

ul.tabList li a {
	position: relative;
	display: block;
	text-align: center;
	color: #333;
	text-decoration: none;
	font-size: 18px;
	font-size: 1.8rem;
	background-color: #fff;
}

ul.tabList li a:hover,
ul.tabList li a:focus {
	outline: -webkit-focus-ring-color auto 0;
	text-decoration: underline;
	color: #006fd5;
}

ul.tabList li a > span {
	padding: 15px 0 5px;
	display: block;
}

ul.tabList li a:before {
	width: 100%;
	height: 5px;
	background-color: #fff;
	top: 100%;
	left: 0;
	z-index: 1;
}

ul.tabList li a:after {
	width: 2px;
	height: 72%;
	background-color: #d3d3d3;
	top: 50%;
	margin-top: -6%;
	left: -1px;
	z-index: 0;
}

ul.tabList li a.current {
	color: #006fd5;
}

ul.tabList li a.current > span:before {
	background-image: url(/common/images/sprites.png);
	background-position: -600px 0px;
	width: 34px;
	height: 42px;
	top: -24px;
	left: 50%;
	margin-left: -17px;
}

ul.tabList li:first-child {
	border-radius: 12px 0 0 0;
	border-left: 2px solid #007df1;
}

ul.tabList li:first-child a {
	border-radius: 12px 0 0 0;
}

ul.tabList li:first-child a:after {
	display: none;
}

ul.tabList li:last-child {
	border-radius: 0 12px 0 0;
	border-right: 2px solid #007df1;
}

ul.tabList li:last-child a {
	border-radius: 0 12px 0 0;
}

/* ----------------------------------------------------------------------------------------------------
   フォーム
---------------------------------------------------------------------------------------------------- */

/*コンサポ*/

#contactFlowImg {
	background-color: #f6f6f6;
	padding: 15px 0;
	text-align: center;
	line-height: 1;
	margin: 40px 0;
}

.srm_must_item,
.srm_ninni_item {
	font-weight: bold;
	display: block;
	float: right;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;
	background-color: #d10000;
	border-radius: 3px;
	line-height: 1;
	padding: 6px 10px;
}

.srm_ninni_item {
	color: #333;
	background-color: #d1d1d1;
}

.srm_notice {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0;
	display: inline-block;
}

.sample {
	color: #666;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 10px;
}

.srm_input_table {
	margin-bottom: 40px;
}

.srm_input_table th {
	width: 250px;
}

.srm_input_table .fullname {
	margin-left: 20px;
}

.srm_input_table .fullname.sei {
	margin-left: 0;
}

.srm_input_table .fullname input {
	width: 210px;
	margin-left: 10px;
}

.srm_input_table #item_14,
.srm_input_table #item_15,
.srm_input_table #item_16,
.srm_input_table #item_17 {
	width: 498px;
}

.srm_input_table #item_30_zip1,
.srm_input_table #item_30_zip2,
.srm_input_table #item_18_phone1,
.srm_input_table #item_18_phone2,
.srm_input_table #item_18_phone3 {
	width: 110px;
}

.srm_input_table #item_19 {
	width: 364px;
}

.srm_input_table #item_20 {
	width: 100%;
}

.srm_input_table #item_21,
.srm_input_table #item_22 {
	width: 230px;
}

.srm_input_table #item_25,
.srm_input_table #item_26,
.srm_input_table #item_27,
.srm_input_table #item_28,
.srm_input_table #item_29 {
	width: 100%;
}

.agreementCheck {
	background-color: #e8f4ff;
	border-radius: 4px;
	padding: 11px 15px 10px;
	width: 100%;
	display: table;
}

.agreementCheck dt,
.agreementCheck dd {
	display: table-cell;
	vertical-align: middle;
}

.agreementCheck dt {
	width: 39%;
	font-weight: bold;
}

.agreementCheck dt .srm_must_item {
	float: none;
	display: inline-block;
	vertical-align: top;
}

.agreementCheck dd {
	padding-top: 2px;
}

.srm_action_button {
	text-align: center;
}

.srm_action_button input[type="submit"] {
	margin: 0 auto;
	width: 310px;
	padding: 13px 10px 15px;
	display: inline-block;
	margin-left: 20px;
}

.srm_action_button input[type="submit"]:first-child {
	margin-left: 0;
}

.returnHome {
	width: 25%;
	margin: 40px auto 20px;
}

.returnHome a {
	padding: 13px 10px 15px;
}

.srm_error_message_list li {
	color: #cc0000;
	font-weight: bold;
	margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------------------------------
	 その他
---------------------------------------------------------------------------------------------------- */

.iconText {
	display: inline-block;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	background-color: #d1d1d1;
	line-height: 1;
	padding: 5px 12px;
}

.iconText.ty1 {
	background-color: #e75353;
}

.iconText.ty2 {
	background-color: #3c89d7;
}

.iconText.ty3 {
	background-color: #476daf;
}

.iconText.ty4 {
	background-color: #e3537c;
}

.iconText.ty5 {
	background-color: #d10000;
}

.iconText.ty6 {
	background-color: #d1d1d1;
	color: #333;
}

.note {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

span.iconNewsCategory {
	display: inline-block;
	vertical-align: baseline;
	font-size: 14px;
	font-size: 1.4rem;
	width: 150px;
	width: 14.9rem;
	text-align: center;
	line-height: 1;
	padding: 4px 0;
	border: 1px solid #ffad00;
	border-radius: 6px;
	background-color: #fff;
}

span.iconNewsCategory.product {
	border: 1px solid #007df1;
}

span.iconNewsCategory.achieve {
	border: 1px solid #ffad00;
}

span.iconNewsCategory.other {
	border: 1px solid #fd0;
}

.categoryAndDate {
	text-align: right;
}

.categoryAndDate .iconNewsCategory {
	margin-right: 10px;
}

.app {
	position: relative;
	padding-left: 48px;
}

.app:before {
	background-image: url(/common/images/sprites.png);
	background-position: -565px 0px;
	width: 33px;
	height: 31px;
	top: 0;
	left: 0;
}

.speakerName {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

.speakerName > span {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	margin-left: 15px;
	padding: 2px 12px;
	vertical-align: middle;
}

.speakerName > span.female {
	background-color: #e75353;
}

.speakerName > span.male {
	background-color: #476daf;
}

.listVoiceSample01 > li {
	overflow: hidden;
}

.listVoiceSample01 > li .text,
.listVoiceSample01 > li .object {
	float: left;
}

.listVoiceSample01 > li .text {
	width: 65%;
}

.listVoiceSample01 > li .object {
	width: 35%;
}

.listVoiceSample01 > li .object .control {
	overflow: hidden;
}

.listVoiceSample01 > li .object .control > li {
	float: left;
	margin-left: 10px;
}

.listVoiceSample01 > li .object .control > li:first-child {
	margin-left: 0;
}

.samePDF .img a:hover,
.samePDF .img a:focus {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#flowInquiryArea {
	width: 100%;
	float: left;
	margin: 80px 0 0;
}

#flowInquiryArea li {
	position: relative;
	background-color: #cde6fc;
	float: left;
	width: 50%;
	text-align: center;
	padding: 25px 15px;
}

#flowInquiryArea li:first-child {
	border-radius: 8px 0 0 8px;
	border-right: 1px solid #fff;
}

#flowInquiryArea li:last-child {
	border-radius: 0 8px 8px 0;
	border-left: 1px solid #fff;
}

#flowInquiryArea li .btnTy01,
#flowInquiryArea li .btnDownloadTy01 {
	width: 240px;
	margin: 0 auto 0;
	padding-top: 15px;
}

.catch {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
}

.appStore {
	position: relative;
}

.appStore span {
	position: absolute;
	bottom: 0;
	left: 5px;
	color: #000 !important;
	text-decoration: none !important;
	font-size: 4px;
	line-height: 1;
	-webkit-transform-origin: 0 100%;
	-webkit-transform: scale(0.36);
}

.listBa.vt-microlite > dt {
	width: 114px !important;
}

.listBa.vt-microlite.ie8 > dt,
.listBa.vt-microlite.ie8 > dd {
	height: auto !important;
}

/* slick */

.slick-slide {
	position: relative;
	margin: 0 0.1%;
}

.slick-slide:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-radius: 8px;
	height: 100%;
	background: rgba(0, 0, 0, 0.17);
}

.slick-slide img {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.slick-center:before {
	display: none;
}

.slick-arrow {
	position: absolute;
	top: -26px;
	margin: auto;
	bottom: 0;
	z-index: 100;
	width: 35px;
	height: 60px;
	background-color: #3f8dd8;
	border: none;
	text-indent: -100000000000000000px;
}

.slick-prev {
	left: 8.2%;
	background: url(/common/images/arrow_l_01.png) no-repeat;
	z-index: 10;
}

.slick-next {
	right: 8.2%;
	background: url(/common/images/arrow_r_06.png) no-repeat;
	z-index: 15;
}

.slick-dots {
	position: relative;
	text-align: center;
	margin: 16px 0 0;
	padding: 0;
	height: 14px;
	z-index: 0;
	overflow: hidden;
}

.slick-dots > li {
	display: inline-block;
}

.slick-dots > li > button {
	vertical-align: top;
	border: none;
	background: none;
	width: 12px;
	padding: 0;
	height: 13px;
	overflow: hidden;
}

.slick-dots > li > button:before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 6px;
	background-color: #dadada;
}

.slick-dots > li + li {
	margin-left: 18px;
}

.slick-dots > li.slick-active > button:before {
	background-color: #0077f1;
}

.slider-wrap {
	text-align: center;
	position: relative;
	margin-top: 20px;
	margin-bottom: 16px;
}

.slider-control-btn-wrap {
	position: absolute;
	left: 50%;
	bottom: 1px;
	overflow: hidden;
}

.slider-control-btn {
	color: transparent;
	cursor: pointer;
	display: block;
	height: 14px;
	overflow: hidden;
	padding: 0;
	font-size: 0;
	width: 15px;
	border: none;
	background: transparent;
}

.slider-control-btn .play-btn {
	background: transparent url("/common/images/icon_play_01.png") no-repeat scroll 0 0;
	content: "";
	height: 14px;
	position: absolute;
	width: 14px;
	display: none;
	top: 0;
	left: 0;
}

.slider-control-btn .stop-btn {
	background: transparent url("/common/images/icon_pause_01.png") no-repeat scroll 0 0;
	content: "";
	height: 14px;
	position: absolute;
	width: 14px;
	display: block;
	top: 0;
	left: 0;
}

/* ----------------------------------------------------------------------------------------------------
   印刷対応
---------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------
   トップページにしか登場しないようなやつ専用
--------------------------------------------------------------------------------------------------------------- */

body.top #contentainer {
	width: auto;
	margin-bottom: 0;
	margin-top: 0;
}

body.top .linkTy01 {
	width: 1000px;
	margin: 20px auto;
}

/*デモンストレーション*/

#demonstration {
	width: 1000px;
	margin: 0 auto;
}

/*VOICETEXTの特長*/

#strongPoint {
	background-color: #3f8dd7;
	border-top: 2px solid #c1c1c1;
	padding: 20px 0;
}

#strongPoint .content {
	width: 1000px;
	margin: 0 auto;
	color: #fff;
}

#strongPoint .content .logo {
	clear: both;
	line-height: 1;
}

#strongPoint .content .logo img {
	width: 158px;
}

#strongPoint .content .logo .text {
	font-size: 30px;
	font-size: 3rem;
}

#strongPoint .content .intro {
	width: 460px;
}

#strongPoint .content .intro li {
	margin: 25px 0 0;
}

#strongPoint .content .intro li h3 {
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	padding: 4px 0 0 50px;
}

#strongPoint .content .intro li h3 a {
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	color: #3f8dd8;
	background: #fff;
	font-weight: normal;
	border-radius: 6px;
	margin-left: 18px;
	padding: 6px 12px 6px 37px;
}

#strongPoint .content .intro li h3 a:before {
	content: "";
	display: block;
}

#strongPoint .content .intro li h3 a:hover {
	text-decoration: none;
}

#strongPoint .content .intro li h3.emotion a {
	position: relative;
}

#strongPoint .content .intro li h3.emotion a:before {
	content: "";
	display: block;
	width: 19px;
	height: 18px;
	position: absolute;
	background: url(/common/images/icon_arrow_01_03.png);
	top: 0;
	bottom: 0;
	margin: auto;
	left: 9px;
}

#strongPoint .content .intro li h3.emotion a:hover {
	color: #8cbbe8;
}

#strongPoint .content .intro li h3.emotion a:hover:before {
	background: url(/common/images/icon_arrow_01_03_o.png);
}

#strongPoint .content .intro li h3:before {
	top: 0;
	left: 0;
}

#strongPoint .content .intro li h3.naturalVoice:before {
	background-image: url(/common/images/sprites.png);
	background-position: -956px 0px;
	width: 40px;
	height: 40px;
}

#strongPoint .content .intro li h3.responce:before {
	background-image: url(/common/images/sprites.png);
	background-position: -1040px 0px;
	width: 40px;
	height: 40px;
}

#strongPoint .content .intro li h3.lineup:before {
	background-image: url(/common/images/sprites.png);
	background-position: -1082px 0px;
	width: 40px;
	height: 40px;
}

#strongPoint .content .intro li h3.emotion:before {
	background-image: url(/common/images/sprites.png);
	background-position: -998px 0px;
	width: 40px;
	height: 40px;
}

#strongPoint .content .intro.left {
	float: left;
}

#strongPoint .content .intro.right {
	float: right;
}

#pickupBnr {
	display: table;
	width: 1000px;
	margin: 20px auto 30px;
}

#pickupBnr dt,
#pickupBnr dd {
	display: table-cell;
	vertical-align: middle;
}

#pickupBnr dt {
	width: 116px;
	font-weight: bold;
	color: #fff;
	border-radius: 6px 0 0 6px;
	background-color: #0077f1;
	text-align: center;
}

#pickupBnr dd {
	background-color: #f4f4f4;
	border-radius: 0 6px 6px 0;
	padding: 10px 0;
}

#pickupBnr dd ul li {
	float: left;
	margin-left: 26px;
}

#pickupBnr dd ul li a {
	display: block;
	line-height: 0;
}

#pickupBnr dd ul li a img {
	width: 260px;
}

#solutionArea {
	position: relative;
	margin: 20px 0 30px;
	text-align: center;
}

#solutionArea:before {
	width: 100%;
	height: 2px;
	background-color: #007df1;
	top: 54px;
	left: 0;
	z-index: 0;
}

#solutionArea .inner {
	display: inline-block;
}

#solutionArea .wrapper {
	position: relative;
	float: left;
}

#solutionArea .wrapper:before {
	width: 100%;
	height: 2px;
	background-color: #007df1;
	z-index: 0;
	top: 54px;
	left: 0;
	display: none;
}

#solutionArea ul {
	position: relative;
	display: table;
	width: 500px;
	margin: 0 auto;
	table-layout: fixed;
}

#solutionArea ul li {
	display: table-cell;
	text-align: center;
	vertical-align: top;
}

#solutionArea ul li a {
	display: inline-block;
}

#solutionArea ul li a .circle {
	position: relative;
	display: block;
	background-color: #f5f5f5;
	border-radius: 54px;
	width: 109px;
	height: 109px;
	z-index: 1;
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

#solutionArea ul li a .circle img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -31.5px;
	margin-left: -38px;
}

#solutionArea ul li a .circle:after {
	pointer-events: none;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
	opacity: 0;
	transform: scale(0.9);
}

#solutionArea ul li a:hover .circle {
	transform: scale(0.93);
	color: #fff;
}

#solutionArea ul li a:hover .circle:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

#solutionArea ul li a .text {
	display: block;
	padding-top: 10px;
	max-width: 109px;
	line-height: 1.4;
	letter-spacing: -0.05em;
	letter-spacing: -0.05rem;
}

#instanceArea {
	background-color: #f4f4f4;
	padding: 25px 0 30px;
}

#instanceArea .linkTy01 {
	margin-top: 0;
}

#instanceArea ul {
	width: 1000px;
	margin: 0 auto;
}

#instanceArea ul li {
	position: relative;
	float: left;
	width: 25%;
	border-bottom: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
}

#instanceArea ul li:before,
#instanceArea ul li:after {
	left: 15px;
}

#instanceArea ul li:after {
	background-color: #f4f4f4;
	width: 25px;
	height: 25px;
	z-index: 1;
	left: 100%;
	margin-left: -11px;
	bottom: -10px;
}

#instanceArea ul li.introduction_01:before {
	background-image: url(/common/images/sprites.png);
	background-position: -916px 0px;
	width: 38px;
	height: 38px;
	background: url(/common/images/sprites/introduction_10.png);
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_02:before {
	background-image: url(/common/images/sprites.png);
	background-position: -916px 0px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_03:before {
	background-image: url(/common/images/sprites.png);
	background-position: -636px 0px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_04:before {
	background-image: url(/common/images/sprites.png);
	background-position: -716px 0px;
	width: 38px;
	height: 38px;
	background: url(/common/images/sprites/introduction_11.png);
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_05:before {
	background-image: url(/common/images/sprites.png);
	background-position: -636px 0px;
	width: 38px;
	height: 38px;
	background: url(/common/images/sprites/introduction_09.png);
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_06:before {
	background-image: url(/common/images/sprites.png);
	background-position: -796px 0px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_07:before {
	background-image: url(/common/images/sprites.png);
	background-position: -756px 0px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_08:before {
	background-image: url(/common/images/sprites.png);
	background-position: -716px 0px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_09:before {
	background-image: url(/common/images/sprites.png);
	background-position: -836px 0px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li a {
	display: block;
}

#instanceArea ul li a span {
	display: block;
}

#instanceArea ul li.introduction_01,
#instanceArea ul li.introduction_05,
#instanceArea ul li.introduction_09 {
	border-left: none;
}

#instanceArea ul li.introduction_01:before,
#instanceArea ul li.introduction_02:before,
#instanceArea ul li.introduction_03:before,
#instanceArea ul li.introduction_04:before {
	top: 4px;
}

#instanceArea ul li.introduction_01 a,
#instanceArea ul li.introduction_02 a,
#instanceArea ul li.introduction_03 a,
#instanceArea ul li.introduction_04 a {
	padding: 10px 0 25px 77px;
}

#instanceArea ul li.introduction_04:after {
	display: none;
}

#instanceArea ul li.introduction_05:before,
#instanceArea ul li.introduction_06:before,
#instanceArea ul li.introduction_07:before,
#instanceArea ul li.introduction_08:before,
#instanceArea ul li.introduction_09:before {
	top: 20px;
}

#instanceArea ul li.introduction_05:after,
#instanceArea ul li.introduction_06:after,
#instanceArea ul li.introduction_07:after,
#instanceArea ul li.introduction_08:after,
#instanceArea ul li.introduction_09:after {
	display: block;
}

#instanceArea ul li.introduction_05 a,
#instanceArea ul li.introduction_06 a,
#instanceArea ul li.introduction_07 a,
#instanceArea ul li.introduction_08 a,
#instanceArea ul li.introduction_09 a {
	padding: 25px 0 25px 77px;
}

#instanceArea ul li.introduction_09 {
	border-bottom: none;
}

.productArea {
	width: 1000px;
	margin: 20px auto 40px;
}

.productArea li {
	float: left;
	width: 22%;
	margin-left: 4%;
}

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

.productArea li a {
	padding: 7px;
	display: block;
	text-align: center;
	margin: 0;
}

.productArea li a .image {
	display: block;
}

.productArea li a .text {
	position: relative;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 10px;
}

.productArea li a .text:before {
	position: static;
	display: inline-block;
	margin-right: 10px;
}

.productArea li a:hover .text,
.productArea li a:focus .text {
	text-decoration: underline;
}

#customer {
	background-color: #3f8dd8;
	padding: 30px 0;
}

#customer ul {
	width: 960px;
	margin: 0 auto;
}

#customer ul li {
	position: relative;
	background-color: #f4f4f4;
	float: left;
	width: 50%;
	height: 70px;
}

#customer ul li:first-child {
	border-radius: 8px 0 0 8px;
	border-right: 1px solid #3f8dd8;
}

#customer ul li:last-child {
	border-radius: 0 8px 8px 0;
	border-left: 1px solid #3f8dd8;
}

#customer ul li:before {
	background-image: url(/common/images/sprites.png);
	background-position: -1124px 0px;
	width: 43px;
	height: 35px;
	top: 50%;
	margin-top: -17.5px;
	left: 20px;
}

#customer ul li .name {
	font-size: 20px;
	font-size: 2rem;
	margin: 0;
	padding: 20px 0 0 110px;
}

#customer ul li .btnTy01,
#customer ul li .btnDownloadTy01 {
	width: 164px;
	position: absolute;
	top: 14px;
	right: 20px;
	margin: 0;
}

#customer ul li .btnTy01 a,
#customer ul li .btnDownloadTy01 a {
	padding: 8px 0;
}

body.top .inquiryArea {
	padding: 30px 0 80px !important;
	border-bottom: 2px solid #007df1;
}

body.top #strongPoint + .inquiryArea {
	padding: 30px 0  !important;
	border-bottom: 0;
}

.inquiryArea {
	background-color: #dadada;
	padding: 30px 0 30px;
}

#contentainer + .inquiryArea {
	margin-top: 30px;
}

.inquiryArea .inner {
	width: 960px;
	margin: 0 auto;
	background-color: #cdcdcd;
	border-radius: 10px;
	padding: 10px;
}

.inquiryArea .inner ul {
	float: left;
}

.inquiryArea .inner ul li {
	float: left;
	margin-right: 12px;
	width: 312px;
}

.inquiryArea .inner dl {
	float: left;
}

.inquiryArea .inner dl dt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	margin-bottom: 4px;
}

.inquiryArea .inner dl dd {
	line-height: 1;
}

.inquiryArea .inner dl dd .number,
.inquiryArea .inner dl dd .time {
	display: inline-block;
}

.inquiryArea .inner dl dd .number {
	position: relative;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	padding-left: 27px;
}

.inquiryArea .inner dl dd .number:before {
	background-image: url(/common/images/sprites.png);
	background-position: -405px 0px;
	width: 28px;
	height: 28px;
	top: 50%;
	margin-top: -14px;
	left: -3px;
}

.inquiryArea .inner dl dd .time {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
	margin-left: 27px;
}

#tabArea {
	width: 1000px;
	margin: -52px auto 0;
}

#footerCategoryArea {
	background-color: #3e8dd8;
	padding: 12px 0;
}

#footerCategoryArea nav {
	width: 1000px;
	margin: 0 auto;
	display: table;
}

#footerCategoryArea nav .col {
	display: table-cell;
	border-right: 2px solid #257acc;
	padding: 4px 10px;
	min-width: 170px;
	vertical-align: top;
}

#footerCategoryArea nav .col.col2 {
	width: 252px;
}

#footerCategoryArea nav .col:first-child {
	border-left: 2px solid #257acc;
}

#footerCategoryArea nav .col ul,
#footerCategoryArea nav .col p {
	margin: 0;
}

#footerCategoryArea nav .col dt .oc {
	display: none;
}

#footerCategoryArea nav .col dd {
	overflow: hidden;
	margin-top: 10px;
	-webkit-transition: 0.3s height ease;
	transition: 0.3s height ease;
}

#footerCategoryArea nav .col .detailList {
	float: left;
}

#footerCategoryArea nav .col .detailList li a {
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

#footerCategoryArea nav .col .detailList + .detailList {
	margin-left: 20px;
}

/* ---------------------------------------------------------------------------------------------------------------
   ショウ君コーナーにしか登場しないようなやつ専用
--------------------------------------------------------------------------------------------------------------- */

body.show #contentainer {
	width: auto;
	margin-bottom: 0;
}

body.show .hdg1Ba {
	background-color: #a7eeea;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

body.show .hdg1Ba h1 {
	width: 100%;
	line-height: 0;
}

body.show .hdg1Ba img {
	margin-left: -38px;
}

.showH2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	position: relative;
	padding: 13px 0 8px 90px;
	margin: 20px 0;
}

.showH2 img {
	position: absolute;
	top: 0;
	left: 0;
}

.showContent {
	width: 1000px;
	margin: 0 auto;
}

.showContent dl.listBa > dd:last-of-type {
	height: auto !important;
}

.tableShow {
	width: 100%;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	margin-bottom: 20px;
}

.tableShow th,
.tableShow td {
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	vertical-align: middle;
}

.tableShow th {
	background-color: #f4f4f4;
	padding: 15px;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}

.tableShow th.ty1 {
	background-color: #e2f4fe;
}

.tableShow th.ty2 {
	background-color: #ceedff;
}

.tableShow th.ty3 {
	background-color: #b6e5ff;
}

.tableShow th.ty4 {
	background-color: #a4dfff;
}

.tableShow th.ty5 {
	background-color: #93d8ff;
}

.tableShow td {
	padding: 12px;
	background-color: #fff;
}

.tableShow td.year {
	text-align: center;
	font-weight: bold;
}

.tableShow td img {
	padding: 0 25px 0 15px;
}

.tableShow td .orange {
	font-weight: bold;
	color: #f78900;
}

.showProfile,
.bangumiInfo {
	background-color: #f6f3d4;
	padding: 30px 0;
}

.showProfile .lytImgBa,
.bangumiInfo .lytImgBa {
	margin: 0;
}

.showProfile .lytImgBa.imageL > .img,
.bangumiInfo .lytImgBa.imageL > .img {
	padding-right: 38px;
}

.showProfile .lytImgBa dt,
.bangumiInfo .lytImgBa dt {
	min-width: 103px;
}

.bangumiInfo {
	padding: 20px 0 14px;
}

.bangumiInfo .hdg {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}

.showQA {
	background-color: #c9f083;
	padding: 32px 0;
}

.showQA .hdg {
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	border-radius: 4px;
	background: url(/show/images/bg_qa_hdg.png) repeat-x 0 0;
	line-height: 1.3;
	padding: 8px 13px;
}

.showQA .listQA {
	margin-bottom: 30px;
}

.showQA .listQA:last-of-type {
	margin-bottom: 0;
}

.showQA .listQA > dt {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	padding-left: 40px;
	margin-bottom: 18px;
}

.showQA .listQA > dt > .question {
	top: 0;
}

.showQA .listQA > dd,
.showQA .listQA > .dd {
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
}

.showQA .listQA > dd img,
.showQA .listQA > .dd img {
	border-radius: 3px;
}

.showQA .listQA > dd:before,
.showQA .listQA > .dd:before {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6px 10.4px 6px;
	border-color: transparent transparent #ffffff transparent;
	top: -10px;
	left: 24px;
}

.showQA .conversation > li {
	width: 100%;
	display: table;
	margin-top: 27px;
}

.showQA .conversation > li:first-child {
	margin-top: 0;
}

.showQA .conversation .speaker,
.showQA .conversation .talk {
	display: table-cell;
	vertical-align: top;
}

.showQA .conversation .speaker *:first-child,
.showQA .conversation .talk *:first-child {
	margin-top: 0;
}

.showQA .conversation .speaker *:last-child,
.showQA .conversation .talk *:last-child {
	margin-bottom: 0;
}

.showQA .conversation .speaker {
	white-space: nowrap;
	padding-right: 16px;
	border-right: 2px solid #cfcfcf;
	font-weight: bold;
	width: 43px;
}

.showQA .conversation .speaker.color01 {
	color: #123d9c;
}

.showQA .conversation .speaker.color02 {
	color: #f56b2c;
}

.showQA .conversation .talk {
	padding-left: 18px;
}

/* タブ・プルダウン切り替えエリア
------------------------------*/

.boxTabTy01 .tabList,
.boxTabTy01 .tabList li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.boxTabTy01 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
}

.boxTabTy01 .selectBa {
	margin-bottom: 10px;
}

.boxTabTy01 .selectBa > .altVal {
	display: none;
}

.boxTabTy01 .selectBa a.btnSelect {
	display: none;
}

.boxTabTy01 .tabList {
	background: #f4f4f4;
	padding: 3px 4px 5px;
	border-radius: 4px;
	width: 100%;
}

.boxTabTy01 .tabList li {
	border-top: none;
	display: block;
	background: #f4f4f4;
	min-width: 96px;
	width: 20%;
	float: left;
}

.boxTabTy01 .tabList li a {
	width: 100%;
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	color: #333;
	text-align: center;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.5;
	background-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.boxTabTy01 .tabList li a img {
	margin-right: 5px;
	vertical-align: bottom;
}

.boxTabTy01 .tabList li a:hover {
	text-decoration: none;
	color: #333;
}

.boxTabTy01 .tabList li:first-child {
	border-left: none;
	border-radius: initial;
}

.boxTabTy01 .tabList li:first-child a {
	border: none;
}

.boxTabTy01 .tabList li:last-child {
	border-right: none;
	border-radius: initial;
}

.boxTabTy01 .tabList li:last-child a {
	border: none;
}

.boxTabTy01 .tabList li.current a {
	font-weight: bold;
	background: #0077f1;
	border-radius: 5px;
	color: #fff;
}

.boxTabTy01 .tabContent {
	display: none;
}

.boxTabTy01 .tabContent .wrapSpeaker {
	margin-bottom: 0;
}

.boxTabTy01 .tabContent .wrapSpeaker > .content > dl {
	float: left;
}

.boxTabTy01 .tabContent .wrapSpeaker .tag {
	padding-top: 10px;
	text-align: right;
}

.boxTabTy01 .tabContent .wrapSpeaker .tag span {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	border-radius: 3px;
	padding: 2px 12px;
	vertical-align: bottom;
}

.boxTabTy01 .tabContent .wrapSpeaker .tag span.female {
	background: #e75353;
}

.boxTabTy01 .tabContent .wrapSpeaker .tag span.male {
	background: #3c89d7;
}

.boxTabTy01 .tabContent .wrapSpeaker .tag span.emotion {
	margin-top: 10px;
	background: #fc0;
}

.boxTabTy01 .tabContent .wrapSpeaker .kHz {
	margin: 10px 0 0;
}

.boxTabTy01 .tabContent .wrapSpeaker .img {
	padding-right: 15px;
}

.boxTabTy01 .tabContent .wrapSpeaker .img img {
	width: 100%;
}

.boxTabTy01 .tabContent .bottomContent .right .btnPlayTy01 {
	margin: 16px 0 0;
}

@media screen and (min-width: 767px) and (max-width: 1040px) {

.boxBa.explanatoryNotes .hdg3,
.productArea li a.explanatoryNotes .hdg3 {
	padding-top: 0;
}

.boxBa.explanatoryNotes .listIconTy2 li,
.productArea li a.explanatoryNotes .listIconTy2 li {
	width: 33.25243%;
	padding-left: 45px;
}

.boxBa.explanatoryNotes .listIconTy2 li.application,
.productArea li a.explanatoryNotes .listIconTy2 li.application {
	margin-bottom: 17px;
}

.boxBa.explanatoryNotes .listIconTy2 li.broadcast,
.productArea li a.explanatoryNotes .listIconTy2 li.broadcast {
	margin-bottom: 17px;
}

.products-box {
	width: auto;
}

}

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

.slick-slide {
	width: 1000px;
}

.slider-control-btn-wrap {
	left: 50%;
}

}

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

.utility li.btnBa {
	padding-right: 20px;
	border-right: 1px solid #d3d3d3;
}

.utility li.contact {
	display: none;
}

header #headerContent {
	width: 100%;
}

#glovalNav .content {
	width: auto;
	padding: 0 10px;
}

#glovalNav .content .logo a img {
	width: 97px;
}

#glovalNav .content .nav li a {
	font-size: 14px;
	font-size: 1.4rem;
	padding-left: 12px;
	padding-right: 12px;
}

#glovalNav .content .nav li a.current {
	padding-top: 6px;
	padding-bottom: 18px;
	font-weight: bold;
}

#glovalNav .content .nav li a.current:after {
	display: block;
}

#topicPath p {
	width: auto;
	padding: 0 0 0 10px;
}

#contentainer {
	width: auto;
	padding: 0 10px;
}

#main {
	width: 72%;
}

#aside {
	width: 26%;
}

footer #footerBottom {
	width: auto;
	padding: 0 10px;
}

.hdg1Ba {
	padding-left: 10px;
}

.hdg1Ba h1 {
	width: auto;
}

.hdgWrapper {
	width: auto;
}

.columnBa {
	margin-left: -2% !important;
}

.columnBa.col2 > .col,
.columnBa.col2 > .col2of3,
.columnBa.col2 > .col1of3,
.columnBa.col2 > .col3of4,
.columnBa.col2 > .col1of4,
.columnBa.col2 > .col2of4 {
	width: 48%;
	margin-left: 2%;
}

.columnBa.col3 > .col,
.columnBa.col3 > .col2of3,
.columnBa.col3 > .col1of3,
.columnBa.col3 > .col3of4,
.columnBa.col3 > .col1of4,
.columnBa.col3 > .col2of4 {
	width: 31.3%;
	margin-left: 2%;
}

.columnBa.col4 > .col,
.columnBa.col4 > .col2of3,
.columnBa.col4 > .col1of3,
.columnBa.col4 > .col3of4,
.columnBa.col4 > .col1of4,
.columnBa.col4 > .col2of4 {
	width: 23%;
	margin-left: 2%;
}

.columnBa.col5 > .col,
.columnBa.col5 > .col2of3,
.columnBa.col5 > .col1of3,
.columnBa.col5 > .col3of4,
.columnBa.col5 > .col1of4,
.columnBa.col5 > .col2of4 {
	width: 48%;
	margin-left: 2%;
}

#main.col1 .columnBa.col4 > .col,
.product-col .columnBa.col4 > .col {
	width: 23%;
}

.listSpeakerTy01 > li {
	padding: 0 10px 15px;
}

.listSpeakerTy01 > li .bottomContent .right {
	padding-left: 10px;
}

.listSpeakerTy02 > li .speakerName > span {
	margin-left: 5px;
}

.listSpeakerTy02 .listVoice {
	width: 37%;
}

.listSpeakerTy03 > li {
	padding: 0 10px 15px;
}

.linkTy02 {
	padding: 20px 10px;
}

.linkTy02 p {
	width: 100%;
}

ul.tabList li a {
	font-size: 16px;
}

.agreementCheck dt {
	width: 55%;
}

body.top .linkTy01 {
	width: auto;
}

body.top #footerSnsArea {
	margin: 0 -10px;
}

#demonstration {
	width: 100%;
}

#strongPoint {
	margin: 0 -10px;
}

#strongPoint .content {
	width: 100%;
	padding: 0 10px;
}

#strongPoint .content .intro {
	width: 48%;
}

#strongPoint .content .intro li h3 {
	font-size: 15px;
	font-size: 1.5rem;
}

#strongPoint .content .intro li h3 a {
	font-size: 14px;
	font-size: 1.4rem;
}

#pickupBnr {
	width: 100%;
}

#pickupBnr dd ul li {
	width: 31%;
	margin-left: 2%;
}

#pickupBnr dd ul li a img {
	width: 100%;
}

#solutionArea {
	margin: 0 -10px 20px;
}

#solutionArea:before {
	display: none;
}

#solutionArea .inner {
	display: block;
}

#solutionArea .wrapper {
	float: none;
	margin-bottom: 20px;
}

#solutionArea .wrapper:before {
	display: block;
}

#instanceArea {
	margin: 0 -10px;
	padding-left: 10px;
	padding-right: 10px;
}

#instanceArea ul {
	width: 100%;
}

.productArea {
	width: 100%;
}

#customer {
	margin: 0 -10px;
}

#customer ul {
	width: 98%;
}

#customer ul li:before {
	left: 10px;
}

#customer ul li .name {
	font-size: 16px;
	padding: 23px 0 0 70px;
}

#customer ul li .btnTy01,
#customer ul li .btnDownloadTy01 {
	width: 140px;
	right: 10px;
}

body.top .inquiryArea {
	margin: 0 -10px;
	padding: 30px 10px 80px !important;
}

body.top #strongPoint + .inquiryArea {
	padding: 30px 10px !important;
}

.inquiryArea {
	padding: 30px 10px 30px;
}

.inquiryArea .inner {
	width: 100%;
}

.inquiryArea .inner ul,
.inquiryArea .inner dl {
	float: none;
}

.inquiryArea .inner ul {
	margin-bottom: 3px;
}

.inquiryArea .inner ul li {
	width: 49%;
	margin-right: 2%;
}

.inquiryArea .inner ul li:last-child {
	margin-right: 0;
}

.inquiryArea .inner ul li a {
	font-size: 16px;
	line-height: 1.2;
}

.inquiryArea .inner dl dt {
	margin-bottom: 3px;
}

.inquiryArea .inner dl dd .number {
	font-family: Arial;
	margin-right: 3px;
}

#tabArea {
	width: 100%;
	margin-top: -50px;
}

#footerCategoryArea nav {
	width: 100%;
	table-layout: fixed;
}

#footerCategoryArea nav .col {
	min-width: 0;
}

#footerCategoryArea nav .col.col2 {
	width: auto;
}

#footerCategoryArea nav .col .detailList {
	float: none;
	margin-left: 0 !important;
}

body.show .hdg1Ba img {
	width: 1100px;
}

.showContent {
	width: 100%;
}

.showProfile,
.bangumiInfo {
	margin: 0 -10px;
	padding: 20px 10px;
}

.showQA {
	margin: 0 -10px;
	padding: 32px 10px;
}

}

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

.boxTabTy01 .tabList > li {
	width: 25%;
}

}

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

img {
	max-width: 100%;
}

div.section {
	padding: 0 10px;
}

.utility li {
	margin-left: 0;
}

.utility li.btnBa {
	display: none;
}

header #headerContent .rightBlock #logoHoya {
	margin-top: 0;
}

header #headerContent {
	padding: 10px 0 8px;
}

header #headerContent .leftBlock #logoHoyaService {
	margin-top: 12px;
}

header #headerContent .leftBlock #logoHoyaService img {
	width: 70px;
}

header #headerContent .rightBlock #logoHoya {
	float: none;
}

header #headerContent .rightBlock #logoHoya img {
	width: 76px;
}

header #headerContent .rightBlock .utility {
	float: none;
	margin: 5px 0 0;
	text-align: right;
}

header #headerContent .rightBlock .utility li {
	float: none;
}

header #headerContent .rightBlock .utility li a {
	font-size: 14px;
}

#glovalNav {
	margin-bottom: 0;
}

#glovalNav .content {
	padding: 10px;
}

#glovalNav .content .logo a {
	height: auto;
}

#glovalNav .content .logo a img {
	width: 108px;
}

#glovalNav .content .menu {
	display: block;
	float: right;
	margin: 0;
}

#glovalNav .content .menu a {
	position: relative;
	display: block;
	line-height: 1;
	padding: 8px 10px 8px 34px;
	font-weight: bold;
	font-size: 12px;
	border-radius: 5px;
}

#glovalNav .content .menu a.open {
	border: 1px solid #e1e1e1;
	background-color: #0177f1;
	color: #fff;
}

#glovalNav .content .menu a.open:before {
	width: 23px;
	height: 19px;
	background-position: -584.5px 0px;
	background-size: 1189px auto;
	top: 50%;
	margin-top: -10px;
	left: 4px;
}

#glovalNav .content .menu a.close {
	border: 1px solid #e1e1e1;
	background-color: #fff;
	box-shadow: 0 1px 0 #cbcbcb;
}

#glovalNav .content .menu a.close:before {
	width: 25px;
	height: 22px;
	background-position: -685px 0px;
	background-size: 1189px auto;
	top: 50%;
	margin-top: -10px;
	left: 4px;
}

#glovalNav .content .navWrap {
	overflow: hidden;
	width: 100%;
	clear: both;
	-webkit-transition: height 0.3s ease;
	transition: height 0.3s ease;
}

#glovalNav .content .nav {
	position: relative;
	border-radius: 5px;
	padding-top: 15px;
	width: 100%;
	float: none;
}

#glovalNav .content .nav:before {
	top: 5px;
	right: 10%;
	width: 0;
	height: 0;
	border-bottom: 12px solid #d9d9d9;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}

#glovalNav .content .nav li {
	float: none;
	background-color: #fff;
	border-bottom: 1px solid #d9d9d9;
	border-left: 2px solid #d9d9d9;
	border-right: 2px solid #d9d9d9;
}

#glovalNav .content .nav li:first-child {
	border-top: 2px solid #d9d9d9;
	border-radius: 5px 5px 0 0;
}

#glovalNav .content .nav li:last-child {
	border-bottom: 2px solid #d9d9d9;
	border-radius: 0 0 5px 5px;
}

#glovalNav .content .nav li a {
	font-size: 16px;
	padding: 15px;
	text-align: left;
	line-height: 1;
}

#glovalNav .content .nav li a:before {
	display: block;
}

#glovalNav .content .nav li a.current {
	padding: 15px;
}

#glovalNav .content .nav li a.current:after {
	display: none;
}

#topicPath {
	margin: 10px 0 10px;
}

#contentainer {
	margin: 0 0;
	padding: 0;
}

#main {
	width: 100%;
	box-shadow: none;
	padding: 0 10px;
	float: none;
}

#aside {
	float: none;
	width: 100%;
	margin: 40px 0 30px;
}

#footerSnsArea .snsBtn,
#footerSnsArea .snsLink {
	float: none;
}

#footerSnsArea .snsBtn {
	margin-bottom: 15px;
}

#footerSnsArea .snsBtn li {
	margin-right: 30px;
}

#footerSnsArea .snsBtn li:last-child {
	margin-right: 0;
}

#footerSnsArea .snsLink {
	display: inline-block;
	margin: 0;
}

#footerSnsArea .snsLink li {
	margin-left: 27px;
}

#footerSnsArea .snsLink li:first-child {
	margin-left: 0;
}

footer #footerBottom {
	width: auto;
	padding: 13px 10px 20px;
}

footer #footerBottom #footerCopy,
footer #footerBottom .utility {
	float: none;
}

footer #footerBottom #footerCopy {
	margin-top: 3px;
	line-height: 1.3;
}

footer #footerBottom .utility li {
	width: 50%;
	margin: 0 0 10px 0;
}

.spW100 {
	width: 100% !important;
}

.spNone {
	display: none !important;
}

.pcNone {
	display: block !important;
}

.p-h {
	padding: 10px !important;
}

.hdg1Ba {
	padding: 20px 10px;
	margin: 0 0 15px;
}

.hdg1Ba h1 {
	width: 100%;
	font-size: 22px;
}

.hdg2Ba {
	font-size: 20px;
	margin: 15px 0;
}

.hdg3Ba {
	font-size: 18px;
	margin: 20px -10px 16px;
	padding: 10px;
}

.hdg3Ba > .flag {
	width: 28px;
	padding: 4px 8px 0 0;
}

.col .hdg3Ba {
	margin: 0;
}

.hdgWrapper {
	margin-bottom: 10px;
}

.hdgWrapper .products-list {
	margin-left: 0;
	margin-top: 5px;
}

.hdgWrapper .products-list > li {
	padding-left: 20px;
	font-size: 1.4rem;
}

.hdgWrapper .products-list > li:before {
	height: 3px;
	width: 15px;
	border-radius: 2px;
}

.hdgWrapper .products-list > li + li {
	margin-left: 3px;
}

.columnBa {
	margin-left: 0 !important;
}

.columnBa > .col,
.columnBa > .col2of3,
.columnBa > .col1of3,
.columnBa > .col3of4,
.columnBa > .col1of4,
.columnBa > .col2of4 {
	float: none;
	width: 100% !important;
	margin-left: 0 !important;
	height: auto !important;
}

.columnBa > .col > .boxTy01,
.columnBa > .col2of3 > .boxTy01,
.columnBa > .col1of3 > .boxTy01,
.columnBa > .col3of4 > .boxTy01,
.columnBa > .col1of4 > .boxTy01,
.columnBa > .col2of4 > .boxTy01 {
	height: auto !important;
}

.columnBa.col2 > .col img,
.columnBa.col3 > .col img,
.columnBa.col4 > .col img,
.columnBa.col5 > .col img {
	max-width: 100%;
}

#main.col1 .columnBa.col2 > .col,
#main.col1 .columnBa.col3 > .col,
#main.col1 .columnBa.col4 > .col,
.product-col .columnBa.col2 > .col,
.product-col .columnBa.col3 > .col,
.product-col .columnBa.col4 > .col {
	margin-bottom: 20px;
}

#main.col1 .columnBa.col2 > .col:last-child,
#main.col1 .columnBa.col3 > .col:last-child,
#main.col1 .columnBa.col4 > .col:last-child,
.product-col .columnBa.col2 > .col:last-child,
.product-col .columnBa.col3 > .col:last-child,
.product-col .columnBa.col4 > .col:last-child {
	margin-bottom: 0;
}

.product-col {
	padding: 0 10px;
}

.lytTbl,
.lytFlexible {
	display: block;
}

.lytTbl > .col,
.lytTbl > .fix,
.lytFlexible > .col,
.lytFlexible > .fix {
	display: block;
	width: auto !important;
	padding: 0 !important;
	margin-top: 10px;
}

.lytTbl > .col:first-child,
.lytTbl > .fix:first-child,
.lytFlexible > .col:first-child,
.lytFlexible > .fix:first-child {
	margin-top: 0;
}

.lytImgBa.imageR > .img .caption,
.lytImgBa.imageL > .img .caption {
	width: auto !important;
}

.lytImgBa.imageR,
.lytImgBa.imageL {
	display: block;
}

.lytImgBa.imageR > .img,
.lytImgBa.imageL > .img {
	float: none !important;
	display: block;
	text-align: center;
	padding: 0;
}

.lytImgBa.imageR > .img img,
.lytImgBa.imageL > .img img {
	max-width: 100%;
}

.lytImgBa.imageR > .content,
.lytImgBa.imageL > .content {
	display: block;
	margin-bottom: 20px;
}

.lytImgBa.float.imageR > .content,
.lytImgBa.float.imageL > .content {
	margin-bottom: 0;
}

.lytImgBa.float.imageR > .img,
.lytImgBa.float.imageL > .img {
	margin-bottom: 20px;
}

.lytImgBa.spKeep.imageR,
.lytImgBa.spKeep.imageL {
	display: table !important;
}

.lytImgBa.spKeep.imageR > .img,
.lytImgBa.spKeep.imageL > .img {
	display: table-cell !important;
	padding-left: 15px;
}

.lytImgBa.spKeep.imageR > .content,
.lytImgBa.spKeep.imageL > .content {
	display: table-cell !important;
	margin-bottom: 10px;
}

.lytImgBa.spKeep.imageL > .img {
	padding-left: 0;
	padding-right: 15px;
}

.lytImgBa.spKeep.float.imageR > .content,
.lytImgBa.spKeep.float.imageL > .content {
	margin-bottom: 0;
}

.lytImgBa.spKeep.float.imageR > .img,
.lytImgBa.spKeep.float.imageL > .img {
	margin-bottom: 20px;
}

dl.listBa > dt {
	padding-right: 10px;
}

dl.listBa > dd:last-of-type {
	height: auto !important;
}

.listQA > dt,
.listQA > dd {
	padding-left: 40px;
}

.listNewsBa > li {
	border-bottom: 1px solid #cbcbcb;
	margin: 0;
	padding: 15px 0;
}

.listNewsBa > li > .block {
	padding-right: 0;
	float: none;
	width: auto;
	margin-bottom: 10px;
}

.listNewsBa > li > .block > span.date {
	width: auto;
	vertical-align: middle;
}

.listNewsBa > li > .block > span.icon {
	width: auto;
	padding: 4px 14px;
	margin-left: 8px;
}

.listNewsBa > li > .content > a:before {
	top: 6px;
}

.listOrderTy01 li {
	padding: 14px 0;
}

.listOrderTy01 li .hdg {
	font-size: 20px;
	padding-left: 66px;
	min-height: 60px;
}

.listOrderTy01 li .hdg .step {
	display: inline-block;
	padding: 10px 12px;
	font-size: 12px;
	margin-right: 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.listOrderTy01 li .hdg .num {
	display: block;
	font-size: 20px;
	margin: 5px 0 0 0;
}

.listImageTy01 > li {
	padding: 15px 0;
}

.listImageTy01 > li .image {
	display: table;
	direction: rtl;
	margin-bottom: 15px;
}

.listImageTy01 > li .image img,
.listImageTy01 > li .image .title {
	display: table-cell;
	vertical-align: top;
}

.listImageTy01 > li .image img {
	position: static;
	top: 0;
	width: 70px;
	max-width: none;
}

.listImageTy01 > li .image .title {
	font-size: 16px;
	overflow: hidden;
	padding-left: 15px;
	margin: 0;
	direction: ltr;
}

.listImageTy01 > li .explane *:first-child {
	margin-top: 0;
}

.listImageTy01 > li .listTitle {
	vertical-align: top;
	margin-top: 0;
	display: table-cell;
	padding-left: 15px;
	direction: ltr;
}

.listImageTy01 > li .listTitle li {
	float: none;
	width: 100%;
	margin-top: 15px;
}

.listImageTy01 > li .listTitle li:first-child {
	margin-top: 0;
}

.listImageTy01 > li .listTitle dt {
	font-size: 16px;
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 5px;
}

.listSpeakerTy01 > li {
	float: none !important;
	width: 100% !important;
	border-left: none !important;
	border-right: none !important;
}

.listSpeakerTy01 > li:after {
	display: none;
}

.listSpeakerTy01 > li .wrapSpeaker {
	width: 100%;
}

.listSpeakerTy01 > li .bottomContent .left {
	padding: 0;
}

.listSpeakerTy01 > li .bottomContent .right {
	padding-left: 20px;
}

.listSpeakerTy02 > li .wrapSpeaker {
	display: table;
	width: 100% !important;
	margin-bottom: 15px;
	text-align: left;
}

.listSpeakerTy02 > li .speakerName,
.listSpeakerTy02 > li .img {
	display: table-cell;
	vertical-align: top;
}

.listSpeakerTy02 > li .speakerName {
	width: 40%;
	line-height: 1.4;
}

.listSpeakerTy02 > li .speakerName > span {
	margin: 0;
}

.listSpeakerTy02 > li .wrapSpeaker .img {
	width: 60%;
}

.listSpeakerTy02 > li .wrapSpeaker .speakerName + .img {
	text-align: left;
}

.listSpeakerTy02 > li .wrapSpeaker.noImage .speakerName > span {
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
}

.listSpeakerTy02 > li .listMp3DownloadTy01 {
	display: block;
	padding: 0;
}

.listSpeakerTy02 > li .listMp3DownloadTy01 > li .btnWrap {
	margin: 0 auto;
}

.listSpeakerTy02 .listVoice {
	width: auto;
	display: block;
	margin: 0 0 12px;
	padding: 0;
}

.listSpeakerTy03 > li {
	float: none !important;
	width: 100% !important;
	border-left: none !important;
	border-right: none !important;
}

.listSpeakerTy03 > li:after {
	display: none;
}

.listMp3DownloadTy01 > li .waveform,
.listMp3DownloadTy01 > li .btnWrap {
	display: block !important;
	width: 100% !important;
}

.listMp3DownloadTy01 > li .name,
.listMp3DownloadTy01 > li .btn,
.listMp3DownloadTy01 > li .voiceText {
	display: block !important;
}

.listMp3DownloadTy01 > li .name {
	width: auto !important;
	text-align: left;
	margin-bottom: 12px;
}

.listMp3DownloadTy01 > li .voiceText {
	padding: 0;
	margin-top: 10px;
}

.listMP3PlayTy01 > li {
	width: 50%;
	border-left: none;
	border-top: 1px dotted #d4d4d4;
	padding: 16px 0 12px;
}

.listMP3PlayTy01 > li:first-child,
.listMP3PlayTy01 > li:nth-child(2) {
	border-top: none;
	padding-top: 0;
}

.listMP3PlayTy01 > li:last-child,
.listMP3PlayTy01 > li:nth-last-child(2) {
	padding-bottom: 0;
}

.listMP3PlayTy01 > li:last-child:after,
.listMP3PlayTy01 > li:nth-last-child(2):after {
	display: none !important;
}

.listMP3PlayTy01 > li:nth-child(odd) {
	border-right: 1px dotted #d4d4d4;
}

.listMP3PlayTy01 > li:nth-child(odd):after {
	display: block;
}

.listMP3PlayTy01 > li .img {
	margin-bottom: 5px;
}

.listMP3PlayTy01 > li img[src*="emotion_"] {
	width: 72px;
}

.listMP3PlayTy01 > li .btnPlayTy01 a {
	width: 100px;
}

.linkListTy01 > li a,
.linkListTy01 > li em {
	padding: 5px 15px;
}

.hdg1Ba + .linkTy02 {
	margin-top: -15px;
}

.linkTy02 {
	padding: 10px 10px;
	margin-bottom: 15px;
}

.boxBa > .imageWrap,
.productArea li a > .imageWrap {
	height: 50px;
	padding: 20px 0 10px;
}

.boxBa > .imageWrap img,
.productArea li a > .imageWrap img {
	max-height: 50px;
}

.boxBa .lytImgBa > .content,
.productArea li a .lytImgBa > .content {
	width: 65%;
	display: table-cell;
}

.boxBa .lytImgBa > .img,
.productArea li a .lytImgBa > .img {
	width: 35%;
	display: table-cell;
	padding-right: 17px;
}

.boxBa .lytImgBa > .img img,
.productArea li a .lytImgBa > .img img {
	max-width: none;
	width: 100%;
}

.boxBa.case > .content > .description,
.productArea li a.case > .content > .description {
	height: auto !important;
}

.boxBa.explanatoryNotes,
.productArea li a.explanatoryNotes {
	padding-bottom: 0;
}

.boxBa.explanatoryNotes .listIconTy2,
.productArea li a.explanatoryNotes .listIconTy2 {
	font-size: 14px;
	margin-left: 0 !important;
	border-left: 0;
	padding-left: 0;
}

.boxBa.explanatoryNotes,
.productArea li a.explanatoryNotes {
	margin-bottom: 15px;
	display: block;
	width: auto;
}

.boxBa.explanatoryNotes .hdg3,
.productArea li a.explanatoryNotes .hdg3,
.boxBa.explanatoryNotes .listIconTy2,
.productArea li a.explanatoryNotes .listIconTy2 {
	display: block;
	width: auto;
}

.boxBa.explanatoryNotes .hdg3,
.productArea li a.explanatoryNotes .hdg3 {
	padding-top: 0;
	margin-bottom: 15px;
	border-bottom: 3px solid #F3F3F3;
	padding-bottom: 15px;
}

.boxBa.explanatoryNotes .listIconTy2 li,
.productArea li a.explanatoryNotes .listIconTy2 li {
	width: 50%;
}

.boxBa.explanatoryNotes .listIconTy2 li.application,
.productArea li a.explanatoryNotes .listIconTy2 li.application {
	margin-bottom: 17px;
}

.boxBa.explanatoryNotes .listIconTy2 li.broadcast,
.productArea li a.explanatoryNotes .listIconTy2 li.broadcast {
	margin-bottom: 17px;
}

.boxBa.explanatoryNotes .listIconTy2 li.webservice,
.productArea li a.explanatoryNotes .listIconTy2 li.webservice {
	margin-bottom: 17px;
}

.products-box {
	width: auto;
	margin: 0;
}

.products-box > li {
	float: none;
	width: 100%;
	border: 2px solid #e7e7e7;
	border-radius: 4px;
}

.products-box > li:nth-child(even) {
	margin-left: 0;
}

.products-box > li + li {
	margin-top: 21px;
}

.products-box > li:nth-child(n + 3) {
	margin-top: 21px;
}

.products-box > li > a {
	padding: 12px 29px 16px 12px;
}

.products-box > li > a:before {
	right: 7px;
	transform: scale(0.8);
}

.products-box > li > a .products-lyt .img {
	width: 31%;
	padding-right: 15px;
	text-align: center;
}

.products-box > li > a .products-lyt .img img {
	max-width: 135px;
	width: 100%;
}

.products-box > li > a .products-lyt .contents p {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 8px;
}

.products-box > li > a .products-lyt .contents p.hdg {
	font-size: 1.4rem;
}

.products-box > li > a .products-lyt .contents p.iconText {
	line-height: 1;
	padding: 2px 15px;
	font-weight: normal;
}

.sample-box {
	margin-top: 30px;
	border-radius: 3px;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	padding: 15px;
}

.sample-box p {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 8px;
}

.sample-box .img {
	padding-left: 11px;
}

.sample-box .img img {
	min-width: 135px;
}

.sample-box .contents .head .relation {
	line-height: 1;
	font-size: 1.2rem;
	padding: 2px 15px;
	font-weight: normal;
}

.tableBa col,
.srm_input_table col {
	width: 100% !important;
}

.tableBa th,
.srm_input_table th,
.tableBa td,
.srm_input_table td {
	float: left;
	width: 100%;
	padding: 8px 10px;
}

.tableBa tr td,
.srm_input_table tr td {
	border-bottom: none;
}

.tableBa tr td:first-of-type,
.srm_input_table tr td:first-of-type {
	border-bottom: none;
}

.tableBa tr td:last-of-type,
.srm_input_table tr td:last-of-type {
	border-bottom: 1px solid #cbcbcb;
	padding-bottom: 8px;
}

.tableBa tr th,
.srm_input_table tr th {
	border-bottom: none;
}

.table-frame table {
	width: 720px !important;
}

.table-frame table.spBreak {
	width: 100% !important;
}

.swipe-icon {
	display: block !important;
}

.btnBa.contactForm {
	width: 80%;
}

.anchorBa {
	margin-left: 0;
}

.anchorBa > li {
	float: none;
	border-left: none;
	padding: 0;
	margin-top: 15px;
}

.anchorBa > li a:before {
	width: 30px;
	height: 30px;
	background-position: -831px 0px;
	background-size: 1189px auto;
	top: -3px;
}

.anchorBa > li:first-child {
	margin-top: 0;
}

.stepBa > li {
	float: none;
	padding: 24px 0 40px 0;
}

.stepBa > li:before {
	border-bottom: none;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 18px solid #3f8dd8;
	top: 0;
	left: 50%;
	margin-left: -15px;
}

.stepBa > li:first-child {
	padding-top: 0;
}

.stepBa > li:last-child {
	padding-bottom: 0;
}

.stepBa > li a {
	width: 100%;
}

.stepBa > li a > span {
	display: inline-block;
}

.stepBa > li a .step {
	border-bottom: none;
	padding-bottom: 0;
}

.stepBa > li a .num {
	font-size: 28px;
	font-size: 2.8rem;
	margin-left: 8px;
}

.stepBa > li a .text {
	padding-top: 0;
}

ul.tabList li {
	vertical-align: top;
}

ul.tabList li a {
	font-size: 12px;
}

ul.tabList li a:after {
	width: 1px;
}

ul.tabList li a.current > span:before {
	width: 17px;
	height: 21px;
	background-position: -300px 0px;
	background-size: 1189px auto;
	top: -12px;
	left: 50%;
	margin-left: -8.5px;
	z-index: 2;
}

ul.tabList li a.current > span:after {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8.5px;
	width: 16px;
	height: 2px;
	background-color: #fff;
	z-index: 1;
}

ul.tabList li a > span {
	line-height: 1;
}

ul.tabList li a > span.event {
	padding: 7px 2px 0;
}

#contactFlowImg {
	margin: 20px 0;
}

#contactFlowImg img {
	width: 275px;
}

.srm_input_table th {
	width: 100%;
}

.srm_input_table .fullname {
	margin-left: 2%;
}

.srm_input_table .fullname.sei {
	margin-left: 0;
}

.srm_input_table .fullname input {
	width: 40%;
	margin-left: 2%;
}

.srm_input_table #item_14,
.srm_input_table #item_15,
.srm_input_table #item_16,
.srm_input_table #item_17,
.srm_input_table #item_19 {
	width: 100%;
}

.srm_input_table #item_30_zip1,
.srm_input_table #item_30_zip2,
.srm_input_table #item_18_phone1,
.srm_input_table #item_18_phone2,
.srm_input_table #item_18_phone3 {
	width: 29%;
}

.srm_input_table select {
	max-width: 270px;
}

.agreementCheck dt,
.agreementCheck dd {
	display: block;
}

.agreementCheck dt {
	width: 100%;
}

.srm_action_button {
	margin-bottom: 30px;
}

.srm_action_button input[type="submit"] {
	width: 45%;
	margin-left: 10px;
}

.srm_action_button input[name="__conf"] {
	width: 80%;
}

.returnHome {
	width: 60%;
	margin-bottom: 30px;
}

.categoryAndDate .iconNewsCategory {
	margin: 0 0 5px;
}

#flowInquiryArea {
	padding: 10px;
	margin: 0 0;
	float: none;
}

#flowInquiryArea li {
	float: none;
	width: 100%;
	margin: 0;
	height: auto;
	text-align: center;
	padding: 15px 25px;
}

#flowInquiryArea li:first-child {
	border-radius: 8px 8px 0 0;
	border-right: none;
	border-bottom: 1px solid #fff;
}

#flowInquiryArea li:last-child {
	border-radius: 0 0 8px 8px;
	border-left: none;
	border-top: 1px solid #fff;
}

#flowInquiryArea li .btnTy01,
#flowInquiryArea li .btnDownloadTy01 {
	width: 230px;
}

.wrapping_img_nasj img {
	width: 36px;
}

.catch {
	font-size: 16px;
}

.appStore span {
	display: none;
}

.listBa.vt-microlite > dt {
	width: 94px !important;
}

.slick-slide {
	margin: 0;
	opacity: 1;
}

.slick-slide:before {
	display: none;
}

.slick-slide img {
	border-radius: 0;
}

.slick-arrow {
	bottom: -3px;
	top: auto;
	display: inline-block;
	vertical-align: top;
	width: 19px;
	color: #fff;
	height: 16px;
	background-color: #0077f1;
	padding: 0 3px;
	text-indent: 0px;
}

.slick-prev {
	left: 3%;
	background: none;
	bottom: -3px;
}

.slick-prev:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	border-top: 2px solid #0077f1;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	border-left: 2px solid #0077f1;
}

.slick-next {
	right: 2%;
	background: none;
	bottom: -3px;
}

.slick-next:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	border-top: 2px solid #0077f1;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-right: 2px solid #0077f1;
}

#strongPoint {
	padding: 10px 0;
}

#strongPoint .content .logo {
	text-align: center;
}

#strongPoint .content .logo img {
	width: 117px;
}

#strongPoint .content .logo .text {
	font-size: 22px;
}

#strongPoint .content .intro {
	float: none !important;
	width: 100%;
}

#strongPoint .content .intro li {
	margin: 20px 0 0;
}

#strongPoint .content .intro li h3 {
	font-size: 15px;
	font-size: 1.5rem;
	padding: 3px 0 0 36px;
}

#strongPoint .content .intro li h3 a {
	display: block;
	margin-left: 0;
	padding-left: 20px;
	font-size: 14px;
	font-size: 1.4rem;
}

#strongPoint .content .intro li h3 a:before {
	width: 14px;
	height: 14px;
	background-position: -217.5px 0px;
	background-size: 1189px auto;
	top: 4px;
}

#strongPoint .content .intro li h3.naturalVoice:before {
	width: 29px;
	height: 29px;
	background-position: -741px 0px;
	background-size: 1189px auto;
}

#strongPoint .content .intro li h3.responce:before {
	width: 29px;
	height: 29px;
	background-position: -711px 0px;
	background-size: 1189px auto;
}

#strongPoint .content .intro li h3.lineup:before {
	width: 29px;
	height: 29px;
	background-position: -801px 0px;
	background-size: 1189px auto;
}

#strongPoint .content .intro li h3.emotion:before {
	width: 29px;
	height: 29px;
	background-position: -771px 0px;
	background-size: 1189px auto;
}

#strongPoint .content .intro li h3.emotion a {
	padding-left: 35px;
	width: 140px;
}

#pickupBnr {
	margin-bottom: 20px;
}

#pickupBnr dt,
#pickupBnr dd {
	display: block;
}

#pickupBnr dt {
	width: 100%;
	border-radius: 6px 6px 0 0;
	padding: 5px 0;
}

#pickupBnr dd {
	border-radius: 0 0 6px 6px;
}

#pickupBnr dd ul li {
	float: none;
	width: 100%;
	margin: 0 0 10px;
	text-align: center;
}

#pickupBnr dd ul li a img {
	width: 260px;
}

#pickupBnr dd ul li:last-child {
	margin-bottom: 0;
}

#solutionArea .wrapper:before {
	top: 26px;
}

#solutionArea ul {
	width: 100%;
}

#solutionArea ul li a .circle {
	width: 55px;
	height: 55px;
}

#solutionArea ul li a .circle img {
	width: 38px;
	margin-left: -19px;
	margin-top: -15.75px;
}

#solutionArea ul li a .text {
	padding-top: 5px;
	font-size: 11px;
	max-width: 55px;
}

#instanceArea {
	padding-top: 20px;
	padding-bottom: 10px;
}

#instanceArea .linkTy01 {
	margin-bottom: 10px;
}

#instanceArea ul li {
	width: 48%;
	margin-left: 2%;
	border-top: none !important;
	border-bottom: 1px solid #cbcbcb !important;
	border-left: none !important;
}

#instanceArea ul li:nth-child(odd) {
	margin-left: 0;
}

#instanceArea ul li:first-child,
#instanceArea ul li:nth-child(2) {
	border-top: none !important;
}

#instanceArea ul li:after {
	display: none !important;
}

#instanceArea ul li:before {
	bottom: auto;
	top: 50% !important;
	left: 0;
	margin-top: -20px;
	z-index: 0;
}

#instanceArea ul li.introduction_01:before {
	width: 40px;
	height: 40px;
	background-position: -1026px 0px;
	background-size: 1189px auto;
	background: url(/common/images/sprites/introduction_10_sp.png);
	background-size: 38px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_02:before {
	width: 40px;
	height: 40px;
	background-position: -1026px 0px;
	background-size: 1189px auto;
}

#instanceArea ul li.introduction_03:before {
	width: 40px;
	height: 40px;
	background-position: -1067px 0px;
	background-size: 1189px auto;
}

#instanceArea ul li.introduction_04:before {
	width: 40px;
	height: 40px;
	background-position: -862px 0px;
	background-size: 1189px auto;
	background: url(/common/images/sprites/introduction_11_sp.png);
	background-size: 38px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_05:before {
	width: 40px;
	height: 40px;
	background-position: -1067px 0px;
	background-size: 1189px auto;
	background: url(/common/images/sprites/introduction_09_sp.png);
	background-size: 38px;
	width: 38px;
	height: 38px;
}

#instanceArea ul li.introduction_06:before {
	width: 40px;
	height: 40px;
	background-position: -944px 0px;
	background-size: 1189px auto;
}

#instanceArea ul li.introduction_07:before {
	width: 40px;
	height: 40px;
	background-position: -985px 0px;
	background-size: 1189px auto;
}

#instanceArea ul li.introduction_08:before {
	width: 40px;
	height: 40px;
	background-position: -903px 0px;
	background-size: 1189px auto;
}

#instanceArea ul li.introduction_09:before {
	width: 40px;
	height: 40px;
	background-position: -1108px 0px;
	background-size: 1189px auto;
}

#instanceArea ul li a {
	position: relative;
	padding: 10px 0 0 50px !important;
	min-height: 50px;
	font-size: 13px;
	z-index: 1;
}

#instanceArea ul li a span {
	padding-top: 10px;
}

#instanceArea ul li a.narration {
	line-height: 1.2;
}

#instanceArea ul li a.narration span {
	padding-top: 6px;
}

.productArea {
	margin-bottom: 13px;
}

.productArea + .productArea {
	margin-top: 0;
}

.productArea li {
	float: none;
	width: 100%;
	margin: 0 0 13px;
}

.productArea li:last-child {
	margin-bottom: 0;
}

.productArea li a {
	display: table;
	width: 100%;
	text-align: left;
	padding-left: 15px;
}

.productArea li a .image {
	display: table-cell;
	width: 60px;
}

.productArea li a .image img {
	width: 100%;
}

.productArea li a .text {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}

.productArea li a .text:before {
	display: inline-block;
	position: static;
	top: 0;
	margin-right: 10px;
}

#customer {
	padding: 10px;
}

#customer ul li {
	float: none;
	width: 100%;
	margin: 0;
	height: auto;
	text-align: center;
	padding: 15px;
}

#customer ul li:first-child {
	border-radius: 8px 8px 0 0;
	border-right: none;
	border-bottom: 1px solid #3f8dd8;
}

#customer ul li:last-child {
	border-radius: 0 0 8px 8px;
	border-left: none;
	border-top: 1px solid #3f8dd8;
}

#customer ul li:before {
	width: 21.5px;
	height: 17.5px;
	background-position: -562px 0px;
	background-size: 1189px auto;
	top: 18px;
	margin-top: 0;
	left: 50%;
	margin-left: -110px;
}

#customer ul li .name {
	font-size: 16px;
	font-weight: bold;
	padding: 0;
}

#customer ul li .btnTy01,
#customer ul li .btnDownloadTy01 {
	position: static;
	width: 220px;
	margin: 10px auto 0;
}

#customer ul li .btnTy01 a,
#customer ul li .btnDownloadTy01 a {
	font-weight: normal;
}

body.top .inquiryArea {
	margin: 0 -10px;
	padding: 30px 10px 80px !important;
}

body.top #strongPoint + .inquiryArea {
	padding: 10px !important;
}

.inquiryArea .inner dl {
	margin-top: 10px;
}

.inquiryArea {
	padding: 10px;
}

#tabArea {
	margin-top: -35px;
}

#footerCategoryArea {
	padding: 0;
}

#footerCategoryArea nav {
	display: block;
}

#footerCategoryArea nav .col {
	display: block;
	border-right: none;
	padding: 0;
}

#footerCategoryArea nav .col:first-child {
	border-left: none;
}

#footerCategoryArea nav .col ul li {
	margin: 0;
}

#footerCategoryArea nav .col dt {
	overflow: hidden;
	width: 100%;
}

#footerCategoryArea nav .col dt.active {
	border-bottom: 1px solid #297ccd;
}

#footerCategoryArea nav .col dt a {
	float: left;
}

#footerCategoryArea nav .col dt .text {
	width: 85%;
}

#footerCategoryArea nav .col dt .oc {
	display: block;
	width: 15%;
	height: 48px;
	border-left: 1px solid #297ccd;
	padding: 0 !important;
	z-index: 2;
}

#footerCategoryArea nav .col dt .oc:before {
	width: 25px;
	height: 25px;
	background-position: -659px 0px;
	background-size: 1189px auto;
	top: 50% !important;
	left: 50% !important;
	margin: -12px 0 0 -12px !important;
	z-index: 1;
}

#footerCategoryArea nav .col dt .oc > span {
	display: none;
	font-size: 0px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px !important;
	margin-left: -5px !important;
	z-index: 0;
}

#footerCategoryArea nav .col dt .oc.open:before {
	width: 25px;
	height: 25px;
	background-position: -633px 0px;
	background-size: 1189px auto;
}

#footerCategoryArea nav .col dd {
	margin: 0;
	border-bottom: 1px solid #297ccd;
}

#footerCategoryArea nav .col .linkListBa li,
#footerCategoryArea nav .col .linkBa li {
	border-bottom: 1px solid #297ccd;
}

#footerCategoryArea nav .col .linkListBa a,
#footerCategoryArea nav .col .linkBa a {
	padding: 15px 25px;
	display: block;
	font-size: 14px;
}

#footerCategoryArea nav .col .linkListBa a:before,
#footerCategoryArea nav .col .linkBa a:before {
	left: 10px;
	top: 50%;
	margin-top: -4.5px;
}

#footerCategoryArea nav .col .detailList {
	background-color: #5399dc;
}

#footerCategoryArea nav .col .detailList li {
	float: left;
	width: 50%;
	border-right: 1px solid #4890d4;
	border-bottom: 1px solid #4890d4;
}

#footerCategoryArea nav .col .detailList li:last-child,
#footerCategoryArea nav .col .detailList li:nth-last-child(2) {
	border-top: none;
}

#footerCategoryArea nav .col .detailList li:nth-child(even) {
	border-right: none;
}

#footerCategoryArea nav .col .detailList li a {
	font-size: 12px;
	padding: 15px 10px;
	display: block;
}

body.show .hdg1Ba img {
	width: 440px;
	max-width: none;
}

.showH2 {
	font-size: 20px;
	padding: 0 0 0 48px;
	margin-bottom: 10px;
}

.showH2 img {
	width: 37px;
}

.tableShow td {
	font-size: 14px;
	line-height: 1.4;
}

.tableShow td img {
	display: block;
	padding: 0;
	margin: 0 auto 8px;
}

.showProfile .lytImgBa.imageL > .img,
.bangumiInfo .lytImgBa.imageL > .img {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.showQA .conversation > li {
	display: block;
}

.showQA .conversation .speaker,
.showQA .conversation .talk {
	display: block;
	vertical-align: top;
}

.showQA .conversation .speaker {
	padding: 0 0 3px;
	border-right: none;
	border-bottom: 2px solid #cfcfcf;
	width: 100%;
}

.showQA .conversation .talk {
	padding: 10px 0 0;
}

.spHide {
	display: none;
}

/* デモンストレーションエリア
  ------------------------------*/

.speaker_list li {
	width: 60px;
	height: 60px;
}

/* タブ切り替え */

.boxTabTy01 .tabList {
	display: none;
	border-radius: 0;
	padding: 0;
}

.boxTabTy01 .tabList li {
	float: none;
	width: auto;
}

.boxTabTy01 .tabList li a::before {
	display: none;
}

.boxTabTy01 .tabList li br {
	display: none;
}

.boxTabTy01 .tabList li img {
	margin: 0 5px 0 0;
}

.boxTabTy01 .tabContent .wrapSpeaker .tag span {
	margin-left: 20px;
}

/* プルダウン切り替え */

.selectBa {
	display: block;
	width: 100%;
	border: solid 2px #e8e8e8;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
}

.selectBa .altVal {
	display: block !important;
	padding: 5px 40px 4px 0.9em;
	line-height: 28px;
}

.selectBa .altVal img {
	margin-right: 4px;
	margin-top: -2px;
	vertical-align: middle;
}

.selectBa .altVal br {
	display: none;
}

.selectBa a.btnSelect {
	display: block !important;
	width: 38px;
	position: absolute;
	font-size: 14px;
	line-height: 1.5;
	right: -2px;
	top: -2px;
	background: #f6f6f6;
	border: solid 2px #e8e8e8;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0 2px 2px 0;
	text-align: center;
	padding: 8px 5px;
}

.selectBa a.btnSelect img {
	width: 50%;
	vertical-align: middle;
}

.selectBa ul.tabList {
	width: 100%;
	background: white;
	position: absolute;
	top: 100%;
	left: -2px;
	border: solid 2px #e8e8e8;
	z-index: 10;
}

.selectBa ul.tabList li {
	display: block;
	border-top: solid 2px #e8e8e8;
	cursor: pointer;
	margin: 0;
	padding: 0.4em;
}

.selectBa ul.tabList li:first-child {
	border: none;
}

.selectBa ul.tabList li:hover,
.selectBa ul.tabList li.current {
	padding: 0;
}

.selectBa ul.tabList li:hover a,
.selectBa ul.tabList li.current a {
	display: block;
	padding: 0.4em;
	padding-left: 0.9em;
	border-radius: 0;
	background: #0077f1;
	color: #FFF;
}

.selectBa ul.tabList li a {
	border: none;
	padding: 0;
	padding-left: 0.5em;
	text-align: left;
}

.selectBa ul.tabList li a:after {
	display: none !important;
}

.selectBa ul.tabList li img {
	vertical-align: middle;
}

}

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

.boxBa.explanatoryNotes .hdg3,
.productArea li a.explanatoryNotes .hdg3 {
	margin-bottom: 10px;
}

.boxBa.explanatoryNotes .listIconTy2,
.productArea li a.explanatoryNotes .listIconTy2 {
	margin-bottom: 15px;
}

.boxBa.explanatoryNotes .listIconTy2 li,
.productArea li a.explanatoryNotes .listIconTy2 li {
	padding: 8px 5px 9px 40px;
	margin-bottom: 0 !important;
}

.boxBa.explanatoryNotes .listIconTy2 li br,
.productArea li a.explanatoryNotes .listIconTy2 li br {
	display: block;
}

.sample-box {
	width: 100%;
	display: block;
}

.sample-box :last-child {
	margin-bottom: 0;
}

.sample-box .img {
	display: block;
	padding-left: 0;
	margin-top: 20px;
}

.sample-box .img img {
	max-width: 100%;
	min-width: 0;
}

.product-box > li a {
	padding: 4px 29px 17px 13px;
}

.product-box > li a:after {
	background-size: 80%;
	right: 5px;
}

.product-box > li a p {
	line-height: 1.428;
}

.product-box > li a p em {
	font-size: 14px;
}

.product-box > li .lytImgBa.spKeep.imageL > .img {
	width: 26%;
}

.product-box > li .lytImgBa.spKeep.imageL .iconText {
	font-weight: normal;
	padding: 0px 18px;
	font-size: 12px;
}

.slick-slide {
	margin: 0;
}

.slick-slide img {
	width: 100%;
}

.slick-center {
	opacity: 1;
}

}

@-webkit-keyframes sonarEffect {

0% {
	opacity: 0.3;
}

40% {
	opacity: 0.5;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}

100% {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
	-webkit-transform: scale(1.5);
	opacity: 0;
}

}

@-moz-keyframes sonarEffect {

0% {
	opacity: 0.3;
}

40% {
	opacity: 0.5;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}

100% {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
	-moz-transform: scale(1.5);
	opacity: 0;
}

}

@keyframes sonarEffect {

0% {
	opacity: 0.3;
}

40% {
	opacity: 0.5;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
}

100% {
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255, 255, 255, 0.5);
	transform: scale(1.5);
	opacity: 0;
}

}