@charset "utf-8";

/* manual
========================================== */
.pcOnly {
	display: none;
}

.spOnly {
	display: block;
}

.tabOnly {
	display: none;
}

.pctabOnly {
	display: none;
}

.tabspOnly {
	display: block;
}

.pcspOnly {
	display: block;
}

body {}

img {
	width: 100%;
}

.chu {
	width: 95%;
	margin: 0 auto;
}


/* header
========================================== */

/* header
========================================== */

.hdw {
	display: none;
}


/* メニュー
========================================== */

.gnw {
	display: none;
}

.gnavsp {
	display: block;
	color: #333333;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10000;
	text-align: center;
	border-bottom: solid 3px #3d6eb5;
}

.gnavsp .logo {
	width: 73%;
	float: left;
	padding: 2% 0 2% 3%;
}

.gnavsp .logo .img {
	width: 26%;
	float: left;
	margin-right: 5%;
	padding-top: 10px;
}

.gnavsp .menu {
	float: right;
	width: 12%;
	background-color: #3d6eb5;
}

.gnavsp .menu i {
	line-height: 60px;
	font-size: 28px;
	color: #ffffff;
}

.gnavsp h1 {
	font-size: 12px;
	float: left;
	padding-top: 12px;
}

.gnavsp ul {
	background-color: #000000;
}


.gnavsp ul li {
	float: left;
	width: 19.5%;
	text-align: center;
	font-size: 12px;
	padding: 5% 0;
}

.gnavsp ul li a {
	text-decoration: none;
	color: #ffffff;

}

.gnw_sp {
	background: rgba(255, 255, 255, 1);
	position: fixed;
	top: 60px;
	display: none;
	width: 100%;
	z-index: 9999;
}

.gnw_sp ul {
	padding-bottom: 10px;
}

.gnw_sp ul li {
	width: 50%;
	float: left;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 3%;
	text-align: center;
	box-sizing: border-box;
}

.gnw_sp ul li:nth-child(2n) {
	border-right: none;
}


.gnw_sp ul li a {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}

.gnw_sp ul li.no {
	opacity: 0.4;
}

.gnw_sp .srch {
	width: 69%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 24px;
}

.gnw_sp .srch input {
	border-radius: 11px;
	box-shadow: none;
	background-color: #e6e6e6;
	font-size: 12px;
	padding: 2%;
	border-radius: 6px;
	float: left;
}

.gnw_sp .srch i {
	font-size: 30px;
	color: #5891c6;
	font-weight: bold;
}


/* インフォメーション
========================================== */
.topinfo {
	background-color: #000;
	color: #ffffff;
	margin-bottom: 40px;
}

.topinfo .content {
	float: left;
	padding-bottom: 0;
	width: 80%;
	padding-left: 2%;
}

.topinfo .infow {
	max-width: 1200px;
	margin: 0 auto;
}

.topinfo .ttl {
	font-weight: bold;
	font-size: 16px;
	float: left;
	margin-right: 2%;
	padding: 12px 0;
}

.topinfo .naiyou {
	padding-top: 15px;
	overflow: hidden;
	font-size: 12px;
}

.topinfo .menu {
	float: right;
	background-color: #424242;
	/* cursor: pointer; */
}

.topinfo .menu i {
	font-size: 29px;
}

.topinfo .infocontents {
	display: none;
	padding: 0 3%;
}

.topinfo .infocontents ul {
	margin-bottom: 30px;
}

.topinfo .infocontents ul li {
	border-top: 1px solid #6f6f6f;
	padding: 15px 0;
}

.topinfo .infocontents ul li:last-child {
	border-bottom: 1px solid #6f6f6f;
}

.topinfo .infocontents ul li .left {
	float: left;
	font-weight: bold;
	margin-right: 1.5%
}

.topinfo .infocontents ul li .left p {
	color: #cacaca;

}

.topinfo .infocontents ul li .right {
	overflow: hidden;
}

.topinfo .infocontents ul li .right p {
	font-size: 12px;
	line-height: 22px;
}

.topinfo .infocontents .btn {
	width: 15%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 30px;
	cursor: pointer;
}

.topinfo .infocontents .btn a {
	background-color: #2f6abf;
	border-radius: 5px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	padding: 10px 0;
}


