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

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

/* ===== 見出し（Keystoneページ用：青系） ===== */
.headline07.kst_blue{
	color: #4472C4;
	border-left-color: #4472C4;
}
.headline12.kst_sub{
	background: #DAE3F3;
	color: #4472C4;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
	padding: 0.6rem 1.5rem 0.4rem;
}
.kst_lead{
	margin-bottom: 1rem;
}
.kst_text{
	width: 94%;
	margin: 0 auto 1rem;
}
.kst_text p{
	font-size: 1.6rem;
}
.kst_text .t_small{
	font-size: 1.3rem;
	margin-left: 1rem;
}

/* ===== 基本データ ===== */
.img_staas_01{
	width: 100%;
	max-width: 600px;
	margin: 0 auto 1rem;
}
.img_staas_01 img{
	width: 100%;
	height: auto;
}
.data_table{
	width: 100%;
	margin-bottom: 2rem;
}
.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;
	border-right: 2px solid #8FAADC;
}
@media screen and (max-width:640px) {
	.data_table .th1{
		width: 3rem;
	}
	.data_table .th2{
		width: 1%;
		white-space: nowrap;
	}
	.data_table td{
		white-space: normal;
		word-break: normal;
		overflow-wrap: anywhere;
	}
}

/* ===== Point01 ===== */
.kst_p1{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	width: 94%;
	margin: 0 auto 1rem;
}
.kst_p1 .kome{
	font-size: 1.3rem;
}
.kst_p1_left{
	width: 29%;
}
.kst_use_box{
	border: 1px solid #8497B0;
	background: #FFF;
	padding: 0.8rem 1.2rem;
	color: #4472C4;
}
.kst_use_box .kst_use_title{
	font-size: 1.6rem;
	font-weight: bold;
	color: #4472C4;
	margin-bottom: 0.3rem;
}
.kst_use_box li{
	font-size: 1.5rem;
	color: #4472C4;
	line-height: 1.4;
}
.kst_p1_left .kst_note{
	font-size: 1.3rem;
	margin: 1rem 0 0 1rem;
	color: #000;
}
.kst_cmp{
	width: 69%;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
.kst_cmp_col{
	width: 49.4%;
	border: 1px solid #8497B0;
	border-radius: 0.4rem 0.4rem 0 0;
	background: #FFF;
	display: flex;
	flex-direction: column;
}
.kst_cmp_col.kst_new{
	border-color: #8FAADC;
}
.kst_cmp_head{
	background: #8497B0;
	color: #FFF;
	text-align: center;
	font-size: 1.7rem;
	font-weight: normal;
	padding: 0.4rem 0;
}
.kst_new .kst_cmp_head{
	background: #8FAADC;
}
.kst_cmp_body{
	padding: 0.8rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.kst_voice{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.8rem;
}
.kst_voice_img{
	width: 24%;
}
.kst_voice_img img{
	width: 100%;
	height: auto;
}
.kst_voice_box{
	position: relative;
	width: 71%;
	border: 1px solid #8497B0;
	background: #FFF;
	padding: 0.5rem 0.8rem;
}
.kst_voice_box::before,
.kst_voice_box::after{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: 0.7rem solid transparent;
}
.kst_voice_box::before{
	right: 100%;
	border-right: 1rem solid #8497B0;
}
.kst_voice_box::after{
	right: calc(100% - 1px);
	border-right: 1rem solid #FFF;
}
.kst_new .kst_voice_box{
	border-color: #8FAADC;
}
.kst_new .kst_voice_box::before{
	border-right-color: #8FAADC;
}
.kst_voice_box li{
	font-size: 1.3rem;
	line-height: 1.35;
	color: #44546A;
	padding-left: 1em;
	text-indent: -1em;
}
.kst_voice_box li::before{
	content: "・";
}
.kst_new .kst_voice_box li{
	color: #4472C4;
}
.kst_step{
	background: #D6DCE5;
	border-radius: 0.4rem;
	padding: 0.5rem 0.6rem 0.6rem;
}
.kst_new .kst_step{
	background: #DAE3F3;
}
.kst_step_label{
	font-size: 1.3rem;
	color: #44546A;
	margin-bottom: 0.3rem;
}
.kst_new .kst_step_label{
	color: #4472C4;
}
.kst_step_in{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kst_hw{
	width: 46%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.kst_hw img{
	width: 100%;
	height: auto;
	display: block;
}
.kst_hw img.kst_hdd{
	width: 28%;
	margin-bottom: 0.6rem;
}
.kst_card{
	width: 51%;
	background: #FFF;
	border-radius: 0.4rem;
	padding: 0.5rem 0.3rem;
	text-align: center;
	min-height: 11rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.kst_card p{
	font-size: 1.25rem;
	line-height: 1.35;
	color: #44546A;
	text-align: center;
}
.kst_new .kst_card p{
	color: #4472C4;
}
.kst_icons{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-grow: 1;
	padding-bottom: 0.4rem;
}
.kst_icons img{
	height: auto;
	display: block;
}
.kst_bag{
	width: 2.6rem;
}
.kst_tool{
	width: 3.2rem;
}
.kst_bags3{
	display: grid;
	grid-template-columns: repeat(2, 2.6rem);
	gap: 0.1rem 0.4rem;
	justify-items: center;
}
.kst_bags3 img:first-child{
	grid-column: 1 / 3;
}
.kst_bags2{
	display: flex;
	gap: 0.8rem;
}
.kst_plus{
	font-size: 2.4rem;
	color: #8497B0;
	margin: 0 0.5rem;
	line-height: 1;
	align-self: center;
}
.kst_icon_cap{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.kst_cap{
	font-size: 1.2rem;
	line-height: 1.2;
	color: #44546A;
	text-align: center;
	margin-bottom: 0.4rem;
}
.kst_new .kst_cap{
	color: #4472C4;
}
.kst_spark{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.kst_spark svg{
	width: 2.2rem;
	height: 1.4rem;
	margin-left: 2rem;
	display: block;
}
.kst_down{
	height: 3.2rem;
	position: relative;
}
.kst_down::before{
	content: "";
	position: absolute;
	top: 0.3rem;
	bottom: 0.9rem;
	left: 50%;
	border-left: 2px dashed #8FAADC;
	transform: translateX(-50%);
}
.kst_down::after{
	content: "";
	position: absolute;
	bottom: 0.2rem;
	left: 50%;
	width: 0.9rem;
	height: 0.9rem;
	border-right: 2px solid #8FAADC;
	border-bottom: 2px solid #8FAADC;
	transform: translateX(-50%) rotate(45deg);
}
.kst_cmp_foot{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 1rem;
}
.kst_cmp_foot p{
	width: 70%;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #4472C4;
	font-weight: bold;
}
.kst_cmp_foot .kst_foot_img{
	width: 27%;
}
.kst_cmp_foot .kst_foot_img img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:640px) {
	.kst_p1{
		width: 96%;
	}
	.kst_p1_left{
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.kst_cmp{
		width: 100%;
		flex-wrap: wrap;
	}
	.kst_cmp_col{
		width: 100%;
	}
	.kst_cmp_col + .kst_cmp_col{
		margin-top: 1.5rem;
	}
	.kst_voice_box li,
	.kst_step_label{
		font-size: 1.5rem;
	}
	.kst_card p{
		font-size: 1.4rem;
	}
	.kst_cap{
		font-size: 1.3rem;
	}
	.kst_cmp_foot p{
		font-size: 1.6rem;
	}
}

/* ===== Point02 ===== */
.kst_service_box{
	width: 90%;
	margin: 1rem auto;
	background: #F2F2F2;
	border: 1px solid #8497B0;
	padding: 1rem 1.5rem;
}
.kst_service_box .kst_service_title{
	font-size: 1.6rem;
	font-weight: bold;
	color: #4472C4;
	margin-bottom: 0.3rem;
}
.gray_area .s_point_area .kst_service_box li{
	font-size: 1.4rem;
	color: #4472C4;
	line-height: 1.5;
}
.gray_area .s_point_area .section_block.kst_bubble{
	width: 80%;
	margin: 1rem 0 2rem 4%;
}
@media screen and (max-width:640px) {
	.kst_service_box{
		width: 96%;
	}
	.gray_area .s_point_area .section_block.kst_bubble{
		width: 96%;
		margin: 1rem auto 2rem;
	}
}

/* ===== Keystone用テーブル ===== */
.kst_tbl_wrap{
	width: 94%;
	margin: 0 auto 1rem;
}
.kst_tbl{
	width: 100%;
	border: 1px solid #8497B0;
	background: #FFF;
}
.kst_tbl th,
.kst_tbl td{
	border: 1px solid #8497B0;
	font-size: 1.5rem;
	line-height: 1.35;
	vertical-align: middle;
	color: #000;
	padding: 0.4rem 1rem;
}
.kst_tbl thead th{
	background: #D6DCE5;
	color: #44546A;
	font-weight: normal;
	text-align: center;
	font-size: 1.4rem;
}
.kst_tbl .c_blue,
.kst_tbl .c_purple{
	color: #44546A;
}
.kst_tbl .c_blue{
	background: #B4C7E7;
}
.kst_tbl .c_purple{
	background: #D9D2E9;
}
.kst_tbl .t_center{
	text-align: center;
}
.kst_tbl .t_left{
	text-align: left;
}
.kst_tbl .t_level{
	text-align: center;
	font-size: 1.6rem;
}
.kst_tbl .t_small,
.kst_tbl .t_small li{
	font-size: 1.3rem;
}
.kst_tbl ul.kst_type li{
	font-size: 1.2rem;
	line-height: 1.25;
	padding-left: 1em;
	text-indent: -1em;
}
.kst_tbl ul.kst_type li::before{
	content: "•";
	display: inline-block;
	width: 1em;
	text-indent: 0;
}
/* 強調枠（冊子の赤枠） */
.kst_tbl .hl{
	border-left: 3px solid #E8336D;
	border-right: 3px solid #E8336D;
}
.kst_tbl .hl_t{
	border-top: 3px solid #E8336D;
}
.kst_tbl .hl_b{
	border-bottom: 3px solid #E8336D;
}
.kst_tbl_type{
	width: 100%;
}
.kst_tbl_type .col_type{
	width: 25%;
}
.kst_tbl_level .col_type{
	width: 13%;
}
.kst_tbl_level .col_level{
	width: 17%;
}
.kst_tbl_level .col_lat{
	width: 18%;
}
.kst_tbl_pair{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2rem;
	width: 94%;
	margin: 0 auto 1rem;
}
.kst_tbl_pair .kst_tbl{
	width: auto;
}
.kst_tbl_pair .kst_tbl td,
.kst_tbl_pair .kst_tbl th{
	text-align: center;
	padding: 0.4rem 1.6rem;
}
.kst_tbl_pair .kst_tbl td.cap{
	min-width: 12rem;
}
.kst_tbl_pair .kst_tbl .c_blue,
.kst_tbl_pair .kst_tbl .c_purple{
	min-width: 12rem;
}
@media screen and (max-width:640px) {
	.kst_tbl_wrap{
		width: 100%;
	}
	.kst_tbl{
		display: table;
		white-space: normal;
	}
	.kst_tbl_level{
		min-width: 700px;
	}
	.kst_tbl ul.kst_type li{
		white-space: nowrap;
	}
	.kst_tbl_level .t_small{
		white-space: normal;
	}
	.kst_tbl_pair{
		width: 100%;
		gap: 1.5rem;
	}
	.kst_tbl_pair .kst_tbl{
		width: 100%;
	}
	.kst_tbl th,
	.kst_tbl td{
		font-size: 1.5rem;
	}
}

/* ===== 支払い ===== */
.kst_ex{
	display: inline-block;
	background: #F2F2F2;
	padding: 0.6rem 1.5rem;
	margin: 0.5rem 0 1rem;
}
.kst_ex p,
.kst_ex li{
	font-size: 1.4rem;
	line-height: 1.5;
	color: #000;
}
.kst_ex ul.disc{
	margin-left: 2.4rem;
}
.section_block.kst_bubble2{
	width: 85%;
	margin: 0 auto 2rem;
}
.section_block.kst_bubble2 .bubble_area .in_img{
	width: 15%;
}
.section_block.kst_bubble2 .bubble_area .in_text{
	width: 82%;
}
.section_block.kst_bubble2 .bubble_area.right .in_text{
	margin-right: 3%;
}
.section_block.kst_bubble2 .bubble_area.left .in_text{
	margin-left: 3%;
}
@media screen and (max-width:640px) {
	.section_block.kst_bubble2{
		width: 96%;
	}
	.section_block.kst_bubble2 .bubble_area .in_img{
		width: 20%;
	}
	.section_block.kst_bubble2 .bubble_area .in_text{
		width: 75%;
	}
}

/* ===== 比較表 ===== */
.kst_cmp_table{
	width: 100%;
	margin: 1rem auto 1.5rem;
	border: 1px solid #8497B0;
}
.kst_cmp_table th,
.kst_cmp_table td{
	border: 1px solid #8497B0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5;
	padding: 1rem 1.2rem;
	color: #000;
}
.kst_cmp_table thead th{
	background: #D6DCE5;
	color: #44546A;
	font-weight: normal;
}
.kst_cmp_table thead .kst_cmp_corner{
	width: 18%;
	font-size: 1.5rem;
}
.kst_cmp_table thead .kst_cmp_h{
	width: 41%;
}
.kst_cmp_h_in{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
}
.kst_cmp_h_in img{
	height: auto;
}
.kst_cmp_h_in .kst_h_chassis{
	width: 45%;
	max-width: 160px;
}
.kst_cmp_h_in .kst_h_logo{
	width: 5.6rem;
}
.kst_cmp_h_in span{
	font-size: 1.9rem;
	color: #44546A;
}
.kst_cmp_h_in span.kst_h_blue{
	color: #2E75B6;
	font-size: 2rem;
}
.kst_cmp_table tbody th{
	background: #8497B0;
	color: #FFF;
	font-weight: bold;
	font-size: 1.5rem;
	border-color: #FFF #8497B0;
}
.kst_cmp_table tbody th .t_small{
	display: block;
	font-size: 1.1rem;
	font-weight: normal;
	color: #FFF;
	line-height: 1.4;
}
.kst_cmp_table .em{
	color: #2E75B6;
	font-size: inherit;
}
.kst_cmp_table ul{
	display: inline-block;
	text-align: left;
}
.kst_cmp_table li{
	font-size: 1.5rem;
	line-height: 1.6;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.kst_cmp_table li::before{
	content: "•";
	display: inline-block;
	width: 1.2em;
	text-indent: 0;
}
.kst_cmp_table li.em_dot::before{
	color: #2E75B6;
}
@media screen and (max-width:640px) {
	.kst_cmp_table,
	.kst_cmp_table thead,
	.kst_cmp_table tbody{
		display: block;
		white-space: normal;
		border: 0;
	}
	.kst_cmp_table tr{
		display: grid;
		grid-template-columns: 1fr 1fr;
		border-left: 1px solid #8497B0;
		border-bottom: 1px solid #8497B0;
	}
	.kst_cmp_table th,
	.kst_cmp_table td{
		display: block;
		border: 0;
		border-right: 1px solid #8497B0;
		padding: 0.8rem;
		font-size: 1.4rem;
	}
	.kst_cmp_table thead tr{
		border-top: 1px solid #8497B0;
	}
	.kst_cmp_table thead .kst_cmp_corner{
		display: none;
	}
	.kst_cmp_table thead .kst_cmp_h{
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.kst_cmp_h_in{
		flex-direction: column;
		gap: 0.5rem;
	}
	.kst_cmp_h_in .kst_h_chassis{
		width: 80%;
	}
	.kst_cmp_h_in .kst_h_logo{
		width: 4.4rem;
	}
	.kst_cmp_h_in span,
	.kst_cmp_h_in span.kst_h_blue{
		font-size: 1.6rem;
	}
	.kst_cmp_table tbody th{
		grid-column: 1 / 3;
		padding: 0.5rem;
		border-color: #8497B0;
	}
	.kst_cmp_table tbody th br{
		display: none;
	}
	.kst_cmp_table li{
		font-size: 1.4rem;
	}
}
.kst_talk_area{
	width: 85%;
	margin: 0 auto 2rem;
	text-align: center;
}
.kst_talk{
	position: relative;
	display: block;
	background: #DAE3F3;
	border: 2px solid #4472C4;
	box-shadow: 4px 4px 0 0 #4472C4;
	padding: 1rem 1.5rem;
	text-align: left;
}
.kst_talk p{
	font-size: 1.6rem;
	color: #4472C4;
	font-weight: bold;
	line-height: 1.5;
}
.kst_talk.tail_down{
	margin-bottom: 2.4rem;
}
.kst_talk.tail_down::before,
.kst_talk.tail_down::after{
	content: "";
	position: absolute;
	left: 42%;
	border: 1rem solid transparent;
}
.kst_talk.tail_down::after{
	top: 100%;
	border-top: 2rem solid #4472C4;
	margin-top: 2px;
}
.kst_talk.tail_down::before{
	top: calc(100% - 2px);
	border-top: 2rem solid #DAE3F3;
	z-index: 1;
	margin-left: 0;
}
.kst_talk.tail_up{
	margin-top: 2.4rem;
}
.kst_talk.tail_up::before,
.kst_talk.tail_up::after{
	content: "";
	position: absolute;
	left: 56%;
	border: 1rem solid transparent;
}
.kst_talk.tail_up::after{
	bottom: 100%;
	border-bottom: 2rem solid #4472C4;
	margin-bottom: 2px;
}
.kst_talk.tail_up::before{
	bottom: calc(100% - 2px);
	border-bottom: 2rem solid #DAE3F3;
	z-index: 1;
}
.kst_talk_img{
	width: 20%;
	margin: 0 auto;
	text-align: center;
}
.kst_talk_img img{
	width: 100%;
	height: auto;
}
.kst_talk_area .kome{
	font-size: 1.3rem;
	text-align: left;
	margin-top: 0.8rem;
}
@media screen and (max-width:640px) {
	.kst_talk_area{
		width: 96%;
	}
	.kst_talk_img{
		width: 40%;
	}
	.kst_talk p{
		font-size: 1.5rem;
	}
}

/* ===== Q&A ===== */
.qa3{
	width: 90%;
	margin: 0 auto;
}
.qa3-item{
	margin: 0 0 2.4rem;
}
.qa3-head{
	display: grid;
	grid-template-columns: 7rem 1fr;
	align-items: stretch;
	background: #E9EFF6;
	border: 1px solid #D7DEE8;
}
.qa3-qno{
	background: #63A8FF;
	color: #fff;
	font-weight: 800;
	font-size: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px 0;
}
.qa3-title{
	color: #3F6FB6;
	font-weight: 800;
	font-size: 1.8rem;
	padding: 0.6rem 1.6rem;
}
.qa3-body{
	background: #fff;
	padding: 1rem 0 0;
}
.qa3-text{
	margin: 0;
	padding: 0 1rem;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #000;
}
.qa3-pink{
	color: #FF3366;
	font-weight: 800;
	font-size: inherit;
}
.qa3-text a{
	font-size: inherit;
	color: #4472C4;
	text-decoration: underline;
}
.qa3-chara{
	float: right;
	width: 10%;
	margin: -0.5rem 2% 0 1rem;
}
.qa3-body::after{
	content: "";
	display: block;
	clear: both;
}
.qa3-chara img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:640px) {
	.qa3{
		width: 100%;
	}
	.qa3-head{
		grid-template-columns: 5.5rem 1fr;
	}
	.qa3-title{
		font-size: 1.6rem;
		padding: 0.6rem 1rem;
	}
	.qa3-text{
		font-size: 1.5rem;
	}
	.qa3-chara{
		width: 18%;
	}
}

/* ===== ワンポイントアドバイス ===== */
.point_area.kst_point{
	margin-top: 1rem;
}
.point_area.kst_point .point_text .text_p{
	width: 100%;
	font-size: 1.7rem;
	line-height: 1.6;
	margin-bottom: 1rem;
}
.point_area.kst_point .section_block{
	width: 100%;
}
.point_area.kst_point .section_block .bubble_area{
	align-items: center;
	margin-bottom: 0;
}
.point_area.kst_point .section_block .bubble_area .in_img{
	width: 16%;
}
.point_area.kst_point .section_block .bubble_area .in_text{
	width: 74%;
	margin-left: 6%;
}
@media screen and (max-width:640px) {
	.point_area.kst_point .section_block .bubble_area .in_img{
		width: 25%;
	}
	.point_area.kst_point .section_block .bubble_area .in_text{
		width: 70%;
		margin-left: 4%;
	}
	.point_area.kst_point .point_text .text_p{
		font-size: 1.5rem;
	}
}

.t-mini{
	font-size: 1.2rem;
}
.kst_p1 .kome.kst_kome_top{
	width: 100%;
	margin-bottom: 1rem;
}