@charset "utf-8";

/* 各ページのスマホレイアウトのCSS */

/*************************************** ▼▼ トップページ ▼▼ *************************************************/
/* スライド */
.swiper .swiper-slide a .mask .caption {
	font-size: 20px;
}
.top .top-info,
.top .top-seminar,
.top .periodical .flex-wrapper,
.top .periodical section.top-mansion .top-mansion-head .service-login-buttons,
.top .periodical section.top-mansion .top-mansion-body,
.top .top-aboutus .top-aboutus-inner,
.top ul#banner_side {
  flex-direction: column;
}
.top h2 {
  margin-bottom: 20px;
}
.top h3 {
  margin-bottom: 20px;
}
.top .top-info-banner a img,
.top .top-seminar .fudousan-online-banner a img {
  width: 100%;
  height: auto;
}
.top #side_info dl dt.list_bottom.more,
.top #side_seminar dl dt.list_bottom.more {
  text-align: center;
}
.top .periodical .periodical-inner {
  padding-left: 2.7%;
  padding-right: 2.7%;
}
.top .periodical .flex-wrapper > section {
  padding-left: 2.7%;
  padding-right: 2.7%;
}
.top .periodical section .titile_topics a {
  font-size: 18px;
}
.top .periodical section.top-daily #topics .content_wrap .t2 dd a,
.top .top-aboutus .top-aboutus-inner .description p {
  font-size: 14px;
}
.top .periodical section.top-mansion .top-mansion-head .service-login-buttons {
  gap: 20px;
}
.top .periodical section.top-mansion .top-mansion-head .service-login-buttons:has(.logined) {
	gap: 10px;
}
.top .periodical section.top-mansion .top-mansion-head .service-login-buttons a.btn.btn-fill {
  width: 160px;
}
.top .periodical section > .more {
  justify-content: center;
}
.top .periodical section.top-mansion .content_wrap {
  padding: 20px 10px 30px;
}
.top .periodical section.top-mansion .content_wrap.xs-table-wrap {
  padding-left: 3px;
  padding-right: 3px;
}
.top h3.announcement-date {
	padding-left: 7px;
	padding-right: 7px;
}
.top ul#banner_side {
	gap: 20px;
	align-items: center;
}
.top .top-aboutus {
  background-position: center;
}
.top .top-aboutus .top-aboutus-inner {
  gap: 10px;
}
.top .top-aboutus .top-aboutus-inner .buttons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.top .top-aboutus .top-aboutus-inner .description .buttons .btn {
	background-color: var(--white-color);
	color: var(--black-color);
	padding-left: 20px;
	padding-right: 20px;
}
.top .top-aboutus .top-aboutus-inner .description .buttons .btn:hover {
	background-color: var(--black-color);
	color: var(--white-color);
	transition: all 0.3s;
}
section.top-fundreview ul.side_future li.strong {
  font-size: 18px;
}

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

/*************************************** ▼▼ 会社情報 事業紹介 ▼▼ *************************************************/
/* 会社情報 */
.comInfoTbl {
	font-size: 14px;
	display: block;
	margin-top: 10px;
}
.comInfoTbl td,
.comInfoTbl th {
	white-space: normal;
	word-wrap: break-word;
}
.comInfoTbl td {
	padding: 5px;
}
.comInfoTbl td .alignC  {
	width: initial;
	text-align: center;
}
.comInfoTbl td.fullwidth {
	width: 100px;
}
/* 事業紹介 */
.works .worksTab li {
	margin-right: 2px;
	font-size: 12px;
	padding: 6px 9px;
	font-weight: bold;
}
.works ul.worksContent li p,
.works ul.worksContent li table.comInfoTbl {
	font-size: 14px;
}
.works ul.worksContent li table.comInfoTbl th,
.works ul.worksContent li table.comInfoTbl td {
	width: 100%;
	box-sizing: border-box;
}
.works ul.worksContent li table.comInfoTbl.icm td.text-nowrap {
	text-wrap: nowrap;
	width: 118px;
}
/*************************************** ▲▲ 会社情報 事業紹介 ▲▲ *************************************************/


/*************************************** ▼▼ マンション市場動向ページ ▼▼ *************************************************/
table.mansion_data {
  width: 100%;
}
table.mansion_data th {
  font-size: 12px;
}
table.mansion_data td {
  height: 44px;
  font-size: 11px;
  padding: 5px;
  min-width: 50px;
}
.banner img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.mansion_search .button {
	flex-direction: column-reverse;
	align-items: center;
}
.two-culumns-wrapper .main-content .latest-article.bg-white-wrapper.mansion_data_table {
	padding-left: 13px;
	padding-right: 13px;
}
.two-culumns-wrapper .main-content .latest-article.bg-white-wrapper.mansion_data_table h2 {
	padding-left: 7px;
	padding-right: 7px;
}