/* top
========================================== */
.main {
	text-align: center;
	margin-top: 47px;
}

.topcon {
	max-width: 95%;
	margin: 0 auto;
}

.topcon h2 {
	font-family: Helvetica, Arial,
		'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
		Meiryo, メイリオ, sans-serif;
	font-size: 30px;
	letter-spacing: 1px;
	line-height: 25px;
	margin-bottom: 20px;
}

.topcon h2 span {
	font-size: 15px;
	font-weight: normal;
}

.topcon .left {
	width: 100%;
	float: none;
	margin-bottom: 70px;
}

.topcon .left li {
	margin-bottom: 20px;
}

.topcon .left .two li {
	width: 100%;
	float: left;
	margin-right: 2%;
}

.topcon .left .two li:nth-child(2),
.topcon .left .two li:nth-child(4) {
	margin-right: 0;
}

.topcon .left li .img {
	float: left;
	width: 40%;
}

.topcon .left li img {
	width: 100%;
}

.topcon .left li .ttl {
	width: 60%;
	float: left;
	text-align: center;
	padding: 3% 0 0;
	position: relative;
}

.topcon .left li .ttl h3 {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 3px;
	margin: 0 15px 10px;
	font-size: 14px;
}

.topcon .left li.con15 .ttl h3 {
	font-size: 12px;
}

.topcon .left li .ttl .shousai {
	border: 1px solid #ffffff;
	padding: 1% 0;
	box-sizing: border-box;
	margin: 0 18%;
	font-size: 10px;
}

.topcon .left li .ttl .txt {
	padding-bottom: 4px;
	font-size: 11px;
}


.topcon .left li a {
	text-decoration: none;
	color: #ffffff;
	text-align: center;
}

.topcon .left .one li .ttl {
	padding: 10px 0 17px;
	width: 100%;
}

.topcon .left .one li img {
	width: 100%;
}

.topcon .left .one li .ttl h3 {
	margin: 0 70px 10px;
}


.topcon .left li.con01 {
	background-color: #f6b041;
}

.topcon .left li.con02 {
	background-color: #dc689d;
}

.topcon .left li.con03 {
	background-color: #6293cb;
}

.topcon .left li.con04 {
	background-color: #e87e4d;
}

.topcon .left li.con05 {
	background-color: #d26767;
}

.topcon .left li.con06 {
	background-color: #dc689d;
}

.topcon .left li.con07 {
	background-color: #56ae75;
}

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

.topcon .right iframe {
	width: 100%;
}

.topcon .left .more,
.topcon .right .more {
	background-color: #5f5f5f;
	text-align: center;
	margin-bottom: 30px;
	cursor: pointer;
}

.topcon .left .more a {
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	display: block;
	padding: 15px 30%;
}

.topcon .left .more a i {
	float: left;
	font-size: 33px;
}

.topcon .left .more a p {
	padding-top: 4px;
	font-size: 16px;
}

