* {
	margin: 0;
	padding: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	/* sets the base font to 10px for easier math */
}

body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.6rem;
	color: #666666;
	width: 100%;
	line-height: 1.44;
	letter-spacing: 0.01em;
}

a,
a:hover,
a:visited {
	color: #666666;
}

a {
	outline: none;
}

a:focus {
	outline: none;
}

h1,
h2,
h3,
h4,
h5 {
	font-weight: bold;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.formError {
	margin-top: -70px !important;
}

.formError .formErrorContent {
	font-size: 1.4rem !important;
}



/* ---------- page top ボタン ---------- */

#pageTop {
	position: fixed;
	bottom: 3em;
	right: 3em;
	z-index: 200;
}

#pageTop a {
	display: block;
	z-index: 999;
	border-radius: 30px;
	width: 60px;
	height: 60px;
	border: solid 1px rgba(0, 0, 0, 0.2);
	color: #333;
	font-size: 2em;
	font-weight: bold;
	line-height: 60px;
	text-decoration: none;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.4);
}

/* ---------- ヘッダー ---------- */

#header {
	width: 100%;
	height: auto;
	margin: 0 auto;
}

#header .header-box {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

#header .header-logo {
	width: 800px;
	height: auto;
	overflow: hidden;
	float: left;
}

#header .header-logo .logo-box a {
	display: block;
	width: 415px;
	height: 0;
	overflow: hidden;
	padding-top: 68px;
	background-image: url("images/logo2.png");
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}

#header h1 {
	font-size: 1.8rem;
	position: absolute;
	top: 15px;
	left: 73px;
	font-weight: normal;
}

#header .header-tel {
	width: 400px;
	height: 63px;
	text-align: right;
	float: left;
	margin-top: 10px;
	font-size: 1.8rem;
	font-weight: normal;
}

#header .header-tel a {
	font-size: 3.6rem;
	font-weight: bold;
	color: #e6001c;
	text-decoration: none;
	margin-top: 1.5rem;
}

#header .header-tel-mobile {
	display: none;
}

#header .header-left {
	width: 500px;
	height: 140px;
	overflow: hidden;
	float: right;
}

#header .header-link a {
	display: block;
	width: 245px;
	height: 0;
	overflow: hidden;
	padding-top: 60px;
	background-image: url("images/residents_button.png");
	float: right;
	margin-top: 25px;
}

#header .header-menu {
	width: 360px;
	height: auto;
	overflow: hidden;
	float: right;
	margin-top: 20px;
}

#header .header-menu ul,
#header .header-menu li {
	list-style: none;
}

#header .header-menu li {
	position: relative;
	display: block;
	width: 120px;
	height: auto;
	overflow: hidden;
	float: left;
}

#header .header-menu li a {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
}

#header .header-menu li a:hover {
	color: #e6001c;
}

#header .header-menu li a i {
	color: #e6001c;
	margin-right: 0.5rem;
}

/* ---------- メインエリア ---------- */

#main {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#content {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* ---------- content エリア ---------- */

#content .content-item {
	width: 100%;
	height: auto;
	overflow: hidden;
}

/* ---------- top image エリア ---------- */

#content .top-image-box {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 20px;
	text-align: center;
}
#content .top-image-box img {
	width: 100%;
}

/* ---------- メッセージエリア 1 ---------- */

#content .message-wrapper {
	width: 100%;
	height: 500px;
	background-image: url(images/top_back.jpg);
	background-size: auto 500px;
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #e6f9ff;
}

#content .message-wrapper .message-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#content .message-wrapper .message-box h2 {
	width: 60%;
	height: auto;
	font-size: 5rem;
	font-weight: bold;
	color: #e6001c;
	margin-top: 60px;
}

#content .message-wrapper .message-box .message-body {
	width: 55%;
	height: auto;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 4rem;
	padding: 2rem;
	margin: 20px 0;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 10px;
	color: #333333;
}

#content .message-wrapper .message-box .message-body span {
	display: block;
	text-align: center;
	font-size: 2.6rem;
	color: #e6001c;
}

#content .tel-box {
	width: 1200px;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	margin: 60px auto;
	border: solid 1px #e6001c;
	background-image: linear-gradient(-45deg, #fff 25%, rgba(255, 0, 31, 0.05) 25%, rgba(255, 0, 31, 0.05) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.05) 75%, rgba(255, 0, 31, 0.05));
	background-size: 10px 10px;
}

#content .tel-box .tel-comment {
	width: 698px;
	height: 160px;
	line-height: 160px;
	font-size: 3.8rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
	float: left;
}

#content .tel-box .tel-no-box {
	width: 500px;
	height: 160px;
	float: left;
}

#content .tel-box .tel-no-wrap {
	width: 100%;
	height: 160px;
	overflow: hidden;
	box-sizing: border-box;
	background-color: #ffffff;
	border-left: solid 1px #e6001c;
}

#content .tel-box .tel-no-wrap .tel-mark {
	width: 99px;
	height: auto;
	float: left;
}

#content .tel-box .tel-no-wrap .tel-mark i {
	width: 100%;
	height: 160px;
	line-height: 160px;
	text-align: center;
	font-size: 6rem;
	color: #e6001c;
	transform: rotate(-30deg);
}

#content .tel-box .tel-no-wrap .tel-no-body {
	width: 400px;
	height: 160px;
	float: left;
}

#content .tel-box .tel-no-wrap .tel-no-body .tel-concierge {
	width: 98%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #333;
}

#content .tel-box .tel-no-wrap .tel-no-body .tel-no {
	width: 98%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-bottom: solid 3px #e6001c;
}

#content .tel-box .tel-no-wrap .tel-no-body .tel-no a {
	font-size: 4.5rem;
	font-weight: bold;
	color: #e6001c;
	text-decoration: none;
}

/* ---------- お部屋探しのお悩み ---------- */

#content .onayami-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
}

#content .onayami-box h2 {
	width: 100%;
	height: auto;
	font-size: 4rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .onayami-box .onayami-list {
	width: 100%;
	height: 520px;
	background-image: url(images/onayami_back.jpg);
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center center;
	position: relative;
}

#content .onayami-list ul,
#content .onayami-list li {
	list-style: none;
}

#content .onayami-list .onayami-list-box {
	width: 400px;
	height: auto;
	font-size: 2.2rem;
	font-weight: bold;
}

#content .onayami-list .onayami-list-box01 {
	position: absolute;
	top: 40px;
	left: 0;
}

#content .onayami-list .onayami-list-box02 {
	position: absolute;
	top: 200px;
	left: 0;
}

#content .onayami-list .onayami-list-box03 {
	position: absolute;
	top: 360px;
	left: 0;
}

#content .onayami-list .onayami-list-box04 {
	position: absolute;
	top: 40px;
	right: 0;
}

#content .onayami-list .onayami-list-box05 {
	position: absolute;
	top: 200px;
	right: 0;
}

#content .onayami-list .onayami-list-box06 {
	position: absolute;
	top: 400px;
	right: 0;
}

#content .onayami-list .onayami-list-box li {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	border: solid 3px #e6001c;
	border-radius: 30px;
	position: relative;
	padding: 2rem;
}

#content .onayami-list .onayami-list-box01 li::before {
	content: "";
	position: absolute;
	right: -60px;
	width: 20px;
	height: 20px;
	bottom: 0;
	border: solid 3px #e6001c;
	border-radius: 50%;
	z-index: 1;
}

#content .onayami-list .onayami-list-box01 li::after {
	content: "";
	position: absolute;
	right: -36px;
	width: 30px;
	height: 30px;
	bottom: 10px;
	border: solid 3px #e6001c;
	border-radius: 50%;
}

#content .onayami-list .onayami-list-box02 li::before {
	content: "";
	position: absolute;
	right: -60px;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	border: solid 3px #e6001c;
	border-radius: 50%;
	z-index: 1;
}

#content .onayami-list .onayami-list-box02 li::after {
	content: "";
	position: absolute;
	right: -36px;
	width: 30px;
	height: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	border: solid 3px #e6001c;
	border-radius: 50%;
}

