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

/*----------------------------------------------------------------------
breakpoint 768px以下
------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

body {
	font-size: 12px;
	font-size: 1.2rem;
}

/* grid */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: none;
	margin: 0 0 50px;
	width: 100%;
}

/* common */
.mL0_b {
	margin-left: 0 !important;
}

.innerSp {
	padding: 0 5px;
}

/* articleBox */
.articleBox {
	width: 100%;
	margin-bottom: 2%;
}

/********** トップページ **********/

/* header */
#header {
	padding: 12px 0;
}

#header h1 {
	float: none;
	margin-bottom: 10px;
	margin-top: 0;
}

#header .telBox {
	float: none;
	text-align: center;
	font-size: 10px;
	font-size: 1.0rem;
}

#header .tel .t {
	float: none;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}

#header .tel .n {
	float: none;
	margin: 4px 0 0 0;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
}

#header .tel .n span {
	font-size: 12px;
	font-size: 1.2rem;
	color: #333;
}

.info_covid{
	margin-top: 1px;
}

.info_covid .info_covid_inner{
	padding: 0 16px;
}

/* menu */
.menu {
	background: none;
}

.menu > li {
	width: 50%;
	line-height: 40px;
	font-size: 9px;
	font-size: 0.9rem;
	background: #f0f0f0;
}


.menu > ul > li.corporation a {
	border-left: solid 1px #fff;
}

.menu > li.last {
	width: 100%;
}

.menu > li > a {
	border: solid 1px #fff;
	margin: 0 -1px -1px 0;
}

.menu > li:first-child a,
.menu > li:nth-child(odd) a {
	border-left: none;
}

.menu > li:nth-child(even) a {
	border-right: none;
}

.menu > li > ul > li {
	display: none;
}

/* main */
#main ul li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 40px;
}

#main figure {
	position: relative;
	overflow: auto;
}

#main figure h2 {
	margin-bottom: 20px;
}

#main figcaption {
	position: relative;
	top: auto;
	left: auto;
	z-index: auto;
	width: auto;
	height: auto;
	background: none;
	-webkit-transition: none;
	transition: none;
	opacity: 1;
}

.figcaptionBox {
	padding: 0;
}

.figcaptionBox h3 a {
	color: #333;
}

.figcaptionBox a {
	display: block;
	padding-left: 12px;
	line-height: 2.0;
	font-size: 14px;
	font-size: 1.4rem;
	background: url(../images/icon_arrow01.png) no-repeat left 50%;
}

.figcaptionBox p a:link,
.figcaptionBox p a:visited {
	color: #333;
}

.contactBtn a {
	line-height: 50px;
	color: #fff !important;
	border: solid 1px #e6e6e6;
	background: #2c488f;
}

.contactBtn a:hover {
	text-decoration: none;
}

.topContent01 .txtArea{
	margin: 40px auto;
}


/* content */
.content {
	margin-bottom: 40px;
}

.title01 {
	font-size: 16px;
	font-size: 1.6rem;
}

.articleBox {
	margin-left: 0;
	margin-bottom: 20px;
}

/* sns */
#sns {
	text-align: center;
}

/* footer */
#footer {
	display: none;
}

/* copy */
.copyUl {
	float: none;
	margin-bottom: 20px;
}

.copyUl p {
	/*width: 50%;*/
	width: 33.33%;
}

.copyUl p a {
	line-height: 50px;
	text-align: center;
	margin-left: 0;
	padding: 0 0 0 10px;
	border-right: none;
	font-size: 11px;
	font-size: 1.1rem;
	letter-spacing: 0;
	background: url(../images/icon_arrow01.png) no-repeat 10px 22px, #f0f0f0;
}

.copyUl p.qa a {
	border-right: solid 1px #fff;
}

.copyright {
	float: none;
	text-align: center;
}

/* パンくず */
.breadcrumb {
	font-size: 9px;
	font-size: 0.9rem;
	letter-spacing: 0;
}

/* タイトル */
.contentTitle {
	font-size: 22px;
	font-size: 2.2rem;
}

.contentTitle {
	font-size: 16px;
	font-size: 1.6rem;
}

