@charset "UTF-8";

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

body {
	line-height: 1;
	overflow-x: hidden;
}

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

ol,
ul,
li {
	list-style: none;
}

/*
blockquote, q {
    quotes:none;
}
*/
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*
// change colours to suit your needs
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

// change colours to suit your needs
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
// change border colour to suit your needs
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
*/
input,
select {
	vertical-align: middle;
}

p {
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D);
}

body {
	font-size: 16px;
	color: #4d4d4d;
	background: #fff;
	-webkit-text-size-adjust: 100%;
}

body.jp {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

body.cn,
body.tw {
	font-family: 'Simhei', 'MS UI Gothic', 'Hei', 'sans-serif';
}

table,
textarea,
select {
	font-size: inherit;
	font: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	font-weight: bold;
}

p,
li,
td,
th,
dt,
dd {
	line-height: 1.5;
}

input,
textarea,
option {
	line-height: 1.5;
}

em {
	font-style: normal;
}

th {
	text-align: left;
	font-weight: inherit;
	vertical-align: top;
}

address {
	font-style: normal;
}

small {
	font-size: 80%;
}

a {
	color: #309ff0;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

a:hover {
	opacity: 1;
}

img {
	vertical-align: bottom;
}

::selection {
	color: #fff;
	background: #ed6c00;
}

::-moz-selection {
	color: #fff;
	background: #ed6c00;
}

#header {
	height: 105px;
	background: #fff;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 100;
	zoom: 1;
}

#header:after {
	content: "";
	display: block;
	clear: both;
}

#header a:hover {
	text-decoration: none;
}

#header .logo {
	float: left;
	width: 148px;
}

#header nav.main {
	float: left;
	width: 822px;
}

#header nav.main div.contact {
	float: right;
	width: 230px;
}

#header nav.main div.contact .btn2 {
	margin-top: 6px;
	padding-left: 0;
	padding-right: 10px;
	width: 230px;
	height: 48px;
	line-height: 48px;
	min-width: 0;
	padding-right: 0;
	background-image: none;
}

#header nav.main .utility {
	padding-right: 40px;
	padding-top: 10px;
	float: right;
	text-align: right;
	width: 552px;
	height: 40px;
}

#header nav.main .utility li {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	margin-left: 13px;
	padding-left: 13px;
	border-left: 1px dotted #c2c2c2;
}

#header nav.main .utility li:first-child {
	border-left: 0;
}

#header nav.main .utility a {
	padding-right: 13px;
	display: block;
	color: #666;
	background: url("../img/header/arrow_link.png") 100% 45% no-repeat;
}

#header nav.main .utility a:hover {
	opacity: 1;
	color: #ed6c00;
}


.top_menu {
	padding-right: 40px;
	padding-top: 10px;
	float: right;
	text-align: right;
	width: 552px;
	height: 40px;
}

.top_menu li {
	position: relative;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	margin-left: 13px;
	padding-left: 16px;
	border-left: 1px dotted #c2c2c2;
}

.top_menu li .top_menu_sub {
	position: absolute;
	width: 130px;
	padding: 10px 15px;
	text-align: left;
	left: -45px;
	top: 24px;
	background: #f5f5f5;
	display: none;
	z-index: 1000;
}

.top_menu li:hover .top_menu_sub {
	display: block;
}

.top_menu li:hover .top_menu_sub:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #f5f5f5;
	transform: rotate(45deg);
	z-index: 1005;
	margin-left: -5px;
	left: 50%;
	top: -5px;
}

.top_menu li .top_menu_sub a {
	font-weight: normal;
	line-height: 30px;
	background: url("../img/header/arrow_link_sub.png") 100% 45% no-repeat;
	background-size: 5px;
}

.top_menu li:first-child {
	border-left: 0;
}

.top_menu a {
	padding-right: 13px;
	display: block;
	color: #666;
	background: url("../img/header/arrow_down.png") 100% 45% no-repeat;
}

.top_menu a:hover {
	opacity: 1;
	color: #ed6c00;
}

.top_menu .nobg {
	padding-right: 0 !important;
	background: none;
}

#header nav.main .global {
	padding-top: 5px;
	float: right;
	max-width: 760px;
}



#header nav.main .global li {
	float: left;
	font-size: 14px;
	letter-spacing: 0.2px;
	line-height: 40px;
	border-left: 1px dotted #c2c2c2;
}

#header nav.main .global li:first-child {
	border-left: 0;
}

#header nav.main .global li:last-child {
	border: none;
}

#header nav.main .global li:last-child a {
	background: #41d17a;
	color: #fff;
	font-weight: bold;

}

#header nav.main .global li:last-child a:hover {
	background: #23a657;
}

#header nav.main .global a {
	padding: 0 25px;
	display: block;
	color: #333;
}

#header nav.main .global a.hover {
	opacity: 1;
	color: #ed6c00;
	font-weight: bold;
}

#header nav.main .global a.js-dd-btn {
	background: #fff 50% 100% no-repeat;
	background-image: none;
}

#header nav.main .global a.js-dd-btn.hover {
	background-image: url("../img/header/nav_current.png");
}

#header nav.main .global a.on {
	color: #ed6c00;
	background-image: url("../img/header/nav_current.png");
}

#header .dropdown {
	position: absolute;
	left: 0;
	top: 105px;
	width: 100%;
	display: none;
}

#header nav.sub {
	background: #7491A0;
	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
	padding: 35px 0 45px;
	display: none;
	position: relative;
}

#header nav.sub a.box {
	display: block;
	color: #333;
	background: #fff;
}

#header nav.sub a.box p.arrow {
	padding: 0 15px 0 10px;
	line-height: 40px;
	display: inline-block;
	background: url("../img/header/arrow_link_2.png") 100% 45% no-repeat;
	font-weight: bold;
}

#header nav.sub a.box p.arrow2 {
	padding: 0 30px 0 0;
	line-height: 40px;
	background: url("../img/header/arrow_link_3.png") 70% 45% no-repeat #F9F1BA;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #54AF6E;
	color: #54AF6E;
}

#header nav.sub a.box p.arrow3 {
	padding: 0 30px 0 0;
	line-height: 40px;
	background: url("../img/header/arrow_link_3.png") 60% 47% no-repeat #F9F1BA;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #54AF6E;
	color: #54AF6E;
}

#header nav.sub a.box p.description {
	padding: 10px 10px 20px;
	font-size: 14px;
	line-height: 20px;
}

#header nav.sub p.txt1 {
	border-bottom: 1px solid #fff;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 28px;
}

#header nav.sub p.txt2 {
	font-size: 14px;
	text-align: center;
	color: #fff;
}

#header nav.sub li {
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	line-height: 20px;
}

#header nav.sub li a {
	padding: 7px 0;
	color: #fff;
	display: block;
	font-size: 14px;
}

#header nav.sub.contact {
	background: #54AF6E;
}

#header nav.sub.contact p.tel {
	margin-bottom: 15px;
	padding: 15px 0 15px 25px;
	border-bottom: 1px solid #fff;
	font-size: 30px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: url("../img/header/tel_icn.png") 0 50% no-repeat;
}

#header nav.sub.contact p.tel a {
	color: #fff;
}

#header nav.sub.contact p.tel a:hover {
	opacity: 1;
}

#header .product .inner{
	margin:0 auto;
	width:700px !important;
	overflow: hidden;
	
}
#header .casestudy .inner,#header .seminar .inner{
	margin:0 auto;
	width:475px !important;
	overflow: hidden;
	
}
#header .partners .inner,#header .support .inner,#header .trial .inner{
	margin:0 auto;
	width:730px !important;
	overflow: hidden;
	
}

body.company #header a.company,
body.product #header a.product,
body.casestudy #header a.casestudy,
body.support #header a.support,
body.seminar #header a.seminar,
body.partners #header a.partners,
body.information #header a.information {
	color: #ed6c00;
	border-bottom: 1px solid #ed6c00;
}

#main {
	margin-top: 100px;
	width: 100%;
	min-width: 970px;
	overflow: hidden;
}

#main section h2 {
	letter-spacing: 5px;
}

#categorytitle {
	zoom: 1;
}

#categorytitle:after {
	content: "";
	display: block;
	clear: both;
}

#categorytitle h1 {
	padding: 55px 0;
	float: left;
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
}

#categorytitle h1 span {
	font-size: 18px;
}

#categorytitle nav {
	padding: 60px 0;
	float: right;
}

#categorytitle nav li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: 1px dotted #999;
	float: left;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 1;
	color: #ed6c00;
}

#categorytitle nav li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

#categorytitle nav li a {
	font-weight: normal;
	color: #333;
}

#categorytitle a.btn1 {
	margin-top: 50px;
	float: right;
	padding: 5px 25px 5px 35px;
	border: 1px solid #2e3180;
	color: #2e3180;
	font-size: 14px;
	background: #fff;
	background: url("../img/common/icn_btn2.png") no-repeat 10px 50% #fff;
}

#categorytitle a.btn1:hover {
	color: #6d6fa6;
	border: 1px solid #6d6fa6;
}

#categorytitle p {
	clear: both;
}

article footer.link {
	padding: 60px 0 80px;
	background: #efede6;
	background: url("../img/footer/bg_link.png") 50% 0 repeat;
	text-align: center;
}

article footer.link h2 {
	margin-bottom: 40px;
	line-height: 42px;
	font-size: 24px;
	letter-spacing: 5px;
}

article footer.link h2 span {
	font-size: 32px;
	color: #ed6c00;
}

article footer.link .img {
	margin-bottom: 40px;
}

article footer.link .img img {
	width: 100%;
}

article footer.link .txt1 {
	margin-bottom: 50px;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #583e2b;
}

#footer {
	position: relative;
	z-index: 1;
}

#footer p,
#footer li {
	font-size: 12px;
	color: #ccc;
}

#footer a {
	color: #fff;
}

#footer .sitemap {
	padding: 25px 0 25px;
	background: #4d4d4d;
}

#footer .sitemap h2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	color: #ccc;
	border-bottom: 1px solid #3a3a3a;
	box-shadow: 0 1px 0px #666666;
	font-weight: bold;
	font-size: 14px;
}

#footer .sitemap .box1 {
	width: 620px;
	float: left;
}

#footer .sitemap .box1 ul {
	margin-right: 20px;
	float: left;
}

#footer .sitemap .box1 ul li {
	margin-bottom: 15px;
}

#footer .sitemap .box1 ul ul {
	margin-top: 5px;
	margin-left: 0;
	float: none;
}

#footer .sitemap .box1 ul ul li {
	margin-bottom: 0;
	padding-left: 1em;
}

#footer .sitemap .box1 ul.ul1 {
	width: 180px;
}

#footer .sitemap .box1 ul.ul2 {
	width: 140px;
}

#footer .sitemap .box1 .contact {
	float: left;
	width: 260px;
}

#footer .sitemap .box1 .contact .tel {
	margin-bottom: 20px;
}

#footer .sitemap .box1 .contact h3 {
	color: #ccc;
	font-size: 16px;
}

#footer .sitemap .box1 .contact .number {
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}

#footer .sitemap .box2 {
	width: 300px;
	float: right;
}

#footer .sitemap .box2 .post {
	margin-top: 10px;
	padding: 15px;
	background: #464646;
}

#footer .sitemap .box2 .img {
	margin-top: -20px;
	float: right;
}

#footer .sitemap .box2 h3 {
	color: #ccc;
	font-size: 14px;
}

#footer .related {
	padding: 20px 0;
	background: #3b3b3b;
}

#footer .related h2 {
	margin-right: 30px;
	color: #ccc;
	font-weight: bold;
	float: left;
	line-height: 26px;
	font-size: 14px;
}

#footer .related ul {
	float: left;
	zoom: 1;
}

#footer .related ul:after {
	content: "";
	display: block;
	clear: both;
}

#footer .related li {
	float: left;
	line-height: 26px;
	font-size: 12px;
}

#footer .related li a {
	margin-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #4d4d4d;
}

#footer .related li:first-child a {
	border-left: 0;
	padding-left: 0;
}

#footer .related .copyright {
	float: right;
}

#footer .related .copyright p {
	float: left;
	font-size: 12px;
	line-height: 26px;
	color: #ccc;
}

.pagetop {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 2;
}

/* モーダル */
div.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 101;
	display: none;
}

div.modal .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}

div.modal .content {
	position: absolute;
	left: 50%;
	top: 50%;
	box-sizing: border-box;
}

div.modal .close {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

#modal-youku .content {
	margin: -262px 0 0 -430px;
	width: 860px;
	height: 524px;
	overflow-y: hidden;
}

#modal-mailmagazine .content {
	margin: -180px 0 0 -300px;
	padding: 60px;
	text-align: center;
	background: #fff7f2;
	width: 600px;
	height: 360px;
}

#modal-mailmagazine h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	color: #ed6c00;
}

#modal-mailmagazine .box {
	margin: 0 auto 20px;
	padding: 30px;
	width: 480px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fdfdff;
	text-align: left;
	box-sizing: border-box;
}

#modal-mailmagazine .box address {
	margin-bottom: 20px;
	display: block;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

#modal-mailmagazine p {
	margin-bottom: 30px;
}

#modal-mailmagazine .btn2 {
	padding-right: 40px;
}

#modal-mailmagazine .sample {
	margin-top: 30px;
}

/* 旧サイト移行用css */
.sidebar {
	float: right;
	width: 220px;
}

.sidebar .box {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	display: block;
	padding: 9px;
	color: #666;
	text-align: center;
}

.sidebar .box img {
	margin-bottom: 7px;
}

.sidebar .box h2 {
	font-size: 16px;
}

.sidebar .box p {
	font-size: 14px;
}

.mainContent {
	padding-bottom: 90px;
	width: 720px;
	font-size: 14px;
	float: left;
}

.mainContent h3 {
	clear: both;
	margin-bottom: 10px;
}

.mainContent h3.deploy {
	width: 670px;
	color: #FFF;
	line-height: 16px;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../images/deploy_h3_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin-bottom: 10px;
}

.mainContent h5 {
	clear: both;
	color: #930;
	font-size: 13px;
	margin-bottom: 2px;
}

