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

html {
	font-size: 62.5%;
	height: 100%;
}
body {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
	height: 100%;
	max-width: 100%;
	margin: 0 auto;
	font-size: 14px;
}
#wrapper {
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	width: 100%;
}
header {
	background: #333333;
	width: auto;
	height: auto;
}
#contents {
	background: #FFFFFF;
	font-size: 1.6rem;
	position: relative;
}
a:link, a:visited {
	text-decoration: none;
}
img {
	max-width: 100%;
	width: auto;
}
td.table_a_right a {
	color: blue;
}

/*********************************************************
sec1　1024px以上　PC画面表示CSS
*********************************************************/
header .logo {
	margin: 0 auto;
	width: 80%;
	padding: 10px 0 10px 0;
}
.logo img {
	margin: 0 auto;
}
.sec_box {
	width: 100%;/*border: 5px solid #000;*/
}
.sec_box div {
	width: 80%;
	margin: 0 auto;/*border: 5px solid #FF0000;  */
}

#sec1 {
	margin: 0 auto;
	background: #FFFFFF;
	padding: 20px 0;
}
#sec1 .table_a {
	width: 100%;
	margin: 20px 0;
}
#sec1 .table_a th {
	padding: 10px;
	border: 1px solid #dddddd;
	background: #f4f4f4;
}
#sec1 .table_a td {
	padding: 15px;
	border: 1px solid #dddddd;
	text-align: left;
}
#sec1 th.table_a_left {
	text-align: center;
	vertical-align: middle;
}
#sec1 td.table_a_right {
	line-height: 1;
	width: 80%;
}


/*******************************************
sec1 768px～1024pxまで　タブレット画面表示CSS
*******************************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	header {
		background: #333333;
		width: auto;
	}
	header .logo {
		width: 95%;
		margin: 0 auto;
	}
	#contents {
		max-width: 100%;
		height: 100%;
		background: #FFFFFF;
		font-size: 1.6rem;
	}
	.sec_box {
		width: 100%;
	}
	.sec_box div {
		width: 95%;
		margin: 0 auto;
	}
	h1 {
		font-size: 2.0rem;
	}
	#sec1 {
	}
	#sec1.table_a {
	}
	#sec1 .table_a th {
		width: 25%;
		padding: 10px 15px;
		border: 1px solid #dddddd;
		background: #f4f4f4;
	}
	#sec1 .table_a td {
		padding: 15px;
		border: 1px solid #dddddd;
		text-align: left;
		width: inherit;
	}
	.table_a tr:first-child th {
		border-top: 1px solid #ddd;
	}
}

/*******************************************
sec1 768px以下 画面表示CSS
*******************************************/
@media only screen and (max-width: 768px) {
	header {
		background: #333333;
		width: auto;
	}
	header .logo {
		margin: 0 auto;
		width: 95%;
	}
	#contents {
		width: 100%;
		height: 100%;
		background: #FFFFFF;
	}
	.sec_box {
		width: 100%;
	}
	.sec_box div {
		width: 95%;
		margin: 0 auto;
	}
	#sec1 {
		margin: 0 auto;
		background: #FFFFFF;
		padding: 10px 0;
	}
	#sec1 table.table_a {
		width: 100%;
		margin: 10px 0;
	}
	#sec1 table.table_a th {
		padding: 5px 10px;
		border: 1px solid #dddddd;
		background: #f4f4f4;
		text-align: left;
		display: block;
	}
	#sec1 table.table_a td {
		padding: 5px 10px;
		border: 1px solid #dddddd;
		text-align: left;
		display: block;
		width: inherit;
	}
	.table_a tr:first-child th {
		border-top: 1px solid #ddd;
	}
}
/*******************************************
sec2　1024px以上　PC画面表示CSS
*******************************************/
#sec2 {
	margin: 0 auto;
	background: #FFFFFF;
	padding: 20px 0;
}
h2 {
	font-size: 1.8rem;
	padding-left: 10px;
	border-left: 5px solid red;
}
#sec2 table.table_b {
	width: 100%;
	margin: 20px 0;
}
#sec2 .table_b th {
	padding: 10px;
	border: 1px solid #dddddd;
	background: #f4f4f4;
	vertical-align: middle;
	text-align: left;
}
#sec2 .table_b td {
	padding: 15px;
	border: 1px solid #dddddd;
}
#sec2 th.table_a_left {
	text-align: center;
	vertical-align: middle;
}
#sec2 td.table_a_right {
	line-height: 1;
	width: 80%;
}

