@charset "utf-8";
#content {
	padding-top: 1rem;
}
@media screen and (max-width:640px) {
	#content {
		padding: 0 1rem 1rem;
	}
}
#header_nav_in li.header_nav05 a{
	background-color: #000;
	color: #FFF;
}


.img_area a{
	display: block;
}
.img_09_01{
	width: 90%;
	margin: 0;
}
@media screen and (max-width:640px) {
	.img_09_01{
		width: 90%;
		margin: 1rem auto 4rem;
	}
}
.img_09_02{
	width: 100%;
	margin: 0 auto;
}
@media screen and (max-width:640px) {
	.img_09_02{
		width: 90%;
		margin: 1rem auto 4rem;
	}
}
.img_09_03{
	width: 80%;
	margin: 2rem auto;
}
@media screen and (max-width:640px) {
	.img_09_03{
		width: 100%;
		margin: 1rem auto;
	}
}
.img_09_04{
	width: 90%;
	margin: 2rem auto;
}
@media screen and (max-width:640px) {
	.img_09_04{
		width: 100%;
		margin: 1rem auto;
	}
}
.img_09_05{
	width: 100%;
	margin: 2rem auto;
}
@media screen and (max-width:640px) {
	.img_09_05{
		width: 100%;
		margin: 1rem auto;
	}
}
.img_09_06{
	width: 80%;
	margin: 2rem auto;
}
@media screen and (max-width:640px) {
	.img_09_06{
		width: 100%;
		margin: 1rem auto;
	}
}
.img_09_07{
	width: 80%;
	margin: 2rem auto;
}
@media screen and (max-width:640px) {
	.img_09_07{
		width: 100%;
		margin: 1rem auto;
	}
}
.img_09_08{
	width: 70%;
	margin: 2rem auto 4rem;
}
@media screen and (max-width:640px) {
	.img_09_08{
		width: 100%;
		min-width: 500px;
		margin: 1rem auto;
	}
}
.img_09_09{
	width: 100%;
	margin: 2rem auto 4rem;
}
@media screen and (max-width:640px) {
	.img_09_09{
		width: 100%;
		margin: 1rem auto;
	}
}



.ggray_title{
	color: #44546A;
	font-size: 1.8rem;
	text-align: left;
}
.soft_table{
	width: 100%;
	min-width: 600px;
	margin: 0 0 3rem;
}
.soft_table tr{
	border-top: 1px solid #4472C4;
	border-left: 1px solid #4472C4;
}
.soft_table th,
.soft_table td{
	border-bottom: 1px solid #4472C4;
	border-right: 1px solid #4472C4;
	vertical-align: middle;
	display: table-cell;
}
.soft_table th{
	font-weight: bold;
}
.soft_table th,
.soft_table td,
.soft_table span,
.soft_table li,
.soft_table a{
	font-size: 1.6rem;
	text-align: left;
}
.soft_table a{
	text-decoration: underline;
}
.soft_table th.th_blue{
	background: #4472C4;
	color: #FFF;
}
.soft_table td.td_blue{
	background: #FFF;
	color: #000;
}
.soft_table .th_b_blue{
	background: #DAE3F3;
	color: #4472C4;
}

.gray_list_box{
	border: 1px solid #4472C4;
	background: #F2F2F2;
	padding: 1rem;
}
.gray_list_box h4{
	display: inline-block;
	font-size: 1.6rem;
	color: #4472C4;
	text-decoration: underline;
}
.gray_list_box .list_outer{
	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;
}
.gray_list_box .list_outer .list_box_left{
	width: 60%;
}
.gray_list_box .list_outer .list_box_right{
	width: 30%;
}
@media screen and (max-width:640px) {
	.gray_list_box .list_outer .list_box_left,
	.gray_list_box .list_outer .list_box_right{
		width: 100%;
	}
}
.gray_list_box li{
	font-size: 1.4rem;
	color: #4472C4;
	font-weight: bold;
}