.saleTitle strong {
	padding: 0 0 0 10px;
	font-size: 1.6rem;
	border-left: solid 5px #2c488f;
}
.saleTitle em + strong {
	padding: 0 0 0 10px;
}
.saleTitle span {
	font-size: 1.2rem;
}
.summaryTable tr {
	display: flex;
	flex-wrap: wrap;
}
.summaryTable th {
	width: 40%;
}
.summaryTable td {
	width: 60%;
}


/* カラム */
.leftCol {
	float: none;
	width: 100%;
}

/*.rightCol {
	display: none;
	float: none;
}*/

.rightCol {
	float: none;
	width: 100%;
	margin-top: 60px;
}

/* picup */
.col3 .left {
	float: none;
	width: 100%;
	margin: 20px 0 0 0;
}


/* 貸したい・借りたい / 売りたい・買いたい */
.col2 .left,
.col2 .right {
	float: none;
	width: 100%;
}

.col2 .left {
	margin-bottom: 30px;
}

/* アンカーリンク */
.anchorLink li a {
	font-size: 9px;
	font-size: 0.9rem;
	background: none;
}

/* 事例紹介・モデルケース */
.caseBox .left,
.caseBox .right {
	float: none;
	width: 100%;
}

.caseBox .left {
	margin-bottom: 20px;
}

.caseBox02 .left,
.caseBox02 .right {
	float: none;
	width: 100%;
}

.caseBox02 .left {
	margin-bottom: 20px;
}

/* 物件詳細ページ */
.ownerBox .left,
.ownerBox .right {
	float: none;
	width: 100%;
}

.ownerBox .left {
	margin-bottom: 20px;
	text-align: center;
}

.interviewBox .left,
.interviewBox .right {
	float: none;
	width: 100%;
}

.interviewBox img {
	margin-top: 20px;
}

.articleTable th,
.articleTable td {
	padding: 8px 4px;
	font-size: 8px;
	font-size: 0.8rem;
}

.articleTable th {
	min-width: 30px;
}

.articleTable .td01 {
	font-size: 11px !important;
	font-size: 1.1rem !important;
	font-weight: bold;
}

/* メリット・デメリット */
.meritBox .left {
	float: none;
	width: 100%;
	margin-bottom: 20px;
	margin-left: 0 !important;
}

/* 法人様のご利用 */
.corporationT {
	text-align: left;
	font-size: 12px;
	font-size: 1.2rem;
}

/* 社長挨拶 */
.greetBox .image {
	float: none;
	max-width: 200px;
	margin: 0 auto 20px;
	text-align: center;
}

/* 会社概要 */
.accessBox .left,
.accessBox .right {
	float: none;
	width: 100%;
}

.accessBox .right {
	margin-top: 20px;
	text-align: center;
}

.companyTable th {
	width: 50px;
}

/* 事業案内過去→未来 */
.businessBox .left,
.businessBox .right {
	float: none;
	width: 100%;
}

.businessBox .image {
	margin-top: 20px;
	text-align: center;
}

.businessBox .tenantArea {
	margin-top: 20px;
}

/* 開業までの流れ */
.flow .left,
.flow .right {
	float: none;
	width: 100%;
}

.flow .right img {
	margin-top: 20px;
	padding-left: 32px;
}

/* スマ賃 */
.apartmentBox .left,
.apartmentBox .right {
	float: none;
	width: 100%;
}

.apartmentBox .right {
	margin-top: 20px;
}

.apartmentBox .right img {
	float: left;
	width: 49%;
	margin-left: 2%;
}

/* ホステル */
.hostelBox .left {
	margin: 0 10px 5px 0;
}

.hostelBox .left img {
	max-width: 80px;
}

/* オークハウスが選ばれる理由 */
.memberBox .left {
	margin-top: 20px;
	float: none;
	width: 100%;
	margin-left: 0;
}

/* これからのオークハウス */
.futureBox .left .meritTitle {
	height: 55px;
	padding: 0 3px;
	font-size: 9px;
	font-size: 0.9rem;
}

.futureBox .left .meritTitle h4 {
	padding-top: 25px;
}