.topcon .right .info ul li {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.topcon .right .info ul li a {
	text-decoration: none;
	color: #0f67ba;
}


.topcon .right .more a {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	display: block;
	padding: 15px 16%;
}

.topcon .right .more a i {
	float: left;
	font-size: 25px;
	line-height: 22px;
}

.topcon .right .bnr {
	margin-top: 20px;
}

.topcon .right .bnr ul li {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 63%;
}

.topcon .right .contact {
	background-color: #06418c;
	cursor: pointer;
	padding: 5% 0%;
}

.topcon .right .contact a {
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	display: block;
	font-size: 18px;
}

.topcon .right .contact a i {
	float: left;
	width: 14%;
	padding-top: 12px;
	font-size: 20px;
}

.topcon .right .contact a p {
	font-size: 15px;
	width: 78%;
	text-align: left;
	overflow: hidden;
	line-height: 19px;
}


/* フッター
========================================== */

footer {
	background-color: #1b437d;
	text-align: center;
}

footer a {
	text-decoration: none;
	color: #ffffff;
}

footer .fmenu {
	max-width: 95%;
	margin: 0 auto;
	padding: 20px 0 30px;
}

footer .fmenu ul li {
	float: left;
	font-size: 11px;
	border: none;
	width: 48%;
	margin-bottom: 20px;
}

footer .fmenu ul li:last-child {
	border-right: none;
}

footer .logo {
	max-width: 229px;
	margin: 0 auto;
	margin-bottom: 20px;
}

footer .logo img {
	float: left;
	padding-right: 3%;
	width: 39%;
}

footer .logo {
	font-size: 14px;
	font-weight: normal;
	padding-top: 5px;
	max-width: 248px;
}

footer .logo p {
	padding-top: 6px;
}

footer .copy {
	color: #ffffff;
	padding-bottom: 20px;
}


.page_top {
	width: 55px;
	background:none;
	margin-top: 5px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 100;
	text-align: center;
	box-sizing: border-box;
	cursor: default;
}

.page_top .material-icons {
	font-size: 30px;
}

.titw {
	margin-top: 60px;
}

.pan {
	padding-top: 20px;
}


.titw .obi .obi_in {
	max-width: 95%;
	margin: 0 auto;
}

.titw .obi h2 {
	float: left;
	color: #ffffff;
	font-size: 16px;
}

.titw .obi img {
	float: right;
	width: 20%;
}

.con {
	max-width: 95%;
}


.con .maincont {
	width: 100%;
	margin-bottom: 20px
}

.corp_sidenav {
	width: 100%;
}



/****
製品情報
*******************************************/
/* トップページ */
.products .con .maincont {
	width: 100%;
}
.products .sec01.pdbox h3,
.products .sec02.pdbox h3,
.products .sec03.pdbox h3,
.products .sec04.pdbox h3 {
	width: 90%;
}


.products .pdbox .pds:first-of-type {
	margin-right: 0;
}

.products .pdbox .pds {
	margin-bottom: 10px;
}

.products .pdbox .pds {
	/*float: none;*/
	width: 92%;
	margin: 0 auto 25px;
}

.products .pdbox .pds .pdimg {
	width: 95%;
	float: none;
	min-height: 151px;
	padding-right: 0;
	vertical-align: middle;
}

.products .pdbox .pds .pdt {
	float: none;
	width: 100%;
}

.products .pdbox .pds .pdt h4 span {
	/* display:block; */
	font-size: 14px;
	/* margin-bottom: 0px; */
	line-height: 1em;
}

.products .pdbox .pds .pdt h4 {
	font-size: 1.6em;
	padding-top: 0px;
	line-height: 1.8em;
}

.products .pdbox .pds .pdt p {
	font-size: 0.88em;
}



/* 売買仲介会社様向け */
.tradenav {
	width: 100%;
}

.tradenav li {
	width: 49.8%;
	border-bottom: solid 1px;
}

.tradenav li:nth-child(2) {
	border-right: none;
}

.tradenav li:nth-child(3),
.tradenav li:nth-child(4) {
	border-bottom: none;
}

.trade .con .maincont {
	width: 100%;
}

/*BMS-cloud*/
.trade .sec01 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.trade .sec01 .sec-a .tradeico02 {
	min-height: 160px;
}

.trade .sec01 .sec-a .tradebtn p {
	width: 45%;
}


/*Auto Writer*/
.trade .sec01 .sec-b {
	width: 100%;
	margin-bottom: 20px;
}

/*BMS-WEB*/
.trade .sec02 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}


/* 買取再販会社様向け */
.sell .con .maincont {
	width: 100%;
}

/*RMS*/
.sell .sec01 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.sell .sec01 .sec-a .sellimg img {
	margin-top: -17px;
}

.sell .sec01 .sec-a .tradeico02 {
	min-height: 160px;
}

.sell .sec01 .sec-a .tradebtn p {
	width: 45%;
}