/*************************************** ▲▲ マンション市場動向ページ ▲▲ *************************************************/

/*************************************** ▼▼ 出版物・商品・サービス ▼▼ *************************************************/

.publicationlist_sub {
	font-size: 14px;
	line-height: 26.6px;
}
.publicationlist_sub .red {
	display: block;
}
#daily_cateSel {
	padding: 20px;
	display: block;
}
#daily_cateSel span {
	margin-bottom: 20px;
	display: block;
}
#daily_cateSel ul {
	flex-direction: column;
	gap: 15px
}

.pub_main,
.brain .pub_list_row {
	margin: 40px -20px 60px -20px;
	padding: 40px 20px 60px 20px;
}
.pub_main h2 {
	font-size: 24px;
	line-height: 28.27px;
}
.pub_main h2:after {
	margin-top: 10px;
}
.pub_main ul.publication_list {
	grid-template-columns: 1fr;
}
.pub_main ul.publication_list li {
	width: 100%;
}
.pub_main ul.publication_list.data14 > li {
	flex-direction: column;
	gap: 26px;
}
.pub_main ul.publication_list.data14 > li > div {
	width: 100%;
}
.pub_main ul.publication_list li a.img,
.pub_list_row .pub_item .pub_img {
	width: 100%;
	height: 0;
	padding-top: 75%;
}
.pub_main ul.publication_list li a.img img,
.pub_list_row .pub_item .pub_img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.pub_main ul.publication_list li a.img img.new {
	transform: translate(0, 0);
}
.pub_main ul.publication_list li a {
	font-size: 16px;
	line-height: 24px;
}
.pub_main ul.publication_list li ul li {
	font-size: 14px;
	line-height: 26.6px;
	flex-direction: row;
	flex-wrap: wrap;
}
.pub_main ul.publication_list.data14 li ul li {
	width: 102%;
	max-width: initial;
	margin-left: -1%;
	align-items: flex-start;
}
.pub_main ul.publication_list.data14 > li > ul > li div {
	display: flex;
}
.pub_main ul.publication_list.data14 li ul li div:first-child {
	margin-right: 0;
}

.pub_list_row {
	flex-direction: column;
}
.pub_list_row .pub_content,
.brain .pub_content,
.brain .pub_list_row .pub_price {
	font-size: 14px;
}
.pub_list_row .pub_content ul.entry,
.brain .pub_main_brain ul.entry {
	flex-direction: column-reverse;
	gap: 20px;
}
.pub_list_row .pub_content ul.entry li input,
.brain .pub_main_brain ul.entry li input {
	width: 100%;
}
.pub_list_row .pub_content h3,
.backnumber h3 {
	font-size: 20px;
	line-height: 26px;
}
.pub_list_row .pub_content h3:after {
	margin-top: 10px;
}
.pub_list_row .pub_content h3 .red,
.brain .pub_list_row .pub_price h3 .red {
	font-size: 14px;
	line-height: 21px;
}
.pub_list_row .pub_content ul.place,
.brain .pub_list_row .pub_price ul.place {
	min-width: auto;
	display: block;
	margin-left: 10px;
	margin-right: 10px;
}
.pub_list_row + .backnumber,
.brain .pub_main_brain ul.entry + .backnumber {
	margin-top: 80px;
}
.backnumber ul li pre {
	padding: 10px 15px;
	font-size: 14px;
}
.backnumber .more {
	margin-bottom: -40px;
}

/*************************************** ▲▲ 出版物・商品・サービス ▲▲ *************************************************/

