@charset "utf-8";
#content {
	padding-top: 1rem;
}
@media screen and (max-width:640px) {
	#content {
		padding: 0 1rem 1rem;
	}
}
#header_nav_in li.header_nav03 a{
	background-color: #000;
	color: #FFF;
}
#header_nav_in .sub_nav_in li.sub03_01 a{
	background: #FFF;
	position: relative;
	border-radius: 0.5rem;
	color: #44546A;
}
#header_nav_in .sub_nav_in li.sub03_01 a::after{
	content: "";
	position: absolute;
	border: 1rem solid transparent;
	border-top: 1.5rem solid #FFF;
	left: 50%;
	top: 100%;
	transform:translateX(-50%);
}

.img_03_01_03{
	width: 80%;
	margin: 2rem auto 0;
}
.img_03_01_04{
	width: 80%;
	margin: 1rem auto 0;
}
.img_03_01_05{
	width: 80%;
	margin: 5rem auto 0;
}
.img_03_01_06{
	width: 80%;
	margin: 1rem auto 0;
}
.img_03_01_07{
	width: 80%;
	margin: 2rem auto 0;
}
.img_03_01_08{
	width: 80%;
	margin: 2rem auto 0;
}
.img_03_01_09{
	width: 30%;
	margin: -1rem auto 0;
}
.img_03_01_10{
	width: 60%;
	margin: -2rem 10% 0 30%;
}
.img_03_02_01{
	width: 55%;
	margin: 1rem 5%;
}
.img_03_02_02{
	width: 40%;
	margin: 1rem 10% 1rem 0%;
}
@media screen and (max-width:640px) {
	.img_03_02_02{
		width: 45%;
	}
}

.img_03_03{
	width: 98%;
	/* margin: 1rem 5%; */
	position: relative;
	display: inline-block;
}

.top-left-link {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #3366cc;
  font-size: 20px;
  font-weight: normal;
  text-decoration: underline;
  font-family: sans-serif;
  /* background-color: rgba(255, 255, 255, 0.7);  */
  padding: 5px;
  border-radius: 4px;
}

.img_03_05{
	width: 100%;
	height: auto;
}

.img_area a{
	display: block;
}
.img_02_01{
	width: 60%;
	margin: 4rem auto 4rem;
}


.strage_table{
	width: 100%;
	min-width: 900px;
	margin-bottom: 3rem;
}
.strage_table a{
	text-decoration: underline;
}
.strage_table td{
	vertical-align: top;
}
.strage_table .white_b_cell{
	background: #ffffff;
	width: 14%;
}
.strage_table .blue_b_cell{
	background: #156082;
	width: 14%;
}
.strage_table .blue_m_cell{
	background: #8497B0;
	color: #FFF;
}
.strage_table .gray_r_cell{
	background: #CCD2D8;
	color: #44546A;
}
.strage_table .blue_r_cell{
	background: #ADB9CA;
	color: #44546A;
}
.strage_table .gray_r_cell{
	background: #CCD2D8;
	color: #44546A;
}
.strage_table .gray_r_cell{
	background: #CCD2D8;
	color: #44546A;
}
.strage_table .gray_rr_cell{
	background: #F2F2F2;
	color: #4472C4;
}
.strage_table .border_dash{
	border-right: 1px dashed #CCD2D8;
	border-bottom: 1px dashed #CCD2D8;
}
.strage_table th{
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	font-weight: bold;
}
.strage_table tr:last-child th{
	border-bottom: 0;
}
.strage_table td{
	font-weight: bold;
}
.strage_table .last_child{
	border-right: 0;
}

