@charset "UTF-8";
/* CSS Document */
/*****************************/
/***** タグの再定義 *****/
/*****************************/
html {
  font-size: 16px;
  height: 100%; 
  
}

body{
color:#333333;
font-family:'Lucida Grande', Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
font-size:16px;
line-height:1.5;
background-color:#E6D7BD;
height: auto;

}

input[type="submit"] {
	vertical-align:central;
}
input[type="submit"] :hover {
}
/* 共通見出し */
p{
/*font-size:90%;*/
}

h1 span {
margin:10px 0 20px;
font-size: 50%;
line-height:1.2;
border-bottom: 1px solid #fffacd;
color: #fff;
background-color:#58482E;
display: block;
padding: 7px 18px 7px;
}

input[type="checkbox"] {
	font-size:18px;
}
input:focus,textarea:focus{
}
textarea{
	font-size:18px;
}
/*****************************/
/***** レイアウト *****/
/*****************************/
#wrap{
margin:0 auto;
padding:0 10px;
text-align:left;
color:#000;
background:#fff url(img/f_bg_side.gif) 0 0 repeat-y;
width:700px;
height: 100%; 
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 120px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

#box{
	margin:0;
	width:100%;
	padding-top:20px;
	background:#fff url(../img/f_bg_top.jpg) 0 0 repeat-x;
	text-align: left;
    height: 100%; 

}

/* wrap-bottom */
#wrap-bot-bg{
margin:0 auto 10px;
padding:0;
background:#fff url(img/f_bg_side.gif) 0 0 repeat-y;
width:100%;
}
#wrap-bot{
margin:0;
padding:0 10px 20px;
background:transparent url(img/f_bg_side_bot.gif) 0 bottom no-repeat;
width:100%;
}
#wrap-bot p{
margin:0 0 15px;
}

#footer{
    padding: 0;
    margin: auto;
    border-top: 3px solid #229000;
    width: 100%;
    position: absolute;/*←絶対位置*/
    bottom: 1px; /*下に固定*/
    left: 1px;
}

.sub{
margin:0 auto 20px;
text-align:center;
width:100%;
}


/*****************************/
/***** パーツ *****/
/*****************************/
/* logo */
#logo{
margin:0 0 20px;
text-align:left;
}
/*　チェックボックス装飾 */
input[type="checkbox"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);	
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
	margin-right:10px;
}
input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #08BD3F;
}
/*チェックボックスfirefox用20200614*/
input[type="checkbox"]:checked{
  background-image: radial-gradient(circle at 50% 50%, #08BD3F, transparent 50%);
}


/*　ラジオボタン装飾 */
input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #FFFFFF;
    border: 1px solid #999999;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
	margin-right:10px;
}
input[type="radio"] {
    *border: 0px;
    border: 0px\9;
}
input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #08BD3F;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

/*ラジオボタンfirefox用20200614*/
input[type="radio"] {
    position: relative;
    -moz-appearance: button;
    appearance: button;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: white;
    border: 1px solid #000;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;
    top:-2px;
    margin-right:.5em;
}

