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

	owner_top

-------------------------------*/
.w1600 {
    width: 1600px !important;
    min-width: 1600px !important;
    margin: 0 auto !important;
}
#headerWrapper {
	background-color: #ffffff;
}
#headerMainWrapper {
	display: none;
}
#gobalNaviWrapper {
	background-color: #28323c;
}
#gobalNaviWrapper .box {
	height: 80px;
}
#gobalNaviWrapper .owner_gNav {
	align-items: center;
}
#gobalNaviWrapper .owner_gNav .PCOnly ul li.current span,
#gobalNaviWrapper .owner_gNav .PCOnly ul li a:hover span {
	color: #54CCFF;
}
#gobalNaviWrapper .owner_gNav .PCOnly ul li.current span,
#gobalNaviWrapper .owner_gNav .PCOnly ul li a:hover span {
	border-bottom: 5px solid #54CCFF;
}
#gobalNaviWrapper .owner_gNav .PCOnly ul li span {
	color: #ffffff;
}
#gobalNaviWrapper .box_logo {
	margin-top: 3px;
}
#gobalNaviWrapper .owner_gNav .PCOnly {
	padding-bottom: 0;
}
#containerInner.owner_top {
	/* background: url(/owner/images/top_banner_pc.png) no-repeat top center;
	background-size: contain; */
}
.top_twoColumn{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 48px;
    padding-top: 50px;
}
h2.normalHeading {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
h2.normalHeading + p {
    padding: 20px 0 32px;
    text-align: center;
    color: #28323c;
}
h2.bandHeading {
    padding: 16px 10px 16px 60px;
    background-color: #28323c;
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
}
ul.custom-mark {
  list-style: none;
  padding-left: 0;
}
ul.custom-mark li {
  position: relative;
  padding-left: 1em;
  text-align: justify;
  text-align-last: left;
}
ul.custom-mark li::before {
  content: "※";
  position: absolute;
  left: 0;
  color: #333;
}

/*---------- メインビジュアル ----------*/
.mainVisual{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	height: 370px;
	margin: 0 auto;
}
.mainVisual .mainVisualText{
	padding-top: 68px;
	/* padding-right: 81px; */
}
.btnMovie ul {
	display: flex;
	justify-content: space-between;
	width: 1200px;
	margin: 0 auto;
}
.btnMovie ul a {
	/* width: 600px; */
	text-align: center;
	/* padding: 20px 0; */
	background-color: #28323c;
	color: #fff;
	text-decoration: none;
}
.btnMovie ul a:first-child {
	border-right: 1px solid #fff;
}
.btnMovie ul a li {
	position: relative;
	font-size: 16px;
}
/* .btnMovie ul a li::after {
	position: absolute;
	display: inline-block;
	content: "";
	width: 14px;
	height: 14px;
	border-bottom: 1px solid;
	border-left: 1px solid;
	transform: rotate(-45deg);
	right: 24px;
} */
.mainVisual .mainVisualBox{
	padding-top: 222px;
}
.mainVisual .mainVisualBox ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 533px;
}
.mainVisual .mainVisualBox li{
	width: 164px;
	height: 124px;
	padding-top: 12px;
	background-color: rgba(255, 255, 255, 0.75);
	color: #28323c;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.mainVisual .mainVisualBox li p + p{
	padding-top: 2px;
}
.mainVisual .mainVisualBox li span{
	color: #b41d22;
	font-size: 32px;
}
.mainVisual .mainVisualBox li .smallSentence{
	font-size: 13px;
}
.mainVisual .mainVisualBox li .asterisk{
	position: relative;
}
.mainVisual .mainVisualBox li .asterisk::after{
	position: absolute;
	display: inline-block;
	content: "※";
	font-size: 11px;
	bottom: 2px;
	right: 32px;
}
.btnMovie ul a:hover {
	opacity: 0.8;
}

/*---------- Information seciton ----------*/

.information .PCOnly {
	padding: 60px 0 60px 200px;
}
.information .PCOnly .title {
	margin-bottom: 45px;
}
.information .PCOnly .title img {
	width: 600px;
}
.information .PCOnly .content {
	display: -webkit-flex;
	display: flex;
	gap: 100px;
}
.information .PCOnly .content .badge-section {
	flex: 1;
}
.information .PCOnly .content .image-section {
	flex: 1.5;
}