/* TAB */
#tab li {
	float: none;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	border-right: none;
	border-bottom: solid 1px #e6e6e6;
}

.bBNone {
	border-bottom: none !important;
}

/* お問い合わせ */
.contactStep {
	line-height: 1;
	letter-spacing: 0;
}

.contactStep li {
	padding: 10px 0;
}

.contactStep li .step {
	font-size: 10px;
	font-size: 1.0rem;
}

.contactStep li .txt {
	display: block;
	margin-top: 10px;
	font-size: 11px;
	font-size: 1.1rem;
}

/* contactTable */
.contactTable {
	overflow: hidden;
	width: 100%;
}

.contactTable th,
.contactTable td {
	display: block;
	width: 100%;
	padding: 12px 0;
}

.contactTable th {
}

.contactTable td {
	border: none;
}

.required {
	margin-right: 12px;
}

.contactTable .checkboxUl li {
	width: 50%;
	margin-right: 0;
}

.contactTable .td04 textarea,
.contactTable .middle,
.contactTable .big {
	width: 280px;
}

.contactBtnArea li input {
	width: 90%;
	font-size: 12px;
	font-size: 1.2rem;
}

/*----------------------------------------------------------------------
サイト改修
------------------------------------------------------------------------*/
/* トップページ */
#mv {
	height: 420px;
}

/* MV */
#mv h1{
	font-size: 19px;
	line-height: 1.6;
}

#mv p {
	max-width: 280px;
	margin: 0 auto;
	padding-top: 40px;
}

.topContent01 h1 {
	font-size: 24px;
	font-size: 2.4rem;
}

.featureUl {
	margin-top: 40px;
}

.featureUl li {
	float: none;
	width: auto;
	margin: 20px auto 0;
	text-align: center;
}

/* 最新のセミナー情報 */

#seminar {
	background-image: none;
}

#seminar ul.seminarBox {
	display: inherit;
	width: auto;
	height: auto;
}

#seminar ul li.ttl,
#seminar ul li.info,
#seminar ul li.link {
	display: inherit;
	vertical-align: auto;
}

#seminar ul li.ttl {
	width: auto;
	padding: 20px;
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	background-image: none;
}

#seminar ul li.info {
	width: auto;
	padding: 15px 20px;
	background-image: none;
	background-color: #fff;
}

#seminar ul li.link {
	width: auto;
	padding: 15px 20px;
	background-image: none;
}

#seminar ul li.link a {
	display: block;
}

/* メリット・デメリット */
.meritTable th.left {
	width: 100px;
}

.contractTable th,
.contractTable td {
	font-size: 12px;
	font-size: 1.2rem;
}

/* コラム */
.reportBox .left {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}

.reportBox .right {
	float: none;
	width: 100%;
}


/*----------------------------------------------------------------------
サイト改修
------------------------------------------------------------------------*/
/* トップページ */
#mv h1 span{
	font-size: 18px;
}

#mv h1{
	padding-bottom: 30px;
}

.menu > li a{
	padding: 0;
}

ul.investment_benefit li{
	width: 90px;
}

ul.investment_benefit li img{
	width: 50px;
	height: auto;
}

/*----------------------------------------------------------------------
スライダー
------------------------------------------------------------------------*/

.slider li .slider_img_fussa{
		background: url(/common/images/slide_fussa_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .slider_img_isogo{
		background: url(/common/images/slide_isogo_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .slider_img_hiyoshi{
		background: url(/common/images/slide_hiyoshi_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .slider_img_tamagawa{
		background: url(/common/images/slide_tamagawa_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .slider_img_yomiuriland{
		background: url(/common/images/slide_yomiuriland_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .slider_img_yokohama{
		background: url(/common/images/slide_yokohama_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .slider_img_toda{
		background: url(/common/images/slide_toda_SP.png) no-repeat center center;
		background-size: cover;
		border-radius: 20px;
		margin: 0 20px;
	}
	
	.slider li .caption{
		top: 20px;
		left: 20px;
		bottom: unset;
	}
	
	.slider li .slider_info{
		background:rgba(0,0,200,0.5);
		padding: 6px 20px;
		font-size: 16px;
		right: 20px;
	}


}