@charset "utf-8";
@media screen and (max-width: 700px) {
	#width-----700px----- {}
	#responsiveMenu {
		display: block;
	}
	section.sectionBox {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	body {
		min-width: inherit;
		font-size: 15px;
		padding: 0px;
		line-height: 2em;
		letter-spacing: normal;
	}
	h2 {
		letter-spacing: 0em;
	}
	#header {
		min-width: inherit;
		position: static;
		z-index: auto;
		padding: 0px;
		display: block;
	}
	#logo {
		margin: 0px;
		padding: 10px;
	}
	#logo img {
		height: 30px;
		width: auto;
	}
	#globalNav {
		display: none;
	}
	#responsiveMenu {
		display: block;
		background-color: #D31;
		position: fixed;
		z-index: 101;
		top: 0px;
		right: 0px;
		padding: 10px;
	}
	#spNav {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: fixed;
		top: 0px;
		right: -100%;
		width: 100%;
		height: 100%;
		z-index: 103;
		background-color: rgba(255, 255, 255, 0.9);
		-webkit-backdrop-filter: blur(10px);
		backdrop-filter: blur(10px);
	}
	#spNav #btnClose {
		position: absolute;
		top: 10px;
		right: 10px;
		color: #D31;
		font-size: 30px;
	}
	#spNav ul {
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	#spNav ul li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#spNav ul li a {
		text-decoration: none;
		display: block;
		line-height: 60px;
		font-weight: bold;
		text-align: center;
		border-top: solid 1px #D31;
		color: #D31;
	}
	#spNav .btn {
		width: 100%;
	}
	#spNav .btn a {
		display: block;
		padding: 20px 0px;
		color: #FFF;
		background-color: #D31;
		text-decoration: none;
		text-align: center;
	}
	#footerNav ul {
		border: none;
		width: 240px;
		margin: auto;
		border-top: solid 1px rgba(255, 255, 255, 0.3);
	}
	#footerNav ul li {
		width: 100%;
	}
	#footerNav ul li a {
		font-size: 90%;
		line-height: 4em;
		border: none;
		padding: 0px;
		margin: 0px;
		text-align: center;
		border-bottom: solid 1px rgba(255, 255, 255, 0.3);
	}
	#footerNav ul li a.active {
		color: #FFF;
		background-color: rgba(255, 255, 255, 0.5);
	}
	#bottomFixMenu {
	padding: 15px;
	justify-content: space-around;
	}
	#bottomFixMenu > div {
		margin: 0 5px;
	}
	#bottomFixMenu .telBox .tel {
		font-size: 20px;
		font-weight: bold;
		line-height: 20px;
	}
	#bottomFixMenu .logo {
		display: none;
	}
	#bottomFixMenu .telBox .time {
		font-size: 10px;
		line-height: 10px;
		margin-top: 5px;
	}
	#bottomFixMenu .btn a {
		padding: 0px 10px;
		line-height: 35px;
		font-size: 15px;
	}
	#newsBox dl dt {
		float: none;
		width: auto;
		padding-bottom: 0px;
		padding-top: 10px;
	}
	#newsBox dl dd {
		border-top: medium;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	table.waku th {
	display: block;
	white-space: normal;
	border: none;
	width: auto;
	}
	table.waku td {
	display: block;
	width: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	.align_center-justify {
		text-align: justify;
		text-justify: inter-ideograph;
	}
	.align_center-justify br {
		display: none;
	}
	.formBox dt {
		float: none;
		width: auto;
		clear: both;
		text-align: left;
	}
	.formBox dd {
		padding: 0.5%;
		float: none;
		width: auto;
	}
	.imgLeft, .imgRight {
		margin-right: 0px;
		float: none;
	}
	.imgLeft img, .imgRight img {
		margin-right: auto;
		margin-left: auto;
	}
	.button {
		width: auto;
	}
	.formBox dt {
		float: none;
		width: auto;
		clear: both;
		text-align: left;
	}
	.formBox dd {
		padding: 0.5%;
		float: none;
		width: auto;
	}
	.c21, .c31, .c41 {
		width: 100%;
	}
	.c32, .c42, .c52, .c62 {
		width: 50%;
	}
	.c53, .c63, .c83 {
		width: 33.333%;
	}
	.effectBox01 article .photo {
		width: 100%;
		height: 0px;
		padding-top: 66.666%;
	}
	.effectBox01 article .frame {
		width: auto;
		padding-top: 60%;
		padding-right: 20px !important;
		padding-bottom: 20px !important;
		padding-left: 20px !important;
	}
	.effectBox01 article .frame .inBox {
		padding-top: 30px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 30px;
	}
	.effectBox02 article .photo {
		width: 100%;
		height: 0px;
		padding-top: 66.666%;
		z-index: inherit;
		background-size: cover;
	}
	.effectBox02 article .frame {
		width: auto;
		padding-top: 60%;
		padding-right: 20px !important;
		padding-bottom: 20px !important;
		padding-left: 20px !important;
		z-index: 1;
	}
	.effectBox02 article .frame .inBox {
		padding-top: 30px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 30px;
	}
}