.strage_table .font_r_gray{
	color: #D6DCE5;
	font-size: 1.4rem;
}
.strage_table .font_min1{
	font-size: 1.4rem;
}
.strage_table .font_min2{
	font-size: 1.6rem;
}
.strage_table .text_center{
	text-align: center;
}
.strage_table .inline_img{
	display: inline;
	width: auto;
	height: 2.4rem;
}
.strage_table .block_img{
	display: block;
}
.strage_table .ontap_text{
	display: inline-block;
	background:#92D050;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding: 0.3rem 1rem;
	font-size: 1.4rem;
	border-radius: 2rem;
	margin-left: 1rem;
}
.strage_table .santricity_text{
	display: inline-block;
	background-image: linear-gradient(90deg, #8294ff 0%, #c4ccfc 100%);
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	padding: 0.3rem 1rem;
	font-size: 1.4rem;
	border-radius: 2rem;
	margin-left: 1rem;
}
.strage_table .santricity_text.ml-3{
	margin-left: 3rem;
	margin-top: -5rem;
}
.infra_area {
	width: 60%;
	margin: 1rem auto;
}
@media screen and (max-width:640px) {
	.infra_area {
		width: 100%;
		margin: 1rem auto;
	}
}
.infra_area .infra_table{
	width: 100%;
}
.infra_area .infra_table th{
	background: #8497B0;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	border-right: 2px solid #FFF;
	font-weight: bold;
	width: 50%;
}
.infra_area .infra_table th:last-child{
	border-right: 0;
}
.infra_area .infra_table td{
	border-left: 1px dashed #8497B0;
	border-right: 1px dashed #8497B0;
	border-bottom: 1px dashed #8497B0;
	background: #F2F2F2;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
	vertical-align: top;
	padding: 0;
}
.infra_area .infra_table .flex_inner{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	font-size: 2rem;
	padding: 1rem;
}
.infra_area .infra_table td:last-child{
	border-left: 0;
}
.infra_area .infra_table td .text_area{
	width: 30%;
}
.infra_area .infra_table td .text_area a{
	font-size: 1.8rem;
	font-weight: bold;
	text-decoration: underline;
}
.cloud_area{
	width: 60%;
  margin: 2rem auto;
}
@media screen and (max-width:640px) {
	.cloud_area{
		width: 100%;
	}
}
.point_area{
	width: 100%;
}
.point_area h3{
	background-image: linear-gradient(90deg, #4472C4 0%, #2fb7ec 100%);
	border-top: 2px solid #4472C4;
	border-left: 2px solid #4472C4;
	border-right: 2px solid #4472C4;
	color: #FFF;
	padding: 1rem 0;
}
.point_area h3 .img_area{
	display: inline-block;	
}
.point_area h3 span{
	vertical-align: top;
	display: inline-block;
	padding-top: 0.8rem;
	font-size: 2.2rem;
}
.point_area .point_text{
	border: 2px solid #4472C4;
	padding: 1rem;
}
.point_area .point_text .point_flex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.point_area .point_text .point_flex .point_box{
	width: 50%;
	border-right: 1px dashed #8FAADC;
	padding: 0 2rem;
}
.point_area .point_text .point_flex .point_box:last-child{
	border-right: 0;
}
.point_area .point_text .point_flex .point_box .title_area{
	width: 100%;
	border: 0;
	padding: 0.5rem 1rem 0.3rem;
}
.point_area .point_text .point_flex .point_box.left_box .title_area{
	background: #92D050;
	color: #FFF;
	font-size: 1.8rem;
}
.point_area .point_text .point_flex .point_box.right_box .title_area{
	background: #8FAADC;
	color: #FFF;
	font-size: 1.8rem;
}
.point_area .point_text .point_flex .point_box p{
	padding: 1rem 0;
	font-size: 1.6rem;
	height: 100%;
}
.point_area .point_bottom{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	background: #D6DCE5;
	padding: 1rem 2rem;
	margin: 2rem auto 0;
}
.point_area .point_bottom p{
	font-size: 2.2rem;
	font-weight: bold;
	color: #4472C4;
}
.point_area .point_bottom a{
	width: 40%;
	display: block;
}
@media screen and (max-width:640px) {
	.point_area .point_bottom a{
		width: 80%;
		margin: 1rem auto;
	}
}
.anchor_link {
	margin-top: -110px;
	padding-top: 120px;
}
@media screen and (max-width:640px) {
	.anchor_link {
		margin-top: -10px;
		padding-top: 20px;
	}
}
/*
.pager a {
	display: block;
	border: 0.3rem solid #00B0F0;
	background: #F2F2F2;
	color: #00B0F0;
	border-radius: 4rem;
	font-size: 3rem;
	padding: 1rem 2rem;
	width: 100%;
	transition: all 0.3s;
}

.pager a:hover {
	background: #00B0F0;
	color: #FFF;
}
	*/