/* google iframe */
iframe[name=google_conversion_frame] {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.col {
	zoom: 1;
}

.col:after {
	content: "";
	display: block;
	clear: both;
}

.inner,
.col2,
.col3,
.col4,
.col5,
.col6 {
	margin: 0 auto;
	width: 970px;
	position: relative;
	zoom: 1;
}

.inner:after,
.col2:after,
.col3:after,
.col4:after,
.col5:after,
.col6:after {
	content: "";
	display: block;
	clear: both;
}

.col2 .col,
.col3 .col,
.col4 .col,
.col5 .col,
.col6 .col {
	float: left;
}

.col2 .col {
	margin-left: 30px;
	width: 470px;
}

.col2 .col:first-child {
	margin-left: 0;
}

.col3 .col {
	margin-left: 35px;
	width: 300px;
}

.col3 .col:first-child {
	margin-left: 0;
}

.col4 .col {
	margin-left: 30px;
	width: 220px;
}

.col4 .col:first-child {
	margin-left: 0;
}


.col5 .col {
	margin-left: 20px;
	width: 178px;
}

.col5 .col:first-child {
	margin-left: 0;
}

.col6 .col {
	margin-left: 20px;
	width: 145px;
}

.col6 .col:first-child {
	margin-left: 0;
}

.col2-1 {
	margin-left: 30px;
	float: left;
	width: 470px;
}

.col2-1:first-child {
	margin-left: 0;
}

.col3-1,
.col3-2 {
	margin-left: 35px;
	float: left;
}

.col3-1:first-child,
.col3-2:first-child {
	margin-left: 0;
}

.col3-1 {
	width: 300px;
}

.col3-2 {
	width: 635px;
}

.col4-1,
.col4-2,
.col4-3 {
	margin-left: 30px;
	float: left;
}

.col4-1:first-child,
.col4-2:first-child,
.col4-3:first-child {
	margin-left: 0;
}

.col4-1 {
	width: 220px;
}

.col4-2 {
	width: 470px;
}

.col4-3 {
	width: 720px;
}

.col5-1,
.col5-2,
.col5-3,
.col5-4,
.col5-5 {
	margin-left: 20px;
	float: left;
}

.col5-1:first-child,
.col5-2:first-child,
.col5-3:first-child,
.col5-4:first-child,
.col5-5:first-child {
	margin-left: 0;
}

.col5-1 {
	width: 178px;
}

.col5-2 {
	width: 376px;
}

.col5-3 {
	width: 574px;
}

.col5-4 {
	width: 772px;
}

.col6-1,
.col6-2,
.col6-3,
.col6-4,
.col6-5 {
	margin-left: 20px;
	float: left;
}

.col6-1:first-child,
.col6-2:first-child,
.col6-3:first-child,
.col6-4:first-child,
.col6-5:first-child {
	margin-left: 0;
}

.col6-1 {
	width: 145px;
}

.col6-2 {
	width: 310px;
}

.col6-3 {
	width: 475px;
}

.col6-4 {
	width: 640px;
}

.col6-5 {
	width: 805px;
}

.col8-3 {
	margin-left: 30px;
	float: left;
	width: 345px;
}

.col8-3:first-child {
	margin-left: 0;
}

input.btn1 {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

input.btn1:hover {
	opacity: 0.7;
}

input.btn1,
a.btn1 {
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 35px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	background: #309ff0 url("../img/common/btn_1.png") 94% 50% no-repeat;
	text-decoration: none;
}

input.btn1:hover,
a.btn1:hover {
	opacity: 0.7;
	text-decoration: none;
	background-position: 96% 50%;
}

a.btn2 {
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 35px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	background: #41D17A url("../img/common/btn_1.png") 94% 50% no-repeat;
	text-decoration: none;
	min-width: 150px;
}

a.btn2:hover {
	opacity: 0.7;
	text-decoration: none;
	background-position: 96% 50%;
}

a.btn3 {
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 35px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	color: #fff;
	background: #ffbb52 url("../img/common/play.png") 93% 50% no-repeat;
	text-decoration: none;
	border-radius: 10px;
	min-width: 150px;
	margin-left: 10px;
}

a.btn3:hover {
	opacity: 0.7;
	text-decoration: none;
	background-position: 96% 50%;
}

.btn_space {
	margin-right: 20px;
}

span.arrow1,
a.arrow1 {
	color: #309EEF;
	padding-right: 20px;
	display: inline-block;
	background: url("../img/common/arrow_1.png") 98% 45% no-repeat;
	font-weight: bold;
}

span.arrow1:hover,
a.arrow1:hover {
	opacity: 0.7;
	text-decoration: none;
	background-position: 100% 45%;
}

a.external {
	padding-right: 16px;
	display: inline-block;
	background: url("../img/common/external.png") 100% 50% no-repeat;
}

table.table1 {
	width: 100%;
	border-bottom: 1px solid #E3E3DF;
	box-shadow: 0 1px 0 white;
}

table.table1 th,
table.table1 td {
	padding: 12px 10px;
	border-top: 1px solid #E3E3DF;
	box-shadow: 0 1px 0 white inset;
}

table.table1 th {
	font-size: 14px;
	background: #E7E7E7;
}

table.table1 td {
	font-size: 14px;
}

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

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

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

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

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

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

.fs22 {
	font-size: 22px !important;
}

.fs24 {
	font-size: 24px !important;
}

.fs26 {
	font-size: 26px !important;
}

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

.fs30 {
	font-size: 30px !important;
}

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

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

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

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

.m0a {
	margin: 0 auto !important;
}

.m0 {
	margin: 0 !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.mt0 {
	margin-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

.mt55 {
	margin-top: 55px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt65 {
	margin-top: 65px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt75 {
	margin-top: 75px !important;
}

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

.mt85 {
	margin-top: 85px !important;
}

.mt90 {
	margin-top: 90px !important;
}

.mt95 {
	margin-top: 95px !important;
}

.mt100 {
	margin-top: 100px !important;
}

.mr0 {
	margin-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

.mr55 {
	margin-right: 55px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr65 {
	margin-right: 65px !important;
}

.mr70 {
	margin-right: 70px !important;
}

.mr75 {
	margin-right: 75px !important;
}

.mr80 {
	margin-right: 80px !important;
}

.mr85 {
	margin-right: 85px !important;
}

.mr90 {
	margin-right: 90px !important;
}

.mr95 {
	margin-right: 95px !important;
}

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

.mb0 {
	margin-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb85 {
	margin-bottom: 85px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

.mb95 {
	margin-bottom: 95px !important;
}

.mb100 {
	margin-bottom: 100px !important;
}

.ml0 {
	margin-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

.ml55 {
	margin-left: 55px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml65 {
	margin-left: 65px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.ml75 {
	margin-left: 75px !important;
}

.ml80 {
	margin-left: 80px !important;
}

.ml85 {
	margin-left: 85px !important;
}

.ml90 {
	margin-left: 90px !important;
}

.ml95 {
	margin-left: 95px !important;
}

.ml100 {
	margin-left: 100px !important;
}

.p0 {
	padding: 0 !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.pt0 {
	padding-top: 0 !important;
}

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

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

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

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

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

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

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

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

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

.pt55 {
	padding-top: 55px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt65 {
	padding-top: 65px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt75 {
	padding-top: 75px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt85 {
	padding-top: 85px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt95 {
	padding-top: 95px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pr0 {
	padding-right: 0 !important;
}

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

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

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

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

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

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

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

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

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

.pr55 {
	padding-right: 55px !important;
}

.pr60 {
	padding-right: 60px !important;
}

.pr65 {
	padding-right: 65px !important;
}

.pr70 {
	padding-right: 70px !important;
}

.pr75 {
	padding-right: 75px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr85 {
	padding-right: 85px !important;
}

.pr90 {
	padding-right: 90px !important;
}

.pr95 {
	padding-right: 95px !important;
}

.pr100 {
	padding-right: 100px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

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

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

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

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

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

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

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

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

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

.pb55 {
	padding-bottom: 55px !important;
}

.pb60 {
	padding-bottom: 60px !important;
}

.pb65 {
	padding-bottom: 65px !important;
}

.pb70 {
	padding-bottom: 70px !important;
}

.pb75 {
	padding-bottom: 75px !important;
}

.pb80 {
	padding-bottom: 80px !important;
}

.pb85 {
	padding-bottom: 85px !important;
}

.pb90 {
	padding-bottom: 90px !important;
}

.pb95 {
	padding-bottom: 95px !important;
}

.pb100 {
	padding-bottom: 100px !important;
}

.pl0 {
	padding-left: 0 !important;
}

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

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

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

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

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

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

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

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

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

.pl55 {
	padding-left: 55px !important;
}

.pl60 {
	padding-left: 60px !important;
}

.pl65 {
	padding-left: 65px !important;
}

.pl70 {
	padding-left: 70px !important;
}

.pl75 {
	padding-left: 75px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl85 {
	padding-left: 85px !important;
}

.pl90 {
	padding-left: 90px !important;
}

.pl95 {
	padding-left: 95px !important;
}

.pl100 {
	padding-left: 100px !important;
}

.pl1em {
	padding-left: 1em !important;
}

.pl2em {
	padding-left: 2em !important;
}

.pl3em {
	padding-left: 3em !important;
}

.lh100 {
	line-height: 1 !important;
}

.lh150 {
	line-height: 1.5 !important;
}

.lh167 {
	line-height: 1.67 !important;
}

.lh200 {
	line-height: 2 !important;
}

.ti-1em {
	text-indent: -1em !important;
}

.ti-2em {
	text-indent: -2em !important;
}

.ti-3em {
	text-indent: -3em !important;
}

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

.vatb {
	vertical-align: text-bottom !important;
}

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

.vab {
	vertical-align: bottom !important;
}

.bt0 {
	border-top: 0 !important;
}

.br0 {
	border-right: 0 !important;
}

.bb0 {
	border-bottom: 0 !important;
}

.bl0 {
	border-left: 0 !important;
}

.b0 {
	border: 0 !important;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

body#index .section1 {
	background: #f5f3ef;
	height: 590px;
}

body#index .section1 .inner {
	padding-top: 20px;
}

body#index .section1 .news {
	height: 50px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	z-index: 2;
}

body#index .section1 .news h2 {
	float: left;
	width: 70px;
	padding: 14px 0 14px 3px;
}

body#index .section1 .news ul {
	padding: 14px 0;
	float: left;
	width: 720px;
	height: 24px;
	overflow: hidden;
}

body#index .section1 .news li {
	font-size: 14px;
	line-height: 24px;
}

body#index .section1 .news p,
body#index .section1 .news #qr-btn {
	padding: 14px 0;
	border-left: 1px dotted #c2c2c2;
	float: left;
	width: 84px;
	font-size: 14px;
	line-height: 24px;
}

body#index .section1 .news #qr-btn {
	padding: 0 3px 0 0;
}

body#index .section1 .news #qr-btn p {
	border-left: none;
	float: none;
	width: auto;
	font-weight: bold;
	color: #fff;
	margin: 20px 0 0;
}

body#index .section1 .news p a {
	margin: 0 0 0 10px;
	background: url("../img/index/1/arrow_link.png") 86% 48% no-repeat;
	display: block;
}

body#index .section1 .news #qr-btn a {
	text-align: center;
	display: block;
}

body#index .section1 .news p a:hover {
	background-position: 91% 48%;
}

body#index .section1 .news .qrPopup {
	width: 250px;
	background-color: #5FB5D3;
	position: absolute;
	right: 0px;
	top: 66px;
	display: block;
	content: "";
	padding: 25px;
	box-sizing: border-box;
	text-align: center;
	-webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
}

body#index .section1 .news .qrPopup:before {
	content: "";
	position: absolute;
	top: -24px;
	right: 39px;
	margin-left: -12px;
	border: 12px solid transparent;
	border-bottom: 12px solid #5FB5D3;
}

body#index .section1 .news .qrPopup:after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background: url(../img/index/1/close_icon.png) 50% 50% no-repeat #ed6c00;
	background-size: 30px 30px;
	cursor: pointer;
	right: 0;
	bottom: 0;
}

body#index .section1 .news .qrPopup img {
	width: 200px;
	height: 200px;
	display: block;
	margin: 0 auto;
}

body.cn#index .section1 .news #qr-btn .qrPopup p:first-child {
	margin: 0 0 10px;
	font-size: 16px;

}

body#index .section1 .txt_1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

body#index .section1 .staff {
	position: absolute;
	left: 0;
	top: 105px;
	margin: 0;
	width: 100%;
	height: 580px;
	background: #f6f2ef;
}

.staff .swiper-container .swiper-wrapper .swiper-slide a {
	display: block;
	min-height: 575px;
	width: 100%;
}

.banner_btn {
	padding: 10px;
	color: #fff !important;
	background: rgba(0, 0, 0, .3)
}

body#index .section1 .staff ul {
	margin: 0;

}

body#index .section1 .staff li {
	position: relative;
	display: none;
}

body#index .section1 .staff li a {

	position: absolute;
	width: 1920px;
	top: 0;
	left: 50%;
	margin-left: -960px;
	display: block;
	min-height: 575px;
}

body#index .section2 {
	padding-bottom: 100px;
	background: #fff url("../img/index/2/bg_1.png") 50% 0 repeat-x;
}

body#index .section2 .cybozu {
	margin-left: -82px;
	position: absolute;
	left: 50%;
	top: 277px;
}

body#index .section2 .txt1 {
	padding-top: 43px;
}

body#index .section2 .img1 {
	margin-bottom: -70px;
	padding-top: 38px;
}

body#index .section2 .img1 a {
	display: block;
}

body#index .section2 .img1 a:hover {
	opacity: 1;
}

body#index .section2 h2 {
	margin-bottom: 10px;
	position: relative;
}

body#index .section2 .txt2 {
	position: relative;
	margin-bottom: 15px;
	font-size: 11px;
}

body#index .section2 h2,
body#index .section2 .txt2,
body#index .section2 .link {
	width: 400px;
	text-align: center;
}

body#index .section2 .garoon,
body#index .section2 .kintone {
	float: left;
	width: 485px;
}

body#index .section2 .garoon .img1 {
	margin-left: -115px;
}

body#index .section2 .kintone {
	text-align: right;
}

body#index .section2 .kintone .img1 {
	margin-right: -115px;
}

body#index .section2 .kintone h2,
body#index .section2 .kintone .txt2,
body#index .section2 .kintone .link {
	margin-left: 85px;
}

body#index .section2 .btn {
	width: 150px;
	height: 36px;
	line-height: 36px;
}

body#index .section3 {
	padding-bottom: 90px;
}

body#index .section3 h2 {
	margin-bottom: 30px;
	text-align: center;
}

body#index .section3 .img1 {
	text-align: center;
}

body#index .section3 .txt1 {
	font-size: 19px;
	line-height: 40px;
	color: #fff;
	background: #ed6c00;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	letter-spacing: 3px;
}

body#index .section3 p {
	margin-bottom: 40px;
}

body#index .section3 .notice {
	margin-bottom: 0;
	font-size: 10px;
}

body#index .section4 {
	padding: 70px 0 90px;
	background: #f5f5f0;
	text-align: center;
}

body#index .section4 h2 {
	margin-bottom: 50px;
	font-weight: normal;
	line-height: 1;
}

body#index .section4 h2 .txt1 {
	margin-bottom: 20px;
	font-size: 20px;
	letter-spacing: 0.1em;
}

body#index .section4 h2 .txt2 {
	font-size: 34px;
	letter-spacing: 0.15em;
}

body#index .section4 h2 strong {
	border-bottom: 3px solid #ed6c00;
	display: inline-block;
}

body#index .section4 .img {
	margin-bottom: 15px;
}

body#index .section4 h3 {
	margin-bottom: 10px;
	font-size: 21px;
	letter-spacing: 0.1em;
}

body#index .section4 p {
	text-align: left;
}

body#index .section4 a {
	display: block;
	color: #374255;
}

body#index .section5 {
	padding-top: 40px;
	padding-bottom: 100px;
	border-top: 1px solid #e2ddd0;
	background: #f5f3ef;
	text-align: center;
}

body#index .section5 h2 {
	margin-bottom: 30px;
	padding-top: 10px;
	display: inline-block;
	padding-left: 117px;
	color: #374255;
	font-weight: bold;
	font-size: 40px;
	background: url("../img/index/5/icon.png") no-repeat 0 0;
	line-height: 95px;
	letter-spacing: 2px;
}

body#index .section5 h2 span {
	font-size: 100px;
	color: #ed6c00;
}

body#index .section5 h2 span span {
	font-size: 60px;
}

body#index .section5 .tab-btn {
	zoom: 1;
	height: 90px;
}

body#index .section5 .tab-btn:after {
	content: "";
	display: block;
	clear: both;
}

body#index .section5 .tab-btn li {
	margin-top: 8px;
	margin-left: 1px;
	padding: 12px 0 20px;
	width: 242px;
	height: 48px;
	line-height: 24px;
	background: #fff url("../img/index/5/arrow_2.png") 50% 70px no-repeat;
	position: relative;
	z-index: 1;
	float: left;
	font-weight: bold;
	cursor: pointer;
}

body#index .section5 .tab-btn li:first-child {
	margin-left: 0;
	width: 241px;
}

body#index .section5 .tab-btn li span {
	color: #ed6c00;
}

body#index .section5 .tab-btn li.on {
	padding-top: 20px;
	padding-bottom: 22px;
	margin-top: 0;
	color: #fff;
	background: #ed6c00;
	cursor: default;
}

body#index .section5 .tab-btn li.on:after {
	position: absolute;
	left: 110px;
	top: 90px;
	content: url("../img/index/5/arrow_1.png");
	width: 21px;
	height: 10px;
	line-height: 10px;
}

body#index .section5 .tab-btn li.on span {
	color: #fff;
}

body#index .section5 .tab-contents {
	text-align: left;
}

body#index .section5 .tab-contents>div {
	background: #fff;
	position: relative;
	display: none;
}

body#index .section5 .tab-contents h3 {
	padding: 25px 0 20px 40px;
	zoom: 1;
}

body#index .section5 .tab-contents h3:after {
	content: "";
	display: block;
	clear: both;
}

body#index .section5 .tab-contents h3 div {
	float: left;
}

body#index .section5 .tab-contents h3 .number {
	line-height: 160px;
	font-size: 140px;
	color: #ed6c00;
	width: 100px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

body#index .section5 .tab-contents h3 .title {
	padding: 32px 0;
	font-size: 34px;
	color: #333;
	line-height: 48px;
	width: 830px;
}

body#index .section5 .tab-contents .check {
	padding: 0 40px 15px;
	width: 400px;
}

body#index .section5 .tab-contents .check li {
	margin-bottom: 26px;
	padding-left: 40px;
	font-size: 16px;
	font-weight: bold;
	color: #212121;
	background: url("../img/index/5/check.png") 0 0 no-repeat;
}

body#index .section5 .tab-contents .related {
	padding: 0 40px 25px;
}

body#index .section5 .tab-contents .related h4 {
	margin-bottom: 5px;
	font-size: 14px;
}

body#index .section5 .tab-contents a.btn1 {
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 22px;
	text-align: left;
	width: 390px;
}

body#index .section5 .tab-contents a.btn1 span {
	font-size: 14px;
}

body#index .section5 .tab-contents .img {
	position: absolute;
	right: 0;
	bottom: 0;
}

body#index .section5 .tab-contents .product {
	padding: 10px 20px;
	text-align: right;
}

body#index .section5 .tab-contents .product img {
	margin-left: 20px;
}

body#index .section6 {
	text-align: center;
}

body#index .section6 h2 {
	line-height: 134px;
	font-size: 28px;
	color: #ed6c00;
}

body#index .section6 .img img {
	width: 100%;
}

body.contact #header {
	position: absolute;
}

body.contact article.contact {
	padding-top: 105px;
	background: url("../img/contact/bg_1.png") 50% 0 repeat;
}

body.contact header.form {
	zoom: 1;
	position: relative;
}

body.contact header.form:after {
	content: "";
	display: block;
	clear: both;
}

body.contact header.form h1 {
	padding-top: 40px;
	margin-bottom: 15px;
	font-size: 38px;
}

body.contact header.form .lead {
	margin-bottom: 25px;
	padding: 15px 0;
}