#content .onayami-list .onayami-list-box03 li::before {
	content: "";
	position: absolute;
	right: -60px;
	width: 20px;
	height: 20px;
	top: 0;
	border: solid 3px #e6001c;
	border-radius: 50%;
	z-index: 1;
}

#content .onayami-list .onayami-list-box03 li::after {
	content: "";
	position: absolute;
	right: -36px;
	width: 30px;
	height: 30px;
	top: 10px;
	border: solid 3px #e6001c;
	border-radius: 50%;
}

#content .onayami-list .onayami-list-box04 li::before {
	content: "";
	position: absolute;
	left: -60px;
	width: 20px;
	height: 20px;
	bottom: 0;
	border: solid 3px #e6001c;
	border-radius: 50%;
	z-index: 1;
}

#content .onayami-list .onayami-list-box04 li::after {
	content: "";
	position: absolute;
	left: -36px;
	width: 30px;
	height: 30px;
	bottom: 10px;
	border: solid 3px #e6001c;
	border-radius: 50%;
}

#content .onayami-list .onayami-list-box05 li::before {
	content: "";
	position: absolute;
	left: -60px;
	width: 20px;
	height: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	border: solid 3px #e6001c;
	border-radius: 50%;
	z-index: 1;
}

#content .onayami-list .onayami-list-box05 li::after {
	content: "";
	position: absolute;
	left: -36px;
	width: 30px;
	height: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	border: solid 3px #e6001c;
	border-radius: 50%;
}

#content .onayami-list .onayami-list-box06 li::before {
	content: "";
	position: absolute;
	left: -60px;
	width: 20px;
	height: 20px;
	top: 0;
	border: solid 3px #e6001c;
	border-radius: 50%;
	z-index: 1;
}

#content .onayami-list .onayami-list-box06 li::after {
	content: "";
	position: absolute;
	left: -36px;
	width: 30px;
	height: 30px;
	top: 10px;
	border: solid 3px #e6001c;
	border-radius: 50%;
}

#content .content-item04 .resolve-image-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 60px auto;
}


/* ---------- お部屋探しのお悩み解消 ---------- */

#content .content-item04 {
	background-color: rgba(0, 160, 233, 0.05);
}

#content .resolve-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 80px;
}

#content .resolve-box h2 {
	width: 100%;
	height: auto;
	font-size: 3.6rem;
	font-weight: bold;
	color: #00a0e9;
	text-align: center;
}

#content .resolve-box .reason-list-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 60px;
}

#content .resolve-box .reason-list-box ul,
#content .resolve-box .reason-list-box li {
	list-style: none;
}

#content .resolve-box .reason-list-box li {
	display: flex;
	width: 500px;
	height: 200px;
	box-sizing: border-box;
	padding: 2rem;
	justify-content: center;
	align-items: center;
	margin: 0 50px;
	margin-top: 80px;
	border: solid 1px #00a0e9;
	border-radius: 10px;
	color: #00a0e9;
	font-size: 2.8rem;
	font-weight: bold;
	float: left;
	position: relative;
	text-align: center;
	background-color: #ffffff;
}

#content .resolve-box .reason-list-box li span {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	width: 100px;
	height: 100px;
	justify-content: center;
	align-items: center;
	text-align: center;
	border-radius: 50px;
	background-color: #00a0e9;
	color: #ffffff;
}

#content .resolve-box .tel-text-box {
	font-size: 3rem;
	font-weight: bold;
	margin-top: 80px;
}

/* ---------- 電話で相談してみる ---------- */

#content .tel-flow-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 80px;
}

#content .tel-flow-box h2 {
	width: 100%;
	height: auto;
	font-size: 3.6rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .tel-flow-box .tel-box {
	margin-top: 40px;
}

#content .tel-flow-box .flow-box h3 {
	text-align: center;
	font-size: 3.6rem;
	color: #00a0e9;
}

#content .tel-flow-box .flow-box ul,
#content .tel-flow-box .flow-box li {
	list-style: none;
}

#content .tel-flow-box .flow-box li {
	display: flex;
	width: 350px;
	height: 175px;
	padding: 2rem;
	padding-right: 70px;
	align-items: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #ffffff;
	background-image: url(images/flow_base.png);
	float: left;
	margin: 0 25px;
	margin-top: 80px;
	position: relative
}

#content .tel-flow-box .flow-box li span {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: -4rem;
	left: 1rem;
	font-size: 3rem;
	font-weight: bold;
	color: #00a0e9;
}

#content .tel-flow-box .flow-box li span.flow-tel {
	display: block;
	width: 100%;
	height: auto;
	font-size: 2.2rem;
	font-weight: bold;
}

/* ---------- コンシェルジュを使うメリット ---------- */

#content .content-item05-2 {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: rgba(0, 160, 233, 0.05);
}

#content .merit-box {
	width: 1200px;
	height: 500px;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(images/concierge_back.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#content .merit-box h2 {
	width: 700px;
	height: auto;
	font-size: 4rem;
	font-weight: bold;
	color: #00a0e9;
	margin: 40px 0;
	text-align: center;
}

#content .merit-list-box {
	width: 700px;
	height: auto;
}

#content .merit-list-box ul,
#content .merit-list-box li {
	list-style: none;
}

#content .merit-list-box li {
	display: block;
	width: 330px;
	height: auto;
	float: left;
	margin-right: 40px;
	margin-top: 60px;
	position: relative;
}

#content .merit-list-box li.merit-list02,
#content .merit-list-box li.merit-list04 {
	margin-right: 0;
}

#content .merit-list-box li .merit-title {
	position: absolute;
	top: -4rem;
	left: 0.5rem;
	width: 50%;
	height: auto;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 0.5rem 0;
	background-color: #00a0e9;
	color: #ffffff;
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

#content .merit-list-box li .merit-text {
	display: flex;
	width: 100%;
	height: 10rem;
	align-items: center;
	font-size: 1.8rem;
	font-weight: bold;
	color: #00a0e9;
	background-color: #ffffff;
	padding: 0 2rem;
	border: solid 1px #00a0e9;
	box-shadow: 2px 2px 4px #ededed;
}





/* ---------- 物件資料を請求する ---------- */

#content .content-item06 {
	margin-top: 80px;
	background-color: rgba(0, 160, 233, 0.05);
}

#content .mail-flow-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
	margin: 80px auto;
	background-color: #ffffff;
	padding: 60px 0;
}

#content .mail-flow-box h2 {
	width: 100%;
	height: auto;
	font-size: 3.6rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .mail-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 40px;
}

#content .mail-box .mail-comment {
	display: flex;
	width: 100%;
	height: 160px;
	box-sizing: border-box;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 3.8rem;
	font-weight: bold;
	color: #e6001c;
	float: left;
	border-top: solid 1px #e6001c;
	border-bottom: solid 1px #e6001c;
	background-image: linear-gradient(-45deg, #fff 25%, rgba(255, 0, 31, 0.05) 25%, rgba(255, 0, 31, 0.05) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.05) 75%, rgba(255, 0, 31, 0.05));
	background-size: 10px 10px;
}

#content .mail-box .mail-button-box {
	width: 100%;
	height: auto;
	background-color: #ffffff;
	border-bottom: solid 1px #e6001c;
}

#content .mail-box .mail-button-wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#content .mail-box .mail-button-wrap .mail-button-body {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#content .mail-box .mail-button-wrap .mail-button-body .mail-concierge {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 3.2rem;
	font-weight: bold;
	margin-top: 40px;
}

#content .mail-box .mail-button-wrap .mail-button-body .mail-button a {
	display: block;
	width: 60%;
	height: auto;
	margin: 60px auto;
	text-align: center;
	padding: 2rem 1rem;
	font-size: 4rem;
	font-weight: bold;
	background-color: #e6001c;
	color: #ffffff;
	border-radius: 10px;
	text-decoration: none;
}

#content .mail-box .mail-button-wrap .mail-button-body .mail-button a:hover {
	opacity: 0.6;
}

#content .mail-flow-box .flow-box {
	margin-top: 40px;
}

