@charset "utf-8";
/* CSS Document */



/*会社概要

/*テーブル
---------------------------------------------------------------------------*/

/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}
/*ta1テーブルブロック設定*/
.ta1 {
	font-size: 14px;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;			/*テーブル内の余白*/
}
/*テーブルの左側ボックス*/
.ta1 th {
	text-align: center;	/*センタリング*/
	width: 30%;			/*幅*/
}

/*マップ
---------------------------------------------------------------------------*/
.map {
  width: 100%;
  position: relative;
  padding-top: 56.25%;

}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*問い合わせ
---------------------------------------------------------------------------*/

.contact-form{
	display: flex;
	justify-content: center;
	padding-top: 20px;
}


form{
	width: auto;
	margin-bottom: 0 auto;
}

.item{
	overflow: hidden;
	margin-bottom: 50px;
}

.label{
	float: left;
	margin-right: 20px;
	width: 160px;
	border-left: 3px solid #555;
	padding-left: 10px;

}

.inputs{
	float: left;
	width: 300px;
}

input[type="text"],
input[type="email"]{
	border: solid 1px #999;
	padding: 10px;
	font-size: 13px;
	border-radius: 5px;	
	color: #555;
}

#send{
	margin-top: 50px;
}

title{
	font-size: 13px;
	color: #555;
}

textarea{
	border: 1px solid #999;
	border-radius: 5px;
	padding: 10px;
	height: 160px;
	width: 300px;
	font-size: 13px;
	color: #555;
	margin-bottom: 20px;
}

.button-area{
	text-align: center;
	margin-top: 0px;
}

.button-area p{
	text-align: center;
	font-size: 13px;
	color: #555;
}

.g-recaptcha{
	display: flex;		
	justify-content: center;
}


/*デザエッグフォームボタン
---------------------------------------------------------------------------*/

.button-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    margin: 0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #ff8800;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
	margin-bottom: 30px;
	margin-top: 30px;
	}

.button-55::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.button-55:hover {
    background-color: #ef7800;
}

.button-55 a {
    text-decoration-line:none;
	color: #fff;
}