body.contact header.form .lead ul {
	margin-bottom: 10px;
}

body.contact header.form .lead li {
	font-size: 20px;
	margin-bottom: 5px;
	padding-left: 30px;
	background: url("../img/contact/check.png") no-repeat 0 4px;
}

body.contact header.form .tel {
	color: #fff;
	background: #644a35;
	background: rgba(100, 74, 53, 0.8);
}

body.contact header.form .tel .inner {
	position: relative;
}

body.contact header.form .tel h2 {
	float: left;
	font-size: 14px;
	line-height: 60px;
}

body.contact header.form .tel p {
	padding: 10px 0;
	float: left;
	font-size: 14px;
	line-height: 20px;
}

body.contact header.form .tel .number {
	margin-left: 35px;
	margin-right: 40px;
	padding: 0;
	line-height: 60px;
	font-size: 44px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

body.contact header.form .tel .number a {
	color: #fff;
	text-decoration: none;
}

body.contact header.form .tel .number a:hover {
	opacity: 1;
}

body.contact header.form .tel .balloon {
	position: absolute;
	right: 20px;
	bottom: 5px;
}

body.contact section.form {
	margin-top: 20px;
	padding: 0 0 60px;
}

body.contact section.form hr {
	border: 0;
	height: 0;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #fff;
}

body.contact section.form h2,
body.contact section.form h3 {
	margin-bottom: 40px;
	padding-top: 40px;
	text-align: center;
	font-size: 28px;
	letter-spacing: 2px;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15);
}

body.contact section.form table {
	margin: 0 auto 40px;
	width: 690px;
}

body.contact section.form th,
body.contact section.form td {
	padding-bottom: 20px;
	line-height: 40px;
}

body.contact section.form th {
	padding-right: 20px;
	text-align: right;
	width: 190px;
	font-weight: bold;
}

body.contact section.form td {
	width: 500px;
	position: relative;
}

body.contact section.form .btn1.submit {
	padding: 0;
	width: 300px;
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	border: 0;
	cursor: pointer;
}

body.contact section.form .btn1.submit.disabled {
	background: #ccc;
}

body.contact section.form .btn1.submit.disabled:hover {
	opacity: 1;
}

body.contact header.form.index {
	min-width: 970px;
	height: 418px;
	background: url("../img/contact/img_1.jpg") 50% 0 no-repeat;
}

body.contact section.input span.required {
	margin-top: 10px;
	margin-right: 10px;
	display: inline-block;
	color: #fff;
	background: #ffa700;
	border-radius: 7px;
	font-size: 10px;
	font-weight: normal;
	width: 38px;
	line-height: 14px;
	text-align: center;
	vertical-align: top;
}

body.contact section.input input[type=text],
body.contact section.input select,
body.contact section.input textarea {
	border: 0;
	border-radius: 5px;
	border: 1px solid #ccc;
	box-shadow: rgba(0, 0, 0, 0.075) 1px 1px 1px 0px inset;
	-webkit-box-shadow: rgba(0, 0, 0, 0.075) 1px 1px 1px 0px inset;
	-moz-box-shadow: rgba(0, 0, 0, 0.075) 1px 1px 1px 0px inset;
	background: #fff0e1;
}

body.contact section.input input[type=text]:focus,
body.contact section.input select:focus,
body.contact section.input textarea:focus {
	outline: 0;
	border: 1px solid #309ff0;
	box-shadow: rgba(48, 159, 240, 0.5) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(48, 159, 240, 0.5) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(48, 159, 240, 0.5) 0px 0px 10px 0px;
}

body.contact section.input input[type=text].notrequierd,
body.contact section.input input[type=text].valid,
body.contact section.input select.notrequierd,
body.contact section.input select.valid,
body.contact section.input textarea.notrequierd,
body.contact section.input textarea.valid {
	background: #fff;
}

body.contact section.input input[type=text].error,
body.contact section.input select.error,
body.contact section.input textarea.error {
	background: #fff0e1;
}

body.contact section.input textarea {
	background: #fff;
}

body.contact section.input div.invalid {
	background: #fff0e1;
}

body.contact section.input input[type=text] {
	padding: 0 10px;
	width: 480px;
	height: 40px;
	font-size: 16px;
}

body.contact section.input input[type=checkbox] {
	margin-left: 12px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

body.contact section.input label.error {
	display: block;
	line-height: 30px;
	color: #876441;
}

body.contact section.input label.error:before {
	margin-right: 5px;
	content: '!';
	color: #fff;
	background: #ff8080;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 14px;
	text-align: center;
	font-size: 18px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	vertical-align: middle;
}

body.contact section.input select {
	padding: 0 5px;
	width: 500px;
	height: 40px;
}

body.contact section.input textarea {
	padding: 10px;
	width: 480px;
	vertical-align: bottom;
}

body.contact section.input p.submit {
	text-align: center;
}

body.contact section.confirm .message {
	margin-top: 40px;
	padding: 20px;
	border: 1px solid #ccc;
	text-align: center;
	background: #f2f2f2;
}

body.contact section.confirm .message h2 {
	margin-bottom: 0;
	padding-top: 0;
	font-size: 24px;
}

body.contact section.confirm p.submit {
	text-align: center;
}

body.contact section.confirm p.correct {
	margin-top: 40px;
	text-align: center;
}

body.contact section.thanks .message {
	margin-top: 40px;
	padding: 20px;
	border: 1px solid #ccc;
	text-align: center;
	background: #f2f2f2;
}

body.contact section.thanks .message h2 {
	padding-top: 0;
	margin-bottom: 20px;
	font-size: 24px;
}

body.contact section.thanks .message p.number {
	margin-bottom: 20px;
	font-size: 24px;
}

body.contact section.thanks .message p.number strong {
	font-weight: normal;
}

body.contact section.thanks .notice {
	margin: 40px auto 0;
	display: table;
}

body.contact section.error .message {
	margin-top: 40px;
	padding: 20px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fff2f2;
}

body.contact section.error .message h2 {
	padding-top: 0;
	margin-bottom: 0;
	font-size: 24px;
	color: #c33;
}

body.contact section.error .notice {
	margin: 40px auto 0;
	display: table;
}

body.contact section.mail {
	padding: 60px 0;
}

body.contact section.mail h2 {
	margin-bottom: 20px;
	text-align: center;
	font-size: 24px;
	color: #ed6c00;
}

body.contact section.mail .box {
	margin: 0 auto 20px;
	padding: 30px;
	width: 480px;
	border: 1px solid #ccc;
	text-align: center;
	background: #fdfdff;
	text-align: left;
	box-sizing: border-box;
}

body.contact section.mail .box address {
	margin-bottom: 20px;
	display: block;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}

body.contact section.mail .privacy {
	text-align: center;
}

body.casestudy {
	overflow-y: scroll;
}

body.casestudy nav.tab li {
	font-weight: normal;
}

body.casestudy section.anchor {
	padding: 45px 0;
	background: url("../images/casestudy/common/bg_header.png") repeat-x 50% 100%;
}

body.casestudy section.anchor a {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 178px;
	height: 80px;
	font-size: 14px;
}

body.casestudy section.anchor .col {
	margin-left: -30px;
	width: 1000px;
}

body.casestudy section.anchor .col5-1 {
	margin-right: 0;
	margin-left: 20px;
}

body.casestudy section.anchor .col5-1:first-child {
	margin-left: 0;
}

body.casestudy section.list {
	padding: 45px 0 35px;
}

body.casestudy section.list h2 {
	margin-bottom: 45px;
	font-size: 36px;
	font-family: "游明朝", YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明B", "ＭＳ Ｐ明朝", "MS PMincho", "メイリオ", Meiryo, serif;
	font-weight: normal;
	text-align: center;
	line-height: 50px;
}

body.casestudy section.list h2 img {
	margin-right: 10px;
	vertical-align: top;
}

body.casestudy section.list .col {
	margin-bottom: 30px;
	margin-left: -30px;
	width: 1000px;
}

body.casestudy section.list .col4-1 {
	margin-right: 0;
	margin-left: 30px;
}

body.casestudy section.list a {
	display: block;
	color: #4d4d4d;
	text-decoration: none;
}

body.casestudy section.list a:hover {
	color: #309EEF;
}

body.casestudy section.list a:hover .logo {
	border: 1px solid #309EEF;
}

body.casestudy section.list .logo {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 218px;
	height: 56px;
	border: 1px solid #e0e0e0;
	background: #fff;
}

body.casestudy section.list h3 {
	margin-top: 10px;
	color: #309EEF;
}

body.casestudy section.list h3,
body.casestudy section.list p {
	padding: 0 10px;
	font-size: 14px;
}

body.casestudy section:nth-child(2n+1).list {
	background: #f7f7f7;
}

#casestudy-index section.lead h2 {
	/*
  margin-bottom: 30px;
  font-size: 58px;
  color: #34495E;
  line-height: 1;
  letter-spacing: -2px;
  .number{
  	margin-right: 6px;
  	font-size: 120px;
  	letter-spacing: -8px;
  }
  */
	margin-bottom: 40px;
	padding-top: 20px;
	font-size: 50px;
	color: #00B6EF;
	line-height: 50px;
	letter-spacing: 0;
}

#casestudy-index section.lead h2 .number {
	margin-right: 8px;
	font-size: 90px;
	letter-spacing: -8px;
}

#casestudy-index section.lead p {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 2;
}

#casestudy-index section.lead p strong {
	color: #34495E;
}

#casestudy-index section.lead .graph {
	padding: 0 0 50px;
}

#casestudy-index section.lead .list {
	margin-bottom: 20px;
}

#casestudy-index section.lead .list a {
	display: table-cell;
	border: 1px solid #e0e0e0;
	background: #fff;
	text-align: center;
	vertical-align: middle;
	width: 143px;
	height: 58px;
}

#casestudy-index section.lead .list a:hover {
	border: 1px solid #1eb1d7;
}

#casestudy-index section.company .inner {
	padding: 0 0 60px;
	border-bottom: 1px solid #bababa;
}

#casestudy-index section.company h2 {
	color: #2D3E50;
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
}

#casestudy-index section.company h2 strong {
	font-size: 42px;
	color: #00B6EF;
}

#casestudy-index section.company h2 strong .number {
	margin-left: 10px;
	font-size: 90px;
}

#casestudy-index section.casestudy {
	border-bottom: 1px solid #bababa;
	padding: 80px 0 80px;
}

#casestudy-index section.casestudy:last-child {
	border-bottom: 0;
}

#casestudy-index section.casestudy header {
	margin-bottom: 60px;
}

#casestudy-index section.casestudy header h2 {
	font-size: 36px;
	text-align: center;
}

#casestudy-index section.casestudy header p {
	font-size: 16px;
	text-align: center;
}

#casestudy-index section.casestudy .col a {
	display: block;
	color: #4d4d4d;
	text-decoration: none;
}

#casestudy-index section.casestudy .col a:hover {
	color: #309EEF;
}

#casestudy-index section.casestudy .col a:hover .logo {
	border: 1px solid #309EEF;
	margin-bottom: 0;
}

#casestudy-index section.casestudy .col h3 {
	color: #309EEF;
}

#casestudy-index section.casestudy .col3-1 .btn_case {
	clear: both;
	text-align: center;
	background: #309ff0;
	padding: 13px;
	color: #ffffff;
	font-weight: bold;
	width: 46%;
	margin: 0 auto;
}

#casestudy-index section.casestudy .col3-1 .btn_case a {
	color: #ffffff;
	margin-bottom: 0 !important;
}

#casestudy-index section.casestudy .col3-1 a::-webkit-scrollbar {
	display: none;
}

#casestudy-index section.casestudy .col4-2 .image {
	margin-bottom: 15px;
}

#casestudy-index section.casestudy .col4-2 .logol {
	padding-right: 10px;
	border-right: 1px solid #e0e0e0;
	float: left;
}

#casestudy-index section.casestudy .col4-2 .logol img {
	width: 120px;
}

#casestudy-index section.casestudy .col4-2 h3 {
	margin-bottom: 0;
	font-size: 14px;
	width: 330px;
	color: #309EEF;
	/*float: right;*/
}

#casestudy-index section.casestudy .col4-2 p {
	font-size: 14px;
	/*width: 330px;
  float: right;*/
	color: #4d4d4d;
}

#casestudy-index section.casestudy .col4-2 a {
	display: block;
}

#casestudy-index section.casestudy .col4-2 a:hover .image {
	position: relative;
	width: 470px;
	height: 229px;
}

#casestudy-index section.casestudy .col4-2 a:hover .image img {
	position: absolute;
	top: -1px;
	left: -1px;
	border: 1px solid #309EEF;
	display: block;
}

#casestudy-index section.casestudy .col4-1 .logo,
#casestudy-index section.casestudy .col3-1 .logo {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 218px;
	height: 56px;
	border: 1px solid #e0e0e0;
}

#casestudy-index section.casestudy .col4-1 h3,
#casestudy-index section.casestudy .col3-1 h3 {
	margin-top: 10px;
}

#casestudy-index section.casestudy .col4-1 h3,
#casestudy-index section.casestudy .col4-1 p,
#casestudy-index section.casestudy .col3-1 h3,
#casestudy-index section.casestudy .col3-1 p {
	padding: 0 10px;
	font-size: 14px;
}

#casestudy-index section.casestudy .col4-1 a:first-child,
#casestudy-index section.casestudy .col3-1 a:first-child {
	margin-bottom: 30px;
}

#casestudy-index section.casestudy .col {
	margin-left: -30px;
	width: 1000px;
}

#casestudy-index section.casestudy .col4-1 {
	margin-right: 0;
	margin-left: 30px;
}

#casestudy-index section.casestudy .col4-2 {
	margin-right: 0;
	margin-left: 30px;
}

#casestudy-index .companyinformation {
	margin-top: 30px;
	padding: 10px 0;
	overflow: hidden;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef;
}

#casestudy-index .companyinformation .left {
	width: 220px;
	float: left;
	padding: 0 10px;
}

#casestudy-index .sales {
	background: #f7f6e8;
}

#casestudy-index .sales .img {
	margin-top: -30px;
}

#casestudy-index .sales .col3-2 h2 {
	margin-bottom: 25px;
	padding-top: 60px;
	font-size: 21px;
	color: #2f6175;
	letter-spacing: 0.1em;
}

#casestudy-index .sales .col3-2 .profile {
	margin-top: 35px;
	font-size: 12px;
}

#casestudy-index .col2-images {
	zoom: 1;
	width: 850px;
	margin: 0 auto;
}

#casestudy-index .col2-images:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#casestudy-search nav.tab {
	padding: 30px 0;
	background: #f2f2f2;
}

#casestudy-search nav.tab .category {
	margin-bottom: 20px;
	/*
  a.garoon{
  	background: #003084;
  }
  a.kintone{
  	background: #ffbf00;
  }
  */
}

#casestudy-search nav.tab .category a.btn1 {
	width: 100%;
	background: #999;
}

#casestudy-search nav.tab .category a.on {
	background: #ed6c00;
}

#casestudy-search nav.tab .name {
	background: #fff;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	zoom: 1;
}

#casestudy-search nav.tab .name:after {
	content: "";
	display: block;
	clear: both;
}

#casestudy-search nav.tab .name p {
	margin-left: 20px;
	margin-right: 30px;
	float: left;
	line-height: 1;
}

#casestudy-search nav.tab .name ul {
	float: left;
}

#casestudy-search nav.tab .name li {
	padding: 0 1px;
	width: 29px;
	text-align: center;
	border-right: 1px dotted #ccc;
	float: left;
	line-height: 1;
}

#casestudy-search nav.tab .name li:last-child {
	border-right: 0;
}

#casestudy-search nav.tab .name li a {
	margin: -9px 0;
	padding: 9px 0;
	cursor: default;
	color: #ccc;
	display: block;
}

#casestudy-search nav.tab .name li a.active {
	cursor: pointer;
	color: #ed6c00;
}

#casestudy-search nav.tab .name li a.on {
	color: #fff;
	background: #ed6c00;
}

#casestudy-search section.result {
	padding-bottom: 90px;
	position: relative;
}

#casestudy-search section.result h2 {
	padding: 30px 0;
	font-size: 28px;
	text-align: center;
}

#casestudy-search section.result .legend {
	position: absolute;
	right: 0;
	top: 30px;
	padding: 5px 10px;
	background: #f2f2f2;
}

#casestudy-search section.result .legend p,
#casestudy-search section.result .legend ul,
#casestudy-search section.result .legend li {
	float: left;
}

#casestudy-search section.result .legend li {
	margin-left: 20px;
}

#casestudy-search section.result .legend img {
	margin-right: 5px;
	vertical-align: middle;
}

#casestudy-search section.result .logo {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 218px;
	height: 56px;
	border: 1px solid #e0e0e0;
	background: #fff;
}

#casestudy-search section.result h3 {
	margin-top: 10px;
	padding: 0 10px;
	font-size: 14px;
}

#casestudy-search section.result .col4 {
	margin-bottom: 30px;
}

#casestudy-search section.result .col4 p {
	padding: 0 10px;
	font-size: 14px;
	color: #666;
}

#casestudy-search section.result .col4 p img {
	margin-left: 5px;
}

#casestudy-search section.result .col4 a {
	display: block;
}

