/* basic */
.sta1 { display: inline-block; padding: 3px 8px; border: 1px solid #0072bc; background-color: #fff; box-sizing: border-box; cursor: pointer; color: #0072bc; font-size: 1.6rem; border-radius: 0.5rem; }
.sta1:hover { color: #fff; background-color: #0072bc; transition: 0.2s; }
.sta1d { display: inline-block; padding: 3px 8px; border: 1px solid #0072bc; background-color: #0072bc; box-sizing: border-box; cursor: pointer; color: #fff; font-size: 1.6rem; border-radius: 0.5rem; }
.sta1d:hover { background-color: #fff; color: #0072bc; transition: 0.2s; }
.sta2 { display: inline-block; padding: 3px 8px; border: 1px solid #ee145b; background-color: #fff; box-sizing: border-box; cursor: pointer; color: #ee145b; font-size: 1.6rem; border-radius: 0.5rem; }
.sta2:hover { background-color: #ee145b; color: #fff; transition: 0.2s; }
.sta2d { display: inline-block; padding: 3px 8px; border: 1px solid #ee145b; background-color: #ee145b; box-sizing: border-box; cursor: pointer; color: #fff; font-size: 1.6rem; border-radius: 0.5rem; }
.sta2d:hover { background-color: #fff; color: #ee145b; transition: 0.2s; }
.sta3 { display: inline-block; padding: 5px 100px; border: 1px solid #009388; background-color: #fff; box-sizing: border-box; cursor: pointer; color: #009388; font-weight: bold; font-size: 1.8rem; border-radius: 0.5rem; }
.sta3:hover { background-color: #009388; color: #fff; transition: 0.2s; }
.sta3d a { display: inline-block; padding: 5px 8px; border: 1px solid #009388; background-color: #009388; box-sizing: border-box; cursor: pointer; color: #fff; font-size: 1.6rem; border-radius: 0.5rem; }
.sta3d a:hover { background-color: #fff; color: #009388; transition: 0.2s; }

.scroll-vew { overflow-x: auto; margin: 0 0 4rem 0; }

/* basic */

/* list */
.sta-tit { clear: both; width: 100%; margin: 0 0 0.5rem 0; box-sizing: border-box; padding: 0 0 0 3.3rem; font-size: 2.4rem; color: #333; font-weight: bold; background: url('../images/h4_icon.png') left 50% no-repeat; }
.sta-tit:not(first-child) { margin: 0 0 1rem 0; }

.sta-tbl { width: 100%; }
.sta-tbl th, td { border: 1px solid #d2d2d2; padding: 1rem; line-height: 160%; text-align: center; font-size: 1.8rem; }
.sta-tbl th { font-weight: bold; width: calc(100% / 20); border-bottom: 1px solid #11509a; border-top: 2px solid #11509a; }
.sta-tbl td { word-break: break-all; }
/* list */

/* write */
.sta-anne { width: 100%; margin: 0 0 1rem 0; padding: 1.5rem 2rem; box-sizing: border-box; border: 1px solid #d2e4ff; background: url('../images/sinfo_img.png') 96% center no-repeat #f1f6fe; border-radius: 0.5rem; }
.sta-anne li { margin: 0 0 0.5rem 0; line-height: 2.5rem; }
.sta-anne li span { display: inline-block; width: 2.5rem; height: 2.5rem; background-color: #000; color: #fff; border-radius: 100%; text-align: center; margin: 0 0.5rem 0 0; }
.sta-anne li strong { color: #034694; }
.sta-anne li:last-child { margin: 2rem 0 0 0; }
.sta-anne li:last-child:before { display: inline-block; width: 2.5rem; height: 2.5rem; text-align: center; content:'\0021'; color: #fff; background-color: red; border-radius: 100%; margin: 0 0.5rem 0 0; }
.sta-anne li:last-child strong { color: red; }

.sta-con { clear: both; width: 100%; margin: 0 0 30px 0; padding: 20px; border: 8px solid #d7d7d7; box-sizing: border-box; }

.sta-con-tit { clear: both; width: 100%; box-sizing: border-box; border-radius: 0.5rem; margin: 0 0 1rem 0; }
.sta-con-tit table th { font-size: 1.8rem; }
.sta-con-tit table th, td { border: 1px solid #d7d7d7; }
.sta-con-tit table td input[type="text"] { width: 100%; box-sizing: border-box; }
.sta-con-tit table td select { width: 100%; box-sizing: border-box; cursor: pointer; }

.sta-align-right { text-align: right; }
.sta-align-left { text-align: left; }
.sta-align-center { text-align: center; }
.sta-con-tbl { width: 100%; border-top: 2px solid #333; }
.sta-con-tbl td { text-align: center; }
.sta-con-tbl td input { width: 7rem; }
.sta-con-tbl tr:first-child > td { background-color: #f7f7f7; font-size: 1.8rem; font-weight: bold; }
.sta-con-tbl tr:first-child > td:not(:first-child) button { width: 100%; }
.sta-con-tbl td:first-child button { width: 100%; }

.sta-btn-wrap { text-align: right; margin: 1rem 0 3rem 0; }
.sta-btn-wrap2 { text-align: center; margin: 10px 0; }
/* write */