@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_05 a{
	background: #FFF;
	position: relative;
	border-radius: 0.5rem;
	color: #44546A;
}
#header_nav_in .sub_nav_in li.sub03_05 a::after{
	content: "";
	position: absolute;
	border: 1rem solid transparent;
	border-top: 1.5rem solid #FFF;
	left: 50%;
	top: 100%;
	transform:translateX(-50%);
}

.img_07_01{
	width: 100%;
	margin: 2rem auto 1rem;
}
@media screen and (max-width:640px) {
	.img_07_01{
		width: 100%;
	}
}
.img_07_03{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_04{
	width: 60%;
	margin: 2rem auto 1rem;
}
@media screen and (max-width:640px) {
	.img_07_04{
		width: 90%;
		margin: 2rem auto 1rem;
	}
}
.img_07_05{
	width: 70%;
	margin: 2rem auto 1rem;
}
@media screen and (max-width:640px) {
	.img_07_05{
		width: 90%;
		min-width: 500px;
		margin: 2rem auto 1rem;
	}
}
.img_07_06{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_07{
	width: 90%;
	margin: 2rem auto 1rem;
}
@media screen and (max-width:640px) {
	.img_07_07{
		width: 100%;
		min-width: 600px;
		margin: 2rem auto 1rem;
	}
}
.img_07_07_02{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_07_04{
	width: 50%;
	margin: 2rem auto 1rem;
}
@media screen and (max-width:640px) {
	.img_07_07_04{
		width: 90%;
		margin: 2rem auto 2rem;
	}
}
.img_07_08{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_09{
	width: 60%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_09{
		width: 90%;
		margin: 2rem auto 2rem;
	}
}
.img_07_10{
	width: 65%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_10{
		width: 90%;
		margin: 2rem auto 2rem;
	}
}
.img_07_11 img{
	width: auto;
  height: 5rem;
	margin: 1rem auto;
}
.img_07_12 img{
	width: auto;
  height: 5rem;
	margin: 1rem auto;
}
.img_07_13{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_14{
	width: 70%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_14{
		width: 90%;
		min-width: 600px;
		margin: 2rem auto 2rem;
	}
}
.img_07_15{
	width: 70%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_15{
		width: 90%;
		min-width: 500px;
		margin: 2rem auto 2rem;
	}
}
.img_07_15_3{
	width: 70%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_15_3{
		width: 90%;
		min-width: 500px;
		margin: 2rem auto 2rem;
	}
}
.img_07_15_4{
	width: 70%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_15_4{
		width: 90%;
		min-width: 500px;
		margin: 2rem auto 2rem;
	}
}
.img_07_16{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_17{
	width: 70%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_17{
		width: 80%;
		margin: 2rem auto 2rem;
	}
}
.img_07_18{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_19{
	width: 90%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_19{
		width: 98%;
		margin: 2rem auto 2rem;
	}
}
.img_07_20{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_21{
	width: 90%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_21{
		width: 98%;
		min-width: 600px;
		margin: 2rem auto 2rem;
	}
}
.img_07_22{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_23{
	width: 80%;
	margin: 2rem auto 3rem;
}
@media screen and (max-width:640px) {
	.img_07_23{
		width: 98%;
		margin: 2rem auto 2rem;
	}
}
.img_07_24{
	width: 100%;
	margin: 2rem auto 1rem;
}
.img_07_25{
	width: 80%;
	margin: 2rem auto 5rem;
}
@media screen and (max-width:640px) {
	.img_07_25{
		width: 98%;
		margin: 2rem auto 2rem;
	}
}


.img_area a{
	display: block;
}

.data_table{
	width: 100%;
	margin-bottom: 4rem;
}
@media screen and (max-width:640px) {
	.data_table{
		margin-bottom: 3rem;
	}
}
.data_table tr:first-child .th1,
.data_table tr:first-child .th2,
.data_table tr:first-child td{
	border-top: 2px solid #8FAADC;
}
.data_table .th1{
	background: #8FAADC;
	color: #002060;
	border-right: 2px solid #FFF;
	border-bottom: 2px solid #8FAADC;
	width: 5rem;
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	white-space: pre;
	text-align: center;
	font-weight: bold;
}
.data_table .th2{
	background: #B4C7E7;
	color: #002060;
	border-bottom: 2px solid #FFF;
	font-weight: bold;
	text-align: right;
}
.data_table tr:last-child .th2{
	border-bottom: 2px solid #8FAADC;
}
.data_table td{
	border-bottom: 2px solid #8FAADC;
}
.data_table .min_font{
	font-size: 1.6rem;
}
.data_table .right_b{
	border-right: 2px solid #FFF;
}
.color_box{
	width: 100%;
}
.color_box h4{
	color: #FFF;
	text-align: left;
	font-size: 2rem;
	padding: 1rem 2rem;
}
.color_box h4 .min_font{
	font-size: 1.6rem;
}
.color_box .text_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	padding: 1rem 2rem;
	margin-bottom: 2rem;
}
.color_box .text_area .text_p{
	width: 100%;
	margin-bottom: 1rem;
}
.color_box .text_area .in_box {
	background: #FFF;
	padding: 1rem;
	width: 48%;
	margin: 1rem 1%;
}
@media screen and (max-width:640px) {
	.color_box .text_area .in_box {
		width: 98%;
		margin: 1rem auto;
	}
}
.color_box .text_area .in_box .inner{
	background: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
}
.color_box .text_area .in_box .inner .img_area{
	width: 5rem;
}
.color_box .text_area .in_box .inner .right_text{
	width: calc(100% - 7rem);
	font-size: 1.4rem;
	line-height: 1.2;
	color: #000;
}
.color_box .text_area .in_box .inner .right_text h5{
	margin-bottom: 1rem;
}
.color_box .text_area .in_box .inner .right_text h5 .min_font{
	font-size: 1.6rem;
}
.color_box_1 h4{background-image: linear-gradient(90deg, #D557B7 0%, #8FAADC 100%);}
.color_box_2 h4{background-image: linear-gradient(90deg, #9563EF 0%, #8FAADC 100%);}
.color_box_3 h4{background-image: linear-gradient(90deg, #44546A 0%, #8FAADC 100%);}
.color_box_1 .text_area{background: #F9EDF7;}
.color_box_2 .text_area{background: #F4F3FB;}
.color_box_3 .text_area{background: #E1E5EB;}
.color_box .text_area_1{border: 1px solid #FF00CE;box-shadow: 3px 3px 0 0 #FF00CE;}
.color_box .text_area_1 .right_text h5{color: #FF00CE;}
.color_box .text_area_2{border: 1px solid #8E52FF;box-shadow: 3px 3px 0 0 #8E52FF;}
.color_box .text_area_2 .right_text h5{color: #8E52FF;}
.color_box .text_area_3{border: 1px solid #00B0F0;box-shadow: 3px 3px 0 0 #00B0F0;}
.color_box .text_area_3 .right_text h5{color: #00B0F0;}
.color_box .text_area_4{border: 1px solid #00B050;box-shadow: 3px 3px 0 0 #00B050;}
.color_box .text_area_4 .right_text h5{color: #00B050;}
.color_box .text_area_5{border: 1px solid #D3203B;box-shadow: 3px 3px 0 0 #D3203B;}
.color_box .text_area_5 .right_text h5{color: #D3203B;}
.color_box .text_area_6{border: 1px solid #001D76;box-shadow: 3px 3px 0 0 #001D76;}
.color_box .text_area_6 .right_text h5{color: #001D76;}
.blue_table{
	width: 100%;
	min-width: 500px;
}
.blue_table tr{
	border-top: 1px solid #8FAADC;
	border-left: 1px solid #8FAADC;
}
.blue_table th,
.blue_table td{
	border-bottom: 1px solid #8FAADC;
	border-right: 1px solid #8FAADC;
	vertical-align: middle;
	display: table-cell;
}
.blue_table th,
.blue_table td,
.blue_table span,
.blue_table li{
	font-size: 1.6rem;
}
.blue_table td{
	width: 30%;
	background: #DAE3F3;
	text-align: left;
}
.blue_table td.bk_blue_r{
	background:#E9EBF5;
	font-weight: normal;
}
.blue_table th{
	background: #8FAADC;
	color: #FFF;
	vertical-align: middle;
  text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	width: 20%;
}
.blue_table th:first-child{
	text-align: right;
}
.blue_table th:last-child{
	border-right: 1px solid #8FAADC;
}
.blue_table th.bottom_b_b{
	border-bottom: 1px solid #8FAADC;
}
.blue_table tr:last-child th{
	border-bottom: 1px solid #8FAADC;
}
.blue_table th.color_b{
	color: #000;
}
.blue_table th.th_blue{
	color: #000;
	background: #B4C7E7;
}
.blue_table .right_b{
	border-right: 1px solid #FFF;
}
.blue_table .img_td{
	text-align: center;
}
.blue_table a{
	font-weight: bold;
}
.blue_table .font_blue{
	color: #44546A;
	font-weight: bold;
}
.blue_table .text_center{
	text-align: center;
}

.des_kome{
	font-size: 1rem;
	margin-left: auto;
	margin-right: auto;
}
.des_kome .kome::before {
	font-size: 160%;
}

.blue_title{
	font-size: 2rem;
	color: #FFF;
	text-align: left;
	background: #4472C4;
	padding: 0.5rem;
	width: 100%;
}
.blue_r_title{
	font-size: 2rem;
	color: #FFF;
	text-align: left;
	background: #00B0F0;
	padding: 0.5rem;
	width: 100%;
	max-width: unset
}

.license_area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-align-content: center;
	align-content: center;
	-webkit-align-self: center;
	align-self: center;
	flex-wrap: wrap;
	width: 100%;
}
.license_box{
 background: #F2F2F2;
 border: 1px solid #4472C4;
 padding: 1rem 2rem;
 width: 48%;
 margin: 1rem auto;
}
@media screen and (max-width:640px) {
	.license_box{
		width: 90%;
	}
}
.license_box h4{
	color: #4472C4;
	font-size: 2rem;
	text-align: center;
	border-bottom: 1px solid #4472C4;
}
.license_box h4 .min_font{
	font-size: 1.8rem;
}
.license_box p{
	color: #4472C4;
	padding: 1rem 0;
}
.type_table{
	width: 100%;
	min-width: 600px;
	margin: 1rem auto;
}
.type_table th,
.type_table td{
	font-size: 1.8rem;
}
.type_table th{
	background: #8FAADC;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}
.type_table th:first-child{
	text-align: right;
}
.type_table tr:last-child th{
	border-bottom: 1px solid #FFF;
}
.type_table tr:first-child th{
	border-right: 1px solid #FFF;
}
.type_table tr:first-child th:last-child{
	border-right: 1px solid #8FAADC;
}
.type_table td{
	background: #FFF;
	border-right: 1px solid #8FAADC;
	border-bottom: 1px solid #8FAADC;
	text-align: center;
	line-height: 1.2;
	width: 35%;
}
.type_table td.col3{
	width: 45%;
}
.type_table td .min_font{
	font-size: 1.6rem;
}
.type_table .vertical-rl{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	white-space: pre;
	display:table-cell;
	width: 4rem;
	border-right: 1px solid #FFF;
}
.type_area{
	width: 100%;
}
.type_area h4{
	color: #4472C4;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}
.type_area h4 .min_font{
	font-size: 1.6rem;
}
.type_area .type_box{
	background: #DEEBF7;
	border: 1px solid #5B9BD5;
	color: #4472C4;
	padding: 1rem;
	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: space-between;
	align-content: space-between;
	-webkit-align-self: stretch;
	align-self: stretch;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding: 1rem 2rem;
}
.type_area .type_box h4{
	font-size: 2rem;
	text-decoration: underline;
	width: 100%;
	text-align: center;
	margin: 0 auto 2rem;
}
.type_area .type_box ul{
	width: 43%;
}
@media screen and (max-width:640px) {
	.type_area .type_box ul{
		width: 90%;
		margin: 0 auto;
	}
}
.type_area .type_box ul li{
	font-size: 1.6rem;
}
.purchase{
	width: 70%;
	margin: 1rem auto;
}
@media screen and (max-width:640px) {
	.purchase{
		width: 90%;
		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;
	}
}


.right-align {
  margin-left: auto;
}

.center-align {
  margin: auto;
}

.center-text{
	text-align: center;
}


.bk_lightblue{
	background-color: #5B9BD5;
	color: white;
  	font-weight: bold;
	border: 1px solid #ffffff;
}

.bk_lightblue2{
	background-color: #DEEBF7;
	color: #44546A;
  	font-weight: bold;
	border: 1px solid #ffffff;
}


.bk_grey{
	background-color: #8497B0;
	color: white;
  	font-weight: bold;
	border: 1px solid #ffffff;
}
.left-col {
  background-color: #8497B0;
  color: white;
  font-weight: bold;
  /* width: 160px; */
  text-align: center;
  border: 1px solid #ffffff;

}

.freemium {
	background-color: #D6DCE5;
	border: 1px solid #ffffff;
	color: #007BCA;
	font-weight: bold;
	text-align: center;
}
.bk_lightgrey{
	background-color: #D6DCE5;
	border: 1px solid #ffffff;
	color: #44546A;
	font-weight: bold;
}

.t-mini{
	font-size: 1.2rem;
}


.tabel_text_right{
	text-align:right;
}
/*
.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;
}
	*/