body.casestudy-detail .mainContent .caseDetailText {
	padding: 10px;
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	background-color: #133A7B;
}

body.casestudy-detail .mainContent .caseDetails {
	padding-bottom: 15px;
	zoom: 1;
}

body.casestudy-detail .mainContent .caseDetails:after {
	content: "";
	display: block;
	clear: both;
}

body.casestudy-detail .mainContent .caseDetails img {
	float: left;
	margin-right: 15px;
}

body.casestudy-detail .mainContent .caseDetails table {
	width: 401px;
	float: left;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

body.casestudy-detail .mainContent .caseDetails th,
body.casestudy-detail .mainContent .caseDetails td {
	border-left: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	line-height: 17px;
	padding: 7px 10px;
	text-align: left;
	vertical-align: top;
}

body.casestudy-detail .mainContent .deployTxt {
	margin-bottom: 1.5em;
}

body.casestudy-detail .mainContent .link {
	width: 382px;
	padding-left: 18px;
	background-image: url(../img/casestudy/detail/topicDetail_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 18px;
	padding-bottom: 20px;
}

#company-index #main {
	position: relative;
}

#company-index #categorytitle {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
}

#company-index #categorytitle h1,
#company-index #categorytitle nav li a {
	color: #fff;
}

#company-index .heading1 {
	margin-bottom: 60px;
	text-align: center;
}

#company-index .heading1 h2 {
	color: #2D3E50;
	margin-bottom: 10px;
	font-size: 42px;
	letter-spacing: 2px;
}

#company-index .heading1 p {
	font-size: 21px;
}

#company-index section.visual {
	position: relative;
	text-align: center;
	color: #fff;
}

#company-index section.visual .img {
	overflow: hidden;
	height: 700px;
	position: relative;
}

#company-index section.visual .img li {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

#company-index section.visual .img img {
	width: 100%;
	min-width: 1200px;
}

#company-index section.visual .inner {
	position: absolute;
	left: 50%;
	top: 0;
	margin-right: 0;
	margin-left: -485px;
}

#company-index section.visual h2 {
	margin-top: 205px;
	margin-bottom: 25px;
	font-size: 42px;
	line-height: 60px;
}

#company-index section.visual p {
	font-weight: bold;
}

#company-index section.result {
	padding: 90px 0;
	background: #fff url("../img/company/index/result_bg.jpg") 50% 60px repeat-x;
}

#company-index section.user {
	margin-bottom: 300px;
}

#company-index section.user h3 {
	margin-bottom: 40px;
	padding-top: 20px;
	font-size: 38px;
	color: #00B6EF;
	line-height: 50px;
}

#company-index section.user h3 .number {
	margin-right: 8px;
	font-size: 110px;
	letter-spacing: -8px;
}

#company-index section.user p {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 2;
}

#company-index section.company h2 {
	color: #2D3E50;
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
}

#company-index section.company h2 strong {
	font-size: 42px;
	color: #00B6EF;
}

#company-index section.company h2 strong .number {
	margin-left: 10px;
	font-size: 90px;
}

#company-index section.staff {
	padding: 90px 0 0;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	background: #FAFAFC;
}

#company-index section.message {
	border-bottom: 1px solid #E6E6E6;
	zoom: 1;
}

#company-index section.message:after {
	content: "";
	display: block;
	clear: both;
}

#company-index section.message .img,
#company-index section.message .txt {
	float: left;
	margin-left: 100px;
}

#company-index section.message .img:first-child,
#company-index section.message .txt:first-child {
	margin-left: 0;
}

#company-index section.message .img {
	width: 400px;
}

#company-index section.message .txt {
	width: 470px;
	padding-top: 60px;
}

#company-index section.message .txt h3 {
	margin-bottom: 1.5em;
	font-size: 26px;
}

#company-index section.message .txt p {
	margin-bottom: 1.5em;
}

#company-index section.message .txt .name {
	font-weight: bold;
}

#company-index section.list {
	padding: 60px 0;
	text-align: center;
}

#company-index section.list.odd {
	color: #fff;
	background: #61bfea;
}

#company-index section.list.even {
	background: #efefef;
}

#company-index section.list h3 {
	margin-bottom: 30px;
	font-size: 26px;
}

#company-index section.list li {
	font-size: 16px;
}

#company-index section.list li img {
	margin-bottom: 10px;
}

#company-index section.list li .position {
	font-size: 14px;
}

#company-index section.photo {
	padding: 90px 0;
	background: #F2F2F2;
}

#company-index section.photo ul {
	margin-left: -10px;
	width: 980px;
}

#company-index section.photo li {
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

#company-company section.world {
	padding-bottom: 60px;
	overflow: hidden;
	text-align: center;
}

#company-company section.world .map {
	margin: 0 -115px;
}

#company-company section.world h2 {
	margin-bottom: 30px;
	color: #34495E;
	font-size: 28px;
}

#company-company section.world p {
	margin-bottom: 30px;
	color: #34495E;
	font-size: 18px;
}

#company-company section.world .col6 .col {
	margin-left: 20px;
	width: 120px;
	float: left;
}

#company-company section.world .col6 .col:first-child {
	margin-left: 0;
}

#company-company section.world .city {
	padding-top: 5px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #34495E;
}

#company-company section.outline,
#company-company section.map {
	padding: 60px 0;
}

#company-company section.outline h2,
#company-company section.map h2 {
	margin-bottom: 30px;
	color: #34495E;
	font-size: 28px;
	text-align: center;
}

#company-company section.outline iframe,
#company-company section.map iframe {
	margin-bottom: 30px;
	display: inline-block;
	vertical-align: bottom;
}

#company-company section.outline {
	border-top: 1px solid #E3E3DF;
	box-shadow: 0 1px 0 white inset;
	background: #F5F5F5;
}

#company-history section.history {
	background: url("../img/company/history/bg_1.png") 50% 0 repeat;
}

#company-history section.history .inner {
	background: url("../img/company/history/bg_4.png") 5px 230px no-repeat;
}

#company-history section.history .btn1 {
	width: 190px;
	height: 40px;
	line-height: 40px;
}

#company-history section.history h2 {
	padding: 70px 0 73px;
	font-size: 42px;
	text-align: center;
}

#company-history section.history ol {
	position: relative;
	height: 2434px;
}

#company-history section.history li {
	zoom: 1;
	position: absolute;
}

#company-history section.history li:after {
	content: "";
	display: block;
	clear: both;
}

#company-history section.history .year {
	color: #74CFEA;
	font-weight: bold;
}

#company-history section.history .r {
	text-align: right;
}

#company-history section.history .r .year,
#company-history section.history .r .txt {
	float: right;
}

#company-history section.history .r .year {
	margin-left: 15px;
	line-height: 1;
}

#company-history section.history .l .year,
#company-history section.history .l .txt {
	float: left;
}

#company-history section.history .l .year {
	margin-right: 15px;
}

#company-history section.history .y1996 {
	top: 0;
	right: 470px;
	font-size: 18px;
}

#company-history section.history .y1996 .year {
	line-height: 27px;
}

#company-history section.history .y2007 {
	top: 97px;
	right: 307px;
}

#company-history section.history .y2007 .txt {
	font-size: 14px;
}

#company-history section.history .y2007 .txt strong {
	font-size: 22px;
}

#company-history section.history .y2007 .txt img {
	margin-right: -35px;
	margin-top: 22px;
}

#company-history section.history .y2007 .year {
	font-size: 60px;
}

#company-history section.history .y2008 {
	top: 218px;
	right: 31px;
}

#company-history section.history .y2008 .txt {
	font-size: 18px;
}

#company-history section.history .y2008 .year {
	font-size: 24px;
	line-height: 27px;
}

#company-history section.history .y2009 {
	top: 316px;
	right: 37px;
}

#company-history section.history .y2009 .txt {
	font-size: 18px;
}

#company-history section.history .y2009 .year {
	font-size: 24px;
	line-height: 27px;
}

#company-history section.history .y2010 {
	top: 430px;
	right: -10px;
}

#company-history section.history .y2010 .txt {
	font-size: 14px;
}

#company-history section.history .y2010 .txt strong {
	font-size: 22px;
}

#company-history section.history .y2010 .txt img {
	margin-top: 10px;
}

#company-history section.history .y2010 .year {
	font-size: 42px;
}

#company-history section.history .y2011 {
	top: 610px;
	right: 480px;
}

#company-history section.history .y2011 .txt {
	width: 265px;
	font-size: 14px;
}

#company-history section.history .y2011 .txt strong {
	font-size: 22px;
}

#company-history section.history .y2011 .txt img {
	margin-top: 10px;
}

#company-history section.history .y2011 .year {
	color: #fff;
	font-size: 42px;
}

#company-history section.history .y2012 {
	top: 743px;
	right: 155px;
}

#company-history section.history .y2012 .txt {
	font-size: 18px;
}

#company-history section.history .y2012 .year {
	color: #fff;
	font-size: 24px;
}

#company-history section.history .y2013 {
	top: 859px;
	right: 3px;
}

#company-history section.history .y2013 .txt {
	font-size: 22px;
}

#company-history section.history .y2013 .txt img {
	margin-bottom: 10px;
}

#company-history section.history .y2013 .txt strong:last-child {
	margin-left: 10px;
	font-size: 18px;
	line-height: 50px;
}

#company-history section.history .y2013 .year {
	color: #fff;
	font-size: 42px;
	line-height: 1;
}

#company-history section.history .y2014 {
	top: 1119px;
	left: 164px;
}

#company-history section.history .y2014 .txt {
	font-size: 34px;
}

#company-history section.history .y2014 .year {
	font-size: 60px;
}

#company-history section.history .seminar {
	top: 1355px;
	left: 15px;
}

#company-history section.history .seminar .img {
	margin-right: 20px;
	float: left;
}

#company-history section.history .seminar .txt {
	float: left;
	font-size: 18px;
}

#company-history section.history .seminar .txt strong {
	margin-bottom: 10px;
	font-size: 24px;
	display: inline-block;
}

#company-history section.history .seminar a.btn1 {
	margin-top: 20px;
}

#company-history section.history .y2016 {
	top: 1550px;
	left: 574px;
}

#company-history section.history .y2016 .txt {
	font-size: 34px;
}

#company-history section.history .y2016 .year {
	font-size: 60px;
}

#company-history section.history .y2016 a.btn1 {
	margin-top: 15px;
}

#company-history section.history .y2017 {
	top: 1830px;
	left: 100px;
}

#company-history section.history .y2017 .img {
	float: left;
	margin: 15px 20px 0 0;
}

#company-history section.history .y2017 .txt {
	float: right;
	font-size: 18px;
}

#company-history section.history .y2017 .txt strong {
	font-size: 24px;
	margin: 0 0 10px;
	display: inline-block;
}

#company-history section.history .y2017 .txt a {
	margin: 20px 0 0;
}

#company-history section.history .y2017 .year {
	color: #fff;
	font-size: 60px;
}

#company-history section.history .y2017-seminar {
	top: 2150px;
	left: 500px;
}

#company-history section.history .y2017-seminar .txt {
	font-size: 24px;
}

#company-recruit .mainContent .recruitText {
	margin-bottom: 20px;
}

#company-recruit .mainContent .recruitPic {
	margin-bottom: 30px;
	zoom: 1;
}

#company-recruit .mainContent .recruitPic:after {
	content: "";
	display: block;
	clear: both;
}

#company-recruit .mainContent .recruitPic dt {
	float: left;
}

#company-recruit .mainContent .recruitPic dd {
	float: right;
}

#company-recruit .mainContent .recruitTab {
	margin-bottom: 30px;
}

#company-recruit .mainContent .recruitTab caption {
	text-align: left;
	padding: 12px;
	font-size: 13px;
	font-weight: 700;
	border: 1px solid #DDD;
	background-color: #D9E2FF;
}

#company-recruit .mainContent .recruitTab th,
#company-recruit .mainContent .recruitTab td {
	padding: 10px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#company-recruit .mainContent .recruitTab th {
	width: 160px;
	border-left: 1px solid #DDD;
}

#company-recruit .mainContent .recruitLast {
	zoom: 1;
}

#company-recruit .mainContent .recruitLast:after {
	content: "";
	display: block;
	clear: both;
}

#company-recruit .mainContent .recruitLast dt {
	float: right;
}

#company-recruit .mainContent .recruitLast dd {
	width: 395px;
	float: left;
	line-height: 20px;
}

#partners-index .heading2 {
	margin-bottom: 60px;
	text-align: center;
}

#partners-index .heading2 h2 {
	color: #2D3E50;
	margin-bottom: 10px;
	font-size: 28px;
	letter-spacing: 2px;
}

#partners-index .heading2 p {
	font-size: 16px;
}

#partners-index section.network {
	padding: 0 0 90px;
}

#partners-index section.network .map img {
	margin-left: -65px;
}

#partners-index section.network .heading2 {
	margin-bottom: 20px;
	border-bottom: 1px solid #2D3E50;
	text-align: left;
}

#partners-index section.network p {
	color: #34495E;
}

#partners-index section.network .col3-2 {
	padding-top: 30px;
}

#partners-index section.network .col3-2 ul {
	margin-top: 30px;
	margin-left: -17px;
	width: 652px;
}

#partners-index section.network .col3-2 li {
	margin-bottom: 15px;
	margin-left: 17px;
	float: left;
	width: 200px;
}

#partners-index section.network .col4 {
	padding-top: 40px;
	clear: both;
}

#partners-index section.list {
	padding: 90px 0;
	border-top: 1px solid #E3E3DF;
	background: #F5F5F5;
	display: none;
}

#partners-index section.inquiry {
	padding: 60px 0 0;
}

#partners-index section.inquiry .person {
	margin-top: -90px;
}

#partners-index section.inquiry .heading2 {
	margin-bottom: 10px;
	text-align: left;
}

#partners-index section.inquiry .heading2 h2 {
	letter-spacing: 0;
}

#product-kintone-index section.visual {
	margin-top: -40px;
	height: 540px;
	position: relative;
	background: url("../img/product/kintone/index/visual_bg.jpg") 50% 0 repeat-x;
}

#product-kintone-index section.visual .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: right;
}

#product-kintone-index section.visual .txt {
	position: absolute;
	left: 0;
	top: 100px;
}

#product-kintone-index section.visual h2 {
	margin-bottom: 120px;
	font-size: 45px;
	color: #000;
	text-shadow: 0 0 10px white;
}

#product-kintone-index section.visual h3 {
	margin-bottom: 20px;
}

#product-kintone-index section.visual p {
	font-weight: bold;
	font-size: 12px;
}

#product-kintone-index section.visual p em {
	font-size: 16px;
}

#product-kintone-index section.app {
	padding-top: 80px;
	border-bottom: 1px solid #ccc;
}

#product-kintone-index section.app h2 {
	margin-bottom: 50px;
	text-align: center;
	font-size: 36px;
	line-height: 40px;
}

#product-kintone-index section.app h2 span {
	margin-bottom: 5px;
	display: inline-block;
	font-size: 24px;
	color: #34495E;
}

#product-kintone-index section.app h2 em {
	border-bottom: 4px solid #EC6C00;
	display: inline-block;
}

#product-kintone-index section.app .category {
	zoom: 1;
}

#product-kintone-index section.app .category:after {
	content: "";
	display: block;
	clear: both;
}

#product-kintone-index section.app .category li {
	margin-left: 30px;
	border-bottom: 1px solid #808080;
	float: left;
	width: 170px;
	text-align: center;
}

#product-kintone-index section.app .category li.category0 {
	margin-left: 75px;
	width: 270px;
}

#product-kintone-index section.app .category li.on {
	border-color: #64BDD4;
	color: #64BDD4;
}

#product-kintone-index section.app .tab-btn {
	zoom: 1;
}

#product-kintone-index section.app .tab-btn:after {
	content: "";
	display: block;
	clear: both;
}

#product-kintone-index section.app .tab-btn li {
	padding-top: 10px;
	margin-left: 30px;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}

#product-kintone-index section.app .tab-btn li:first-child {
	margin-left: 75px;
}

#product-kintone-index section.app .tab-btn li:last-child {
	margin-top: -18px;
}

#product-kintone-index section.app .tab-btn .btn {
	margin-top: 10px;
	padding: 7px;
	border-radius: 14px 14px 0 0;
	background: #DEDEDE;
	width: 56px;
	cursor: pointer;
}

#product-kintone-index section.app .tab-btn li.on {
	font-weight: bold;
	color: #74CAEF;
}

#product-kintone-index section.app .tab-btn li.on .btn {
	background: #74CAEF;
}

#product-kintone-index section.app .tab-contents {
	position: relative;
	height: 498px;
}

#product-kintone-index section.app .tab-contents li {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 10px 10px 0;
	border-radius: 10px 10px 0 0;
	background: #74CAEF;
	width: 900px;
	display: none;
}

#product-kintone-index section.app .tab-contents li.on {
	display: block;
}

#product-kintone-index section.app .tab-contents .txt {
	margin-bottom: 10px;
	line-height: 28px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#product-kintone-index section.app .tab-contents .txt img {
	margin-right: 10px;
	width: 28px;
	height: 28px;
}

