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

/* ------------------------------------------------------------
 * Index

01 Reset
02 Base
03 Layout
04 Common Style
05 Page Style
06 Utility

 * ------------------------------------------------------------ */

/* ------------------------------------------------------------
 * 01 Reset
 * ------------------------------------------------------------ */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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

/* ------------------------------------------------------------
 * 02 Base
 * ------------------------------------------------------------ */
html {
	font-size: 100%;
}
body {
	min-width: 960px;
	color: #000000;
	font-size: 14px;
	line-height: 1.5;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}
img {
	vertical-align: top;
}



@media screen and (max-width: 768px) {
body {
	min-width: 100%;
}
}




/* ------------------------------------------------------------
 * Link */
a:link,
a:visited {
	color: #00a6e4;
	text-decoration: underline;
}
a:hover,
a:active {
	color:#7fd2f1;
}

/* ------------------------------------------------------------
 * 03 Layout
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * structure */
.structure {
	width: 100%;
	background-color: #fff;
}

/* ------------------------------------------------------------
 * header */
.header {
	height: 120px;
}
.header__inner {
	padding: 16px 0 15px 0;
	background-color: #000;
}
.header__inner > .inner {
	width: 960px;
	margin: 0 auto;
}
.header__logo {
	float: left;
	margin-left: 1px;
}
.header__logo--company {
	float: right;
	margin-top: 8px;
}

/* header__nav */
.header__nav {
	width: 100%;
}
.header__nav__inner {
	position: relative;
	background-color: #fff;
}
.header__nav .inner {
	width: 960px;
	margin: 0 auto;
}
.header__nav__menu {
	position: relative;
	height: 50px;
}
.header__nav__menu:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 1px;
	height: 22px;
	margin-top: -11px;
	background-color: #dcdcdc;
}
.header__nav__menu > li {
	position: relative;
	float: left;
	width: 137px;
	height: 50px;
	text-align: center;
	font-size: 12px;
	line-height: 50px;
}
.header__nav__menu > li:before,
.header__nav__menu > li:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 1px;
	height: 22px;
	margin-top: -11px;
	background-color: #dcdcdc;
}
.header__nav__menu > li > a,
.header__nav__menu > li > span {
	display: block;
	width: 100%;
	height: 50px;
}
.header__nav__menu > li > a {
	color: #000;
	text-decoration: none;
}
.header__nav__menu > li > a:hover {
	opacity: 0.5;
}
.header__nav__menu > .is-current > a,
.header__nav__menu > .is-current > span {
	color: #00a6e4;
	font-weight: bold;
}
.header__nav__menu > .is-current > a:after,
.header__nav__menu > .is-current > span:after {
	content: "";
	position: absolute;
	bottom: 1px;
	left: 0;
	display: block;
	width: 137px;
	height: 4px;
	background-color: #00a6e4;
}
.header__nav__menu > .is-on > a,
.header__nav__menu > .is-on > span {
	background-color: #ccc;
}
.header__nav__menu > .is-on > a:hover {
	opacity: 1;
}
.header__nav__menu > .is-current.is-on > a,
.header__nav__menu > .is-current.is-on > span {
	color: #000;
	font-weight: normal;
}
.header__nav__menu > .is-current.is-on > a:after,
.header__nav__menu > .is-current.is-on > span:after {
	display: none;
}
/* header__nav--child */
.header__nav--child {
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 99;
	display: none;
	width: 100%;
	padding-top: 10px;
	background-color: #cccccc;
}
.header__nav--child__inner {
	width: 960px;
	margin: 0 auto;
	border-top: 1px solid #fff;
	padding: 5px 0 25px;
}
.header__nav--child__inner:first-child {
	border-top: none;
}
.header__nav--child__inner.is-brd {
	border-top: none;
	border-bottom: 1px solid #8f8f8f;
	padding-bottom: 15px;
}
.header__nav__menu--child {
	margin-left: -30px;
}
.header__nav__menu--child > li {
	float: left;
	width: 300px;
	margin: 12px 0 0 30px;
	font-size: 13px;
}
.header__nav__menu--child > li:first-child {
	font-weight: bold;
}
.header__nav__menu--child > li > a {
	padding: 0 0 0 14px;
	background: url(../image/arw_gray_01.png) no-repeat 0 50%;
	color: #000;
	font-weight: normal;
	text-decoration: none;
	display:block;
}
.header__nav__menu--child > li > a:hover {
	opacity: 0.5;
}
/* header__nav fixed */
.header__nav.fixed {
	position: fixed;
	top: 0;
	z-index: 99999;
	padding-bottom: 10px;
	background: url(../image/bg_header_nav_01.png) repeat-x 0 100%;
}
.header__nav.fixed .header__nav__menu > li:first-child > a,
.header__nav.fixed .header__nav__menu > li:first-child > span {
	overflow: hidden;
	background: url(../image/logo_02.png) no-repeat 50% 50%;
	text-indent: -9999px;
}




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

.header__inner{
display:none;
}
.header__inner.nomenu{
display:block;
height:auto !important;
}

.header__nav .header__nav__menu > li:first-child > a
{
	background: none;
	text-indent: 0;
}
#global-nav	.header__nav__menu > li > a:hover {
	opacity: 1;
	background-color: #CCCCCC
}
.header__nav--child {
	top: -200%;
}

.header__nav__menu > li:before {
	content: "";
	width: 0;
	height: 0;
	background-color: #333;
}
.header__nav__menu:after {
	content: "";
	width: 0;
	height: 0;
	background-color: #333;
}

.header__nav__menu > .is-current > a:after,
.header__nav__menu > .is-current > span:after {
	content: "";
	display:none;
}

}


/*sp_nav*/
/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	z-index: 10;
	right: 13px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	left: 0;
	height: 4px;
	width: 100%;
	background: #0069ab;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
#mobile-head {
	display: none;
	}
	
@media screen and (max-width: 768px) {
.header__nav__menu{
	height: auto;
}
#top-head {
	top: 0;
	position: fixed;
	margin-top: 0;
	width: 100%;
	z-index:99999;
}
#top-head.fixed {
	padding-top: 0;
	background: transparent;
}
#mobile-head {
	display: block;
	position: relative;
	z-index:99999;
	width: 100%;
	height: 56px;
	background: #fff;
	shadow: 0px 1px 10px #ccc;
	-moz-box-shadow: 0px 1px 10px #ccc;
	-webkit-box-shadow: 0px 1px 10px #ccc;
}
#mobile-head p.logo{
	width: 92px;
}
.fixed .logo,
.logo {
	position: absolute;
	left: 13px;
	top: 13px;
	color: #fff;
	font-size: 1.625em;
}
#global-nav {
	position: absolute;
	top: -500px;
	width: calc(100%);
	background: #333;
	padding:10px 0;
	text-align: left;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	z-index:99998;
}

.header__nav__inner {
	position: relative;
	background-color: #333;
}

.header__nav .inner {
	height: auto;
	width: 96%;
}
ul.header__nav__menu > li {
	position: static;
	right: 0;
	bottom: 0;
	font-size: 0.875em;
	list-style: none;
}
.header__nav__menu > li {
	position: static;
	float: none;
	margin-top: 0px;
	/* padding: 10px 0; */
}
.header__nav__menu > li:nth-child(1),
.header__nav__menu > li:nth-child(2),
.header__nav__menu > li:nth-child(3),
.header__nav__menu > li:nth-child(4),
.header__nav__menu > li:nth-child(5),
.header__nav__menu > li:nth-child(6),
.header__nav__menu > li:nth-child(7){
	width: 100%;
	border: none;
}
.header__nav.fixed .header__nav__menu > li:first-child > a,
.header__nav.fixed .header__nav__menu > li:first-child > span {
	background: none;
	text-indent:0;
}
.header__nav__menu > li:nth-child(6) a {
	color: #FFFFFF;
	margin: 0px;
	border: none;
}
.header__nav__menu > li:nth-child(6) a,
.header__nav__menu > li:nth-child(7) a {
	max-width: 100%;
	display: block;
	background-color: transparent;
	text-align: center;
}
.header__nav__menu > li:nth-child(1),
.header__nav__menu > li:nth-child(2) a,
.header__nav__menu > li:nth-child(3) a,
.header__nav__menu > li:nth-child(4) a,
.header__nav__menu > li:nth-child(5) a {
	background: none;
}
.header__nav--child {
	display: none;
}
.header__nav--child__inner {
	width:100%;
}
.header__nav__menu--child > li {
	float: none;
	width: 100%;
	margin: 12px 0 0 0px;
	font-size: 13px;
}
	
#global-nav ul li a,
.fixed #global-nav ul li a {
	display: block;
	color: #fff;
	text-align: center;
	font-size: 1.143em;
}
.fixed #global-nav ul li a:hover {
	background-color:rgba(204,204,204,1.00);
	opacity: 1;
	}
