/*------------------------*/
/* LP page
/*------------------------*/
.headingTitle {
	background: url(../../../img/pc/global/lp/title_bar_bg.png) repeat center;
	color: #fff;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	padding: 0.5em 0;
	font-size: 30px;
	font-family: 'Lato', sans-serif;
}
.title {
	width: 100%;
	padding-top: 24px;
	line-height: 1;
	position: relative;
	font-size: 20px;
	text-align: center;
}
.title:before {
	content: "";
	width: 2px;
	height: 24px;
	background: #535353;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-top: 0;
}
.title img {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.title span {
	display: block;
	margin: 1em 0;
}
.box3 {
}
.box3 .box1 {
	width: 100%;
	padding-top: 50%;
	position: relative;
	overflow: hidden;
}
.box3 .box1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.box3 .box2 {
	width: 100%;
	margin-top: 20px;
}
@media screen and (min-width: 41em) {
	.box3 {
		width: 100%;
		display: table;
	}
	.box3 .box1 {
		width: 28%;
		padding-top: 0%;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		overflow: hidden;
		display: table-cell;
		vertical-align: middle;
	}
	.box3 .box1 img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.box3 .box2 {
		width: 72%;
		padding-left: 40px;
		padding-right: 20px;
		display: table-cell;
		vertical-align: middle;
	}
}
@media screen and (min-width: 60em) {
	.headingTitle {
		margin-bottom: 40px;
		font-size: 48px;
	}
	.title {
		padding-top: 40px;
		position: relative;
		font-size: 30px;
	}
	.title:before {
		content: "";
		width: 2px;
		height: 40px;
		background: #535353;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		margin-top: 0;
	}
	.title img {
		max-width: 400px;
	}
}
/*------------------------*/
/* #mainVisual
/*------------------------*/
#main_visual {
	font-family: arial, sans-serif;
	position: relative;
	width: 100%;
	background-size:cover;
	background-position: center;
	margin-bottom: 40%;
}
#main_visual .img_box {
	width: 100%;
	margin: 0 auto;
	padding: 15% 1px 0;
}
#main_visual #mainImg {
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9996;
}
.mainImg_pc { display: none !important; }
.mainImg_sp { display: block !important; }
@media screen and (min-width: 41em) {
	#main_visual {
		margin-bottom: 20%;
	}
	#main_visual .img_box {
		width: 60%;
		margin: 0 auto;
		padding: 5% 0 0;
	}
	.mainImg_pc { display: block !important; }
	.mainImg_sp { display: none !important; }
}
@media screen and (min-width: 60em) {
	#main_visual .page_read {
		font-size: 40px;
	}
}

/*------------------------*/
/* .propArea
/*------------------------*/
.propArea {
	width: 100%;
}
.propArea .ttl {
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 20px auto 20px;
	line-height: 1;
}

@media screen and (min-width: 41em) {
	.propArea .ttl {
		margin: 70px auto 70px;
	}
}

/*------------------------*/
/* .propArea prop_list
/*------------------------*/
.prop_list ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.prop_list li {
	width: 100%;
}
.prop_list li .box {
	padding: 0 20px 10px;
	font-size: 14px;
    position: relative;
}
.prop_list li:last-child .box {
	padding-bottom: 0;
}
.prop_list li .box .thumb {
	width: 100%;
	margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #73A567;
}
.prop_list li .box .read {
	max-width: 860px;
	margin: 0 auto;
	text-align: center;
	word-break: normal;
}

@media screen and (min-width: 41em) {
	.prop_list li {
		float: left;
		width: 50%;
	}
	.prop_list li .box {
		padding: 0 20px 40px;
	}
	.prop_list li .box .thumb {
		width: 100%;
	}
}
@media screen and (min-width: 60em) {
	.prop_list li {
		float: left;
		width: 33.333%;
	}
	.prop_list li .box {
		padding: 0 10px 40px;
	}
}

/*------------------------*/
/* .supportArea
/*------------------------*/
.supportArea {
	width: 100%;
}
.supportArea .ttl {
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 40px auto 20px;
	line-height: 1;
}
.supportArea .topImg {
	margin: 0 auto 20px;
}
.supportArea .spaceImg {
	width: 80%;
	height: auto;
	max-width: 60px;
	margin: 30px auto;
}
.supportArea h3 {
	color: #434343;
	text-align: center;
	font-size: 20px;
	padding-bottom: 1em;
}
.supportArea .read {
	text-align: center;
	font-size: 18px;
//	margin-bottom: 1em;
}
#en .supportArea .read {
	font-size: 16px;
