@charset "UTF-8";


/* important body height */
/*
body, html {
    width: 100%;
	height: 100%;
	letter-spacing: 0.08rem;
}
*/

div.notice_txt {
	margin-bottom: 1rem;
}


/*----------------------------
	clear
----------------------------*/

.clr, .clear {
	clear: both;
}

.clearfix {
	overflow: hidden;
	height: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}


/*----------------------------
	SP用PC表示の 初期hidden
----------------------------*/
#header-sp {
	display: none;
}





/*----------------------------
	SP
----------------------------*/
/*
@media screen and (max-width: 480px) {
  body {
    width: 100%;
  }
}
*/

@media screen and (max-width: 480px) {

	h1,
	#header,
	#topmenu,
	#headmenu,
	#breadnavi,
	.sidebar,
	#footer,
	div.main h2,
	div.main h3,
	div.subtitle,
	div.about_policy,
	.colscell {
		display: none;
		background-color: #fff;
	}

	/*     div.contents, */
	#contents {
		width: 100%;
		margin: auto;
	}

	div.main {
		width: 100% !important;
	}

	div.notice_txt {
		/* margin: 1rem; */
		padding: 1rem;
		font-size: 0.85rem;
		max-width: 100%;
	}


	#header-sp {
		display: block;
	}

	#header-sp img {
		padding: 0.3rem 0 0.1rem 0;
	}

	.header-sp-txttitle {
		background-color: #4fa762;
		color: #fff;
		font-size: 1rem;
		font-weight: bold;
		padding: 0.5rem 1rem;
		letter-spacing: normal;
		/* width: 100%; */
	}

	table.vertical {
		background-color: #fff;
		width: 100%;
		max-width: 100%;
		/* margin: 0 auto; */
	}

	table.vertical th,
	table.vertical td {
		display: block;
		padding: 1rem;
		font-size: 0.85rem;
	}

	table.vertical textarea {
		resize: both;
		/*
        min-width: 100px;
        min-height: 80px;
        max-width:  400px;
        max-height: 200px;  
*/
	}

	.form_sectionBox {
		width: auto;
		max-width: 100%;
		margin: 0;
		padding: 0;
		border: none;
	}

	.form_sectionBox hr {
		/* height: 0;
		margin: 0;
		padding: 0;
		border: 0;
		border-top: 1px dashed #ccc;
		margin: 0.5rem 0; */
	}

	.form_sectionBoxSub {
		max-width: 100%;
	}

	div#vs_side {
		width: 260px;
		margin: 0 auto;
		border: none;
	}

	div#vs {
		margin: 0 auto;
		padding: 0;
	}

	#vs_text {
		max-width: 100%;
	}

	#vs_text img {
		width: 260px;
	}



	label {
		margin: 0;
		padding: 1rem 0 !important;
		border-bottom: dotted 1px #eee;
	}

	label:last-child {
		border: none;
	}

	.submit {
		background-color: #fff;
		max-width: 100%;
	}

	.wrap {
		margin: 0 auto;
	}

	input[type="text"],
	select {
		border-radius: 5px;
		background-color: fff;
		border: solid 1px #ccc;
		padding: 0.8rem 0.1rem;
		width: 90%;
		font-size: 1rem;
	}

	input[type="button"],
	input[type="submit"] {
		background: -moz-linear-gradient(top, #FFF 0%, #EEE);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
		border: 1px solid #DDD;
		color: #111;
		padding: 10px;
		font-size: 1.0rem;
		width: 90%;
		border-radius: 5px;
	}

	textarea {
		border-radius: 5px;
		background-color: fff;
		border: solid 1px #ccc;
		padding: 0.8rem 0.1rem;
		width: 90%;
		font-size: 1rem;
	}

}