@charaset "utf-8";

/*Saasとは------------------------------*/
.about_sec{
	margin-top: 40px;
}

.about_sec_con {
	padding:40px 0;
}

/*.fill_blue .about_tit{
	padding-top: 20px;
}*/
.icon_box{
	padding-top: 20px;
	padding-bottom: 20px;
}

.speech-bubble{
  padding: 0.6em;
	position: relative;
	color: #fff;
  background: #88b5df;
  border-radius: 3px;
}

.speech-bubble:after{
	position: absolute;
  content: '';
  top: 100%;
  left: 20px;
  border: 12px solid transparent;
  border-top: 12px solid #88b5df;
  width: 0;
  height: 0;
}

.cloudservice-explain{
	display: flex;
	justify-content:space-between;
	align-self: stretch;
}

.cloudservice-explain_cont{
  padding-top: 2rem;
  padding-bottom: 1rem;
  height: 100%;
	border: 1px solid #cde4f6;
	border-radius: 4px;
}


.cloudservice-explain_cont h4 strong{
	font-size: 2rem;
}

.cloudservice-explain_cont h4.iot{
	text-align: center;
}

.cloudservice-explain_cont h4.iot span{
	font-size: 1rem;
	margin-left: .5rem;
}

.cloudservice-explain_cont .thumnail{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;	
}

.explain{
	margin-bottom: 2rem;
}

.explain li{
	margin-bottom: 1rem;
}

.label{
	padding: .8rem .5rem;
	/*margin-right: 1rem;*/
	color: #88b5df;
	background: #f3f7fa;
  font-weight: 500;
}

.label-for{
	color: #71a8db;
}

.label-for strong{
	font-size: 1.25rem;
}

.label-for small{
	display: block;
  margin-top: 0rem;
}

.service-list li{
	position: relative;
}

.service-list li a{
	display: inline-block;
}

.service-list li a:before{
	content: "";
	position: absolute;
	top:0;
	left: 10%;
	width: 80%;
	height: 2px;	
	background: #edf4fa;
}

.service-list li:last-child:after{
	content: "";
	position: absolute;
	bottom:0;
	left: 10%;
	width: 80%;
	height: 2px;	
	background: #edf4fa;
}

.service-list li a:hover{
	background: #f1f7fb;
}

.service-list li a:hover:before,
.service-list li:hover + li a:before{
	background: #e1edf7;
}

.service-list li:last-child:hover:after{
	background: #e1edf7;
}

.service-list li a img{
	width: 45%;
}

.service-list li a img.agree{
	width: 48%;
}

.service-list li a img.altus{
	width: 60%;
  padding: 0.9rem;
}

.service-list li a img.photon{
	width: 44%;
  padding: 0.7rem;
}

.cloudservice-explain a[target='_blank']:after {
  position: absolute;
  right: 10px;
  bottom: 0;
  content: url(/img/icon_blank-gray.png)!important;
}

.fill_blue{
	background: #f3f7fa;
}

/* large-up */
@media screen and (min-width: 64em) {
	.speech-bubble{
		margin-bottom: 25px;
	}
	
	.medium-down{
		display: none;
	}
	.cloudservice-explain_cont h4.iot{
		text-align: left;
	}
}

/* small-only */
@media screen and (max-width: 39.9375em) {	
	.cloudservice-explain{
		display: inline-block;
	}
	
	.cloudservice-explain > div{
		margin-bottom: 2rem;
	}
	
	.cloudservice-explain > div:last-child{
		margin-bottom: 0;
	}

}




/*.about_text {
	padding:1rem 0;
}

.about_tit sup {
	display: inline-block;
	font-size: 0.6rem;
	left: -10em;
	margin-right: -5em;
	position: relative;
	top: -3.7em;
}
.lead .sup1 {
	display: inline-block;
	font-size: 0.6rem;
	left: -6.6em;
	margin-right: -5.5em;
	position: relative;
	top: -2em;
}
.lead .sup2 {
	display: inline-block;
	font-size: 0.6rem;
	left: -4.2em;
	margin-right: -2.7em;
	position: relative;
	top: -2em;
}
.about_start {
	padding:4rem 0;
}
.bg_pink {
	background: #f2f7fa;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faf4f3', endColorstr='#f6e9e8',GradientType=1 );
	border-top:#bbb solid 1px;
	border-bottom:#bbb solid 1px;
	padding: 3rem 0;
}
.portal_tit {
	padding-top:4rem;
}
.portal_tit sup {
	display: inline-block;
	font-size: 0.6rem;
	left: -5.5em;
	margin-right: -2.5em;
	position: relative;
	top: -3em;
}

.plathome_tit .sup1 {
	display: inline-block;
	font-size: 0.6rem;
	left: -8em;
	margin-right: -5.5em;
	position: relative;
	top: -3em;
}
.plathome_tit .sup2 {
	display: inline-block;
	font-size: 0.6rem;
	left: -5em;
	margin-right: -2.5em;
	position: relative;
	top: -2.7em;
}
h2.what_tit {
	font-size:2.3125rem;
}
.what_tit sup {
	display: inline-block;
	font-size: 0.6rem;
	left: -6em;
	margin-right: -2.5em;
	position: relative;
	top: -3.7em;
}
.what_img {
	background:#fff;
	padding:40px 15px;
}
.what_img .cloud {
	border-left:2px solid #bda5a4;
	padding-left:20px;
	margin-bottom:30px;
}
.what_img .cloud h3 {
	font-size:1.71rem;
	margin:0;
}
.what_img .cloud h3 span {
	font-size:1.17rem;
	font-weight:normal;
	margin-left:10px;
}
.what_img .cloud h3 sup {
	display: inline-block;
	font-size: 0.6rem;
	left: -5em;
	margin-right: -2.7em;
	position: relative;
	top: -2.3em;
}
.what_img .cloud p {
	margin-bottom:0.4rem;
}
.what_img .cloud p span {
	border:solid 1px #999;
	padding:3px 3px;
	font-size:1rem;
	margin-right:10px;
}
.what_img .iot {
	border:solid 1px #bfa8a7;
	padding:15px 30px 0;
}
.what_img .iot h3 {
	font-size:1.71rem;
	margin:0;
}
.what_img .iot h3 span {
	font-size:1.17rem;
	font-weight:normal;
	margin-right:10px;
}
.what_img .iot h3 sup {
	display: inline-block;
	font-size: 0.6rem;
	left: -5em;
	margin-right: -2.7em;
	position: relative;
	top: -2.3em;
}
.what_img .iot p {
	font-size:1rem;
	line-height:1.4;
}
.about_wrap {
	padding:4rem 0;
}
.about_wrap p {
	padding:0 7rem;
}
.about_wrap img {
	margin-bottom:3rem;
}


.lead-text{
	margin-bottom: 100px;
}
.icon_box{
	margin: 50px 0 0;
}
.icon_box:last-child{
	margin-bottom: 100px;
}*/