* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*,
*: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: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.6rem;
	color: #444444;
	width: 100%;
	line-height: 1.44;
	letter-spacing: 0.01em;
}

.sp {
	display: none;
}

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

a {
	outline: none;
}

a:focus {
	outline: none;
}

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

.copy-right {
	display: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#main-box {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 2rem;
}
.uketuke-notice-box-btn {
	display: flex;
	justify-content: center;
	margin: 4rem auto;
}

a {
	text-decoration: none;
}

.btn--cubic {
	border-bottom: 5px solid #ccc100;
}

.btn--cubic:hover {
	margin-top: 3px;
	border-bottom: 2px solid #ccc100;
}
.uketuke-notice-box-btn div {
	background-color: #fff100;
	border-radius: 100vh;
	padding: 2rem 5rem 2rem 3rem;
}
.uketuke-notice-box-btn a {
	font-size: 1.8rem;
	color: #000;	
}

a.btn-c i.fa {
	margin-right: 1rem;
	margin-left: 15px;
}

/* a.btn-c:before {
	font-family: 'Font Awesome 5 Free';
	font-size: 1.6rem;
	line-height: 1;
	position: absolute;
	top: calc(50% - .8rem);
	right: 1rem;
	margin: 0;
	padding: 0;
	content: '\f054';
} */