#global-nav ul.header__nav__menu--child li a,
.fixed #global-nav ul.header__nav__menu--child li a {
	color: #000;
	}
#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
}
/*sp_nav*/



/* ------------------------------------------------------------
 * contents */
.contents {}


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

.contents {
padding-top:56px;
}
.contents.nomenu {
padding-top:0;
}
.contents.nomenu header{
height:auto !important;
}
.contents.nomenu header .header__inner {
    padding: 16px 0 15px 0;
    display:block;
height:auto !important;
}

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


}





/* breadcrumb */
.breadcrumb {
	background: #f4f4f4 url(../image/bg_breadcrumb_01.png) repeat-x 0 0;
}
.breadcrumb > .inner {
	width: 960px;
	margin: 0 auto;
}
.breadcrumb__menu {
	padding: 16px 0 14px;
}
.breadcrumb__menu > li {
	float: left;
	font-size: 11px;
	color: #666;
}
.breadcrumb__menu > li:before {
	content: ">";
	margin: 0 5px;
}
.breadcrumb__menu > li:first-child:before {
	display: none;
}
.breadcrumb__menu > li > a {
	color: #666;
}
.breadcrumb__menu > li > a:hover {
	color: #999;
}


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

.breadcrumb {
display:none;
}

}



/* contact */
.contact {
	height: 360px;
	margin-top: 60px;
	border-top: 1px solid #fff;
	background: url(../image/bg_contact_01.jpg) no-repeat 50% 0;
}
.contact .inner {
	width: 640px;
	margin: 0 auto;
	padding-right: 320px;
}
.contact__inner {
	padding-top: 55px;
}
.contact__ttl {
	width: 410px;
	font-size: 18px;
	font-weight: bold;
}
.contact__txt {
	margin-top: 20px;
}
.contact__btn {
	margin-top: 35px;
}
.contact__btn a:first-child{
	margin-right: 12px;
}
.contact__menu {
	margin-top: 20px;
	padding-left: 40px;
	background: url(../image/icn_contact_01.png) no-repeat 0 0;
}
.contact__menu > li {
	float: left;
	margin-left: 15px;
}
.contact__menu > li:first-child {
	margin-left: 9px;
}
.contact__note {
	margin: 8px 0 0 49px;
	font-size: 11px;
}

/* ------------------------------------------------------------
 * footer */
.footer {}
.footer .inner {
	width: 960px;
	margin: 0 auto;
}
/* footer__nav */
.footer__nav {
	padding: 25px 0 40px;
	background: #666 url(../image/bg_footer_01.png) repeat-x 0 0;
}
.footer__nav__menu {
	float: left;
	width: 300px;
	margin-left: 30px;
}
.footer__nav__menu:first-child {
	margin-left: 0;
}
.footer__nav__menu > li {
	padding-top: 2px;
	border-bottom: 1px solid #b3b3b3;
}
.footer__nav__menu > li > a {
	display: block;
	padding: 12px 0 10px 14px;
	border-bottom: 1px solid #292929;
	background: url(../image/arw_white_01.png) no-repeat 0 15px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.footer__nav__menu > li > a:hover {
	opacity: 0.5;
}
.footer__nav__menu > .is-nobrd,
.footer__nav__menu > .is-nobrd > a {
	border-bottom: none;
}
.footer__nav__menu--child {
	padding-top: 10px;
}
.footer__nav__menu--child > li {
	padding: 5px 0 0 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.footer__nav__menu--child > li > a {
	display: inline-block;
	margin: 3px 0 0 24px;
	padding-left: 16px;
	background: url(../image/arw_white_02.png) no-repeat 0 1px;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	text-decoration: none;
}
.footer__nav__menu--child > li > a:hover {
	opacity: 0.5;
}
.footer__nav__menu--child.is-brd {
	border-top: 1px solid #292929;
	padding-top: 0;
}
.footer__nav__menu--child.is-brd > li:first-child {
	border-top: 1px solid #b3b3b3;
	padding-top: 10px;
}
.footer__nav__menu--right{
  float: left;
  width: 630px;
  margin-left: 30px;
}
.footer__nav__menu--right > .nav__service > .is-nobrd{
	border-bottom: 1px solid #b3b3b3 !important;
}
.footer__nav__menu--right > .nav__service > .is-nobrd > a{
	border-bottom: 1px solid #292929 !important;
}

.footer__nav__menu--right .footer__nav__menu{
  float: none;
  width: 100%;
  margin-left: 0;
  overflow: hidden;
}
.nav__service .footer__nav__menu--child{
  float: left;
  width: 300px;
  margin-left: 30px;
  border: none;
}
.nav__service .footer__nav__menu--child:nth-of-type(1){
  margin-left: 0;
}
.nav__service .footer__nav__menu--child li:first-child{
  border: none;
}
/* footer__bottom */
.footer__bottom {
	padding: 30px 0 40px;
	background-color: #292929;
}
.footer__logo--company {
	text-align: right;
}
.footer__utility {
	float: left;
	margin-top: 12px;
}
.footer__utility > li {
	float: left;
	font-size: 11px;
	color: #fff;
}
.footer__utility > li:after {
	content: "|";
	margin: 0 5px;
}
.footer__utility > li:first-child:before {
	content: "|";
	margin: 0 5px 0 0;
}
.footer__utility > li > a {
	color: #fff;
	text-decoration: none;
}
.footer__utility > li > a:hover {
	opacity: 0.5;
}
.footer__copyright {
	float: right;
	margin-top: 12px;
	font-size: 11px;
	color: #fff;
}

/* ------------------------------------------------------------
 * 04 Common Style
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * Column */
/* col3 */
.col2 {}
.col2 > .unit {
	float: right;
	width: 460px;
}

.blk01{
	float:left;
	width:460px;
	padding-right:20px;
}

.blk02{
	float:left;
	width:460px;
	padding-left:20px;
}

.col2_02{
	width:470px;
}

.col2 > .unit02 {
	float: left;
	width: 140px;
}

.col2_02 > .unit02 {
	float: left;
	width: 140px;
}

.col2 > .unit03 {
	float: right;
	width: 800px;
}

.col2_02 > .unit03_02 {
	float: right;
	width: 460px;
}


.col2 > .unit:first-child {
	float: left;
}

/* col3 */
.col3 {
	margin: -35px 0 0 -40px;
}
.col3 > .unit {
	float: left;
	width: 293px;
	margin: 55px 0 0 40px;
}




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

.col2 > .unit {
	float: none;
	clear: both;
	width: 100%;
	margin-bottom:10%;
}
.col2 > .unit.spno {
	float: none;
	clear: both;
	width: 100%;
	margin-bottom:0;
}
.col2.mt_20.spno {
margin-top:0 !important;
}

.col3 {
	margin: 0 0 0 0;
}

.col3 > .unit {
	float: none;
	width: 293px;
	margin: 35px auto 60px auto;
}

.blk01{
	float:none;
	width:100%;
	padding-right:0;
	padding-bottom:20px;
}

.blk02{
	float:none;
	width:100%;
	padding-left:0;
	padding-bottom:20px;
}

.col2_02{
	width:100%;
}


.col2_02 > .unit03_02 {
	float: none;
	width: 100%;
}

.col2_02 > .unit03 {
	float: none;
	width: 100%;
}
.col2_02 img.pl_30{
	padding:0 !important;
}


}





/* ------------------------------------------------------------
 * Section */
/* sec--01 */
.sec--01 {
	padding-top: 12px;
	background: #e7eff7 url(../image/bg_section_01.png) repeat-x 0 0;
}
.sec--01__inner {
	padding-bottom: 30px;
	background: url(../image/bg_section_02.png) no-repeat 50% 100%;
}
.is-large .sec--01__inner {
	background-image: url(../image/bg_section_02_l.png);
}
.sec--01-2 {
	padding-top: 12px;
	background: #ededed url(../image/bg_section_03.png) repeat-x 0 0;
}
.saasbg {
	height:290px;
	background: #ededed url(../../saasbyol/image/ttl_bg.png) repeat-x center bottom;
}
.is-large2 .sec--01-2__inner {
	background-image: url(../image/bg_section_03_l.png);
}
.is-large2 .sec--01-2__inner2 {
}
.sec--01-2 .inner {
	width: 960px;
	margin: 0 auto;
}
.sec--01.is-small {
	padding-top: 12px;
	background: #f4f4f4 url(../image/bg_section_01_s.png) repeat-x 0 0;
	border-bottom: 1px solid #bb1c21;
}
.is-small .sec--01__inner {
	background: none;
}
.sec--01 .inner {
	width: 960px;
	margin: 0 auto;
}
/* sec--02 */
.sec--02 {
	position: relative;
	margin-top: 30px;
}

.sec--02 .inner {
	width: 960px;
	margin: 0 auto;
}
.sec--02 img{
	padding: 5px;
}
.sec--02 .partner {
	width: 960px;
  background-color:#eeeeee;
	margin: 10px 0px 0px 0px;
}

.sec--02 .is-brd {
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
}

/* sec--03 */
.sec--03 {
	position: relative;
	margin-top: 50px;
	padding: 25px 0 60px;
	background-color: #f0f0f0;
}
.nomgn {
	margin-top:0;
}
.sec--03.is-gray {
	background-color: #e2e2e2;
}
.sec--03.is-lgray {
	background-color: #e9e9e9;
}
.sec--03 + .sec--03 {
	margin-top: 0;
}
.sec--03 .inner {
	width: 960px;
	margin: 0 auto;
}
.sec--03 .indent {
	padding: 0 30px 0 170px;
}
.sec--03__ttl {
	position: absolute;
	top: -21px;
	left: 50%;
	margin-left: -480px;
}


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

.sec--03 .indent {
	padding: 0 10px 0 10px;
}

.saasbg {
	height:auto;
	background: #fff url(../../saasbyol/image/ttl_bg.png) repeat-x center bottom;
	background-size:300%;
}


}