/*---------- CM block ----------*/
.cm-block .PCOnly {
	background: url(/owner/images/top_cm_bg_pc.png) no-repeat top center;
	background-size: cover;
	height: 690px;
}
.cm-block .PCOnly ul {
	display: flex;
    justify-content: space-evenly;
    padding-top: 170px;
}
.cm-block .PCOnly ul li {
	width: 434px;
    max-height: 234.45px;
	display: flex;
    align-items: center;
    flex-direction: column;
    gap: 30px;
}
.cm-block .PCOnly .playerCover {
    width: 100%;
    height: 100%;
    position: relative;
}
.cm-block .playerCover .guard:hover {
	cursor: pointer;
}
.cm-block .PCOnly .playerCover .guard {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.cm-block .playerCover .guard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*---------- キャンペーン ----------*/

.campaignArea {
	margin: 20px auto 0;
	width: 1200px;
	height: auto;
}
.campaignArea a:hover {
	opacity: 0.8;
}

/*---------- オーナーwebとは ----------*/
.whatIs{
	border-bottom: 1px solid #28323c;
}
.whatIs .open{
	margin-top: 50px;
	/*margin-top: 24px; */
	padding: 16px 0 20px;
	background-color: #28323c;
	color: #ffffff;
	text-align: center;
}
.whatIs .heading{
	padding-bottom: 8px;
	font-weight: bold;
}
.whatIs .flexBox{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
.whatIs .imgBox img{
	width: 145px;
	height: auto;
}
.whatIs .imgBox{
	margin-top: -30px;
	position: relative;
}
.whatIs .imgBox .hover{
	opacity: 0;
	position: absolute;
	width: 300px;
	background-color: rgba(0,0,0,0.7);
	color: #ffffff;
	font-size: 10px;
	text-align: left;
	padding: 10px;
	z-index: 10;
	top: 44px;
	left: -73px;
}
.whatIs .imgBox:hover .hover{
	opacity: 1.0;
	transition: 0.2s;
}
.whatIs .textBox{
	padding-left: 20px;
	text-align: left;
	line-height: 1.5;
}
.whatIs .open .link_btn{
	margin-top: -32px;
}
.whatIs .open .link_btn .owner_btn_round{
	border: 2px solid #ffffff;
	padding: 3px 36px 3px 24px;
	font-size: 14px;
	font-weight: normal;
}
.whatIs .open .link_btn .owner_btn_round::after{
	width: 8px;
    height: 8px;
    top: 7px;
    right: 13px;
}
/*-------------------------------
	*_エリアから賃貸管理会社を探す
-------------------------------*/
.todohukenSearch{
	position: relative;
	width: 812px;
	height: 716px;
	background-color: #f4f5f9;
	color: #28323c;
}
.todohukenSearch h2{
	background-image: url(/owner/images/owner_icon03.png);
	background-repeat: no-repeat;
	background-position: top 21px left 24px;
}
#hokkaido_tohoku,
#kanto,
#koushinetsu_hokuriku,
#toukai,
#kansai,
#chugoku_shikoku,
#kyushu_okinawa{
	display: none;
}
#zenkoku .areaBtnWrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 433px;
}
#zenkoku .areaBtnWrapper .heading{
	width: 433px;
}
#zenkoku li a{
	width: 210px;
	height: 53px;
	background-color: #28323c;
	border-radius: 5px;
}
#zenkoku li a::after{
	display: none;
}
#zenkoku li{
	padding-top: 8px;
}
#zenkoku li:nth-of-type(2n + 3){
	margin-left: 12px;
}
#zenkoku li p{
	margin-top: -5px;
	font-size: 15px;
}
.prefectures .owner_btn{
	width: 210px;
	height: 53px;
	background-color: #28323c;
}
.prefectures .owner_btn::after{
	display: none;
}

.keisaiTenpo{
	display: inline-block;
	position: absolute;
	bottom: 20px;
	right: 24px;
	font-size: 18px;
	font-weight: bold;
}
.keisaiTenpo p{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	height: 40px;
	border-bottom: 1px solid #28323c;
	font-size: 24px;
}
.keisaiTenpo p span{
	display: inline-block;
	padding: 0 8px 4px;
	color: #073e93;
	font-size: 38px;
	line-height: 0.9;
}
/*--------- マウスオーバーボタン ---------*/
#zenkoku{
	position: relative;
	height: 583px;
	margin: 40px 58px 0 27px;
	background-image: url(/owner/images/todohukenSearch.png);
	background-repeat: no-repeat;
	background-position: top 0 right 0;
}
#zenkoku.hokkaido_tohoku{
	background-position: top -583px right 0;
}
#zenkoku.kanto{
	background-position: top -1166px right 0;
}
#zenkoku.koushinetsu_hokuriku{
	background-position: top -1749px right 0;
}
#zenkoku.toukai{
	background-position: top -2332px right 0;
}
#zenkoku.kansai{
	background-position: bottom -1165px right 0;
}
#zenkoku.chugoku_shikoku{
	background-position: bottom -582px right 0;
}
#zenkoku.kyushu_okinawa{
	background-position: bottom 1px right 0;
}

/*--------- マウスオーバー背景地図 ---------*/

#zenkoku .mapHoverLink a{
	position: absolute;
	/*background-color: rgba(0,0,0,0.3);*/
	background-color: transparent;
	z-index: 50;
	border-radius: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#zenkoku .mapHoverLink a.hokkaido_tohoku.parts01{
	top: 0;
	right: 0;
	width: 136px;
    height: 89px;
}
#zenkoku .mapHoverLink a.hokkaido_tohoku.parts02{
	top: 89px;
    right: 34px;
    width: 100px;
    height: 198px;
}
#zenkoku .mapHoverLink a.kanto{
	top: 287px;
    right: 34px;
    width: 100px;
    height: 197px;
}
#zenkoku .mapHoverLink a.koushinetsu_hokuriku.parts01{
	top: 238px;
    right: 134px;
    width: 50px;
    height: 197px;
}
#zenkoku .mapHoverLink a.koushinetsu_hokuriku.parts02{
	top: 238px;
    right: 184px;
    width: 100px;
    height: 49px;
}
#zenkoku .mapHoverLink a.koushinetsu_hokuriku.parts03{
	top: 287px;
    right: 235px;
    width: 49px;
    height: 49px;
}
#zenkoku .mapHoverLink a.toukai.parts01{
	top: 435px;
    right: 134px;
    width: 50px;
    height: 49px;
}
#zenkoku .mapHoverLink a.toukai.parts02{
	top: 287px;
    right: 184px;
    width: 51px;
    height: 147px;
}
#zenkoku .mapHoverLink a.toukai.parts03{
	top: 385px;
    right: 235px;
    width: 50px;
    height: 49px;
}
#zenkoku .mapHoverLink a.kansai.parts01{
	bottom: 198px;
    right: 235px;
    width: 50px;
    height: 49px;
}
#zenkoku .mapHoverLink a.kansai.parts02{
	bottom: 100px;
    right: 285px;
    width: 101px;
    height: 147px;
}
#zenkoku .mapHoverLink a.chugoku_shikoku.parts01{
	bottom: 50px;
    left: 240px;
    width: 101px;
    height: 197px;
}
#zenkoku .mapHoverLink a.chugoku_shikoku.parts02{
	bottom: 149px;
    left: 190px;
    width: 50px;
    height: 98px;
}
#zenkoku .mapHoverLink a.kyushu_okinawa.parts01{
	bottom: 50px;
    left: 40px;
    width: 150px;
    height: 147px;
}
#zenkoku .mapHoverLink a.kyushu_okinawa.parts02{
	bottom: 0;
    left: 40px;
    width: 50px;
    height: 50px;
}
.hokkaido_tohoku.hover,
.kanto.hover,
.koushinetsu_hokuriku.hover,
.toukai.hover,
.kansai.hover,
.chugoku_shikoku.hover,
.kyushu_okinawa.hover{
	opacity: 0.8;
}