#product-kintone-index section.app .next,
#product-kintone-index section.app .prev {
	position: absolute;
	top: 495px;
	cursor: pointer;
}

#product-kintone-index section.app .next {
	right: -40px;
}

#product-kintone-index section.app .prev {
	left: -40px;
}

#product-kintone-index section.feature {
	padding-top: 80px;
}

#product-kintone-index section.feature .inner {
	position: relative;
}

#product-kintone-index section.feature h2 {
	margin-bottom: 60px;
	font-size: 42px;
	text-align: center;
}

#product-kintone-index section.feature a.youku {
	position: absolute;
	top: 372px;
	left: 198px;
	display: block;
	width: 576px;
	height: 344px;
	text-indent: -100%;
	overflow: hidden;
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
}

#product-kintone-index section.support {
	background: #EEECE3;
}

#product-kintone-index section.support h2 {
	padding: 40px 0;
	font-size: 34px;
	line-height: 34px;
	text-align: center;
}

#product-kintone-index section.support .visual {
	margin-bottom: 40px;
}

#product-kintone-index section.support .visual img {
	width: 100%;
}

#product-kintone-index section.support .steps {
	zoom: 1;
	background: url("../img/product/kintone/index/step_arrow.png") 0 125px repeat-x;
}

#product-kintone-index section.support .steps:after {
	content: "";
	display: block;
	clear: both;
}

#product-kintone-index section.support .step {
	margin-left: 30px;
	padding: 10px 10px 0;
	float: left;
	width: 200px;
	background: #fff;
}

#product-kintone-index section.support .step:first-child {
	margin-left: 0;
}

#product-kintone-index section.support .step h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #34495E;
	color: #34495E;
	text-align: center;
	line-height: 1.33;
}

#product-kintone-index section.support .step h3 .en {
	font-size: 14px;
}

#product-kintone-index section.support .step h3 .number {
	font-size: 38px;
}

#product-kintone-index section.support .step h3 .ja {
	font-size: 22px;
}

#product-kintone-index section.support .step p {
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	min-height: 3em;
}

#product-kintone-index section.support .step .img img {
	margin: 0 -10px;
	display: block;
}

#product-kintone-index section.support .message {
	padding: 35px 0 60px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#product-kintone-index section.cases {
	padding-top: 80px;
}

#product-kintone-index section.cases h2 {
	margin-bottom: 40px;
	text-align: center;
}

#product-kintone-index section.cases h2 .txt1 {
	font-weight: normal;
	font-size: 20px;
}

#product-kintone-index section.cases h2 .txt2 {
	font-size: 34px;
	letter-spacing: .2em;
}

#product-kintone-index section.cases .col {
	text-align: center;
}

#product-kintone-index section.cases .col a {
	display: block;
	color: #4d4d4d;
}

#product-kintone-index section.cases .summary {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

#product-kintone-index section.cases .name {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #000;
	font-size: 14px;
}

#product-kintone-index section.cases .more {
	padding: 60px 0;
	text-align: center;
}

#product-kintone-index section.cases .more a.btn {
	width: 260px;
}

#product-kintone-index section.detail {
	padding: 60px 0;
	color: #fff;
	background: url("../img/product/kintone/index/detail_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
	text-align: center;
}

#product-kintone-index section.detail h2 {
	margin-bottom: 10px;
	font-size: 24px;
}

#product-kintone-index section.detail p {
	margin-bottom: 20px;
	font-size: 16px;
}

#product-kintone-index section.detail p:last-child {
	margin-bottom: 0;
}

#product-garoon-index section.visual {
	height: 540px;
	position: relative;
}

#product-garoon-index section.visual .img {
	position: absolute;
	min-width: 960px;
	width: 100%;
	height: 340px;
	text-align: right;
	background: url("../img/product/garoon/index/visual_2.jpg") 50% 0 no-repeat;
	background-size: cover;
}

#product-garoon-index section.visual .img img {
	margin-top: -20px;
}

#product-garoon-index section.visual .txt {
	position: absolute;
	left: 0;
	top: 80px;
}

#product-garoon-index section.visual h2 {
	margin-bottom: 80px;
	font-size: 45px;
	color: #fff;
	text-shadow: 0 0 5px #3b6b82;
}

#product-garoon-index section.visual h3 {
	margin-bottom: 20px;
}

#product-garoon-index section.visual p {
	font-weight: bold;
	font-size: 12px;
}

#product-garoon-index section.visual p em {
	font-size: 16px;
}

#product-garoon-index section.app {
	border-bottom: 1px solid #ccc;
}

#product-garoon-index section.app h2 {
	padding: 20px 0 50px;
	text-align: center;
	font-size: 36px;
	line-height: 40px;
}

#product-garoon-index section.app h2 span {
	margin-bottom: 5px;
	display: inline-block;
	font-size: 24px;
	color: #34495E;
}

#product-garoon-index section.app h2 em {
	border-bottom: 4px solid #EC6C00;
	display: inline-block;
}

#product-garoon-index section.app .tab-btn {
	zoom: 1;
}

#product-garoon-index section.app .tab-btn:after {
	content: "";
	display: block;
	clear: both;
}

#product-garoon-index section.app .tab-btn li {
	padding-top: 10px;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	width: 120px;
	height: 116px;
	position: relative;
}

#product-garoon-index section.app .tab-btn li:first-child {
	margin-left: 120px;
}

#product-garoon-index section.app .tab-btn .btn {
	position: absolute;
	left: 25px;
	bottom: 0;
	padding: 7px;
	border-radius: 14px 14px 0 0;
	background: #DEDEDE;
	width: 56px;
	cursor: pointer;
}

#product-garoon-index section.app .tab-btn li.on {
	font-weight: bold;
	color: #74CAEF;
}

#product-garoon-index section.app .tab-btn li.on .btn {
	background: #74CAEF;
}

#product-garoon-index section.app .tab-contents {
	position: relative;
	height: 498px;
}

#product-garoon-index section.app .tab-contents li {
	position: absolute;
	top: 0;
	left: 20px;
	padding: 10px 10px 0;
	border-radius: 10px 10px 0 0;
	background: #74CAEF;
	width: 900px;
	display: none;
}

#product-garoon-index section.app .tab-contents li.on {
	display: block;
}

#product-garoon-index section.app .tab-contents .txt {
	margin-bottom: 10px;
	line-height: 28px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

#product-garoon-index section.app .tab-contents .txt img {
	margin-right: 10px;
	width: 28px;
	height: 28px;
}

#product-garoon-index section.app .next,
#product-garoon-index section.app .prev {
	position: absolute;
	top: 510px;
	cursor: pointer;
}

#product-garoon-index section.app .next {
	right: -40px;
}

#product-garoon-index section.app .prev {
	left: -40px;
}

#product-garoon-index section.smartphone {
	background: #60c0e8;
}

#product-garoon-index section.smartphone .inner {
	height: 600px;
	background: url("../img/product/garoon/index/img_1_1.png") 0 60px no-repeat;
}

#product-garoon-index section.smartphone .text {
	padding: 130px 0 40px;
	float: right;
	text-align: left;
	width: 400px;
}

#product-garoon-index section.smartphone h3 {
	margin-bottom: 60px;
	color: #fff;
	background: 0;
	font-size: 40px;
	line-height: 1.33;
}

#product-garoon-index section.smartphone h3 span {
	display: block;
	font-size: 28px;
	font-weight: normal;
}

#product-garoon-index section.smartphone p {
	color: #fff;
	font-size: 14px;
	line-height: 1.5;
}

#product-garoon-index section.smartphone .app {
	margin-bottom: 15px;
	padding: 20px;
	border: 1px solid #fff;
	text-align: center;
}

#product-garoon-index section.smartphone .app p {
	margin-bottom: 15px;
	color: #fff;
	font-size: 16px;
	text-align: left;
}

#product-garoon-index section.smartphone .app p a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

#product-garoon-index section.smartphone .app a.btn1 {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 42px;
	height: 42px;
	background: #090909;
	border-radius: 4.5px;
}

#product-garoon-index section.smartphone .app img {
	margin: 0 10px;
}

#product-garoon-index section.assistance {
	text-align: center;
	padding: 60px 0;
	color: #fff;
	background: #01479A url("../img/product/garoon/index/assistance_bg.png") 50% 0 no-repeat;
}

#product-garoon-index section.assistance h2 {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #fff;
	font-size: 28px;
	text-align: center;
}

#product-garoon-index section.assistance h3 {
	margin-bottom: 25px;
	font-size: 18px;
}

#product-garoon-index section.feature {
	padding: 80px 0;
	text-align: center;
	background: #F5F5F5;
}

#product-garoon-index section.desktop2 {
	background-color: #fff;
}

#product-garoon-index section.feature h2 {
	margin-bottom: 60px;
	font-size: 34px;
	letter-spacing: 3px;
	color: #2D3E50;
	text-align: center;
}

#product-garoon-index section.feature h3 {
	margin-bottom: 20px;
	color: #2D3E50;
	font-size: 21px;
}

#product-garoon-index section.desktop2 a.btn1 {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	line-height: 42px;
	height: 40px;
	background: #090909;
	border-radius: 4.5px;
}

#product-garoon-index section.desktop2 p {
	text-align: left;
	margin-bottom: 20px;
}

#product-garoon-index section.desktop2 .app {
	width: 352px;
	margin: 0 auto;

}

#product-garoon-index section.desktop2 .app p {
	float: left;
	margin: 0 10px;
}

#product-garoon-index section.desktop2 .app:after {
	clear: both;
	display: block;
	content: "";
}

#product-garoon-index section.feature .pdf {
	margin-bottom: 30px;
}

#product-garoon-index section.support {
	padding-top: 80px;
	background: #DDEAF6;
}

#product-garoon-index section.support .inner {
	padding-bottom: 60px;
	background: url("../img/product/garoon/index/step_bg.png") 130px 100% no-repeat;
}

#product-garoon-index section.support h2 {
	margin-bottom: 60px;
	font-size: 36px;
	letter-spacing: 10px;
	line-height: 1;
	text-align: center;
}

#product-garoon-index section.support .txt {
	margin-bottom: 30px;
	margin-left: 420px;
}

#product-garoon-index section.support .txt p {
	color: #34495E;
}

#product-garoon-index section.support .balloon {
	margin-bottom: 20px;
	padding: 32px 30px 32px 50px;
	background: url("../img/product/garoon/index/support_balloon.png") 0 0 no-repeat;
	width: 328px;
	height: 96px;
	line-height: 34px;
	font-size: 21px;
	font-weight: bold;
}

#product-garoon-index section.support .position {
	padding-left: 20px;
	font-size: 14px;
}

#product-garoon-index section.support .name {
	padding-left: 20px;
	font-size: 16px;
}

#product-garoon-index section.support .steps {
	zoom: 1;
	background: url("../img/product/kintone/index/step_arrow.png") 0 125px repeat-x;
}

#product-garoon-index section.support .steps:after {
	content: "";
	display: block;
	clear: both;
}

#product-garoon-index section.support .step {
	margin-left: 30px;
	padding: 10px 10px 0;
	float: left;
	width: 200px;
	background: #fff;
}

#product-garoon-index section.support .step:first-child {
	margin-left: 0;
}

#product-garoon-index section.support .step h3 {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #34495E;
	color: #34495E;
	text-align: center;
	line-height: 1.33;
}

#product-garoon-index section.support .step h3 .en {
	font-size: 14px;
}

#product-garoon-index section.support .step h3 .number {
	font-size: 38px;
}

#product-garoon-index section.support .step h3 .ja {
	font-size: 22px;
}

#product-garoon-index section.support .step p {
	margin-bottom: 10px;
	font-size: 14px;
	text-align: center;
	min-height: 3em;
}

#product-garoon-index section.support .step .img img {
	margin: 0 -10px;
	display: block;
}

#product-garoon-index section.cases {
	padding-top: 80px;
}

#product-garoon-index section.cases h2 {
	margin-bottom: 40px;
	text-align: center;
}

#product-garoon-index section.cases h2 .txt1 {
	font-weight: normal;
	font-size: 20px;
}

#product-garoon-index section.cases h2 .txt2 {
	font-size: 34px;
	letter-spacing: .2em;
}

#product-garoon-index section.cases .col {
	text-align: center;
}

#product-garoon-index section.cases .col a {
	display: block;
	color: #4d4d4d;
}

#product-garoon-index section.cases .summary {
	margin-top: 15px;
	margin-bottom: 15px;
	font-weight: bold;
}

#product-garoon-index section.cases .name {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #000;
	font-size: 14px;
}

#product-garoon-index section.cases .more {
	padding: 60px 0;
	text-align: center;
}

#product-garoon-index section.cases .more a.btn {
	width: 260px;
}

#product-garoon-index section.detail {
	padding: 60px 0;
	color: #fff;
	background: url("../img/product/kintone/index/detail_bg.jpg") 50% 50% no-repeat;
	background-size: cover;
	text-align: center;
}

#product-garoon-index section.detail h2 {
	margin-bottom: 10px;
	font-size: 24px;
}

#product-garoon-index section.detail p {
	margin-bottom: 20px;
	font-size: 16px;
}

#product-garoon-index section.detail p:last-child {
	margin-bottom: 0;
}

body.product-case #main section h2 {
	letter-spacing: 0.1em;
}

body.product-case #categorytitle h1 {
	padding-bottom: 30px;
}

body.product-case section.visual {
	margin-bottom: 40px;
}

body.product-case section.visual .product {
	border-radius: 0 0 10px 10px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 150px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #fff;
}

body.product-case section.visual .product img {
	vertical-align: middle;
}

body.product-case section.visual h2 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 930px;
	border-radius: 0 0 10px 10px;
	padding: 10px 20px;
	line-height: 40px;
	font-size: 26px;
	font-weight: normal;
	color: #fff;
	background: rgba(52, 73, 94, 0.6);
}

body.product-case section.lead {
	padding-bottom: 40px;
}

body.product-case section.lead h2 {
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	font-weight: normal;
}

body.product-case section.lead p {
	margin-bottom: 2em;
	line-height: 2;
}

body.product-case aside.company {
	padding-bottom: 40px;
	margin-left: 30px;
	width: 270px;
}

body.product-case aside.company .sns {
	margin: -30px 0 30px;
	text-align: right;
}

body.product-case aside.company .sns li {
	display: inline-block;
}

body.product-case aside.company .logo {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

body.product-case aside.company .data {
	padding-top: 15px;
	border-bottom: 1px dotted #333;
}

body.product-case aside.company .data:last-child {
	border-bottom: 0;
}

body.product-case aside.company dt,
body.product-case aside.company dd {
	font-size: 14px;
}

body.product-case aside.company dt {
	color: #ed6c00;
}

body.product-case aside.company dd {
	margin-bottom: 1.5em;
}

body.product-case aside.company dd img {
	margin-top: 5px;
}

body.product-case section.flow-anchor {
	background: #efeeea;
}

body.product-case section.flow-anchor h2 {
	margin-bottom: -11px;
	padding-bottom: 11px;
	text-align: center;
	background: url("../img/product/common/flow_arrow.png") 50% 100% no-repeat;
}

body.product-case section.flow-anchor h2 img,
body.product-case section.flow-anchor h2 span {
	display: block;
}

body.product-case section.flow-anchor h2 img {
	margin: 0 auto;
}

body.product-case section.flow-anchor h2 .icon {
	padding-top: 65px;
	background: #fff;
}

body.product-case section.flow-anchor h2 .txt {
	color: #fff;
	background: #ec6c00;
	font-size: 21px;
	line-height: 50px;
	height: 50px;
}

body.product-case section.flow-anchor .inner {
	margin-top: 50px;
	padding-bottom: 70px;
}

body.product-case section.flow-anchor ol {
	width: 700px;
}

body.product-case section.flow-anchor li {
	margin-bottom: 10px;
	display: table;
	height: 70px;
}

body.product-case section.flow-anchor li a {
	display: table-row;
}

body.product-case section.flow-anchor li span {
	display: table-cell;
	vertical-align: middle;
}

body.product-case section.flow-anchor li .txt1 {
	padding: 0 20px 0 40px;
	width: 140px;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
}

body.product-case section.flow-anchor li .txt2 {
	padding: 0 20px;
	width: 460px;
	color: #333;
	background: #f7f7f7;
	font-size: 16px;
}

body.product-case section.flow-anchor .anchor1 .txt1 {
	background: #b1b1b1 url("../img/product/common/flow_anchor_1.png") 10px 50% no-repeat;
}

body.product-case section.flow-anchor .anchor2 .txt1 {
	background: #ad917b url("../img/product/common/flow_anchor_1.png") 10px 50% no-repeat;
}

body.product-case section.flow-anchor .anchor3 .txt1 {
	background: #ec6c00 url("../img/product/common/flow_anchor_1.png") 10px 50% no-repeat;
}

body.product-case section.flow-anchor .anchor4 .txt1 {
	color: #ec6c00;
	background: #ffffff url("../img/product/common/flow_anchor_2.png") 10px 50% no-repeat;
}

body.product-case section.flow-anchor .col p {
	margin-left: 20px;
	width: 200px;
	font-size: 14px;
}

body.product-case section.flow-anchor .col p span {
	margin: 5px 0 15px;
	display: block;
}

body.product-case section.flow {
	padding-bottom: 20px;
	background: #efeeea;
}

body.product-case section.flow h2 {
	margin-bottom: 67px;
	font-weight: normal;
	text-align: center;
	color: #fff;
	background: #efeeea url("../img/product/common/flow_bg_1.png") 50% 0 repeat-x;
}

body.product-case section.flow h2 span {
	display: inline-block;
}

body.product-case section.flow h2 .txt1 {
	padding: 42px 0 15px;
	font-size: 36px;
	line-height: 36px;
	border-bottom: 2px solid #fff;
}

body.product-case section.flow h2 .txt2 {
	margin-bottom: -17px;
	padding: 15px 0 49px;
	font-size: 24px;
	line-height: 36px;
	background: url("../img/product/common/flow_arrow_1.png") 50% 100% no-repeat;
}

body.product-case section.flow h3 {
	margin-bottom: 25px;
	font-size: 24px;
	font-weight: normal;
}

body.product-case section.flow p {
	padding-bottom: 30px;
	line-height: 2;
}

body.product-case section.flow .col3 {
	padding-bottom: 30px;
}

body.product-case section.flow .col3-1 img {
	margin-bottom: 5px;
	display: block;
	width: 100%;
}

body.product-case section.flow .col3-1 p {
	font-size: 14px;
	line-height: 1.5;
}

body.product-case #flow1 h2 {
	background-image: url("../img/product/common/flow_bg_1.png");
}

