@charset "utf-8";
/* form.css */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.entry * {
  font-family: 'Noto Serif JP', serif;
}

#formtable{
	margin:0 auto;
	width: 100%;
	border:0;
}
#formtable + .button{
	text-align: center;
}
#formtable .fm_tx{
	margin-bottom:10px;
	text-align:center;
}

#formtable h3.tbl_ttl{
	text-align:left;
	font-size: 1.8rem;
  font-family: 'Noto Serif JP', serif;
	border-left:6px solid #A31F14;
	padding-left:5px;
	margin-bottom:3px;
}

#formtable table{
	border-collapse:collapse;
	width:100%;
	margin-bottom:40px;
	border-top:1px dotted #444;
}
#formtable table th{
	color:#000;
	background-color:#fafaf8;
	text-align:left;
	padding:10px;
	font-weight:bold;
	vertical-align:top;
	width: 28%;
	
	border-bottom:1px dotted #444;
}

#formtable table td{
	color:#000;
	background-color:#fff;
	text-align:left;
	padding:10px;
	
	border-bottom:1px dotted #444;
}
	#formtable table th:last-child{
		border-bottom:none;
	}
	

#formtable div.soushin{
	text-align:center;
	padding:15px 0;
}
#formtable div.soushin p{
	margin:0 auto 10px auto;
  text-align: center;
}

#formtable table .chu_tx{
	font-size: 1.4rem;
	color:#4a2f0c;
}
#formtable table .chu_tx2{
	font-size: 1.4rem;
	color:#06C;
}

#formtable table span{
	font-size: 1.4rem;
	font-weight:normal;
}
#formtable span.kome{
	color:#c74551;
	font-size: 1.4rem;
}
#formtable table div.day_ht{
	margin-bottom:10px;
}

#formtable input{
	vertical-align:middle;
	margin-right:2px;
	margin-bottom:4px;
  padding: .5em;
}
#formtable select{
	margin-bottom:3px;
}

#formtable input,#formtable textarea,#formtable select{
	font-size:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#formtable .w26{
	width:20%;
}


#formtable button {
	font-size: 2.2rem;
  background: #ce655c;
	color:#ffffff;
	font-weight: 500;
	padding: 10px 20px;
	margin:0 10px;
  cursor: pointer;
  transition: opacity .3s;
}
#formtable button:hover {
  opacity: .7;
}


@media only screen and (max-width: 768px) {
  #formtable table, tbody, tr, th, td {
    display: block;
  }
  #formtable{
    width:100%;
  }
  #formtable .fm_tx{
    text-align:left;
  }
  #formtable table th,
  #formtable table td{
    padding:5px;
    border-bottom:none;
  }

  #formtable table th{
    width: 100%;
    margin-bottom:3px;
  }
  #formtable table td{
    margin-bottom:15px;
  }

  #formtable table .chu_tx{
    font-size: 3.2vw;
  }
  #formtable table .chu_tx2{
    font-size: 3.2vw;
  }

  #formtable table div.day_ht{
    margin-bottom:15px;
  }

  /* form */
  #formtable input,
  #formtable textarea,
  #formtable select{
    padding:10px;
    width: 100%;
  }
  #formtable .w26{
    width:26%;
  }
  #formtable .h25{
    height:35px;
    margin-bottom:6px;
  }
  #formtable .h50{
    height:50px;
  }

  #formtable .nosize{
    width:auto;
  }


  #formtable button {
    font-size: 4.8vw;
    margin:0 3px;
  }

}

/* line 202207追加 */
h3.sub_ttl{
	font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
}
.line_wrap{
  position: relative;
  width: 100%;
  margin: auto;
  background: #fafaf8;
  padding: 2em 1em 1.5em;
  box-sizing: border-box;
  margin-bottom: 2.5em;
}
.line_wrap::after{
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 18px 0 18px;
  border-color: #00B900 transparent transparent transparent;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.line_wrap .txt1{
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: .8em;
  text-align: center;
}
.line_wrap table{
  width: 100%;
  max-width: 480px;
  margin: 0 auto 2.5em;
}
.line_wrap table td {
  text-align: center;
  font-weight: 600;
}
.line_wrap table td a{
  display: inline-block;
  margin: auto;
}
.line_wrap table p{
  text-align: center;
}
.line_wrap .txt_wrap{
  width: 100%;
}
.line_wrap .method_inn{
  display: flex;
  width: 100%;
}
.line_wrap .txt_wrap p{
  text-align: left;
  padding: 0 1em;
}
.line_wrap .txt_wrap p span{
  color: #00B900;
}
.line_wrap .txt_wrap .method_inn + p{
  margin-top: 20px;
}
span.marker {
  background:linear-gradient(transparent 60%, #ff6 60%);
}

@media screen and (max-width: 768px) {
  h3.sub_ttl{
    font-size: 5.6vw;
    margin-bottom: 5%;
  }
  .line_wrap .txt1{
    margin-bottom: 1em;
  }
  .line_wrap td:nth-of-type(2){
    margin-top: 1.5em;
  }
  .line_wrap .method_inn{
    display: block;
  }
  .line_wrap .txt_wrap p{
    padding: 0;
  }
  .line_wrap .txt_wrap p + p{
    margin-top: .8em;
  }
  
  .entry.comp{
    padding-bottom: 10%;
  }
  
}