/*************************************** ▼▼ BRaiN専用ページ ▼▼ *************************************************/
.brain .brain-hero {
	flex-direction: column-reverse;
}
.brain .hero-img,
.brain-pv iframe {
	margin: 0 auto;
}
.brain .pub_main_brain .pub_content .brain-hero .hero-text {
	max-width: initial;
}
.brain .brain-feature ul.features > li {
	flex-direction: column;
}
.brain .brain-feature ul.features > li img {
	margin: 0 auto;
	padding-right: 20px;
}
.brain .pub_list_row .pub_item .pub_img {
	margin: 0 auto;
}
.brain .pub_list_row .pub_price ul.place {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.brain .pub_list_row .pub_price ul.place li {
	padding-left: 0;
	padding-right: 0;
}

/*************************************** ▲▲ BRaiN専用ページ ▲▲ *************************************************/

/*************************************** ▼▼ 日刊不動産経済通信・マンション市場動向 2カラム・サイドバー ▼▼ *************************************************/
.two-culumns-wrapper {
	flex-direction: column;
}
.two-culumns-wrapper .side-content {
	width: 100%;
}
.side-content h2.side-content-heading,
.side-content .side-bg-white-wrapper,
.side-content .pub_main {
	margin-left: -20px;
	margin-right: -20px;
}
a.head {
	font-size: 14px;
}
/*************************************** ▲▲ 日刊不動産経済通信・マンション市場動向 2カラム・サイドバー ▲▲ *************************************************/

/*************************************** ▼▼ 日刊不動産経済通信 ▼▼ *************************************************/

.two-culumns-wrapper .main-content {
	width: auto;
}
.two-culumns-wrapper .main-content .bg-white-wrapper {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
}
.two-culumns-wrapper .main-content .latest-article.bg-white-wrapper {
	padding-bottom: 10px;
}
.daily p.tit_daily {
	font-size: 18px;
}
#modalBody {
	width: 320px;
}
/*************************************** ▲▲ 日刊不動産経済通信 ▲▲ *************************************************/

/*************************************** ▼▼ セミナー ▼▼ *************************************************/
/* セミナー一覧 */
.seminar .semi_rec {
	flex-direction: column;
	align-items: center;
}
.seminar .semi_rec a img {
	width: 100%;
}

/* セミナー詳細 */
.seminar .semi_dtl,
.seminar dl.semi_pg dt.pg_title,
.seminar dl.semi_pg dd.pg_instructor {
	flex-direction: column;
}
.seminar dl.semi_pg dt.pg_title {
	gap: 5px;
}
.seminar table.semi_info th {
	text-wrap: wrap;
}
.seminar table.semi_info td .alignCplus {
	flex-direction: column-reverse;
	align-items: center;
	width: 100%;
}
/*************************************** ▲▲ セミナー ▲▲ *************************************************/

/*************************************** ▼▼ フォーム共通 ▼▼ *************************************************/
.form h1 {
  font-size:24px;
}
.form .bg-white-wrapper {
  padding-left: 5.4%;
  padding-right: 5.4%;
}
.form ul#subscript_navi li {
  padding-left: 3.5%;
  padding-right: 3.5%;
  font-size: 14px;
  text-align: center;
}
.form ul.cart_data_list li,
.form .inquiry li {
  flex-direction: column;
	align-items: initial;
}
.form .label, .dt_label {
  width: 100%;
}
.form input.set_item {
  width: 100%;
}
/*************************************** ▲▲ フォーム共通 ▲▲ *************************************************/

/*************************************** ▼▼ 出版物・商品・サービス 購入フォーム ▼▼ *************************************************/
/* テーブル */
.form .dataTbl {
	font-size: 13px;
}
.form .dataTbl .btnCol {
	max-width: 70px;
}
.form .dataTbl .plan,
.form .dataTbl .subtitle {
	min-width: 50px;
}
.form .dataTbl tbody tr td > .cart_btn {
	max-width: 70px;
	padding: 8px;
	font-size: 13px;
}

/* お申込商品確認 */

.form.purchase ul#subscript_navi li {
	padding-left: 2%;
	padding-right: 3%;
}
.form.purchase ul#subscript_navi li p {
	padding: 6px;
}
.form .cart_item_list li {
	flex-direction: column;
}

/* お申込内容確認 */
.form .form-buttons.three-buttons {
	flex-direction: column-reverse;
	max-width: 150px;
	margin: 30px auto 0;
}
/*************************************** ▲▲ 出版物・商品・サービス 購入フォーム ▲▲ *************************************************/

/*************************************** ▼▼ ICM会員ログインページ ▼▼ *************************************************/
/* アカウント情報 */
ul.my_list > li {
	flex-direction: column;
}
ul.my_list > li:has(.update-btn) {
	align-items: center;
}
.form ul.my_list > li input.set_item {
	width: 100%;
}
/*************************************** ▲▲ ICM会員ログインページ ▲▲ *************************************************/

/*************************************** ▼▼ サポート・その他ページ ▼▼ *************************************************/

dl.faq dd dl {
	display: inline-block;
	width: 100%;
}
dl.faq dd dl dt,
dl.faq dd dl dd {
	width: auto;
	float: left;
}
dl.faq dd dl dt {
	text-align: left;
	clear: both;
}
.recruit {
	flex-direction: column;
	gap: 0;
	margin-bottom: -30px;
}
.recruit dt,
.recruit dd {
	width: auto;
}
.recruit dd {
	margin-bottom: 30px;
}

/*************************************** ▲▲ サポート・その他ページ ▲▲ *************************************************/