#content .mail-flow-box .flow-box h3 {
	text-align: center;
	font-size: 3.6rem;
	color: #00a0e9;
	margin-top: 80px;
}

#content .mail-flow-box .flow-box ul,
#content .mail-flow-box .flow-box li {
	list-style: none;
}

#content .mail-flow-box .flow-box li {
	display: flex;
	width: 350px;
	height: 175px;
	padding: 2rem;
	padding-right: 70px;
	align-items: center;
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff;
	background-image: url(images/flow_base.png);
	float: left;
	margin: 0 25px;
	margin-top: 80px;
	position: relative
}

#content .mail-flow-box .flow-box li span {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
	top: 1rem;
	left: 2rem;
	font-size: 2.2rem;
	font-weight: bold;
}

/* ---------- 自分で物件を検索 ---------- */

/* ---------- 自分で物件を検索 ---------- */

#content .search-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin: 80px auto;
	background-color: #ffffff;
	padding: 40px 0;
}

#content .search-box h2 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content #top-search {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #aadaff;
	position: relative;
	margin-top: 80px;
}

#content #top-search .top-search-body {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#content #top-search .mapbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 800px;
	background-image: url("images/ground.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-size: auto 800px;
}

#content #top-search .top-form-box {
	width: 550px;
	height: auto;
	margin-top: 20px;
	float: right;
	/* box-shadow: 5px 5px 10px -5px; */
	border-radius: 0 0 10px 10px;
}

#content #top-search .top-form-box h2 {
	width: 100%;
	height: 50px;
	color: #e5001b;
	font-size: 1.8rem;
	line-height: 50px;
	text-align: center;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	background-color: #e5001b;
}

#content #top-search .top-search-form {
	width: 100%;
	height: 720px;
	overflow: hidden;
	padding: 1rem 2rem;
	background-color: #ffffff;
	font-size: 1.4rem;
	margin-bottom: 20px;
}

#content #top-search .form-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.5rem;
	border-bottom: dotted 1px #666;
	padding: 0.2rem 0;
}

#content #top-search .top-search-form dt {
	font-size: 1.6rem;
	color: #e5001b;
}

#content #top-search .area-box {
	padding: 0;
	border: none;
}

#content #top-search .area {
	position: absolute;
	width: auto;
	height: auto;
	background-color: rgba(255, 255, 255, 1.0);
	padding: 0.5rem 0.6rem;
	color: #e5001b;
	font-size: 1.4rem;
	border: solid 1px #e5001b;
	border-radius: 5px;
	text-align: center;
}

#content #top-search .fukidashi {
	display: none;
	width: 200px;
	position: absolute;
	top: 35px;
	left: 0px;
	padding: 1rem;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.9);
	color: #666;
	z-index: 999;
	text-align: left;
}

#content #top-search .area .area-button:hover+.fukidashi {
	display: block;
	font-size: 1.6rem;
}

#content #top-search .area0 {
	left: 200px;
	top: 380px;
}

#content #top-search .area0 .fukidashi {
	width: 480px;
	left: -170px;
	text-align: center;
}

#content #top-search .area1 {
	left: 280px;
	top: 430px;
}

#content #top-search .area1_hidden {
	display: none;
}

#content #top-search .area1 .fukidashi {
	width: 350px;
	left: -110px;
	text-align: center;
}

#content #top-search .area2 {
	left: 140px;
	top: 430px;
}

#content #top-search .area2_hidden {
	display: none;
}

#content #top-search .area2 .fukidashi {
	width: 350px;
	left: -120px;
	text-align: center;
}

#content #top-search .area3 {
	left: 210px;
	top: 480px;
}

#content #top-search .area3_hidden {
	display: none;
}

#content #top-search .area3 .fukidashi {
	width: 420px;
	left: -160px;
	text-align: center;
}

#content #top-search .area4 {
	left: 210px;
	top: 290px;
}

#content #top-search .area4 .fukidashi {
	width: 200px;
	left: -30px;
	text-align: center;
}

#content #top-search .area5 {
	left: 280px;
	top: 100px;
}

#content #top-search .area5 .fukidashi {
	text-align: center;
	left: -50px;
}

#content #top-search .area6 {
	left: 140px;
	top: 240px;
}

#content #top-search .area6 .fukidashi {
	width: 250px;
	left: -40px;
	text-align: center;
}

#content #top-search .area7 {
	left: 350px;
	top: 560px;
}

#content #top-search .area7 .fukidashi {
	left: -50px;
}

#content #top-search .area7 .fukidashi {
	text-align: center;
	top: -50px;
}

#content #top-search .area9 {
	left: 0px;
	top: 370px;
}

#content #top-search .area9 .fukidashi {
	width: 300px;
	text-align: center;
}

#content #top-search .area10 {
	left: 450px;
	top: 620px;
}

#content #top-search .area10 .fukidashi {
	top: -50px;
	left: -40px;
	text-align: center;
}

#content form-box dt,
#content form-box dd {
	list-style: none;
}

#content form-box dd {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
}

#content #top-search .type {
	width: 20%;
	float: left;
}

#content #top-search .rent-box .rent-main {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#content #top-search .rent-box .rent {
	width: 40%;
	height: auto;
	float: left;
}

#content #top-search .rent-box .kara {
	width: 10%;
	height: auto;
	float: left;
	text-align: center;
}

#content #top-search .rent-box select {
	width: 100%;
	height: auto;
	padding: 0.5rem 0;
	font-size: 1.4rem;
	color: #666;
}

#content #top-search .rent-sub {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0.5rem;
}

#content #top-search .rent-sub .rent-check01 {
	width: 50%;
	height: auto;
	float: left;
}

#content #top-search .rent-sub .rent-check02,
#content #top-search .rent-sub .rent-check03 {
	width: 25%;
	height: auto;
	float: left;
}

#content #top-search .room {
	width: 25%;
	float: left;
}

#content #top-search .structure {
	width: auto;
	float: left;
	margin-right: 8rem;
}

#content #top-search .structure3,
#content #top-search .structure4 {
	display: none;
}

#content #top-search .years {
	width: 20%;
	float: left;
}

#content #top-search .dimensions-box .dimensions {
	width: 40%;
	height: auto;
	float: left;
}

#content #top-search .dimensions-box .kara {
	width: 10%;
	height: auto;
	float: left;
	text-align: center;
}

#content #top-search .dimensions-box select {
	width: 100%;
	height: auto;
	padding: 0.5rem 0;
	font-size: 1.4rem;
	color: #666;
}

#content #top-search .heqs {
	width: 25%;
	float: left;
}

#content #top-search .p-heqs {
	width: 33.3%;
	float: left;
}

#content #top-search .p-heqs-hidden {
	display: none;
}

#content #top-search .submit_button input[type="submit"] {
	display: block;
	width: 50%;
	height: auto;
	padding: 1rem 0.5rem;
	margin: 0 auto;
	margin-top: 1rem;
	background-color: #e5001b;
	color: #ffffff;
	text-align: center;
	border: none;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: bold;
}

#content #top-search .button-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 1rem;
}

#content #top-search .button-box .reset-button,
#content #top-search .button-box .more-condition {
	width: 50%;
	height: auto;
	overflow: hidden;
	float: left;
}

#content #top-search .reset-button input[type="reset"] {
	display: block;
	width: 90%;
	height: auto;
	padding: 1rem 0.5rem;
	margin: 0 auto;
	color: #e5001b;
	text-align: center;
	border: solid 1px #e5001b;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: bold;
	background-image: linear-gradient(0deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
	background-size: 5px 5px;
	background-color: #ffffff;
}

#content #top-search .more-condition a {
	display: block;
	width: 90%;
	height: auto;
	padding: 1rem 0.5rem;
	margin: 0 auto;
	color: #e5001b;
	text-align: center;
	border: solid 1px #e5001b;
	border-radius: 5px;
	font-size: 1.6rem;
	font-weight: bold;
	background-image: linear-gradient(0deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
	background-size: 5px 5px;
	text-decoration: none;
}

