@charset "utf-8";

/*
souba
--------------------------------------------------------------------------*/
#soubaContents { margin: 0 auto 30px; padding: 0 0 30px; letter-spacing: 0.12em; line-height: 1.8; border-bottom: 1px solid #D1D1D1; }
#soubaContents .inr { padding: 0; }
#soubaContents .notes { padding: 30px 10px; margin: 30px 0 0; border-top: 1px solid #D1D1D1;  }


h1.step { font-size: 14px; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #D1D1D1; }
h1.step, h2.step ,.sub_tlt { margin: 30px 0; padding: 0 30px; border-left: 3px solid #D1D1D1; line-height: 1; border-bottom: none; }
h1.step span.en_f, h2.step span.en_f, .sub_tlt span.en_f { font-size: 25px; color: #1568AA; display: block; padding-bottom: 8px; }
.sub_tlt span.en_f { padding-bottom: 0; }
h2.res_tlt { font-size: 18px; font-weight: bold; margin-bottom: 30px; padding-top: 30px; }
h2.res_tlt span { font-weight: normal; }
#soubaContents .notes h3 { font-weight: bold; padding: 15px 0; color: #666; }

/* reset -----------------------------*/

.type3{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;	
}
#soubaContents ul li { list-style: none; }
#soubaContents .clear { clear: both; }
#soubaContents .clearfix, #soubaContents .cf { overflow: hidden; }  
/* IE6 */* html #soubaContents .cf { zoom: 1; }

#soubaContents .center, #soubaContents .c { text-align: center; }
#soubaContents .txt_right { text-align: right; }


/* text ------------------------------*/
.std_txt { line-height: 1.8; }
.en_f { font-family: 'Share Tech Mono', sans-serif; }


/* list ------------------------------*/
/* .s_btn li { background: #ECECEC url("../souba/img/bg_btn_hvr.png") repeat-x left top; }
.s_btn a { display: block; background: #ECECEC url("../souba/img/bg_btn.png") repeat-x left top; text-decoration: none; }
*/
.s_btn a:hover { background-image: none; background-color: transparent; color: #1568AA; }

.type2 { width: 780px; margin: 60px 0; }
.type2 li { width: 373px; line-height: 60px; border: 1px solid #D1D1D1; text-align: center; }

.type3 { width: 100%; margin: 60px 0; }
.type3 li { width: 255px; line-height: 60px; margin-bottom: 4px; border: 1px solid #D1D1D1; text-align: center; }
.type3 li { margin: 4px; }

.type_wide { width: 100%; margin: 60px 0; }
.type_wide li { margin-bottom: 4px; border: 1px solid #D1D1D1; }
.type_wide li a { padding: 5px 10px; }
.type_wide li span {  }


/* list ------------------------------*/
.selected_wrap { margin-bottom: 60px; }
dl.selected { width: 760px; margin: 0 auto 15px; border: 1px solid #D1D1D1; padding: 10px; }
dl.selected dt, dl.selected dd { line-height: 25px; height: 25px; }
dl.selected dt { width: 80px; float: left;  border-right: 1px solid #EFEFEF; }
/* dl.selected dd { width: 640px; float: right;  text-align: left; }  2022/03/27 */
dl.selected dd { width: 618px; float: right;  text-align: left; }  /* 2022/03/27 */
dl.selected dd span { padding-left: 10px;  }


/*result ------------------------------*/
.f_info { margin-bottom: 30px; border: 1px dotted #D1D1D1; padding: 30px; font-size: 14px; }
.f_info table { border-collapse: collapse; width: 100%; border-top: 1px dotted #D1D1D1; margin-top: 10px; }
.f_info td, .f_info th { font-size: 12px; border-bottom: 1px dotted #D1D1D1; padding: 5px 0; }
.f_info th { width: 135px; color: #1568AA; text-align: left; font-weight: normal; }

#res_p { padding: 15px 0; border-bottom: 1px solid #D1D1D1; border-top: 1px solid #D1D1D1; }
#res_p p {  text-align: right; }
#res_p p span { font-size: 65px; color: #CC0066; vertical-align: middle; font-weight: bold; }
#res_p p span.tt { font-size: 20px; padding: 0 0.1em 0 0.5em; }
#res_p p span.kara { font-size: 30px; }

.txt_right { width: 380px; float:right; font-weight: bold; }
#res_p .satei_txt { width:400px; float:left; text-align:left;  padding-top:20px; }
.m_bottom { margin-bottom:10px; }

#flot { width: 100%; height: 350px; margin: 30px auto; }

#no-data { padding: 50px 0; text-align: center; color: #BF0000; border: 1px solid #D1D1D1; margin: 30px 0; }

.rt { position: relative; }


/* スマホ */
@media screen and (max-width: 850px){
.type_wide li a { display: block; width: 100%; }	
.type3 li{ width: 100%!important; margin-right: auto; margin-left: auto; }
.type3 li a { display: block; width: 100%; }
#res_p p.state_txt { text-align: left; }
.f_info { font-size: 2.0rem; }
.f_info td, .f_info th {font-size: 2.0rem; }
}

@media (min-width: 851px){
.link_state { margin-left: 420px; padding-left: 40px; border-left: 1px solid #D1D1D1; }
#res_p p.state_txt { display: block; width: 340px; position: absolute; top: 60px; left: 0; text-align: left; font-size: 16px; }	
	
}