@charset "UTF-8";


/* ■■■ sns_img 関連 */
.sns_img {
	width:80px;
	padding: 30px 50px 0 50px;
}

@media screen and (max-width: 1100px) {
	.sns_img {
		width:50px;
		padding: 30px 40px 0 40px;
	}
	.oricon_img {
		width:60%;
	}
}

@media screen and (max-width: 640px) {
	.sns_img {
		width:15%;
		padding: 30px 5px 0 5px;
	}
	.oricon_img {
		width:90%;
	}
}


/* ■■■ jog_channel 関連 */
#jog_channel {
	float: left;
	padding: 0px 15px 0 0px;
}

/* 2022.11.1 WEB限定動画用*/
#jog_channel2 {
	float: left;
	padding: 18px 15px 0 0px;
}


/* ■■■ line 関連 */
#line_area {
	margin: 10px auto;
}

.line_btn {
	padding: 30px 0 0 0;
}

.line_btn img {
	height: 60px;
}


/* ■■■ info_security_img 関連 */
.info_security_img {
	text-align:center;
}


/* ■■■ special_link 関連 */
/* 2022.9.3 */
.special_link_box {
	width:100%;
	text-align:center;
	margin:0 auto;
	padding: 0;
	list-style: none;
}
.special_link_li0 {
	border-bottom: 1px solid #dddddd;
	    display: block;
}

.special_link_li1 {
	height: 5em;
	margin: 0.5em auto;
	/*	border-bottom: 1px solid #dddddd;*/
}

/* 2022.9.6 SystemK 改行と罫線のため*/
	.special_link_li1:after, .special_link_li1:before { 	
 	   content: "";
	    clear: both;
	    display: block;
	}
	.special_link_li1:after { 
		border-bottom: 1px solid #dddddd;
	}

@media screen and (max-width: 640px) {
	.special_link_li1 {
		height: 4.7em;
		margin: 0.5em auto;
	}
	.special_link_box:after {
		content: "";
	    	clear: both;
		display: block;
		border-bottom: 1px solid #dddddd;
	}
}

.special_link_box .phot {
	width:/*16%;*/ 150px
	text-align:left;
	float: left;
}
.special_link_box .phot img {
		margin: 0 5px 0 15px;
	}

@media screen and (max-width: 640px) {
	.special_link_box .phot {
		width:100px; /*24%;*/ 
		text-align:left;
		float: left;
	}
	.special_link_box .phot img {
		width:100%;
		margin: 5px 15px 5px 5px;
	}
}

.special_link_box .name {
	width:30%;/*20%*/
	text-align:left;
	line-height: 5em;
	float: left;
	margin-left:30px;
	font-weight:bold;
}

@media screen and (max-width: 1100px) {
	.special_link_box .name {
		font-size: 80%;
		width:25%;
		text-align:left;
		float: left;
	}
}

@media screen and (max-width: 640px) {
	.special_link_box .name {
		width:45%; /*55%;*/
		text-align:left;
		line-height: 2em;
		float: left;
		margin-left:15px;
		margin-top:5px;
	}
}

.special_link_box .adrs {
	width:25%;
	text-align:left;
	line-height: 5em;
	float: left;
	margin-left:5px;
}

@media screen and (max-width: 1100px) {
	.special_link_box .adrs {
		font-size: 80%;
		width:30%;
		text-align:left;
		float: left;
	}
}

@media screen and (max-width: 640px) {
	.special_link_box .adrs {
		width:45%; /*55%;*/
		text-align:left;
		line-height: 2em;
		float: left;
		margin-left:15px;
	}
}

.special_link_box .tiku {
	width:15%;
	text-align:left;
	line-height: 5em;
	float: left;
	margin-left:5px;
	color: #c90000;
}

@media screen and (max-width: 1100px) {
	.special_link_box .tiku {
		font-size: 80%;
		width:30%;
		text-align:left;
		float: left;
		color: #c90000;
	}
}

@media screen and (max-width: 640px) {
	.special_link_box .tiku {
		width:45%; /*55%;*/
		text-align:left;
		line-height: 2em;
		float: left;
		margin-left:15px;
		color: #c90000;
	}
}

.special_link_box .next {
	font-size: 100%;
	width:10%;
	text-align:center;
	line-height: 5em;
		float: right;
		margin-right:25px;
}

