/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 15 2025 | 04:40:00 */
label.up_link {
  display: block;
  cursor: pointer;
  background: #333;
  color: #fff;
  font-size: 1.2em;
  line-height: 2;
  text-align: center;
}
.up_link::before{
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "\f030";
  margin-right: .3em;
}
label.up_link + img{
  width: 100%;
}
label.up_link input{
  display: none;
}

.form_line{
	border: dashed 2px #ccc !important;
	padding:10px;
	margin-bottom:20px;
}



.img_form {
  position: relative;
  width: 300px;
	margin:auto;

  }
.img_form img {
    max-height: 200px; /* 画像の最大高さを指定 */
    width: auto; /* 幅は画像の比率に合わせて調整 */
    object-fit: contain; /* 画像の比率を保ちながら調整 */
	margin: 0 !important;
}
a.del{
  text-decoration: none;
}
a.del::after{
  position: absolute;
  top: 9px;
  right: 9px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
  font-size: 1.5em;
  color: #000;
}
a.del::before{
  content: "";
  position: absolute;
  top: 7px;
  right: 7px;
  width: 1.8em;
  height: 1.8em;
  background: #fff;
  border-radius: 50%;
}
.sp {
	font-size:90%;
	margin:5px 0;
}


@media(min-width:751px){
    .sp{
        display: none !important;
    }
.contact_table td{
	position:relative;
}
.contact_table td .form_line {
    position: absolute !important;
    top: 10%;
    left: 20%;
	right: 20%;
	bottom: 10%;
     box-sizing: border-box; /* ボーダーも含めてサイズ調整 */
	width: calc(100% - 40%); /* 左右の余白分を引いた幅 */
	height: calc(100% - 20%); /* 左右の余白分を引いた幅 */
	display: flex; /* フレックスボックスに設定 */
    align-items: center; /* 縦方向の中央揃え */
    justify-content: center; /* 横方向の中央揃え */
	margin-bottom:0;
}
}
	@media(max-width:750px){
    .pc{
        display: none !important;
    }
	
		
}
@media all and (min-width:768px) and (max-width: 1203px) {
	.contact_table th p{font-size:80% !important;}
}
/* ========================================
     送信完了後のフォーム非表示
 ========================================= */
.sent .general {
display: none;
}