@charset "utf-8";


/*slide.cssの読み込み
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@import url(slide.css);


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
* {box-sizing: border-box;}

/*テーブル
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	color: #666;			/*文字色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*ta1設定*/
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
	background: #fff;	/*背景色*/
	color: #666;		/*文字色*/
}

/*ta1の左側ボックス*/
.ta1 th {
	width: 200px;		/*幅*/
	text-align: center;	/*センタリング*/
}
/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox label {
	float: left;
	display: inline-block;
	margin-right: 10px;
}
.ta1 td .specialbox img {
	vertical-align: middle;
}
.ta1 td .specialtext {
	float: left;
	width: 45%;
}
#main form p {
    text-align: center;
}
/*エラーメッセージ関連*/
span.wpcf7-not-valid-tip {
  display: inline-block;
  font-size: 12px;
  color: red;
}

.screen-reader-response {
  margin: 0 0 40px;
  padding: 20px;
  border: 1px solid red;
  display: none;
}

#main .screen-reader-response p {padding: 0;}

.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 12px;	/*ボックス内の余白*/
}

/*入力欄以外のテキストがある場合*/
.ta1 tr.txt td input,
.ta1 tr.old td input {
  margin: 0 0.25em;
  width: 15%;
}
.ta1 tr.txt td span:first-of-type input {margin-left: 0;}

.ta1 span.attent {
  display: inline-block;
  font-size: 13px;
}
.ta1 tr input {
  width: 90%;
  padding: 5px;
}

.ta1 tr textarea {
  width: 99%;
}

.ta1 tr input[type="radio"] {
  width: auto;
  margin: 0 0.25em;
}

.gender label:first-child {margin-right: 0.5em;}

.ta1 tr .address-number input {
  width: 50%;
  margin-left: 0.25em;
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
/*テーブル(ta1)
---------------------------------------------------------------------------*/
.ta1{border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/}
.ta1 th {border-bottom: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/}
.ta1 td {border-bottom: 2px solid #ccc;	/*テーブルの枠線の幅、線種、色*/}

/*余白の上書き*/
.ta1 caption,.ta1 th,.ta1 td {
	padding: 10px;
}
/*テーブル内の左側*/
.ta1 th {
	width: 100px;
  background: #eee;
}
 
table.ta1 {
    font-size: 16px;
    text-align: center;
    border: 2px solid #ccc;
}

table.ta1 tr th,table.ta1 tr td {
    width: 100%;
    display: block;
}
  
.ta1 tr:last-child td {border: none;}

}