@media print,
screen and (min-width:0px) {

	/* ---------- page top ボタン ---------- */
	#pageTop {
		position: fixed;
		bottom: 1em;
		right: 1em;
		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.1);
		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);
	}

	/* ---------- メイン ---------- */

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

	.main-box {
		width: 100%;
		max-width: 1200px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	.title-box h2 {
		width: 100%;
		height: auto;
		font-size: 1.8rem;
		padding: 1rem 2rem;
		color: #ffffff;
		background-color: #E11B2A;
		margin-bottom: 2rem;
	}

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

	/* #header .header-logo01 {
		display: block;
		width: 171px;
		height: 61px;
		overflow: hidden;
		float: left;
		padding: 0px;
		background-image: url("images2/logo01.png");
		background-size: 100% auto;
	} */

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

	#header .header-logo {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	#header .header-logo01 {
		display: flex;
		align-items: center;
		width: 20%;
		height: 61px;
		padding: 0 1rem;
		font-weight: bold;
		color: #fff;
		background-color: #B22134;
		text-align: center;
	}

	#header .header-logo01 h2 {
		width: 100%;
		font-size: 14px;
		line-height: 2rem;
		text-align: center;
	}

	#header .header-logo01 .logo-s {
		font-size: 13.5px;
	}

	#header .header-logo02  {
		display: flex;
		align-items: center;
		width: 70%;
		height: 61px;
		padding: 1rem 2rem;
		color: white;
		background-color: #E11B2A;
	}

	#header .header-logo02 h1 {
		width: 100%;
		font-size: 1.8rem;
		line-height: 2rem;
	}

	#header .header-logo03 {
		width: 10%;
		height: 61px;
		display: flex;
		align-items: center;
		padding: 0 1rem;
		background-color: #B22134;
	}

	#header .header-logo03 a {
		width: 100%;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		text-align: center;
	}



	/* #header .header-logo03 a {
		display: block;
		width: 238px;
		height: 0;
		float: left;
		padding-top: 61px;
		background-image: url("images2/link_item01.png");
		background-size: 100% auto;
	} */

	/* .header-main-image {
		display: block;
		width: 1200px;
		height: 560px;
		overflow: hidden;
		padding: 0px;
		background-image: url("images2/logo_main.png");
		background-size: 100% auto;
		background-position: 0px center;
		margin: 0 auto;
	} */

	.header-bottom {
		width: 1200px;
		height: 85px;
		overflow: hidden;
		margin: 0 auto;
		padding-top: 5px;
		background-size: 100%;
		background-color: #E11B2A;
		border-bottom: dotted 1px #ffffff;
	}

	.header-bottom .header-logo04 {
		display: block;
		/*width: 130px;*/
		height: 48px;
		overflow: hidden;
		padding: 0px;
		margin-left: 200px;
		float: left;
		/*background-image: url("images2/logo03.png");*/
		background-size: 100% auto;
		background-position: 0px center;
	}

	.header-bottom .header-logo05 {
		display: block;
		width: 450px;
		height: 48px;
		overflow: hidden;
		padding-top: 0px;
		padding-left: 10px;
		float: left;
		font-weight: nomal;
		font-size: 38px;
		color: white;
	}

	.header-logo05 a {
		color: rgb(255, 255, 255);
		text-decoration: none;
		font-weight: bold;
	}

	.header-bottom .header-logo06 {
		display: block;
		width: 500px;
		/*height: 48px;*/
		overflow: hidden;
		padding: 0px;
		float: left;
		font-weight: nomal;
		color: white;
	}

	/* ---------- パンくずリスト ---------- */
	.breadcrumb-box {
		width: 100%;
		max-width: 1240px;
		margin: 0 auto;
		padding: 0 2rem;
	}

	.breadcrumb {
		margin: 2rem 0;
	}

	.breadcrumb li {
		display: inline;
		/*横に並ぶように*/
		list-style: none;
		font-weight: normal;
		/*普通*/
	}

	.breadcrumb li:after {
		/* >を表示*/
		content: '>';
		padding: 0 3px;
		color: #555;
	}

	.breadcrumb li:last-child:after {
		content: '';
	}

	.breadcrumb li a {
		text-decoration: underline;
		color: #E11B2A;
		/*色*/
	}

	/* ---------- TOP画像 ----------*/
	.residents_top {
		width: 100%;
		background-color: #f5f5f5;
	}
	
	.residents_top .img_box {
		position: relative;
		width: 100%;
		max-width: 1200px;
		height: calc(100vw - 700px);
		min-height: 250px;
		max-height: 400px;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.residents_top .img_box01 {
		position: absolute;
		right: 0;
		height: calc(100vw - 700px);
		min-height: 250px;
		max-height: 400px;
		object-fit: cover;
	}
	.residents_top .img_box02 {
		position: absolute;
		left: 5%;
		height: calc(100vw - 700px);
		min-height: 240px;
		max-height: 400px;
		object-fit: cover;
	}

	/* ---------- メニューボタン ----------*/
	.menu-btn {
		width: 94%;
		max-width: 1200px;
		margin: 3rem auto 0;
	}
	.menu-btn-g {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		gap: 1rem;
		width: 100%;
		margin: 0 auto;
	}
	.menu-btn-g a {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		margin: 0 auto;
		color: #605e63;
		font-weight: bold;
		text-decoration: none;
		padding: 1rem;
		border: solid 2px #949297;
		border-radius: 1rem;
		width: 100%;
		min-height: 80px;
	}
	.fas {
		padding-left: 0.5rem;
	}
	.menu-btn-g img {
		width: 100%;
	}
	.menu-btn-g a:hover {
		border-radius: 1rem;
		border: solid 2px #E11B2A;
		color: #E11B2A;
	}
	.menu-btn-g a:active {
		background-color: #E11B2A;
		color: #FFF;
	}

	/*
	.menu-btn01 {
		background-color: #ffbc00;
	}
	.menu-btn02 {
		background-color: #5f9ea0;
	}
	.menu-btn03 {
		background-color: #3e5e9b;
	}
	.menu-btn04 {
		background-color: #a93f90;
	}
	.menu-btn05 {
		background-color: #d8414c;
	}
	.menu-btn06 {
		background-color: #3eb357;
	}
	.menu-btn07 {
		background-color: #e11b2a;
	}*/

	/* ---------- メッセージ ----------*/
	.top-title-area {
		width: 94%;
		max-width: 1200px;
		margin: 5rem auto;
	}
	.top-session-main-title {
		position: relative;
		padding-bottom: 0.5em;
		margin-bottom: 3rem;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
	}	
	.top-session-main-title::before,
	.top-session-main-title::after {
		content: "";
		position: absolute;
		right: 2em;
		left: 0;
		bottom: 0;
		width: 2em;
		height: 5px;
		margin: 0 auto;
		background-color: #E11B2A;
	}	
	.top-session-main-title::before {
		background-color: #FFC800;
		left: 2em;
		width: 4em;
	}
	.step-top-text {
		font-size: 1.8rem;
		line-height: 1.8;
		text-align: center;
	}	
	.step-top-text p {
		text-align: justify;
		word-break: break-all;
	}

	/* ---------- 電話 ---------- */
	#fixed-menu a {
		text-decoration: none;
	}
	#fixed-menu {
		width: 100%;
		background-color: #E11B2A;
	}
	#fixed-menu .fa-chevron-right:before{
		font-size: 22px;
		padding-left: 0.5rem;
	}
	.tel_summary img{
                height: 3rem;
		padding-top: 3px;
	}
	.tel-container {
		width: 100%;
		background-color: #E11B2A;
	}
	.tel_details {
		display: block;
                width: 100%;
                color: #ffffff;
                list-style: none;
                text-decoration: none;
                margin: 0 auto;
        }
        .tel_details summary {
                display: block;
		width: 100%;
                list-style: none;
		padding: 3rem 0;
        }
        .tel_details::-webkit-details-marker {
                display: none;
        }
        #fixed-menu .tel_summary_div {
                width: 100%;
		margin: 0 auto;
                background-color: #ffffff;
		border-bottom: solid 4rem #E11B2A;
                border-top: 0;
        }
	#fixed-menu .tel_summary .tel_summary01 {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80%;
		max-width: 360px;
		background-color: #fff;
		border-radius: 1rem;
		margin: 0 auto;
		padding: 2rem 1rem;
		line-height: 1;
		color: #E11B2A;
		box-shadow: 0 0.5rem 0.2rem 0 rgba(0, 0, 0, .1)
	}
	#fixed-menu .tel_summary span {
		display: flex;
		align-items: center;
		font-size: 2.4rem;
		font-weight: bold;
	}
        #fixed-menu .tel_summary_div p {
                font-size: 16px;
                text-align: center;
                color: #444;
		padding: 1rem 0 1.5rem;
        }
	#fixed-menu li {
		display: block;
		padding-bottom: 1.5rem;
		border-bottom: dotted 1px #444;
		text-align: center;
	}
	.tel-li-p {
		width: 94%;
		max-width: 480px;
		margin: 0 auto;
	}
        #fixed-menu .tel_summary_div  .tel_p {
		display: inline-block;
                width: 100%;
                margin: 0 auto;
		text-align: left;
        }
        #fixed-menu .tel_summary_div span {
                font-size: 28px;
                font-weight: bold;
		color: #444;
        }
        #fixed-menu .tel_otoiawase {
                width: 100%;
                margin: 0 auto;
		text-align: center;
		padding-top: 1.5rem;
        }
        #fixed-menu .tel_otoiawase-span{
                width: 100%;
                margin: 0 auto;
		padding: 1rem 0 0;
                font-size: 24px;
        }
	#fixed-menu .tel_summary_div a span {
		color: #444;
	}
	#fixed-menu .tel-span {
		padding: 0.5rem 2rem;
		border: solid 2px;
		border-bottom: solid 5px;
		border-radius: 1rem;
	}

	/* ---------- 電話閉じる ---------- */
	details[open] summary+* {
		position: relative;
	}
		details[open] summary::before {
		position: fixed;
		inset: 0;
		content: '';
	}

	/* ---------- 入居者のみなさまへ ---------- */

	#residents #main .dc {
		clear: both;
	}

	/* ---------- 新着情報 ---------- */

	#residents #main .topics-area {
		margin-top: 4rem;
	}

	#residents #main .topics-area .main-logo-news {
		display: block;
		width: 150px;
		height: 0;
		padding-top: 130px;
		overflow: hidden;
		float: left;
		background-image: url("images2/logo_new.png");
		background-size: cover;
		margin-right: 10px;
	}

	#residents #main .topics-body {
		display: block;
		width: 1040px;
		height: auto;
		overflow: hidden;
		float: left;
		margin-bottom: 4rem;
	}

	#residents #main .topics-body #newsWrap ul,
	#residents #main .topics-body #newsWrap li {
		list-style: none;
	}

	#residents #main .topics-body #newsWrap li {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 1rem;
		margin: 3rem auto;
		border-bottom: dotted 1px #E11B2A;
		font-size: 1.8rem;
	}

	#residents #main .topics-body #newsWrap li span.up_ymd {
		display: block;
		width: 20%;
		height: auto;
		padding: 0.5rem 1rem;
		text-align: center;
		color: #ffffff;
		background-color: #E11B2A;
		float: left;
	}

	#residents #main .topics-body #newsWrap li span.title {
		display: block;
		width: 80%;
		height: auto;
		padding: 0.5rem 1rem;
		padding-left: 4rem;
		float: left;
	}

	#residents #main .topics-body #newsWrap li span.title a {
		color: #E11B2A;
		text-decoration: none;
	}

	#residents #main .topics-body .news-link a {
		display: block;
		width: auto;
		width: max-content;
		float: right;
		color: #E11B2A;
		text-decoration: none;
	}

	#residents #main .content-box1,
	#residents #main .content-box2 {
		width: 100%;
		margin: 4rem auto 0;
	}

	#residents #main .content-box1 ul,
	#residents #main .content-box1 li {
		list-style: none;
	}

	#residents #main .content-box1 ul {
		display: block;
		width: 94%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	#residents #main .content-box1 li {
		display: block;
		height: auto;
		overflow: hidden;
		border-bottom: dotted 2px #666;
		padding: 4rem 0;
	}

	#residents #main .content-box1 li a.item-box {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#residents #main .content-box1 .main-logo-item01,
	#residents #main .content-box1 .main-logo-item02,
	#residents #main .content-box1 .main-logo-item03,
	#residents #main .content-box1 .main-logo-item04,
	#residents #main .content-box1 .main-logo-item05,
	#residents #main .content-box1 .main-logo-item06,
	#residents #main .content-box1 .main-logo-item07 {
		display: block;
		width: 16vw;
		height: 14vw;
		max-width: 170px;
		max-height: 150px;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-size: cover;
		margin-right: 10px;
	}


	#residents #main .content-box1 .main-logo-item01 {
		background-image: url("images2/logo_item01.png");
	}

	#residents #main .content-box1 .main-logo-item02 {
		background-image: url("images2/logo_item02.png");
	}

	#residents #main .content-box1 .main-logo-item03 {
		background-image: url("images2/logo_item03.png");
	}

	#residents #main .content-box1 .main-logo-item04 {
		background-image: url("images2/logo_item04.png");
	}

	#residents #main .content-box1 .main-logo-item05 {
		background-image: url("images2/logo_item05.png");
	}

	#residents #main .content-box1 .main-logo-item06 {
		background-image: url("images2/logo_item06.png");
	}
	#residents #main .content-box1 .main-logo-item07 {
		background-image: url("images2/logo_item07.png");
	}

	#residents #main .content-box1 .sentence {
		display: flex;
		width: 80%;
		height: 14vw;
		max-height: 150px;
		align-items: center;
		float: left;
		overflow: hidden;
		font-size: 1.8rem;
		padding: 0 2rem;
	}

	#residents .navi-item .button-box a {
		display: block;
		width: auto;
		width: max-content;
		height: auto;
		margin: 2rem auto 4rem;
		padding: 2rem 4rem;
		font-size: 2rem;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
		border-radius: 0.5rem;
	}

	#residents .navi-item .button-box a i {
		margin-left: 2rem;
	}

	#residents .navi-item01 .button-box a {
		background-color: #ffc800;
	}

	#residents .navi-item01 .button-box a:hover {
		background-color: #ffc800;
	}

	#residents .navi-item02 .button-box a {
		background-color: #3e5e9b;
	}

	#residents .navi-item02 .button-box a:hover {
		background-color: #314B7C;
	}

	#residents .navi-item03 .button-box a {
		background-color: #a93f90;
	}

	#residents .navi-item03 .button-box a:hover {
		background-color: #873273;
	}

	#residents .navi-item04 .button-box a {
		background-color: #d8414c;
	}

	#residents .navi-item04 .button-box a:hover {
		background-color: #ac343c;
	}

	#residents .navi-item05 .button-box a {
		background-color: #3eb357;
	}

	#residents .navi-item05 .button-box a:hover {
		background-color: #318f45;
	}

	#residents .navi-item06 .button-box a {
		background-color: #e11b2a;
	}

	#residents .navi-item06 .button-box a:hover {
		background-color: #CA1825;
	}

	#residents .navi-item07 .button-box a {
		background-color: #5f9ea0;
	}

	#residents .navi-item07 .button-box a:hover {
		background-color: #3c6566;
	}
	
	#residents #main .content-box1 .item-font-color01 {
		color: #ff7f02;
	}

	#residents #main .content-box1 .item-font-color02 {
		color: #3e5e9b;
	}

	#residents #main .content-box1 .item-font-color03 {
		color: #a93f90;
	}

	#residents #main .content-box1 .item-font-color04 {
		color: #d8414c;
	}

	#residents #main .content-box1 .item-font-color05 {
		color: #3eb357;
	}

	#residents #main .content-box1 .item-font-color06 {
		color: #e11b2a;
	}

	#residents #main .content-box1 .item-font-color07 {
		color: #5f9ea0;
	}

	#residents #main .button-box {
		width: 100%;
		margin: 0 auto;
	}

	#residents #main .contents-box2 {
		display: block;
		width: 280px;
		height: 48px;
		overflow: hidden;
		padding-top: 0px;
		padding-left: 10px;
		float: left;
		font-weight: nomal;
		font-size: 38px;
		color: white;
	}

	#residents #main .content-box2 .main-logo02 {
		display: block;
		width: 240px;
		height: 54px;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo04.png");
		background-size: contain;
	}

	#residents #main .content-box2 {
		padding-top: 15px;
		/*margin-top: 50px;*/
	}

	#residents #main .content-box2 .contact1 {
		display: block;
		width: 150px;
		height: 60px;
		overflow: hidden;
		padding-top: 0px;
		padding-left: 10px;
		float: left;
		color: #E11B2A;
		font-size: 1.3em;
	}

	#residents #main .content-box2 .contact2 {
		display: block;
		width: 285px;
		height: 60px;
		overflow: hidden;
		padding-top: 0px;
		padding-left: 10px;
		float: left;
		font-size: 38px;
		color: #E11B2A;
	}

	.contact2 a {
		color: #E11B2A;
		text-decoration: none;
	}

	#residents #main .content-box2 .contact3 {
		display: block;
		width: 280px;
		height: 60px;
		overflow: hidden;
		padding-top: 0px;
		padding-left: 10px;
		float: left;
		font-size: 1em;
		color: #E11B2A;
	}

	/* ---------- 新着情報(詳細画面） ---------- */

	#residents.news-detail #main h2 {
		width: 100%;
		height: auto;
		font-size: 1.8rem;
		padding: 1rem 2rem;
		color: #ffffff;
		background-color: #E11B2A;
	}

	#residents.news-detail .pNav {
		margin: 2rem auto;
	}

	#residents.news-detail .pNav a {
		color: #E11B2A;
	}

	#residents.news-detail #up_ymd {
		margin-top: 1rem;
		text-align: right;
		color: #E11B2A;
	}

	#residents.news-detail .detailUpfile {
		margin: 5px 0 35px;
		text-align: center;
	}

	#residents.news-detail .detailUpfile img {
		max-width: 100%;
		height: auto;
	}

	#residents.news-detail .backORcloseBtn {
		text-align: center;
		line-height: 100%;
		margin: 2rem auto;
	}

	#residents.news-detail .backORcloseBtn a {
		display: inline-block;
		padding: 10px 15px;
		border: 1px solid #aaa;
		color: #999;
		border-radius: 6px;
		text-decoration: none;
	}

	/* ---------- 新着情報(一覧画面） ---------- */

	#residents.news #newsList li {
		display: flex;
		align-items: center;
		padding: 1.5rem 0;
		border-bottom: dotted 1px #acacac;
	}

	#residents.news #newsList li .up_ymd {
		width: 20%;
		color: #E11B2A;
	}

	/* ---------- 退去のお申し込み ---------*/
	#residents_select #main-box h2 {
		width: 1160px;
		height: auto;
		padding: 5px 20px;
		background-color: #E11B2A;
		color: #ffffff;
		border-radius: 5px;
	}

	#residents_select #formWrap {
		margin-top: 10px;
	}

	#residents_select #formWrap #button {
		margin-top: 20px;
	}

	#residents_select label+input[type="radio"],
	#residents_select label+label {
		margin-left: 1em;
	}

	#residents_select label {
		margin-left: 0.3em;
	}

	#residents_select .button-box-k,
	#residents_select .button-box {
		width: 28em;
		height: 5em;
		padding: 0.5em;
		font-size: inherit;
	}

	#residents_select .button-box-r {
		width: 14em;
		height: 5em;
		padding: 0.5em;
		font-size: inherit;
	}

	#residents_select DIV.attention {
		margin-top: 30px;
		padding: 25px 5px 25px 5px;
		background-color: #c1d4f2;
		font-size: 1.3em;
		border-radius: 3%;
		line-height: 1.8em;
	}

	#residents_select DIV.attention span {
		color: black;
		font-weight: bold;
	}

	#residents_select DIV.attention li {
		margin: 2em 15em;
	}

	#residents_select DIV.attention .h2_content {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	#residents_select span.hissu {
		font-size: 0.8em;
		color: white;
		padding: 2px;
		background-color: red;
		margin-left: 5px;
	}

	#residents_select p.annotation {
		width: 390px;
		padding: 2px;
		background-color: yellow;
	}

	/* ---------- 退去のしおりへのリンク ---------- */
	#residents_select .shiori {
		width: 100%;
		height: auto;
		overflow: hidden;
		text-align: center;
	}

	#residents_select .shiori .shiori-text {
		width: 50%;
		height: 3.6em;
		float: right;
		line-height: 3.6em;
		text-align: right;
		margin-right: 1em;
	}

	#residents_select .shiori .shiori-button a {
		display: block;
		width: 20%;
		height: 3em;
		color: #E11B2A;
		line-height: 3em;
		text-align: center;
		text-decoration: none;
		float: right;
		font-size: 1.2em;
		font-weight: bold;
		border-radius: 5px;
		border: solid 1px #E11B2A;
	}

	#residents_select .shiori .shiori-button a i {
		margin-right: 1rem;
	}

	/* ---------- 注意書き ---------- */

	.uketuke-notice-box {
		height: auto;
		margin: 0 auto;
		margin-top: 1em;
		font-size: 1.6rem;
		line-height: 1.6em;
	}

	.uketuke-notice-box2 {
		width: 94%;
		height: auto;
		margin: 0 auto;
		color: #ff0000;
		margin-top: 3em;
		font-size: 1.6rem;
		line-height: 1.6em;
		text-align: center;
	}

	/* ---------- 解約ボタン ---------- */

	#residents_select .park-button,
	#residents_select .oheya-button {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#residents_select .park-button a,
	#residents_select .oheya-button a {
		display: block;
		padding: 0.2em;
		background: #d2322d;
		color: #ffffff;
		text-decoration: none;
		width: 17%;
		float: right;
		border-radius: 5px;
		text-align: center;
		margin: 1em 0 0;
	}

	#residents_select .park-button2 a {
		display: block;
		padding: 0.8em;
		background: #d2322d;
		color: #ffffff;
		text-decoration: none;
		width: 60%;
		border-radius: 5px;
		text-align: center;
		margin: 3em auto;
	}

	#residents_select .park-button2 a i {
		margin-right: 1rem;
	}

	#residents_select .oheya-button a {
		background: #39b3d7;
	}

	#residents_select .park-button a i,
	#residents_select .oheya-button a i {
		margin-right: 0.5em;
	}

	#residents_select .park-button a:hover,
	#residents_select .oheya-button a:hover {
		opacity: 0.8;
	}

	/* ---------- 各フォーム共通 ---------- */

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

	#residents .privacy .privacy-area {
		width: 100%;
		height: 250px;
		overflow: auto;
		font-size: 1.6rem;
		margin-top: 20px;
		padding: 1.4rem;
		border: 1px solid #c7c7c7;
	}

	#residents .privacy .privacy-area h3 {
		color: #E11B2A;
		text-align: center;
	}

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

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

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

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

	#residents #formWrap form .button-box {
		width: 680px;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;
		margin-bottom: 80px;
	}

	#residents #formWrap form .button-box input {
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		box-sizing: border-box;
		background-color: #ffffff;
		font-size: 1.2em;
		color: #E11B2A;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		border: solid 1px #E11B2A;
		margin: 0;
		-webkit-appearance: none;
	}

	#residents #formWrap form .button-box input[type="submit"] {
		color: #ffffff;
		background-color: #E11B2A;
		float: left;
	}

	#residents #formWrap form .button-box input[type="reset"] {
		float: right;
	}

	#residents :focus {
		outline: none;
	}

	#residents #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;
	}

	#residents .form-common {
		margin-top: 4rem;
	}

	#residents .form-common .form-item {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 2px solid #efefef;
		padding: 2rem;
	}

	#residents .form-common dt {
		display: block;
		width: 35%;
		height: 100%;
		overflow: hidden;
		float: left;
		padding: 1em;
		line-height: 2.8em;
		color: #e6001c;
	}

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

	#residents .form-common dd {
		display: block;
		width: 65%;
		height: 100%;
		overflow: hidden;
		float: left;
		padding: 1em;
		line-height: 2em;
		background: #ffffff;
	}

	#residents .form-common dd select {
		padding: 1rem;
		border: 1px solid #c7c7c7;
		background-color: #ffffff;
		width: 15%;
		margin: 0 1rem;
	}

	#residents .form-common input[type="radio"],
	#residents .form-common input[type="checkbox"] {
		margin-right: 0.5rem;
	}

	#residents .form-common dd textarea {
		width: 80%;
		height: 20rem;
		border: 1px solid #c7c7c7;
	}

	/* ---------- 退去に関する変更ご相談フォーム ---------- */

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

	#residents .step-box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 80px auto;
	}

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

	#residents .step-box ul {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	#residents .step-box li {
		height: auto;
		padding: 1.5rem;
		width: 30%;
		position: relative;
		color: #999999;
		background-color: #f1f1f1;
		border-radius: 7px;
		z-index: -1;
	}

	#residents .step-box li p {
		margin-top: 0.5rem;
	}

	#residents .step-box .step01::after,
	#residents .step-box .step02::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;
	}

	#residents .step-box .active {
		color: #ffffff;
		background-color: #E11B2A;
	}

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

	#residents #formWrap .form-item {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 2px solid #efefef;
		padding: 2rem;
	}

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

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

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

	#residents #formWrap form input[type="text"] {
		width: 80%;
		padding: 1rem;
		border: 1px solid #c7c7c7;
		font-size: 1.6rem;
	}

	#residents #formWrap form select {
		font-size: 1.6rem;
	}

	#residents.contact #formWrap .form-item07 input[type="text"] {
		width: 30%;
		margin-right: 1rem;
	}

	#residents #formWrap form textarea {
		width: 80%;
		height: 30rem;
		padding: 1rem;
		border: 1px solid #c7c7c7;
		font-size: 1.6rem;
	}

	/* ---------- 退去に関する変更ご相談フォーム（確認画面） ---------- */

	#residents.contact-check #formWrap table {
		width: 100%;
	}

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

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

	#residents.contact-check #formWrap td {
		display: block;
		width: 65%;
		height: 100%;
		overflow: hidden;
		float: left;
		padding: 1em;
		line-height: 2em;
		background: #ffffff;
	}

	#residents.contact-check #formWrap #button-area {
		text-align: center;
	}

	#residents.contact-check #formWrap input[type="submit"] {
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		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: 4rem 2rem;
	}

	#residents.contact-check #formWrap input[type="button"] {
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
		width: 300px;
		height: 60px;
		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: 4rem 2rem;
	}

	/* ---------- 引越業者一斉見積もりフォーム ---------- */

	#residents.moving form {
		margin-top: 4rem;
	}

	#residents.moving dl.form01 {
		display: block;
		margin-top: 2rem;
		margin-bottom: 1rem;
		overflow: hidden;
		border: 1px solid #c7c7c7;
	}

	#residents.moving #formWrap dl.form01 .form-item {
		border-bottom: none;
		padding: 0;
	}

	#residents.moving #formWrap dl.form01 dt,
	#residents.moving #formWrap dl.form01 dd {
		display: block;
		width: 50%;
		float: left;
		padding: 2rem;
		border-bottom: 1px solid #c7c7c7;
		line-height: inherit;
	}

	#residents.moving #formWrap dl.form01 dd {
		text-align: center;
	}

	#residents.moving #formWrap dl.form01 dt {
		border-right: 1px solid #c7c7c7;
		color: initial;
	}

	#residents.moving #formWrap dt::before {
		display: none;
	}

	#residents.moving #formWrap dl.form01 .form-item01 dt,
	#residents.moving #formWrap dl.form01 .form-item01 dd {
		height: 6rem;
	}

	#residents.moving #formWrap dl.form01 .form-item06 dt,
	#residents.moving #formWrap dl.form01 .form-item06 dd {
		border-bottom: none;
	}

	#residents.moving .form-common dd input[type="text"] {
		width: 80%;
		padding: 1rem;
		border: 1px solid #c7c7c7;
	}

	#residents.moving #formWrap dl.form-common .form-item09 dd .family01 .structure {
		padding-left: 10%;
	}

	#residents.moving #formWrap dl.form-common .form-item09 dd .family01 .structure input {
		width: 16%;
		margin: 0 1rem;
	}

	#residents.moving #formWrap dl.form-common .form-item09 dd .family01 {
		margin-bottom: 2rem;
	}

	#residents.moving #formWrap #formWrap dl.form01 dt input {
		margin-right: 0.5rem;
	}


	#residents.moving #formWrap .tokuten-box {
		margin: 4rem 0;
	}

	#residents .checkbox-style {
		margin-right: 1rem;
	}

	#residents .moving-block,
	#residents .estimate-block,
	#residents .delivery-block {
		padding: 2rem 0;
	}

	#residents .estimate-title,
	#residents .moving-title {
		position: relative;
		padding-left: 15px;
		font-size: 16px;
		font-weight: normal;
		/* border-left: 3px solid #314B7C;
		border-radius: 1px; */
	}

	#residents .estimate-title::after,
	#residents .moving-title::after {
		position: absolute;
		content: "";
		top: 50%;
		left: 0;
		width: 5px;
		height: 25px;
		background-color: #314B7C;
		border-radius: 5px;
		transform: translateY(-50%);

	}

	/* ---------- 県外お部屋探しご相談フォーム ---------- */

	#residents.find-room #formWrap .form01 .kubun-detail {
		padding-left: 10%;
	}

	#residents.find-room #formWrap .form01 .kubun-detail input[type="text"] {
		width: 40%;
	}

	#residents.find-room #formWrap .form02 .form-item05 input[type="text"] {
		width: 20%;
	}

	#residents.find-room #formWrap .form02 .form-item15 input[type="text"] {
		width: 20%;
	}

	#residents.find-room #formWrap .form02 .form-item15 .structure {
		padding-left: 10%;
	}

	#residents.find-room #formWrap .form02 .form-item16 input[type="text"],
	#residents.find-room #formWrap .form02 .form-item17 input[type="text"] {
		width: 30%;
	}

	#residents.find-room #formWrap .form03 .form-item21 input[type="text"] {
		width: 15%;
	}

	#residents.find-room .form03 .form-item22 .check-box,
	#residents.find-room .form03 .form-item23 .check-box {
		margin-bottom: 1rem;
	}

	#residents.find-room #formWrap .form03 .form-item24 input[type="text"],
	#residents.find-room #formWrap .form03 .form-item25 input[type="text"] {
		width: 30%;
	}

	/* ---------- 退去のしおり ---------- */

	#residents.shiori #main .main-list {
		border: solid 3px rgba(225, 27, 42, 0.3);
		padding: 2em;
		margin: 1em 0;
		margin-bottom: 2em;
		border-radius: 10px;
	}

	#residents.shiori #main .main-list dt.item {
		margin: 1em 0;
		font-size: 1.8rem;
		font-weight: bold;
		color: #E11B2A;
	}

	#residents.shiori #main .main-list ul.sub-item {
		padding-left: 2rem;
	}

	#residents.shiori #main .main-list ul,
	#residents.shiori #main .main-list li {
		list-style: none;
	}

	#residents.shiori #main .main-list li {
		padding-bottom: 2rem;
	}

	#residents.shiori #main .main-list ul.sub-item .bold {
		font-weight: bold;
	}

	#residents.shiori #main .main-list a {
		text-decoration: none;
	}

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

	#footer .footer-body {
		width: 100%;
		max-width: 1240px;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		padding: 0 2rem;
	}

	#footer .footer-TEL a {
		color: rgb(255, 255, 255);
		text-decoration: none;

	}

	#footer .footer-body .fotter-box {
		width: calc(100%/3);
		height: auto;
		overflow: hidden;
		color: #ffffff;
		float: left;
	}

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

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

	#footer .footer-body .fotter-box li>a::after,
	#residents_select #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,
	#residents_select #footer .footer-body .fotter-box li:hover>a::after {
		background-color: #ffffff;
		width: 100%;
	}

	#footer .footer-body .group-list,
	#residents_select #footer .footer-body .group-list {
		margin-top: 2rem;
	}

	#footer .footer-body .sub-list li a,
	#residents_select #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;
	}

	.moving h3 {
		display: none;
	}

	.counter4 h3 {
		display: none;
	}

	.span2 {
		margin-left: none;
	}

	/* 2021.04.08レジデンスindex.htmlの新着の表示スタイル */
	.sp-br {
		display: none;
		/* SPの改行を隠す */
	}

	.ps-br {
		display: block;
		/* PCを改行して */
	}

	/* ===ここからresidents用フッター追加2021.04.06=== */
	/* #footer .footer-res-all{
} */

	#footer .footer-res-all .main-list li {
		list-style: none;
		padding: 10px 10px;
		padding-bottom: 0;
	}

	#footer .footer-res-all .footer-logo {
		width: 100%;
		height: auto;
		overflow: hidden;
	}

	#footer .footer-res-all .footer-logo .logo-box {
		width: 520px;
		height: auto;
		float: left;
	}

	#footer .footer-logo .logo-box a {
		display: block;
		width: 480px;
		height: 0;
		overflow: hidden;
		padding-top: 56px;
		background-image: url(images2/logo05.png);
		background-size: contain;
		margin: 20px 0 0;
	}

	#footer .footer-res-all a:hover {
		color: rgb(255, 255, 255);
	}

	#footer .footer-res-all .footer-logo .footer-TEL {
		width: 400px;
		height: auto;
		float: left;
		color: #ffffff;
		margin-top: 35px;
	}


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

	#footer .footer-res-all .footer-logo {
		padding-bottom: 0;
	}

	#contact-check input {
		cursor: pointer;
		outline: none;
		padding: 0;
		width: 60%;
		height: 60px;
		box-sizing: border-box;
		background-color: #338593;
		font-size: 1.2em;
		color: white;
		text-align: center;
		line-height: 60px;
		border-radius: 5px;
		text-decoration: none;
		border: solid 1px #338593;
		margin: 0;
		-webkit-appearance: none;
	}

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

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

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

	html {
		font-size: 62.5%;
	}

	body {
		width: 100%;
		font-size: 1.4rem;
		background-image: none;
		border-top: 0;
		margin: 0 auto;
	}

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

	#footer {
		width: 100%;
		height: auto;
		overflow: hidden;
		/* background-color: #333; */
		margin-top: 0;
	}

	#header span {
		margin-left: 0;
		display: block;
	}

	#header .header-logo-body {
		width: 94%;
		height: auto;
		margin: 0 auto;
		margin-top: 0.5em;
	}

	/* .haikei {
		background-color: #b22134;
	} */

	/* .order {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		width: 100%;
		height: auto;
	} */

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

	#header .header-logo01 {
		width: 50%;
		height: 60px;
		overflow: hidden;
	}

	#header .header-logo01 h2 {
		font-size: 13px;
		line-height: 1.5rem;
	}
	#header .header-logo01 .logo-s {
		font-size: 12.5px;
	}

	#header .header-logo02 {
		width: 100%;
		height: 100px;
		overflow: hidden;
	}

	#header .header-logo02 h1 {
		justify-content: center;
		font-size: 18px;
		line-height: 2.5rem;
		width: 94%;
		margin: 0 auto;
	}

	/* #header .header-logo02 {
		order: 2;
		width: 100%;
		height: 100px;
		overflow: hidden;
		background-size: 100% auto;
		background-color: #E11B2A;
		padding-left: 0;
	} */

	/* #header .header-logo02 h1 {
		display: block;
		font-size: 20px;
		width: 88%;
		height: 30px;
		text-align: center;
		color: #E11B2A;
		border-radius: 100vh;
		background-color: #ffffff;
		font-weight: bold;
		margin: 0 auto;
	} */

	.header-logo .header-logo02 h1 span {
		position: relative;
		font-size: 15px;
		font-weight: normal;
		color: white;
		width: 94%;
		margin: 0 auto;
		display: inline-block;
		text-align: left;
		padding-top: 5px;
	}

	#header .header-logo03 {
		position: absolute;
		top: 0;
		right: 0;
		width: 50%;
		height: 60px;
	}

	.header-main-image {
		display: block;
		width: 100%;
		height: 200px;
		overflow: auto;
		padding: 0px;
		background-image: url(images2/logo_main.png);
		/* background-size: cover; */
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 20%;
	}

	.header-bottom {
		display: block;
		width: 94%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		padding: 2rem;
		background-size: 100%;
		background-color: #E11B2A;
	}

	.header-bottom .header-logo04 {
		display: none;
	}

	.header-bottom .header-logo05 {
		display: block;
		width: 100%;
		height: 80px;
		overflow: hidden;
		padding-top: 0px;
		float: left;
		font-size: 38px;
		color: white;
		text-align: center;
		padding-left: 0;
	}

	.header-bottom .header-logo06 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0px;
		color: white;
		text-align: center;
	}

	#residents .header-main-image {
		display: block;
		width: 100%;
		height: 200px;
		overflow: auto;
		padding: 0px;
		background-image: url("images2/logo_main.png");
		/* background-size: cover; */
		background-position: center center;
		background-repeat: no-repeat;
		margin-top: 0;
	}

	#residents .header-logo .header-bottom {
		display: block;
		width: 94%;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
		padding: 2rem;
		background-size: 100%;
		background-color: #E11B2A;
		border: s 2px #660dcc;
		border: solid 2px #ff0000;
	}

	#residents #main .topics-body {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none;
		padding: 00;
		margin: 0 auto;
	}

	#residents #main .topics-area {
		width: 100%;
		height: auto;
		margin-top: 2rem;
	}

	#residents #main .topics-area .main-logo-news {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none;
		background-image: none;
		padding: 0;
		text-align: center;
		font-size: 2.0rem;
		font-weight: bold;
		color: #E11B2A;
		margin: 1rem auto;
	}

	#residents #main .topics-body #newsWrap li {
		margin: 1rem auto;
		margin-bottom: 2rem;
		padding: 0;
		font-size: 1.6rem;
	}

	#residents #main .topics-body #newsWrap li span.up_ymd {
		float: none;
		width: auto;
		width: max-content;
		padding: 0.2rem 1rem;
	}

	#residents #main .topics-body #newsWrap li span.title {
		width: 100%;
		padding: 1rem 0;
		float: none;
	}

	#residents #main .topics-body .news-link a {
		font-size: 1.6rem;
	}

	#footer .footer-TEL {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none;
		color: white;
		padding: 0;
		margin: 0;
		margin-bottom: 2rem;
	}

	#main {
		visibility: visible;
	}

	.main-box {
		width: 94%;
	}

	#residents #main .content-box1,
	#residents #main .content-box2 {
		width: 100%;
		margin-top: 20px;
	}

	#residents .header-logo .header-bottom .header-logo04 {
		display: none;
	}

	#residents #main .content-box1 .item-font-color01,
	#residents #main .content-box1 .item-font-color02,
	#residents #main .content-box1 .item-font-color03,
	#residents #main .content-box1 .item-font-color04,
	#residents #main .content-box1 .item-font-color05,
	#residents #main .content-box1 .item-font-color06,
	#residents #main .content-box1 .item-font-color07 {
		width: 74%;
		padding: 0;
		padding-left: 1rem;
	}

	#residents #main .content-box1 .sentence {
		display: block;
		height: auto;
	}

	#residents .navi-item .button-box a {
		width: 100%;
		font-size: 1.8rem;
		text-align: center;
		padding: 2rem 0.5rem;
	}

	#residents #main .content-box1 .main-logo-item01 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item01.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box1 .main-logo-item02 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item02.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box1 .main-logo-item03 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item03.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box1 .main-logo-item04 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item04.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box1 .main-logo-item05 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item05.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box1 .main-logo-item06 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item06.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box1 .main-logo-item07 {
		display: block;
		width: 26%;
		height: 10rem;
		overflow: hidden;
		float: left;
		padding-top: 0px;
		background-image: url("images2/logo_item07.png");
		background-size: contain;
		background-repeat: no-repeat;
		margin-right: 0;
	}

	#residents #main .content-box2 {
		padding: 2rem 0;
		width: 88%;
		margin: 0 auto;
		/*margin-top: 50px;*/
	}

	#footer {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 0px;
	}

	#residents .header-logo .header-bottom .header-logo06 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0px;
		float: left;
		font-weight: nomal;
		color: white;
		text-align: center;
	}

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

	#residents #main .content-box2 .contact1 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 0px;
		float: none;
		color: #E11B2A;
		font-size: 1.3em;
		text-align: center;
		padding-left: 0;
		padding-bottom: 10px;
	}

	#residents #main .content-box2 .contact2 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 0px;
		float: none;
		font-size: 38px;
		color: #E11B2A;
		text-align: center;
		padding-left: 0;
	}

	#footer .footer-body {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
		/*margin-bottom: 40px;*/
	}

	#residents #main .content-box2 .contact3 {
		display: block;
		width: 100%;
		height: auto;
		overflow: hidden;
		padding-top: 0px;
		padding-left: 0;
		float: none;
		font-size: 1em;
		color: #E11B2A;
		padding-bottom: 10px;
		text-align: center;
	}

	#residents #main .content-box1 li {
		clear: both;
		height: auto;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
	}

	#residents #main .content-box2 .main-logo02 {
		display: none;
	}

	#footer .footer-logo .logo-box a {
		display: block;
		width: 94%;
		height: 0;
		overflow: hidden;
		padding-top: 15%;
		background-image: url("images2/logo05.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: center center;
		margin: 0 auto;
		margin-top: 20px;
	}

	/* .order {
		display: flex;
		flex-wrap: row wrap;
		position: relative;
	} */

	.header-logo05 a {
		color: rgb(255, 255, 255);
		text-decoration: none;
	}

	.moving h3 {
		display: block;
		font-size: 15px;
	}

	.counter4 h3 {
		display: block;
		font-size: 20px;
		text-align: center;
		padding: 0.5rem 0.5rem;
		color: #fff;
		border-radius: 100vh;
		background-color: #E11B2A;
		width: 90%;
		margin: 0 auto;

	}

	#residents #main .content-box1 ul {
		list-style: none;
		width: 100%;
		padding: 0;
	}

	/* .haikei {
		background-color: #b22134;
	} */

	#footer .footer-logo {
		width: 100%;
		height: auto;
		overflow: hidden;
		float: none;
	}

	#residents #copyright {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 0.6rem 0;
		text-align: center;
		color: #ffffff;
		background-color: #333;
	}

	#residents #main .topics-body li {
		padding-bottom: 20px;
	}

	li {
		padding-bottom: 3px;
	}

	#footer .footer-logo {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: solid 1px #ffffff;
		margin-bottom: 3px;
	}

	.list-top-title p {
		margin-bottom: 23px;
	}

	/*=====ここから各種解約ページのスタイル======*/


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

	#residents_select #header .header-top-body {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 3px 0;
		margin: 0 auto;
		color: #ffffff;
	}


	#residents_select #header .header-top-body .header-top-text {
		width: 98%;
		height: auto;
		float: left;
		padding: 5px 5px 5px 5px;
		font-size: 10px;
		font-weight: bolder;
		text-align: center;
	}

	#residents_select #header .header-top-body a {
		margin: 0 auto;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0.5em 1em;
		font-weight: bold;
		background-color: #ffffff;
		color: #E11B2A;
		border-bottom: solid 0px #E11B2A;
	}

	#residents_select #header .header-body {
		width: 100%;
		height: 70px;
		overflow: hidden;
		margin: 0 auto;
	}

	/* 2021.04.08レジデンスindex.htmlの新着の表示スタイル */
	.sp-br {
		display: block;
		/* SPを改行する */
		padding-bottom: 20px;
	}

	.sp-br p {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		color: #E11B2A;
		letter-spacing: 1px;
		width: 40%;
		margin: 0 auto;
		border-bottom: solid 1px #E11B2A;
	}

	.ps-br {
		display: block;
		/* PCの改行を隠して */
	}

	#residents_select .shiori .shiori-button a {
		display: block;
		width: 70%;
		height: auto;
		float: none;
		margin: 2rem auto;
		padding: 1rem;
		color: #E11B2A;
		text-align: center;
		border-radius: 5px;
		border: solid 1px #E11B2A;
		line-height: inherit;
	}

	#residents_select .shiori .shiori-text {
		width: 100%;
		height: auto;
		float: none;
		line-height: inherit;
		margin: 0;
		margin-bottom: 2rem;
		text-align: left;
	}

	#residents_select #main-box h2 {
		width: 100%;
		height: auto;
		padding: 5px 20px;
		background-color: #E11B2A;
		color: #ffffff;
		border-radius: 5px;
	}


	#residents_select .park-button2 a {
		display: block;
		padding: 0.8em;
		background: #E11B2A;
		color: #ffffff;
		text-decoration: none;
		width: 100%;
		border-radius: 5px;
		text-align: left;
		height: auto;
		text-align: center;
	}

	#main-box {
		margin-bottom: 50px;
	}

	/* 2021.04.06 追加*/
	#contact #header .header-logo {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

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

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

	#footer .footer-res-all .footer-logo .logo-box {
		width: 100%;
		float: none;
	}

	#footer .footer-logo {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: solid 0px #ffffff;
		margin-bottom: 3px;
	}

	#footer .footer-res-all .footer-logo .footer-TEL {
		width: 100%;
		height: auto;
		text-align: center;
	}

	#footer .footer-res-all .footer-TEL p {
		color: #fdfdfd;
		width: 96%;
		margin: 0 auto;
		padding-bottom: 5px;
	}

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

	#contact #footer .list-top-title p {
		margin-bottom: 0;
	}

	#contact #footer .group-list p {
		color: #ffffff;
		padding: 10px 5px;
	}

	#footer .list-top-title p {
		margin-bottom: 0px;
	}

	#footer .footer-res-all .main-list li {
		list-style: none;
		padding: 0px;
		padding-bottom: 0;
	}

	#footer .group-list p {
		color: #ffffff;
		padding: 0;
		margin: 1.5rem 0 0.5rem;
	}

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

	#shiori .main-list {
		border: solid 0px rgba(51, 133, 147, 0.5);
		padding: 0em;
		margin: 0em 0;
		margin-bottom: 0em;
		border-radius: 0;
	}

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

	#contact .main-list {
		border: solid 0px rgba(51, 133, 147, 0.5);
		padding: 0em;
		margin: 0em 0;
		margin-bottom: 0em;
		border-radius: 0;
	}


	#contact-check .main-list {
		border: solid 3px rgba(51, 133, 147, 0.5);
		padding: 0;
		margin: 0;
		margin-bottom: 0;
		border-radius: 10px;
	}

	#news .main-list {
		border: solid 0px rgba(51, 133, 147, 0.5);
		/* padding: 1em; */
		margin: 0;
		margin-bottom: 0;
		border-radius: 10px;
		padding-left: 1rem;
		padding-top: 0;
	}

	#contact-done .main-list {
		border: solid 0px rgba(51, 133, 147, 0.5);
		padding: 0;
		margin: 0;
		margin-bottom: 0;
		border-radius: 10px;
	}

	#contact-done .footer-body .group-list {
		margin-top: 2rem;
	}

	.breadcrumb {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 auto;
	}

	/* ---------- 新着情報(一覧画面） ---------- */

	#residents.news #newsList li {
		flex-wrap: wrap;
	}

	#residents.news #newsList li .up_ymd {
		width: 100%;
		margin-bottom: 1rem;
	}

	/* ---------- 各フォーム共通 ---------- */

	#residents #formWrap .form-item {
		padding: 2rem 0;
	}

	#residents #formWrap dt {
		width: 100%;
		padding: 0;
		margin-bottom: 1rem;
	}

	#residents #formWrap dd,
	#residents .form-common dd {
		width: 100%;
		padding: 0;
	}

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

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

	#residents #formWrap form .button-box {
		width: 100%;
		text-align: center;
	}

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

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

	.formError {
		left: auto !important;
		right: 5% !important;
	}

	#residents.contact-check #formWrap input[type="submit"] {
		margin: 2rem auto;
	}

	#residents.contact-check #formWrap input[type="button"] {
		margin: 2rem auto;
	}

	/* ---------- 退去に関する変更ご相談フォーム ---------- */

	#residents.contact #formWrap .form-item07 input[type="text"] {
		width: 50%;
	}

	/* ---------- 退去に関する変更ご相談フォーム（確認画面） ---------- */

	#residents.contact-check #formWrap .form-item {
		padding: 0;
	}

	#residents.contact-check #formWrap th {
		width: 100%;
		padding: 0 1rem;
	}

	#residents.contact-check #formWrap td {
		width: 100%;
		padding: 0 1rem;
	}

	/* ---------- 退去に関する変更ご相談フォーム（送信完了） ---------- */

	#residents.thanks #cont-box {
		margin-bottom: 2rem;
	}

	/* ---------- 引越業者一斉見積もりフォーム ---------- */
	.title-box h2 {
		text-align: center;
		margin-top: 2rem;
	}

	#residents.moving #formWrap dl.form01 dt {
		width: 60%;
		padding: 2rem 0.5rem;
	}

	#residents.moving #formWrap dl.form01 dd {
		width: 40%;
		text-align: center;
		padding: 2rem 0.5rem;
	}

	#residents.moving #formWrap dl.form01 dt,
	#residents.moving #formWrap dl.form01 dd {
		margin: 0;
	}

	#residents.moving .form02 dt,
	#residents.moving .form02 dd {
		width: 100%;
		padding: 1rem 0;
	}

	#residents.moving .form02 dd input[type="text"] {
		width: 100%;
	}

	#residents.moving dl.form02 .form-item09 dd .family01 .structure {
		padding-left: 0;
	}

	#residents.moving dl.form02 .form-item09 dd .family01 .structure input {
		width: 20%;
	}

	#residents.moving .form02 dd select {
		width: 70%;
		margin-bottom: 1rem;
	}

	/* ---------- 県外お部屋探しご相談フォーム ---------- */

	#residents.find-room #formWrap .form-item05 input[type="text"],
	#residents.find-room #formWrap .form-item15 input[type="text"],
	#residents.find-room #formWrap .form-item16 input[type="text"],
	#residents.find-room #formWrap .form-item17 input[type="text"],
	#residents.find-room #formWrap .form-item24 input[type="text"] {
		width: 50%;
	}

	#residents.find-room #formWrap .form-item21 .route {
		display: block;
		margin-bottom: 1rem;
	}

	#residents.find-room #formWrap .form03 .form-item21 input[type="text"] {
		width: 50%;
	}

	#residents.find-room #formWrap .form-item21 .eki input[type="text"] {
		width: 20%;
	}

	#residents.find-room #formWrap .form-item25 input[type="text"] {
		width: 20%;
	}

	#residents.find-room #formWrap form .date-box {
		display: block;
		width: 100%;
		margin-bottom: 1rem;
	}

	#residents.find-room #formWrap form .date-box select {
		width: 70%;
	}

	/* ---------- TOP画像 ----------*/
	.residents_top .img_box {
		position: relative;
		width: 100%;
		height: calc(100vw - 700px);
		min-height: 250px;
		max-height: 400px;
		overflow: hidden;
	}
	
	.residents_top .img_box01 {
		right: -14rem;
		height: 250px;
	}
	.residents_top .img_box02 {
		left: 5%;
		height: calc(100vw - 100px);
		max-height: 250px;
	}

		.menu-btn-g {
			grid-template-columns: 1fr;
		}
	
		.menu-btn-g a {
			font-size: 16px;
			min-height: 40px;
		}

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


@media print,
screen and (max-width:475px) {
	#fixed-menu .tel_summary_div span {
		font-size: 23px;
	}
	#fixed-menu .tel-span {
		padding: 0.5rem 1rem;
	}

	.sp {
		display: block;
	}
}