body.product-case #flow1 h2 .txt2 {
	background-image: url("../img/product/common/flow_arrow_1.png");
}

body.product-case #flow2 h2 {
	background-image: url("../img/product/common/flow_bg_2.png");
}

body.product-case #flow2 h2 .txt2 {
	background-image: url("../img/product/common/flow_arrow_2.png");
}

body.product-case #flow3 h2 {
	background-image: url("../img/product/common/flow_bg_3.png");
}

body.product-case #flow3 h2 .txt2 {
	background-image: url("../img/product/common/flow_arrow_3.png");
}

body.product-case #flow4 h2 {
	color: #ed6c00;
	background-image: url("../img/product/common/flow_bg_4.png");
}

body.product-case #flow4 h2 .txt1 {
	border-color: #ed6c00;
}

body.product-case #flow4 h2 .txt2 {
	background-image: url("../img/product/common/flow_arrow_4.png");
}

body.product-case section.sales {
	background: #f7f6e8;
}

body.product-case section.sales .img {
	margin-top: -30px;
}

body.product-case section.sales h2 {
	margin-bottom: 25px;
	padding-top: 60px;
	font-size: 21px;
	color: #2f6175;
}

body.product-case section.sales .profile {
	margin-top: 35px;
}

body.product-case section.sales .profile h3 {
	margin-bottom: 5px;
	font-size: 12px;
}

body.product-case section.sales .profile p {
	font-size: 12px;
}

body.product-case footer.case {
	padding: 20px 0 60px;
}

body.product-case footer.case .date {
	float: left;
	font-size: 12px;
}

body.product-case footer.case .sns {
	float: right;
}

body.product-case footer.case .sns li {
	float: left;
	margin-left: 10px;
	text-align: right;
}

body.product-case footer.case .sns .pdf {
	line-height: 20px;
}

body.product-case footer.case .sns .pdf a {
	margin-top: -2px;
	display: inline-block;
	vertical-align: top;
}

body.product-case footer.case .sns .pdf img {
	vertical-align: top;
}

body.product-case footer.case .btn1 {
	width: 260px;
}

#product-kunai #lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 200;
	text-align: center;
	line-height: 0;
}

#product-kunai #lightbox img {
	width: auto;
	height: auto;
}

#product-kunai #lightbox a img {
	border: none;
}

#product-kunai #outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#product-kunai #imageContainer {
	padding: 10px;
}

#product-kunai #loading {
	position: absolute;
	top: 40%;
	left: 45%;
	height: 25%;
	text-align: center;
	line-height: 0;
}

#product-kunai #hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 110;
}

#product-kunai #imageContainer>#hoverNav {
	left: 0;
}

#product-kunai #hoverNav a {
	outline: none;
}

#product-kunai #prevLink,
#product-kunai #nextLink {
	width: 49%;
	height: 100%;
	background-image: url(data:image/gif;base64,AAAA);
	/* Trick IE into showing hover */
	display: block;
}

#product-kunai #prevLink {
	left: 0;
	float: left;
}

#product-kunai #nextLink {
	right: 0;
	float: right;
}

#product-kunai #prevLink:hover,
#product-kunai #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#product-kunai #nextLink:hover,
#product-kunai #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#product-kunai #imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
}

#product-kunai #imageData {
	padding: 0 10px;
	color: #666;
}

#product-kunai #imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#product-kunai #imageData #caption {
	font-weight: bold;
}

#product-kunai #imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#product-kunai #imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
	outline: none;
}

#product-kunai #overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 190;
	width: 100%;
	height: 500px;
	background-color: #000;
}

#product-kunai .mainContent {
	width: 700px;
	float: left;
	margin-right: 20px;
	font-size: 13px;
}

#product-kunai .mainContent span,
#product-kunai .mainContent img {
	display: block;
}

#product-kunai .mainContent h2 {
	float: left;
}

#product-kunai .topimage {
	margin-bottom: 20px;
}

#product-kunai .btnOther {
	width: 125px;
	float: right;
	margin-bottom: 30px;
}

#product-kunai .btnOther li {
	width: 125px;
	float: left;
	margin-bottom: 10px;
}

#product-kunai .kunaiText {
	width: 700px;
	float: left;
	line-height: 20px;
}

#product-kunai .kunaiPic {
	width: 670px;
	padding-left: 30px;
	padding-bottom: 10px;
	float: left;
}

#product-kunai .kunaiPic dt,
#product-kunai .kunaiPic dd {
	float: left;
}

#product-kunai .kunaiPic dt {
	margin-right: 32px;
}

#product-kunai .applyList {
	width: 700px;
	float: left;
	padding-top: 10px;
	padding-bottom: 25px;
}

#product-kunai .applyList ul {
	width: 715px;
	overflow: hidden;
}

#product-kunai .applyList li {
	width: 128px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

#product-kunai .kunaiLight {
	width: 700px;
	float: left;
}

#product-kunai .kunaiLight ul {
	width: 700px;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#product-kunai .kunaiDL {
	clear: both;
	margin-top: 20px;
}

#product-kunai .kunaiDL dl {
	padding-top: 73px;
}

#product-kunai .kunaiDL dl {
	padding-top: 73px;
}

#product-kunai .kunaiDL dt {
	float: left;
	padding-left: 12px;
}

#product-kunai .kunaiDL dd {
	float: left;
	padding-left: 12px;
}

#product-kunai .kunaiDL #android {
	float: left;
	width: 340px;
	height: 133px;
	background-image: url("../shared/images/kunai/Android.png");
}

#product-kunai .kunaiDL #iphone {
	float: right;
	width: 340px;
	height: 133px;
	background-image: url("../shared/images/kunai/iphone-bg.png");
	border-bottom: 1px dashed #CCC;
}

#product-kunai .kunaiLight ul.se {
	margin-bottom: 40px;
	border-bottom: 0;
}

#product-kunai .kunaiLight li {
	width: 330px;
	float: left;
	margin-right: 40px;
}

#product-kunai .kunaiLight li.end {
	width: 223px;
	float: left;
	margin-right: 40px;
}

#product-kunai .kunaiLight li.end img {
	margin-bottom: 5px;
}

#product-kunai .kunaiLight li.end p {
	display: inline;
	padding-top: 5px;
}

#product-kunai .kunaiLight li.se {
	margin-right: 0;
}

#product-kunai .kunaiLight li.last {
	border-bottom: 0;
	margin-bottom: 40px;
}

#product-kunai .kunaiLight strong,
#product-kunai .kunaiLight span {
	width: 330px;
	float: left;
	line-height: 18px;
	height: 72px;
	margin-bottom: 10px;
}

#product-kunai .kunaiLight strong {
	height: 36px;
	font-weight: 400;
	display: block;
}

#product-kunai .kunaiLight p {
	clear: both;
	width: 70px;
	padding-top: 5px;
	padding-left: 260px;
}

#product-kunai .garoonLight {
	padding-bottom: 40px;
	margin-bottom: 20px;
	border-bottom: 1px dashed #CCC;
}

#product-kunai .garoonLight a.btn {
	float: right;
}

#product-kunai .bangongLight ul,
#product-kunai .garoonLight ul {
	margin-bottom: 0;
	border-bottom: 0;
}

#product-kunai .bangongLight strong {
	width: 308px;
	padding: 6px 10px;
	border: 1px solid #CCC;
}

#product-kunai .garoonLight strong {
	width: 678px;
	padding: 6px 10px;
	height: 18px;
	border: 1px solid #CCC;
}

#product-kunai .garoonLight span {
	width: 700px;
}

#product-kunai .operaList {
	width: 700px;
	float: left;
	padding-top: 15px;
	margin-bottom: 35px;
}

#product-kunai .operaList li {
	width: 190px;
	float: left;
}

#product-kunai .operaList li.se {
	width: 220px;
}

#product-kunai .operaList li.last {
	width: 290px;
}

#product-kunai .operaList li h3 {
	margin-bottom: 5px;
}

#product-kunai .operaList span {
	padding-left: 15px;
	width: 150px;
	line-height: 18px;
}

#product-kunai .operaList span strong {
	color: #C00;
	font-weight: 400;
}

#product-kunai .operaList p {
	padding-left: 10px;
	width: 280px;
	line-height: 18px;
}

#product-kunai .operaList a {
	text-decoration: underline;
	color: #039;
}

#product-kunai .commonText {
	width: 694px;
	padding: 8px 0;
	float: left;
	border: 3px solid #CCC;
}

#product-kunai .commonText dt {
	clear: both;
	color: #999;
	padding-left: 28px;
	padding-bottom: 8px;
	border-bottom: 1px solid #CCC;
	background-image: url(../images/commonText_bg.jpg);
	background-repeat: no-repeat;
	background-position: 8px 3px;
}

#product-kunai .commonText dd {
	line-height: 18px;
	padding: 8px 8px 0;
}

#product-kunai .commonText strong {
	color: #C00;
	font-weight: 400;
}

#service-huaNan .mainContent {
	width: 700px;
	float: left;
	margin-right: 20px;
}

#service-huaNan .mainContent img,
#service-huaNan .mainContent span {
	display: block;
}

#service-huaNan .huananTitle {
	width: 690px;
	font-size: 24px;
	border-left: 10px solid #3499de;
	border-bottom: 1px solid #3499de;
	float: left;
	padding: 4px 0;
}

#service-huaNan .huananTitle span {
	margin-left: 10px;
}

#service-huaNan .huananMap {
	background-color: #ebe3ce;
	padding: 30px 40px;
	float: left;
	font-size: 15px;
	border-radius: 4px;
	border: 1px solid #b8ab8b;
}

#service-huaNan .huananMap span {
	line-height: 24px;
	float: left;
	color: #422a1e;
	margin-right: 20px;
}

#service-huaNan .huananMap img {
	float: left;
	border: 3px solid #ffffff;
}

#service-huaNan .huananBozuman {
	float: left;
	margin: 20px 0 0 10px;
}

#service-huaNan .huananBefore {
	clear: both;
	/*font-size:15px;*/
}

#service-huaNan .huananBefore dl {
	float: left;
	margin-right: 40px;
}

#service-huaNan .huananBefore dt {
	font-size: 100%;
	font-size: 24px;
	/*color:#3499de;*/
	margin-bottom: 15px;
	border-bottom: 1px solid #000000;
}

#service-huaNan .huananBefore dd {
	padding-left: 20px;
	line-height: 20px;
	background: url(../images/huanan/check.png) no-repeat 0 0;
}

#service-huaNan .huananContact,
#service-huaNan .huananContact:hover {
	clear: both;
	padding: 10px 20px;
	height: 30px;
	float: left;
	background-color: #cc6600;
	line-height: 30px;
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	text-decoration: none;
	text-shadow: #000 0 1px 0;
	margin: 15px 0 20px 175px;
}

#service-huaNan .huananContact:hover {
	background-color: #fecc9a;
	color: #343434;
	text-shadow: none;
}

#service-huaNan .huananContent {
	float: left;
	margin-left: 20px;
	font-size: 24px;
	line-height: 24px;
	color: #1B6487;
	font-weight: 600;
}

#service-huaNan .huananGL {
	position: relative;
	float: left;
}

#service-huaNan .huananPoint1,
#service-huaNan .huananPoint2,
#service-huaNan .huananPoint3 {
	position: absolute;
	bottom: 0px;
	left: 200px;
	width: 157px;
	height: 157px;
	background: url(../images/huanan/round1.png) no-repeat 0 0;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
}

#service-huaNan .huananPoint2 {
	background: url(../images/huanan/round3.png) no-repeat 0 0;
	left: 377px;
}

#service-huaNan .huananPoint3 {
	background: url(../images/huanan/round2.png) no-repeat 0 0;
	left: 554px;
}

#service-huaNan .huananPointContents dt {
	margin-top: 20px;
	line-height: 24px;
	font-size: 24px;
	color: #ffffff;
}

#service-huaNan .huananPointContents dd {
	margin-top: 10px;
	line-height: 24px;
	color: #ffffff;
}

#service-huaNan .huananPointContents .whiteLine {
	height: 3px;
	width: 120px;
	background-color: #ffffff;
	margin: 6px auto;
}

#service-huaNan .huananPointContents .huananStrong {
	display: inline;
	font-size: 18px;
	color: #B70004;
	font-weight: 600;
}

#service-huaNan .huananStrong {
	font-size: 24px;
	color: #cc3300;
}

#service-huaNan .huananAccess {
	float: left;
	font-size: 15px;
	line-height: 18px;
	position: relative;
}

#service-huaNan .huananAccess img {
	float: left;
	margin-bottom: 20px;
}

#service-huaNan .huananEvent {
	position: absolute;
	left: 200px;
	top: 0px;
	margin-top: 40px;
}

#service-huaNan .huananAccessDetail {
	clear: both;
	background-color: #ebe3ce;
	padding: 30px 40px;
	border-radius: 4px;
	border: 1px solid #b8ab8b;
}

#service-huaNan .huananAccessDetail .huananStrong {
	color: #000;
}

body.support section.visual {
	text-align: center;
}

body.support section.visual .heading {
	margin-bottom: 20px;
}

body.support section.visual .heading h2 {
	padding: 30px 0 10px;
	color: #7AAE43;
	font-size: 32px;
	line-height: 44px;
}

body.support section.visual .heading p {
	font-size: 21px;
}

body.support section.inquiry {
	padding: 30px 0 40px;
	text-align: center;
	background: #F4F4F4;
}

body.support section.inquiry .tel {
	margin-bottom: 20px;
}

body.support section.inquiry .tel .number {
	padding-left: 40px;
	display: inline-block;
	font-size: 45px;
	font-weight: bold;
	background: url("../img/support/index/tel.png") 0 50% no-repeat;
}

body.support section.material {
	padding: 60px 0;
}

body.support section.material h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 28px;
	color: #2D3E50;
}