/*---------- 地方クリック後 ----------*/
.prefectures{
	height: 606px;
	margin: 38px 0 0 27px;
}
.prefectures p{
	display: inline;
}
.prefectures ul{
	width: 433px;
}
.prefectures li{
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px;
}
.prefectures li:not([class]) a{
	border-bottom: 2px solid #f4f5f9;
}
.prefectures li span{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 210px;
	height: 53px;
	background-color: #e4e7f0;
	border-radius: 5px;
	color: #888e9a;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 2px solid #f4f5f9;
}
.prefectures li:nth-of-type(2n + 3){
	margin-left: 8px;
}
.prefectures li.heading{
	position: relative;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 432px;
	height: 51px;
	background-color: #28323c;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
.prefectures li.heading a{
	position: absolute;
	margin-top: 0
}
a.owner_btn_return{
	width: 84px;
	height: 34px;
	background-color: #888e9a;
	left: 10px;
	top: 7px;
	font-size: 14px;
}
a.owner_btn_return::after{
	top: 12px;
    left: 10px;
}
a.owner_btn_return:hover,
a.owner_btn_return:active{
	opacity: 0.8;
}
#hokkaido_tohoku{
	background: url(/owner/images/todohukenSearch_hokkaido_tohoku.png) no-repeat;
	background-position: top 0 right 58px;
}
#hokkaido_tohoku li.heading{
	border-bottom: 4px solid #003b95;
}
#kanto{
	background: url(/owner/images/todohukenSearch_kanto.png) no-repeat;
	background-position: top 0 right 58px;
}
#kanto li.heading{
	border-bottom: 4px solid #176eb5;
}
#koushinetsu_hokuriku{
	background: url(/owner/images/todohukenSearch_koushinetsu_hokuriku.png) no-repeat;
	background-position: top 0 right 58px;
}
#koushinetsu_hokuriku li.heading{
	border-bottom: 4px solid #257dad;
}
#toukai{
	background: url(/owner/images/todohukenSearch_toukai.png) no-repeat;
	background-position: top 0 right 58px;
}
#toukai li.heading{
	border-bottom: 4px solid #2997bc;
}
#kansai{
	background: url(/owner/images/todohukenSearch_kansai.png) no-repeat;
	background-position: top 0 right 58px;
}
#kansai li.heading{
	border-bottom: 4px solid #54a8cd;
}
#chugoku_shikoku{
	background: url(/owner/images/todohukenSearch_chugoku_shikoku.png) no-repeat;
	background-position: top 48px right 58px;
}
#chugoku_shikoku li.heading{
	border-bottom: 4px solid #41bacb;
}
#kyushu_okinawa{
	background: url(/owner/images/todohukenSearch_kyushu_okinawa.png) no-repeat;
	background-position: top 35px right 58px;
}
#kyushu_okinawa li.heading{
	border-bottom: 4px solid #46bfac;
}

/*-------------------------------
	満室経営事例を見る
-------------------------------*/
.jireiCategory{
	width: 371px;
	height: 716px;
	background-color: #f4f5f9;
}
.jireiCategory h2{
	background-image: url(/owner/images/owner_icon04_w.png);
	background-repeat: no-repeat;
	background-position: top 19px left 18px;
	background-size: 30px 30px;
}
.jireiCategory ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	padding: 40px 24px 0;
}
.jireiCategory ul li .owner_btn{
	width: 100%;
	height: 89px;
	background: #28323c url(/owner/images/owner_btn_icon03.png) no-repeat left 24px center;
	margin-bottom: 36px;
}
.jireiCategory ul li .owner_btn_round{
	width: 319px;
	height: 60px;
	font-size: 16px;
}
.jireiCategory ul li .owner_btn::after{
	top: 37px;
}
.jireiCategory ul li .owner_btn_round::after{
	top: 24px;
}
.jireiCategory ul li .owner_btn_round:hover,
.jireiCategory ul li .owner_btn_round:active{
	opacity: 0.8;
}

