/* #top {width:100%; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; padding:20px;  height:80px;  z-index:99; position:absolute; left:0; top:0;   }
#top * {color:#fff}
#top ul {width:100%;  display:flex}
#top ul li {font-size:1.5rem;  padding:0 3%} */

.tab {width:100%; display:flex; margin-bottom:50px; align-items:flex-end;   overflow-x: auto;   white-space: nowrap; position:relative}
.tab:after {width:100%; height:2px; background-color:#0799d3; content:''; display:inline-block; position:absolute; left:0; bottom:0}
.tab  li  {background-color:#fff;  text-align:Center;  display:inline-block;  transition: all 0.1s ease-out; 0; border-radius:7px 7px 0 0; } 
.tab li a {display:inline-block;  line-height:45px; font-size:1.1em; padding:0 20px;    transition: all 0.1s ease-out; color:#333; }
.tab  li.ov {border:2px solid #0799d3; font-weight:600; border-bottom:2px solid #fff; position:Relative; z-index:99 }
.tab  li.ov a {color:#0799d3 }

h3.tit {font-size:1.4em;  font-weight:700; letter-spacing:-1px; color:#333}

 
a.basic_btn {background-color:#0799d3; display:inline-block; color:#fff; width:200px;  text-align:center; padding:12px 0; font-size:1.1em; font-weight:500;   }
  

table.basic {width:100%}
table.basic th {padding:8px; font-weight:500; background-color:#0799d3; color:#fff; border:1px solid #f1f1f1}
table.basic td {padding:8px; border:1px solid #ddd; font-size:.97em; text-align:Center}


 ul.basic {width:calc(100% - 20px); list-style:disc; margin-left:20px;  }
 ul.basic li {width:100%; list-style:disc; margin-bottom:3px;  }
 ul.basic li:last-child {margin-bottom:0}



hr.con_hr {height:30px}

.t_color1 {color:#94ce21}
.t_color2 {color:#0799d3}

.s_t {font-size:.95em; color:#555}

.red {color:red}
.blue {color:#0799d3}
 
 a.list_btn {
    text-align: center;
    line-height: 31px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 0.95rem;
    float: right;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #333;
    border-radius: 3px;
    color: #fff;
	}
 a.list_btn.color2 {
    text-align: center;
    line-height: 31px;
    padding: 0 20px;
    font-weight: 400;
    font-size: 0.95rem;
    float: right;
    margin-top: 15px;
    margin-left: 5px;
    background-color: #fff;
	border:1px solid #333;
    border-radius: 3px;
    color: #333;
	}
a.s_btn   {text-align:center; display:inline-block; box-sizing:border-box; line-height:35px; padding:0 10px; font-weight:500;   font-size:1rem;    background-color:#fff; border:1px solid #333; border-radius:3px;  color:#333;}


.box_100 {width:100%; display:inline-block}
.flex {display:flex}

.flex_box {width:100%; display:flex}
.flex_box.col-3   {justify-content:space-between}
.flex_box.col-3 > div {width:32%; }
.flex_box.a-c {align-items:center}
.flex_box.a-s {align-items:flex-start}
.flex_box img {max-width:100%}
.flex_box.col-2   {justify-content:space-between}
.flex_box.col-2 > div {width:49%; }
.flex_box.col-2 > table {width:49%; }


.bg_box {background-color:#f9f9f9; box-sizing:border-box; padding:30px; }
.bg_box2 {background-color:#f9f9f9; box-sizing:border-box; padding:20px; }

.border_btn_wrap {border-top:1px solid #ddd; padding-top:35px; margin-top:30px}
 
.t1 {font-size:1.7em; font-weight:700; color:#333 }
.t2 {font-size:1.2em; }
.t3 {font-size:1.1em; }
.t4 {font-weight:600; font-size:1.3em}

.t_blue {color:#0799d3}

.t_bg {position:relative; display:inline-block; font-weight:600;   }
.t_bg:after {width:100%; height:15px; position:absolute; content:''; background-color:rgba(0,0,0,.08); bottom:1px; left:0}

.border_box {border:1px solid #94ce21; border-radius:15px;  overflow:hidden;  box-sizing:border-box; }
.border_box h3 {background-color:#94ce21; color:#fff; padding:12px 10px; text-align:center;    box-sizing:border-box; font-size:1.25em; margin-bottom:0; position:relative}
.border_box h3  i {vertical-align:-3px}
.border_box h3:after {content:''; position:absolute; left:calc(50% - 14px); bottom:-15px;  
  width: 0px;
  height: 0px;
  border-top: 15px solid #94ce21;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;

box-sizing:border-box   }


.border_box p {width:100%; box-sizing:border-box; padding:30px 20px 20px 20px; font-size:1em; color:#444; line-height:1.4; text-align:center; }
.border_box div {width:100%; box-sizing:border-box; padding:30px 20px 20px 20px; font-size:1em; color:#444; line-height:1.4;  }

.border_box ul {box-sizing:border-box; padding:30px 15px 20px 15px; }

.border_box:nth-child(2n) {border:1px solid #0799d3}
.border_box:nth-child(2n) h3 {background-color:#0799d3; }
.border_box:nth-child(2n) h3:after {  border-top: 15px solid #0799d3;  }

.number_list {width:100%; }
.number_list li {width:100%; list-style:decimal; margin-left:30px; width:calc(100% - 30px); margin-bottom:3px}
.number_list li:last-child {margin-bottom:0}


.border_line {width:100%; display:flex; flex-wrap:wrap; margin-bottom:-5px}
.border_line li {border:2px solid #ddd; border-radius:5px; padding:10px 25px; margin-right:10px; line-height:1; display:flex; align-items:center; margin-bottom:5px;}
.border_line li img {margin-right:10px}



span.radio_span {display:inline-block }


.radio_box {width:100%; display:flex; }
.radio_box input[type="radio"] + label {
				display: inline-block;
				 width:150px; white-space:nowrap;
				box-sizing:border-box; padding:12px;  text-align:Center;
				background-color:#f5f5f5;  margin-right:5px;
				cursor: pointer; border-radius:5px;  font-size:1em;
			}
.radio_box input[type="radio"]:checked + label { background-color: #94ce21; color:#fff }
.radio_box input[type="radio"] { display: none; }


.radio_box2 {width:100%; display:flex; }
.radio_box2 div {width:33%; padding-bottom:3px; max-width:250px; margin-right:10px; text-align:center}
.radio_box2 div p {font-size:.98em; line-height:1.3; color:#444;  }

.radio_box2 input[type="radio"] + label {
				display: inline-block;
				 width:100%; white-space:nowrap;
				box-sizing:border-box; padding:12px;  text-align:Center;
				background-color:#f5f5f5;  margin-right:5px;
				cursor: pointer; border-radius:5px;  font-size:1em; margin-bottom:3px;
			}
.radio_box2 input[type="radio"]:checked + label { background-color: #94ce21; color:#fff }
.radio_box2 input[type="radio"] { display: none; }


dl.flex_dl {width:100%; display:flex; }
dl.flex_dl dt {margin-right:5px; flex-shrink:0}

footer {width:100%; text-align:center; display:inline-block; background-color:#333; color:rgba(255,255,255,.8); font-size:.96rem; line-height:1.6; padding:40px 0; box-sizing:border-box}


@media all and (max-width:900px) {
		.flex_box {flex-wrap:wrap}
		.flex_box.col-2 > div {width:100%; }
		.flex_box.col-2 > div:nth-child(2) {margin-top:15px}
		.flex_box.col-2 > table {width:100%; }
		.flex_box.col-3 > div {width:100%}
		.flex_box.col-3 > div:nth-child(n+2) {margin-top:15px}
		.t1 {font-size:1.4em;   }
		.t2 {font-size:1.15em; }
		.t3 {font-size:1em; }
		.t4 {font-size:1.15em; }
		.border_box p { padding:20px 3% 15px 3%; font-size:.97em;   }
       .table_wrap {overflow-x:auto}

	   .radio_box2 {flex-wrap:wrap}
	   .radio_box2 div {width:calc(50% - 5px);  margin-right:5px; }
       .radio_box2 div:nth-child(2n) {margin-right:0}


	   footer { font-size:.86rem; line-height:1.3; padding:40px 4%;}

 }