input {
    font-size: 16px !important;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    text-decoration: none !important;
}
input, select, textarea {
    font-size: 16px;
}


h1{padding:25px 0 !important;}

h2 {
    font-size: 33px;
    line-height: 1.1;
    /*margin-bottom: 12px;*/
    text-align: center;
    font-weight: bold;
    margin: 0 auto 25px;
}

h2 + hr {
    width: 6%;
    margin: 0 auto 36px;
    border-top: 2px solid #aa2f2c;
    border-bottom: 2px solid #aa2f2c;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
}

h5 {
    background-color: #F2EADD;
    padding: 1rem 2rem;
    font-size:20px;
    font-weight: bold;
    text-align: center;
    margin-bottom:15px;
}

#regist {
    background: #f8f8ff;
    padding: 35px 0 60px 0;
}

.form__input .list-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
    list-item__style: none;
}
.form__input .list-item__label {
    flex: 1;
	font-weight: bold;
    margin-bottom: 1rem;
}
.form__input .list-item__label .required {
    color: #fff;
    background-color: #E00707;
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
}
.form__input .list-item__input {
    padding: 1rem 2rem;
}

.select2-selection__rendered {
    line-height: 50px !important;
    padding-left: 1rem;
}
.select2-container .select2-selection--single {
    height: 50px !important;
    padding-left: 1rem;
}
.select2-selection__arrow {
    height: 50px !important;
    padding-left: 1rem;
}
.select2-container .select2-search__field{
    height: 50px !important;
    padding-left: 1rem;
}
.form__input .input-wrap {
    position: relative;
}

@media screen and (min-width: 1025px) {
    .form__input .form__input .form__list .adress {
        display: flex;
        flex-direction: column;
    }
}
.form__input .adress input {
    margin-bottom: 1rem;
}


.form__confirm .list-item {
    padding: 0 0 1rem;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    padding: 0 0 1rem;
    margin-bottom: 2rem;
}

@media screen and (min-width: 1025px) {
    .form__confirm .list-item {
        display: flex;
        border-bottom: 1px solid #CCCCCC;
        padding: 2.5rem !important;
        justify-content: space-between;
    }
}

.form__confirm .list-item__ttl {
    font-weight: bold;
    margin-bottom: 0.2rem;
}

@media screen and (min-width: 1025px) {
    .form__confirm .list-item__ttl {
        flex: 1.5;
    }
}

.form__confirm .list-item__ttl .required {
    color: #fff;
    background-color: #E00707;
    padding: 0.2rem 0.5rem;
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.form__confirm .list-item__input {
    text-decoration: none !important;
}

@media screen and (min-width: 1025px) {
    .form__confirm .list-item__input {
        flex: 2;
        text-align: left;
    }
}


.section-register__txt {
	text-align: center;
    font-size: 20px;
    margin-bottom: 2rem;
}
.section-register__list {
  height: 40vh;
  overflow-y: scroll;
  border: 1px solid #CCCCCC;
  padding: 1rem 1.5rem 1rem 1rem;
}
.section-register__list .list-item {
  margin-bottom: 1rem;
}
.complete .section-register__txt {
  text-align: center;
  margin-bottom: 3rem;
}





@media screen and (min-width: 1025px) {
    .form__btn {
        margin-top: 5rem;
    }
}

.form__btn {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
}
.btn--fill {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  -ms-border-radius: 5rem;
  -o-border-radius: 5rem;
  font-weight: bold;
  font-size: 1.2rem;
  background-color: #E00707;
  color: #fff !important;
  margin: 0 auto;
  display: inline-flex;
  text-align: center;
  padding: 1.5rem 3rem;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  text-decoration: none;
  margin-bottom: 1.5rem;
}
.btn--fill:hover {
    background-color: #ff4d52;
  text-decoration: none;
}

.btn--submit {
    border-radius: 5rem;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    -ms-border-radius: 5rem;
    -o-border-radius: 5rem;
    font-weight: bold;
    background-color: #E00707 !important;
    color: #fff !important;
    margin: 0 auto;
    display: inline-flex;
    text-align: center;
    padding: 1.5rem 3rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    font-size: 1.2rem;
    border: none;
    margin-bottom: 1.5rem;
    cursor: pointer;
}

.btn--border {
    border-radius: 5rem;
    -webkit-border-radius: 5rem;
    -moz-border-radius: 5rem;
    -ms-border-radius: 5rem;
    -o-border-radius: 5rem;
    font-weight: bold;
    font-size: 1.1rem;
    margin: 0 auto;
    display: inline-flex;
    text-align: center;
    padding: 1.5rem 3rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    background-color: #fff;
    color: #F2EADD;
    border: 1px solid #EFC9AE;
    color: #191919 !important;
    font-weight: normal;
    /*margin-top: 3rem;*/
    cursor: pointer;
}
.btn--border:hover {
    background-color: #e6e6ff;
  text-decoration: none;
}

.btn--join {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    font-weight: bold;
    font-size: 0.9rem;
    margin: 0 auto;
    display: inline-flex;
    text-align: center;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    text-decoration: none;
    background-color: #E00707;
    color: #FFF;
    /*border: 1px solid #EFC9AE;*/
    font-weight: normal;
    /*margin-top: 3rem;*/
    cursor: pointer;
}

.btn--join:hover {
    background-color: #ff4d52;
}


.notice{
	margin-top:20px;
	font-size:90%;
	color:#E00707;
}

.alart{
	color:#f00;
	font-weight:bold;
}

.errmsg{
	color:#f00;
	font-weight:bold;
	margin:10px auto;
	text-align:center;
}


.ev_table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  /*max-width: 700px;*/
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
}
.ev_table tr {
  background-color: #e6f1f6;
}
.ev_table tr:nth-child(even) {
  background-color: #fff;
}
.ev_table th, .ev_table td {
  padding: 1em;
}
.ev_table thead th {
  background-color: #4d9bc1;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.ev_table tbody th {
  color: #4d9bc1;
}
@media screen and (max-width: 787px) {
  .ev_table {
    border-radius: 0;
    text-align: left;
  }
  .ev_table thead {
    display:none;
  }
  .ev_table tr {
    background-color: unset;
  }
  .ev_table th, .ev_table td {
    display: block;
    border: 0;
    border-bottom: 1px solid #4d9bc1;
  }
  .ev_table tbody th{
    background: #4d9bc1;
    color:#fff;
    text-align: center;
  }
  .ev_table td::before{
    content: attr(data-label);
    background-color: #e6f1f6;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    min-width: 4em;
    text-align: center;
    margin-right: 0.5em;
    padding: 4px;
    border-radius: 100vh;
  }
  
  .br_pc{
  	display:none;
  }
}

