@charset "utf-8";
/* CSS Document */

*
{
	margin: 0;
	padding: 0;
}

form *,
body
{
	font-family: "Yu Gothic Medium", "游ゴシック Medium", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body
{
	color: #000;
	font-size: 14px;
	line-height: 1.8em;
}

a
{
	color: #000;
	text-decoration: none;
}

img
{
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

.overflow
{
	overflow: hidden;
}

#sumebaMerit h5,
.sumebaMeritImage,
#sumeba h4,
#h3_sumeba,
#freshOdekake h3,
#freshOdekake h4,
.freshUftItem h4,
#h3_uft,
#freashTeian,
#h2_fresh,
#copy,
#kuushitsuTable th,
#kuushitsuTable td,
.center,
.osusumeItem h3,
#roomLink,
.roomItem h3,
.headLine
{
	text-align: center;
}

.roomTable th
{
	text-align: left;
}

.roomItem h3
{
	background-color: #1E679E;
	color: #fff;
	font-weight: normal;
}

.red
{
	color: #FF0000;
}

#freshOdekake
{
	color: #fff;
}

.freshUftItem,
.osusumeItem
{
	background-color: #fff;
}

#foot,
.bgGlay,
#mainVisual,
.roomItem
{
	background-color: #f5f5f5;
}

.roomTable
{
	border-top: 1px solid #000;
}
.roomTable td
{
	border-left: 1px solid #000;
}
.roomTable th,
.roomTable td
{
	border-bottom: 1px solid #000;
}
.roomTable tr:last-child th,
.roomTable tr:last-child td
{
	border-bottom: none;
}

.osusumeItem img
{
	display: block;
	margin: 0 auto;
}

.blue
{
	color: #1E679E;
}
.pink
{
	color: #EB6777;
}
.green
{
	color: #3FB1AA;
}

#kuushitsuTable
{
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#kuushitsuTable th,
#kuushitsuTable td
{
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
#kuushitsuTable td
{
	line-height: 1.3em;
}

.move-in
{
	background-color: #ccc;
}
.vacancy
{
	background-color: #FFF100;
}
.move-out
{
	background-color: #FFCF07;
}

.reserved {
background-color: #92D050;
}

#footNavi li
{
	list-style-type: none;
}
#footNavi li a:before
{
	content: "▶ ";
}

#copy
{
	background-color: #1E679E;
	color: #fff;
	clear: both;
}

.roomItem strong
{
	color: #D0003F;
	font-size: 1.8em;
}

#mailFormTable th
{
	text-align: left;
}

[type='text'],
[type='email'],
textarea
{
	padding: .5em;
}

#headInfo img + p
{
	padding-top: 3px;
}

#h3_uft
{
	background-color: #1E679E;
}

#freshOdekake
{
	background-color: #009E96;
}
#h3_sumeba
{
	background-color: #EB6777;
}

#h2_fresh
{
	background-color: #4D6E62;
	position: relative;
}
#h2_fresh h2
{
	position: relative;
	z-index: 1;
}
#h2_fresh span
{
	background-color: #998962;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.sumebaMeritItem
{
	border: 1px solid #ccc;
	background-color: #fff;
}
.sumebaMeritImage
{
	margin-top: -24px;
}
#mailFormTable ol {
list-style: none;
}
/* classで「required」を付けた文字の後ろに必須マークが出る */
.required::after {
  content: "必須";
  background-color: #dc143c;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  min-width: 10px;
  padding: 3px 7px;
  margin: 0px 5px;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
}
div.buttons button {
font-size: 0.9em;
padding: 10px;
background-color: #0187BB;
background-color: #3eb370;
color: #FFF;
border-style: none;
border-radius: 4px;
}

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

	.pcNo
	{
		display: none;
	}
	
	#sumebaMerit,
	#freshOdekake,
	#freshUft,
	#foot,
	#osusume,
	#room,
	#head
	{
		overflow: hidden;
	}
	
	#kuushitsuTable,
	.roomTable
	{
		width: 100%;
	}

	.pcw100,
	#head
	{
		margin: 0 auto;
		width: 1200px;
	}

	#logo
	{
		padding-top: 25px;
	}
	#logo,
	#footLogo
	{
		width: 325px;
	}
	
	#headInfo
	{
		padding: 5px 0;
	}
	#footInfo img,
	#headInfo img
	{
		width: 360px;
	}
	
	.sumebaMeritItem,
	#freshOdekakeMain,
	.freshUftItem,
	#footMain,
	#footNavi,
	.osusumeItem,
	.roomItem,
	#logo
	{
		float: left;
	}
	.sumebaMeritItem:nth-child(2n),
	#freshOdekakeMain + img,
	.freshUftItem:nth-child(2n),
	#footInfo,
	.osusumeItem:nth-child(2n),
	.roomItem:nth-child(2n),
	#headInfo
	{
		float: right;
	}
	
	.pcCenter,
	#mainVisual
	{
		text-align: center;
	}
	
	.pcpbt50px
	{
		padding: 50px 0;
	}
	#foot
	{
		padding: 40px 0;
	}
	#roomLink
	{
		padding-top: 50px;
	}

	.roomItem h3
	{
		padding: 15px 0;
	}

	.roomTable th,
	.roomTable td
	{
		padding: 15px;
	}
	#kuushitsuTable th,
	#kuushitsuTable td
	{
		font-size: 18px;
		padding: 10px;
	}

	#kuushitsuTable
	{
		margin-top: 30px;
	}
	.roomItem
	{
		margin-top: 50px;
	}
	
	.sumebaMeritItem,
	.freshUftItem,
	.osusumeItem,
	.roomItem
	{
		width: 560px;
	}

	.roomItem h3
	{
		font-size: 21px;
	}
	
	#roomLink img
	{
		width: 270px;
	}
	
	.osusumeItem
	{
		margin-top: 40px;
		padding: 40px 0;
	}
	.osusumeItem p
	{
		padding-top: 30px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.osusumeItem h3
	{
		margin-top: 30px;
		font-size: 28px;
	}
	
	#kuushitsuTable th
	{
		width: 80px;
	}
	#kuushitsuTable td
	{
		width: 100px;
	}
	
	#footMain p,
	#kuushitsuTable + p
	{
		padding-top: 20px;
	}
	
	#footNavi
	{
		padding-left: 140px;
	}

	#mailFormTable
	{
		padding: 30px 0;
	}
	#h2_fresh h2,
	#copy
	{
		padding: 20px 0;
	}
	
	.slider
	{
		width: calc(100% - 30px);
		margin: 0 auto;
	}
	
	.sliderImage
	{
		margin-top: 20px;
	}
	.sliderImageList
	{
		margin: 20px 0;
		overflow: hidden;
	}
	.sliderImageList img
	{
		cursor: pointer;
	}
	
	.sliderImageList .slick-slide
	{
		margin-right: 10px;
		margin-left: 10px;
	}
	
	#mailFormTable th,
	#mailFormTable td
	{
		padding: 1em;
	}
	
	#mailFormTable
	{
		margin: 0 auto;
		width: 600px;
width: 680px;
	}

	#freashTeian
	{
		font-size: 24px;
		line-height: 1.8em;
		padding: 50px 0;
	}
	
	#h3_sumeba,
	#h3_uft
	{
		padding: 50px 0;
	}
	
	.freshUftItemInner
	{
		margin: 0 auto;
		width: 500px;
		padding: 30px 0;
	}
	.freshUftItemImage,
	.freshUftItem p
	{
		margin-top: 30px;
	}
	
	.pcmt20px
	{
		margin-top: 20px;
	}
	.pcpb45px
	{
		padding-bottom: 45px;
	}
	
	#freshOdekake
	{
		margin-top: 90px;
		margin-bottom: 40px;
	}
	#freshOdekakeMain
	{
		width: calc(100% - 600px);
	}
	#freshOdekakeMainInner
	{
		padding: 30px;
	}
	#freshOdekake p,
	#freshOdekake h4
	{
		padding-top: 20px;
	}
	#freshOdekake p + p
	{
		padding-top: 5px;
	}
	
	#sumebaMerit h5,
	#sumebaMerit ul,
	#h3_sumeba,
	#sumeba h4,
	#sumeba p
	{
		padding-top: 30px;
	}
	.sumebaMeritItem
	{
		padding-bottom: 30px;
	}
	#sumeba p
	{
		padding-left: 30px;
		padding-right: 30px;
	}

	#sumebaMerit
	{
		padding-top: 70px;
	}

	#sumebaMerit ul
	{
		padding-left: 50px;
		padding-right: 30px;
	}

	#sumebaMerit li
	{
		line-height: 2.5em;
	}

	.pcmt50px
	{
		margin-bottom: 50px;
	}
	#sumeba
	{
		padding-bottom: 50px;
	}
	.pcpbt70px
	{
		padding: 70px 0;
	}

.topics1 {
margin: 30px 0;
text-align: center;
}
.topics2 {
margin: 0 0 60px;
text-align: center;
}
.roomTable th {
width: 18%;
}
.osusumeItem ol {
padding-top: 30px;
padding-left: 45px;
padding-right: 30px;
}
.time {
color: #1E679E;
font-weight: bold;
font-size: 200%;
}
#map {
margin-bottom: 33px;
}
}

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

	.spNo
	{
		display: none;
	}
	
	#footMain,
	#footLogo img,
	#logo img
	{
		width: 250px;
	}
	
	#h2_urban
	{
		height: 50px;
	}
	
	#h2_check
	{
		height: 25px;
	}
	
	#head
	{
		padding: 1em;
	}
	
	#sumebaMerit h5,
	#freshOdekakeMain,
	.freshUftItemInner,
	.spw100,
	#kuushitsuTable,
	#kuushitsuTable + p,
	.roomItem,
	.osusumeItem,
	.osusumeItem p,
	.spmlr1em
	{
		margin-left: 1em;
		margin-right: 1em;
	}
	#sumebaMerit h5,
	#freshOdekake
	{
		margin-top: 2em;
	}
	.sumebaMeritItem,
	.roomItem
	{
		margin-top: 3em;
	}
	.osusumeItem
	{
		margin-top: 2em;
		padding: 2em 0;
	}
	#sumebaMerit ul,
	#freshOdekakeMain + img,
	.freshUftItem + .freshUftItem,
	.freshUftItemImage,
	#footMain p,
	#kuushitsuTable + p,
	#kuushitsuTable,
	.osusumeItem h3,
	.osusumeItem p,
	.spmt1em
	{
		margin-top: 1em;
	}
	.roomTable th,
	.roomTable td
	{
		padding: 1em;
	}
	#kuushitsuTable + p,
	.roomTable
	{
		font-size: .8em;
	}
	#freshOdekake h3
	{
		padding-top: 2em;
	}
	#sumeba h4,
	#sumeba p,
	#freshOdekake h4,
	#freshOdekake p,
	#freshUft p,
	#roomLink
	{
		padding-top: 1em;
	}
	#sumeba
	{
		padding-bottom: 2em;
	}
	
	#roomLink img
	{
		width: 200px;
	}
	
	#sumebaMerit ul
	{
		line-height: 2.5em;
		padding-left: 2em;
		padding-right: 1em;
	}
	
	.sppbt1em
	{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.freshUftItem,
	.sppbt2em
	{
		padding: 2em 0;
	}
	#h3_sumeba,
	#h3_uft,
	#freashTeian,
	#copy
	{
		padding: 1em 0;
	}
	#h2_fresh h2
	{
		padding: .5em 0;
	}
	#h3_uft img,
	#h2_fresh h2 img
	{
		width: 90%;
	}
	
	#freshUft h4 img,
	#sumeba h4 img
	{
		width: auto;
		height: 25px;
	}
	.freshSamebaH4 img
	{
		width: auto !important;
		height: 35px !important;
	}
	#h3_sumeba img
	{
		width: 280px;
	}
	
	.osusumeItem img
	{
		width: 80px;
	}

	#kuushitsuTable
	{
		font-size: .6em;
	}
	#kuushitsuTable th,
	#kuushitsuTable td
	{
		padding: .5em;
		width: calc(100% / 11);
	}
	
	#footInfo
	{
		background-color: #fff;
	}
	#footInfoInner
	{
		padding: 2em;
	}
	
	#footMain
	{
		margin: 0 auto;
		line-height: 1.3em;
	}
	
	#footInfo,
	#footMain,
	#copy
	{
		font-size: .8em;
	}
	
	#freashTeian
	{
		font-size: 1.3em;
	}

	.slider
	{
		width: calc(100% - 2em);
		margin: 0 auto;
	}

	.slider
	{
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.sliderImageList
	{
		margin: .5em 0;
	}
	.sliderImageList img
	{
		cursor: pointer;
	}
	
	.sliderImageList .slick-slide
	{
		margin-right: .4em;
		margin-left: .4em;
	}
	
	#mailFormTable th,
	#mailFormTable td
	{
		display: block;
		padding-left: 1em;
		padding-right: 1em;
	}
	#mailFormTable
	{
		padding-top: 1em;
		padding-bottom: 2em;
	}
	#mailFormTable th
	{
		padding-top: 1em;
	}
	#mailFormTable td
	{
		padding-top: .5em;
	}
.topics1 {
width: 93%;
margin: auto;
margin-bottom: 20px;
}
.topics2 {
width: 93%;
margin: auto;
margin-bottom: 60px;
}
.youtube {
width: 100% !important;
}
.roomItem h3 {
padding: 15px 0;
}
.osusumeItem ol {
padding-top: 20px;
padding-left: 35px;
padding-right: 20px;
}
.roomTable th {
width: 18%;
}
#map {
margin-bottom: 10px;
}	
}