#content #top-search .match-number {
	width: 100%;
	height: 50px;
	background-color: #e5001b;
	line-height: 50px;
	color: #ffffff;
	text-align: center;
	border-radius: 0 0 10px 10px;
	font-size: 1.8rem;
	font-weight: bold;
	display: none;
}

#content #top-number {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 600px;
	height: auto;
	overflow: hidden;
}

#content #top-number .top-number-box {
	width: 80%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
}

#content #top-number .top-number-box dl,
#content #top-number .top-number-box dt,
#content #top-number .top-number-box dd {
	list-style: none;
}

#content #top-number .top-number-box dt,
#content #top-number .top-number-box dd {
	display: block;
	width: 50%;
	height: auto;
	float: left;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #333;
	padding: 1rem;
}

#content #top-number .top-number-box dd {
	color: #e5001b;
}

/* ---------- 賃貸物件をいろいろな条件で検索し資料を請求する ---------- */

#content .search-button-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 40px 0;
}

#content .search-button-box h2 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .search-button {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 80px;
}

#content .search-button ul,
#content .search-button li {
	list-style: none;
}

#content .search-button li {
	display: block;
	width: 284px;
	height: auto;
	float: left;
}

#content .search-button li a {
	display: block;
	width: 285px;
	height: auto;
	overflow: hidden;
	padding: 0;
	background-size: 70px auto;
	background-position: right 2rem center;
	background-repeat: no-repeat;
	font-size: 2.4rem;
	color: #333;
	font-weight: bold;
	text-decoration: none;
	border: solid 1px #e5001b;
}

#content .search-button li.search-map a {
	background-image: url("images/sa_map.png");
}

#content .search-button li.search-terms a {
	background-image: url("images/sa_condition.png");
}

#content .search-button li.search-reques a {
	background-image: url("images/request.png");
}

#content .search-button li.search-raiten a {
	background-image: url("images/yoyaku.png");
}

#content .search-button li a:hover {
	opacity: 0.6;
}

#content .search-button li.search-map,
#content .search-button li.search-terms,
#content .search-button li.search-reques {
	margin-right: 19px;
}

#content .search-button li a .link-text {
	display: block;
	width: 60%;
	height: auto;
	border-right: solid 1px #e5001b;
	padding: 4rem 1rem;
	color: #e5001b;
	text-align: center;
	background-image: linear-gradient(-45deg, #fff 25%, rgba(255, 0, 31, 0.1) 25%, rgba(255, 0, 31, 0.1) 50%, #fff 50%, #fff 75%, rgba(255, 0, 31, 0.1) 75%, rgba(255, 0, 31, 0.1));
	background-size: 5px 5px;
}

/* ---------- カテゴリー別物件特集 ---------- */

#content .search-category-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 40px 0;
	margin-top: 40px;
}

#content .search-category-box h2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .category-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}

#content .category-item {
	width: 285px;
	height: auto;
	overflow: hidden;
	margin-left: 20px;
	float: left;
	border: solid 1px #aaa;
	margin-bottom: 40px;
}

#content .category-item a {
	text-decoration: none;
}

#content .category01,
#content .category05 {
	margin-left: 0;
}

#content .category-item .image-area {
	width: 100%;
	height: 284px;
	border-bottom: solid 1px #aaa;
}

#content .category-item .image-area img {
	width: 100%;
	height: auto;
}

#content .category-item .text-area {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 60px;
	padding: 1rem;
	text-align: center;
	color: #333;
	font-size: 2rem;
}

/* ---------- 大学学校別お部屋探し専門サイト ---------- */

#content .daigaku-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 40px 0;
}

#content .daigaku-box h2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .daigaku-box .daigaku-comment {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

#content .daigaku_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}

#content .daigaku_list ul,
#content .daigaku_list li {
	list-style: none;
}

#content .daigaku_list li a {
	/*display: flex;  子要素をflexboxで揃える */
	/*flex-direction: column;  子要素をflexboxにより縦方向に揃える */
	/*justify-content: center;  子要素をflexboxにより中央に配置する */
	/*align-items: center;   子要素をflexboxにより中央に配置する */
	width: 285px;
	height: auto;
	float: left;
	margin-right: 20px;
	text-decoration: none;
	background-size: contain;
	padding-top: 190px;
	background-repeat: no-repeat;
	font-size: 2rem;
	line-height: 3rem;
}

#content .daigaku_list li.last a {
	margin-right: 0;
}

#content .daigaku_list li.list-tokudai a {
	background-image: url("images/tokudai.png");
}

#content .daigaku_list li.list-bunri a {
	background-image: url("images/bunri.png");
}

#content .daigaku_list li.list-shikoku a {
	background-image: url("images/shikoku.png");
}

#content .daigaku_list li.list-anabuki a {
	background-image: url("images/anabuki.png");
}

/* ---------- シティ・ハウジングのグループサイト ---------- */

#content .group-box {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	background-color: #ffffff;
	padding: 40px 0;
}

#content .group-box h2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-size: 4rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#content .group-box .group-comment {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

#content .group_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 80px;
}

#content .group_list ul,
#content .group_list li {
	list-style: none;
}

#content .group_list li a {
	/*display: flex;
	flex-direction: column;
	justify-content: center; */
	width: 380px;
	height: 190px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	text-decoration: none;
	margin-bottom: 40px;
	text-align: center;
	font-size: 2rem;
	background-repeat: no-repeat;
	background-position: center 20px;
	padding-top: 150px;
	color: #ffffff;
	font-weight: bold;
	background-color: #aaa;
}

#content .group_list li.last a {
	margin-right: 0;
}

#content .group_list li.monthly a {
	background-color: #ff9c37;
	background-image: url("images/monthly_icon.png");
	background-size: 120px auto;
}

#content .group_list li.tenant a {
	background-color: #00beff;
	background-image: url("images/tenant_icon.png");
	background-size: auto 120px;
}

#content .group_list li.baibai a {
	background-color: #29b87d;
	background-image: url("images/baibai_icon.png");
	background-size: auto 90px;
}

#content .group_list li.souzoku a {
	background-color: #27a6b2;
	background-image: url("images/souzoku_icon.png");
	background-size: auto 120px;
}

#content .group_list li.cralier a {
	background-color: #812600;
	background-image: url("images/cralier_icon.png");
	background-size: auto 120px;
}

#content .group_list li.akiya a {
	background-color: #0064ff;
	background-image: url("images/akiya_icon.png");
	background-size: auto 120px;
}

/* ---------- フッター ---------- */
#footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #333;
	margin-top: 40px;
}

#footer .footer-body {
	width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 40px;
}

#footer .footer-logo {
	width: 100%;
	height: 120px;
	border-bottom: solid 1px #ffffff;
	margin-bottom: 40px;
	position: relative;
}

#footer .footer-logo a.logo {
	display: block;
	width: 480px;
	height: 0;
	overflow: hidden;
	padding-top: 80px;
	background-image: url("images/footer-logo.png");
	background-size: contain;
	margin: 20px 0 0;
	float: left;
}

#footer .footer-logo .sns-box {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 720px;
	height: 80px;
	text-align: right;
	margin: 20px 0 0;
	float: left;
}

#footer .footer-logo .sns-box a {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0 15px;
}

#footer .footer-logo .sns-box a img {
	width: 100%;
	height: auto;
}

#footer .footer-body .fotter-box {
	width: 33.3%;
	height: auto overflow: hidden;
	color: #ffffff;
	float: left;
}

#footer .footer-body .fotter-box ul,
#footer .footer-body .fotter-box li {
	list-style: none;
}

#footer .footer-body .fotter-box li {
	padding: 1rem 0;
}

#footer .footer-body .fotter-box li a {
	position: relative;
	display: block;
	width: 80%;
	height: auto;
	color: #ffffff;
	text-decoration: none;
}

#footer .footer-body .fotter-box li>a::after {
	content: "";
	width: 0px;
	height: 1px;
	background-color: #333;
	position: absolute;
	bottom: -0.5rem;
	left: 0;
	-webkit-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