/*-------------------------------
	*_トップ新着事例
-------------------------------*/
.jireiNewArrival{
	margin-top: 0;
	padding: 80px 0 20px 0;
	background-color: #f4f5f9;
	color: #28323c;
	overflow: hidden;
}
.jireiNewArrival h2 span {
    background-image: url(/owner/images/owner_icon04.png);
    background-repeat: no-repeat;
    background-position: top 10px left 0;
    background-size: 30px 30px;
    padding: 10px 0;
    padding-left: 38px;
    margin-left: -38px;
}
.jireiNewArrival ul{
	display: -webkit-flex;
	display: flex;
}
.jireiNewArrival ul li{
	margin-right: 40px;
}
.jireiNewArrival ul li a{
	display: inline-block;
	width: 270px;
	height: 330px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
}
.jireiNewArrival ul li a:hover,
.jireiNewArrival ul li a:active{
	opacity: 0.9;
}
.jireiNewArrival ul li a:hover .articleTitle,
.jireiNewArrival ul li a:active .articleTitle{
	text-decoration: underline;
}
.jireiNewArrival ul li .thumbnailBox{
	position: relative;
	background-color: #000000;
}
.jireiNewArrival ul li .thumbnailBox img{
	opacity: 0.5;
}
.jireiNewArrival ul li a:hover .thumbnailBox img,
.jireiNewArrival ul li a:active .thumbnailBox img{
	opacity: 0.5!important;
}
.jireiNewArrival ul li .thumbnailBox .jireiHeading{
	position: absolute;
	bottom: 0;
	padding: 6px 12px;
}
.jireiNewArrival ul li .thumbnailBox .jireiHeading .jirei_tag span{
	padding: 2px 14px;
	background-color: #92d051;
	font-size: 13px;
	font-weight: normal;
}
.jireiNewArrival ul li .thumbnailBox .jireiHeading .articleTitle{
	margin-top: 5px;
	line-height: 1.4;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.jireiNewArrival ul li .textBox{
	position: relative;
	width: 270px;
	height: 135px;
	padding: 13px 16px 12px;
	background-color: #ffffff;
	color: #28323c;
	font-size: 14px;
	font-weight: normal;
}
.jireiNewArrival ul li .textBox::after{
	position: absolute;
	display: inline-block;
	content: "";
	background-color: #ffffff;
	width: 100px;
	height: 32px;
	right: 0;
	bottom: 0;
}
.jireiNewArrival ul li .textBox p{
	height: 100%;
	overflow: hidden;
}
.jireiNewArrival ul li .textBox p::before{
	position: absolute;
	display: inline-block;
	content: "...";
	right: 87px;
    bottom: 14px;
	z-index: 5;
}
.jireiNewArrival ul li .textBox p::after{
	position: absolute;
	display: inline-block;
	content: "続きを読む";
	color: #073e93;
	right: 14px;
	bottom: 15px;
	z-index: 5;
}
.jireiNewArrival ul li a:hover .textBox p::after,
.jireiNewArrival ul li a:active .textBox p::after{
	color: #176eb5;
	text-decoration: underline;
}
.jireiNewArrival .ownerTop_slider + p{
	padding-top: 40px;
	text-align: center;
}
.jireiNewArrival .owner_btn_round,
.columnNews .owner_btn_round{
	position: relative;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 415px;
	height: 54px;
	background-color: #28323c;
	color: #ffffff;
	border-radius: 50px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
.jireiNewArrival .owner_btn_round::after,
.columnNews .owner_btn_round::after{
	top: 21px;
}
.jireiNewArrival .owner_btn_round:hover,
.jireiNewArrival .owner_btn_round:active,
.columnNews .owner_btn_round:hover,
.columnNews .owner_btn_round:active{
	opacity: 0.8;
}

/*---------- スライダー ----------*/
.jireiNewArrival .ownerTop_slider{
	margin-left: 21px;
}
.jireiNewArrival .ownerTop_slider .slick-arrow{
	position: absolute;
	background-color: #28323c;
	color: transparent;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	border: none;
	margin-top: 140px;
}
.jireiNewArrival .ownerTop_slider .slick-arrow:hover,
.jireiNewArrival .ownerTop_slider .slick-arrow:active{
	opacity: 0.9;
}
.jireiNewArrival .ownerTop_slider button.slick-arrow.slick-prev{
	left: -55px;
	z-index: 10;
}
.jireiNewArrival .ownerTop_slider button.slick-arrow.slick-next{
	left: 1170px;
	z-index: 10;
}
.jireiNewArrival .ownerTop_slider button.slick-arrow::before{
	display: inline-block;
	content: "";
	color: #ffffff;
	width: 10px;
    height: 10px;
	border-bottom: 2px solid;
}
.jireiNewArrival .ownerTop_slider button.slick-arrow.slick-prev::before{
    border-left: 2px solid;
    transform: rotate(45deg);
	margin: 13px 0 0 2px;
}
.jireiNewArrival .ownerTop_slider button.slick-arrow.slick-next::before{
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(-45deg);
	margin: 13px 9px 6px 4px;
}

/*-------------------------------
	*_コラム・ニュース
-------------------------------*/
.columnNews{
	padding: 36px 0 0;
}
.columnNews h2 span {
    background-image: url(/owner/images/owner_icon05.png);
    background-repeat: no-repeat;
    background-position: top 11px left 0;
    padding: 10px 0;
    padding-left: 44px;
    margin-left: -44px;
}
.columnNews p span{
	position: relative;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 415px;
    height: 54px;
    background-color: #28323c;
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}
.articlesList {
	display: flex;
	flex-wrap: wrap;
}
.articlesList li {
	display: block;
	width: 590px;
	border: 1px solid #e4e7f0;
}
.articlesList li a {
	text-decoration: none;
}
.articlesList li:nth-of-type(odd) {
	margin-right: 20px;
}
.articlesList li:nth-of-type(n+3){
	margin-top: 20px;
}
.articlesList .articleWrapper {
	display: flex;
	width: 590px;
	padding: 15px 30px 21px 15px;
}
.articlesList .articleWrapper .imgBox {
	position: relative;
	width: 120px;
	height: 120px;
	border: 1px solid #e4e7f0
}
.articlesList .articleWrapper .imgBox figure img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 0%;
	background-color: #f4f5f9;
}
.articlesList .articleWrapper .textBox {
	text-decoration: none;
	margin-left: 20px;
}
.articlesList .articleWrapper .textBox .icon .cn_tag {
	-webkir-align-items: center;
	align-items: center;
	display: -webkir-inline-block-;
	display: inline-block;
	margin-top: 3px;
}
.articlesList .articleWrapper .textBox .icon .cn_tag span{
	display: inline;
	-webkir-justify-content: center;
	justify-content: center;
	-webkir-align-items: center;
	align-items: center;
	height: 22px;
	padding: 3px 22px;
	background-color: #92d051;
	border-radius: 0;
	text-decoration: none;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	
}
.articlesList .articleWrapper .textBox .articleTitle {
	width: 394px;
	margin-top: 15px;
	font-size: 16px;
	color: #28323c;
	font-weight: bold;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.articlesList .articleWrapper .textBox .explain {
	width: 394px;
	max-height: 56px;
	margin-top: 5px;
	font-size: 14px;
	color: #28323c;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.articlesList + p {
	margin: 40px 0 90px;
	text-align: center;
}
.articlesList li:hover,
.articlesList li:active {
	background-color: #f7fafc;
	border-left-color: #e6e8ec;
	border-right-color: #e6e8ec;
}

/*-------------------------------
	*_お知らせ
-------------------------------*/
.topNotice{
	display: -webkit-flex;
	display: flex;
	margin: 0 auto 64px;
	color: #28323c;
}
.topNotice .titleBox{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	width: 275px;
	font-size: 22px;
	font-weight: bold;
}
.topNotice .textBox{
	width: 100%;
}
.topNotice .textBox ul li{
	display: -webkit-flex;
	display: flex;
	padding: 20px 0;
}
.topNotice .textBox ul li .date{
	width: 150px;
	font-weight: bold;
}
.topNotice .textBox ul li .informationContent{
	width: 786px;
}
.topNotice .textBox ul li + li{
	border-top: 1px solid #e8ebf2;
}
.topNotice a{
	color: #28323c;
}
.topNotice a:hover,
.topNotice a:active{
	color: #176eb5;
}
/*---------- 動画エリア ----------*/
.movieArea {
	background-color: #f4f5f9;
	text-align: center;
	margin-top: 28px;
	padding: 30px 0 50px;
}
.movieArea p {
	margin-top: 50px;
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
}
.movieArea p:first-child {
	margin-top: 0;
}

/*---------- バナーエリア ----------*/
#containerInner.owner_top .bannerArea {
	margin: 0 auto;
	padding: 64px 40px;
	background-color: #f4f5f9;
}
#containerInner.owner_top .bannerArea ul{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
} 
#containerInner.owner_top .bannerArea ul li {
	width: 25%;
	text-align: center;
}
#containerInner.owner_top .bannerArea ul li + li:nth-child(n + 5) {
	margin-top: 30px;
}
#containerInner.owner_top .bannerArea ul a:hover,
#containerInner.owner_top .bannerArea ul a:active{
	opacity: 0.8;
}
#containerInner.owner_top .bannerArea ul li.leftbnr {
	margin-right: auto;
}

