@charset "utf-8";

/*-------
共通パーツ
-------------------------------------------*/
html {
	height:100%;
}
body {
	color:#435868;
	background:#fff;
	font-family:"Lato", Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
	height:100%;
}
body.box-lid-open {
	height:100%;
	overflow:hidden;
}
h1 {
	font-size:2.3125rem;
}
h2 {
	font-size:1.9rem;
	margin-bottom:2.6rem;
}
h3 {
	font-size:1.5rem;
	margin:1.8rem 0;
}
p, ul, ol, dl {
	font-size:1rem;
	line-height:1.7;
}
ul {
	margin-left: 0;
	list-style: none;
}
a, .breadcrumbs a {
	color:#1264a0;
}
.breadcrumbs{
	margin:0 0 3rem 0;
}
.breadcrumbs li{
	text-transform: none;
}
.breadcrumbs li:first-child{
	text-transform: uppercase;
}
hr{
	max-width: 100%;
}
a{
	word-break: break-all;
}
a:hover {
	text-decoration:underline;
	color:#1264a0;
}
.button{
	font-size: 1rem;
}
button, .button {
	position: relative;
	top: 0;
	margin: 0 1rem 1rem 0;
	border-radius: 4px;
	color: #fff !important;
	}
button, .button:not(.secondary) {
	box-shadow: 0 4px #8f7877;
	background: #8f7877;
	background: -moz-linear-gradient(left,  rgb(180,150,149) 20%, rgb(161,131,130) 100%);
	background: -webkit-linear-gradient(left,  rgb(180,150,149) 20%,rgb(161,131,130) 100%);
	background: linear-gradient(to right,  rgb(180,150,149) 20%,rgb(161,131,130) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b49695', endColorstr='#a18382',GradientType=1 );
}
button.alert, .button.alert {
	box-shadow: 0 4px #c0435c;
	background: #ff5a5f;
	background: -moz-linear-gradient(left,  rgb(255,90,106) 20%, rgb(240,36,44) 100%);
	background: -webkit-linear-gradient(left,  rgb(255,90,106) 20%,rgb(240,36,44) 100%);
	background: linear-gradient(to right,  rgb(255,90,106) 20%,rgb(240,36,44) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5a6a', endColorstr='#f0242c',GradientType=1 );
}
button.secondary, .button.secondary,
button.success, .button.success,
button.warning, .button.warning {
	box-shadow: 0 4px #666;
}
button.secondary:hover, .button.secondary:hover{
	background: #ccc;
}
button.hollow, .button.hollow {
	box-shadow: none;
}
button:hover, .button:hover, button:focus, .button:focus {
	top: 2px !important;
	box-shadow: 0 2px #8f7877;
	text-decoration: none;
	opacity: .8;
}
button.alert:hover, .button.alert:hover, button.alert:focus, .button.alert:focus {
	box-shadow: 0 2px #c0435c;
}
button.secondary:hover, .button.secondary:hover, button.secondary:focus, .button.secondary:focus ,
button.success:hover, .button.success:hover, button.success:focus, .button.success:focus ,
button.warning:hover, .button.warning:hover, button.warning:focus, .button.warning:focus {
	box-shadow: 0 2px #666;
}
button.hollow:hover, .button.hollow:hover, button.hollow:focus, .button.hollow:focus, button.menu-icon {
	top: 0 !important;
	box-shadow: none;
}
.btn_wrap {
	margin:2rem auto;
}
.row {
	max-width:1045px;
}
.small {
	font-size:80%;
}
a.link_arrow {
	background:url(/img/icon_arrow.png) no-repeat left 0.13rem;
	padding:0 0 0 0.7rem;
}
a.blank:after, a.pdf:after {
	vertical-align: middle;
	margin-left: 2px;
}
a.blank:after {
	content: url(/img/icon_blank.png);
}
a.blank.button:not(.hollow):after {
	content: url(/img/icon_blank-white.png);
}
a.pdf:after {
	content: url(/img/icon_pdf.gif) !important;
}
/* リスト */
.list-disc li {
	list-style: none;
	padding-left:1rem;
	text-indent:-1rem;
}
.list-disc li:before {
	display: inline-block;
	width: .5em;
	height: .5em;
	margin-right:.5em;
	vertical-align:.1em;
	background: #999;
	border-radius: 50%;
	content:'';
}
.list-disc ul {
	margin-left: 0.2rem;
}
/* 注意書き */
.text-note {
	color: #5f646c;
	margin-left: 0;
}
p.text-note, .text-note li {
	font-size: 0.7rem;
}
.text-note li {
	list-style: none;
	text-indent:-1em;
	padding-left:1em;
}
.text-note li.num {
	list-style: none;
	text-indent:-1.5em;
	padding-left:1.5em;
}
.about_tit{
	display: flex;
	justify-content:center;
	flex-wrap: wrap;
	padding-bottom: 20px;	
}
.about_tit > img{
	height: 46px;
	margin-right: 1rem;
}
@media screen and (max-width: 39.9375em) {
	.about_tit{
		gap:.5rem;
		margin-top: 1.5rem;
	}
	/*.about_tit > img{
		margin-right: 0;
	}*/
}

/*改行---*/
.br {
	display:none;
}
@media only screen and (max-width:769px) {
.br_pc {
	display:none;
}
.br {
	display:inline;
}
}
.mb3 {
	margin-bottom:3rem;
}

/* blankアイコン */
.targetblank::after{
	content:url('/img/icon_blank-gray.png');
	/*
	position:relative;
	top:0.15rem;
	*/
	margin-left:0.4rem;
}

/* Visibility Classes */
.hide {
  display: none !important; }

.invisible {
  visibility: hidden; }

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: -0.0625em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

/*-------
SaaSヘッダー
---------------------------------------------*/
.saas_header {
	padding:0 0.5rem;
	margin:0 1rem;
	border-bottom:1px solid #bbb;
}
.saas_header, .saas_header ul {
	background:#fff;
	color:#555;
}
.saas_header a {
	color:#555;
}
@media screen and (min-width:0em) and (max-width:39.9375em) {
.saas_header {
	display:none;
}
}
.top-bar, .top-bar ul{
	background: #fff;
}

.top-bar{
	padding-top: 0;
}
/*-------
グローバルナビ
---------------------------------------------*/
.global-header {
	width: 100%;
	position: relative;
	background:#fff;
	z-index: 1;
}
.global-header-inner {
	background-color: #fff; }
.global-header + hr{
	margin-top: 1.9rem;
	}
.gnav, .subnav {
	padding-bottom:0;
}
.gnav .logo {
	font-size: 1rem;
}
.gnav .logo a{
	font-size: 20px; 
	color: #435868;
	}
.subnav .logo {
	margin-top: -0.3rem;
}
.gnav p, .subnav p {
	margin-bottom: 0;
}
.menu > li{
	margin:1.1rem 0;
	padding-left:.2rem;
	}
.menu > li:not(:last-child){
	padding-right:.2rem;
	border-right:1px solid #435868;
	}
.menu > li > a {
	padding:0 .5rem;
	color: #1264a0;
	font-size: 1rem;
	}
@media only screen and (max-width:768px) {
	.menu > li > a {
		font-size: .875rem;
	}
}
.menu > li > a[target="_blank"]::after {
	content: url("/img/icon_blank-gray.png");
	margin-left: 0.4rem;
	position: relative;
}
.subnav {
	position: relative;
	/*
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	*/
	z-index: 1;
}
/* 固定時の設定 */
.fixed .global-header {
	position:fixed;
	left:0;
	z-index:998;
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
}
.fixed .gnav {
	padding:0;
}
.fixed .gnav .top-bar-right {
}
.fixed .gnav .logo {
	display: block;
padding: .4rem 1rem 0 4.7rem;
}
/* アニメーション */
.fixed .global-header {
	top: 29px;
	animation: slide-down 0.5s;
}
@keyframes slide-down {
 0% {
top:0;
}
 100% {
top: 29px;
}
}
/* ナビの現在地表示 */
.gnav a.active, .subnav a.active {
	text-decoration: underline;
	}
@media screen and (min-width:0em) and (max-width:39.9375em) {
.gnav, .gnav ul {
	background:#333;
}
.gnav {
	padding:0;
}
.gnav .menu {
	width: 100%;
}
.gnav .menu li {
	display: block;
	outline:none;
	width: 100%;
	margin:0;
}
.gnav .menu a {
	color:#fff;
	padding: .8rem .8rem;
	display: block;
}
.is-accordion-submenu-parent[aria-expanded="true"] > a::after{
	content: '-';
}
.gnav .menu a[target="_blank"]::after {
	content: url("/img/icon_blank-gray.png");
	margin-left: 0.4rem;
	position: relative;
	top: 0.15rem;
}
.is-accordion-submenu-parent > a{
	position: relative;
}
.is-accordion-submenu-parent > a::after {
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	top: 50%;
	right: .5rem;
	color: #eee;
	background: #616261;
	text-align: center;
	border-radius: 50%;
	line-height: 18px;
	font-size: 1.4rem;
	content: '+';
	}
.title-bar .menu-icon{
	margin-right: 10px;
	top: 6px !important;
	background: #000;
}
.top-bar .top-bar-left{
	display: none;
}

.global-header, .fixed .global-header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
}
.fixed .global-header {
	animation:none;
}
.fixed .gnav .logo {
	display: none;
}
.fixed .gnav .top-bar-right {
	padding: 0;
}
}

/*-------
トップロゴ
---------------------------------------------*/
.header_logo {
	margin:1rem auto;
}
@media screen and (min-width:0em) and (max-width:39.9375em) {
.header_logo {
	margin:4rem auto 1rem;
}
}

.fill_gray{background:#f6f6f6;}
.glay-breadcrumbs{background:#f6f6f6;padding:7px;border-radius:3px;}



/*bg-pink*/
.bg-pink {
	padding:4rem 0;
	background: #faf4f3;
background: -webkit-linear-gradient(left, rgb(250,244,243) 0%, rgb(246,233,232) 100%);
background: -o-linear-gradient(left, rgb(250,244,243) 0%, rgb(246,233,232) 100%);
background: linear-gradient(to right, rgb(250,244,243) 0%, rgb(246,233,232) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf4f3', endColorstr='#f6e9e8',GradientType=1 );
}


/*serviceLineup--------------------------------*/

.navi_service li {
	width: 11.2rem;
	float: left;
	display: block;
	border-radius: .2rem;
	background: rgb(248,38,88) url(/img/service/ico_navi_arrow.png) no-repeat center 2.2rem;
	background:  url(/img/service/ico_navi_arrow.png) no-repeat center 2.2rem,linear-gradient(135deg,  rgb(248,38,88) 0%,rgb(223,2,116) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f82658', endColorstr='#df0274',GradientType=1 );
	margin-right: .8rem;
}
	.navi_service li:first-child{
		margin-left: 2.3rem;
	}
.navi_service li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: .7rem 0 .7rem 0;
}

.navi_service li a.navi_security {
	background: url(/img/service/ico_navi_security.png) no-repeat .5rem center;
	padding-left:3.5rem;
}
.navi_service li a.navi_backup {
	background: url(/img/service/ico_navi_backup.png) no-repeat .5rem center;
	padding-left:2.5rem;
}
.navi_service li a.navi_mail {
	background: url(/img/service/ico_navi_mail.png) no-repeat .5rem center;
	padding-left:3rem;
}
.navi_service li a.navi_promo {
	background: url(/img/service/ico_navi_promo.png) no-repeat .5rem center;
	padding-left:2.5rem;
}
.navi_service li a.navi_business {
	background: url(/img/service/ico_navi_business.png) no-repeat .5rem center;
	padding-left:4rem;
}

.navi_service li a.navi_security:hover,
.navi_service li a.navi_backup:hover, 
.navi_service li a.navi_mail:hover, 
.navi_service li a.navi_promo:hover, 
.navi_service li a.navi_business:hover {
	background-color: rgba(255, 255, 255, 0.4);
}

.serviceLineup .tit_security,
.serviceLineup .tit_backup,
.serviceLineup .tit_promo,
.serviceLineup .tit_mail,
.serviceLineup .tit_business{
	text-align: center;
	font-size: 1.6rem;
	
}

@media only screen and (max-width:769px) {
	.navi_service {
		margin-left: 2rem;
		margin-right: 0;
	}
	.navi_service li {
		width: 10rem;
		margin-right: .5rem;
		margin-bottom: .5rem;
		font-size: 0.9em;
	}
	.serviceLineup_inner {
		border: none !important;
	}
	.serviceLineup_inner .large-6 + .large-6 {
		border:none !important;
	}
	.serviceLineup .columns {
		padding:0rem 3rem !important;
	}
	.serviceLineup_inner  .category {
		padding-top: 3rem !important;
	}
}



.serviceLineup .tit_security span {
	padding-left: 2.5rem;
	padding-right: 1.8rem;
	background: url(/img/service/ico_security.png) no-repeat left center;
}
.serviceLineup .tit_backup span {
	padding-left: 2.5rem;
	padding-right: 1.8rem;
	background: url(/img/service/ico_backup.png) no-repeat left center;
}
.serviceLineup .tit_promo span {
	padding-left: 2.5rem;
	padding-right: 1.8rem;
	background: url(/img/service/ico_promo.png) no-repeat left center;
}
.serviceLineup .tit_mail span {
	padding-left: 2.5rem;
	padding-right: 1.8rem;
	background: url(/img/service/ico_mail.png) no-repeat left center;
}
.serviceLineup .tit_business span {
	padding-left: 2.5rem;
	padding-right: 1.8rem;
	background: url(/img/service/ico_business.png) no-repeat left center;
}
.serviceLineup_inner {
	border-top:#bbb 1px solid;
}
.serviceLineup .columns {
	/*padding:6rem 3rem 4rem;*/
}
.serviceLineup .category {
	padding:3rem 0 0 2rem !important;
	min-height: 21rem;
}
	.serviceLineup .category:nth-child(odd) {
		border-right:#bbb 1px solid;
	}
.serviceLineup .link_service {
	display: block;
	border:solid 1px #bbbbbb;
	border-radius: .2rem;
	padding: .3rem 1rem;
	text-align: center;
	font-size: .7rem;
	line-height: 1em;
	margin-bottom: 1rem;
	color:#333;
	text-decoration: none;
}
.serviceLineup .link_service:hover {
	background: #fef3f7;
}

.serviceLineup .link_service img {
	width: 90%;
}
.serviceLineup .columns:nth-child(odd) {
	/*border-right:#bbb 1px solid;*/
}
.serviceLineup h2 {
	margin-bottom:1.3rem;
}
.serviceLineup h2 .subheader {
	min-height:4.0rem;
	color:#333;
}
/*.serviceLineup .columns:nth-child(even) h2 .subheader { padding-top:1.5rem; }*/
.serviceLineup h2 img {
	width:80%;
	height:auto;
}
.serviceLineup .list-sesrvice {
	margin:0 4rem 2rem;
}
.serviceLineup .list-sesrvice li {
	border-bottom: solid 1px #bbb;
	padding:0.5rem 0 0.5rem 1rem;
	background:url(/img/service/ico_point.png) no-repeat 1rem center;
}
.serviceLineup .list-sesrvice li:first-child {
	border-top: solid 1px #bbb;
}
.serviceLineup .button {
	padding-left: 2rem;
	padding-right: 2rem;
}
@media only screen and (max-width:768px) {
.serviceLineup .columns:nth-child(odd) {
	border-right:none;
}
.serviceLineup .columns {
	padding:3rem 3rem 1rem;
}
.serviceLineup h2 .subheader {
	min-height:auto;
	margin-bottom:0;
	color:#333;
}
.serviceLineup_inner .large-6 + .large-6 {
	border-top:#bbb 1px solid;
}
.serviceLineup .category {
	min-height: 0;
	}
}

	/*subNav*/
.serviceSubNav {
	margin-bottom:1rem;
	border-top:#bbb 1px solid;
	border-bottom:#bbb 1px solid;
	text-align:center;
}
.fixed .serviceSubNav {
	position:fixed;
	top:29px;
	left:0;
	width:100%;	
	padding-left:64px;
	background:#fff;
	box-sizing:border-box;
	z-index:1;
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	animation: slide-down 0.5s;
}
.serviceSubNav .serviceLogo {
	display:none;
}
.fixed .serviceSubNav .serviceLogo {
	display:block;
	float:left;
	width:auto;
	text-align:left;
margin-top: .7rem;
}
.fixed .serviceSubNav .serviceLogo img {
	width:auto;
	height:32px;
}
.kogeki .fixed .serviceSubNav .serviceLogo img {
	margin:0.75em 0 0 0;
}
.fixed .serviceSubNav .serviceSubNavInner {
	float:right;
	width:70%;
	text-align:right;
}
.serviceSubNav ul {
	margin:0;
	padding:0;
}
.fixed .serviceSubNav ul {
	float: right;
	margin-right:0.75rem;
}
 @media only screen and (max-width:768px) {
.fixed .serviceSubNav {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding-left:0;
	background:#fff;
	box-sizing:border-box;
}
}
.serviceSubNav li {
	display:inline-block;
	padding:1.0rem;
	box-sizing:border-box;
}
.serviceSubNav li.active {
	border-bottom:#1264a0 2px solid;
}
.serviceSubNav .sub {
	display: none;
}
@media only screen and (max-width:768px) {
.serviceSubNav {
	padding-bottom:1rem;
}
.serviceSubNav li {
	display:inline-block;
	padding:1.0rem 1.0rem 0;
	box-sizing:border-box;
}
.serviceSubNav li.active {
	border-bottom:none;
}
}
/*sp-ServiceNav*/
.sp-ServiceNav {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	width:100%;
	margin:0;
	padding:0;
}
.sp-ServiceNav .top-bar {
	padding:0;
	background:none;
}
.sp-ServiceNav button.menu-icon {
	position:absolute;
	top:0 !important;
	right:0;
	margin-top:1.0em;
	background:#000;
}
.sp-ServiceNav button.menu-icon::after{
	background: #fff;
	box-shadow: 0 7px 0 #fff, 0 14px 0 #fff;
}
.sp-ServiceNav .title-bar {
	padding:0;
	border-bottom:#bbb 1px solid;
	color:#000 !important;
}
.kogeki .service-logo {
	padding:0.5em 0;
	background:rgba(255,255,255,1.0);
	box-sizing:border-box;
}
.kogeki .service-logo img {
	width:auto;
	height:30px;
}
.sp-ServiceNav .top-bar-section {
	width: 100%;
	border-top: 1px solid #bbb;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.15);
}
.sp-ServiceNav .top-bar-section ul {
	margin-bottom: 0;
	background:#fff;
}
.sp-ServiceNav .top-bar-section li {
	border-bottom:#bbb 1px solid;
}
.sp-ServiceNav .top-bar-section li.line {
	border-bottom:#999 1px solid;
}
.sp-ServiceNav .top-bar-section li a {
	display: block;
	color:#000;
	background:none;
	padding: 0.8rem 0.8rem;
}
.service-logo {
	background:#fff;
	box-sizing: border-box;
    padding: 0.5em 0;
}
.service-logo img {
    height: 30px;
    width: auto;
}

.serviceSubNavFixed {
	margin:0 !important;
	padding:0 !important;
	text-align:center;
}
.serviceSubNavFixed li {
	display:inline-block;
	padding:1.0rem;
	box-sizing:border-box;
}
.serviceSubNavFixed li.active {
	border-bottom:#1264a0 2px solid;
}
@media only screen and (max-width:768px) {
.serviceSubNavFixed {
	padding-bottom:1rem;
}
.serviceSubNavFixed li {
	display:inline-block;
	padding:1.0rem 1.0rem 0;
	box-sizing:border-box;
}
.serviceSubNavFixed li.active {
	border-bottom:none;
}
}
.serviceDetail {
}
.serviceDetailIntro {
	min-height:350px;
	padding-top:2.0rem;
	box-sizing:border-box;
}
.serviceDetailIntro.mini {
	min-height:155px;
	padding-top:2.0rem;
}
.kogeki .serviceDetailIntro {
	background:#eee url('/img/service/ips-waf/service_kogeki_visual.png') no-repeat right center;
	background-size:auto 360px;
}
.serviceDetailIntroInner .subheader {
	color:#444;
	font-size:0.9rem !important;
}
.serviceDetailIntroInner .lead {
	line-height:1.6;
	font-size:1.3rem;
	font-weight:600;
}
.serviceDetailIntro .button.alert {
	margin:1.5rem 0 2rem;
}
.serviceDetailIntro.mini h1 img {
	width: 280px;
	height: 54px;
}
@media only screen and (max-width:768px) {
.serviceDetailIntro {
	margin-top:2rem;
}
.kogeki .serviceDetailIntro {
	padding-bottom:0;
	background:none;
}
.serviceDetailIntro.mini {
	margin-bottom: 1rem;
	border-bottom: 1px solid #bbb;
}
.kogeki .serviceDetailIntro .columns:nth-child(2) {
	position:relative;
	overflow:hidden;
	height:auto;
	background:none;
}
.kogeki .serviceDetailIntro .service-visual {
	max-width:inherit !important;
	width:120% !important;
	margin:-80px 0 0 -20%;
}
.serviceDetailIntro h1 img {
	zoom:0.75;
}
/*.serviceDetailIntro.mini h1 img {
	zoom:0.749;
}*/
}


.section{border-bottom:1px solid #ccc;padding:4rem 0 4rem;}
.contents_wrap .section:first-child{padding-top:0rem;}
.contents_wrap .section:last-child{border-bottom:0;}
.service_top{margin-top:3rem;}



.label_new{background:#ff5a5f;color:#fff;font-size:10px;padding:2px 5px;border-radius:2px;margin-left:5px;}
.label_event{background:#f5b902;color:#fff;font-size:10px;padding:2px 5px;border-radius:2px;margin-left:5px;}
.label_learn{background:#f17d3d;color:#fff;font-size:10px;padding:2px 5px;border-radius:2px;margin-left:5px;}



/* 印刷用の調整
---------------------------------------------------------- */
@media print {
	body{
		background:transparent;
		}
	.global-header,.box-lid-menu,#foot,#cloud_header,#gmocommonheader,.gmoGroupFooter,#gmocommonfooter{
		display:none;
		}
	/* 印刷時にURLを非表示に */
	a[href]:after,abbr[title]:after {
		content: "" !important;
		}
	/* スクロールテーブルが切れるので調整 */
	table.scroll{
		overflow-x:visible;
		}
}





/*-------
フッター
---------------------------------------------------------------------------------------------------------------------------------------*/
.foot {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	color:#fff;
	background: #363636;
}
.foot a {
	color:#fff
}
.foot,
.foot dt,
.foot p{
	font-size:0.688rem;
}
.footNav {
	margin-bottom:2rem;
}
.footNav dt {
	font-weight:bold;
	font-size:0.688rem;
}
.footCorp{
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
.footCorp ul{
	display: flex;
	margin-bottom: 0;
	gap: 1rem;
	justify-content: center;
}
.footCorp > p{
	margin-bottom: 0;
	text-align: center;
}
.footSeal{
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
	gap:10px;
	justify-content: center;
}
.foot li {
	background:url(/img/icon_foot_arrow.png) no-repeat left 0.3rem !important;
	margin-right:0.5rem;
	margin-bottom:0.2rem;
	padding-left:0.7rem;
	font-size:0.688rem;
}
.foot li a[target="_blank"]:after {
	content:url('/img/icon_blank-gray.png');
	position:relative;
	top:0.15rem;
	margin-left:0.4rem;
}
.footNav .label{
	padding: 4px 4px;
	font-size: 10px;
	color: #fff;
	}
.foot .ir{
	padding-top: 1rem;
}
.foot .ir .sitelock_verify{
	margin-right: 20px;
}
.foot .ir .sitelock_verify img{
	height: 57px;
}

.foot .media-object{
	margin-bottom: 0;
}
@media screen and (min-width: 39.9375em) and (max-width:768px) {
	.foot{
		padding-left: 1rem;
		padding-right: 1rem;
	}	
}
@media screen and (max-width: 39.9375em) {
	.footCorp{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.footCorp > p{
		text-align: left;
	}
	.footCorp ul{
		gap:0;
	  flex-direction: column;
	}	
	.foot .ir .columns{
		padding-bottom: 1rem;
	}
	.foot .ir .sitelock_verify{
		margin-right: 0;
	}
}

/*
.footInfo {
}
.footInfo p, .footInfo li {
	font-size:0.7rem;
}
.footInfo li {
	background:url(/img/icon_foot_arrow.png) no-repeat left 0.3rem !important;
	margin-right:0.5rem;
	padding-left:0.7rem;
}
.footInfo li a[target="_blank"]:after {
	content:url('/img/icon_blank-gray.png');
	position:relative;
	top:0.15rem;
	margin-left:0.4rem;
}
.footInfo .isms img{
	float:left;
	margin:0 .5rem;
}
#pagetop {
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;
	padding:0;
	margin:0;
}
.fixed #pagetop {
	display: block;
}
#pagetop a {
	background:transparent;
	display:block;
	height:60px;
	width:60px;
	opacity:0.5;
}
#pagetop a:hover {
	background:transparent;
	animation:opacity 1s both;
	border:0;
}
@keyframes opacity {
 100% {
opacity:1;
}
}
@media only screen and (max-width:768px) {
.fixed #pagetop {
	display: none;
}
}
*/
.gmoGroupFooter {
	border-top:0 !important;
}
.gmoGroupFooter .gmoGroupFooter_relatedservicelist ul li, .gmoGroupFooter .gmoGroupFooter_relatedservicelist dl {
	font-size:10.5px !important;
}
/*20160328add*/
#gmocommonfooter {
	clear:both;
}
#cloud_header {
	padding-left:45px;
	box-sizing:border-box;
}
.subheader {
	display:block;
	margin-bottom:1rem;
	font-size:1.1rem !important;
}

/* ニュース掲載　index_headline */
.index_headline {
	}
.index_headline > li{
	padding:.5em 0;
	border-bottom:1px solid #c5e8ff;
	}
.index_headline .label{
	border-radius: 2px;
	text-align: center;
	}
.index_headline .category{
	margin:0 .5em;
	font-size: .75rem;
	background: #fff;
	color: #24a6d5;
	}
.index_headline .service-web{color: #327ab8;}
.index_headline .service-security{color: #d5507c;}
.index_headline .service-sales{color: #24a6d5;}
.index_headline .service-mail{color: #ef8800;}
.index_headline .service-improve{color: #56bb62;}
.index_headline .new{
	display:none;
	font-size: .82rem;
	background: #f2b700;
	color: #fff;
	}
.index_headline .new.show{
	display: inline-block;
	}
.index_headline .link{
	display: block;
	}
.pagination .current{
	background: #363636;
}
@media screen and (min-width: 64em) {
	.index_headline > li{
		padding:2em;
		}
	.index_headline .category{
		margin:0 1em;
		padding:.5rem 0;
		min-width: 15em;
		}
	.index_headline .new{
		min-width: 6em;
		padding:.4rem 0;
		}
	.index_headline .link{
		margin-top:1em;
		font-size:1rem;
		}
	.index_headline + p{
		font-size:1rem;
		margin-bottom:5rem;
	}
	.index_headline + p > a{
			background-position: 0 50%;
	}
}

.gmoBannerBox img{
	width: 234px;
	height: 60px;
}

.cookie_banner p{font-size: 12px;}