@charset "UTF-8";
/*PC改行加える*/
.br-pc{
	display:block;
}
 /*PC改行無効*/
.br_sp{
	display:none;
}
.br_ssp{
	display:none;
}
/* *****************************

	お問い合わせフォーム
	
***************************** */
#contact {
	padding:0px 0;
}
#contact .wrapper {
	width:100%;
	margin:0 auto;
}
#contact #form #form_person {
	margin-bottom:20px;
}
#contact #form #form_item {
	margin-bottom:20px;
}
#contact #form table {
	width:100%;
	font-size:90%;
	text-align:left;
}
#contact #form th,#contact #form td {
	padding:10px 15px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	position:relative;
}
#contact #form #form_person th{
	text-align:left;
}

#contact #form th {
	background:#d6efef;
}
#contact #form #form_person  th {
	width:25%;
}
#contact #form td {
	vertical-align:top;
	background:#f2f2f2;
}
#contact #form th .hissu {
	position:absolute;
	right:15px;
	top:10px;
	background:#00b2b2;
	color:#fff;
	font-size:70%;
	width:50px;
	text-align:center;
	padding:2px 0;
	/*全体角丸*/
border-radius: 2px; /* CSS3草案 */ 
-webkit-border-radius: 2px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 2px; /* Firefox用 */ 
}
#contact #form input[type="email"],
#contact #form input[type="tel"],
#contact #form input[type="text"] {
	padding:5px;
	font-size:100%;
	position:relative;
}
#contact #form input.inpur_s {
	width:20%;
}
#contact #form input.inpur_m {
	width:70%;
}
#contact #form input.inpur_l {
	width:96%;
}
#contact #form input[type="checkbox"] {
	margin-right:3px;
}
#contact #form input[type="radio"] {
	margin-right:3px;
}
#contact #form label {
	margin-right:10px;
}
#contact #form .chu {
	color:#666;
	font-size:75%;
	padding-left:10px;
}
#contact #form h3 {
	color:#fff;
	background:#333;
	padding:7px;
	border-bottom:1px solid #fff;
}
#contact #form h4 {
	color:#fff;
	background:#00b2b2;
	padding:7px;
	border-bottom:1px solid #fff;
}
#contact #form_item input[type="mail"],
#contact #form_item input[type="tel"],
#contact #form_item input[type="text"]{
	width:96%;
}


/***  itemlist ***/

#contact #form #itemlist .waku1 {
	float:left;
	width:25%;
	margin-right:5%;
}
#contact #form #itemlist .waku2 {
	float:left;
	width:25%;
	margin-right:5%;
	position:relative;
}
#contact #form #itemlist .waku3 {
	float:left;
	width:25%;
	margin-right:5%;
}
#contact #form #itemlist .waku4 {
	float:left;
	width:10%;
}
#contact #form .del_area04 button{
	background-color:#999;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:80%;
	padding:3px 10px;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}
#contact .bt_add {
	padding-top:20px;
}
#contact .bt_add input{
	background-color:#00b2b2;
	border:none;
	color:#fff;
	-webkit-appearance: none;
	border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:100%;
	padding:10px 80px;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/***  item check ***/
#contact #form td .item_check {
	display:none;
	position:absolute;
	top:40px;
	left:0px;
	padding:20px 0;
	width:400px;
	text-align:left;
	background:#fff;
	border:3px solid #666;
	/*全体角丸*/
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 
z-index:10;
}
#contact #form td .item_check:before{
  position: absolute;
  top: -16px;
  left: 10px;
  color: #666;
  font-size: 14px;
  content: "▲";
  z-index:5;
}
#contact #form td .item_check h5 {
	color:#00b2b2;
	font-size:110%;
	border-bottom:2px solid #00b2b2;
	margin:0 30px 10px 30px;
}
#contact #form td .item_check dl {
	padding:0 30px;
	font-size:90%;
	margin-bottom:10px;
}
#contact #form td .item_check dl dt {
	font-weight:bold;
}
#contact #form td .item_check dl dd {
	margin-bottom:5px;
}
#contact #form td .item_check dl dd input[type="text"]{
width:96%;
}
#contact #form td .item_check .bt input[type="button"] {
	background-color:#00b2b2;
	border:none;
	color:#fff;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:100%;
	padding:7px 30px;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/** privacy **/
#contact #privacy{
	text-align:left;
	padding:30px;
	height:200px;
	overflow:scroll;
	border:1px solid #ccc;
}
#contact #privacy .box {
	margin-bottom:30px;
}
#contact #privacy h2 {
	font-size:110%;
	margin-bottom:30px;
}
#contact #privacy p {
	font-size:90%;
	line-height:180%;
}
#contact #privacy h3 {
	background:none;
	color:#000;
	color:#000;
	border-bottom:1px dotted #000;
	margin-bottom:5px;
	font-size:100%;
	padding:7px 0;
}
#contact #privacy_check {
	padding:20px 0;
	font-size:100%;
	font-weight:bold;
}
#contact .bt1 input[type="submit"]{
	background-color:#ffb31e;
	border:none;
	color:#fff;
	-webkit-appearance: none;
	border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 80px;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}