.box_foot_owner_top {
	padding-top: 0;
	padding-bottom: 100px;
}

@media screen and (max-width:767px),print{
	/*-------------------------------

	*_トップ

	-------------------------------*/
	#containerInner.owner_top{
		/* background-image: url(/owner/images/top_banner_sp.png);
		background-size: 100%; */
	}
	.top_twoColumn{
		display: block;
		margin-bottom: 0;
		padding-top: 10px;
	}
	.todohukenSearch{
		width: 100%;
	}
	.owner_top h2.normalHeading{
		text-align: left;
	}
	.owner_top h2{
		position: relative;
		font-size: 16px;
		margin-left: 27px;
		padding: 7px 10px 7px 28px;
		color: #28323c;
		background-color: #eef3f7;
		background-image: none;
	}
	.owner_top h2::before{
		position: absolute;
		display: inline-block;
		content: "";
		background-color: #28323c;
		width: 34px;
		height: 34px;
		border-radius: 50px;
		left: -17px;
		top: 0;
	}
	h2.normalHeading + p{
		padding: 10px;
		text-align: left;
		font-size: 12.2px;
	}
	
	/*---------- メインビジュアル ----------*/
	.mainVisual{
		display: block;
		height: 101vw;
	}
	.mainVisual .mainVisualText{
		padding: 5% 0 0;
	}
	.mainVisual .mainVisualText img{
		width: 67vw;
	}
	.mainVisual .mainVisualBox{
		padding: 2% 3%;
	}
	.mainVisual .mainVisualBox ul{
		width: 100%;
	}
	.mainVisual .mainVisualBox li{
		width: 32%;
		height: auto;
		font-size: 3vw;
		padding: 2% 0 1%;
	}
	.mainVisual .mainVisualBox li span{
		font-size: 4vw;
	}
	.mainVisual .mainVisualBox li .smallSentence{
		font-size: 2vw;
	}
	.mainVisual .mainVisualBox li .asterisk{
		font-size: 2vw;
	}
	.mainVisual .mainVisualBox li .asterisk::after{
		font-size: 2vw;
    	bottom: 6%;
    	right: 25%;
	}
	.mainVisual .mainVisualBox li p + p{
		padding: 0;
	}

	/*---------- オーナーwebとは ----------*/
	.whatIs{
		position: fixed;
		top: 0;
		right: 0;
		border: none;
		z-index: 30;
		overflow: hidden;
		width: 0;
		height: 0;
	}
	.whatIs.modal{
		display: none;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.20);
		animation: none;
		transform: none;
		transition: unset;
	}
	.whatIs.modal .whatIsInner{
		position: fixed;
		justify-content: center;
		align-items: center;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 10000;
	}
	.openBox{
		/*position: absolute;*/
		/*background-color: rgba(40,50,60,0.90);*/
		/*width: 70px;*/
		/*height: 70px;*/
		color: #28323c;
		text-align: center;
		font-size: 13px;
		margin-top: 10px;
	}
	.openBox::before,
	.openBox::after{
		position: absolute;
		display: inline-block;
		content: "";
		background-color: #ffffff;
	}
	.openBox::after{
		width: 14px;
		height: 2px;
		bottom: 18px;
		left: 10px;
		transform: rotate( -45deg );
	}
	.openBox.aaa{
		right: 248px;
	}
	.openBox.aaa::after{
		left: 45px;
    	transform: rotate( 45deg );
	}
	.whatIs .open{
		width: 330px;
		height: 200px;
		margin-top: 0;
	}
	.whatIs .open figure{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items:  flex-start;
		align-items:  flex-start;
	}
	.whatIs .open img{
		width: 310px;
	}
	.whatIs .open .link_btn .owner_btn_round{
		padding: 3px 0;
		font-size: 11px;
		width: 100%;
	}
	.whatIs .open .link_btn .owner_btn_round::after{
		top: 5px;
	}
	.whatIs .textBox{
		padding: 0 15px;
		font-size: 11px;
	}
	.whatIs .open .link_btn{
		margin: 10px 10px 0;
	}
	.whatIs .heading{
		font-size: 14px;
	}
	.whatIs .imgBox {
		margin-top: -7px;
	}
	.whatIs .imgBox .hover{
		left: 8px;
	}
	box_contents_owner span {
		margin-left: 10px; 
	}
	.bgClr {
		padding: 3px 6px;
		background-color: #28323c;
		border-radius: 34px;
		color: #fff;
		font-size: 10px;
		vertical-align: 2px;
	}
	.linkTx {
		margin-left: 3px;
	}
	.PCOnly {
		display: none
	}
	.mainVisual .btnMovie ul {
		margin-top: 96vw;
	}
	
	/*-------------------------------
		キャンペーン
	-------------------------------*/
	.campaignArea {
		width: 100%;
		height: auto;
		margin: 50px auto 0 !important;
	}
	
	/*-------------------------------
		アニメーション
	-------------------------------*/
	/* .openSlideOut{
		animation-name: openSlideOut;
		animation-duration: 0.4s;
		animation-timing-function: cubic-bezier(0, 0, 0.1, 1.0);
	}
	.openBox.aaa{
		animation-name: openSlideIn;
		animation-duration: 0.4s;
		animation-timing-function: cubic-bezier(0, 0, 0.1, 1.0);
	}
	@keyframes openSlideOut {
		0% {
			right: 248px;
		}
		100% {
			right: 0;
		}
	}
	@keyframes openSlideIn {
		0% {
			right: 0;
		}
		100% {
			right: 248px;
		}
	}
	.whatSlideOut{
		animation-name: whatSlideOut;
		animation-duration: 0.4s;
		animation-timing-function: cubic-bezier(0, 0, 0.1, 1.0);
	}
	.whatIs.aaa{
		animation-name: whatSlideIn;
		animation-duration: 0.4s;
		animation-timing-function: cubic-bezier(0, 0, 0.1, 1.0);
	}
	@keyframes whatSlideOut {
		0% {
			width: 248px;
		}
		100% {
			width: 0;
		}
	}
	@keyframes whatSlideIn {
		0% {
			width: 0;
		}
		100% {
			width: 248px;
		}
	} */

	/*-------------------------------
		*_エリアから賃貸管理会社を探す
	-------------------------------*/
	#zenkoku .areaBtnWrapper{
		width: 100%;
		padding-bottom: 4px;
	}
	.todohukenSearch{
		height: auto;
		padding-bottom: 54px;
		background-color: #ffffff;
	}
	.todohukenSearch h2::after{
		position: absolute;
		display: inline-block;
		content: "";
		background-image: url(/owner/images/owner_icon03.png);
		background-size: contain;
		background-repeat: no-repeat;
		left: -9px;
		top: 7px;
		width: 18px;
		height: 18px;
	}
	.todohukenSearch a{
		opacity: 0.95;
		font-size: 16px;
	}
	#zenkoku{
		height: auto;
		margin: 0;
		background-position: top 8px center;
    	background-size: 284px;
	}
	#zenkoku li{
		width: calc((100% - 5px) / 2);
	}
	#zenkoku li:nth-of-type(2n + 3){
		margin: 0;
	}
	#zenkoku li:nth-of-type(2n + 1){
		margin-left: 5px;
	}
	#zenkoku li a{
		width: 100%;
		border-bottom: 2px solid #ffffff;
	}
	.todohukenSearch .keisaiTenpo{
		bottom: 29px;
	}
	.todohukenSearch .keisaiTenpo p{
		font-size: 14px;
	}
	.todohukenSearch .keisaiTenpo p span{
		padding-bottom: 2px;
		font-size: 18px;
	}
	.prefectures{
		margin: 0;
		height: auto;
	}
	.prefectures ul{
		width: 100%;
		height: 240px;
	}
	.prefectures li{
		width: calc((100% - 10px) / 3);
	}
	.prefectures li.heading{
		width: 100%;
		margin-top: 8px;
		opacity: 0.95;
	}
	.prefectures .owner_btn{
		width: 100%;
	}
	.prefectures li:nth-of-type(2n + 3){
		margin-left: 0;
	}
	.prefectures li:not([class]) a,
	.prefectures li span{
		border-color: #ffffff;
	}
	
	#hokkaido_tohoku{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: top -242px center;
		background-size: 284px;
	}
	#kanto{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: top -482px center;
		background-size: 284px;
	}
	#koushinetsu_hokuriku{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: top -724px center;
		background-size: 284px;
	}
	#toukai{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: bottom -724px center;
		background-size: 284px;
	}
	#kansai{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: bottom -482px center;
		background-size: 284px;
	}
	#chugoku_shikoku{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: bottom -242px center;
		background-size: 284px;
	}
	#kyushu_okinawa{
		background: url(/owner/images/todohukenSearch.png) no-repeat;
		background-position: bottom 0 center;
		background-size: 284px;
	}
	
	#todohukenSearch + .ownerConversion{
		display: none;
	}

	/*-------------------------------
		満室経営事例を見る
	-------------------------------*/
	.jireiCategory{
		width: 100%;
		height: auto;
		background-color: #ffffff;
	}
	.jireiCategory ul li .owner_btn_round{
		width: 100%;
	}
	.jireiCategory h2::after{
		position: absolute;
		display: inline-block;
		content: "";
		background-image: url(/owner/images/owner_icon04_w.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		left: -10px;
		top: 7px;
	}
	.jireiCategory ul{
		-webkit-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		padding: 10px;
	}
	.jireiCategory ul li{
		width: calc((100% - 5px) / 2);
		margin-bottom: 5px;
	}
	.jireiCategory ul li:nth-last-of-type(1){
		width: 192px;
	}
	.jireiCategory ul li .owner_btn{
		margin-bottom: 0;
		height: 70px;
		font-size: 14px;
		background-position: left 12px center;
		background-size: 20px;
	}
	.jireiCategory ul li .owner_btn::after{
		width: 10px;
		height: 10px;
		right: 12px;
		top: 29px;
	}
	.jireiCategory ul li:nth-of-type(2n){
		margin-left: 5px;
	}
	.jireiCategory ul li .owner_btn_round{
		height: 32px;
		margin-top: 3px;
		padding-right: 7px;
		font-size: 14px;
		font-weight: normal;
		margin-top: 10px;
	}
	.jireiCategory ul li .owner_btn_round::after{
		width: 8px;
    	height: 8px;
		right: 14px;
		top: 11px;
	}

	/*-------------------------------
		*_トップ新着事例
	-------------------------------*/
	.jireiNewArrival{
		padding: 50px 0 20px 0;
		background-color: #ffffff;
	}
	.jireiNewArrival h2::after{
		position: absolute;
		display: inline-block;
		content: "";
		background-image: url(/owner/images/owner_icon04_w.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		left: -10px;
		top: 7px;
	}
	.jireiNewArrival h2 span{
		padding: 0 0 0 38px;
		background-image: none;
	}
	
	/*---------- スライダー ----------*/
	.jireiNewArrival .ownerTop_slider{
		margin-left: 0;
		overflow-x: auto;  /* 横スクロールの指定 */
		overflow-scrolling: touch;  /* スクロールを滑らかにする */
		-webkit-overflow-scrolling: touch;
	}
	.jireiNewArrival ul li{
		margin-right: 16px;
	}
	.jireiNewArrival ul li a{
		width: 189px;
		height: 263px;
		padding: 10px 13px;
		background-color: #eef3f7;
	}
	.jireiNewArrival ul li .textBox{
		width: auto;
		height: 126px;
		margin: 0;
		padding: 7px 10px;
	}
	.jireiNewArrival ul li .textBox::after{
		width: 87px;
    	height: 14px;
		bottom: 8px;
	}
	.jireiNewArrival ul li .textBox p{
		font-size: 13px;
		line-height: 1.25;
	}
	.jireiNewArrival ul li .textBox p::after{
		right: 8px;
		bottom: 7px;
	}
	.jireiNewArrival ul li .textBox p::before{
		right: 75px;
    	bottom: 7px;
	}
	.jireiNewArrival ul li .thumbnailBox .jireiHeading{
		padding: 3px 5px;
	}
	.jireiNewArrival ul li .thumbnailBox .jireiHeading .articleTitle span.SPOnly{
		display: inline;
	}
	.jireiNewArrival ul li:nth-last-of-type(1){
		padding-right: 10px;
	}
	.jireiNewArrival .owner_btn_round{
		width: 192px;
		height: 32px;
		margin-top: 10px;
		padding-right: 7px;
		font-size: 14px;
		font-weight: normal;
	}
	.jireiNewArrival .owner_btn_round::after,
	.columnNews .owner_btn_round::after{
		width: 8px;
		height: 8px;
		right: 14px;
		top: 11px;
	}
	.jireiNewArrival .ownerTop_slider + p{
		padding: 8px 0;
		text-align: right;
	}
	.jireiNewArrival .slick-slider{
		touch-action: auto;
	}

	/*-------------------------------
		*_コラム・ニュース
	-------------------------------*/
	.columnNews{
		padding-top: 24px;
	}
	.articlesList {
		display: flex;
		flex-direction: column;
		margin-bottom: 0;
	}
	.articlesList li {
		width: 100%;
		border: 1px solid #e4e7f0;
		/* border-right: 0; */
		border-bottom: 0;
		/* bordder-left: 0; */
	}
	.articlesList li {
		padding: 15px 30px 15px 15px;
		background :url(/owner/images/index_ic01.png) no-repeat right 10px center;
	}
	.articlesList li:last-of-type {
	border-bottom: 1px solid #e4e7f0;
	}
	.articlesList li:nth-of-type(odd) {
		margin-right: 0;
	}
	.articlesList li:nth-of-type(n+3) {
		margin-top: 0;
	}
	.articlesList .articleWrapper {
		width: 100%;
		height: 110px;
		padding: 0;
	}
	.columnNews .articlesList li .articleTitle {
		width: 100%;
	}
	.articlesList .articleWrapper .textBox .articleTitle {
		width: 200px;
		font-size: 14px;
	}
	.articlesList .articleWrapper .textBox .icon .cn_tag,
	.articlesList .articleWrapper .textBox .articleTitle {
		margin-top: 10px;
		padding: 0;
		width: auto;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		}
	.columnNews h2::after{
		position: absolute;
		display: inline-block;
		content: "";
		background-image: url(/owner/images/owner_icon05_w.png);
		background-size: contain;
		background-repeat: no-repeat;
		width: 20px;
		height: 20px;
		left: -10px;
		top: 9px;
	}
	.columnNews h2 span{
		background-image: none;
	}
	.columnNews h2.normalHeading + p + p{
		padding: 0 10px;
		text-align: right;
	}
	.columnNews p span{
		width: 100%;
	}
	.columnNews p span{
		width: 164px;
		height: 32px;
		padding-right: 7px;
		font-size: 14px;
		font-weight: normal;
	}
	.columnNews p span::after{
		width: 8px;
		height: 8px;
		right: 14px;
		top: 12px;
	}
	.columnNews p {
		margin: 0;
		padding: 8px 0;
		text-align: right;
	}
	.columnNews p .owner_btn_round {
		width: 192px;
		height: 32px;
		margin: 10px 0 30px;
		padding-right: 7px;
		font-size: 14px;
		font-weight: normal;
	}
	.articlesList .articleWrapper .imgBox {
		height: auto;
	}
	.articlesList .articleWrapper .textBox {
		width: 70%;
	}
	.articlesList .articleWrapper .textBox .icon .cn_tag {
		margin-top: 0;
	}
	.articlesList .articleWrapper .textBox .icon .cn_tag span {
		display: block;
	}
	.articlesList .articleWrapper .textBox .icon .cn_tag .apm-owners{
		width: 199px;
	}
	.articlesList .articleWrapper .textBox .explain {
		width: 100%;
		margin-top: 3px;
		padding: 0;
	}
	
	/*-------------------------------
		*_お知らせ
	-------------------------------*/
	.topNotice{
		display: block;
		padding: 20px 10px 10px;
		font-size: 12px;
	}
	.topNotice .titleBox{
		width: 100%;
		font-size: 14px;
	}
	.topNotice .textBox ul li{
		padding: 10px 0;
	}
	.topNotice .textBox ul li .date{
		width: 170px;
	}
	.topNotice .textBox ul li .informationContent{
		width: 100%;
	}
	
	/*---------- バナーエリア ----------*/

	#containerInner.owner_top .bannerArea{
		background-color: #ffffff;
		margin: 0;
		padding: 0;
	}
	#containerInner.owner_top .bannerArea ul{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 25px 10px 0;
	}
	#containerInner.owner_top .bannerArea ul li{
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		width: calc((100% - 3px) / 2);
		margin-top: 3px;
	}
	#containerInner.owner_top .bannerArea ul li:nth-of-type(2n){
		margin-left: 3px;
	}
	#containerInner.owner_top .bannerArea ul li + li:nth-child(n + 5) {
		margin-top: 3px;
	}
	#container {
		padding-bottom: 50px;
	}
	
	/*---------- 動画エリア ----------*/
	#Movie01,
	#Movie02 {
	  width: 100%;
	  aspect-ratio: 16 / 9;
	}
	#Movie01 iframe,
	#Movie02 iframe {
	  width: 100%;
	  height: 100%;
	}
	.btnMovie ul {
		width: 100%;
	}
	.movieArea {
		padding: 20px 0 30px;
		margin-bottom: 30px;
	}
	.movieArea p {
		margin-top: 20px;
		font-size: 16px;
	}
	.sm-pd-x-20 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.information .SPOnly {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.box_foot_owner {
		padding-top: 0;
		padding-bottom: 60px;
	}
	.ownerConversion ul {
		margin-top: 15px;
	}
	.ownerConversion ul li {
        width: 86%;
    }
	.cm-block .SPOnly {
		background: url(/owner/images/top_cm_bg_sp.png) no-repeat bottom center;
		background-size: cover;
		min-height: 1000px;
	}
	.cm-block .SPOnly ul {
		display: flex;
		align-items: center;
		flex-direction: column;
		position: relative;
		gap: 40px;
		top: 110px;
	}
	.cm-block .SPOnly ul li {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 40px;
		align-items: center;
	}
	.cm-block .SPOnly .playerCover {
		width: 100%;
		position: relative;
		max-width: 390px;
        max-height: 200px;
        position: relative;
        top: 18px;
	}
	.cm-block .SPOnly .playerCover .guard {
		background-color: transparent;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		/* height: 100%; */
		z-index: 10;
	}
	.cm-block .SPOnly ul .li-player02 {
    }
	iframe#player03, iframe#player04 {
        max-width: 390px;
        max-height: 200px;
    }
	#gobalNaviWrapper .box {
		height: 50px;
	}
	.w1600 {
		width: 100% !important;
		min-width: 100% !important;
	}

}
@media screen and (max-width:375px),print{
	.cm-block .SPOnly {
		min-height: 900px;
	}
}
@media screen and (min-width:376px) and (max-width:410px),print{
	.cm-block .SPOnly {
		min-height: 950px;
	}
}
@media screen and (max-width:320px),print{
	.jireiCategory ul li .owner_btn{
		font-size: 13px;
		background-position: left 8px center;
		background-size: 18px;
	}
	.articlesList li a {
	padding: 10px 30px 10px 10px;
	}
	.articlesList .articleWrapper .textBox .articleTitle {
		width: 170px;
	}
	.articlesList .articleWrapper .textBox .icon .cn_tag span {
		display: block;
		height: 20px;
		width: 150px;
		padding: 2px 15px;
	}
	.cm-block .SPOnly {
		min-height: 800px;
	}
	.cm-block .SPOnly ul {
		top: 90px;
	}
}