#footer .footer-body .fotter-box li:hover>a::after {
	background-color: #ffffff;
	width: 100%;
}

#footer .footer-body .group-list ul {
	padding-top: 1rem;
}

#footer .footer-body .sub-list li a {
	margin-left: 3rem;
}

/* ---------- copyright ---------- */
#copyright {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0.6rem 0;
	text-align: center;
	color: #ffffff;
	background-color: #333;
	border-top: solid 1px #ffffff;
}


/* ---------- お問い合わせ ---------- */

#contact #content01 {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 0 auto;
}

#contact .content-title h2 {
	font-size: 4rem;
	text-align: center;
	color: #e6001c;
	margin: 4rem auto;
}

#contact .step-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
}

#contact .step-box ul,
#contact .step-box li {
	list-style: none;
}

#contact .step-box li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 10rem;
	float: left;
	position: relative;
	color: #999999;
	background-color: #f1f1f1;
	border-radius: 7px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-right: 5%;
	z-index: -1;
}

#contact .step-box li span {
	font-size: 2.6rem;
	margin-right: 2rem;
}

#contact .step-box li::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-left: 16px solid #f1f1f1;
	border-bottom: 16px solid transparent;
	border-right: 16px solid transparent;
	position: absolute;
	right: -31px;
	top: 50%;
	margin-top: -16px;
}

#contact .step-box .active {
	color: #ffffff;
	background-color: #e6001c;
}

#contact .step-box .active::after {
	content: "";
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-left: 16px solid #e6001c;
	border-bottom: 16px solid transparent;
	border-right: 16px solid transparent;
	position: absolute;
	right: -31px;
	top: 50%;
	margin-top: -16px;
}

#contact .step-box li.step03 {
	margin-right: 0;
}

#contact .note-box {
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
	font-size: 2rem;
	font-weight: bold;
	color: #e6001c;
}

#contact .form-box {
	width: 100%;
	height: auto;
	overflow: hidden;
}

#contact #formWrap {
	width: 100%;
	height: auto;
	overflow: hidden;
	font-size: 2rem;
}

#contact #formWrap .school-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 1rem;
}

#contact #formWrap .school-box h3 {
	color: #e6001c;
	border-bottom: solid 1px #e6001c;
}

#contact #formWrap .school-box h4 {
	color: #e6001c;
	margin-top: 40px;
}

#contact #formWrap dl {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 auto;
}

#contact #formWrap .form-item {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#contact #formWrap .form-item-last {
	border-bottom: none;
}

#contact #formWrap dt {
	display: block;
	width: 35%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	padding: 1em;
	line-height: 2.8em;
	color: #e6001c;
}

#contact #formWrap dt::before {
	display: inline-block;
	width: 10px;
	height: 2.8rem;
	vertical-align: middle;
	content: "";
	margin-right: 1rem;
	border-radius: 5px;
	background-color: #e6001c;
}

#contact #formWrap dt span {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 2.4rem;
	line-height: 2.4rem;
	padding: 0 0.5rem;
	font-size: 1.4rem;
	color: #ffffff;
	background-color: #e6001c;
	border-radius: 5px;
	margin-left: 1.6rem;
}

#contact #formWrap dd {
	display: block;
	width: 65%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	padding: 1em;
	line-height: 2em;
	background: #ffffff;
}

#contact #formWrap form,
#contact #formWrap form input,
#contact #formWrap form select,
#contact #formWrap form textarea {
	font-size: 2rem;
}

#contact #formWrap form select {
	width: 45%;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background-color: #ffffff;
	float: left;
}

#contact #formWrap .from-box {
	width: 10%;
	height: auto;
	font-size: 2rem;
	padding: 1rem;
	text-align: center;
	float: left;
}

#contact #formWrap .present {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	border-bottom: solid 1px rgba(0, 0, 0, 0.2);
	padding: 2rem 0;
}

#contact #formWrap .present input {
	margin-right: 1rem;
}

#contact #formWrap .present-item-last {
	border-bottom: none;
}

#contact #formWrap .present .radio-box {
	width: 40%;
	height: auto;
}

#contact #formWrap .present .image-box {
	width: 60%;
	height: auto;
}

#contact #formWrap .present .image-box img {
	height: 100px;
	width: auto;
}

#contact #formWrap form input[type="text"] {
	width: 80%;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#contact #formWrap form textarea {
	width: 80%;
	height: 30rem;
	padding: 1rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#contact .privacy {
	margin-top: 40px;
}

#contact .privacy .privacy-title {
	width: 100%;
	height: auto;
	padding: 0.7rem 2rem;
	color: #ffffff;
	background-color: #e6001c;
	font-size: 2.4rem;
	font-weight: bold;
	border-radius: 5px;
}

#contact .privacy .privacy-area {
	width: 100%;
	height: 250px;
	overflow: auto;
	font-size: 1.6rem;
	margin-top: 20px;
	padding: 1.4rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

#contact .privacy .privacy-area h3 {
	color: #e6001c;
	text-align: center;
}

#contact .privacy .privacy-area .ceo-box {
	width: 100%;
	height: auto;
	margin: 1.4rem 0;
	text-align: right;
}

#contact .privacy .privacy-area h4 {
	margin: 1.4em 0;
}

#contact .privacy .privacy-area .kaiji-box {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 1.4em 0;
}

#contact .privacy .privacy-area ol {
	padding-left: 2em;
}

#contact .note-box-bottom {
	width: 100%;
	height: auto;
	margin-top: 8rem;
	font-size: 2rem;
	font-weight: bold;
	color: #e6001c;
	text-align: center;
}

#contact #formWrap form .button-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 80px;
	text-align: center;
}

#contact #formWrap form .button-box button {
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 80rem;
	height: auto;
	box-sizing: border-box;
	background-color: #ffffff;
	font-size: 1.2em;
	color: #e6001c;
	text-align: center;
	border-radius: 1.5rem;
	text-decoration: none;
	border: solid 1px #e6001c;
	margin: 0 auto;
	color: #ffffff;
	background-color: #e6001c;
	padding: 0.5rem;
}

#contact #formWrap form .button-box button span {
	font-size: 1.6em;
}

#contact .form-item03 input {
	margin-bottom: 2rem;
}

#contact #formWrap .raiten-bi-box select {
	float: none;
	margin-bottom: 20px;
}

#contact #formWrap form #form-raiten-bi input {
	width: 25%;
}

#contact #formWrap form .select-time,
#contact #formWrap form .select-minute {
	width: 50%;
	height: auto;
	float: left;
}

#contact #formWrap form .select-time select,
#contact #formWrap form .select-minute select {
	width: 60%;
}

#contact #formWrap .customer-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 40px;
}

#contact #formWrap .customer-box h3 {
	color: #21a917;
	border-bottom: solid 1px #21a917;
}

#contact #formWrap .customer-box h4 {
	color: #21a917;
	margin-top: 40px;
}

#contact #formWrap .customer-box dt {
	color: #21a917;
}

#contact #formWrap .customer-box dt::before {
	background-color: #21a917;
}

#contact #formWrap .terms-box {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 2rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 40px;
}

#contact #formWrap .terms-box h3 {
	color: #0066ab;
	border-bottom: solid 1px #0066ab;
}

#contact #formWrap .terms-box h4 {
	color: #0066ab;
	margin-top: 40px;
}

#contact #formWrap .terms-box dt {
	color: #0066ab;
}

#contact #formWrap .terms-box dt::before {
	background-color: #0066ab;
}

#contact #formWrap .consent {
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 40px;
}

#contact #formWrap .consent .consent-check {
	width: 30%;
	height: 4em;
	overflow: hidden;
	float: left;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	text-align: center;
	color: #e6001c;
	padding-top: 1rem;
}

#contact #formWrap .consent .consent-text {
	width: 70%;
	height: 4em;
	overflow: hidden;
	float: left;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	padding-left: 1rem;
}

.address-caution {
	margin-bottom: 1rem;
	color: #e5001b;
}

/* ---------- 確認画面 ---------- */

