

.headerType1{
  background-color: #48b9ea;
  text-align: center;
  color: #fff;
  font-weight: 700;
  padding: 0.7rem 0 0.5rem;
  font-size: 1.1rem;

}

.flexArea{
  display: flex;
  flex-wrap: wrap;
}
.flexArea > .w50{
  width: calc(50% - 20px);
  margin: 10px;
}
.flexArea > .w33{
  width: calc(33.3333% - 20px);
  margin: 10px;
}

.box25{
  width:25%;
  margin-bottom: 0.3rem;
}
.box30{
  width:30%;
  margin-bottom: 0.3rem;
}
.box33{
  width:33.33%;
  margin-bottom: 0.3rem;
}
.box40{
  width:40%;
  margin-bottom: 0.3rem;
}
.box50{
  width:50%;
  margin-bottom: 0.3rem;
}
.box100{
  width:100%;
  margin-bottom: 0.3rem;
}

.btngroup{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: space-around;
  padding: 0px 3%;
}

.btntype{
  width: 45%;
  padding:0px 8px;
  margin:10px 2.5%;
  height: 40px;
  line-height: 40px;
  color:#fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 9px;
  cursor: pointer;
}

.btntype1{
  background-color: #48b9ea
}
.btntype2{
  background-color: #b5b5b5
}
.btn_text{
  text-align: left;
  font-size: 0.9rem;
}
.btn_arrow{
  text-align: right;
}



.select2-container--default .select2-selection--single .select2-selection__rendered{
  font-size: 12px;
  padding-left: 12px !important;
  line-height: 46px !important;
}
.select2-container .select2-selection--single{
  height: 46px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 46px !important;
}
.agreebox {overflow-y: auto; height: 130px; line-height: 1rem; color:#62727b; font-size: 14px;}
.agreebox span {font-weight: 700; line-height: 1.6rem;}
.agreebox p {padding-left: 10px; line-height: 1.2rem;}
.agreebox ul{list-style-type: lower-alpha;  padding: 3px;}
.agreebox li{margin-bottom: 5px;}


.desctype1{font-size: 0.6em; color: red;}

.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: calc(3.5rem - 10px);
    line-height: 1;
}

.form-floating{
  margin-bottom: 10px;
}

.form-floating>label{
  font-size: 12px;
  top: -3px;
}

input{padding-left: 10px}
ul.nonelist {
  margin: 0px;
  padding: 5px;
}
ul.nonelist.w20{
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
ul.nonelist.w20 li{
  /* width: 20%; */
}
li {
  margin: 4px 0;
}

.contact .info p{
  padding: 3px;
  margin: 0;
}

input[type="radio"], input[type="checkbox"] {width:26px;height:26px; margin:-3px 7px 0 0; vertical-align:middle;}
input[type="text"], input[type="email"], input[type="number"], select {
  height:46px;
  font-size: 14px;
  padding: 10px;
  background-color: #fff !important;
  border:1px solid #ddd;
  width:100%;
}
select{
  font-size: 12px;
}

.btn{
  border: none;
  margin:0px auto;
  font-size: 1.2em;
  font-weight: bold;
}

.focus{
  box-shadow : 0 0 0 0.25rem rgba(13,110,253,.25);
}

.aArea{
  display: flex;
  justify-content: center;
}
.aArea a{
  display: flex; 
  background-color: #EC6606; 
  border-radius: 14px; 
  color: white; 
  font-size: 24px; 
  text-align: center; 
  margin: 20px 10px; 
  width: calc(50% - 20px); 
  padding: 10px; 
  height: 150px; 
  align-items: center; 
  justify-content: center;
  transition: all .3s;
}
.aArea a:hover{
  filter: drop-shadow(2px 4px 6px black);
}

.registEnd{width: 100%;}
.registEnd th,
.registEnd td{
  padding: 10px;
  border: 1px solid #ddd;
}
.registEnd th{
  text-align: center;
  background-color: #f2f2f2;
}
.registEnd td{

}
.regist .chk{
  display: none;
  color: red;
  font-weight: bold;
  font-size: 1.1em;
}
.regist .chk.on{
  display: block;
}

@media(max-width: 510px){
  ul.d-flex > li{
    width: 100%;
  }
}

