@charset "utf-8";

.sub_tit_L{
	font-size: 1.5rem;
	margin-bottom: 30px;
}
.sup_L{
	font-size: 0.875rem;
}
.sub_tit_M{
	font-size: 1.25rem;
	margin-bottom: 20px;
}
.sub_tit_S{
	font-size: 1.125rem;
	margin-bottom: 20px;
}
.sub_tit_span01{
	margin-right: 12px;
}
.sub_section{
	margin-bottom: 70px;
}
.sub_section:last-child{
	margin-bottom: 20px;
}

/* news */
.news_info_con{
	border-bottom: 1px #8fa7bf dashed;
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.news_info_con:last-child{
	margin-bottom: 0;
}
.news_titBox{
	justify-content: flex-start;
	font-size: 1.25rem;
	font-weight: normal;
	padding:10px 70px 10px 0;
	text-align: left;
}
.news_titBox span{
	margin-right: 30px;
	width: 130px;
}
.news_detail{
	padding: 30px 0 0 30px;
	font-size: 1.125rem;
}
.news_date{
	margin-bottom: 10px;
}
.news_contect{
	margin-top: 30px;
	text-align: right;
}
.news_detail_list{
	margin-bottom: 20px;
}
.news_detail_list li{
	margin-left: 2em;
	text-indent: -1.5em;
	line-height: 2rem;
}
/* service */
.ser_maru_box{
	padding: 50px;
}
.ser_maru_info {
	border-bottom: 1px #8fa7bf dashed;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.ser_maru_info:last-child{
	margin-bottom: 0!important;
}
.ser_maru_info p{
	padding-left: 30px;
	font-size: 1.125rem;
}
/* conditions */
.sub_indent_box{
	padding-left: 30px;
}
.condi_txt01{
	margin-left: 2.2em;
	text-indent: -2.2em;
}
.condi_txt02{
	margin-left: 4.5em;
	text-indent: -4em;
}
.condi_note01{
	font-size: 1rem;
	margin-left: 5em;
}
.section_line{
	border-bottom: 1px #8fa7bf dashed;
	padding-bottom: 70px;
}

/* flow */
.flow_img01{
	margin-bottom: 50px;
	position: relative;
}
.flow_linebox{
	border: 1px #8fa7bf dashed;
	padding: 30px 15px;
	text-align: center;
	margin-bottom: 20px;
}

/* faq */
.faq_navi_list{
	flex-wrap: wrap;
	margin-bottom: 120px;
}
.faq_navi_list li{
	width: calc((100% - 40px)/3);
	margin-bottom: 20px;
}
.faq_navi_list li a{
	padding: 20px;
	border-radius: 40px;
	text-align: center;
	display: block;
	background: #8fa7bf;
	color: #fff!important;
	text-decoration: none;
	font-size: 1.5rem;
	position: relative;
}
.faq_navi_list li a::after{
	content: "";
	position: absolute;
	top: 50%;
	right: 18px;
	width: 29px;
	height: 29px;
	background: url(../images/faq/ico01_faq.png) no-repeat;
	background-size: 100%;
	transform: translateY(-50%);
}
.faq_navi_list li:nth-child(even) a{
	background: #d9ecff;
	color: #595d64!important;
}
.faq_navi_list li:nth-child(even) a::after{
	background: url(../images/faq/ico02_faq.png) no-repeat;
	background-size: 100%;
}
.faq_h2{
	color: #8fa7bf;
	margin-top: 100px;
}
.faq_tit_qus{
	justify-content: flex-start;
	align-items: center;
	font-size: 1.5rem;
	font-weight: normal;
	padding: 25px 100px 25px 40px;
	background: #f2f9ff;
	text-align: left;
	line-height: 1.8rem;
	
}
.faq_tit_qus .ico_qes{
	margin-right: 30px;
	font-size: 1.2rem;
	width: 60px;
}
.faq_tit_qus p{
	width: calc(100% - 90px);
}
.faq_info{
	margin-bottom: 20px;
}
.faq_info .ui_open_btn::before,
.faq_info .ui_open_btn::after{
    content: '';
    position: absolute;
    right: 30px;
    top: calc(50% - 1px);
    width: 35px;
		height: 3px;
		background: #8fa7bf;
}
.faq_info .ui_open_btn::before{
	transform: rotate(-90deg);
}
.faq_info .ui_open_btn.is_on::before{
	display: none;
}
.faq_info .ui_open_btn.is_on::after{
	background: #fff;
}
.faq_tit_qus.is_on{
	background: #8fa7bf;
	color: #fff;
}
.faq_tit_qus.is_on .ico_qes{
	background: #f2f9ff;
	color: #8fa7bf;
}
.faq_info .ui_open_btn:hover{
	opacity: 1;
}
.faq_info .ui_open_box{
	background: #f2f9ff;
	padding: 50px 60px;
}
.faq_info .ui_open_box p{
	line-height: 1.9rem;
}
.faq_note01{
	font-size: 1rem;
	line-height: 1.7rem!important;
	margin-top:20px;
}
.ui_faq_th1{
	width: 33%;
}
.ui_faq_th2{
	width: 20%;
}
.faq_tab_wide{
	width: 50%;
}
.faq_tab_wide2{
	width: 100%;
}
.faq_tab_wide td{
	text-align: center;
}
.faq_info th, .faq_info td{
	font-size: 1.125rem;
}

/* apply */
.apply_col{
	margin-bottom: 50px;
}
.apply_col h3{
	 font-size: 1.5rem;
   margin-bottom: 15px;
	 font-weight: bold;
}
.apply_box01{
	padding: 30px;
}
.sub_indent_number{
	margin-left: 2em;
	text-indent: -2em;
	font-size: 1.125rem;
	margin-bottom: 30px;
	line-height: 1.9rem;
}
.sub_indent_number:last-child{
	margin-bottom: 0;
}
.sub_indent_number span{
	margin-right: 12px;
}
.apply_con01{
	width: 15.33%;
	text-align: center;
	margin-bottom: 25px;
}
.apply_con02{
	width: 80%;
}
.apply_img01{
	max-width: 30px;
}
.apply_test ul{
	width: 76.2%;
	padding: 0 30px;
}
.apply_test ul li{
	width: calc((100% - 20px)/2);
}
.apply_test ul li a{
	display: block;
	background: #8fa7bf;
	padding: 15px 0;
	position: relative;
	border-radius: 30px;
	color: #fff!important;
	text-decoration: none;
	font-size: 1.25rem;
	font-weight: bold;
	padding-right: 20px;
	text-align: center;
}
.apply_test ul li a::after{
	content: "";
	position: absolute;
	width: 26px;
	height: 28px;
	background: url(../images/apply/ico_04.png) no-repeat;
	background-size: 100%;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
}
.apply_bot_btn{
	padding: 100px 0 40px;
}
/* price */
.price_txt01{
	font-size: 1.25rem!important;
}
.price_pl2{
	padding-left: 40px!important;
}
.price2_ind{
	margin-left: 2em;
	text-indent: -2.1em;
}
.price2_ind span{
	margin-right: 20px;
}
.dot_line{
	border-bottom: 1px #8fa7bf dashed;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.dot_line_s{
	border-bottom: 1px #8fa7bf dashed;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.privacy_con .sub_tit_L{
	margin-bottom: 20px;
}
.blue_small_box{
	padding: 25px 30px;
	margin-bottom: 20px;
}
.ui_dot_ind span{
	margin-right: 10px;
}
.ui_dot_ind{
	margin-left: 1.5em;
	text-indent: -1.5em;
}
.privacy_link{
	color: #595d64!important;
	font-size: 1.1rem;
	text-decoration: none;
}
/* copyright */
.sub_tit_h301{
	font-size: 1.25rem;
	color: #8fa7bf;
	margin-bottom: 20px;
}
/* contact */
.contact_info{
	margin-bottom: 80px;
}
.contact_colbox{
	margin-bottom: 40px;
}
.contact_col01{
	width: 40%;
	background: #8fa7bf;
	padding: 50px;
	color: #fff;
}
.contact_col02{
	width: 60%;
	background: #f2f9ff;
	padding: 40px 60px;
}
.contact_col01 h3{
	font-size: 1.85rem;
	margin-bottom: 40px;
}
.contact_txt01{
	font-size: 1.4rem;
	font-weight: bold;
}
.contact_mail{
	background: #fff;
	padding: 15px 30px;
	margin-bottom: 10px;
}
.contact_mail span{
	font-size: 1.25rem;
	color: #00b7ee;
}
.contact_col02 dl{
	margin-bottom: 30px;
	font-size: 1.25rem;
}
.contact_col02 dl:last-child{
	margin-bottom: 0;
}
.contact_col02 dl dd{
	padding-left: 35px;
}
.contact_fax{
	color: #00b7ee;
}
.cantact_flex_center{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.cantact_flex_center a{
	width: 55%;
	text-align: center;
}
.contact_info:last-child{
	margin-bottom: 0;
}
.contact_colbox:last-child{
	margin-bottom: 20px;
}
.contact_info .ui_note_ind p{
	line-height: 1.4rem!important;
	margin-bottom: 30px;
	margin-left: 1.3em;
}
/* institution */
.ui_tab_fin a{
	color: #595d64!important;
}
/* sitemap */
.site_box{
	flex-wrap: wrap;
	justify-content: flex-start;
}
.site_box h3{
	font-weight: normal;
	margin-bottom: 10px;
}
.site_box ul{
	padding-left: 18px;
}
.site_box ul li{
	margin-bottom: 3px;
}
.site_box a{
	font-size: 1.125rem;
	margin-left: -0.5em;
	text-indent: 0.5em;
}
.site_col{
	width: calc((100% - 60px)/4);
	margin-right: 20px;
	margin-bottom: 40px;
}
.site_col:nth-child(4n){
	margin-right: 0;
}
.ui_col_doc_th1{
	width: 5%;
}
.ui_col_doc_th2{
	width: 27%;
}
.ui_col_doc_th3{
	width: 31%;
}
.doc_table_01 tbody th:nth-child(2){
	padding-left: 50px;
	text-align: left;
}
.doc_table_01 tbody td{
	text-align: center;
}
.doc_table_01 tbody td:last-child{
	padding-left: 60px;
	text-align: left;
}
.doc_table_01 tbody tr:nth-child(2) td{
	text-align: center;
	padding-left: 30px;
}
.doc_table_02 td p{
	line-height: 1.6rem!important;
}
.doc_table_02 tr:nth-child(2) th{
	background: #8fa7bf;
	padding: 10px 0;
}
.doc_table_02 tbody td{
	text-align: center;
}
.doc_table_02 tbody th:nth-child(2) {
    padding-left: 50px;
    text-align: left;
}
.doc_table_02 tbody .td_df p{
	text-align: left!important;
	display: flex;
	justify-content: center;
}
.ui_col_doc_th4{
	width: 27%;
}
.ui_col_doc_th5{
	width: 13%;
}
.ui_col_doc_th6{
	width: 21%;
}
.doc_table_02 td{
	padding-top: 25px;
	padding-bottom: 25px;
}
.doc_mb01{
	margin-bottom: 100px;
}
.ui_mail{
	color: #00b7ee;
}
.ui_pt01{
	padding-top: 100px;
}
.ui_col_faq_th01{
	width: 26%;
}
.ui_col_faq_auto{
	width: auto;
}
.ui_tab_faq th{
	font-weight: normal;
	padding: 15px 50px;
}
.ui_tab_faq th p{
	text-align: left;
}
.ui_tab_faq td{
	padding: 30px 12px;
}
#sub_page table a{
/* 	color: #fff; */
}
.doc_note_tit{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.ui_pl10{
	padding-left: 20px;
}
.apply_test .doc_btn_01{
	width: auto;
	justify-content: flex-start;
}
.apply_test .doc_btn_01 li{
	width: auto;
}
.apply_test .doc_btn_01 li a{
	padding: 15px 90px 15px 45px;
}
.apply_test .doc_btn_01 li:first-child{
	margin-right: 20px;
}
.txt_red{
	color: red;
}
.faq_ind01{
	margin-left: 1em;
	text-indent: -1em;
	display: inline-block;
}
.faq_ind02{
	margin-left: 0.5em;
	text-indent: -1em;
	display: inline-block;
}
.faq_ind03{
	margin-left: 5em;
	text-indent: -2.4em;
	display: inline-block;
}
.top_link{
	color: #00b7ee;
}

.doc_table_03 img{
	margin-top: 10px;
}
.doc_txt01{
	padding-left: 20px;
}
#sub_page .top_chargebox p{
	font-size: 1rem;
	line-height: 1.7;
}
#sub_page a.txt_white{
	color: #fff;
}
.condi_img01{
	margin-top: -50px;
	margin-bottom: -30px;
}
.tb_note01{
	font-size: 0.875rem!important;
	line-height: 1.5!important;
}
.ui_mt10{
	margin-top: 10px;
}
.doc_img01,
.flow_img01,
.flow_img02,
.flow_img03{
	position: relative;
}
.doc_img01 a{
	position: absolute;
	display: block;
	width: 30%;
	height: 40%;
	top: 5%;
	left: 14%;
	color: #c9e2fc!important;
}
.doc_img01 a:hover{
	opacity: 0.3;
	background: #fff;
}
.flow_img01 a,
.flow_img02 a,
.flow_img03 a{
	position: absolute;
}
.flow_a01{
	display: block;
	width: 19%;
	height: 19%;
	top: 52%;
	left: 40%;
	color: #fff!important;
}
.flow_a02{
	display: block;
	width: 22%;
	height: 26%;
	top: 74%;
	left: 40%;
	color: #fff!important;
}
.flow_a03{
	display: block;
	width: 14.3%;
	height: 37.5%;
	top: 0;
	left: 37.7%;
	color: #8fa7bf!important;
}
.flow_a04{
	display: block;
	width: 14.7%;
	height: 6%;
	top: 18.5%;
	left: 16.9%;
	color: #9aa5cf!important;
}
.flow_a05{
	display: block;
	width: 15.4%;
	height: 17%;
	top: 81.8%;
	left: 16.5%;
	color: #9aa5cf!important;
}
.flow_a06{
	display: block;
	width: 14.5%;
	height: 8%;
	top: 34%;
	left: 17%;
	color: #9aa5cf!important;
}
.flow_a07{
	display: block;
	width: 14.5%;
	height: 8%;
	top: 43.5%;
	left: 17%;
	color: #9aa5cf!important;
}
.flow_a08{
	display: block;
	width: 15.4%;
	height: 23%;
	top: 75.6%;
	left: 16.5%;
	color: #9aa5cf!important;
}
.flow_img01 a:hover,
.flow_img02 a:hover,
.flow_img03 a:hover{
	opacity: 0.3;
	background: #fff;
}
.apply_test ul li.apply_btn_auto{
	width: 470px;
}
.flow_td01 a{
	display: inline-block;
	justify-content: flex-start;
	color: #f2f9ff!important;
	line-height: 0.9!important;
}
.flow_td01 a img{
	width: 86px;
}
.flow_td01 a span{
	color: #595d64;
	font-size: 0.8rem;
	text-decoration: underline;
	margin-left: 10px;
}
#sub_page .top_chargebox a{
	margin-left: 50px;
}
.link_blue{
	color: #0563c1!important;
}
.txt_line{
	text-decoration: underline;
}
.news_txt01{
	padding-left: 1em;
}
.news_txt01 span{
	margin-left: 7.8em;
	text-indent: -7.8em;
	display: inline-block;
}
.ui_note_s{
	font-size: 1rem;
}
.condi_list{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.condi_list li{
	margin-right: 2%;
	text-align: center;
}
.condi_list li a{
	background: #77ace1;
	border-radius: 10px;
	padding: 20px 20px;
	color: #fff!important;
	display: inline-block;
	font-size: 1rem;
	font-weight: bold;
	text-decoration: none;
}
.condi_list li:last-child{
	margin-right: 0;
}
.condi_txt03{
	margin-left: 2.2em;
}
.condi_txt04{
	margin-left: 4.8em;
	font-size: 1rem!important;
	line-height: 1.5!important;
	margin-bottom: 40px;
}
.ui_noteS{
	font-size: 1rem!important;
	line-height: 1.6!important;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) { /*PAD*/

}
@media only screen and (min-width: 0) and (max-width: 767px) { /*SP*/
	.sub_section {
    margin-bottom: 50px;
	}
	.sub_tit_L {
	    font-size: 1.125rem;
	    margin-bottom: 20px;
	}
	.sub_tit_M {
	    font-size: 1rem;
	    margin-bottom: 10px;
	    font-weight: bold;
	}
	.sub_tit_S {
	    font-size: 0.875rem!important;
	}
	.sup_L {
	    font-size: 0.75rem;
	}
	.sub_tit_h2{
		font-size: 1.875rem;
		line-height: 2.1rem;
	}
	.sub_tit_h2 span{
		font-size: 0.75rem;
	}
	.news_titBox{
		text-align: left;
		font-size: 1rem;
		padding-right: 50px;
	}
	.news_titBox span{
		width: 100%;
		display: block;
	}
	.news_detail{
		padding-left: 0;
		font-size: 0.875rem;
		padding-top: 20px;
	}
	.news_contect{
		font-size: 0.75rem;
	}
	.news_detail_list li{
		line-height: 2rem;
	}
	.ser_maru_box{
		padding: 30px 20px;
	}
	.ser_maru_info p {
	    padding-left: 0;
	    font-size: 0.875rem;
	}
	.ser_maru_info {
	    padding-bottom: 15px;
	    margin-bottom: 15px;
	}
	.sub_indent_box{
		padding-left: 0;
	}
	.condi_note01{
		font-size: 0.75rem;
		margin-left: 5em;
	}
	.section_line{
		padding-bottom: 50px;
	}
	
	/* faq */
	.faq_navi_list{
		margin-bottom: 10px;
	}
	.faq_navi_list li{
		width: calc((100% - 10px)/2);
		margin-bottom: 10px;
	}
	.faq_navi_list li a{
		font-size: 0.875rem;
		padding: 10px 14px 10px 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	.faq_navi_list li a::after{
		right: 8px;
		width: 24px;
		height: 24px;
	}
	.faq_h2{
		margin-top: 60px;
	}
	.faq_tit_qus{
		padding: 15px 50px 15px 20px;
		font-size: 1rem;
		display: flex;
	}
	.faq_tit_qus .ico_qes{
		margin-right: 10px;
		font-size: 0.9rem;
	}
	.faq_tit_qus p{
		width: calc(100% - 54px);
		line-height: 1.5rem;
	}
	.faq_info .ui_open_btn::before, .faq_info .ui_open_btn::after{
		width: 20px;
		right: 15px;
	}
	.faq_info .ui_open_box{
		padding: 25px;
	}
	.faq_note01{
		font-size: 0.75rem;
		line-height: 1.4rem!important;
		margin-top: 10px;
	}
	.faq_info .ui_open_box p{
		line-height: 1.5rem;
	}
	.faq_tab_wide{
		width: 100%;
	}
	.ui_faq_th2{
		width: 30%;
	}
	.faq_info th, .faq_info td{
		font-size: 0.875rem;
	}
	/* apply */
	.apply_col h3{
		font-size: 1.125rem;
		margin-bottom: 10px;
	}
	.apply_col{
		margin-bottom: 30px;
	}
	.apply_box01{
		padding: 20px;
	}
	.sub_indent_number{
		font-size: 0.875rem;
		line-height: 1.6rem;
		margin-bottom: 20px;
	}
	.apply_con01{
		width: 32%;
	}
	.apply_con02{
		width: 65%;
	}
	.apply_img01 {
	    max-width: 22px;
	}
	.apply_test ul{
		width: 100%;
		padding: 0;
	}
	.apply_test ul li{
		width: 100%;
		margin-bottom: 15px;
	}
	.apply_test ul li a{
		font-size: 0.93rem;
	}
	.apply_bot_btn{
		padding: 50px 0 20px;
	}
	.price_txt01{
		font-size: 1rem!important;
	}
	.price_box .sub_tit_M{
		margin-left: 1.5em;
		text-indent: -1.5em;
	}
	.price_pl2{
		padding-left: 0!important;
	}
	.price2_ind span {
	    margin-right: 10px;
	}
	.price2_ind {
	    margin-left: 1.8em;
	    text-indent: -1.8em;
	}
	.price2_box .ser_maru_info{
			padding-bottom: 40px;
			margin-bottom: 40px;
	}
	.blue_small_box {
	    padding: 15px 10px;
			display: block!important;
	}
	.blue_small_box span{
		font-size: 0.875rem;
	}
	.dot_line {
	    padding-bottom: 40px;
	    margin-bottom: 40px;
	}
	.dot_line_s {
	    padding-bottom: 30px;
	    margin-bottom: 30px;
	}
	.privacy_link{
		font-size: 0.75rem;
	}
	.privacy_con .sub_tit_L{
		margin-left: 1em;
		text-indent: -1em;
	}
	.sub_indent_boxsp{
		padding-left: 15px;
	}
	.sub_tit_h301{
		font-size: 1rem;
		margin-bottom: 10px;
	}
	.contact_col01{
		width: 100%;
		padding: 15px;
	}
	.contact_col02{
		width: 100%;
		padding: 6vw 4vw;
	}
	.contact_col01 h3{
		font-size: 1rem;
		margin-bottom: 5px;
	}
	.contact_txt01{
		font-size: 0.75rem;
	}
	.contact_mail{
		padding: 4vw;
		margin-bottom: 10px;
	}
	.contact_mail a{
		font-size: 0.875rem;
	}
	.contact_col02 dl{
		font-size: 0.875rem;
		margin-bottom: 15px;
	}
	.contact_colbox{
		margin-bottom: 25px;
	}
	.contact_info{
		margin-bottom: 50px;
	}
	.contact_col02 dl dd{
		padding-left: 20px;
	}
	.cantact_flex_center a{
		width: 100%;
	}
	.contact_mail span{
		font-size: 0.875rem;
	}
	.contact_info .ui_note_ind p{
		margin-bottom: 15px;
	}
	.site_col{
		width: calc((100% - 20px)/2);
	}
	.site_col:nth-child(2n){
		margin-right: 0;
	}
	.site_box h3{
		font-size: 0.875rem;
		margin-bottom: 5px;
	}
	.site_box a{
		font-size: 0.875rem;
	}
	.site_box{
		margin-bottom: -40px;
	}
	.ui_col_doc_th1{
		width: 7%;
	}
	.ui_col_doc_th2{
		width: 32%;
	}
	.ui_col_doc_th3{
		width: 22%;
	}
	.doc_table_01 tbody tr:nth-child(2) td, .doc_table_01 tbody th:nth-child(2){
		padding-left: 8px;
	}
	.doc_table_01 tbody td:last-child{
		padding-left: 8px;
	}
	.ui_col_doc_th4{
		width: 20%;
	}
	.ui_col_doc_th5{
		width: 10%;
	}
	.ui_col_doc_th6{
		width: 24%;
	}
	.doc_table_02 tbody th:nth-child(2){
		padding-left: 8px;
	}
	.doc_table_02 td p {
	    line-height: 1.4rem!important;
	}
	.doc_table_02 tbody .td_df p{
		font-size: 0.75rem!important;
	}
	.doc_mb01{
		margin-bottom: 40px;
	}
	.ui_pt01{
		padding-top: 60px;
	}
	.th_spacing{
		letter-spacing: 3px;
	}
	.doc_th_df span{
		margin-right: 2px;
		display: inline-block;
		line-height: 1rem;
	}
	.doc_th_df{
		margin-right: -2px;
		margin-left: -2px;
	}
	.doc_th_df i{
		transform: rotate(90deg); 
		display: inline-block;
		font-style: normal;
	}
	.ui_col_faq_th01{
		width: 20%;
	}
	.ui_tab_faq th{
		padding: 13px 5px 13px 8px;
	}
	.ui_tab_faq th p{
		text-align: left;
	}
	.ui_tab_faq td{
		padding: 20px 12px;
	}
	.ui_mt10sp{
		margin-top: 10px;
	}
	.contact_col01 strong{
		font-size: 0.75rem;
		line-height: 1.2rem;
		display: inline-block;
	}
	.doc_note_tit{
		font-size: 1rem;
	}
	.ui_pl10{
		padding-left: 0;
	}
	.apply_test .doc_btn_01 li{
		width: 100%;
	}
	.apply_test .doc_btn_01 li a{
		padding: 15px 0;
	}
	.apply_test .doc_btn_01 li:first-child{
		margin-right: 20px;
	}
	.faq_hei01{
		min-height: 62px;
	}
	.faq_ind02{
		margin-left: 3.3em;
		text-indent: -3.8em;
	}
	.faq_ind03{
		margin-left: 0;
		text-indent: 0;
	}
	.top_chargebox,
	#sub_page .top_chargebox p{
		font-size: 0.75rem;
	}
	.top_chargebox a,
	#sub_page .top_chargebox a{
		margin: 0 20%;
		display: block;
	}
	.ui_fonts_sp{
		font-size: 0.75rem;
	}
	.doc_table_03 img{
		width: 64px;
	}
	.doc_table_03 img.img_doc03{
		width: 82px;
	}
	.condi_img01{
		margin-top: -10px;
		margin-bottom: 0;
	}
	.doc_img01 a{
		width: 48%;
		height: 33%;
		top: 19%;
		left: 0;
	}
	.flow_a01 {
		width: 28%;
		height: 5.5%;
		top: 35%;
		left: 29%;
	}
	.flow_a02 {
		width: 36%;
		height: 10.5%;
		top: 30%;
		left: 66%;
	}
	.flow_a03 {
		width: 42%;
		height: 10.4%;
		top: 54.5%;
		left: 0;
	}
	.apply_test ul li.apply_btn_auto{
		width: auto;
	}
	.flow_td01 a{
		color: #f2f9ff!important;
		line-height: 1.1!important;
		margin-top: 5px;
		align-items: center;
		display: flex;
	}
	.flow_td01 a img{
		width: 60px;
	}
	.flow_td01 a span{
		font-size: 0.75rem;
		transform:scale(0.9);
		margin-top: 5px;
		display: inline-block;
		width: calc(100% - 70px);
	}
	.condi_list{
		display: block;
		margin-left: 2.2em;
	}
	.condi_list li{
		margin-bottom: 10px;
		margin-right: 0;
	}
	.condi_list li a{
		width: 100%;
		font-size: 0.83rem;
		padding: 10px 0;
	}
	.condi_txt04{
		margin-left: 5em;
		font-size: 0.75rem!important;
		line-height: 1.7!important;
		margin-bottom: 30px;
	}
	.ui_noteS{
		font-size: 0.75rem!important;
	}
	
	
}