#sample {
margin-top:10px;
}

/* 必須 */
.Form .hissu {
width: 30px;
height: 15px;
line-height: 15px;
background-color: #e78543;
color: #fff;
display: inline-block;
font-size: 8px;
margin-right: 15px;
text-align: center;
border-radius: 2px;
}

/* radioボタン部分 */
[type="radio"]{
margin-left: 5px;
margin-right: 5px;
}
label {
margin-right: 15px;
white-space: nowrap;
}


.Form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 830px;
}
@media screen and (max-width: 768px) {
  .Form {
    margin-top: 40px;
  }
}

/* 欠席・振替：フォームてすと */
#sample2 {
  margin-top:5px;
}
.border-bottom{
  border-bottom: solid 1px;
}



/* 申込者ここから */
  /* ラジオボタン */
  .js-check{
  margin-top: 34px;
  margin-left: 30px;
  }

  .Form-Item_2 {
    border-top: 1px solid #ddd;
    padding-top: 24px;
    padding-bottom: 24px;
    max-width: 100%;
    align-items: center;
  }
@media screen and (max-width: 768px) {
  .Form-Item_2 {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}


  /* 入力欄 */
  #moushikomi_name{
  margin-left: 275px;
  }
  #moushikomi_name > .mo_text{
  font-size: 15px;
  font-weight: bold;
  }
  @media screen and (max-width: 768px) {
  #moushikomi_name{
  margin-left: 15px;
  font-size: 15px;
  }
}
/* 申込者ここまで */


/* チェックボックス位置調整 */
input[type=checkbox] {
	transform: scale(1);
	margin: 0 8px 0 0;
}

.Form-Item {
  border-top: 1px solid #ddd;
  padding-top: 24px;
  padding-bottom: 24px;
  max-width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .Form-Item {
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
  }
}
.Form-Item:nth-child(5) {
  border-bottom: 1px solid #ddd;
}

.Form-Item-Label {
  width: 275px;
  font-weight: bold;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .Form-Item-Label {
    max-width: inherit;
/*     display: flex; */
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}

.Form-Item-Label2 {
  font-weight: bold;
  font-size: 15px;
}

.memo {
font-size: 14px;
font-weight: normal;
color: rgb(223, 0, 0);
}
@media screen and (max-width: 768px) {
.memo {
margin-top: 100px;
margin-left: -88px;
  }
}

.bikou {
width: 250px;
margin-top: 28px;
}
.bikou_2 {
width: 273px;
margin: -30px auto 55px;
}
.bikou_3 {
width: 535px;
margin: -30px auto 18px;
}
.bikou_4 {
width: 285px;
margin: -50px auto -5px;
}
/* 非表示 */
/* @media screen and (max-width: 700px) {
.bikou {
display: none;
  }
} */

.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #5bc8ac;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}

.Form-text-mini{
margin-left: 275px;
margin-top: -15px;
margin-bottom: 16px;
color: rgb(100, 100, 100);
font-size: 13px;
}
@media screen and (max-width: 768px) {
  .Form-text-mini{
    margin-top: -5px;
    margin-left: 14px;
    line-height: 20px;
  }
}

.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  width: 340px;
  background: #eaedf2;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .Form-Item-Input {
    max-width: 100%;
    margin-left: 0;
    margin-top: 8px;
  }
}

.Form-Item-Input2 {
  margin-left: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 90%;
  max-width: 110px;
  background: #eaedf2;
  font-size: 15px;
}

.Form-Item-Input3 {
  margin-top: 5px;
  margin-bottom: 30px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 340px;
  background: #eaedf2;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .Form-Item-Input3 {
    max-width: 95%;
    margin-left: 0;
    margin-top: 8px;
  }
}

/* 希望日・時間入力枠 */
.day_time_space{
margin: 15px auto;
}
@media screen and (max-width: 768px) {
  .day_time_space{
  text-align:center;
  }
}

.Form-Item-Input4 {
  margin-left: -10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 90%;
  max-width: 200px;
  background: #eaedf2;
  font-size: 15px;
}