/* sec--04 */
.sec--04 {
	position: relative;
	margin-top: 20px;
	padding: 0 0 60px;
	background-color: #f0f0f0;
}
.sec--04 + .sec--04 {
	margin-top: 0;
}
.sec--04 .inner {
	width: 960px;
	margin: 0 auto;
}
.sec--04 .is-brd {
	padding-top: 20px;
	border-top: 1px solid #dcdcdc;
}
/* subbox--01 */
.subbox--01 {
	margin-top: 20px;
	padding: 0 20px 40px;
	background-color: #fff;
}
.publiccloud .subbox--01 {
	padding: 0 20px 20px;
}
.subbox--01__ttl {
	margin: 0 -20px;
	padding: 5px 20px;
	background-color: #00a6e4;
	color: #fff;
	font-weight: bold;
}
.subbox--01 > .col2 > .unit {
	width: 440px;
}



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

.sec--01 .inner,
.sec--02 .inner,
.sec--03 .inner,
.sec--04 .inner {
	width: 96% !important;
	margin: 0 auto;
	box-sizing:border-box;
}
.sec--01-2 .inner {
	width: 96% !important;
	margin: 0 auto;
	box-sizing:border-box;
}

.ttl--01 > .inner,
.ttl--02 > .inner,
.ttl--03 > .inner,
.ttl--04 > .inner {
    width: 96% !important;
    margin: 0 auto;
	box-sizing:border-box;
}


.subbox--01 > .col2 > .unit {
	width: 100%;
}
.subbox--01 .list--01 li span{
word-break:break-all;
}



}




/* ------------------------------------------------------------
 * Title */
/* ttl--01 */
.ttl--01 {
	padding: 15px 0 14px;
	background-color: #00a6e4;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}
.ttl--01 > .inner {
	width: 960px;
	margin: 0 auto;
}
.ttl--01 span{
	font-weight: normal;
	font-size: 18px;
}
/* ttl--02 */
.ttl--02 {
	padding: 6px 0 4px 15px;
	border-left: 4px solid #00a6e4;
	color: #33558f;
	font-size: 18px;
	font-weight: bold;
}

.ttl--02 span{
	color:#ffffff;
	background-color:#F61D20;
	font-size:12px;
	font-weight:normal;
	padding:0 5px;
	margin:0 8px 0 0;
	vertical-align:middle;
}

/* ttl--03 */
.ttl--03 {
	font-size: 18px;
	font-weight: bold;
}

.ttl--03_02 {
	font-size: 18px;
	font-weight: bold;
	width:470px;
	display:inline;
}

.ttl--03.is-small {
	font-size: 16px;
}
/* ttl--04 */
.ttl--04 {
	padding: 25px 0 23px;
	background-color: #e2e2e2;
	font-size: 20px;
	font-weight: bold;
}
.ttl--04 > .inner {
	width: 960px;
	margin: 0 auto;
}
.ttl--04 > .inner span {
	font-size: 16px;
}
/* ttl--05 */
.ttl--05 {
	color: #33558f;
	font-size: 18px;
	font-weight: bold;
}
.ttl--05 > .ttl--05__inner {
	display: block;
	padding-left: 38px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
/* ttl--06 */
.ttl--06 {
	padding: 20px 0 20px;
	margin:0 0 20px 0;
	background-color: #e2e2e2;
	font-size: 20px;
	font-weight: bold;
}

.ttl--06 > span{
	padding:0 0 0 10px;
}
/* ttl--20 */
.ttl--20 {
	padding: 10px 0 10px;
	margin:0 0 20px 0;
	background-color: #e2e2e2;
	font-size: 20px;
	font-weight: bold;
}

.ttl--20 > span{
	padding:0 0 0 10px;
}
.netxcloud .ttl--05 > .ttl--05__inner,
.private .ttl--05 > .ttl--05__inner
{
	height: 31px;
	padding-top: 6px;
}
.ttl--05 > .ttl--05__inner.is-num1 {
	background-image: url(../image/icn_num01.png);
}
.ttl--05 > .ttl--05__inner.is-num2 {
	background-image: url(../image/icn_num02.png);
}
.ttl--05 > .ttl--05__inner.is-num3 {
	background-image: url(../image/icn_num03.png);
}
.ttl--05 > .ttl--05__inner.is-num4 {
	background-image: url(../image/icn_num04.png);
}
.ttl--05 > .ttl--05__inner.is-num5 {
	background-image: url(../image/icn_num05.png);
}
.ttl--05 > .ttl--05__inner.is-num6 {
	background-image: url(../image/icn_num06.png);
}
.ttl--05.line1 {
	line-height: 58px;
}

/* ------------------------------------------------------------
 * MainVisual */
.mv--01 {
	width: 100%;
	overflow: hidden;
}
.mv--01 > img {
	position: relative;
	left: 50%;
	margin-left: -800px;
}


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

.mv--01 > img {
	position: relative;
	left: auto;
	margin-left: 0;
}

}




/* ------------------------------------------------------------
 * Text */
/* txt--01 */
.txt--01 {
	margin-top: 15px;
}
.inner > .txt--01:first-child {
	margin-top: 20px;
}
.txt--02 {
	margin-top: 15px;
	font-size: 20px;
	font-weight: bold;
}
.txt--02 span {
	font-size: 16px;
}
.txt--02 span.txtbold--01 {
	font-size: 20px;
}

/* txtbold--01 */
.txtbold--01 {
	color: #bb1c21;
	font-weight: bold;
}
/* note--01 */
.note--01 {
	margin-top: 0;
	margin-left: 1.5em;
	text-indent: -1.5em;
	color: #666;
	font-size: 10px;
}
/* note--02 */
.note--02 {
	color: #666;
}
/* notes--01 */
.notes--01 {
	margin-top: 15px;
	color: #666;
	font-size: 10px;
}
.notes--01 > li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}


@media screen and (max-width: 768px) {
.txt--02.w_750 {
width:100%;

}

}




/* ------------------------------------------------------------
 * List */
/* list--01 */
.list--01 {
	margin-top: 10px;
}
.list--01 > li {
	list-style: outside square;
	margin-left: 1.5em;
	color: #fbb019;
}
.list--01 > li > span {
	color: #000;
}
.list--01saas {
	margin-top: 10px !important;
}
.list--01saas > li {
	margin-bottom:10px;
	color: #fbb019;
}
.list--01saas > li > span {
	color: #000;
	font-size:18px;
}
.list--01.is-col2 > li > span:first-child {
	display: inline-block;
	width: 25em;
}
/* numlist--01 */
.numlist--01 > li {
	margin-top: 20px;
}
.numlist--01 > li:first-child {
	margin-top: 15px;
}
.numlist--01__ttl {
	margin-bottom: 10px;
	padding: 3px 0 3px 36px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #33558f;
	font-size: 18px;
	font-weight: bold;
}
.numlist--01__ttl.is-num01 {
	background-image: url(../image/icn_num01.png);
}
.numlist--01__ttl.is-num02 {
	background-image: url(../image/icn_num02.png);
}
.numlist--01__ttl.is-num03 {
	background-image: url(../image/icn_num03.png);
}
/* numlist--02 */
.numlist--02 {
	margin-top: 15px;
}
.numlist--02 > li {
	margin-left: 2.5em;
	margin-top: 5px;
	text-indent: -2.5em;
}
.numlist--02 > li > .mark {
	width: 2.5em;
}

/* icnlist--01 */
.icnlist--01 {
	margin-top: -10px;
	margin-left: -10px;
}
.icnlist--01 > li {
	float: left;
	display: table;
	width: 313px;
	margin-left: 10px;
	border-radius: 10px;
	background-color: #fcf0e5;
}
.icnlist--01__img,
.icnlist--01__txt {
	display: table-cell;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: middle;
}
.icnlist--01__img {
	padding-left: 15px;
	text-align: center;
}
.icnlist--01__txt {
	width: 190px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 15px;
	font-weight: bold;
}


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