#contact #formWrap {
	width: 100%;
	max-width: 1200px;
	height: auto;
	overflow: hidden;
	margin: 40px autp;
}

#contact #formWrap table {
	width: 100%;
}

#contact #formWrap table tr {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 2px solid #efefef;
}

#contact #formWrap table th {
	display: block;
	width: 35%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	padding: 1em;
	line-height: 2.8em;
	color: #e6001c;
	text-align: left;
}

#contact #formWrap table td {
	display: block;
	width: 65%;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	float: left;
	padding: 1em;
	line-height: 2em;
	background: #ffffff;
}

#contact #formWrap input[type="submit"] {
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 300px;
	height: 60px;
	box-sizing: border-box;
	background-color: #e6001c;
	font-size: 1.2em;
	color: #ffffff;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	border: solid 1px #e6001c;
	margin: 80px 20px;
}

#contact #formWrap input[type="button"] {
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	width: 300px;
	height: 60px;
	box-sizing: border-box;
	background-color: #ffffff;
	font-size: 1.2em;
	color: #e6001c;
	text-align: center;
	line-height: 60px;
	border-radius: 5px;
	text-decoration: none;
	border: solid 1px #e6001c;
	margin: 80px 20px;
}

/* ---------- 送信完了画面 ---------- */

#contact #content01 .thanks-box {
	font-size: 2rem;
	margin-bottom: 80px;
}

#contact #content01 .back-box a {
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	height: 10rem;
	color: #ffffff;
	background-color: #e6001c;
	border-radius: 7px;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 80px auto;
	text-decoration: none;
}

/* ---------- PC用ここまで ---------- */