/******* 確認 *******/
#contact p {
	font-size:90%;
	margin-bottom:40px;
}
#contact #form .table_confirm  th {
	width:25%;
}
#contact #form .table_confirm img {
	width:150px;
	margin:0 5px;
}

#contact .bt input[type="button"]{
	background-color:#ccc;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 80px;
	display:inline-block;
	margin:0 10px;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}
#contact .bt input[type="submit"]{
	background-color:#ffb31e;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 80px;
	display:inline-block;
	margin:0 10px;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/**** thanks ****/
#contact .thanks h3 {
	font-size:120%;
	margin-bottom:20px;
	font-family: 'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color:#00b2b2;
}
#contact .thanks p {
	font-size:90%;
	line-height:200%;
}
@media only screen and (max-width:767px){
	#contact {
	padding:0px 0;
}
#contact .wrapper {
	width:90%;
	margin:0 auto;
}
#contact #form th,#contact #form td {
	display:block;
	width:90%;
	padding:10px 5%;
	border-right:none;
	border-bottom:1px solid #fff;
	position:relative;
}
#contact #form th{
	width:auto !important;
}

#contact #form .chu {
	display:block;
	padding:5px 0 0 0;
}
#contact #form input.inpur_s {
	width:96%;
}
#contact #form input.inpur_m {
	width:96%;
}
#contact #form input.inpur_l {
	width:96%;
}
#contact #form #form_item th {
	display:none;
}
#contact #form #form_item tr{
	background:#f2f2f2;
}
#contact #form #form_item tr:nth-child(even){
	background:#ddd;
}
#contact #form #form_item td{
	background:none;
	border:0;
}
#contact #form .del_area04{
	text-align:right;
	
}
#contact #form .del_area04 button{
	padding:7px 0px;
	width:100%;
	display:block;
}

#contact .bt_add input{
	background-color:#00b2b2;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:100%;
	padding:10px 0px;
	width:100%;
	display:block;
	margin:0 auto;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}
/***  itemlist ***/
#contact #form #itemlist .waku1 {
	float:none;
	width:100%;
	margin:0 auto 10px auto;
}
#contact #form #itemlist .waku2 {
	float:none;
	width:100%;
	margin:0 auto 10px auto;
	position:relative;
}
#contact #form #itemlist .waku3 {
	float:none;
	width:100%;
	margin:0 auto 10px auto;
}
#contact #form #itemlist .waku4 {
	float:none;
	width:100%;
	margin:0 auto 0px auto;
}
/***  item check ***/
#contact #form td .item_check {
	position:absolute;
	top:70px;
	left:0px;
	padding:20px 0;
	width:100%;
}
#contact #form td .item_check h5 {
	color:#00b2b2;
	font-size:100%;
	margin:0 20px 10px 20px;
}
#contact #form td .item_check dl {
	padding:0 20px;
	font-size:90%;
}
#contact #form td .item_check label {
	display:block;
	padding:5px 0;
}
#contact #form td .item_check input[type="text"]{
width:96%;
}
/** privacy **/
#contact #privacy{
	text-align:left;
	padding:20px;
	height:200px;
	overflow:scroll;
	border:1px solid #ccc;
}
#contact .bt input[type="submit"]{
	padding:10px 0px;
	width:100%;
}

/******* 確認 *******/

#contact #form .table_confirm  th {
	width:auto !important;
	display:block !important;
}
#contact #form #form_item .table_confirm tr{
	background:#f2f2f2;
}
#contact #form #form_item .table_confirm tr:nth-child(even){
	background:#f2f2f2;
}
#contact #form .table_confirm  td {
	border-bottom:1px solid #fff !important;
}
#contact #form .table_confirm img {
	width:32%;
	margin:0 1% 0 0;
}

#contact .bt2 input[type="submit"]{
	background-color:#ffb31e;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 0px;
	display:inline-block;
	width:48%;
	margin:0 1%;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
	width:100%;
}
/*送信確認*/
#contact .bt1{
width:100%;
margin:10px auto;
}
#contact .bt1 input[type="submit"]{
	background-color:#ffb31e;
	border:none;
	color:#fff;
	-webkit-appearance: none;
	border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 0px;
	display:inline-block;
	width:48%;
	margin:0 1%;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}
/*戻るボタン*/
#contact .bt1 input[type="button"]{
	background-color:#ccc;
	border:none;
	color:#fff;
	-webkit-appearance: none;
	border-radius: 0;
	font-family:'Noto Sans Japanese',"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	font-size:120%;
	padding:10px 0px;
	display:inline-block;
	width:48%;
	margin:0 1%;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	cursor:pointer;
}

/**** thanks ****/
#contact .thanks {
	margin:0 3%;
}
#contact .thanks h3 {
	font-size:110%;
}
#contact .thanks p {
	text-align:left;
}
}