.icnlist--01 {
	margin-top: 0;
	margin-left: 0;
}

.icnlist--01 > li {
	float: none;
	margin-left: 0;
	margin:0 auto 10px;
}

.list--01.is-col2 > li > span:first-child {
	display: inline-block;
	width: auto;
}


}




/* icnlist--02 */
.icnlist--02 > li {
	float: left;
	width: 305px;
	margin-left: 22px;
	border-radius: 10px;
	background-color: #f4ab32;
	text-align:center;
}
.icnlist--02 > li:first-child {
	margin-left: 0;
}
.icnlist--02__txt {
	padding: 15px 0;
	vertical-align: middle;
	font-size: 17px;
	font-weight: bold;
	color:#fff;
	text-align:left;
	display:inline-block;
}

/* indexlist--01 */
.indexlist--01__ttl {
	color: #33558f;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.indexlist--01__img {
	margin-top: 5px;
	text-align: center;
}
.indexlist--01__txt {
	margin-top: 10px;
}


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

.indexlist--01{
height:auto !important;
}

.icnlist--02 > li {
	float: none;
	margin:0 auto 15px auto !important;
}

}





/* ------------------------------------------------------------
 * Link */
/* link--01 */
a.link--01 {
	display: block;
	padding-right: 18px;
	background: url(../image/arw_blue_01.png) no-repeat 100% 50%;
	text-decoration: underline;
}
/* anchor--01 */
.anchor--01 {
	position: absolute;
	top: 0;
	margin-top: -50px;
	padding-top: 50px;
}

/* ------------------------------------------------------------
 * Button */
/* btn--01 */
a.btn--01 {
	position: relative;
	display: block;
	width: 420px;
	margin: 30px auto 0;
	padding: 8px 0 6px;
	border-radius: 5px;
	background-color: #00a6e4;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
a.btn--01.is-red {
	background-color: #bb1c21;
}
a.btn--01.is-small {
	font-size: 14px;
	padding: 10px 0 8px
}
a.btn--01.is-wmax {
	width: 100%;
}
a.btn--01:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 7px;
	height: 13px;
	margin-top: -6px;
	background: url(../image/arw_white_01.png) no-repeat 0 0;
}

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

a.btn--01 {
	width: 90%;
}

}




/* btn--02 */
a.btn--02 {
	position: relative;
	display: block;
	width: 260px;
	margin: 30px auto 0;
	padding: 8px 0 7px;
	border-radius: 5px;
	background-color: #fff;
	color: #00a6e4;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
a.btn--02.is-medium {
	width: 460px;
	margin-right: 0;
	margin-left: 0;
	padding: 10px 0 8px;
	border: 1px solid #00a6e4;
	font-size: 14px;
	font-weight: bold;
}
a.btn--02.is-big {
	width: 100%;
	padding: 10px 0 8px;
	border: 1px solid #00a6e4;
	font-size: 14px;
	font-weight: bold;
}
a.btn--02.is-pdf {
	background: #fff url(../image/icn_pdf_01.png) no-repeat 10px 50%;
}
a.btn--02:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 7px;
	height: 13px;
	margin-top: -6px;
	background: url(../image/arw_blue_01.png) no-repeat 0 0;
}

/* btn--03 */
a.btn--03 {
	position: relative;
	display: block;
	margin: 10px auto 0;
	padding: 8px 0 7px;
	border-radius: 5px;
	background-color: #33b5e7;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
a.btn--03:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 7px;
	height: 13px;
	margin-top: -6px;
	background: url(../image/arw_white_01.png) no-repeat 0 0;
}

/* btnset--01 */
.btnset--01 {
	margin-top: 20px;
	padding: 20px 0;
	background-color: #dcdcdc;
}
.btnset--01 > p {
	text-align: center;
}
.btnset--01 > li {
	float: left;
	width: 450px;
	padding-left: 20px;
}
.btnset--01 > li > a {
	margin-top: 0;
}


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

.btnset--01 > li {
	float: none;
	width: 90%;
	margin:0 auto 10px;
	padding-left: 0;
}

a.btn--02.is-medium {
	width: 100%;
	box-sizing:border-box;
}



}





/* ------------------------------------------------------------
 * Image */
/* img--01 */
.img--01 {
	margin-top: 30px;
	text-align: center;
}
/* img--02 */
.img--02 {
	display: table;
	margin-top: 15px;
	margin-left: -4px;
}
.img--02 > p {
	display: table-cell;
	padding-left: 15px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}
.img--02 > p:first-child {
	padding-left: 0;
}

/* img--03 */
.img--03 {
	display: table;
    width: 960px;
    background-color:#eeeeee;
	margin: 10px 0px 0px 0px;
}
.img--03 > p {
	display: table-cell;
	padding-left:10px;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
}
.img--03 > p:first-child {
	padding-left: 0;
}


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


.img--03 {
	display: block;
    width: 100%;
    background-color:#eeeeee;
	margin: 10px 0px 0px 0px;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
}
.img--03 > p {
	display: block;
	padding-left:0;
	padding:10px 0 0 0;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}

}





/* ------------------------------------------------------------
 * Table */
/* tbl--01 */
.tbl--01 {
	width: 100%;
}
.tbl--01 .cap--01 {
	text-align: right;
}
.tbl--01 th,
.tbl--01 td {
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}
.tbl--01 th {
	font-weight: bold;
}
.tbl--01 td {
	width: 192px;
	border-left: 1px solid #f0f0f0;
}
.tbl--01 thead th,
.tbl--01 thead td {
	width: 192px;
	padding: 5px;
	color: #fff;
}
.tbl--01 thead .th--01 {
	background-color: #999;
}
.tbl--01 thead .th--02 {
	background-color: #b4b4b4;
}
.tbl--01 thead .td--01 {
	background-color: #33b7e9;
	font-weight: bold;
}
.tbl--01 thead .td--02 {
	background-color: #33558f;
	font-weight: bold;
}
.tbl--01 thead .td--03 {
	background-color: #f4ab32;
	font-weight: bold;
}
.tbl--01 thead .td--04 {
	background-color: #bb1c21;
}
.tbl--01 tbody th {
	padding: 5px;
}
.tbl--01 tbody td {
	padding: 10px;
	border-top: 1px solid #f0f0f0;
	background-color: #fff;
}
.tbl--01 tbody .th--01 {
	background-color: #cccccc;
}
.tbl--01 tbody .th--02 {
	border-top: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	background-color: #dcdcdc;
	font-weight: normal;
}
.tbl--01 tbody .td--vt td {
	vertical-align: top;
}
.tbl--01 thead tr:first-child th,
.tbl--01 thead tr:first-child td,
.tbl--01 tbody tr:first-child th,
.tbl--01 tbody tr:first-child td,
.tbl--01 tbody tr:first-child .th--02 {
	border-top: 4px solid #f0f0f0;
}
.tbl--01 td .mark {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 3px 2px;
	border: 1px solid #bb1c21;
	background-color: #fcf0e5;
	color: #bb1c21;
	font-weight: bold;
}
.tbl--01 td .mark.line1 {
	height: 1.8em;
}
.tbl--01 td .mark.line2 {
	height: 3em;
}
.tbl--01 td .mark.line3 {
	height: 4.5em;
}
.tbl--01 td .mark.line4 {
	height: 6em;
}
.tbl--01 td .mark__inner {
	display: table-cell;
	vertical-align: middle;
}
.tbl--01 td .mark span {
	display: block;
	padding: 0 3px;
	font-size: 12px;
	line-height: 1.4;
	font-weight: normal;
}
.tbl--01 td .mark .fr,
.tbl--01 td .mark .fl {
	width: 165px;
}

/* tbl--022 */
.tbl--022 {
	width: 100%;
}
.tbl--022 th,
.tbl--022 td {
	box-sizing: border-box;
	vertical-align: middle;
}
.tbl--022 th {
	font-weight: bold;
}
.tbl--022 td {
	border-left: 1px solid #f0f0f0;
}
.tbl--022 thead th,
.tbl--022 thead td {
	padding: 5px;
	border-top: 4px solid #f0f0f0;
	color: #fff;
	text-align: center;
}
.tbl--022 thead .th--01 {
	background-color: #f9940d;
}
.tbl--022 thead .th--02 {
	background-color: #999999;
}
.tbl--022 thead .th--03 {
	background-color: #0089d8;
}
.tbl--022 thead .td--01 {
	background-color: #fbb019;
	font-weight: bold;
}
.tbl--022 thead .td--02 {
	background-color: #00a6e4;
	font-weight: bold;
}
.tbl--022 thead .td--03 {
	background-color: #33b7e9;
	font-weight: bold;
	font-size: 18px;
}
.tbl--022 thead .td--04 {
	background-color: #33558f;
	font-weight: bold;
	font-size: 18px;
}
.tbl--022 thead td span {
	font-weight: normal;
	font-size: 14px;
}

