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

@media screen and (max-width: 1160px) {
	#main .mbBox01 {
		padding: 0 1%;
	}
	#mb .mbBox02,
	#mb .mbBox03 {
		width: auto;
	}
	#mainVisual h1 {
		font-size: 3.2rem;
		line-height: 1.4em;
	}
	#main .bnrArea01 a {
		width: 60%;
	}
}

@media screen and (max-width: 737px) {
	#mainVisual {
		width: 100%;
	}
	#mainVisual .bg {
		top: 0;
		background-size: 150%;
	}
	#mainVisual .overlay {
		top: 5%;
	}
	#mainVisual h1 {
		font-size: 1.6rem;
		line-height: 1.3em;
	}
	#mainVisual h1 span {
		font-size: 0.8rem;
	}
	#mb .mbBox01 dl {
		margin-top: 7%;
	}
	#mb .mbBox02,
	#mb .mbBox03 {
		margin: 7% auto;
	    padding: 5% 1% 7%;
	}
	#mb table th, #mb table td {
		display: block;
	}
	#mb table th {
		border: none;
		padding: 1em 0.5em 0;
	}
	#mb table td {
		border-bottom: 1px solid #ccc;
		padding: 0.5em 0.5em 1em;
	}
	#mb table td input {
		width: 88%;
		padding: 1em;
	}
	#mb table span.txt01 {
		display: block;
		padding-left: 0;
		line-height: 1.8;
	}
	#mb table span.txt01 br {
		display: none;
	}
	#mb .mbBox02 #kakunin a {
		width: 80%;
	}

	#main .bnrArea01 {
		padding: 0 1%;
	}
	#main .bnrArea01 a {
		width: auto;
	}
	#mb .mbBox03 table .cel02 {
		border-bottom: none;
	}
	#mb .mbBox04 table {
		width: 100%;
	}
	#mb .mbBox05 div:first-child {
		margin: 0 0 2em;
	}
	#mb .mbBox05 div {
		width: auto;
		float: none;
	}
	#mb .topBox01 li {
		width: auto;
		display: block;
	}
	#mb .topBox01 li.mb2 {
		margin: 0 0 1em;
	}
	#mb .topBox01 a strong {
		display: block;
	}
}