@charset "UTF-8";

.index_body .index_list li{position:relative;padding-left:1em}
.index_body .index_list li:before{content:"・";position:absolute;left:0}
.index_body .index_list li a{color:#222222}
.index_body .index_list li a:hover{text-decoration:none}
.prof_bg{background-color: #f2f2f2;padding:20px 30px;}
.prof_bg .figure_caption{ margin-top: 0; }
.normal_sentence.mrg_none{margin-bottom: 0;}
.summary p{padding-bottom: 0;}
.summary p+p{padding: 10px 0 50px;}
.normal_sentence.mrg_none+.normal_sentence{margin-top: 0;}
.system_area{max-width:874px;padding: 33px 60px 52px;margin: 34px auto 60px;}
.system_area.bg_wrap_01{background-color: #f2f7f2;}
.system_area.bg_wrap_02{background-color: #fcf8f3;}
.system_area.bg_wrap_03{background-color: #f5f5f5;padding: 28px 60px 60px;}
.system_area .border_title{position:relative;text-align:center;font-size: 117.9244%;font-weight: bold;margin-bottom: 30px;line-height: 1.45;}
.system_area.bg_wrap_01 .border_title{color: #098a3f;}
.system_area.bg_wrap_02 .border_title{color: #c55523;}
.system_area.bg_wrap_03 .border_title{margin-bottom: 23px;}
.system_area .border_title:after {content: "";display: block;height: 1px;width: 100%;position: absolute;top: 73%;background-color: #c1c1c1;z-index: 1;}
.system_area.bg_wrap_03 .border_title:after{top: 68%;}
.system_area .border_title span{display:inline-block;position: relative;z-index: 2;padding: 0 5px;}
.system_area.bg_wrap_01 .border_title span{background-color: #f2f7f2;padding: 0;}
.system_area.bg_wrap_02 .border_title span{background-color: #fcf8f3;}
.system_area.bg_wrap_03 .border_title span{background-color: #f5f5f5;}
.system_area .border_title .small_txt{font-size:70%;}
.system_area .num{display:inline-block;width:23px;height:23px;border-radius: 50%;border: 1px solid #098a3f;padding:1px 0;margin-left: 5px;text-align: center;}
.system_area.bg_wrap_02 .num{border: 1px solid #c55523;}
.system_area.bg_wrap_03 .border_title .num{width:auto;height:auto;font-size: 140%;border-radius: inherit;border: none;padding: 0;margin: 0;}
.system_area .circle_list{font-size: 94.334%;position: relative;padding-left: 1em;line-height: 1.2756;}
.system_area .circle_list:before{position: absolute;left: 0;display: inline-block;content: "";width:9px;height: 9px;border-radius:50%;top: 5px;}
.system_area.bg_wrap_01 .circle_list:before{background-color: #30ab63;}
.system_area.bg_wrap_02 .circle_list:before{background-color: #e1713f;}
.system_area .system_text+.circle_list{margin-top: 33px;}
.system_area .circle_list+.circle_list{margin-top: 16px;}
.system_area .system_text{font-size: 76.651%;margin-top: 12px;line-height: 1.77;}
.system_area .system_text+.system_text{margin-top: 5px;}
.system_area .num_list{display: flex;justify-content: space-between;}
.system_area .num_list .num_col{width: 46%;}
.system_area .num_col>li{position: relative;padding-left: 1.8em;font-size: 94.334%;line-height: 1.4;}
.system_area .num_col>li .num{position: absolute;left: 0;font-size: 87.505%;font-weight:bold;color:#098a3f;margin-left: 0;}
.system_area .num_col>li .num.color_txt{color:#c55523;border: 1px solid #c55523;}
.system_area .num_col>li+li{margin-top: 8px;}

@media screen and (max-width:767px){
sub { font-size: 75%; }
.prof_bg{ padding: 20px; }
.summary p+p{padding-bottom: 25px;}
.system_area{padding: 20px 28px 35px;margin-bottom: 32px;}
.system_area .border_title{font-size: 135.707%;margin-bottom: 10px;}
.system_area .circle_list{font-size: 100%;line-height: 1.572;padding-left: 0.7em;}
.system_area .system_text{font-size: 92.85%;margin-top: 5px;line-height: 1.5385;}
.system_area .border_title:after,
.system_area.bg_wrap_03 .border_title:after{top: 70%;}
.system_area .system_text+.circle_list{margin-top: 22px;}
.system_area .circle_list:before{width: 7px;height: 7px;top: 6px;}
.system_area .circle_list+.circle_list{margin-top: 10px;}
.system_area.bg_wrap_03{padding: 20px 28px 32px;margin-bottom: 12px;}
.system_area.bg_wrap_03 .border_title{font-size: 114.286%;margin-bottom: 10px;}
.system_area.bg_wrap_03 .border_title .small_txt{font-size:81.25%; }
.system_area.bg_wrap_03 .border_title .num{font-size: 125%;}
.system_area .num_list{display: block;}
.system_area .num_list .num_col{width: 100%;}
.system_area .num{width: 18px;height: 18px;font-size: 82.711%;}
.system_area .num_col>li{font-size: 100%;line-height: 1.285;}
.system_area .num_col>li+li{margin-top: 12px;}
.system_area .num_col>li .num{width:20px;height:20px;font-size: 92.85%;padding: 2px 0;}
.system_area .num_list .num_col+.num_col{margin-top: 10px;}
}