//	margin-bottom: 1em;
}

.supportArea .text {
	text-align: center;
	font-size: 16px;
}
@media screen and (min-width: 41em) {
	.supportArea .ttl {
		margin: 70px auto 70px;
	}
	.supportArea .topImg {
		margin: 70px auto 70px;
	}
	.supportArea .spaceImg {
		margin: 70px auto 70px;
	}
	.supportArea h3 {
		font-size: 28px;
	}
	.supportArea .read {
		font-size: 20px;
	}
	.supportArea .text {
		font-size: 16px;
	}
}
@media screen and (min-width: 60em) {
	.supportArea .topImg {
		margin: 0 auto 40px;
	}
	.supportArea .spaceImg {
		margin: 40px auto;
	}
}

/*------------------------*/
/* .supportArea global_plan
/*------------------------*/
.supportArea .global_plan {
	margin-bottom: 20px;
}
.supportArea .global_plan .read {
	max-width: 860px;
	padding: 10px 0;
	font-size: 16px;
	text-align: left;
}
.supportArea .global_plan ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.supportArea .global_plan li {
	width: 100%;
}
.supportArea .global_plan li .box {
	padding: 40px 20px 0px;
	font-size: 14px;
}
.supportArea .global_plan li:last-child .box {
	padding-bottom: 0;
}
.supportArea .global_plan li .box .icon {
	width: 60%;
	margin: 0 auto;
}
.supportArea .global_plan li .box h4 {
	background: #73A567;
	color: #fff;
	width: 100%;
	max-width: 700px;
	height: 50px;
	line-height: 150%;
	display: block;
	border-radius: 5px;
	margin: 0 auto;
	padding: 0.7em;
	text-align: center;
	font-size: 18px;
}
@media screen and (min-width: 41em) {
	.supportArea .global_plan .read {
		text-align: left;
		padding: 20px 0;
	}
	.supportArea .global_plan li {
		float: left;
		width: 50%;
	}
	.supportArea .global_plan li .box {
		padding: 70px 20px 0;
	}
	.supportArea .global_plan li .box .icon {
		width: 80%;
	}
}
@media screen and (min-width: 60em) {
	.supportArea .global_plan li {
		float: left;
		width: 33.3333%;
	}
}
@media screen and (min-width: 60em) {
	.supportArea .global_plan .read {
		padding: 40px 0;
	}
	.supportArea .global_plan li .box {
		padding: 40px 30px 0;
	}
}