.platform_table{
	width: 100%;
	min-width: 600px;
	margin: 0 0 3rem;
}
.platform_table tr{
	border-top: 1px solid #4472C4;
	border-left: 1px solid #4472C4;
}
.platform_table th,
.platform_table td{
	border-bottom: 1px solid #4472C4;
	border-right: 1px solid #4472C4;
	vertical-align: middle;
	display: table-cell;
}
.platform_table th{
	font-weight: bold;
}
.platform_table th,
.platform_table td,
.platform_table span,
.platform_table li,
.platform_table a{
	font-size: 1.6rem;
	text-align: left;
}
.platform_table a{
	text-decoration: underline;
}
.platform_table th.th_blue{
	background: #4472C4;
	color: #FFF;
}
.platform_table td.td_blue{
	background: #FFF;
	color: #000;
}
.platform_table .th_b_blue{
	background: #DAE3F3;
	color: #4472C4;
}
/*
.green_area{
	background: #E2F0D9;
}
.green_area h5{
	padding: 0.5rem 1rem;
	background: #92D050;
	color: #FFF;
	text-align: left;
	font-size: 2rem;
}
.green_area p{
	color: #70AD47;
	font-size: 1.8rem;
	font-weight: bold;
}
.green_area .in_block{
	background: rgba(255,255,255,0.75);
	margin: 0 1rem 1rem;
	padding: 1rem;
	
}
.green_area .in_block p{
	color: #000;
	font-weight: normal;
}
.green_area  .view_more1{
	color: #FFF;
	background: #92D050;
	font-size: 1.8rem;
	width: calc(100% - 2rem);
	margin: 0 auto 2rem;
	padding: 1rem;
}
.green_area  .view_more1 .view_more_btn{
	text-align: right;
	
}
.green_area  .view_more1 .view_more_btn .img_view_more{
	width: 50%;
	display: inline-block;
}

 .view_more2{
	color: #4472C4;
	background: #D6DCE5;
	font-size: 1.8rem;
	width: calc(100% - 2rem);
	margin: 0 auto 2rem;
	padding: 1rem;
	font-weight: bold;
}
 .view_more2 .view_more_btn{
	text-align: right;
	width: 50%;
	display: inline-block;
	margin-left: 50%;
}


.blue_area{
	background: #DAE3F3;
}
.blue_area h5{
	padding: 0.5rem 1rem;
	background: #8FAADC;
	color: #FFF;
	text-align: left;
	font-size: 2rem;
}
.blue_area p{
	color: #4472C4;
	font-size: 1.8rem;
	font-weight: bold;
}
.blue_area .in_block{
	background: rgba(255,255,255,0.75);
	margin: 0 1rem 1rem;
	padding: 1rem;
}
.blue_area .in_block p{
	color: #000;
	font-weight: normal;
}
.blue_list_box{
	width: calc(100% - 2rem);
	margin: 0 auto 2rem;
}
.blue_list_box h4{
	padding: 0.5rem 1rem;
}

.point_area .point_text .point_flex .point_flex_box .section_block .bubble_area .in_img{
	width: 45%;
	padding: 1rem;
} 
.point_area .point_text .point_flex .point_flex_box .section_block .bubble_area .in_text{
	width: 55%;
}
.ontaplist_table{
	width: 100%;
	min-width: 900px;
	margin: 0 0 3rem;
}
.ontaplist_table tr{
	border-top: 1px solid #002060;
	border-left: 1px solid #002060;
}
.ontaplist_table th,
.ontaplist_table td{
	border-bottom: 1px solid #002060;
	border-right: 1px solid #002060;
	vertical-align: middle;
	display: table-cell;
}
.ontaplist_table th,
.ontaplist_table td,
.ontaplist_table span,
.ontaplist_table li{
	font-size: 1.6rem;
	text-align: left;
}
.ontaplist_table th{
	background: #4472C4;
	color: #FFF;
	font-weight: bold;
}
.ontaplist_table th.th_blue{
	background: #002060;
	color: #FFF;
}
.ontaplist_table td.td_blue{
	background: #DAE3F3;
	color: #4472C4;
	font-weight: bold;
}
.ontaplist_table .bluetitle{
	color: #4472C4;
	font-weight: bold;
}
.ontaplist_table .th_b_blue{
	width: 10%;
}
.ontaplist_table a{
	text-decoration: underline;
}
.data_write{
	margin: 3rem 0;
}
.gray_os_block{
	background: #D6DCE5;
	width: 96%;
	padding: 1rem;
	margin: 1rem auto;
}
.gray_os_block h4{
	color: #44546A;
	background: transparent;
	border: 0;
	font-size: 2rem;
}
.matrix_table{
	width: 100%;
	min-width: 600px;
	margin: 1rem auto;
}
.matrix_table th,
.matrix_table td{
	font-size: 1.4rem;
	text-align: center;	
}
.matrix_table th{
	font-weight: bold;
}
.matrix_table th.th_blue{
	background: #44546A;
	color: #FFF;
	text-align: center;
	border-right: 1px solid #8497B0;
}
.matrix_table th.th_b_blue{
	background: #ADB9CA;
	color: #44546A;
	text-align: center;
	border-right: 1px solid #8497B0;
}
.matrix_table .left_b{
	border-left: 1px solid #44546A;
}
.matrix_table .right_b{
	border-right: 1px solid #44546A;
}
.matrix_table .bottom_b{
	border-bottom: 1px solid #44546A;
}
.matrix_table td{
	background: #FFF;
	color: #44546A;
}
*/

.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: 2rem 2rem;
	margin: 2rem auto 0;
}
.point_bottom p{
	font-size: 2.2rem;
	font-weight: bold;
	color: #4472C4;
}
.point_bottom a{
	width: 20%;
	display: block;
}
@media screen and (max-width:640px) {
	.point_bottom a{
		width: 80%;
		margin: 1rem auto;
	}
}


.anchor_link {
	margin-top: -50px;
	padding-top: 60px;
}



.sp-only {
  display: none;
}

@media screen and (max-width: 640px) {
  .sp-only {
    display: inline;
  }
}


/*
.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;
}
	*/