/*RMS-WEB*/
.sell .sec01 .sec-b {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.sell .sec01 .sec-b .sellimg img {
	margin-top: -17px;
	width: 100%;
}



/* デベロッパー・販社会社会社様向け */
.dev .devnav {
	width: 100%;
}

.dev .devnav li {
	width: 49.8%;
	border-bottom: solid 1px;
}

.dev .devnav li:nth-child(2) {
	border-right: none;
}

.dev .devnav li:nth-child(3),
.dev .devnav li:nth-child(4) {
	border-bottom: none;
}

.dev .con .maincont {
	width: 100%;
}

/*ReSFA*/
.dev .sec01 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.dev .sec01 .sec-a .devimg img {
	margin-top: -19px;
}

.dev .sec01 .sec-a .devico02 {
	min-height: 160px;
}

.dev .sec01 .sec-a .devbtn p {
	width: 45%;
}

/*ReCM*/
.dev .sec01 .sec-b {
	width: 100%;
	margin-bottom: 20px;
}

.dev .sec01 .sec-b .devimg img {
	margin-top: -19px;
}


/*RePRO*/
.dev .sec02 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.dev .sec02 .sec-a .devimg img {
	margin-top: -19px;
}


/*ReCALC*/
.dev .sec02 .sec-b {
	width: 100%;
	margin-bottom: 20px;
}

.dev .sec02 .sec-b .devimg img {
	margin-top: -19px;
}


/* マンション管理会社様向け */
.manage .managenav {
	width: 100%;
}

.manage .managenav li {
	width: 49.8%;
	border-bottom: solid 1px;
}

.manage .managenav li:nth-child(2) {
	border-right: none;
}

.manage .managenav li:nth-child(3),
.manage .managenav li:nth-child(4) {
	border-bottom: none;
}

.manage .con .maincont {
	width: 100%;
}

/*CoMS*/
.manage .sec01 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.manage .sec01 .sec-a .manageico02 {
	min-height: 160px;
}

.manage .sec01 .sec-a .managebtn p {
	width: 45%;
}

/*KKS*/
.manage .sec01 .sec-b {
	width: 100%;
	margin-bottom: 20px;
}

/* マンション管理会社様向け */
.manage .managenav {
	width: 100%;
}

.manage .managenav li {
	width: 49.8%;
	border-bottom: solid 1px;
}

.manage .managenav li:nth-child(2) {
	border-right: none;
}

.manage .managenav li:nth-child(3),
.manage .managenav li:nth-child(4) {
	border-bottom: none;
}

.manage .con .maincont {
	width: 100%;
}

/*CoMS*/
.manage .sec01 .sec-a {
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 20px;
}

.manage .sec01 .sec-a .manageimg img {
	margin-top: -16px;
}

.manage .sec01 .sec-a .manageico02 {
	min-height: 160px;
}

.manage .sec01 .sec-a .managebtn p {
	width: 45%;
}

/*KKS*/
.manage .sec01 .sec-b {
	width: 100%;
	margin-bottom: 20px;

}

.manage .sec01 .sec-b .manageimg img {
	margin-top: -16px;
}



/****
サービス情報
*******************************************/
.servicem h4 {
	float: none;
	padding-bottom: 4px;
}


.servicem a p {
	float: none;
	display: inline-block;
}

.sec01 .servicep,
.sec02 .servicep,
.sec03 .servicep,
.sec04 .servicep,
.sec05 .servicep,
.sec06 .servicep,
.sec07 .servicep,
.sec08 .servicep {
	padding-bottom: 0.2em;
}

.sec01 .servicebtn ul li:nth-of-type(1),
.sec01 .servicebtn ul li:nth-of-type(2),
.sec01 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec02 .servicebtn ul li {
	padding: 30px 2px;
}

.sec03 .servicebtn ul li:nth-of-type(1),
.sec03 .servicebtn ul li:nth-of-type(2),
.sec03 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec04 .servicebtn ul li:nth-of-type(1),
.sec04 .servicebtn ul li:nth-of-type(2),
.sec04 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec05 .servicebtn ul li:nth-of-type(1),
.sec05 .servicebtn ul li:nth-of-type(2),
.sec05 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec06 .servicebtn ul li:nth-of-type(1),
.sec06 .servicebtn ul li:nth-of-type(2),
.sec06 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec07 .servicebtn ul li:nth-of-type(1),
.sec07 .servicebtn ul li:nth-of-type(2),
.sec07 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec08 .servicebtn ul li:nth-of-type(1),
.sec08 .servicebtn ul li:nth-of-type(2),
.sec08 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.sec09 .servicebtn ul li:nth-of-type(1),
.sec09 .servicebtn ul li:nth-of-type(2),
.sec09 .servicebtn ul li:nth-of-type(3) {
	padding: 0px 2px;
	height: 104px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.serviceimg img {
	max-height: auto;
	width: 100%;
}

.sec05 .serviceimg img,
.sec06 .serviceimg img {
	width: 100%;
}



/****
ソリューション
*******************************************/
.solution table {
	width: 785px;
	table-layout: fixed;
}

table.mapping th.t01 {
	width: 100px !important;
}

.solution .scroll {
	overflow: auto;
	/*tableをスクロールさせる*/
	/* white-space: nowrap; */
	/*tableのセル内にある文字の折り返しを禁止*/
}

.solution .scroll::-webkit-scrollbar {
	/*tableにスクロールバーを追加*/
	height: 5px;
}

.solution .scroll::-webkit-scrollbar-track {
	/*tableにスクロールバーを追加*/
	background: #F1F1F1;
}

.solution .scroll::-webkit-scrollbar-thumb {
	/*tableにスクロールバーを追加*/
	background: #BCBCBC;
}

.solution .con .maincont {
	width: 90%;
	margin-bottom: 20px
}








/****
ニュースリリース
*******************************************/
.release .con .maincont.infobox {
	width: 90%;
	margin: 0 auto;
}
.release .infobox .sec02 .hl label {
	display: inherit !important;
}

.release .infobox .sec02 .hl ul {
	margin: 0;
	padding-left: 0;
}

.release .infobox .sec02 .hlli {
	list-style: none;
}

.release .infobox .sec02 .hla {
	text-decoration: none;
	color: #fff;
}

.release .infobox .sec02 .hl #menu {
	position: absolute;
	top: 0;
	left: -265px;
	/* メニューのwidth + padding */
	width: -130px;
	/* メニューのwidth */
	top: 3em;
	height: 520px;
	padding: 10px 30px;
	transition: left .5s, right .5s;
	/* アニメーション */
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 2px 2px 8px rgba(102, 68, 0, 0.2);
	border-radius: 0 4px 4px 0;
}

.release .infobox .sec02 .hl .toggle {
	font-size: 30px;
	cursor: pointer;
}

.release .infobox .sec02 .hl .toggle:hover {
	text-decoration: underline;
}

.release .infobox .sec02 .hl #open {
	display: none;
}

/* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */
.release .infobox .sec02 .hl #open:checked+#menu {
	left: -10px;
}

.release .infobox .sec02 .hl li.on:after,
.release .infobox .sec02 .hl li:hover:after {
	width: 93%;
}

.release .infobox .sec02 .hl li:after {
	width: 93%;
}


.release .infobox .sec02 .ht {
	width: 100%;
	padding-left: 0px;
	padding-right: 0;
}
.release .infobox .info_dl dt {
	clear: none;
	float: none;
	display: inline-block;
	width: 100%;
	text-align: left;
	padding: 10px 0 5px;
	margin-left: 10px;
	font-weight: bold;
}

.release .infobox .info_dl dd {
	width: 100%;
	margin: 0 0 10px;
	border-top:3px solid #ccc;
	border-left: none;
	padding: 10px 10px 5px;
	line-height: 1.4em;
	text-align: left;
	display: inline-block;
	width: 93%;
}



.release .infobox dd img {
	width: auto;
}
.release .infobox .sec02 .hl li.on,
.release .infobox .sec02 .hl li:hover {
	width: 100%;
}




/****
導入事例
*******************************************/
.report .con .maincont {
	width: 90%;
	float: none;
	margin: 0 auto;
}


.report [class*="sec"].repomb {
	padding: 20px 20px;
}

.reportimg {
	float: none;
	width: 70%;
	margin: 10px auto;
}

.reportblock {
	float: none;
	width: 100%;
}

.reportm {
	padding-bottom: 10px;
}

.reportm h4 {
	float: none;
	font-size: 1.1em;
	margin-bottom: 10px;
}

.reportm ul {
	margin-left: 0px;
}

.reportm ul li {
	display: initial;
	padding-left: 0;
}

.reportm ul li img {
	width: 60%;
}

.reportlist {
	font-size: 90%;
	width: 100%;
}

.reportlist ul {
	float: none;
	margin-left: 0;
}

.reportlist .reportbtn {
	float: none;
	width: 66%;
	margin: 4% auto 0;
}

.reportlist .reportbtn p {
	text-align: center;
}

.reportlist .reportbtn a {
	text-align: inherit;
}