/*------------------------*/
/* .supportArea basic_plan
/*------------------------*/
.supportArea .basic_plan {
	margin-bottom: 20px;
}
.supportArea .basic_plan .read {
	padding-bottom: 20px;
	font-size: 16px;
}
.supportArea .basic_plan .planTitle {
	position: relative;
}
.supportArea .basic_plan .planTitle p {
	position: absolute;
	color: #000;
	background-color: #fff;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	padding: 20px;
	font-size: 38px;
	text-align: center;
	width: 80%;
	line-height: 1.5;
}
.supportArea .basic_plan .planTitle img {
	width: 100%;
	margin-bottom: 20px;
}
.supportArea .basic_plan .planComment {
	background: url(../../../img/pc/global/lp/bk_basic2.png) center / cover no-repeat ;
}
.supportArea .basic_plan .planComment p {
	padding: 30px 15px;
	color: #fff;
	font-size: 16px;
	line-height: 3.0;
}
.supportArea .basic_plan .planComment img {
	display: none;
}
@media screen and (min-width: 41em) {
	.supportArea .basic_plan .read {
		text-align: center;
		padding: 20px 0;
	}
	.supportArea .basic_plan .planComment p {
		line-height: 2.0;
		font-size: 16px;
	}
	.supportArea .basic_plan .planComment {
		position: relative;
	}
	.supportArea .basic_plan .planComment p {
		position: absolute;
		color: #fff;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: 0;
		padding: 0;
		text-align: center;
		width: 90%;
	}
	.supportArea .basic_plan .planComment img {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 60em) {
	.supportArea .basic_plan .read {
		padding: 0 0 40px;
	}
}

/*------------------------*/
/* .staffArea
/*------------------------*/
.staffArea {
	width: 100%;
}
.staffArea .ttl {
	background: #73A567;
	color: #fff;
	width: 100%;
	max-width: 800px;
	height: auto;
	line-height: 150%;
	display: block;
	border-radius: 5px;
	margin: 40px auto 20px;
	padding: 0.7em;
	text-align: center;
	font-size: 20px;
	line-height: 1;
}
@media screen and (min-width: 41em) {
	.staffArea .ttl {
		margin: 70px auto 70px;
		font-size: 42px;
	}
}

/*------------------------*/
/* .staffArea staff_list
/*------------------------*/
.staff_list ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.staff_list li {
	width: 100%;
	padding: 0 10px 40px;
	display: flex;
}
.staff_list li a {
	width: 100%;
	display: block;
	position: relative;
}
.staff_list li a.btn.hover {
	opacity: 0.8;
}
@media screen and (min-width: 41em) {
	.staff_list li {
		float: left;
		width: 33%;
	}
	.staff_list li a.btn.hover {
		opacity: 0.8;
		transition:0.5s all;
		transform:scale(1.1,1.1);
	}
}
@media screen and (min-width: 60em) {
	.staff_list li {
		float: left;
		width: 33%;
	}
}

/*------------------------*/
/* .infoArea
/*------------------------*/
.infoArea {
	width: 100%;
}
.infoArea .ttl {
	width: 80%;
	height: auto;
	max-width: 600px;
	margin: 20px auto 20px;
}
@media screen and (min-width: 41em) {
	.infoArea .ttl {
		margin: 70px auto 70px;
	}
}
/*------------------------*/
/* .infoArea snsArea
/*------------------------*/
.infoArea .snsArea {
	text-align: center;
	margin: 40px 0 20px;
}
.infoArea .snsArea p {
	display: inline-block;
	margin: 0 10px;
}
.infoArea .snsArea .btn {
	display: inline-block;
}
.infoArea .snsArea .btn.hover {
	opacity: 0.8;
}
.infoArea .snsArea .btn img {
	display: block;
	width: 70px;
	height: auto;
}
@media screen and (min-width: 41em) {
	.infoArea .snsArea {
		margin-bottom: 70px;
	}
	.infoArea .snsArea p {
		margin: 0 40px;
	}
	.infoArea .snsArea .btn img {
		width: 100px;
	}
}

/*------------------------*/
/* #staffPage > .staffList
/*------------------------*/
#staffPage {
	padding: 0;
	border-top: none;
}
#staffPage h3 {
	color: #434343;
	text-align: center;
	font-size: 20px;
	padding-bottom: 1em;
}
.staffList {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.staffList li {
	width: 100%;
	padding: 0 20px 40px;
	display: flex;
}
.staffList li a {
	width: 100%;
	display: block;
	border: #CCC 1px solid;
	text-align: left;
	position: inherit;
	line-height: inherit;
	border-radius: 0;
	position: relative;
}
.staffList li a.btn.hover {
	opacity: 0.8;
}
.staffList li .thumb img {
	width: 100%;
	height: 160px;
	display: block;
	object-fit: cover;
}
.staffList li .name {
	font-weight: bold;
	font-size: 16px;
}
.staffList li .text {
	padding: 10px;
	font-size: 14px;
}
.staffList li .text dl {
	width: 100%;
	display:flex;
	flex-wrap: wrap;
}
.staffList li .text dt {
	width: 100%;
	margin-top: 0.5em;
 font-weight: bold;
}
.staffList li .text dd {
	width: 96%;
	margin-left: 4%;
	word-wrap:break-word;
	overflow-wrap:break-word;
}
.staffList li .more {
	width: 70%;
	margin: 0 auto 10px;
	font-size: 14px;
	text-align: center;
	color: #75BCDE;
	border: #75BCDE 1px solid;
	padding: 0.2em 0.5em;
	transition: 0.2s;
}
.staffList li a.hover .more {
	color: #fff;
	background: #75BCDE;
	opacity: 1!important;
}

@media screen and (min-width: 60em) {
	.staffList {
		flex-direction: row;
	}
	.staffList {
		padding: 28px 0 60px;
	}
	.staffList h3 {
		font-size: 28px;
	}
	.staffList ul {
		flex-direction: row;
	}
	.staffList li {
		width: 33%;
	}
}
/*------------------------*/
/* staff more
/*------------------------*/
.mfp-close,
.mfp-arrow {
	background: #fff;
	padding: 0;
	cursor: pointer;
	z-index: 1046;
	display: inline-block;
	opacity: 1!important;
	top: -22px!important;
	right: -22px!important;
	border-radius: 22px;
	border: #4d4d4d 1px solid;
}
.mfp-close:before,
.mfp-arrow:before {
	content:"";
	position:absolute;
	display:inline-block;
	top:6px;
	left:20px;
	width:2px;
	height:30px;
	border:0;
	margin:0;
	padding:0;
	background-color:#4d4d4d;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.mfp-close:after,
.mfp-arrow:after {
	content:"";
	position:absolute;
	display:inline-block;
	top:6px;
	left:20px;
	width:2px;
	height:30px;
	border:0;
	margin:0;
	padding:0;
	background-color:#4d4d4d;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.mfp-content {
	margin: 100px auto!important;
}
.mfp-content .staff_box {
	position: relative;
	width: 90%;
	max-width: 760px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
}
.staff_box .col div img {
	width: 100%;
	padding: 20px;
}
.staff_box .col .text {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.staff_box .col .text .name {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 32px;
}
.staff_box .col .text .posi {
	font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	margin-bottom: 20px;
}
.staff_box .col ul {
	font-size: 16px;
}
.staff_box .message h2 {
	width: 100px;
	margin: 20px;
}
.staff_box .message p {
	margin: 10px 20px;
}
@media screen and (min-width: 41em) {
	.staff_box .col div img {
		width: 50%;
		padding: 20px;
		float: left;
	}
	.staff_box .col ul {
		display:-webkit-flex;
		display:flex;
		justify-content: center;
	}
	.staff_box .col ul li {
		padding: 0 10px;
	}
}

/*
.staff_box .col {
	display: flex;
	flex-direction: column;
}
.staff_box .col div {
	width: 100%;
	padding: 10px;
}
.staff_box .col .name {
	color: #75BCDE;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0.8em;
}
.staff_box .col dd {
	margin-bottom: 8px;
}
.staff_box .message {
	width: 100%;
	padding: 10px;
}
.staff_box .message h2 {
	width: 100px;
	margin-bottom: 10px;
}
.staff_box .col dd {
	clear: both;
}
@media screen and (min-width: 41em) {
	.staff_box .col .thumb {
		float: left;
	}
	.staff_box .col div img {
		width: 50%;
		padding: 10px;
	}
	.staff_box .col {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.staff_box .col dt,
	.staff_box .col dd {
		display: inline-block;
	}
	.staff_box .col dt {
		margin-right: 0.5em;
		font-weight: bold;
	}
}
*/
/*------------------------*/
/* .FAQArea
/*------------------------*/
.faqArea {
	padding: 20px 0 0;
	border-top: #434343 1px solid;
}
.faqArea h3 {
	color: #434343;
	text-align: center;
	font-size: 20px;
	padding-bottom: 1em;
}
.faqArea .read {
	text-align: center;
}
.faqList {
	width: 100%;
	margin: 40px auto 0;
	border-top: #bbb 1px solid;
}
.faqList dt.btn {
	text-align: left;
	display: inline-block;
	width: 100%;
	height: auto;
	padding: 1em;
	border-bottom: #bbb 1px solid;
	background:#f2f2f2;
	transition:0.4s;
	position: relative;
}
.faqList dt.btn:after{
	position: absolute;
	right: 16px;
	top: 14px;
	bottom: 0;
	content: "";
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border-top: 2px solid #4d4d4d;
	border-right: 2px solid #4d4d4d;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	transition: 0.2s;
}
.faqList dt.btn.open:after {
	position: absolute;
	right: 16px;
	top: inherit;
	bottom: 14px;
	content: "";
	vertical-align: middle;
	width: 12px;
	height: 12px;
	border-top: 2px solid #4d4d4d;
	border-right: 2px solid #4d4d4d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: 0.2s;
}
.faqList .btn:hover {
	cursor: pointer;
	background: #e2e2e2;
}
.faqList dd {
	width: 100%;
	padding: 1em;
	display: none;
	border-bottom: #bbb 1px solid;
}
.faqList dd.open {
	width: 100%;
	display: block;
}
@media screen and (min-width: 60em) {
	.faqArea {
		padding: 28px 0 60px;
	}
	.faqArea h3 {
		font-size: 28px;
	}
}
/*------------------------*/
/* FAQ page > .FAQArea
/*------------------------*/
#faqpage.faqArea {
	padding: 0;
	border-top: none;
}
@media screen and (min-width: 60em) {
	#faqpage.faqArea {
		margin-bottom: 100px;
	}
}
/*------------------------*/
/* .colmArea
/*------------------------*/
.colmArea {
	padding: 20px 0 0;
	border-top: #434343 1px solid;
}
.colmArea h3 {
	color: #434343;
	text-align: center;
	font-size: 20px;
	padding-bottom: 1em;
}
.colmArea ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.colmArea li {
	width: 100%;
	padding: 0 20px 40px;
}
.colmArea li:last-child {
	padding-bottom: 0;
}
.colmArea li a {
	width: 100%;
	display: block;
	border: #CCC 1px solid;
	text-align: left;
	position: inherit;
	line-height: inherit;
	border-radius: 0;
}
.colmArea li a.btn.hover {
	opacity: 0.8;
}
.colmArea li .thumb img {
	width: 100%;
	height: 160px;
	display: block;
	object-fit: cover;
}
.colmArea li .text {
	padding: 10px;
	font-size: 14px;
}
.colmArea li .date {
	margin-bottom: 0.5em;
}
@media screen and (min-width: 60em) {
	.colmArea {
		padding: 28px 0 60px;
	}
	.colmArea h3 {
		font-size: 28px;
	}
	.colmArea ul {
		flex-direction: row;
	}
	.colmArea li {
		width: 33%;
	}
}
/*------------------------*/
/* .roomlistArea
/*------------------------*/
.roomlistArea {
	border-top: #434343 1px solid;
	background: #f9f9f9;
	padding: 20px 0;
}
.roomlistArea h3 {
	color: #434343;
	text-align: center;
	padding-bottom: 1em;
	font-size: 20px;
}
.flexslider {
	position: relative;
}
.flex-control-nav {
	display: none;
}
.flex-direction-nav {
	display: none;
}
.flex-direction-nav .flex-disabled {
	display: none;
}
.flex-direction-nav a.hover {
	background: rgba(0,0,0,0.9);
}
.flex-prev {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -40px;
	background: rgba(0,0,0,0.8);
	width: 40px;
	height: 80px;
	border-radius: 0 6px 6px 0;
}
.flex-prev:after {
	content: '';
	width: 20px;
	height: 20px;
	border: 0px;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	-ms-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 12px;
	margin-top: -12px;
	transition: 0.2s;
}
.flex-prev.hover:after {
	left: 8px;
}
.flex-next {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -40px;
	background: rgba(0,0,0,0.8);
	width: 40px;
	height: 80px;
	border-radius: 6px 0 0 6px;
}
.flex-next:after {
	content: '';
	width: 20px;
	height: 20px;
	border: 0px;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -12px;
	transition: 0.2s;
}
.flex-next.hover:after {
	right: 8px;
}
.flexslider .slides img {
	width: inherit;
}
.roomlistArea li.col {
	width: 80%;
	max-width: 280px;
	float: left;
}
.roomlistArea .box {
	background: #fff;
	border: #e5e5e5 1px solid;
	margin: 0 10px;
	font-size: 14px;
}
.roomlistArea .box {
	padding: 5px 5px 10px 5px;
}
.roomlistArea .box > a .roomlistBtn {
	margin: 0 2%;
	background: #75bcde;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 0.25em;
	font-size: 16px;
}
.roomlistArea .box > a.hover .roomlistBtn {
	background:#73caf4;
}
.roomlistArea .box .photo {
	display: table;
	height: 180px;
	margin: 0 auto;
}
.roomlistArea .box .photo p {
	display: table-cell;
	height: auto;
	text-align: center;
	vertical-align: middle;
}
.roomlistArea .box .photo img {
	max-height: 160px;
	max-width: 180px;
	margin: 0 auto;
	display: block;
}
.roomlistArea .box .property {
	margin: 10px;
}
.roomlistArea .box .property .room {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}
.roomlistArea .box .property .cat {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 2px 5px;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
}
.property .cat.mansion {
	background: #8dc42b;
}
.property .cat.apartcorp {
	background: #41b9dd;
}
.property .cat.terra {
	background: #ba935c;
}
.property .cat.house {
	background: #f27382;
}
.property .cat.office {
	background: #33bba9;
}
.roomlistArea .box .property .heading {
	font-weight: bold;
	padding-right: 0.5em;
}
@media screen and (min-width: 41em) {/*667px～*/
	.flex-direction-nav {
		display: block;
	}
}
@media screen and (min-width: 60em) {
	.roomlistArea {
		padding: 28px 0 60px;
	}
	.roomlistArea h3 {
		font-size: 28px;
	}
}
/*------------------------*/
/* .jobsupportArea
/*------------------------*/
.jobsupportArea {
	padding: 28px 0 60px;
	border-top: #434343 1px solid;
}
.jobsupportArea h3 {
	color: #434343;
	text-align: center;
	font-size: 20px;
	padding-bottom: 1em;
}
.jobsupportArea .bnr {
	width: 100%;
	max-width: 400px;
	margin: 20px 0;
}
.jobsupportArea .read {
	font-size: 16px;
	margin-bottom: 0.5em;
}
.jobsupportArea .text {
	font-size: 14px;
}
@media screen and (min-width: 60em) {
	.jobsupportArea h3 {
		font-size: 28px;
	}
	.jobsupportArea .read {
		font-size: 20px;
	}
	.jobsupportArea .text {
		font-size: 16px;
	}
}
/*------------------------*/
/* .companyArea
/*------------------------*/
.companyArea .text {
	margin-bottom: 20px;
}
.companyArea .box3 .box1 {
	margin-bottom: 10px;
}
/*------------------------*/
/* .companyArea .corp
/*------------------------*/
.corp {
	margin-bottom: 40px;
}
.corp h3 {
	font-size: 20px;
	margin-bottom: 0.5em;
}
.corp li {
	line-height: 1.4;
	margin-bottom: 0.5em;
}
.corp li span {
	display: inline-block;
	margin-right: 1em;
}
@media screen and (min-width: 41em) {
	.corp .text {
		text-align: center;
	}
}
@media screen and (min-width: 60em) {
	.corp .text {
		margin-bottom: 40px;
	}
	.corp .box3 {
		min-height: 320px;
	}
}

/*------------------------------------------------------------
/ LP page campaignArea
------------------------------------------------------------*/
#campaignArea {
	width: 100%;
	background: #75BCDE;
	padding: 20px 0 0 0;
}
#campaignArea .inner {
	background: #fff;
	padding: 30px 1em;
}
#campaignArea .read {
	font-size: 24px;
	color: #75BCDE;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	line-height: 1.2;
}
#campaignArea .subRead {
	font-size: 20px;
	color: #75BCDE;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.2;
}
#campaignArea ul.point {
	font-size: 16px;
	text-align: center;
}
#campaignArea ul.point > li {
	padding: 40px 0 20px;
	position: relative;
}
#campaignArea ul.point > li:before {
	content: "";
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	background: rgba(219,223,26,1);
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
}
#campaignArea ul.point li div {
	margin: 0 auto;
}
#campaignArea ul.point li div p {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.globalstaff img {
	width: 200px;
}
.globalpower img {
	width: 90px;
}
.presentTxt {
	color: #f64353;
	font-size: 16px;
	text-align: center;
	margin-bottom: 20px;
}
#campaignArea .endTxt {
	text-align: center;
}
.campaignBtnBox {
	width: 100%;
	text-align: center;
	margin: 20px 0;
}
.campaignBtnBox .btn {
	width: 20em;
}
/*-------------------------------*/
/* 768px~
/*-------------------------------*/
@media screen and (min-width: 48em) {/*768px～*/
	#campaignArea .read {
		font-size: 28px;
	}
	#campaignArea .subRead {
		font-size: 26px;
	}
	#campaignArea ul.point {
		font-size: 20px;
	}
}


