@charset "utf-8";

/* レスポンシブ設定
------------------------------------- */
@media screen and (max-width:640px) {
	.pc {
		display: none;
	}

	.featherlight-content {
		width: 90% !important;
	}

	iframe.featherlight-inner {
		width: 100% !important;
	}

	.modal > form {
		width: 100% !important;
	}

	.modal .titlelogo {
		width: 100%;
		margin-bottom: 20px;
	}

	.modal03 .title {
		margin: 0;
	}

	.modal03 ul {
		padding: 0 10px;
	}

	.modal03 ul input {
		width: 100%;
	}

	.modal .google-map {
		width: 100%;
		margin: 0;
		height: 300px;
	}

	.modal .description {
		width: 100%;
		margin-bottom: 20px;
	}

	.modal05 .btnnormal a {
		margin: 20px 10px 0 0;
	}

	.modal05 .btnSp a {
		float: left;
		margin: 20px 0 0 10px;
	}


	body#modal {
		min-width: auto !important;
	}

	#modal01 {
		width: 100%;
		min-width: auto;
		padding: 0;
	}

	#modal01 .modalTtl {
		padding: 0 10px;
	}

	#modal01 .leftNav {
		width: auto;
		float: none;
	}

	#modal01 .leftNav .body {
		padding: 0;
		border: none;
	}

	#modal01 .rightBody {
		width: 100%;
		padding: 0;
		height: auto;
	}

	#modal01 .rightBody #tab01 dl {
		float: none;
		width: 100%;
		padding-bottom: 5px;
	}

	#modal01 .leftNav .body .ttl {
		margin: 5px 0;
		text-align: center;
	}

	ul.indicateBtn {
		text-align: center;
		margin-bottom: 5px;
	}

	#modal01 .indicateBtn li {
		display: inline-block;
	}

}




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

	.modal06 .display input[type="checkbox"] + label {
		width: 100px;
	}

	#modal01 #tab02 table {
		width: auto;
		margin-top: 20px;
	}

		{