.tbl--022 tbody th {
	width: 230px;
	padding: 15px 20px;
	border-top: 4px solid #f0f0f0;
	text-align: left;
}
.tbl--022 tbody td {
	padding: 15px;
	border-top: 4px solid #f0f0f0;
	background-color: #fff;
}
.tbl--022 tbody .th--01 {
	background-color: #e9e9e9;
}
.tbl--022 tbody .th--02 {
	width: 153px;
	background-color: #ccc;
	text-align: center;
}
.tbl--022 tbody .th--03 {
	width: 74px;
	background-color: #e9e9e9;
	font-size: 26px;
	text-align: center;
}
.tbl--022 tbody .td--vt td {
	vertical-align: top;
}
.tbl--022 tbody .td--tc {
	text-align: center;
}

.tbl--022 tbody .td--tc strong{
	font-size: 20px;
	text-align: center;
	font-weight:bold;
}

.tbl--022 tbody .td--tr {
	text-align: right;
}
.tbl--022 tbody .td--w350 {
	width: 370px;
}
.tbl--202 tbody .td--w130 {
	width: 130px;
}





/* intbl--01 */
.intbl--01 {
	display: table;
	width: 100%;
}
.intbl--01 > span {
	display: table-cell;
	padding: 0 5px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}

/* ------------------------------------------------------------
 * Form */

/* ------------------------------------------------------------
 * 05 page Style
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * is-home */
/* home__mv */
.home__mv {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 461px;
}
.home__mv__slide {
	min-width: 960px;
	height: 461px;
}
.home__mv__slide > li {
	position: relative;
	left: 50%;
	max-width: 1600px;
	min-width: 960px;
	margin-left: -800px;
	text-align: center;
}
.bx-controls {
	position: absolute;
	left: 0;
	bottom: 10px;
	z-index: 99;
	overflow: hidden;
	width: 100%;
}
.bx-pager {
	position: relative;
	left: 50%;
	float: left;
}
.bx-pager-item {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 5px;
}
.bx-pager-link {
	overflow: hidden;
	display: block;
	width: 21px;
	height: 21px;
	background: url(../../image/mv_index_nav_off.png) no-repeat 0 0;
	text-indent: -9999px;
}
.bx-pager-link:hover {
	opacity: 0.5;
}
.bx-pager-link.active {
	background-image: url(../../image/mv_index_nav_current.png);
}
.bx-pager-link.active:hover {
	opacity: 1;
}

/* home__box--01 */
.home__box--01 {
	padding-bottom: 35px;
	background: url(../../image/bg_index_02.jpg) no-repeat 50% 100%;
}
.home__box--01 > .inner {
	width: 960px;
	margin: 0 auto;
}
.home__box--01 .col3 {
	margin: 6px 0 35px -30px;
}
.home__box--01 .col3 > .unit {
	width: 300px;
	margin: 0 0 0 30px;
}
.home__box--01 .col3 > .unit > a {
	display: block;
	padding: 20px;
	text-decoration: none;
}
.home__box--01 .col3 > .unit.is-blue {
	background-color: #33b7e9;
}
.home__box--01 .col3 > .unit.is-deepblue {
	background-color: #33558f;
}
.home__box--01 .col3 > .unit.is-orange {
	background-color: #f4ab32;
}
.home__box--01__ttl {
	padding-right: 20px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	background: url(../image/arw_white_03.png) no-repeat 100% 50%;
}
.home__box--01__img {
	margin-top: 15px;
}

/* home__box--02 */
.home__box--02 {
	height: 301px;
	background: url(../../image/bg_index_01.png) no-repeat 50% 0;
}
.home__box--02 > .inner {
	width: 960px;
	margin: 0 auto;
}
.home__box--02__ttl {
	padding-top: 34px;
}
.home__box--02__txt {
	margin-top: 15px;
  display: inline-block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.home__box--02__btn > a.btn--02 {
	width: 280px;
	margin: 10px 0 0;
	font-size: 16px;
}
.home__box--02__img {
	padding-top: 40px;
	text-align: center;
}
/* home__box--03 */
.home__box--03__ttl {
	padding-left: 38px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 2;
	font-weight: bold;
}
.home__box--03__ttl.is-info {
	background-image: url(../../image/icn_index_info_01.png);
}
.home__box--03__ttl.is-cloud {
	background-image: url(../../image/icn_index_info_01.png);
}
.home__box--03__list > li {
	margin-top: 25px;
}
.home__box--03__date {
	margin-bottom: 5px;
}

/* ------------------------------------------------------------
 * is-about */
.about__btnset--01 {
	position: relative;
}
.about__btnset--01 > li {
	position: absolute;
	bottom: 26px;
	left: 50%;
	margin-left: 171px;
}
.about__btnset--01 > li:first-child {
	right: 50%;
	left: auto;
	margin-right: 171px;
	margin-left: 0;
}
.about__btnset--01 > li > .btn--02 {
	margin-top: 0;
}


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

.about__btnset--01 {
	position: relative;
	padding-top:20px;
}

.about__btnset--01 > li {
	position: relative;
	bottom: auto;
	left: auto;
	margin-left: 0;
	width:90%;
	margin:0 auto 15px;
}
.about__btnset--01 > li:first-child {
	right: auto;
	left: auto;
	margin-right: 0;
	margin-left: 0;
	margin:0 auto 15px;
}

}




/* ------------------------------------------------------------
 * is-service */
.service__box--01 {
	margin-top: 5px;
}
.service__box--01__unit {
	position: relative;
	width: 462px;
	margin-top: 20px;
	padding: 3px;
	border-width: 1px;
	border-style: solid;
	border-radius: 10px;
	background-color: #fff;
}
.service__box--01__unit:after {
	content: "";
	position: absolute;
	top: -13px;
	left: 20px;
	display: block;
	width: 52px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: 0 0;
}


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

.service__box--01__unit {
	width: 100%;
	box-sizing:border-box;
}


}




.service__box--01__ttl {
	position: relative;
	z-index: 9;
	margin-top: -11px;
}
.service__box--01__ttl > a {
	display: block;
	height: 66px;
	padding: 0 27px 0 82px;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 66px;
	font-weight: bold;
	text-decoration: none;
}
.service__box--01__unit.is-shared {
	border-color: #33558f;
}
.service__box--01__unit.is-private {
	border-color: #33b7e9;
}
.service__box--01__unit.is-public {
	border-color: #f4ab32;
}
.service__box--01__unit.is-shared:after {
	background-image: url(../../service/image/btn_service_01_bg.png);
}
.service__box--01__unit.is-private:after {
	background-image: url(../../service/image/btn_service_02_bg.png);
}
.service__box--01__unit.is-public:after {
	background-image: url(../../service/image/btn_service_03_bg.png);
}
.is-shared .service__box--01__ttl > a {
	background-image: url(../../service/image/btn_service_01.png);
}
.is-private .service__box--01__ttl > a {
	background-image: url(../../service/image/btn_service_02.png);
}
.is-public .service__box--01__ttl > a {
	background-image: url(../../service/image/btn_service_03.png);
}
.service__box--01__txt {
	margin: 5px 17px;
}
/* ttl--05 */
.ttl--05.is-safety01 {
	padding-left: 90px;
	background: url(../../service/image/icn_shared_04.png) no-repeat 0 50%;
}
.ttl--05.is-safety02 {
	padding-left: 90px;
	background: url(../../service/image/icn_shared_05.png) no-repeat 0 50%;
}
.ttl--05.is-safety03 {
	padding-left: 90px;
	background: url(../../service/image/icn_shared_06.png) no-repeat 0 50%;
}
.ttl--05.is-safety04 {
	padding-left: 90px;
	background: url(../../service/image/icn_shared_07.png) no-repeat 0 50%;
}
.ttl--05.is-safety05 {
	padding-left: 90px;
	background: url(../../service/image/icn_shared_08.png) no-repeat 0 50%;
}
.ttl--05.is-safety06 {
	padding-left: 90px;
	background: url(../../service/image/icn_shared_09.png) no-repeat 0 50%;
}
.ttl--05.is-safety01 > .ttl--05__inner,
.ttl--05.is-safety02 > .ttl--05__inner,
.ttl--05.is-safety03 > .ttl--05__inner,
.ttl--05.is-safety04 > .ttl--05__inner,
.ttl--05.is-safety05 > .ttl--05__inner,
.ttl--05.is-safety06 > .ttl--05__inner {
	padding-top: 20px;
	padding-bottom: 20px;
}
/* ------------------------------------------------------------
 * is-operation */