/* 動画埋め込み */
.video-wrap {
	width: 100%;
	margin: 0px auto 20px;
}
.video {
	position: relative;
	width:100%; /* 横幅は100%で固定 */
	height:0; /* 高さは0にしておく(padding-topで高さを指定するため) */
	padding-top: 56.25%; /* 高さを指定(16:9) */
}
.video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (min-width: 41em) {
	.video-wrap {
		max-width: 960px;
		margin: 0px auto 40px;
	}
}





/* =====================================================
--------------------------------------------------------
2024 new design
--------------------------------------------------------
===================================================== */

/* 改行 */
.global__sp-none {
	display: none;
}
.global__pc-none {
	display: inline;
}

@media screen and (min-width:1024px) {
	.global__sp-none {
		display: inline;
	}
	.global__pc-none {
		display: none;
	}
}

/* drawer-navbar */
.drawer-navbar {
	background: #fff;
}

/* mainvisual */
.global__mainvisual {
	margin-bottom: 10px;
}

.global__mainvisual img {
	width: 100%;
}

.global__h1 {
	margin-bottom: 10px;
	font-size: 150%;
	text-align: center;
}

@media screen and (min-width:1024px) {
	.global__mainvisual {
		margin-bottom: 50px;
	}
	.global__h1 {
		margin-bottom: 30px;
		font-size: 180%;
	}
}