/* ---------- 画面サイズが767px以下の場合読み込む---------- */

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

	html {
		font-size: 62.5%;
	}

	body {
		width: 100%;
		font-size: 1.4rem;
		background-image: none;
	}

	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	.formError {
		left: 60% !important;
	}

	/* ---------- ヘッダー ---------- */

	#header .header-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#header .header-box .header-logo {
		width: 100%;
	}

	#header .header-logo .logo-box {
		width: 100%;
		height: auto;
		padding-top: 1rem;
		border-bottom: solid 3px #e6001c;
	}

	#header .header-logo .logo-box a {
		width: 100%;
		padding-top: 20%;
		background-size: 100% auto;
		margin-bottom: 0;
	}

	#header h1 {
		width: 80%;
		top: 1rem;
		left: 18%;
		font-size: 1.2rem;
		font-weight: bold;
	}

	#header .header-tel {
		width: 100%;
		height: auto;
		text-align: center;
	}

	#header .header-tel a {
		font-size: 3.2rem;
	}

	#header .header-tel-mobile {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#header .header-tel-mobile dl,
	#header .header-tel-mobile dt,
	#header .header-tel-mobile dd {
		list-style: none;
	}

	#header .header-tel-mobile dt {
		display: block;
		width: 100%;
		height: auto;
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		margin-top: 1rem;
	}

	#header .header-tel-mobile dd {
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
	}

	#header .header-tel-mobile dd a {
		font-size: 3rem;
		font-weight: bold;
		color: #e6001c;
		text-decoration: none;
	}

	#header .header-left {
		width: 100%;
		height: auto;
		float: none;
	}

	#header .header-link {
		width: 100%;
		height: auto;
	}

	#header .header-link a {
		float: none;
		margin: 0 auto;
		margin-top: 2rem;
	}

	/* ---------- メインイメージ ---------- */

	#content .top-image-box {
		width: 94%;
		height: auto;
		margin-top: 2rem;
	}

	#content .top-image-box img {
		width: 100%;
		height: auto;
	}

	/* ---------- メッセージ ---------- */

	#content .message-wrapper {
		height: auto;
		background-size: 200% auto;
		padding-top: 50%;
		background-color: rgba(0, 160, 233, 0.05);
	}

	#content .message-wrapper .message-box {
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#content .message-wrapper .message-box h2 {
		width: 100%;
		font-size: 2.4rem;
		margin-top: 4rem;
		text-align: center;
	}

	#content .message-wrapper .message-box .message-body {
		width: 100%;
		font-size: 1.6rem;
		font-weight: normal;
		background-color: #ffffff;
		text-align: center;
		line-height: normal;
	}

	#content .message-wrapper .message-box .message-body span {
		font-size: 1.6rem;
		font-weight: bold;
		margin: 1rem 0;
	}

	/* ---------- 電話BOX ---------- */

	#content .tel-box {
		width: 94%;
		margin: 0 auto;
		margin-top: 4rem;
	}

	#content .tel-box .tel-comment {
		width: 100%;
		height: auto;
		float: none;
		line-height: normal;
		padding: 1rem;
		font-size: 2.4rem;
		border-bottom: solid 1px #e6001c;
	}

	#content .tel-box .tel-no-box {
		width: 100%;
		height: auto;
	}

	#content .tel-box .tel-no-wrap {
		height: auto;
		border-left: none;
	}

	#content .tel-box .tel-no-wrap .tel-mark {
		width: 20%;
	}

	#content .tel-box .tel-no-wrap .tel-no-body {
		width: 80%;
		height: auto;
	}

	#content .tel-box .tel-no-wrap .tel-mark i {
		height: auto;
		line-height: normal;
		padding: 4rem 0;
	}

	#content .tel-box .tel-no-wrap .tel-no-body .tel-concierge {
		width: 100%;
		height: auto;
		line-height: normal;
		font-size: 1.7rem;
		padding: 1rem 0;
	}

	#content .tel-box .tel-no-wrap .tel-no-body .tel-no {
		width: 96%;
		height: auto;
		line-height: normal;
		font-size: 3.7rem;
		margin-bottom: 0.5rem;
	}

	#content .tel-box .tel-no-wrap .tel-no-body .tel-no a {
		font-size: 2.6rem;
	}

	/* ---------- お部屋探しのお悩み ---------- */

	#content .onayami-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#content .onayami-box h2 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .onayami-box .onayami-list {
		height: auto;
		padding-top: 60%;
		padding-bottom: 4rem;
		background-position: center top;
		background-size: 120% auto;
	}

	#content .onayami-list .onayami-list-box01,
	#content .onayami-list .onayami-list-box02,
	#content .onayami-list .onayami-list-box03,
	#content .onayami-list .onayami-list-box04,
	#content .onayami-list .onayami-list-box05,
	#content .onayami-list .onayami-list-box06 {
		position: static;
		width: 100%;
		margin-top: 4rem;
		font-size: 1.6rem;
		font-weight: bold;
	}

	#content .onayami-list .onayami-list-box01 li::after {
		width: 20px;
		height: 20px;
		bottom: -25px;
		left: 50px;
	}

	#content .onayami-list .onayami-list-box01 li::before {
		width: 10px;
		height: 10px;
		bottom: -25px;
		left: 75px;
	}

	#content .onayami-list .onayami-list-box02 li::after {
		width: 20px;
		height: 20px;
		top: auto;
		bottom: -25px;
		right: 50px;
	}

	#content .onayami-list .onayami-list-box02 li::before {
		width: 10px;
		height: 10px;
		top: auto;
		bottom: -25px;
		right: 75px;
	}

	#content .onayami-list .onayami-list-box03 li::after {
		width: 20px;
		height: 20px;
		bottom: -25px;
		left: 50px;
		top: auto;
	}

	#content .onayami-list .onayami-list-box03 li::before {
		width: 10px;
		height: 10px;
		bottom: -25px;
		left: 75px;
		top: auto;
	}

	#content .onayami-list .onayami-list-box04 li::after {
		width: 20px;
		height: 20px;
		top: auto;
		bottom: -25px;
		left: auto;
		right: 50px;
	}

	#content .onayami-list .onayami-list-box04 li::before {
		width: 10px;
		height: 10px;
		top: auto;
		bottom: -25px;
		left: auto;
		right: 75px;
	}

	#content .onayami-list .onayami-list-box05 li::after {
		width: 20px;
		height: 20px;
		top: auto;
		bottom: -25px;
		left: 50px;
	}

	#content .onayami-list .onayami-list-box05 li::before {
		width: 10px;
		height: 10px;
		top: auto;
		bottom: -25px;
		left: 75px;
	}

	#content .onayami-list .onayami-list-box06 li::after {
		width: 20px;
		height: 20px;
		bottom: -25px;
		left: auto;
		right: 50px;
		top: auto;
	}

	#content .onayami-list .onayami-list-box06 li::before {
		width: 10px;
		height: 10px;
		bottom: -25px;
		left: auto;
		right: 75px;
		top: auto;
	}

	/* ---------- シティ・ハウジングがお悩みを解消します！ ---------- */

	#content .resolve-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4rem;
	}

	#content .resolve-box h2 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .resolve-box .reason-list-box {
		margin-top: 4rem;
	}

	#content .resolve-box .reason-list-box li {
		width: 100%;
		height: 20rem;
		margin: 0;
		margin-top: 80px;
		font-size: 2.2rem;
	}

	#content .tel-flow-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#content .tel-flow-box h2 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .content-item04 .resolve-image-box {
		width: 94%;
		margin: 4rem auto;
	}

	#content .content-item04 .resolve-image-box img {
		width: 100%;
		height: auto;
	}

	/* ---------- コンシェルジュのメリット ---------- */

	#content .content-item05-2 {
		margin-top: 4rem;
	}

	#content .merit-box {
		width: 94%;
		height: auto;
		background-size: 70% auto;
		background-position: center 15%;
	}

	#content .merit-box h2 {
		width: 100%;
		font-size: 2.4rem;
	}

	#content .merit-list-box {
		width: 100%;
		margin-top: 80%;
	}

	#content .merit-list-box li {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 8rem;
	}

	/* ---------- 電話コンシェルジュの流れ ---------- */

	#content .tel-flow-box {
		margin-top: 4rem;
	}

	#content .tel-flow-box .flow-box h3 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .tel-flow-box .flow-box li {
		display: block;
		width: 100%;
		height: auto;
		padding: 3rem 2rem;
		background-image: none;
		background-color: #00a0e9;
		margin: 0;
		margin-bottom: 4rem;
		position: relative;
		font-size: 2rem;
	}

	#content .tel-flow-box .flow-box ul {
		margin-top: 4rem;
	}

	#content .tel-flow-box .flow-box li span {
		position: static;
		margin-bottom: 2rem;
		text-align: center;
		border-bottom: solid 1px #ffffff;
		color: #ffffff;
	}

	#content .tel-flow-box .flow-box li.flow-list01::after,
	#content .tel-flow-box .flow-box li.flow-list02::after {
		content: "\f078";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		position: absolute;
		display: block;
		width: 100%;
		text-align: center;
		margin: auto;
		bottom: -5rem;
		left: 0;
		font-size: 4rem;
		color: #00a0e9;
	}

	/* ---------- 物件資料請求　メールコンシェルジュ ---------- */

	#content .content-item06 {
		margin-top: 4rem;
	}

	#content .mail-flow-box {
		width: 94%;
		margin: 4rem auto;
		padding: 4rem 0.5rem 0;
	}

	#content .mail-flow-box h2 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .mail-box {
		width: 100%;
		border: solid 1px #e6001c;
	}

	#content .mail-box .mail-comment {
		width: 100%;
		height: auto;
		font-size: 1.6rem;
		padding: 1rem;
		border: none;
		border-bottom: solid 1px #e6001c;
	}

	#content .mail-box .mail-button-box {
		width: 100%;
		height: auto;
		border: none;
	}

	#content .mail-box .mail-button-wrap {
		height: auto;
	}

	#content .mail-box .mail-button-wrap .mail-button-body {
		width: 100%;
		height: auto;
	}

	#content .mail-box .mail-button-wrap .mail-button-body .mail-concierge {
		height: auto;
		font-size: 2rem;
		line-height: inherit;
	}

	#content .mail-box .mail-button-wrap .mail-button-body .mail-button a {
		width: 90%;
		font-size: 2.2rem;
		margin: 2rem auto;
	}

	/* ---------- メールコンシェルジュの流れ ---------- */

	#content .mail-flow-box .flow-box h3 {
		font-size: 2.4rem;
		text-align: center;
		margin-top: 4rem;
	}

	#content .mail-flow-box .flow-box li {
		display: block;
		width: 100%;
		height: auto;
		padding: 3rem 2rem;
		background-image: none;
		background-color: #00a0e9;
		margin: 0;
		margin-bottom: 6rem;
		position: relative;
	}

	#content .mail-flow-box .flow-box ul {
		margin-top: 4rem;
	}

	#content .mail-flow-box .flow-box li span {
		position: static;
		margin-bottom: 2rem;
		text-align: center;
		border-bottom: solid 1px #ffffff;
	}

	#content .mail-flow-box .flow-box li.flow-list01::after,
	#content .mail-flow-box .flow-box li.flow-list02::after {
		content: "\f078";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		position: absolute;
		display: block;
		width: 100%;
		text-align: center;
		margin: auto;
		bottom: -6rem;
		left: 0;
		font-size: 4rem;
		color: #00a0e9;
	}

	/* ---------- 物件検索画面からご自分で物件検索 ---------- */

	#content .search-box {
		margin: 0;
	}

	#content .search-box h2 {
		width: 94%;
		font-size: 2.4rem;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#content #top-search {
		background-color: #ffffff;
		margin-top: 2rem;
	}

	#content #top-search .top-search-body {
		width: 100%;
		height: auto;
		position: static;
	}

	#content #top-search .mapbox {
		display: none;
	}

	#content #top-search .form-box {
		padding: 0 2rem;
		margin-top: 2rem;
	}

	#content #top-search .area-box {
		width: 100%;
		height: 0;
		padding-top: 150%;
		position: relative;
		background-image: url(images/ground.png);
		background-repeat: no-repeat;
		background-size: 220% auto;
		background-position: right 18% top;
		background-color: #aadaff;
	}

	#content #top-search .area0 {
		left: 40%;
		top: 48%;
	}

	#content #top-search .area1 {
		left: 60%;
		top: 55%;
	}

	#content #top-search .area2 {
		left: 24%;
		top: 55%;
	}

	#content #top-search .area4 {
		left: 42%;
		top: 40%;
	}

	#content #top-search .area3 {
		left: 42%;
		top: 63%;
	}

	#content #top-search .area5 {
		left: 60%;
		top: 15%;
	}

	#content #top-search .area6 {
		left: 30%;
		top: 30%;
	}

	#content #top-search .area7 {
		left: 70%;
		top: 75%;
	}

	#content #top-search .area8 {
		left: 50%;
		top: 30%;
	}

	#content #top-search .area9 {
		left: 5%;
		top: 70%;
	}

	#content #top-search .area10 {
		left: 42%;
		top: 90%;
	}

	#content #top-search .top-form-box {
		width: 100%;
	}

	#content #top-number {
		position: relative;
		width: 100%;
		height: auto;
		top: 0;
		background-color: #e6001c
	}

	#content #top-number .top-number-box {
		width: 100%;
		background: none;
	}

	#content #top-number .top-number-box dt {
		width: 100%;
		height: auto;
		color: #ffffff;
		padding: 1rem;
		text-align: center;
	}

	#content #top-number .top-number-box dd {
		width: 100%;
		height: auto;
		color: #ffffff;
		padding: 1rem;
	}

	#content #top-search .top-form-box h2 {
		border-radius: 0;
		color: #e5001b;
		background-color: #ffffff;
		font-size: 2.4rem;
	}

	#content #top-number .top-number-box {
		border-radius: 0;
	}

	#content #top-search .match-number {
		border-radius: 0;
	}

	#content #top-search .match-number {
		display: none;
	}

	/* ---------- 物件検索画面からご自分で物件検索 ---------- */

	#content .search-button-box {
		padding: 0;
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#content .search-button-box h2 {
		width: 100%;
		font-size: 2.4rem;
		text-align: center;
	}

	#content #top-search .top-search-form {
		height: auto;
		font-size: 1.8rem;
		padding: 0;
	}

	#content #top-search .top-search-form dt {
		font-size: 2rem;
		font-weight: bold;
		text-align: center;
		margin-bottom: 1rem;
	}

	#content #top-search .type {
		width: 100%;
		float: none;
		padding: 1rem 0;
	}

	#content #top-search .rent-box .rent-main {
		padding: 1rem;
	}

	#content #top-search .rent-box .rent {
		width: 100%;
	}

	#content #top-search .rent-sub .rent-check01,
	#content #top-search .rent-sub .rent-check02,
	#content #top-search .rent-sub .rent-check03 {
		width: 100%;
		padding: 1rem 0;
	}

	#content #top-search .room {
		width: 100%;
		padding: 1rem 0;
	}

	#content #top-search .structure {
		width: 100%;
		padding: 1rem 0;
	}

	#content #top-search .years {
		width: 100%;
		padding: 1rem 0;
	}

	#content #top-search .dimensions-box dd {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 1rem 0;
	}

	#content #top-search .dimensions-box .dimensions {
		width: 100%;
	}

	#content #top-search .heqs {
		width: 100%;
		padding: 1rem 0;
	}

	#content #top-search .p-heqs {
		width: 100%;
		padding: 1rem 0;
	}

	#content #top-search .submit_button input[type="submit"] {
		width: 94%;
		margin: 0 auto;
		margin-top: 2rem;
	}

	#content #top-search .button-box {
		width: 94%;
		margin: 0 auto;
	}

	#content #top-search .button-box .reset-button,
	#content #top-search .button-box .more-condition {
		width: 100%;
	}

	#content #top-search .reset-button input[type="reset"] {
		width: 100%;
		margin-top: 2rem;
	}

	#content #top-search .more-condition a {
		width: 100%;
		margin-top: 3.5rem;
		font-size: 1.8rem;
		margin-bottom: 4rem;
	}










	#content .search-button {
		width: 100%;
		margin-top: 4rem;
	}

	#content .search-button li {
		width: 100%;
		float: none;
		margin-left: 0;
		margin-bottom: 4rem;
	}

	#content .search-button li a {
		width: 100%;
	}

	/* ---------- カテゴリー別物件特集 ---------- */

	#content .search-category-box {
		width: 94%;
		margin: 0 auto;
	}

	#content .search-category-box h2 {
		width: 100%;
		font-size: 2.4rem;
		text-align: center;
	}

	#content .category-box {
		margin-top: 4rem;
	}

	#content .category-item .image-area {
		height: auto;
		border-bottom: none;
	}

	/* ---------- 大学学校別お部屋探し専門サイト ---------- */

	#content .daigaku-box {
		width: 94%;
		margin: 0 auto;
	}

	#content .daigaku-box h2 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .daigaku-box .daigaku-comment {
		text-align: left;
		font-size;
		1.6rem;
		font-weight: normal;
	}

	#content .daigaku_list {
		margin-top: 4rem;
	}

	#content .daigaku_list li a {
		width: 100%;
		padding-top: 68%;
		margin-bottom: 4rem;
	}

	/* ---------- シティ・ハウジングのグループサイト ---------- */

	#content .group-box .group-comment {
		font-size: 1.6rem;
		font-weight: normal;
		text-align: left;
	}

	#content .group-box {
		width: 94%;
		margin: 0 auto;
		padding: 0;
	}

	#content .group-box h2 {
		font-size: 2.4rem;
		text-align: center;
	}

	#content .group_list {
		margin-top: 4rem;
	}

	#content .group_list li a {
		width: 48%;
		height: auto;
		float: left;
		margin: 0;
		padding-left: 1rem;
		padding-right: 1rem;
		font-size: 1.5rem;
		margin-bottom: 4%;
	}

	#content .group_list li a span {
		display: block;
		width: 100%;
		height: 7rem;
		margin-top: 1rem;
	}

	#content .group_list li.tenant a,
	#content .group_list li.souzoku a,
	#content .group_list li.akiya a {
		margin-left: 4%;
	}

	/* ---------- お問い合わせフォーム ---------- */

	#contact #content01 {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
	}

	#contact .content-title h2 {
		font-size: 3rem;
	}

	#contact .step-box li {
		display: block;
		height: auto;
		padding: 1rem;
		font-size: 1.8rem;
	}

	#contact .step-box li span {
		display: block;
		width: 100%;
		height: auto;
		font-size: 2rem;
	}

	#contact #formWrap {
		width: 100%;
	}

	#contact #formWrap .form-item {
		padding: 1rem 0;
	}

	#contact #formWrap dt {
		width: 100%;
		height: auto;
		padding: 1rem;
	}

	#contact #formWrap dd {
		width: 100%;
		height: auto;
		padding: 1rem;
	}

	#contact #formWrap form input[type="text"] {
		width: 100%;
	}

	#contact #formWrap form select {
		width: 100%;
	}

	#contact #formWrap form textarea {
		width: 100%;
	}

	#contact #formWrap form .button-box {
		width: 100%;
	}

	#contact #formWrap form input[type="submit"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap form input[type="reset"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap form .button-box input[type="submit"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap form .button-box input[type="reset"] {
		display: block;
		float: none;
		margin: 0 auto;
	}

	#contact #formWrap input[type="button"] {
		display: block;
		float: none;
		margin: 0 auto;
		margin-top: 40px;
	}

	#contact #formWrap table {
		margin-bottom: 40px;
	}

	#contact #formWrap table th,
	#contact #formWrap table td {
		width: 100%;
		padding: 0 1rem;
	}

	#contact #formWrap .form-item03 input[type="text"],
	#contact #formWrap .form-item04 input[type="text"] {
		width: 85%;
	}

	#contact #content01 .back-box a {
		width: 80%;
	}

	#contact #formWrap .raiten-bi-box select {
		width: 80%;
	}

	#contact #formWrap form .select-time,
	#contact #formWrap form .select-minute {
		width: 100%;
		margin-bottom: 1rem;
	}

	#contact #formWrap form .select-time select,
	#contact #formWrap form .select-minute select {
		width: 80%;
	}

	#contact #formWrap .school-box,
	#contact #formWrap .customer-box,
	#contact #formWrap .terms-box {
		padding: 3%;
	}

	#contact #formWrap .present .radio-box {
		width: 60%;
	}

	#contact #formWrap .present .image-box {
		width: 40%;
		text-align: center;
	}

	#contact #formWrap .present .image-box img {
		height: 80px;
	}

	#contact #formWrap .consent .consent-check {
		width: 100%;
		height: auto;
		border-left: none;
	}

	#contact #formWrap .consent .consent-text {
		width: 100%;
		height: auto;
		border-left: none;
		margin-top: 4rem;
	}

	#contact #formWrap form .button-box button {
		width: 100%;
		height: auto;
		padding: 0.5rem;
		font-size: 1em;
	}

	/* ---------- スマホTOP フッター ---------- */
	#footer {
		margin-top: 0;
	}

	#footer .footer-body {
		width: 100%;
	}

	#footer .footer-logo {
		height: auto;
		margin-bottom: 1rem;
	}

	#footer .footer-logo a.logo {
		width: 100%;
		padding-top: 16%;
		background-size: 94% auto;
		background-position: center center;
		background-repeat: no-repeat;
		float: none;
	}

	#footer .footer-logo .sns-box {
		justify-content: center;
		width: 100%;
		height: 7rem;
		float: none;
		margin: 1rem auto;
	}

	#footer .footer-logo .sns-box a {
		width: 4rem;
		height: auto;
	}

	#footer .footer-body .fotter-box {
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	#footer .footer-body .sub-list li a {
		margin-left: 6rem;
	}

	/* ---------- pageTop ボタン ---------- */

	#pageTop {
		bottom: 1rem;
		right: 1rem;
	}

	#content .category-item {
		width: 48%;
		margin-left: 0;
		margin-bottom: 8%;
	}

	#content .category02,
	#content .category04,
	#content .category06,
	#content .category08 {
		margin-left: 4%;
	}

	/* ---------- スマホ用ここまで ---------- */

}