@media screen and (max-width: 1100px) {
	.special_link_box .next {
		font-size: 80%;
		width:10%;
		margin-right:15px;
		float: right;
	}
}

@media screen and (max-width: 640px) {
	.special_link_box .next {
		width:20%;/*14%;*/
		line-height: 2em;/*0em;*/
		float: right;
		margin-right:5px;
	}
}

.special_link_box .next a {
	background-color:#FFF8DE;
	width:5%;
	text-align:center;
	padding:0.8rem;
	border:1px solid #FFA61F;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

@media screen and (max-width: 640px) {
	.special_link_box .next a {
		background-color:#FFF8DE;
		width:5%;
		text-align:center;
		/*padding:0.2rem;*/
		border:1px solid #FFA61F;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
}

.special_link_back {
	width:100%;
	text-align:center;
	/*margin:0 0 3em 0;*/
	margin:2em 0;
}

@media screen and (max-width: 640px) {
	.special_link_back {
		width:100%;
		text-align:center;
		/*margin:0 0 2em 0;*/
		margin:2em 0;
	}
}
.special_link_back a {
	background-color:#FFF8DE;
	width:40%;
	font-size: 1.4em;
	font-weight:bold;
	text-align:center;
	padding:0.8em 1.2em;
	border:1px solid #FFA61F;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

@media screen and (max-width: 640px) {
	.special_link_back a {
		background-color:#FFF8DE;
		width:40%;
		font-size: 1em;
		font-weight:bold;
		text-align:center;
		padding:0.5em;
		border:1px solid #FFA61F;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
}


/* 2024.6.20 */

.special01_bukken {
	width:100%;
	text-align:center;
	/*margin:0 0 3em 0;*/
	margin:2em 0;
}

@media screen and (max-width: 640px) {
	.special01_bukken {
		width:100%;
		text-align:center;
		/*margin:0 0 2em 0;*/
		margin:2em 0;
	}
}
.special01_bukken a {
	background-color:#FFF8DE;
	width:40%;
	font-size: 1.4em;
	font-weight:bold;
	text-align:center;
	padding:0.8em 1.2em;
	border:1px solid #FFA61F;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

@media screen and (max-width: 640px) {
	.special01_bukken a {
		background-color:#FFF8DE;
		width:40%;
		font-size: 1em;
		font-weight:bold;
		text-align:center;
		padding:0.5em;
		border:1px solid #FFA61F;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
}

/* 2022.9.8 */

.special_link_box .note {
	font-size: 0.8em;
	text-align:left;
	margin:0 0.8em;
}


/* ■■■ gotown 関連 */
/* 2023.2.5　トップタウン遷移 */
.gotown_area {
	width:1080px;
	margin: 0 auto;
}

.col_9_1 {
	width:100%;
	display: flex;
	margin:2em 0 0 0;
}

.col_9_2 {
	width:100%;
	display: flex;
	margin:0 0 0 0;
}

.col_9_sp {
	margin:0 0 0 0.5em;
}

.pc_dsp {
	display:block !important;
}
.pc_dsp_inline {
	display:inline !important;
}

.sp_dsp {
	display:none !important;
}

.sp_dsp_inline {
	display:none !important;
}


@media screen and (max-width: 640px) {
	.gotown_area {
		width:auto;
		margin: 1em auto 0 auto;
	}
	.col_9_1 {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin:0 0 0 0;
	}
	.col_9_1 img{
		width:100%;
	}
	.col_9_2 {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		margin:0 0 0 0;
	}
	.col_9_2 img{
		width:100%;
	}
	.col_9_sp {
		width:16.6%;
		margin:0;
	}
	.pc_dsp {
		display:none !important;
	}

	.pc_dsp_inline {
		display:none !important;
	}

	.sp_dsp {
		display:block !important;
	}
	.sp_dsp_inline {
		display:inline !important;
	}
}


/* ■■■ 不動産管理サイト 関連 */
/* 2023.8.17 */
.annot {
	line-height: 1em;
	font-size: 0.6em;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.annot {
		line-height: 1em;
		font-size: 0.6em;;
		vertical-align: top;
	}
}

.annot2 {
	font-size: 0.6em;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.annot2 {
		font-size: 0.6em;;
		vertical-align: top;
	}
}

.kanri_navytext2 {
	font-size: 1.2rem;
	color: #01437d;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.kanri_navytext2 {
		font-size: 1em;;
		color: #01437d;
		text-align: center;
	}
}

.catchphrase2 {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 130%;
	margin-top: 10px;
	margin-bottom: 5px;
}

@media screen and (max-width: 640px) {
	.catchphrase2 {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 130%;
		margin-top: 10px;
		margin-bottom: 5px;
	}
}

.kanri_kensuu {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 130%;
	color: #e94729;
}

@media screen and (max-width: 640px) {
	.kanri_kensuu {
		font-size: 1.3em;
		font-weight: bold;
		line-height: 130%;
		color: #e94729;
	}
}

.sentence_small2 {
	font-size: 0.8em;
}

.grid_box_subject2 {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	padding: 5px 5px;
	margin: 5px 5px;
}

.grid_box_subject2 img{
	width:30%;
	padding: 0 0 0 2em;
	display: block;
	margin: 0 auto;
	float: left;
}

.grid_box_mid_ttl {
	margin: 5px 5px;
}

/* ■■■ 学割特集物件 関連 */
/* 2023.10.21 */
.area_title_img {
	margin: 0 5px 0 0 !important;
	width:2em;
	float: left;
}

.area_title_img img{
	margin: 8px 0 0 0 !important;
}

.area_title {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

.tiku_name {
	font-size: 0.8em;
	font-weight: normal !important;
}

/* ■■■ 検索結果一覧のページトップバナー 関連 */
.list_bn_area {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.list_bn_area {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		vertical-align: top;
		text-align: center;
	}
	.list_bn_area img{
		width: 100%;
	}
	.pc_dsp {
		display:none !important;
	}

	.pc_dsp_inline {
		display:none !important;
	}

	.sp_dsp {
		display:block !important;
	}
	.sp_dsp_inline {
		display:inline !important;
	}
}


ul.list_box {
	display: flex;
	list-style: none;
	width: auto;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

ul.list_box li.boxauto {
	flex-basis: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.list_bn_col_2 {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
}

.list_bn_col_3 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}


/* ■■■ マスターリース(ml) 関連 */

.ml_sec1 {
	background-color: #ffffdd;
}

.ml_sec1_2 {
	background-color: #ecf3fa;
	padding: 0.5em 0.5em;
}

.ml_sec2 {
	background-color: #ffffff;
}

.ml_attention {
	color: #f42d62;
}

.ml_ttl {
	width: 100%;
	background-color: #ffff00;
	font-size: 40px;
	font-weight: bold;
	text-shadow: 0.5px 0.5px 0, 
  		     0.5px -0.5px 0px,
		    -0.5px 0.5px 0,
		    -0.5px -0.5px 0px,
		     0.5px 0px 0px,
		     0px 0.5px 0px,
		    -0.5px 0px 0px,
		     0px -0.5px 0px;
	color: #404040;
	text-align: center;
	height: 70px;
	line-height: 70px;
	margin: 0;
}

.ml_ttl2 {
	display:block;
	width: 100%;
	font-size: 30px;
	font-weight: bold;
	color: #09055d;
	text-align: left;
	padding: 20px 0 5px 0;
}

.ml_ttl3 {
	display:block;
	font-size: 30px;
	font-weight: bold;
	color: #09055d;
	text-align: left;
	padding: 20px 0 5px 0;
	margin-left: 2.5em;
	text-indent: -3em;
}

.ml_main {
	width: 94%;
	margin: 0 auto;
	line-height: 2em;
}

.ml_sentence {
	width: 100%;
	font-size: 24px;
	color: #09055d;
	text-align: left;
}

.ml_sentence2 {
	width: 100%;
	font-size: 26px;
	font-weight: bold;
	color: #09055d;
	text-align: left;
}

.ml_sentence3 {
	width: 100%;
	font-size: 20px;
	color: #000000;
	text-align: left;
	margin: 0;
}

.ml_sentence4 {
	width: 92%;
	font-size: 24px;
	color: #09055d;
	text-align: left;
	margin: 0 0 0 3em;
}

.ml_sentence5 {
	font-size: 24px;
	color: #09055d;
	text-align: left;
}

.ml_sentence5 ul {
	margin: 0 auto;
}

.ml_sentence5 ol li{
	list-style: none;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

#ml_pfarea {
	display: flex;
}

#ml_pfarea ul{
	padding: 0 0 !important;
}

#ml_pfarea li{
	list-style: none;
	float: left;
}


@media screen and (max-width: 640px) {
	.ml_ttl {
		width: 100%;
		background-color: #ffff00;
		font-size: 1.5em;
		font-weight: bold;
		color: #404040;
		text-align: center;
		height: 2.8em;
		line-height: 1.4em;
		margin: 0;
	text-shadow: 0.3px 0.3px 0, 
  		     0.3px -0.3px 0px,
		    -0.3px 0.3px 0,
		    -0.3px -0.3px 0px,
		     0.3px 0px 0px,
		     0px 0.3px 0px,
		    -0.3px 0px 0px,
		     0px -0.3px 0px;
	}

	.ml_ttl_sp {
		width: 100%;
		background-color: #ffff00;
		font-size: 1.5em;
		font-weight: bold;
		color: #404040;
		text-align: center;
		height: 4.2em;
		line-height: 1.4em;
		margin: 0;
	text-shadow: 0.3px 0.3px 0, 
  		     0.3px -0.3px 0px,
		    -0.3px 0.3px 0,
		    -0.3px -0.3px 0px,
		     0.3px 0px 0px,
		     0px 0.3px 0px,
		    -0.3px 0px 0px,
		     0px -0.3px 0px;
	}

	.ml_ttl2 {
		display:block;
		width: 100%;
		font-size: 1.4em;
		font-weight: bold;
		color: #09055d;
		text-align: left;
		padding: 20px 0 5px 0;
	}

	.ml_sentence {
		width: 100%;
		font-size: 1em;
		color: #09055d;
		text-align: left;
		line-height: 1.3em;
	}

	.ml_sentence2 {
		width: 100%;
		font-size: 1em;
		font-weight: bold;
		color: #09055d;
		text-align: left;
	}

	.ml_sentence3 {
		width: 94%;
		font-size: 1em	;
		color: #000000;
		text-align: left;
		margin-left: 1.4em;
		text-indent: -1.4em;
	}

	.ml_ttl3 {
		display:block;
		font-size: 1em;
		font-weight: bold;
		color: #09055d;
		text-align: left;
		padding: 20px 0 5px 0;
		margin-left: 2.5em;
		text-indent: -3em;
		line-height: 1.3em;
	}

	.ml_sentence4 {
		width: 90%;
		font-size: 1em;
		color: #09055d;
		text-align: left;
		margin: 0 0 0 2em;
		line-height: 1.3em;
	}

	.ml_sentence5 {
		font-size: 1em;
		color: #09055d;
		text-align: left;
	}

	.ml_sentence5 ul {
		margin: 0 auto;
	}

	.ml_sentence5 ol li{
		list-style: none;
		line-height: 1.3em;
		margin-left: 0em;
		text-indent: -1.4em;
	}
}

/* ■■■ 新築物件特集 関連 */
/* .pr_shinchiku=札幌、.pr_shinchiku_tihou=札幌以外 */

.pr_shinchiku {
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	display: table;
}

.pr_shinchiku ul {
	list-style: none;
}

ul.pr_shinchiku {
	overflow: hidden;
}

.pr_shinchiku li {
	float: left;
}


.pr_shinchiku_tihou {
	border-spacing: 0px;
	border-collapse: collapse;
	border-width: 0px;
	text-align: center;
	margin: 0px auto;
	margin-bottom: 20px;
	display: table;
}

.pr_shinchiku_tihou ul {
	list-style: none;
}

ul.pr_shinchiku_tihou {
	overflow: hidden;
}

.pr_shinchiku_tihou li {
	float: left;
}

.img_shinchiku {
	width: 452px;
/*	height: 100px;*/
	position: relative;
}

.img_shinchiku a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.ttl_shinchiku {
	font-size: 40px;
	font-weight: 700;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	color: #eb3b3b;
	text-shadow: 0 0 15px #ffffff;
	-webkit-text-stroke-width: 1px;
}

.btn_adr_sum {
	width: 452px;
	height:98px;
	border:1px solid #fabe00;
}

.btn_adr_sum a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 80px;
	color: #333;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

.btn_adr_sum a:hover {
	color: #f2f2f2;
}

.btn_adr {
	float: left;
	padding: 8px 4px;
}

.btn_adr a {
	background-color: #ceb849;
	border: 1px solid #ceb849;
	border-radius: 35px;
}

.btn_adr a:hover {
	background-color: #B99b00;
	border: 1px solid #333;
}

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

	.pr_shinchiku {
		border-spacing: 0px;
		border-collapse: collapse;
		border-width: 0px;
		text-align: center;
		margin: 20px auto;
		display: table;
		border:1px solid #fabe00;
}

	.pr_shinchiku_tihou {
		border-spacing: 0px;
		border-collapse: collapse;
		border-width: 0px;
		text-align: center;
		margin: 20px auto;
		display: table;
}

	.img_shinchiku {
		width: 100%;
/*		height: 100px;*/
		position: relative;
	}

	.img_shinchiku img {
		width: 100%;
	}

	.ttl_shinchiku {
		font-size: 2em;
		font-weight: 700;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		color: #eb3b3b;
		text-shadow: 0 0 15px #ffffff;
		-webkit-text-stroke-width: 1px;
	}

	.btn_adr_sum {
		width: 100%;
		height:auto;
		border:none;
	}

	.btn_adr10 {
		width: 94%;
		height: 5.5em;
		display: block;
		margin: 0 auto;
	}

	.btn_adr {
		float: left;
		padding: 0.5em 0.3em;
	}

	.btn_adr_sum a {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 3.6em;
		color: #333;
		font-size: 0.9em;
		font-weight: 700;
		text-decoration: none;
		transition: 0.3s;
	}

}

/* ■■■ パンくず */
.breadcrumb-list {
	list-style-type: none;
	padding: 0 0.3em;
}

.breadcrumb-list li{
        color: #3e3a39;
        font-size: 0.9em;
        font-weight: 700;
	float: left;
}

.breadcrumb-list a{
	text-decoration: underline;
}

/* ■■■ 新生活バナー 関連　JOG学割など */
.shinseikatsu_bnr {
	width: 80%;
	margin-bottom: 0px;
        padding-bottom: 0px;
}

/* ■■■ 学生サイト 関連 */
.major_school_btn {
	font-size: 1.0em !important;
	font-weight: bold !important;
	padding: 3px 10px !important;
	text-align: center !important;
	height: 60px !important;
	width: 160px !important;
	color: #333 !important;
	vertical-align: middle;
	margin-bottom: 5px !important;
	border: solid 2px #AAA !important;
	box-shadow: 2px 2px 3px 1px #EEE !important;
	-moz-box-shadow: 2px 2px 3px 1px #EEE !important;
	-webkit-box-shadow: 2px 2px 3px 1px #EEE !important;
	text-shadow: 1px 1px 2px #EEE !important;
	background: linear-gradient(#FEFEFE, #EEEEEE) !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
}

/* ■■■ 物件詳細 関連  2024.12追加 */

.jogdetail-item-title {
	width: 120px;
	color: #3e3a39;
	font-size: 13px;
	font-weight: 700;
	vertical-align: top;
	background-color:#EEEEEE;
	padding: 5px 5px;
	border: 1px solid #EEEEEE;
}

.jogdetail-item-text {
	color: #3e3a39;
	font-size: 13px;
	font-weight: 600;
	padding: 5px 5px;
	border: 1px solid #EEEEEE;
}

.jogdetail-item-chinryo {
	color: #3e3a39;
	font-size: 16px;
	font-family: Oswald, sans-serif;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 1px;
	padding-right: 2px;
	padding-bottom: 2px;
}

@media screen and (max-width: 1100px) {
	.jogbgcolor_ededed {
		background-color: #ededed;
	}
	.jogdetail-item-title {
		width: 25vw;
		font-size: 1.0rem;
		vertical-align: middle;
	}
	.jogdetail-item-text {
		 font-size: 1.0rem;
	}
	.jogdetail-item-chinryo {
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 640px) {
	.jogbgcolor_ededed {
		background-color: #ffffff;
	}
	.jogdetail-item-title {
		width: 24vw;
		font-size: 0.8rem;
		vertical-align: middle;
	}
	.jogdetail-item-text {
		 font-size: 0.8rem;
	}
	.jogdetail-item-chinryo {
		font-size: 1.2rem;
		vertical-align: middle;
	}
}