/* intro */
.global__intro {
	display: flex;
	flex-flow: row wrap-reverse;
	row-gap: 10px;
	margin-bottom: 40px;
}

.global__intro_text {
	width: 100%;
}

.global__intro_text p:first-of-type {
	margin-bottom: 1em;
}

.global__intro_img {
	width: 100%;
	margin: auto;
	max-width: 210px;
}

@media screen and (min-width:1024px) {
	.global__intro_text {
		width: calc(100% / 3 * 2);
		text-align: center;
	}
	.global__intro_img {
		max-width: calc(100% / 3);
	}
}

/* support */
.global__support {
	display: flex;
	flex-flow: row wrap;
	gap: 30px;
	margin-bottom: 30px;
}

.global__support li {
	width: 100%;
}

.global__support li dt {
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 5px;
	background: #73A567;
	color: #fff;
	font-size: 120%;
	line-height: 1.2;
	text-align: center;
}

.global__support_li_dt_img {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.global__support_li_dt_img img {
	width: 100%;
	max-width: 210px;
}

@media screen and (min-width:1024px) {
	.global__support {
		margin-bottom: 50px;
	}
	.global__support li {
		width: calc((100% - 90px) / 4);
	}
	.global__support li dt {
		margin-bottom: 10px;
	}
	.global__support_li_dt_img {
		margin-bottom: 30px;
		height: 210px;
	}
	.global__support li:nth-of-type(2) .global__support_li_dt_img,
	.global__support li:nth-of-type(3) .global__support_li_dt_img,
	.global__support li:nth-of-type(4) .global__support_li_dt_img,
	.global__support li:nth-of-type(8) .global__support_li_dt_img {
		align-items: end;
	}
	.global__support li:nth-of-type(1) .global__support_li_dt_img,
	.global__support li:nth-of-type(5) .global__support_li_dt_img,
	.global__support li:nth-of-type(6) .global__support_li_dt_img,
	.global__support li:nth-of-type(7) .global__support_li_dt_img {
		align-items: center;
	}
}

/* message */
.global__message_line {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 30px;
}

.global__message_line span {
	border-radius: 50%;
}

.global__message_line span:nth-of-type(1) {
	margin-bottom: 30px;
	width: 30px;
	height: 30px;
	background: #d5e4d1;
}

.global__message_line span:nth-of-type(2) {
	margin-bottom: 40px;
	width: 34px;
	height: 34px;
	background: #b9d2b3;
}

.global__message_line span:nth-of-type(3) {
	width: 60px;
	height: 60px;
	background: #8fb786;
}

.global__message_lets {
	font-size: 120%;
	text-align: center;
}

.global__finish {
	margin-top: 50px;
}

@media screen and (min-width:1024px) {
	.global__message {
		font-size: 120%;
		text-align: center;
	}
	.global__message_line {
		margin-bottom: 50px;
	}
	.global__message_lets {
		font-size: 170%;
	}
	.global__message_line span:nth-of-type(1) {
		margin-bottom: 70px;
	}
	.global__message_line span:nth-of-type(2) {
		margin-bottom: 80px;
	}
}

/* footer */
.global__footer {
	padding: 30px 20px;
	background: #000;
	color: #fff;
	text-align: center;
}

.global__footer_logo {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	width: 100%;
	max-width: 300px;
}