input[type="radio"]:checked{
  background-image: radial-gradient(circle at 50% 50%, #08BD3F, transparent 50%);
}

/*ラジオボタンリセット用*/
.btn_resetRdio{
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	padding:4px 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
	background-color:#f9f9f9;
	color:#666666;
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 	box-shadow:inset 1px 1px 0px 0px #ffffff;
	float:left;
}
.btn_resetRdio:hover {
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	background:-ms-linear-gradient( top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e9e9e9), color-stop(100%, #f9f9f9) );
	background-color:#e9e9e9;
}
.btn_resetRdio:active {
	position:relative;
	top:1px;
}

/* table */
table {
  border-collapse: collapse;
  width: 100%;
 /* font-size:90%;*/
}
table th,
table td {
  padding: 10px;
  /*border: 1px solid #999; */
}
table th {
  background-color: #eee;
  width: 30%;
}

/*テーブル要素*/
.u_table_box .formTable th{
background:url("../img/icn_arr_triangle_gray.png") no-repeat scroll 96% center #f7f7f7;
font-weight:bold;
line-height:100%;
padding:8px 12px;
vertical-align:middle;
width:200px;
text-align:left;
}
.u_table_box .formTable th.tableT{
background: #A4A1A1;
color:#fff;
border-bottom:#ACA2A2 1px solid;

}
.u_table_box .formTable{
	border-bottom:#ACA2A2 1px solid;
	}
.u_table_box .formTable th.subT{
	padding:10px 20px 5px 20px;
	line-height:1.5em;
	/*width:30%;*/
}

.u_table_box .formTable th span{
/*font-size:10px;*/
font-weight:normal;
line-height:100%
}

.u_table_box .formTable{
margin-bottom:2px
}
.u_table_box .formTable table{
width:100%
}
.u_table_box .formTable td{
padding:8px 12px
}
.u_table_box .formTable td{
*zoom:1
}
.u_table_box .formTable td:after{
content:"";
display:block;
clear:both
}
.u_table_box .formTable td{
*zoom:1
}
.u_table_box .formTable td.borTU{
	border-bottom:1px solid #f7f7f7;
	border-top:1px solid #f7f7f7;
}
.u_table_box .formTable td:after{
content:"";
display:block;
clear:both
}



/*
#hyphenkan,#henkan{
border:1px solid #cccccc;
border-radius:4px;
font-size:18px !important;
font-weight:bold;
padding:4px;
width:94%
}

:/


/* font */
.size-s{
font-size:90%;
font-weight:normal;
}
.size-ss{
font-size:80%;
font-weight:normal;
}
.size-M{
font-size:110%;
font-weight:normal;
}
.size-MM{
font-size:100%;
font-weight:bold;
}
.size-L{
font-size:120%;
font-weight:normal;
}
.size-LL{
font-size:140%;
font-weight:normal;
}

.red{
color:#f00;
}
.green{
color:#097200;
}


.font-b{
	font-weight:bold;
}

.line-h1{
	line-height:1em;
	
}
.u_table_box .formTable .line-h2{
	line-height:2em;
	
}
/* レイアウト調整 */
.mT5{
	margin-top:5px;
}

.pT5{
	padding-top:5px;
}

.mobileHidden { display:none;}

@media screen and (min-width:480px) { 
    .desktopHidden { display:none;}
    .mobileHidden { display:inline;}
}

/* mark */
.mark{
vertical-align: middle;
line-height:1;
}

/* verisign */
#verisign{
float:right;
padding:5px 10px 5px 20px;
}

#copy{
margin:20px auto 30px;
width:100%;
text-align:center;
font-size:75%;
color:#666;
}


/* end */
#end{
margin:100px 0 180px;
text-align:center;
width:100%;
}


/* list */
.u-a{
/*margin:0  0 10px 15px;*/
line-height:1.2;
}
.u-a li{
margin:10px 0;
list-style:square;
}


/*****************************/
/*****メールアドレスチェック *****/
/*****************************/

.error{
	color:#f00;
	margin:0.25em 0 0 0;
	font-size: 16px;
	text-align:left;
	line-height:20px;
/*	height:20px;*/
	font-weight:bold;
}
#match_error{
	padding:0 0 5px 0;	
}
#match_error.match{
	color:#1bcd6b;
	
}


/*****************************/
/****media  *****/
/*****************************/

@media screen and (min-width:961px) {
/*pc用のcssを記述*/


}
/*PC用のcssを記述終了*/

@media only screen and (min-width:376px) and (max-width:960px) {
/*tablet用のcssを記述*/

}
  /*tablet用のcssを記述終了*/

@media screen and (max-width:400px) {
/*スマホ用のcssを記述*/
html { 
	font-size: 16px; 
    height: 100%;
}

#wrap{
width:100%;
height: 100%;
}
#wrap-bot-bg{
width:100%;
	}
  table {
    border-top: 1px solid #999;
	 width: 100%;

  }
  table td {
    display: block;
  }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
.u_table_box .formTable table th{
width:100%
}
select {
	width:200px;
}
}

body {
	font-size: 16px;
    height: auto;
}

input, select, textarea {
font-size: 16px;
}

  /*スマホ用のcssを記述終了*/