.address {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  margin: 5px;
  height: 48px;
  flex: 1;
  width: 340px;
  background: #eaedf2;
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  .address {
    width: 85%;
  }
}

.p-postal-code{
  width: 150px;
}


/* 体験授業：希望スケジュール */
.container {
  display: flex;
  align-items: center;
  width: 820px;
}
@media screen and (max-width: 768px) {
  .container {
    flex-direction: column;
    width: 100%;
  }
}

.schedule_title{
font-size: 18px;
font-weight: bold;
letter-spacing : 3px;
margin-top: -10px;
margin-left: 15px;
margin-bottom: 15px;
}

.schedule_test {
  margin: 3px;
  background: #d3c0b5;
  margin-bottom: 30px;
  width: 820px;
}
@media screen and (max-width: 768px) {
  .schedule_test {
    width: 100%;
  }
}
.schedule_test th {
  background: #d3c0b5;
  padding: 1px;
  letter-spacing : 5px;
}
.schedule_test td {
  display:block;
  background: #ffffff;
  padding: 10px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  border: 0.5px solid #d3c0b5;
}

@media screen and (max-width: 640px) {
  .tbl-r04 {
    width: 80%;
  }
  .tbl-r04 .thead {
    display: none;
  }
  .tbl-r04 tr,
  .tbl-r04 td{
    display: block;
    width: 100%;
    position: relative;
  }
  .tbl-r04 td {

    background: #e9727e;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    height: 40px;
    padding: 10px;
    position: absolute;
    top: -41px;
    left: -0.2%;
    display: block;
    width: 100.5%;
  }
  .tbl-r04 tr {
    margin-bottom: 40px;
  }
}
/* /// テーブル：ここまで ▲ /// */


.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 15px;
}

@media screen and (max-width: 768px) {
  .Form-Item-Textarea {
    margin-top: 10px;
    margin-left: 0;
    height: 200px;
    font-size: 15px;
  }
}

/* 送信ボタン */
.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #af8063;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align:center;
}
.Form-Btn:hover{
background: #c58f6d;
}
@media screen and (max-width: 768px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}

/* 送信ボタン：最終確定送信用 */
.Form-Btn-fin {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #ff802b;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align:center;
}
.Form-Btn-fin:hover{
background: #ff9d5c;
}
@media screen and (max-width: 768px) {
  .Form-Btn-fin {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    height: 80px;
    font-size: 16px;
  }
}


/* 確認ボタン */
.kakunin-Btn {
display: block;

  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #af8063;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align:center;
}
.kakunin-Btn:hover{
background: #c58f6d;
}
@media screen and (max-width: 768px) {
  .kakunin-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 160px;
    font-size: 16px;
  }
}


/* チェックボックス*/
input#consent1{
  text-align: left;
  margin: 0;
}
input#consent1 + label{
  text-align: left;
  width: 600px;
}
#interlock{
  pointer-events: none; /*クリックをキャンセル*/
}
#consent1:checked ~  #interlock {
  pointer-events: auto; /*キャンセルを解除*/
}
@media screen and (max-width:767px)  { 
input#consent1 + label{
width: 100%;
}
}/* SP END */

/* 同意：確認ボタン */
.doui-kakunin-Btn {
display: block;

  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #af8063;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  text-align:center;
}
.doui-kakunin-Btn:hover{
background: #c58f6d;
cursor: pointer;
}
.doui-kakunin-Btn[type="submit01"][disabled] {
    color: #ccc;
    border: 1px solid #ccc;
    background-color: #fff;
}
@media screen and (max-width: 768px) {
  .doui-kakunin-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 230px;
    font-size: 16px;
  }
}

/* 「※」を行頭に使った文章で2行目以降を1文字分空ける */
#text_block {
font-size: 15px;
margin-bottom: 0.7em;
}
#text_block p {
 margin-left:1em;
 text-indent:-1em;
 text-align: justify; /* 両端揃え(均等割り付け) */
 line-height: 1.4em /* 行間 */
}
