@charset "UTF-8";
/*プライバシー*/
#praibacy{width:80%; margin:150px auto;}
#praibacy p{width:80%; margin:0 auto;}
.clearfix{clear:both;}

/*コンタクト*/
#contact{width:80%; margin:90px auto;}
#contact2{width:80%;margin:150px auto 90px;}
.contacttable{margin:30px 0;}
input[type=text]{;height:25px;}
.contacttable th{color:#000000; text-align:left; width:30%; height:40px;}
.contacttable td{width:70%;}

.namae1{width:100%;margin:0px; padding:0px;}
.namae2{width:100%;margin:0px; padding:0px;}
.mail1{width:100%;margin:0px; padding:0px;}
.naiyou{width:100%;margin:0px; padding:0px;}

.submit-btn {width:180px; background-color:#00984E; color:#fff; font-weight:bold;font-size:1.1em;line-height:1.5em; border:none;  padding:12px 24px;border-radius: 4px; margin:10px; 
  cursor: pointer;  /* カーソルをポインターに */transition: background-color 0.3s ease; /* ホバー時の変化を滑らかに */}


.contact_ta{width:80%;margin:20px auto;border-collapse:collapse; /* 隙間をなくす */}
.contact_ta th, td {padding: 20px;text-align: left;position: relative;vertical-align: top;}
.contact_ta th {width:25%; /* PCでの項目幅 */font-weight: bold;}
/* 下線（共通） */
.contact_ta tr {border-bottom: 1px solid #565656;}
/* 最後の行だけ下線を消す */
.contact_ta tr:last-child {border-bottom: none;}
/*-------thの右側の縦線（疑似要素）------*/
.contact_ta th::after {content: "";display: block; width: 2px; height: 50%; /* 線の高さ（余白を作るポイント） */  background-color: #565656; position: absolute; right: 0; top: 25%; /* 中央に配置 */ border-radius: 40px;}
/*---スマホ対応（レスポンシブ）----*/
@media screen and (max-width: 640px) {.profile-table {  width: 90%; }
/* テーブル要素をブロック化して縦積みにする */
.contact_ta {width: 80%; margin:20px auto;}
.contact_ta tr,th,td { display:block; width:100%; box-sizing:border-box;}
.contact_ta tr {margin-bottom:5px; border-bottom: 1px solid #565656;}
.contact_ta tr:last-child{ argin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.contact_ta th { padding: 10px 0 5px;width: 100%; }
.contact_ta .contact_ta td { padding: 0 0 10px; }
/* スマホではth右の縦線を消す */
.contact_ta th::after{display: none;}}