/*******************************************
sec2 768px～1024pxまで　タブレット画面表示CSS
*******************************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	h2 {
		font-size: 2.0rem;
	}
	#sec2 {
		background: #FFFFFF;
	}
	.table_b {
		margin: 0;
	}
	#sec2 .table_b th {
		width: 25%;
		padding: 15px;
		border: 1px solid #dddddd;
		background: #f4f4f4;
		vertical-align: middle;
	}
	#sec2 .table_a th {
		width: 25%;
		padding: 10px 15px;
		border: 1px solid #dddddd;
		background: #f4f4f4;
	}
	#sec2 .table_a td {
		padding: 5px 10px;
		border: 1px solid #dddddd;
		text-align: left;
		display: block;
		width: inherit;
	}
	.table_a tr:first-child th {
		border-top: 1px solid #ddd;
	}
}
/*******************************************
sec2 767px以下 画面表示CSS
*******************************************/
@media only screen and (max-width: 767px) {
	h2 {
		font-size: 1.6rem;
	}
	#sec2 {
		background: #FFFFFF;
	}
	.table_b {
		margin: 0;
	}
	#sec2 .table_b th {
		padding: 5px 10px;
		border: 1px solid #dddddd;
		background: #f4f4f4;
		text-align: left;
		vertical-align: middle;
		display: block;
	}
	#sec2 .table_b td {
		padding: 5px 10px;
		border: 1px solid #dddddd;
		display: block;
	}
	#sec2 .table_b tr:first-child th {
		border-top: 1px solid #ddd;
	}
	#sec2 td.table_a_right {
		padding: 5px 10px;
		border: 1px solid #dddddd;
	 	text-align: left;
		display: block;
		width: inherit;
	}

}

/*************************************************
★メールフォーム・確認画面含む　1024px以上　PC画面表示CSS
*************************************************/
#formWrap p {
	margin: 0;
	font-size: 1.6rem;
	line-height: 1.4;
}
#formWrap p.button {
	text-align: center;
	margin: 30px 0;
}
#formWrap {
	margin:0 auto;
	width: 100%;
	color:#555;
}
#formWrap table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	vertical-align: middle;
}
#formWrap table.formTable td, table.formTable th {
	border:1px solid #ccc;
	padding:10px;
}
#formWrap table.formTable th {
	width:30%;
	font-weight:normal;
	background:#dddddd;
	font-weight: bold;
}
#formWrap input.form_name, .form_mail {
	padding: 10px;
	width: 50%;
	font-size: 18px;
}
#formWrap textarea.form_msg {
	padding: 10px;
	width: 95%;
	height: 50px;
	font-size: 18px;
}
#formWrap input.check_btn {
	border-radius: 0;
	-webkit-appearance: none;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    padding: 15px;
    width: 20%;
    font-size: 14px;
	font-weight: bold;
}
.red {
	color: #ff0000;
	font-size: 1em;
}
.error_messe {
	color: red;
	font-weight: bold;
}

.g-recaptcha div{
	margin: 5% auto;
}

/*************************************************
★メールフォーム　768px ~ 1023px　PC画面表示CSS　form-top.html
*************************************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#formWrap {
		margin:0 auto;
		width: 100%;
	}
}

/*************************************************
★メールフォーム　767px以下 画面表示CSS　form-top.html
*************************************************/
@media only screen and (max-width: 767px) {
	#contents {
		max-width: 100%;
		height: 100%;
		background: #FFFFFF;
		font-size: 1.4rem;
	}
	#formWrap {
		line-height: 1;
	}
	#formWrap table.formTable {
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
		vertical-align: middle;
		display: block;
	}
	#formWrap table.formTable tr {
		display: block;
	}

	#formWrap table.formTable th {
		width: 100%;
		border:1px solid #ccc;
		padding:10px;
		display: block;
		text-align: left;
	}
	#formWrap table.formTable td {
		border:1px solid #ccc;
		padding:10px;
		display: block;
		width: 100%;
	}
	#formWrap input.form_name, .form_mail {
		-webkit-appearance: none;
		border-radius: 0;
		padding: 10px;
		width: 90%;
		font-size: 18px;
	}
	#formWrap textarea.form_msg {
		-webkit-appearance: none;
		border-radius: 0;
		padding: 10px;
		width: 90%;
		height: 50px;
		font-size: 18px;
	}
	#formWrap input.check_btn {
		font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
		padding: 20px 0;
		width: 100%;
		font-size: 18px;
		font-weight: bold;
	}
}

/*************************************************
★メールフォーム確認画面（mail.php）　1024px以上　PC画面表示CSS
*************************************************/
.error_messe

/*************************************************
★メールフォーム　768px ~ 1023px　PC画面表示CSS　form-top.html
*************************************************/
@media screen and (min-width: 768px) and (max-width: 1023px) {

}

/*************************************************
★メールフォーム　767px以下 画面表示CSS　form-top.html
*************************************************/
@media only screen and (max-width: 767px) {
}

/*******************************************
footer
*******************************************/
#footer {
	background: #4e4e4e;
}
#footer ul {
	text-align: center;
	margin: 20px 0 0 0;
	padding: 20px 0;
}
#footer li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px;
}
#footer li a {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #fff;
}
#copy {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	background: #000;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
}


.initial {
    position: static !important;
}

/*******************************************
footer 768px～1024pxまで　タブレット画面表示CSS
*******************************************/
@media screen and (max-width: 1023px) {
	#footer ul {
		text-align: center;
		margin: 10px 0 0 0;
	}
	#footer li {
		display: block;
		vertical-align: middle;
		margin: 15px 0;
	}
	#copy {
		font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		background: #000;
		padding: 10px 0;
		text-align: center;
		color: #fff;
		font-size: 12px;
	}
}