@charset "utf-8";
body{ background-color: #f0f0f0;}

/**head**/
header{	background-color: #000000;}
header a { width: 140px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
	display: block;}
header img.logo_img{ width: 100%;}

/**footer**/
footer{	background-color: #000000; color: #FFFFFF;	text-align: center;	padding-top: 1em; padding-bottom: 1em; font-size: 75%;}
footer img.logo_img{ width: 80px; height: auto; margin-left: auto; margin-right: auto;	padding-top: 10px; padding-bottom: 10px;}

.reit_ptitle{ font-size: 2rem; padding-bottom: 1em; }
.regit_lead{}
.reit_ptitle + .regit_lead{	padding-bottom: 2em; }
.regit_lead + .box_btn{ padding-top: 2em; }
.add_num{ }
.add_num>label{	width: 25%;	display: inline-block;}
.add_num>span{ margin-left: 1em; margin-right: 1em;}
.add_num [class^="comm_btn"]{ font-size: 0.75rem; width: 140px; margin-left: 1em;}
a.term_link{ color: #DA2429; text-decoration: underline;}

ul.card_list{ display:flex; padding-bottom: 2em}
ul.card_list li{ width: 60px; padding-right: 2px;}
ul.card_list li img{ display: block; width: 100%;}

/**table**/
table.regit_table{ width: 100%; }
table.regit_table th,table.regit_table td{ padding: 0.5em 0; text-align: left;}
table.regit_table th{ width: 25%; vertical-align: middle;}
table.regit_table td{ width: 75%;}
table.regit_table + .box_btn{ padding-top: 2em; }

/**lineエリア**/
.sp_only.line_box{ margin-top: 2em;}
.sp_only.line_box a.line_btn{ background-color: #00b900; padding: 1em; color: #FFFFFF; display: block;}

.pc_only.line_box{ padding: 1.5em; border: 1px solid #8E8E8E; margin-bottom: 4em;}
.pc_only.line_box p{ display: block; padding-bottom: 1.5em;	font-weight: bold;}
.pc_only.line_box img{ margin-left: auto; margin-right: auto;}

/**step**/
#sect_step{}
.step_list{
	display: flex;
	overflow: hidden;
}
.step_list li{
	background-color: #A3A3A3;
	color: #FFFFFF;
	width: 100%;
	line-height: 1.2em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-right: 1px solid #C0C0C0;
	position: relative;
	z-index: 1;
}
.step_list li:last-child{ border-right-style: none;}
.step_list li.nowon{ background-color: #da2429; z-index: 2; border-right-style: none;}
.step_list li.nowon:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 0 45px 1em;
	border-color: transparent transparent transparent #da2429;
	position: absolute;
	top: 0;
	bottom:0;
	margin: auto;
	right: -1em;
}
.step_list li:last-child:after{	display: none;}
.step_list li .step_num{ font-size: 1.4em; padding-bottom: 0.4em; font-weight: bold;}
.step_list li .step_num:after{}
.step_list li.nowon .step_num{}

.pr_txt{ color: #DA2429;}


img.img_dlicense{ width: 60%; margin-bottom: 2em;}

.hs_scale{ overflow: hidden; display: flex; justify-content: left; flex-wrap: nowrap; align-items: flex-end;}
.hs_scale li{ text-align: center; font-size: 0.75rem; position: relative; padding-bottom: 1.5em; line-height: 1.3; white-space: nowrap;}

.hs_scale li .mmdd{font-size: 120%; font-weight: bold; display: inline-block;}
.hs_scale li:after{ content: ""; width: 1px; height: 1em; background-color: #8C8C8C; display: inline-block; position: absolute; margin: auto; left: 0; right: 0; bottom: 0;}
.hs_scale li:nth-child(1){text-align: left; color: #da2429;}
.hs_scale li:nth-child(1):after{ left: 0; right: auto; background-color: #da2429;}
.hs_scale li:nth-child(2){}
.hs_scale li:nth-child(3){text-align: right;flex: 1;}
.hs_scale li:nth-child(3):after{ right: 1.25em; left: auto;}
.hs_box{background-color: #BDBDBD;position: relative;width: 100%;}
.hs_box:before { content:""; display: block; padding-top: 10%;}
.hs_box .hs_zone{ position: absolute; top: 0; bottom: 0; height: 100%; background-color: #da2429; color: #FFFFFF; text-align: center;}
.hs_box .hs_zone p { position: absolute; top: 50%; -webkit-transform : translateY(-50%); transform : translateY(-50%); left: 0px; right: 0px;	line-height: 1.2em;	font-size: 0.75rem;}


@media screen and (max-width: 798px) {
/**head**/
header a{
	width: 80px;
	padding-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}
/**head**/
footer img.logo_img{ width: 50px; }

.reit_ptitle{ font-size: 1.5rem; }
.regit_lead{ text-align: left; }

.add_num>label{	width: 40%;	}
.add_num [class^="comm_btn"]{ margin-left: 0; min-width: 40%; margin-top: 1em;}

ul.card_list{ padding-bottom: 2em; padding-top: 0.5em; }
ul.card_list li{ width: 50px; padding-right: 2px;}
ul.card_list li img{ }

/**table**/
table.regit_table th,table.regit_table td{ width: 100%!important; display: block;}
table.regit_table th{ padding-bottom:0.5em;}

/**step**/
#sect_step{	padding-bottom: 0px!important;}
.step_list{}
.step_list li{ font-size: 0.9rem;}
.step_list li.nowon:after{
	border-width: 45px 0 45px 0.75em;
	right: -0.75em;
}

img.img_dlicense{ width: 100%; max-width: 280px;}

.hs_scale li{width: 40%; font-size: 0.85rem; }
.hs_scale li:nth-child(2){width:20%;}
.hs_box:before { padding-top: 14%;}

}