.ttl--06,
.ttl--07{
	width: 100%;
}
.ttl--06 tr th,
.ttl--06 tr td,
.ttl--07 tr th,
.ttl--07 tr td
{
	padding: 5px;
	text-align: left;
	border-top: 2px solid #f0f0f0;
	border-right: 2px solid #f0f0f0;
}
.ttl--06 tr th,
.ttl--07 tr th
{
	background: #ccc;
}
.ttl--06 tr td{
	background: #33558f;
	color: #fff;
}
.ttl--07 tr td{
	background: #fff;
}
.col1{
	width: 50%;
	margin: 0 auto;
}
.ttl--07 thead tr th{
	background: #999;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.ttl--08 thead tr th,
.ttl--08 thead tr td
{
	background: #33558f;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}


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

.col1{
	width: 90%;
	margin: 0 auto;
}


}



/* ------------------------------------------------------------
 * is-cloudtips */
 .ttl--09,
 .ttl--10,
 .ttl--11,
 .ttl--12,
 .ttl--13
 {
	 width: 100%;
 }
 .ttl--09 tr th,
 .ttl--09 tr td,
 .ttl--10 tr th,
 .ttl--10 tr td,
 .ttl--11 tr th,
 .ttl--11 tr td,
 .ttl--12 tr th,
 .ttl--12 tr td,
 .ttl--13 tr td
 {
	  padding: 5px;
	  text-align: left;
	  vertical-align: middle;
  }
 .ttl--09 thead tr th,
 .ttl--09 thead tr td{
	  background: #bb1c21;
	  color: #fff;
	  border-top: 2px solid #f0f0f0;
	  border-right: 2px solid #f0f0f0;
	  text-align: center;
	  font-weight: bold;
  }
 .ttl--09 tbody tr th,
 .ttl--09 tbody tr td,
 .ttl--10 tbody tr th,
 .ttl--10 tbody tr td,
 .ttl--11 tbody tr th,
 .ttl--11 tbody tr td,
 .ttl--12 tbody tr th,
 .ttl--12 tbody tr td
  {
	 border-top: 2px solid #f0f0f0;
	 border-right: 2px solid #f0f0f0;
 }
  .ttl--09 tbody tr th,
  .ttl--10 tbody tr th,
  .ttl--11 tbody tr th,
  .ttl--12 tbody tr th
  {
	  color: #000;
  }
  .ttl--09 tbody tr td{
	 /* color: #bb1c21;*/
  }
  .ttl--09 tbody tr:nth-child(even){
	  background-color: #fcf0e5 !important;
  }
  .ttl--09 tbody tr:nth-child(odd){
	  background-color: #F78686 !important;
  }
 .ttl--10 thead tr th,
 .ttl--10 thead tr td{
	  background: #33558f;
	  color: #fff;
	  border-top: 2px solid #f0f0f0;
	  border-right: 2px solid #f0f0f0;
	  text-align: center;
	  font-weight: bold;
  }
  .ttl--10 tbody tr:nth-child(odd){
	  background-color: #B9D2DE !important;
  }
  .ttl--10 tbody tr:nth-child(even){
	  background-color: #D8E7EF !important;
  }
    .ttl--10 tbody tr td{
	  /*color: #33558f;*/
  }
 .ttl--11 thead tr th,
 .ttl--11 thead tr td{
	  background: #65B76F;
	  color: #fff;
	  border-top: 2px solid #f0f0f0;
	  border-right: 2px solid #f0f0f0;
	  text-align: center;
	  font-weight: bold;
  }
  .ttl--11 tbody tr{
	  background-color: #B9DEC3;
  }
  .ttl--12 {
    width: 100%;
}
 .ttl--12 thead tr th,
 .ttl--12 thead tr td{
	  background: #6556A2;
	  color: #fff;
	  border-top: 2px solid #f0f0f0;
	  border-right: 2px solid #f0f0f0;
	  text-align: center;
	  font-weight: bold;
  }
  .ttl--12 tbody tr{
	  background-color: #E4DAE6;
  }
    .ttl--12 tbody tr td{
	 /* color: #6556A2;*/
  }
 .ttl--13 tr th {
	  background: #ccc;
	  color: #000;
	  border-top: 2px solid #fff;
	  border-right: 2px solid #fff;
	  text-align: center;
	  font-weight: bold;
	  padding: 5px;
	  vertical-align: middle;
  }
 .ttl--13 tr td{
	 background: #e2e2e2;
	 color: #000;
	 border-top: 2px solid #fff;
	 border-right: 2px solid #fff;
 }
 .tipth th{
	 width:50%;
 }
 .tipth thead td img{
	 margin:0 3px 0 0;
	 vertical-align:middle;
 }
/* ------------------------------------------------------------
 * 06 Utility
 * ------------------------------------------------------------ */
/* ------------------------------------------------------------
 * Text */
.bold {
	font-weight: bold;
}
.red {
	color: #bb1c21;
}
.blue {
	color: #33b7e9;
}
.fs_16{
	font-size: 16px;
}
/* ------------------------------------------------------------
 * img hover */
.rollover:hover {
	opacity: 0.5;
}

/* ------------------------------------------------------------
 * Float and Clear */
.fl {
	float: left;
}
.fr {
	float: right;
}


@media screen and (max-width: 768px) {
.fl {
	float: none;
}
.fr {
	float: none;
}

}





.cb {
	clear:both;
}
/* ClearFix */
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
	*zoom: 1;
}

/* ------------------------------------------------------------
 * Margin and Padding Set */
.mb_0{margin-bottom: 0 !important;}
.mb_5{margin-bottom: 5px !important;}
.mb_10{margin-bottom: 10px !important;}
.mb_15{margin-bottom: 15px !important;}
.mb_16{margin-bottom: 16px !important;}
.mb_20{margin-bottom: 20px !important;}
.mb_21{margin-bottom: 21px !important;}
.mb_22{margin-bottom: 22px !important;}
.mb_25{margin-bottom: 25px !important;}
.mb_30{margin-bottom: 30px !important;}
.mb_35{margin-bottom: 35px !important;}
.mb_40{margin-bottom: 40px !important;}
.mb_45{margin-bottom: 45px !important;}
.mb_50{margin-bottom: 50px !important;}

.mt_0{margin-top: 0 !important;}
.mt_5{margin-top: 5px !important;}
.mt_10{margin-top: 10px !important;}
.mt_15{margin-top: 15px !important;}
.mt_20{margin-top: 20px !important;}
.mt_25{margin-top: 25px !important;}
.mt_30{margin-top: 30px !important;}
.mt_35{margin-top: 35px !important;}
.mt_40{margin-top: 40px !important;}
.mt_50{margin-top: 50px !important;}
.mt_60{margin-top: 60px !important;}

.ml_0{margin-left: 0 !important;}
.ml_5{margin-left: 5px !important;}
.ml_10{margin-left: 10px !important;}
.ml_15{margin-left: 15px !important;}
.ml_20{margin-left: 20px !important;}
.ml_25{margin-left: 25px !important;}
.ml_30{margin-left: 30px !important;}
.ml_35{margin-left: 35px !important;}
.ml_40{margin-left: 40px !important;}
.ml_45{margin-left: 45px !important;}
.ml_50{margin-left: 50px !important;}

.mr_0{margin-right: 0 !important;}
.mr_5{margin-right: 5px !important;}
.mr_10{margin-right: 10px !important;}
.mr_15{margin-right: 15px !important;}
.mr_20{margin-right: 20px !important;}
.mr_25{margin-right: 25px !important;}
.mr_30{margin-right: 30px !important;}
.mr_35{margin-right: 35px !important;}
.mr_40{margin-right: 40px !important;}
.mr_50{margin-right: 50px !important;}

.pb_0{padding-bottom: 0 !important;}
.pb_1{padding-bottom: 1px !important;}
.pb_5{padding-bottom: 5px !important;}
.pb_10{padding-bottom: 10px !important;}
.pb_15{padding-bottom: 15px !important;}
.pb_20{padding-bottom: 20px !important;}
.pb_25{padding-bottom: 25px !important;}
.pb_29{padding-bottom: 29px !important;}
.pb_30{padding-bottom: 30px !important;}
.pb_35{padding-bottom: 35px !important;}
.pb_40{padding-bottom: 40px !important;}
.pb_45{padding-bottom: 45px !important;}
.pb_50{padding-bottom: 50px !important;}

.pt_0{padding-top: 0 !important;}
.pt_5{padding-top: 5px !important;}
.pt_10{padding-top: 10px !important;}
.pt_15{padding-top: 15px !important;}
.pt_20{padding-top: 20px !important;}
.pt_25{padding-top: 25px !important;}
.pt_30{padding-top: 30px !important;}
.pt_35{padding-top: 35px !important;}
.pt_40{padding-top: 40px !important;}
.pt_45{padding-top: 45px !important;}
.pt_50{padding-top: 50px !important;}
.pt_60{padding-top: 60px !important;}
.pt_70{padding-top: 70px !important;}