body.support section.material h3 {
	margin-bottom: 20px;
	padding: 0 15px;
	line-height: 45px;
	font-size: 18px;
	color: #fff;
	background: url("../img/support/index/arrow_down.png") no-repeat 940px 50% #7AAE43;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

body.support section.material h3.on {
	background-image: url("../img/support/index/arrow_up.png");
}

body.support section.material .content {
	padding: 10px 0 60px;
}

body.support section.material .grad1 {
	border-radius: 5px;
	display: block;
	border: 1px solid #fff;
	background: #f2f2f2;
	background: linear-gradient(bottom, #ffffff 100%, #f2f2f2 0%);
	background: -o-linear-gradient(bottom, white 100%, #f2f2f2 0%);
	background: -moz-linear-gradient(bottom, white 100%, #f2f2f2 0%);
	background: -webkit-linear-gradient(bottom, white 100%, #f2f2f2 0%);
	background: -ms-linear-gradient(top, white, #f2f2f2);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(1, white), color-stop(0, #f2f2f2));
	color: #333;
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
}

body.support section.material .garoon,
body.support section.material .kintone {
	padding-top: 10px;
	height: 80px;
}

body.support section.material .garoon img,
body.support section.material .kintone img {
	margin-bottom: 10px;
}

body.support section.material .mobile {
	padding: 10px 0 10px 20px;
	height: 80px;
}

body.support section.material .mobile p {
	padding: 6px 0;
	height: 48px;
	line-height: 24px;
	padding-left: 40px;
	background: url("../img/support/index/mobile.png") 0 50% no-repeat;
	float: left;
	text-align: left;
	font-weight: bold;
}

body.support section.material .mobile ul {
	float: left;
}

body.support section.material .mobile li {
	margin-left: 35px;
	padding: 6px 0 6px 35px;
	border-left: 1px dotted #666;
	float: left;
	height: 48px;
	line-height: 24px;
}

body.support section.material .mobile li span {
	font-weight: bold;
}

body.support section.material .mobile li:first-child {
	margin-left: 0;
	border-left: 0;
}

body.support section.material h4 {
	margin-bottom: 25px;
	padding-top: 2px;
	background: url("../img/support/index/bg_h.png") 0 0 repeat;
	line-height: 46px;
	border-bottom: 2px solid #f3f3f3;
	text-align: center;
	font-size: 21px;
	font-weight: bold;
}

body.support section.material h5 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}

body.support section.material h6 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #000;
	font-size: 18px;
	font-weight: normal;
}

body.support section.material h5+h6 {
	margin-top: 20px;
}

body.support section.material dl+h6 {
	margin-top: -40px;
}

body.support section.material ul.inline {
	margin-bottom: 60px;
	text-align: center;
}

body.support section.material ul.inline li {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #2D3E50;
	display: inline-block;
	line-height: 1;
}

body.support section.material ul.inline li:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

body.support section.material dl.plus {
	margin-bottom: 60px;
}

body.support section.material dl.plus dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
	border-bottom: 1px dotted #000;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	color: #309ff0;
	cursor: pointer;
	background: url("../img/support/index/toggle_open.png") 0 0 no-repeat;
}

body.support section.material dl.plus dt.on {
	background-image: url("../img/support/index/toggle_close.png");
}

body.support section.material dl.plus dd {
	padding: 0 0 20px 40px;
}

body.support section.material table {
	margin-bottom: 60px;
	width: 100%;
}

body.support section.material thead {
	background-color: #D9E2FF;
}

body.support section.material thead th:nth-child(1) {
	width: 200px;
}

body.support section.material thead td:nth-child(3) {
	width: 470px;
}

body.support section.material thead td:nth-child(3) {
	width: 100px;
}

body.support section.material thead td:nth-child(4) {
	width: 300px;
}

body.support section.material th,
body.support section.material td {
	padding: 5px 10px;
	border: 1px solid #ccc;
	font-size: 14px;
}

body.support section.material table+p {
	margin: 10px 0;
	font-size: 14px;
}

body.support section.user-info {
	padding-bottom: 90px;
}

body.support section.user-info h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 28px;
	color: #2D3E50;
}

body.support section.user-info .rss {
	margin-bottom: 20px;
	padding: 30px;
	background: #f7f7f7;
}

body.support section.user-info table.table1 th {
	background: 0;
}

body.support section.other-link,
body.support section.related-info {
	padding: 30px 0 90px;
	text-align: center;
}

body.support section.other-link h2,
body.support section.related-info h2 {
	margin-bottom: 30px;
	text-align: center;
	font-size: 28px;
	color: #2D3E50;
}

body.support section.other-link a.btn1,
body.support section.related-info a.btn1 {
	width: 300px;
}

#terms-privacy section.privacy {
	padding: 60px 0;
	border-top: 1px solid #E3E3DF;
	box-shadow: 0 1px 0 white inset;
	background: #F5F5F5;
}

#terms-privacy section.privacy h2 {
	margin-bottom: 30px;
	color: #34495E;
	font-size: 28px;
	text-align: center;
}

#terms-privacy section.privacy h3 {
	margin-bottom: 5px;
	margin-top: 3em;
	font-size: 20px;
}

#terms-privacy section.privacy p {
	margin-bottom: 1.5em;
}

body#document-index section.donwload1 h2,
body#document-index section.donwload2 h2 {
	margin-bottom: 60px;
	text-align: center;
	font-size: 28px;
	color: #2D3E50;
}

body#document-index section.donwload1 h4,
body#document-index section.donwload2 h4 {
	margin-bottom: 5px;
	text-align: center;
}

body#document-index section.donwload1 .img,
body#document-index section.donwload2 .img {
	margin-bottom: 10px;
	padding-bottom: 2px;
	border: 1px solid #e0e0e0;
	background: #eef3f9;
	width: 298px;
	height: 178px;
}

body#document-index section.donwload1 .link,
body#document-index section.donwload2 .link {
	margin-bottom: 50px;
	text-align: center;
}

body#document-index section.donwload1 a.btn1,
body#document-index section.donwload2 a.btn1 {
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 20px;
	height: auto;
	font-size: 14px;
}

body#document-index section.donwload1 a.btn1 span,
body#document-index section.donwload2 a.btn1 span {
	font-weight: normal;
	font-size: 12px;
}

body#document-index section.donwload1 {
	padding-bottom: 30px;
}

body#document-index section.donwload2 {
	padding: 60px 0;
	border-top: 1px solid #E6E6E6;
	background: #FAFAFC;
}

body#document-index section.donwload2 h3 {
	margin-bottom: 45px;
	text-align: center;
	font-size: 24px;
	color: #2D3E50;
}

body#error section.error {
	padding: 120px 0;
}

body#error section.error h2 {
	margin-bottom: 30px;
	letter-spacing: 0;
	font-size: 21px;
}

#casestudy-search.cn nav.tab .name p,
#casestudy-search.tw nav.tab .name p {
	margin-left: 15px;
	margin-right: 20px;
}

/*　　20160713シンセンセミナー
======================================*/
.shenzhen20160713 .reset {
	clear: both;
}

.shenzhen20160713 .top_img {
	margin-bottom: 15px;
}

.shenzhen20160713 .sec_title {
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3cb371;
}

.shenzhen20160713 .main_cont {
	width: 657px;
	border-right: 1px solid #ffa500;
	float: left;
}

.shenzhen20160713 .side_cont {
	width: 234px;
	float: left;
}

.shenzhen20160713 .wrapper {
	width: 1024px;
	margin: auto;
}

.shenzhen20160713 .wrapper .side_cont .side_topic {
	padding-left: 20px;
	border-left: 6px solid #ffa500;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: -1px;
	font-size: 14px;
	color: #717071;
}

.shenzhen20160713 .wrapper .main_cont .main_text {
	margin-left: 128px;
	margin-right: 24px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14.88px;
	color: #717071;
}

.shenzhen20160713 .space {
	height: 30px;
}

.shenzhen20160713 .lec_img {
	float: right;
}

.shenzhen20160713 .sem_index {
	margin-top: 20px;
	margin-left: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.shenzhen20160713 .sem_title {
	margin-top: 10px;
	margin-left: 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.shenzhen20160713 .main_hr2 {
	border-bottom-color: #f5f5f5;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.shenzhen20160713 .main_hr3 {
	border-bottom-color: #90ee90;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 30px;
}

.shenzhen20160713 .sem_lec {
	margin-left: 90px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*　　セミナー・イベント情報
======================================*/
#seminar-index .seminar-photo {
	margin: 0 0 80px;
}

#seminar-index .seminar-table {
	margin: 0 0 100px;
	width: 100%;
	font-size: 14px;
}

#seminar-index .seminar-table th,
td {
	border: 1px solid #fff;
	vertical-align: middle;
	text-align: center;
	color: #333;
}

#seminar-index .seminar-table th {
	padding: 2px 0 1px;
	background-color: #2680bf;
	color: #fff;
	border-bottom: 2px solid #fff;
}

#seminar-index .seminar-table td {
	line-height: 1.6rem;
	padding: 11px 0 9px;
	background-color: #a1cff0;
}

#seminar-index .seminar-table tr:nth-of-type(2n) td {
	background-color: #c2ddf0;
}

#seminar-index .seminar-table td span {
	text-align: left;
	display: inline-block;
}

#seminar-index .seminar-table td:last-child {
	padding-left: 56px;
	text-align: left;
}

#seminar-index .seminar-table a {
	text-decoration: underline;
	color: #161369;
}

#index #seminar-pop {
	position: fixed;
	right: 0;
	bottom: 100px;
	z-index: 1000;
}

/*20190108追加*/
.garoon_link {
	width: 350px;
	margin: 0 auto;
}

.garoon_link li {
	float: left;
}

.videoBar {
	height: 556px;
	background: url(../img/product/kintone/index/video_bg.png) no-repeat center 0;
	background-size: cover;
}

.videoBar .boxBar {
	margin: 0 auto;
	padding: 50px 0;
	width: 900px;
	font-size: 18px;
	line-height: 40px;
}

.videoBar .boxBar h3 {
	margin: 0 0 40px 0;
	font-size: 32px;
	line-height: 80px;
	text-align: center;
	background: url(../img/product/kintone/index/video_title.png) no-repeat center 0;
}

.videoBar .boxBar h4 {
	font-size: 24px;
	line-height: 80px;
}

.kouritsu {
	width: 784px;
	margin: 0 auto 130px auto;
	border: 2px solid #309eef;
	position: relative;
}

.kouritsu .inner {
	position: relative;
	width: 100%;
}

.kouritsu h3 {
	font-size: 19px;
	text-align: center;
	background: #309eef;
	color: #fff;
	padding: 15px 0;
	letter-spacing: 0.1em;
	font-weight: normal;
	line-height: 1;
}

.kouritsu .text {
	padding: 35px 85px 35px 45px;
	background: rgba(48, 159, 239, .1);
}

.kouritsu .text h4 {
	font-size: 23px;
	line-height: 1.28;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 2px solid #309eef;
	font-weight: normal;
}

.kouritsu .text p {
	width: 300px;
}

.kouritsu .image {
	position: absolute;
	top: -8px;
	right: 43px;
}

.kouritsu .button_yellow {
	font-size: 18px;
	padding: 15px 0;
	width: 270px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -24px;
	box-sizing: content-box;
	margin: auto;
	text-align: center;
}

.button_yellow {
	display: inline-block;
	background: #0084e6;
	padding: 9px 20px 9px 20px;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	margin-left: 16px;
	color: #fff;
}

.kouritsu .button_yellow:hover {
	opacity: 1;
	background: #74caef;
}

.kouritsu .button_yellow:hover:after {
	border-left-color: #74caef;
}

.kouritsu .button_yellow:hover:before {
	border-right-color: #74caef;
}

.kouritsu .button_yellow:after {
	border-left: 24px solid #0084e6;
	border-top: 24px solid transparent;
	border-right: 24px solid transparent;
	border-bottom: 24px solid transparent;
	position: absolute;
	right: -48px;
	top: 0;
}

.kouritsu .button_yellow:before {
	border-left: 24px solid transparent;
	border-top: 24px solid transparent;
	border-right: 24px solid #0084e6;
	border-bottom: 24px solid transparent;
	position: absolute;
	left: -48px;
	top: 0;
}

.button_yellow:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 16px solid #0084e6;
	border-top: 16px solid transparent;
	border-right: 16px solid transparent;
	border-bottom: 16px solid transparent;
	position: absolute;
	right: -32px;
	top: 0;
}

.button_yellow:before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 16px solid transparent;
	border-top: 16px solid transparent;
	border-right: 16px solid #0084e6;
	border-bottom: 16px solid transparent;
	position: absolute;
	left: -32px;
	top: 0;
}


/* add css 202007 */
.position_right {
	position: fixed;
	right: 0;
	bottom: 50%;
	z-index: 100;
	margin-bottom: -150px;
}

.position_right a {
	margin-bottom: 1px;
	display: block;
	position: relative;
}

.position_right a:nth-child(1) {
	width: 70px;
	height: 70px;
	background: #333;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.position_right a:nth-child(1)>div {
	position: absolute;
	width: 140px;
	height: 140px;
	left: -140px;
	top: 0;
	opacity: 0;
}

.position_right a:nth-child(1):hover>div {
	opacity: 1;
}

.apply_icon {
	margin-top: -56px;
	position: fixed;
	right: 10px;
	top: 50%;
	width: 201px;
	height: 112px;
	z-index: 10000;
}

.apply_icon1 {
	margin-top: -68px;
	position: fixed;
	left: 10px;
	top: 50%;
	width: 157px;
	height: 136px;
	z-index: 10000;
}



.wechat_icon .wechat_box {
	position: absolute;
	left: -240px;
	top: -85px;
	width: 200px;
	height: 230px;
	background: #fff;
	display: none;
}

.wechat_icon .wechat_box:after {
	position: absolute;
	right: -10px;
	top: 50%;
	background: #fff;
	width: 20px;
	height: 20px;
	content: '';
	display: block;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);

}

.wechat_icon:hover .wechat_box {
	display: block;
}

.wechat_icon .wechat_box img {
	margin: 0;
	max-width: 100%;
}

.kintone_sub {
	margin: 0 0 0 0;
	padding: 10px 20px 10px 20px;
	width: 150px;
	background: #fff;
	float: left;
	height: 200px;
	border-left: 1px #ddd solid;
}

.kintone_sub h4 {
	margin-bottom: 10px;
	font-weight: normal !important;
}

.kintone_sub a {
	display: block;
	color: #309eef;
	line-height: 40px;
	border-bottom: 1px #ccc dotted;
	font-size: 14px;
}
.kintone_sub a:last-child{
	border:none;
}

.kintone_sub a img {
	vertical-align: middle;
}

.feature_bg {
	margin-bottom: 80px;
	min-height: 600px;
	background: url(../img/product/kintone/index/feature_bg.jpg) no-repeat center 0;
}

.feature_bg h2 {
	color: #fff;
	font-size: 42px;
	text-align: center;
	padding: 50px 0;
	font-weight: 100;
}

.feature_list {
	margin: 0 auto;
	padding: 0;
}

.feature_list li {
	float: left;
	width: 32%;
	min-height: 350px;
	background: rgba(255, 255, 255, .9);
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.feature_list li:nth-child(2) {
	margin: 0 2%;
}

.feature_list li a {
	min-height: 350px;
	width: 100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	color: #000;
	line-height: 35px;
}

.HeadingTri {
	font-size: 32px;
	padding-top: 30px;
}

.HeadingTri {
	width: 560px;
	height: 144px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: center;
	color: #fff;
	background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #309ff0 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #309ff0 50.5%) no-repeat top right/50% 100%;
}

.HeadingTri.in-Section {
	position: relative;
	top: -74px;
}

.HeadingLine {
	font-size: 24px;
}

.HeadingLine {
	max-width: 500px;
	margin: 0 auto 48px;
	padding: 8px 0;
	line-height: 1.3;
	border-top: solid 2px #309eef;
	border-bottom: solid 2px #309eef;
	text-align: center;
	color: #000;
	font-weight: 100;
}

.blank-50 {
	height: 50px;
	overflow: hidden;
}

.blank-70 {
	height: 70px;
	overflow: hidden;
}

.blank-100 {
	height: 100px;
	overflow: hidden;
}

.blank-30 {
	height: 30px;
	overflow: hidden;
}

.blank-20 {
	height: 20px;
	overflow: hidden;
}

.blank-10 {
	height: 10px;
	overflow: hidden;
}

.pictext {
	padding: 50px 0;
}

.pictext>div {
	float: left;
	width: 50%;
}

.pictext:after {
	display: block;
	content: '';
	clear: both;
}

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

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

.text__head {
	margin-bottom: 32px;
	color: #000;
	font-size: 20px;
	font-weight: 700;
}

.text__desc {
	line-height: 30px;
}

.box_vertical {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-webkit-box-align: left;
}

.gray_bg {
	background: #fafafa;
}

.Section__lead {
	margin-bottom: 48px;
	line-height: 30px;
}

.basic_function {
	margin: 0;

}

.basic_function:after {
	content: '';
	display: block;
	clear: both;
}

.basic_function li {
	float: left;
	margin: 0 1% 20px 1%;
	width: 31%;
}

.basic_function li h4 {
	padding: 20px 0;
}

.basic_function li h4 img {
	margin-right: 20px;
	vertical-align: middle;
}

.basic_function li p {
	height: 80px;
	overflow: hidden;
}

.Verticals__lead {
	margin-bottom: 15px;
	text-align: center;
	font-size: 28px;
	color: #000;
}

.Verticals__sub {
	margin-bottom: 24px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #000;
}

.text__lead {
	font-size: 28px;
	color: #000;
}


.addon_list {
	margin: 0 auto;
	padding: 0;
}

.addon_list:after {
	content: '';
	display: block;
	clear: both;
}

.addon_list li {
	float: left;
	width: 26%;
	padding: 50px 3%;
	min-height: 350px;
	background: #fafafa;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: top;
	-webkit-box-align: center;
}

.addon_list li:nth-child(2) {
	margin: 0 2%;
}

.addon_list li strong {
	font-size: 20px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}

.addon_text {
	height: 130px;
}

.basic_btn {
	margin-left: 15px;
	text-align: center;
}

.basic_btn>a:hover {
	opacity: 0.5;
}

.basic_btn>a {
	display: inline-block;
	padding: 0 16px;
	height: 30px;
	line-height: 28px;
	position: relative;

	font-size: 13px;
	color: #000;
	background-color: #c6ecff;
}

.basic_btn>a:after,
.basic_btn>a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -1px;
	left: -15px;
	border-style: solid;
	border-width: 15px 15px 15px 0;
}

.basic_btn>a:before {
	border-color: transparent #c6ecff transparent transparent;
}

.basic_btn>a:after {
	left: -13px;
	top: 0;
	border-width: 14px 14px 14px 0;
	border-color: transparent #c6ecff transparent transparent;
}

.basic_btn>a>span:after,
.basic_btn>a>span:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: -1px;
	right: -15px;
	border-style: solid;
	border-width: 15px 0 15px 15px;
}

.basic_btn>a>span:before {
	border-color: transparent transparent transparent #c6ecff;
}