.pass_eye {
    position: absolute;
    /*top: 72%;*/
    top: 70px;
    right: 15px;
    transform: translateY(-50%);
    cursor:pointer;
}


/* --------------
 modules css
-------------- */
/* ---------- font weight */
.bold {	font-weight: bold;}

/* ---------- align */
.alc { text-align: center !important;}
.alr { text-align: right !important;}
.all { text-align: left !important;}

.alt { vertical-align: top !important;}
.alb { text-align: bottom !important;}

/* ---------- float */
.noFloat { float: none !important;}
.fll { float: left;}
.flr { float: right;}
.flc { margin-left: auto; margin-right: auto; }

/* ---------- Cancele */
.both, .clear { clear: both;}

/* ---------- margin,padding */
.mb0 {	margin-bottom: 0px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}
.ml40 {	margin-left: 40px !important;}
.ml50 {	margin-left: 50px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}
.mr40 {	margin-right: 40px !important;}
.mr50 {	margin-right: 50px !important;}

.mt0 {	margin-top: 0px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb30 {	padding-bottom: 30px !important;}

.pt0 {	padding-top: 0px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt20 {	padding-top: 20px !important;}
.pt30 {	padding-top: 30px !important;}

.pl0 {	padding-left: 0px !important;}
.pl5 {	padding-left: 5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl20 {	padding-left: 20px !important;}
.pl30 {	padding-left: 30px !important;}

.pr0 {	padding-right: 0px !important;}
.pr5 {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr20 {	padding-right: 20px !important;}
.pr30 {	padding-right: 30px !important;}

/* ---------- font size */
.fs08 { font-size:61% !important;}
.fs09 { font-size:69% !important;}
.fs10 { font-size:77% !important;}
.fs11 { font-size:85% !important;}
.fs12 { font-size:93% !important;}
.fs13 { font-size:100% !important;}
.fs14 { font-size:108% !important;}
.fs15 { font-size:116% !important;}
.fs16 { font-size:123.1% !important;}
.fs17 { font-size:131% !important;}
.fs18 { font-size:138.5% !important;}
.fs19 { font-size:146.5% !important;}
.fs20 { font-size:153.9% !important;}
.fs21 { font-size:161.6% !important;}
.fs22 { font-size:167% !important;}
.fs23 { font-size:174% !important;}
.fs24 { font-size:182% !important;}
.fs25 { font-size:192.3% !important;}
.fs26 { font-size:197% !important;}
.fs30 { font-size:227.3% !important;}

/* ---------- float */
.fll { float: left;}
.flr { float: right;}

/* ---------- width */
@media screen and (min-width: 1025px) {
.wd5 {width: 5% !important;}
.wd10 {width: 10% !important;}
.wd15 {width: 15% !important;}
.wd20 {width: 20% !important;}
.wd25 {width: 25% !important;}
.wd30 {width: 30% !important;}
.wd35 {width: 35% !important;}
.wd40 {width: 40% !important;}
.wd45 {width: 45% !important;}
.wd50 {width: 50% !important;}
.wd55 {width: 55% !important;}
.wd60 {width: 60% !important;}
.wd65 {width: 65% !important;}
.wd70 {width: 70% !important;}
.wd75 {width: 75% !important;}
.wd80 {width: 80% !important;}
.wd85 {width: 85% !important;}
.wd90 {width: 90% !important;}
.wd95 {width: 95% !important;}
.wd100 {width: 100% !important;}
}

ul{list-style:none;}