/*導入事例詳細*/
.report [class*="sec"].reno {
	border: none;
	/* width: inherit; */
	padding: 0;
}

.reportm .reportdt ul li {
	display: inline-block;
	padding-left: 0;
	width: 30%;
}

.reportm .reportdt ul li img {
	width: 100%;
}


.reportdtobi .obicon {
	width: 100%;
	margin: 0 auto;
}

.reportdtobi .obicon .circle {
	width: 100%;
	/* height: 210px; */
	/* border-radius:50%; */
	background-color: #06418c;
	display: inline-block;
	/* position: relative; */
	float: none;
	margin: 0 auto;
	text-align: center;
}

.reportdtobi .obicon .circle .reportimg {
	/* position:absolute; */
	/* left: 60px; */
	/* top: 5%; */
	width: 80%;
}

.reportdtobi .obicon .circle .reportimg img {
	width: 100%;
}

.reportdtobi .obicon .circle .reportimg p {
	font-size: 8px;
}

.reportdtobi .obicon .reporttl {
	display: block;
	float: none;
	/* color:#fff; */
	width: 100%;
	padding-left: 0px;
	margin: 2% auto;
}

.reportdtobi .obicon .reporttl h4 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.reportdtobi .obicon .reporttl ul li {
	font-size: 0.75em;
}

.reporttx {
	margin-top: 40px;
}

.reporttx h4 {
	font-size: 1.1em;
	margin-bottom: 10px;
}

.reporttx p {
	font-size: 14px;
}








/****
カスタマーサポート
*******************************************/
.support .con .maincont {
	width: 100%;
	float: none;
	margin: 0 auto;
}

.spadbox {
	width: 90%;
	min-height: 50px;
	margin-bottom: 10px;
}

.spad_icon {
	top: 1em
}

.support .sec02 .spad_icon,
.support .sec03 .spad_icon {
	top: 2em
}

.support .spadlist dt {
	display: block;
	padding: 5px 0 10px 5px;
	border-top: 1px solid #DFDFDF;
}

.support .spadlist dt img {
	display: none;
}

.spadlist dt .title {
	padding-top: 0;
}

.spadlist dt .title p {
	display: contents;
	/* height: 50px; */
	font-size: 12px;
}

.spadlist dd {
	margin-top: 0.4em;
}

/****
レックアイの沿革
*******************************************/
/*沿革*/
.history .sec02 .hl label {
	display: inherit !important;
}

.history .sec02 .hl ul {
	margin: 0;
	padding-left: 0;
}

.history .sec02 .hlli {
	list-style: none;
}

.history .sec02 .hla {
	text-decoration: none;
	color: #fff;
}

.history .sec02 .hl #menu {
	position: absolute;
	top: 0;
	left: -190px;
	/* メニューのwidth + padding */
	width: -130px;
	/* メニューのwidth */
	top: 3em;
	height: 520px;
	padding: 10px 30px;
	transition: left .5s, right .5s;
	/* アニメーション */
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 2px 2px 8px rgba(102, 68, 0, 0.2);
	border-radius: 0 4px 4px 0;
}

.history .sec02 .hl .toggle {
	font-size: 30px;
	cursor: pointer;
}

.history .sec02 .hl .toggle:hover {
	text-decoration: underline;
}

.history .sec02 .hl #open {
	display: none;
}

/* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */
.history .sec02 .hl #open:checked+#menu {
	left: 0;
}


.history .sec02 .ht {
	width: 100%;
	padding-left: 0px;
}


/****
取引実績
*******************************************/
.results .rmain td,
.results .rmain th {
	width: 100%;
	display: block;
	border-top: none;
	padding: 10px;
}

.results .rmain tr:first-child th {
	border-top: 1px solid #ddd;
}


/****
ロードマップ
*******************************************/
.road .rmain .sec02.fl,
.road .rmain .sec03.fl {
	float: none !important;
}

.road .rmain .sec02 {
	width: 90%;
	text-align: center;
	margin: 0 auto;
}

.road .rmain .sec03 {
	width: 100%;
}

/****
サイトマップ
*******************************************/
.sitemap .con .maincont {
	width: 90%;
}

.sitemap .cts {
	width: 100%
}


.sitemap .cts.fl,
.sitemap .cts.fr {
	float: none;
}