.pl_0{padding-left: 0 !important;}
.pl_5{padding-left: 5px !important;}
.pl_10{padding-left: 10px !important;}
.pl_15{padding-left: 15px !important;}
.pl_20{padding-left: 20px !important;}
.pl_25{padding-left: 25px !important;}
.pl_30{padding-left: 30px !important;}
.pl_35{padding-left: 35px !important;}
.pl_40{padding-left: 40px !important;}

.pr_0{padding-right: 0 !important;}
.pr_5{padding-right: 5px !important;}
.pr_10{padding-right: 10px !important;}
.pr_15{padding-right: 15px !important;}
.pr_20{padding-right: 20px !important;}
.pr_25{padding-right: 25px !important;}
.pr_30{padding-right: 30px !important;}
.pr_35{padding-right: 35px !important;}
.pr_40{padding-right: 40px !important;}
.pr_50{padding-right: 50px !important;}


/* End */
.w480{width:480px;}
.w630{width:630px;}
.w760{width:760px;}
.w360{width:360px;}


.tbl--02 {
	width: 100%;
}
.tbl--02 th,
.tbl--02 td{
	padding: 5px;
}
.tbl--02 .th--01{
	width: 75%;
	text-align: left;
	background: #999;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #f0f0f0;
	vertical-align: middle;
}
.tbl--02 .td--01{
	width: 25%;
	text-align: center;
	background: #ccc;
	color: #000;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	vertical-align: middle;
}
.tbl--02 .td--02{
	width: 30%;
	background: #f4ab32;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	
}
.tbl--02 .th--02,
.tbl--02 .td--03
{
	width: 10%;
	background: #33b7e9;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	vertical-align: middle;	
	text-align: center;
}
.bg-w{
	background: #fff !important;
}
.tbl--03 {
	width: 75%;
	margin: 0 auto;
}
.tbl--03 th{
	width: 40%;
	background: #999;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
}
.tbl--03 td{
	width: 60%;
	background: #fff;
	padding: 5px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
}
.tbl--03 .topline th{
	background: #f0f0f0 !important;
} 
.tbl--03 .topline td{
	background: #ccc !important;
} 

.tbl--04 {
	width: 100%;
	border-bottom: 4px solid #f0f0f0;
}
.tbl--04 th,
.tbl--04 td{
	padding: 5px;
}
.tbl--04 .th--01{
	width: 75%;
	text-align: left;
	background: #999;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #f0f0f0;
	border-left: 4px solid #f0f0f0;
	vertical-align: middle;
}
.tbl--04 .td--01{
	width: 25%;
	text-align: center;
	background: #ccc;
	color: #000;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	vertical-align: middle;
}
.tbl--04 .td--02{
	width: 30%;
	background: #f4ab32;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	border-left: 4px solid #f0f0f0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	
}
.tbl--04 .th--02,
.tbl--04 .td--03
{
	width: 10%;
	background: #33b7e9;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	vertical-align: middle;	
	text-align: center;
}

.tbl--04-2 {
	width: 75%;
	margin: 0 auto;
	border-bottom: 4px solid #f0f0f0;
}
.tbl--04-2 th,
.tbl--04-2 td{
	padding: 5px;
}
.tbl--04-2 .th--01{
	width: 50%;
	text-align: left;
	background: #999;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #f0f0f0;
	border-left: 4px solid #f0f0f0;
	vertical-align: middle;
}
.tbl--04-2 .td--01{
	width: 35%;
	text-align: center;
	background: #ccc;
	color: #000;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	vertical-align: middle;
}
.tbl--04-2 .td--02{
	width: 25%;
	background: #f4ab32;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	border-left: 4px solid #f0f0f0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #fff;
	
}
.tbl--04-2 .th--02,
.tbl--04-2 .td--03
{
	width: 10%;
	background: #33b7e9;
	font-weight: bold;
	color: #fff;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	vertical-align: middle;	
	text-align: center;
}

.tbl--05 {
	width: 75%;
	margin: 0 auto;
	border-bottom: 4px solid #f0f0f0;
}
.tbl--05 th{
	width: 40%;
	background: #999;
	color: #fff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
	border-left: 4px solid #f0f0f0;
}
.tbl--05 td{
	width: 60%;
	background: #fff;
	padding: 5px;
	color: #000;
	text-align: center;
	vertical-align: middle;
	border-top: 4px solid #f0f0f0;
	border-right: 4px solid #f0f0f0;
}
.tbl--05 .topline th{
	background: #f0f0f0 !important;
} 
.tbl--05 .topline td{
	background: #ccc !important;
} 

/* ------------------------------------------------------------
 * is-reference index*/
 
 .is-reference .sec--01__inner{
	 min-height: 200px !important;
	 margin-bottom: 0px !important;
	 background-size: 100% 80%;
	} 

/* ------------------------------------------------------------
 * is-reference case02 */
 .right_box{
	 width: 430px;
 }
 .right_box table{
	 width: 100%;
 }
.right_box table th,
.right_box table td {
	padding: 5px;
	text-align: left;
}
.right_box table th{
	width: 100px;
}
.right_box h3{
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #305188;
}
.right_box h3,
.right_box table tr{
	border-top:1px solid #305188;
}
.right_box table tr:last-child{
	border-bottom:1px solid #305188;
}
.ta_c{
	text-align: center !important;
}
.fs_18{
	font-size: 18px;
}
.fw_b{
	font-weight: bold;
}
.ttl--last {
	padding: 15px 0 14px;
	background-color: #305188;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
}


.bd_0{border: none}

.tbl--02 th,
.tbl--02 td,
 {
	box-sizing: border-box;
	text-align: center;
	vertical-align: middle;
}

.saaspict{
	margin:20px auto;
	text-align:center;
}


/*----------------------------------new-----------*/
.clearfix:after{
clear:both;
content:"";
display:block;
}

/* IE6 Fix */
* html .clearfix{
display:inline-block;
}


ul.bluedot {
	margin:0;
	padding:0;
}
ul.bluedot li {
	background:url(../image/dot.gif) no-repeat;
	padding:0 0 2px 30px;
} 
.cloudtips02 .mark_zero {
	margin:0 2px;
	 vertical-align:middle;
}
.cloudtips02 .lh {line-height:20px; vertical-align:middle;}

.cloudtips02 .c02_num01 {
	background:url(../../cloudtips/image/img_cloudtips02_07.gif) no-repeat;
	padding:0 0 2px 25px;
	margin:10px 0 0 10px;
} 
.cloudtips02 .c02_num02 {
	background:url(../../cloudtips/image/img_cloudtips02_08.gif) no-repeat;
	padding:0 0 2px 25px;
	margin:10px 0 0 10px;
} 
.box {
	margin:0 0 0 0; padding:0;
	clear:both;
}
.box_l {
	float:left;
	width:260px;
}
.box_r {
	float:right;
	width:700px;
	text-align:left;
}

/* img--01 */
.img--00 {
	margin-top: 0px;
	text-align: center;
}


.pbluebox {
	background-color:#fff;
	border:1px #e7eff7 solid;
	padding:35px;
	margin:0 0 0 0;
}
.pbluebox .bttl {
	color:#29b6eb;
	font-weight:bold;
	font-size:17px;
	border-bottom:1px #89b2db solid;
	padding:0 0 15px 0;
}
.pbluebox02 {
	background-color:#e7eff7;
	border:1px #e7eff7 solid;
	padding:35px;
	margin:0;
}
.pbluebox02 .bttl {
	color:#29b6eb;
	font-weight:bold;
	font-size:17px;
	border-bottom:1px #89b2db solid;
	padding:0 0 15px 0;
}
/* txtbold--02 */
.txtbold--02 {
	color: #000;
	font-weight: bold;
}

