@charset "utf-8";
@media screen and (max-width : 480px), screen and (max-width : 740px) and (orientation: landscape) {
/* ==================================================
reset
================================================== */
body {
	-webkit-text-size-adjust: none;
	background: none;
	line-height: 1.5;
	font-size: 94%;
}
li,
dt,
dd,
table {
	line-height: 1.5;
}
#wrap_header,
#wrap_main,
#wrap_footer {
	width: 100%;
	min-width: 320px;
	clear: both;
}
#header,
#main,
#footer {
	width: 100%;
	box-sizing: border-box;
}
.sp_only {
	display: block;
}
.pc_only {
	display: none !important;
}
/* ==================================================
header
================================================== */
#wrap_header {
	margin-bottom: 10px;
	padding: 10px;
	box-sizing: border-box;
}
#hlogo h1,
#hlogo p {
	font-size: 100%;
	text-align: left;
}
/* ==================================================
footer
================================================== */
#pagetop {
	display: none !important;
}
/* ==================================================
contents
================================================== */
#wrap_main {
	margin: 0 0 5px;
	padding: 0;
}
#contents {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}
#contents #contents_top {
	display: none;
}
#contents img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}
#contents iframe {
	width: 100%;
	height: 50%;
	box-sizing: border-box;
}
#contents img.alignleft,
#contents img.alignright {
	margin: 0 0 10px;
	float: none;
	display: block;
}
#contents h1 {
	margin: 10px 0;
	font-size: 100%;
	padding: 5px;
}
#contents h2,
#contents h3,
#contents h4 {
	margin: 10px 0;
	font-size: 100%;
}
#contents h2 {
	font-weight: bold;
}
#contents p {
	margin-bottom: 5px;
}
#contents input[type="submit"],
#contents input[type="button"] {
	width: 100%;
	box-sizing: border-box;
	margin: 5px 0;
	padding: 15px 0;
}
#contents.top table,
#contents.top tbody,
#contents.top tr,
#contents.top td,
#contents.top th {
	display: block;
}
#contents.top table {
	margin: 10px 0;
}
#contents.top table th,
#contents.top table td {
	margin: 10px 0;
	padding: 0;
	border: none;
}
#contents table.border_box {
	margin: 10px 0;
}
#contents table.border_box td {
	padding: 5px;
	border: #ddd 2px solid;
}
#contents table.border_box h3 {
	margin: 0 0 5px;
}
#contents table.border_box table th,
#contents table.border_box table td {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	text-align: left;
	border: none;
	font-size: 90%;
}
#contents table.border_box table td {
	display: inline-block;
	margin-left: 1em;
}
/* ==================================================
questionnaire
================================================== */
#contents h1 {
	text-align: left !important;
}
#questionnaire p {
	margin: 5px 0;
}
#questionnaire .ml2em {
	margin-left: 0;
}
#questionnaire .sp_block {
	display: block;
	margin: 5px 0;
}
#questionnaire h2 {
	padding: 5px;
	border: none;
}
#questionnaire h2::before {
	position: static;
	display: block;
	width: 100%;
	background-color: #589959;
	transform: none;
}
#questionnaire p.fill_box {
	margin: 1em 0;
	padding: 5px;
	border: #ddd 2px solid;
}
#questionnaire li p.fill_box {
	margin: 1em 0 0;
}
#questionnaire ul {
	padding-left: 0;
}
#questionnaire label {
	display: block;
	margin: 5px 0;
}
#questionnaire table,
#questionnaire table tr,
#questionnaire table td {
	display: block;
	width: auto;
	padding: 0;
	border: none;
}
#questionnaire table th {
	display: none;
}
#questionnaire table td.select {
	width: auto;
	margin: 5px 0;
}
#questionnaire table td.select select {
	width: auto;
}
#questionnaire table td.select span {
	display: inline-block;
	margin-right: 0.5em;
}
#questionnaire p.form_btn {
	margin: 10px 0;
}
#questionnaire p.doui {
	margin: 2em 0;
	font-size: 100%;
	text-align: left;
}
#questionnaire input[type="text"]:not(.inline) {
	display: block;
	width: 100%;
	margin: 5px 0;
}
/* ol
--------------------------- */
#questionnaire > ol {
	margin: 10px 0;
}
#questionnaire > ol > li,
#questionnaire > ol > li > ol > li,
#questionnaire > ol > li > ol > li > ol> li {
	padding-left: 0;
}
#questionnaire > ol > li::before,
#questionnaire > ol > li > ol > li::before,
#questionnaire > ol > li > ol > li > ol> li::before {
	position: static;
}
#questionnaire > ol.cat2 > li > ol > li::before {
	top:0;
}
}