.basic_btn>a>span:after {
	right: -13px;
	top: 0;
	border-width: 14px 0 14px 14px;
	border-color: transparent transparent transparent #c6ecff;
}

img {
	max-width: 100%;
}


.column:after {
	display: block;
	content: '';
	clear: both;
}

.column .col_left,
.column .col_right {
	float: left;
	width: 45%;
}

.column .col_left {
	padding-right: 5%;
}

.column .col_right {
	padding-left: 5%;
}

.head_span {
	display: inline-block;
	width: 60px;
	height: 24px;
	background: url('/jp/img/product/kintone/administration/img_15.png') no-repeat left top;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	line-height: 24px;
	margin-left: 10px;
	vertical-align: bottom;
	text-decoration: none;
}

.integrate_list {
	margin: 0;
	padding: 0;
}

.integrate_list li {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	width: 33.33%;
	margin-left: -4px;

}

.integrate_list:after {
	display: block;
	content: '';
	clear: both;
}

.integrate_list li .boxCon {
	padding: 20px 20px;
}

.boxCon a img {
	border: 1px #ddd solid;
}

.boxCon h2 {
	padding: 20px 0 15px 0;
	font-size: 16px;
	height: 50px;
	letter-spacing: 1px !important;
	overflow: hidden;
}

.integ_example li {
	float: left;
	width: 25%;
	min-height: 300px;
	background: #fff;
}

.integ_example li:nth-child(even) {
	background: #c0e5f7;
}

.integ_example li h2 {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0 !important;
	line-height: 60px;
}

.integ_example li p {
	padding: 0 25px;
}

.link_kintone {
	padding: 15px 0;
}

.link_kintone a {
	background: url('/jp/img/product/kintone/integrate/btn_bg.png') no-repeat 0 0;
	display: block;
	width: 192px;
	line-height: 32px;
	margin: 0 auto;
	color: inherit;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}

.anchor {
	margin: 50px 0;
	padding: 14px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}

.anchor ul li {
	display: inline-block;
	font-size: 14px;
	border-right: 1px solid #333;
	line-height: 1.0;
	padding: 0 20px;
}

.submenu {
	margin-bottom: 50px;
	padding: 16px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}

.submenu ul li {
	display: inline-block;
	font-size: 16px;
	border-right: 1px solid #333;
	line-height: 1.0;
	padding: 0 20px;
	font-weight: bold;
	color: #ed6c00;
}

.submenu ul li a {
	color: #000;
}

.submenu ul li a:hover {
	color: #ed6c00;
}

.section_h2 {
	margin-bottom: 30px;
	border-top: 3px solid #333;
	border-bottom: 1px solid #333;
	font-size: 28px;
	line-height: 2;
}

.filter_option li {
	padding: 5px 0;
	border-bottom: 1px #ddd solid;
	position: relative;
	height: 53px;
	line-height: 50px;
}

.filter_option li span {
	margin-right: 20px;
	padding: 0 20px;
	display: inline-block;
	width: 160px;
	background: #fafafa;
	color: #000;
	font-weight: bold;
	color: #333;
}

.filter_option li a {
	margin: 0 10px;
	padding: 0 25px;
	display: inline-block;
	background: #fff;
	color: #333;
	text-align: center;
	cursor: pointer;
}

.filter_option li i {
	padding: 0 10px;
	position: absolute;
	right: 0;
	top: 38px;
	background: #fff;
	font-size: 14px;
}

.filter_option li i strong {
	color: #ed6c00;
}

.filter_option li .active {
	background: #ed6c00;
	color: #fff;
}

.filter_option li .on {
	background: #ed6c00;
	color: #fff;
}

.prompt {
	display: none;
}

.filter_list {
	padding: 50px 0;
	display: block;
}

.filter_list li {
	margin: 30px 0 30px 0;
	min-height: 200px;
	border-bottom: 2px #ddd solid;
	padding-bottom: 30px;
}

.filter_list li .leftbox {
	padding: 15px 0;
	width: 30%;
	float: left;
}

.filter_list li .rightbox {
	padding: 90px 0 15px 0;
	width: 65%;
	float: right;
}

.filter_list li:after {
	display: block;
	content: '';
	clear: both;
}

.seminar_date {
	margin-bottom: 10px;
	font-size: 28px;
	text-align: center;
	font-weight: bold;
}

.seminar_date span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

.seminar_logo {
	position: relative;
}

.seminar_logo span {
	position: absolute;
	right: 0;
	top: 0;
	padding: 5px 15px;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.seminar_addr span {
	margin-top: 15px;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 10px;
	border: 1px #ddd solid;
	font-size: 14px;
}

.seminar_addr span i {
	display: inline-block;
	background: url(/jp/img/seminar/map.png) no-repeat;
	width: 16px;
	height: 22px;
	vertical-align: middle;
	margin-right: 5px;
}

.seminar_title {
	color: #ed6c00;
	font-weight: bold;
	font-size: 18px;
}

.seminar_company {
	padding: 10px 0;
	font-size: 14px;
	font-weight: bold;
}

.seminar_info {
	font-size: 14px;
	height: 50px;
	overflow: hidden;
}

.seminar_tag {
	padding: 15px 0 0 0;
}

.seminar_tag i {
	margin-right: 5px;
	display: inline-block;
	border-radius: 5px;
	padding: 5px 15px;
	border: 1px #ee634c solid;
	color: #ee634c;
	background: #ffe6e0;
	font-size: 12px;
	font-style: normal;
}

.seminar_tag i:nth-child(2) {
	border: 1px #7dbb2a solid;
	color: #7dbb2a;
	background: #eaf6db;
}

.seminar_tag i:nth-child(3) {
	border: 1px #ffab2b solid;
	color: #ffab2b;
	background: #fef5e1;
}

.seminar_details {
	margin-top: -15px;
	float: right
}

.search_step {
	border: 1px #ed6c00 solid;
	border-radius: 10px;
	min-height: 200px;
}

.search_disabled {
	border: 1px #ddd solid !important;
	/* display: none; */
}

.search_disabled .search_title {
	background: #ddd !important;
}

.search_title {
	position: relative;
	height: 60px;
	line-height: 60px;
	background: #ed6c00;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	font-size: 20px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.search_title span {
	position: absolute;
	left: 20px;
}

.search_item {
	padding: 30px;
}

.search_item a {
	margin: 0 1%;
	display: block;
	float: left;
	width: 47.5%;
	border: 1px #ddd solid;
	line-height: 80px;
	text-align: center;
	border-radius: 10px;
	color: #ed6c00;
	font-weight: bold;
	font-size: 26px;
	cursor: pointer;
}

.search_item .active {
	background: #ed6c00;
	color: #fff;
	border: 1px #ed6c00 solid;
}

.map_con {
	height: 600px;
	overflow: hidden;
}

#mapcontainer {
	height: 600px;
}

#mapcontainerone {
	height: 600px;

}

.company_list>li {
	padding: 30px;
	margin: 20px 0;
	border: 1px #ccc solid;
	border-top: 10px #ed6c00 solid;
	background: #fff;
	border-radius: 10px;
	position: relative;
}

.company_list>.gray_bor {
	border-top: 10px #ccc solid !important;
}

.company_list>.gray_bor .com_name {
	color: #333 !important;
}

.company_list>li .com_name {
	font-size: 24px;
	color: #ed6c00;
}
.company_list>li .com_namen {
	padding:10px 0;
	font-size: 18px;
	color: #000;
}

.feature_tag {
	padding: 10px 0;
}

.feature_tag ul {
	display: flex;
	flex-wrap: wrap;

}

.feature_tag li {
	margin-right: 24px;
	margin-bottom: 10px;
	padding: 0 10px;
	line-height: 36px;
	color: #333;
	background: #eaeaea;
	position: relative;
}

.feature_tag .on {
	color: #fff !important;
	background: #ed6c00 !important;
}

.feature_tag .on:after {
	border-left: 14px solid #ed6c00 !important;
}

.feature_tag li:after {
	content: "";
	position: absolute;
	right: -28px;
	top: 0;
	width: 0;
	height: 0;
	border: 14px solid transparent;
	border-width: 18px 14px;
	border-left: 14px solid #eaeaea;
}

.com_info {
	display: flex;
	flex-wrap: wrap;
}

.com_info li {
	margin-bottom: 5px;
	margin-right: 20px;
}

.com_info li span {
	color: #000;
	font-weight: bold;
}

.company_list .link_kintone {
	position: absolute;
	margin-top: 20px;
	padding: 0;
	top:50%;
	right:30px;
	margin-top:-15px;
}

.company_list .link_kintone:after {
	display: block;
	content: '';
	clear: both;
}

.company_list .link_kintone a {
	float: right;
}

.company_details {
	display: flex;
	flex-wrap: wrap;
}

.company_details>div:nth-child(1) {
	margin-right: 30px;
	width: 66%;
	border: 1px #ddd solid;
	border-radius: 10px;
	min-height: 440px;
}

.company_details>div:nth-child(2) {
	float: right;
	width: 30%;
	border: 1px #ddd solid;
	border-radius: 10px;
	min-height: 440px;
}

.company_info {
	padding: 30px;
}

.ptnr-area {
	padding: 20px 0;
	margin-bottom: 30px;
	border-bottom: 1px #ddd solid;
}

.ptnr-area h4 {
	margin-right: 1em;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	min-width: 100px;
}

.ptnr-area ul {
	display: flex;
	flex-wrap: wrap;
}

.ptnr-area ul li {
	margin: 5px;
	display: inline-block;
}

.com_menu h4 {
	padding-bottom: calc(10px - .4em);
	border-bottom: 1px solid #e6e6e6;
	font-size: 20px;
	font-weight: 700
}

.com_menu table {
	width: 100%;
	border-collapse: separate
}

.com_menu td,
.com_menu th {
	padding: calc(12px - .1em) 5px;
	line-height: 1.2;
	text-align: center;
	vertical-align: middle
}

.com_menu thead th {
	border-bottom: 1px solid #e6e6e6
}

.com_menu.menu thead .product,
.com_menu thead .type {
	width: 25%
}

.com_menu thead .menu1,
.com_menu thead .menu2,
.com_menu thead .menu3 {
	width: 16.66667%;
	font-weight: 700
}

.com_menu tbody td,
.com_menu tbody th {
	border-top: 2px solid #fff;
	background: #f6f6f6
}

.com_menu tbody th.product {
	border-right: 2px solid #fff;
	font-weight: 700
}

.com_menu tbody tr.mailwise td,
.com_menu tbody tr.mailwise th,
.com_menu tbody tr.office td,
.com_menu tbody tr.office th {
	background: #e6e6e6
}

.com_menu tbody .menu1,
.com_menu tbody .menu2,
.com_menu tbody .menu3 {
	line-height: 10px
}

.com_menu .available,
.com_menu .unavailable {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	text-indent: 20px
}

.com_menu .available {
	color: #64bdd4;
	background: url(https://topics.cybozu.co.jp/assets/img/products/partner/check_white.svg) no-repeat 50% 50% #64bdd4;
	background-size: 100% 100%
}

.com_menu .unavailable {
	color: #ccc;
	background: #ccc
}

.com_category {
	margin: 20px 0;
	padding: 15px;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
}

.com_textinfo {
	margin: 20px 0;
	border-top: 1px dotted #ccc;
	padding: 20px 0 0 0;
}

.com_textinfo P {
	margin: 8px 0;

}

.mod-HeadingLv4 {
	margin: 20px 0;
}

.mod-HeadingLv4:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .333em;
	height: .333em;
	margin-right: .4em;
	vertical-align: middle;
	border: .333em solid #b1deea;
	border-radius: 50%;
}

.mod-StandardTable>tbody>tr>th {
	padding: 10px 20px;
	font-weight: bold;
	vertical-align: middle;
	border: 1px solid #e6e6e6;
	background-color: #f6f6f6;
}

.mod-StandardTable>tbody>tr>td {
	padding: 10px 20px;
	vertical-align: top;
	border: 1px solid #e6e6e6;
	text-align: left;
}

.movie_num {
	width: 160px;
	height: 31px;
	background: url('/jp/img/seminar/bg_num.png') no-repeat center center;
	background-size: cover;
	margin: 0 auto 28px;
	font-size: 14px;
	font-weight: bold;
	line-height: 31px;
	color: #000;
	text-align: center;
}

.integrate_btn {
	display: inline-block;
	background-color: #008ad4;
	padding: 20px 50px;

	font-size: 20px;
	color: #fff;
}

.expand_tab {
	padding-left: 85px;
}

.expand_tab li {
	float: left;
	width: 100px;
	font-size: 14px;
	text-align: center;
}

.expand_tab li .btn {
	margin: 5px 10px 0;
	padding-bottom: 5px;
	border-radius: 20px 20px 0 0;
	padding-top: 10px;
	background: #d7d7d7;
	cursor: pointer;

}

.expand_border {
	border: 5px solid #a1cdf8;
	border-radius: 10px 10px 0 0;
	border-bottom: 0;
}

.related-slider:after {
	content: '';
	display: block;
	clear: both;
}

.related-slider li {
	position: relative;
	float: left;
	margin: 15px 16px;
}

.related-slider li a {
	border: 1px solid #e0e0e0;
	width: 288px;
	height: 290px;
	display: block;
	box-sizing: border-box;
	position: relative;
}

.related-slider li .txt {
	padding: 14px 16px 0;
	border-top: 1px solid #e0e0e0;
}

.related-slider li .txt .name {
	font-size: 15px;
	font-weight: bold;
	line-height: 24px;
	color: #424242;
	text-align: left;
	height: 50px;
	overflow: hidden;
}

.related-slider li .txt .description {
	position: absolute;
	top: 0;
	left: 0;
	width: 286px;
	height: 288px;
	background-color: #ffec43;
	font-size: 15px;
	color: #424242;
	line-height: 24px;
	box-sizing: border-box;
	padding: 24px 16px;
	opacity: 0.96;
	display: none;
	text-align: left;
}

.related-slider li:hover .txt .description {
	display: block
}

.related-slider li .txt .company {
	font-size: 11px;
	color: #757575;
	line-height: 24px;
	text-align: left;
}

.related-slider li .txt .description>span {
	position: absolute;
	bottom: 24px;
	left: 80px;
	display: block;
	width: 128px;
	height: 32px;
	background: url("/jp/img/product/kintone/integrate/btn_detail.png");
	font-size: 13px;
	font-weight: bold;
	line-height: 32px;
	color: #000000;
	text-align: center
}

.yellow_related {
	color: #FF931E;
}

.scrollpic {
	width: 970px;
	margin: 40px auto 0 auto;
}

#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 280px;
	overflow: hidden;
}

#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}

#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
}

#myscroll ul li a {
	display: block;
	float: left;

	padding: 0;
	position: relative;
	color: #333;
}

#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: :;
	0px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}

#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight: 100;
}

#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}

#myscroll a .intro {
	bottom: -211px;
}

#myscroll a:hover .intro {
	bottom: 0px;
}

#mybtns {
	margin: 10px 0;
	width: 970px;
	display: block;
	height: 42px;
	position: relative;
}

#mybtns a {
	position: absolute;
	width: 42px;
	height: 42px;
	display: block;
	background-color: #c1c1c1;
}

#mybtns a:nth-child(1) {
	right: -70px !important;
	top: -220px;
}

#mybtns a:nth-child(2) {
	left: -70px !important;
	top: -220px;
}

#mybtns a:hover {
	background-color: #ed6c00;
}

#mybtns a:hover,
#myscroll,
#mybtns a,
#myscroll a:hover .intro,
#myscroll a .intro,
#myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#mybtns #left {
	background-image: url(/jp/img/partner/jt_l.png);
}

#mybtns #right {
	background-image: url(/jp/img/partner/jt_r.png);
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}

.study {
	background: url(/jp/img/seminar/base.png) no-repeat;
	width: 288px;
	height: 48px;
	text-align: center;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
	padding: 6px 0;
	color: inherit;

}

.seminar_ad {
	position: fixed;
	width: 224px;
	height: 190px;
	right: 10px;
	bottom: 60px;
	opacity: 0;
	z-index: 10000;
}

.seminar_ad .close_btn {
	float: right;
	width: 30px;
	height: 20px;
	background: #ed6c00;
	color: #fff;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
}

.seminar_ad .open_btn {
	float: right;
	width: 30px;
	height: 20px;
	background: #ed6c00;
	color: #fff;
	text-align: center;
	line-height: 20px;
	cursor: pointer;
	display: none;
}

.swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.price-product table, .price-product tr td {
	padding: 15px 10px;
	border: solid 1px #EBEBEB;
}

.price-product .p_span {
	font-size: 32px;
	color: #ed7007;
	margin-bottom: 10px;
	display: inline-block;
}

.price-product .p_btn {
	display: inline-block;
	width: 100px;
	height: 38px;
	line-height: 38px;
	margin-top: 20px;
	background: rgba(253, 177, 31, 1);
	border-radius: 23px;
	color: #FFFFFF;
	font-size: 14px;
	box-shadow: 0 5px 30px -5px rgba(253, 177, 31, 0.8);
}





.price-product .tab-title {
	height: 47px;
	background: #EEEEEE;
	line-height: 47px;
	font-size: 20px;

}


.price-product .p_btn:hover {
	background: #fdbc1f;
}