/* number */
.cloudtips02 .svn0 {
	background:url(../../cloudtips/image/img_cloudtips02_03.gif) no-repeat ;
	padding:2px 0 5px 30px;
	margin:0 0 0 5px;
	width:205px;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:38px;
} 
.cloudtips02 .sv {
	width:960px;
	margin:30px 0 0 0;
	
}
.cloudtips02 .sv li.n1 {
	background:url(../../cloudtips/image/no_01.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:205px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv li.n2 {
	background:url(../../cloudtips/image/no_02.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:205px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv li.n3 {
	background:url(../../cloudtips/image/no_03.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:205px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv li.n4 {
	background:url(../../cloudtips/image/no_04.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:205px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv li.n5 {
	background:url(../../cloudtips/image/no_05.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:205px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv li.n6 {
	background:url(../../cloudtips/image/no_06.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:205px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv li.n7 {
	background:url(../../cloudtips/image/no_07.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	width:300px;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 

.sec_wend {
	width: 960px;
	margin: 0 auto;
	padding:0 0 0px 0;
}
.sec_wend .inner {
	width: 960px;
	margin:0;
	text-align:right;
}


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

.box_l {
	float:none;
	width:260px;
	margin:0 auto 15px;
}
.box_r {
	float:none;
	width:100%;
	box-sizing:border-box;
	text-align:left;
}

.box .w760{
width:100%;
}

.cloudtips02 .sv {
	width:100%;
	margin:20px 0 0 0;
	
}
.cloudtips02 .sv li.n1 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 
.cloudtips02 .sv li.n2 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 
.cloudtips02 .sv li.n3 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 
.cloudtips02 .sv li.n4 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 
.cloudtips02 .sv li.n5 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 
.cloudtips02 .sv li.n6 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 
.cloudtips02 .sv li.n7 {
	width:100%;
	box-sizing:border-box;
	float:none;
} 


.sec_wend {
	width: 96%;
	margin: 0 auto;
	padding:0 0 0px 0;
}
.sec_wend .inner {
	width: 96%;
	margin:0;
	text-align:right;
}



}





.n1ttl {
	background:url(../../cloudtips/image/no_01.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
} 
.n1tt2 {
	background:url(../../cloudtips/image/no_02.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
} 
.n1tt3 {
	background:url(../../cloudtips/image/no_03.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
} 
.n1tt4 {
	background:url(../../cloudtips/image/no_04.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
} 
.linttop {
	margin:50px 0 50px 0;
	padding:50px 0 0 0;
	border-top:1px solid #33b5e7;
}

.ct3btn {
    background: url("../../cloudtips/image/img_cloudtips03_03.gif") no-repeat;
	margin:0 0 0 100px;
}

.ct3btn a {
    width: 730px;
    height: 137px;
    background: url("../../cloudtips/image/img_cloudtips03_03.gif") no-repeat;
    display: block;
    text-indent: -9999px;
}

.ct3btn a:hover {
    background-image: url("../../cloudtips/image/img_cloudtips03_03_o.gif");
}

.cloudtips02 .sv2 {
	width:960px;
	margin:30px 0 0 0;
	
}

.cloudtips02 .sv2 li.n1 {
	background:url(../../cloudtips/image/no_01.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 100px 10px 0;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv2 li.n2 {
	background:url(../../cloudtips/image/no_02.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 100px 10px 0;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv2 li.n3 {
	background:url(../../cloudtips/image/no_03.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 100px 10px 0;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 
.cloudtips02 .sv2 li.n4 {
	background:url(../../cloudtips/image/no_04.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 100px 10px 0;
	float:left;
	color:#33558f;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
} 


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


.cloudtips02 .sv2 {
	width:100%;
	margin:20px 0 0 0;
	
}

.cloudtips02 .sv2 li.n1 {
	background:url(../../cloudtips/image/no_01.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	float:none;
} 
.cloudtips02 .sv2 li.n2 {
	background:url(../../cloudtips/image/no_02.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	float:none;
} 
.cloudtips02 .sv2 li.n3 {
	background:url(../../cloudtips/image/no_03.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	float:none;
} 
.cloudtips02 .sv2 li.n4 {
	background:url(../../cloudtips/image/no_04.gif) no-repeat ;
	padding:0 0 0 35px;
	margin:0 0 10px 0;
	float:none;
} 

.ct3btn {
    background: url("../../cloudtips/image/img_cloudtips03_03.gif") no-repeat;
    background-size:100%;
	margin:0 0 0 0;
}

.ct3btn a {
    width: 100%;
    height: 80px;
    background: url("../../cloudtips/image/img_cloudtips03_03.gif") no-repeat;
    background-size:100%;
    display: block;
    text-indent: -9999px;
}

.ct3btn a:hover {
    background-image: url("../../cloudtips/image/img_cloudtips03_03_o.gif");
    background-size:100%;
}




}




/* case */
.case_txt {
	margin: 0 0 20px 0 ;
	font-size: 20px;
}
.case_icon_01,
.case_icon_02,
.case_icon_03,
.case_icon_04,
.case_icon_05{
	display:block;
	position:relative;
	margin:-40px 0 0 5px;
	color:#ffffff;
	font-weight:bold;
	line-height:1em;
	text-align:center;
	width:140px;
	padding:12px 0 9px;
}
a.noul:link, a.noul:visited{
	text-decoration:none !important;
}
.case_icon_01{background:#6ebe53;}
.case_icon_02{background:#e4891e;}
.case_icon_03{background:#2A4EC8;}
.case_icon_04{background:#DA6277;}
.case_icon_05{background:#3B94F0;}


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

.sec--02 .inner .clearfix .fl{
	width:80%;
	margin:0 auto;
	text-align:center;
}

/* case */
.case_txt {
	margin: 20px 0 20px 0 ;
	font-size: 16px;
}

}




/* softwere */
.logo--01{float:left;width:184px;text-align:left;padding:0 0 0 20px;margin:0;}
.logo--01 img{padding:0 !important;}
.software--01{float:right;width:235px;font-size:12px;}
.software--01 h3{font-weight:bold;font-size:20px;margin:5px 0 5px 0;}
.effect{border:1px solid #00a6e4;padding:2px 8px 0 8px;text-align:center;line-height:20px;font-weight:bold;color:#00a6e4;display:inline-block;}
.logo--02{background:url(../../service/image/img_software_11.png) top right no-repeat ;}
.software--02{border:1px solid #CCC;background-color:#FFF;padding:30px;line-height:27px;}
.software--02 .step{font-size:17px;font-weight:bold;margin:0 0 12px 0;}
.software--02 .step span{background-color:#33b5e7;color:#FFF;display:inline-block;text-align:center;padding:2px 8px 0 8px;margin:0 10px 0 0;}
.software--03 li{text-indent:-15px;padding:0 0 0 10px;margin:2px 0 8px 0;}


/* btn--04 */
a.btn--04 {
	position: relative;
	display: block;
	margin: 10px auto 0;
	padding: 5px 0 4px;
	border-radius: 5px;
	background-color: #dadada;
	color: #000;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
a.btn--04:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 7px;
	height: 13px;
	margin-top: -6px;
	background: url(../image/arw_gray_01.png) no-repeat 0 0;
}

/* btn--05 */
a.btn--05 {
	position: relative;
	display: block;
	margin-top: 10px;
	padding: 5px 0 4px;
	border-radius: 5px;
	background-color: #dadada;
	color: #000;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	width: 300px;
}

a.btn--05:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 9px;
	display: block;
	width: 7px;
	height: 13px;
	margin-top: -6px;
	background: url(../image/arw_gray_01.png) no-repeat 0 0;
}

/* col4 */
.col4 {}
.col4 > .unit {
	float: right;
	width: 450px;
}
.col4 > .unit:first-child {
	float: left;
}

.center{
	text-align:center;
}


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

.logo--01{float:none;width:90%;text-align:center;padding:0 0 15px 0;margin:0 auto;}
.logo--02{background:url(../../service/image/img_software_11.png) bottom right no-repeat ;
padding-bottom:50px;}

.logo--01.pt_10,
.logo--01.pt_50,
.logo--01.pt_60,
.logo--01.pt_70{
padding:0 0 15px !important;
}

.software--01{float:none;width:90%;font-size:12px;margin:0 auto 20%; min-height:auto !important;}

.col4 {}
.col4 > .unit {
	float: none;
	width: 100%;
}
.col4.mt_50{
margin-top:0 !important;
}


.col4 > .unit:first-child {
	float: none;
}

}




.tips_boxWrap{
margin:35px 0;
padding-bottom:10px;
}


.tips_boxWrap .tips_box{
border:2px solid #97daef;
background:#f4f4f4;
padding:20px;
margin-bottom:25px;
position:relative;
}

.tips_boxWrap .tips_box h3{

margin-bottom:15px;
}

.tips_boxWrap .tips_box h3 a{
font-size:17px;
color:#3bc1eb;
font-weight:bold;
position:relative;
margin-left:1.2em;
text-decoration:none;
}

.tips_boxWrap .tips_box p{
padding-right:5em;
font-size:14px !important;
}


.tips_boxWrap .tips_box h3 a:before{
content:"●";
position:absolute;
top:0;
left:-1.2em;
}

.tips_boxWrap .tips_box h3 a:hover{
text-decoration:underline;
}
.tips_boxWrap .tips_box .more{
position:absolute;
right:20px;
bottom:20px;
}

.tips_boxWrap .tips_box .more a{
text-decoration:none;
}

.tips_boxWrap .tips_box .more a:hover{
text-decoration:underline;
}


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

.tips_boxWrap .tips_box p{
padding-right:0;
font-size:14px !important;
}
.tips_boxWrap .tips_box .more{
position:relative;
right:auto;
bottom:auto;
padding:15px 0 0 0;
text-align:right;
}


}






/* responsivle new style */



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

.scroll table{
width:960px !important;
}
.scroll article{
width:960px !important;
}

.scroll{
overflow: auto !important;
padding-bottom:15px;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}


.w630 {
    width: 100%;
}

.responsive .sec--02 {
    margin-top: 30px !important;
}

}