/*----------------------------
module.css
------------------------------*/

#contents-area{
    padding: 0 10px 60px 10px;
}

.cf:after {
	content: "";
	display: block;
	overflow: hidden;
	clear: both;
}

/*----------------------------
マージン設定
------------------------------*/
/*トップ*/
.mt-5{ margin-top: 5px !important; }
.mt-10{	margin-top: 10px !important; }
.mt-15{	margin-top: 15px !important; }
.mt-20{	margin-top: 20px !important; }
.mt-30{	margin-top: 30px !important; }
/*ボトム*/
.mb-5{ margin-bottom: 5px !important; }
.mb-10{	margin-bottom: 10px !important; }
.mb-15{	margin-bottom: 15px !important; }
.mb-20{	margin-bottom: 20px !important; }
.mb-30{	margin-bottom: 30px !important; }
/*レフト*/
.ml-5{ margin-left: 5px !important; }
.ml-10{	margin-left: 10px !important; }
.ml-15{	margin-left: 15px !important; }
.ml-20{	margin-left: 20px !important; }
.ml-30{	margin-left: 30px !important; }
/*ライト*/
.mr-5{ margin-right: 5px !important; }
.mr-10{	margin-right: 10px !important; }
.mr-15{	margin-right: 15px !important; }
.mr-20{	margin-right: 20px !important; }
.mr-30{	margin-right: 30px !important; }

/* モジュール */
.mr5 {
	margin-right:5px !important;
}
.mr15 {
	margin-right:15px !important;
}
.mb5 {
	margin-bottom:5px !important;
}
.mb10 {
	margin-bottom:10px !important;
}
.mb15 {
	margin-bottom:15px !important;
}

/*----------------------------
パディング設定
------------------------------*/
/*トップ*/
.pt-5{	padding-top: 5px !important; }
.pt-10{	padding-top: 10px !important; }
.pt-15{	padding-top: 15px !important; }
.pt-20{	padding-top: 20px !important; }
.pt-30{	padding-top: 30px !important; }
/*ボトム*/
.pb-5{	padding-bottom: 5px !important; }
.pb-10{	padding-bottom: 10px !important; }
.pb-15{	padding-bottom: 15px !important; }
.pb-20{	padding-bottom: 20px !important; }
.pb-30{	padding-bottom: 30px !important; }
/*レフト*/
.pl-5{ padding-left: 5px !important; }
.pl-10{	padding-left: 10px !important; }
.pl-15{	padding-left: 15px !important; }
.pl-20{	padding-left: 20px !important; }
.pl-25{	padding-left: 25px !important; }
.pl-30{	padding-left: 30px !important; }
.pl-35{	padding-left: 35px !important; }
.pl-40{	padding-left: 40px !important; }
.pl-45{	padding-left: 45px !important; }
.pl-em{	padding-left: 1em !important; }
/*ライト*/
.pr-5{ padding-right: 5px !important; }
.pr-10{	padding-right: 10px !important; }
.pr-15{	padding-right: 15px !important; }
.pr-20{	padding-right: 20px !important; }
.pr-30{	padding-right: 30px !important; }

/*----------------------------
フォント装飾設定
------------------------------*/
.ft-red{ color: #f00 !important; }
.ft-bold{ font-weight: bold !important; }
.ft-red-bold{ color: #f00; font-weight: bold !important; }

/*----------------------------
ぱんくず
------------------------------*/
.breadcrumbs-area{
	background: #efefef;
}
.breadcrumbs-area p{
	max-width: 940px;
	margin: 0 auto;
	padding: 7px 0;
	font-size: 83%;
	max-width: 960px;
	padding: 5px 10px;
}
.breadcrumbs-area p span:before{
	content: "＞";
	padding: 0 10px;
}
.breadcrumbs-area p a{
	text-decoration: underline;
}

/*----------------------------
カンパニーネーム
------------------------------*/
.company-name{
	background: #efefef;
}
.company-name span{
	display: block;
	max-width: 940px;
	margin: 0 auto;
	padding: 5px 0;
	font-weight: bold;
	max-width: 960px;
	padding: 5px 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*----------------------------
中央寄せ・キービジュアル背景
------------------------------*/
/*kv-area*/
.kv-area{
	background: #efefef;
	margin: 0px 0 20px;
	position: relative;
}
.kv-area > h1,
.kv-area > p{
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	max-width: 1200px;
	max-height: 500px;
}
.kv-area img{
	width: 100%;
}
/*kv-area small*/
.kv-area.small{
	background: #ffffff;
	border-bottom: solid 1px #cccccc;
}
.kv-area.small > h1,
.kv-area.small > p{
	max-width: 960px;
	max-height: 180px;
}

/* kv-area 中央文字仕様 */
.kv-area.dev > h1,
.kv-area.dev > p,
.kv-area.dev.small > h1,
.kv-area.dev.small > p{
	max-height: none;
}
.kv-area.dev h1 span,
.kv-area.dev p span{
	height: 500px;
}
.kv-area.dev.small h1 span,
.kv-area.dev.small p span{
	height: 180px;
}
.kv-area.dev span{
	width: 1200px;/**/
	margin: 0 auto;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 220%;
	font-weight: bold;
}

/*----------------------------
見出し
------------------------------*/
.h1-title {
  text-align: center;
  font-size: 220%;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.h2-title01 {
  text-align: center;
  font-size: 220%;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #000;
}
.h2-title02 {
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #000;
}
.h2-title {
  text-align: center;
  font-size: 133%;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 10px;
}
.h3-title {
  text-align: center;
  font-size: 133%;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 10px;
}
.h4-title {
  text-align: center;
  font-size: 116%;
  font-weight: bold;
  margin-top: 30px;
  padding-bottom: 10px;
}
.h5-title {
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  margin-top: 5px;
  padding-bottom: 10px;
}
.title-link {
	display: block !important;
	text-align: right;
}
.tit-center {
	text-align: center;}
.tit-left {
	text-align: left;
}
.tit-bg {
	background: #CCCCCC;
	padding: 10px;
	margin-bottom: 10px;
}
h2 + .tit-bg{
	margin-top: 0;
}
h2.tit-line {
  padding-left: 15px;
  position: relative;
  background-color: #efefef;
}
.tit-line::before{
  border-left: solid 5px #d90212;
  height: 30%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  content: "";
}
.tit-line::after{
  border-left: solid 5px #004098;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.with-link {
  margin-bottom: 5px;
}
.with-link + p,
.with-link + ul {
  margin-bottom: 10px;
}
.with-link + ul li {
	text-align: right;
}

/*----------------------------
リンク
------------------------------*/
.basic-link{
	display: inline-block;
	text-indent:10px;
	color: #1451a7 !important;
}
.basic-link-list li a{
	display: inline-block;
	text-indent:10px;
}
.basic-link:before,
.basic-link-list li a:before,
.btn-icon-link-list li a span:before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin:0 5px 0 -10px;
  border: 5px solid transparent;
  border-left: 5px solid #0b4faa;
}
/*blank*/
.blank:after{
	display: inline-block;
	content:" ";
	background: url("/common/re_img/icon_blank.gif");
	background-size: contain;
	width: 11px;
	height: 10px;
	margin-left: 6px;
	vertical-align: baseline;
}

/*----------------------------
テキスト
------------------------------*/
p + p,
p + figure,
p + ol,
p + table,
p + .conversion-area,
ul + .local-block-navi {
	margin-top: 10px !important;
}
/*左寄せ*/
.text-left {
	text-align: left !important;
}
/*中央寄せ*/
.text-center {
	text-align: center !important;
}
/*右寄せ*/
.text-right {
	text-align: right !important;
}

/*----------------------------
リスト
------------------------------*/
/*※注釈テキスト*/
.note{
	color: #666666;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.note:before {
	content: '※';
}

/*※注釈テキストリスト*/
.note-list {
	margin: 0 0 10px;
	padding: 0 0 0 1.1em;
}
.note-list li{
	font-size: 83%;
	text-indent: -1em;
	color: #666666;
}
.note-list li:before{
	content: "※";
	position: relative;
    left: -3px;
}
/*※注釈テキスト バージョン2*/
.note-list2 {
	margin: 0 0 10px;
	padding: 0 0 0 1.5em;
}
table td .note-list2 {
	margin-bottom: 0;
}
.note-list2 li{
	font-size: 100%;
	text-indent: -1.5em;
}
.note-list2 li::before {
    content: "※";
    padding: 0 0.5em 0 0;
    position: relative;
}
/*※注釈テキスト バージョン2*/
.note-list2red {
	margin: 0 0 10px;
	padding: 0 0 0 1.5em;
}
.note-list2red li{
	font-size: 100%;
	text-indent: -1.5em;
	color: #ff0000;
}
.note-list2red li:before{
	content: "※";
	padding: 0 0.5em 0 0;
	position: relative;
}
/*中黒リスト*/
.note-list-disc {
    margin-bottom: 10px;
    margin-left: 1em;
    padding: 0 0 0 1em;
    list-style: disc;
}
.note-list-disc li{
	font-size: 100%;
}
/*数字リスト*/
.note-list-num {
    margin-bottom: 10px;
    margin-left: 1em;
    padding: 0 0 0 1em;
    list-style: decimal;
}
.note-list-num li{
	font-size: 100%;
}
.note-list-num .note-list-disc{
    margin-left: 0;
}

/*----------------------------
ボタン枠リンク
------------------------------*/
.btn-link{
	display: inline-block;
	background: #ffffff;
}
.btn-link a,
.btn-link span{
	display: inline-block;
	padding: 10px;
	border: solid 1px #a0a0a0;
}

/*----------------------------
ボタン枠リンク、アイコン
------------------------------*/
/*btn-icon-link*/
.btn-icon-link{
	display: inline-block;
	border: solid 1px #a0a0a0;
	background: #ffffff;
}
.btn-icon-link a{
	display: table;
	table-layout: fixed;
	width: auto;
	padding: 7px 10px 7px 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.btn-icon-link a img{
	display: table-cell;
	width: 40px;
}
.btn-icon-link a span{
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.btn-icon-link.large a img{
	width: 80px;
}
.btn-icon-link.free a img{
	width: 100%;
	vertical-align: middle;
	display: inline-block;
}
.btn-icon-link.border a img{
	border: solid 1px #cccccc;
}
.btn-icon-link.huge a{
	width: 85%;
	margin: auto;
	padding: 20px 30px 20px 0;
}
.btn-icon-link.huge a img{
	width: 60%;
}
.btn-icon-link.huge a .basic-link{
	font-size: 18px;
}

.btn-icon-link + .btn-icon-link{
	margin-top: 0 !important;
}

/* MEM追加（2016/03/16）：リハウス・リパーク誘導リンク画像サイズ共通化 */
.btn-icon-link.free a img{
	width: 150px;
}
/* MEM追加（2016/09/05）：複数リンク対応*/
.btn-icon-link.double{
	display: inline-block;
	vertical-align: top;
	border: solid 1px #a0a0a0;
	background: #ffffff;
}
.btn-icon-link.double a{
	display: inline-table;
	table-layout: fixed;
	width: auto;
	padding: 7px 10px 7px 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.btn-icon-link.double a.second{
	vertical-align: top;
	padding-top: 18px;
}

.btn-icon-link.double a img{
	display: table-cell;
	width: 40px;
}

.btn-icon-link.double a span{
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
}

/*btn-icon-link-list*/
.btn-icon-link-list{
	margin: 0 0 0 -10px;
}
.btn-icon-link-list li{
	max-width: 49%;
	margin: 0 0 10px 1%;
	float: left;
	border: solid 1px #a0a0a0;
	background: #ffffff;
}
.btn-icon-link-list li a{
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 7px 10px 7px 7px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.btn-icon-link-list li a img{
	display: table-cell;
	width: 80px;
}
.btn-icon-link-list li a span{
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	padding: 0 0 0 100px;
}
/*モジュール画像枠*/
.btn-icon-link.border a img,
.btn-icon-link-list.border a img{
	border: solid 1px #cccccc;
}

/*btn-icon-link-list02*/
.btn-icon-link-list02{
	margin: 10px 0;
}
.btn-icon-link-list02 li{
	background: #ffffff;
}
.btn-icon-link-list02 li + li{
	margin-top: 10px;
}

/*business-details-navi*/
.business-details-navi .btn-icon-link-list li a img{
	width: 110px;
}
.business-details-navi .btn-icon-link-list li a span{
	padding-left: 140px;
	text-indent: -5px;
}

/*----------------------------
パネルリンク
------------------------------*/
/* panelLink */
.panelLink{
  display: table;
  table-layout: fixed;
  margin-bottom: 10px;
}
.panelLink li{
  display: table-cell;
  width: 30%;
  padding: 0 1.25%;
}
.panelLink li:first-child{
  padding: 0 2.5% 0 0;
}
.panelLink li:last-child{
  padding: 0 0 0 2.5%;
}
.panelLink li a{
  display: block;
  text-align: center;
}
.panelLink li a span {
    display: block;
    border: 1px solid #a0a0a0;
    padding: 20px;
}
.panelLink li a img{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #a0a0a0;
  border-right: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
}
.panelLink li a:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
}


/*----------------------------
画像配置 ※1点：右回り込み
------------------------------*/
/*文字回り込みあり*/
.img-boxR-roll{
	width: 100%;
	margin: 0 0 10px;
}
.img-boxR-roll div{

}
.img-boxR-roll figure{
	float: right;
	vertical-align: top;
}
.img-boxR-roll div{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.img-boxR-roll div p strong{
	font-size: 200%;
}
.img-boxR-roll div p + p{
	margin: 10px 0 0;
}
.img-boxR-roll figure{
	width: 300px;
	text-align: center;
}
.img-boxR-roll figure img{
	max-width: 300px;
}
.img-boxR-roll figure figcaption {
	padding: 10px;
	text-align: left;
}

/*文字回り込みなし*/
.img-boxR{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 10px;
}
.img-boxR div,
.img-boxR figure{
	display: table-cell;
	vertical-align: top;
}
.img-boxR div{
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3.75% 0 0;
}
.img-boxR div p strong{
	font-size: 200%;
}
.img-boxR div p + p{
	margin: 10px 0 0;
}
.img-boxR figure{
	width: 300px;
	text-align: center;
}
.img-boxR figure img{
	max-width: 300px;
}
.img-boxR figure figcaption {
	padding: 10px;
	text-align: left;
}
/*middle*/
.img-boxR.middle div,
.img-boxR.middle figure{
	vertical-align: middle;
}

/*地域会社 下層 代表ご挨拶*/
.region-recruit.message .img-boxR.middle div{
	background: #e3f3f7;
	padding:  10px 20px;
}
.region-recruit.message .img-boxR.middle figure{
	width: 310px;
	text-align: right;
}
.region-recruit.message .img-boxR div h3,
.region-recruit.message .img-boxR div p + h4{
	margin-top: 20px;
}

/*----------------------------
画像配置 ※2点以上
------------------------------*/
.img-box-center{
	margin: 0 0 10px;
}
.img-box-center ul{
	max-width: 620px;
	margin: 20px auto 0;
}
.img-box-center ul li{
	margin: 5px;
	float: left;
}
.img-box-center figure{
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
.img-box-center figure span{
	width: 300px;
	display: table-cell;
	vertical-align: middle;
}
.img-box-center figure span img{
	max-width: 300px;
}
.img-box-center figure figcaption {
	padding: 10px;
	text-align: left;
}

/*----------------------------
画像配置 ※1点：右回り込み テーブル
------------------------------*/
.img-boxR-table{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 10px;
}
.img-boxR-table div,
.img-boxR-table figure{
	display: table-cell;
	vertical-align: top;
}
.img-boxR-table div{
	width: 70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 3.75% 0 0;
}
.img-boxR-table table{
	width: 100%;
}
.img-boxR-table table th,
.img-boxR-table table td{
	padding: 10px;
	border: 1px solid #cccccc;
	vertical-align: center;
}
.img-boxR-table table th{
	width: 20%;
	background-color: #d9d9d9;
}
.img-boxR-table table td p + p{
	margin-top: 1em;
}
.img-boxR-table figure{
	width: 300px;
	text-align: center;
}
.img-boxR-table figure img{
	max-width: 300px;
}
.img-boxR-table figure figcaption {
	padding: 10px;
	text-align: left;
}
/*middle*/
.img-boxR-table.middle div,
.img-boxR-table.middle figure{
	vertical-align: middle;
}

/*----------------------------
画像：大 横800px基本
------------------------------*/
.img-large{
	max-width: 800px;
	margin: 0 auto 10px;
	text-align: center;
}
.img-large img{
	max-width: 100%;
}
.img-large figcaption {
	padding: 10px;
	text-align: left;
}

/*----------------------------
画像：特大 横940px高さ400基本
------------------------------*/
.img-big{
	max-width: 940px;
	margin: 0 auto 10px;
	text-align: center;
}
.img-big img{
	max-width: 100%;
}
.img-big figcaption {
	padding: 10px;
}

/*----------------------------
高画質画像で見る（検討中）
------------------------------*/
.expansion{
	display: none;
}

/*----------------------------
■ナビゲーション：テキスト系5件以上
------------------------------*/
.local-txt-navi{
	margin: 0 0 10px;
}
.local-txt-navi h4{
	margin: 0;
}
.local-txt-navi ul{
	padding: 10px 20px;
	border: solid 1px #a0a0a0;
	background: #ffffff;
}
.local-txt-navi ul li{
	float: left;
	margin: 0 20px 0 0;
}
.local-txt-navi ul li:last-child{
	margin: 0;
}

/*----------------------------
■ナビゲーション 固定
------------------------------*/
/*local-block-navi*/
.local-block-navi{
	margin: 0 0 10px;
}
.local-block-navi h4{
	margin: 0;
}
.local-block-navi ul{
	border-left: solid 1px #a0a0a0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.local-block-navi ul li{
	float: left;
	border-right: solid 1px #a0a0a0;
	border-bottom: solid 1px #a0a0a0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
}
.local-block-navi ul li a{
	display: block;
	padding: 10px 10px 10px 20px;
	border-bottom: solid 3px #1451a7;
}
.local-block-navi ul li a:hover{
	border-bottom: 3px solid #d9d9d9;
}
.local-block-navi ul li.current a{
	border-bottom: 3px solid #f00;
}

/*----------------------------
■ナビゲーション：2件、4件固定
------------------------------*/
.local-block-navi.two ul li{
	width: 50%;
}
.local-block-navi.two ul li:nth-child(-n+2){
	border-top: solid 1px #a0a0a0;
}
/*----------------------------
■ナビゲーション：3~6件推奨 ※9件迄
------------------------------*/
.local-block-navi.three ul li{
	width: 33%;
}
.local-block-navi.three ul li:nth-child(-n+3){
	border-top: solid 1px #a0a0a0;
}
.local-block-navi.three ul li:nth-child(3n+1){
	width: 34%;
}

/*----------------------------
■ナビゲーション：本社⇔地域会社 企業情報基本巡回用
------------------------------*/
.corp-region-navi {
	margin: 0 0 10px;
	padding: 0 0 94px;
}
.corp-region-navi h4 {
	margin: 0;
}
.corp-region-navi h4 span{
	display: inline;
}

.region-navi{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.region-navi > li{
	display: table-cell;
	border-right: solid 1px #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	background: #ffffff;
}
.region-navi > li:first-child{
	width: 32%;
}
.region-navi > li > a{
	display: block;
	padding: 10px 0;
	text-align: center;
	border-bottom: solid 5px #d0e9fc;
	position: relative;
}
.region-navi > li > a span{
	padding: 0 0 0 20px;
	background: url("/common/re_img/icon_region_navi.png") no-repeat left 50%;
}
.region-navi > li > a span.pc{
	display: inline !important;
}
.region-navi > li > a span.sp{
	display: none !important;
}

.region-navi > li > .region-tab{
	display: block;
	padding: 10px 0;
	text-align: center;
	border-bottom: solid 5px #d0e9fc;
	position: relative;
}

.region-navi > li > .region-tab span{
	padding: 0 0 0 20px;
	background: url("/common/re_img/icon_region_navi.png") no-repeat left 50%;
}

/*region-navi on*/
.region-navi > li.on{
	background: #1451a7;
}
.region-navi > li.on a{
	border: none;
}
.region-navi > li.on > a span{
	color: #ffffff;
	background: url("/common/re_img/icon_region_navi_on.png") no-repeat left 50%;
}
.region-navi > li.on > a span:after{
	content: url("/common/re_img/icon_region_navi_on_arrow.png");
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin: 0 0 0 -5px;
	z-index: 100;
}

.region-navi > li.default-active .region-navi-menu{
	display: block;
}

.region-navi > li.on > .region-tab span{
	color: #ffffff;
	background: url("/common/re_img/icon_region_navi_on.png") no-repeat left 50%;
}

.region-navi > li.on > .region-tab span:after{
	content: url("/common/re_img/icon_region_navi_on_arrow.png");
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin: 0 0 0 -5px;
	z-index: 100;
}

.region-navi > li.on .region-tab{
	border: none;
}

/*region-navi-menu*/
.region-navi-menu{
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	width: 100%;
	background: #ffffff;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	cursor: default;
}
.region-navi-menu li:first-child{
	display: block;
	background: url("/common/re_img/navi_icon_corp_l.png") no-repeat left top;
	background-size: 17px auto;
	padding: 2px 0 2px 25px;
	margin: 0 0 10px;
}

.region-navi-menu li{
	display: inline-block;
	padding: 0 0 0 25px;
}

/*----------------------------
■テーブル：PC表示/SP表示共通
------------------------------*/
.cmn-table{
	width: 100%;
	margin: 0 0 10px;
}
.cmn-table th,
.cmn-table td{
	padding: 15px;
	border: 1px solid #cccccc;
	vertical-align: center;
}
.cmn-table th{
	width: 20%;
	background-color: #d9d9d9;
}
.cmn-table th + th{
	width: auto;
}
.cmn-table td p + p{
	margin-top: 1em;
}

/*----------------------------
■テーブル：PC表示→SP表示時、1列へ変更
------------------------------*/
.cmn-table02{
	width: 100%;
	margin: 0 0 10px;
}
.cmn-table02 th,
.cmn-table02 td{
	padding: 15px;
	border: 1px solid #cccccc;
	vertical-align: center;
}
.cmn-table02 th{
	width: 20%;
	background-color: #d9d9d9;
}
.cmn-table02 td p + p{
	margin-top: 1em;
}

/*----------------------------
■テーブル：1軸、2軸、3軸 SP時スクロール
------------------------------*/
.cmn-table-scroll-horizontal{
	margin: 0 0 10px;
}
.cmn-table-scroll-horizontal table{
	width: 85%;
	margin: 0 auto;
}
.cmn-table-scroll-horizontal th,
.cmn-table-scroll-horizontal td{
	padding: 15px;
	border: 1px solid #cccccc;
	vertical-align: middle;
	text-align: center;
}
.cmn-table-scroll-horizontal th{
	min-width: 100px;
	background-color: #d9d9d9;
}
.cmn-table-scroll-horizontal td p + p{
	margin-top: 1em;
}
.cmn-table-scroll-horizontal th.subth{
	background-color: #e4e4e4;
}


/*----------------------------
■ニュースリリースSNSボタン
------------------------------*/
.inc_news_share{
	margin: 0 0 10px;
	text-align: right;
}
.inc_news_share .sns-list{
	text-align: right;
	line-height: 1;
}
.inc_news_share .sns-list li{
	display: inline-block;
	vertical-align: top;
}

/*----------------------------
■ロゴ掲載エリア
------------------------------*/
.contents-loco-area{
	margin: 0 0 10px;
}
.contents-loco-area figure{
	margin: 0 0 0 10px;
	float: left;
}
.contents-loco-area figure img{
	height: 60px;
}
.contents-loco-area figure:first-child{
	margin: 0;
}

/*----------------------------
■ニュース件名エリア
------------------------------*/
.news-h1{
	margin: 0px 0px 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	font-size: 150%;
	font-weight: bold;
}

/*----------------------------
■印刷用PDFエリア
------------------------------*/
.gray-area{
	margin: 0 0 5px;
	padding: 10px;
	background: #d9d9d9;
}
.icon-pdf{
	padding: 5px 0 5px 30px;
	background: url("/common/re_img/icon_pdf.png") no-repeat left 50%;
	background-size: 24px;
	text-indent: 0;
}
.btn-link .icon-pdf{
	padding: 10px 10px 10px 40px !important;
	background-position: 10px 50%;
	min-height: auto !important;
}


/*----------------------------
■ニュース日付
------------------------------*/
.news-date{
	margin: 0px 0px 30px;
	text-align: right;
}

/*----------------------------
■PDFプラグイン
------------------------------*/
.pdf-plugin{
	margin: 0 0 10px;
	padding: 20px;
	border: solid 1px #cccccc;
}
.pdf-plugin p {
	float: right;
	width: 70%;
}
.pdf-plugin .bnr-pdf {
	float: left;
	width: 25%;
}
.pdf-plugin .bnr-pdf img {
	width: 100%;
}

/*----------------------------
■ コンバージョンエリア
------------------------------*/
.conversion-area {
	background: #e3f3f7;
	padding: 20px;
	margin: 0 0 10px;
}
.conversion-area h4 {
  font-size: 116%;
  font-weight: bold;
}
.conversion-area .news_contact{
  margin: 5px 0 0;
}
.conversion-area .news_contact span{
  font-weight: bold;
}
.conversion-area .career-wrap {
	margin: 10px 0 0;
}
.conversion-area .career-wrap div {
	width: 49%;
}
.conversion-area .career-wrap div .inner{
	width: auto;
	background: #ffffff;
	padding: 15px;
}
.conversion-area .career-wrap div .inner h5{
	margin: 20px 0 0;
	font-weight: bold;
}
.conversion-area .career-wrap div .inner .basic-link{
}
.conversion-area .career-wrap div .career-ttl {
	padding: 10px 0;
	text-align: center;
	color: #ffffff;
}
.conversion-area .career-wrap .graduate {
	float: left;
}
.conversion-area .career-wrap .graduate .career-ttl {
	background: #00abeb;
}
.conversion-area .career-wrap .career {
	float: right;
}
.conversion-area .career-wrap .career .career-ttl {
	background: #676767;
}

/*----------------------------
■ 区切り線
------------------------------*/
.under-lined {
	height: 1px;
	margin: 30px 0;
	border: 0;
	border-top: 1px solid #cccccc;
}

/*----------------------------
■ 企業情報 ナビ
------------------------------*/
.corp-navi{
	margin: 0 0 0 -1%;
}
.corp-navi li{
	float: left;
	width: 19%;
	margin: 0 0 1% 1%;
	border: solid 1px #666666;
}
.corp-navi li a{
	display: block;
	min-height: 147px;
	padding: 100px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	color: #000000;
	text-decoration: none;
	text-align: center;
	background-position: center 23px;
	background-repeat: no-repeat;
	background-size: 75px 60px;
}
.corp-navi li a:before{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    margin: 0 3px 0 0;
    border: 5px solid transparent;
    border-left: 5px solid #0b4faa;
}

/*はじめての方へ*/
.corp-navi li.welcome a{
	background-image: url("/corp/re_img/icon_corp_navi_welcome.png");
}
/*会社概要*/
.corp-navi li.outline a{
	background-image: url("/corp/re_img/icon_corp_navi_outline.png");
}
/*採用情報*/
.corp-navi li.recruit a{
	background-image: url("/corp/re_img/icon_corp_navi_recruit.png");
}
/*沿革*/
.corp-navi li.history a{
	background-image: url("/corp/re_img/icon_corp_navi_history.png");
}
/*組織図*/
.corp-navi li.organizational a{
	background-image: url("/corp/re_img/icon_corp_navi_organizational.png");
}
/*代表ご挨拶*/
.corp-navi li.message a{
	background-image: url("/corp/re_img/icon_corp_navi_message.png");
}
/*事業概要*/
.corp-navi li.business a{
	background-image: url("/corp/re_img/icon_corp_navi_business.png");
}
/*グループ会社一覧*/
.corp-navi li.group a{
	background-image: url("/corp/re_img/icon_corp_navi_group.png");
}
/*三井不動産グループのご紹介*/
.corp-navi li.mfg a{
	background-image: url("/corp/re_img/logo_mfg_mark.png");
}
/*交通/アクセス*/
.corp-navi li.access a{
	background-image: url("/corp/re_img/icon_corp_navi_access.png");
}
/*企業理念*/
.corp-navi li.policy a{
	background-image: url("/corp/re_img/icon_corp_navi_policy.png");
}

.corp-navi li a.two-line{
	padding: 90px 0 0;
}
.corp-navi li a:hover{
	color: #1451a7;
	font-weight: bold;
	text-decoration: underline;
	border-bottom: 4px solid #eeeeee;
}

/*----------------------------
■ 企業情報CSR ナビ
------------------------------*/
.corp-csr-navi-link {
	float: left;
	width: 32.66666%;
	width: calc(33% - calc(1% / 3));
	margin: 0 1% 0 0;
}

.corp-csr-navi-link:last-child {
	margin: 0;
}

.corp-csr-navi-link a {
	margin: 0 auto;
}

/*----------------------------
■ 採用情報トピックス
-----------------------------*/
/*topix*/
.topix{
	margin: 0 0 5px;
}
.topix h3{
	color: #ffffff;
	background: #00abeb;
}
.topix .graduate{
	background: #00abeb;
}
.topix .career{
	background: #676767;
}
.topix dl{
	margin: 0 0 20px;
}
.topix dl dt{
	margin: 0 0 3px;
	font-weight: bold;
	font-size: 116%;
}
.topix dl dd p{
	margin: 0 0 3px;
}
.topix dl dt + dd{
	margin: 0 0 15px;
	padding-left: 1em;
}

/*----------------------------
見出し・テキスト付きパネルリンク
------------------------------*/
/* panelLink */
.panelLink-caption .ttl {
  margin: 40px auto;
  padding-top: 30px;
  text-align: center;
}
.panelLink-caption ul {
	margin: 0 auto;
	overflow: hidden;
}
.panelLink-caption ul li {
	float: left;
	width: 19.149%;
	margin-left: 1.064%;
}
.panelLink-caption ul li:first-child {
	margin-left: 0;
}
.panelLink-caption ul li dl dt {
	position: relative;
	text-align: center;
}
.panelLink-caption ul li dl dt img {
	max-width: 100%;
}
.panelLink-caption ul li dl dd .ttl {
	margin: 15px 0;
	text-align: center;
	font-size: 20px;
	color: #1a54a3;
	font-weight: bold;
}
.panelLink-caption ul li dl dd .text {
	margin: 0 0 20px;
}
.panelLink-caption ul li dl dd .btn-link {
	margin-top: 0px !important;
	width: 100%;
}
.panelLink-caption ul li dl dd .btn-link a {
	width: 100%;
	box-sizing: border-box;
}

/*----------------------------
タイルリンク
------------------------------*/
.tiles {
	border: 1px solid #ccc;
	margin: 10px 0; 
	padding: 30px 48px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tiles-item {
	width: 70%;
	color: #000;
}

.tiles-link {
	display: inline-block;
	margin-top: 5px;
}

.tiles-title {
	font-size: 20px;
	margin-bottom: 10px;
}

.tiles-text {
	font-size: 14px;
	margin-bottom: 5px;
}

.tiles-itemImage {
	width: 17%;
	text-align: center;
	vertical-align: middle;
}

.tiles-reverse {
	flex-direction: row-reverse;
}
/*----------------------------
■ 各社の採用情報エリア
-----------------------------*/
.recruit-information-inner {
	padding: 0 10px;
	max-width: 960px;
	margin: 0 auto;
}

/* MEM追加（2022/08/03）：リスト装飾対応*/

.Nolink{
	pointer-events: none;
}

.Nolink span{
	color:#000 !important;
}

.ReturnTextInner{
	padding-left: 33px;
}
.ReturnListInner{
	padding-left: 47px;
}

.ReturnListText{
	display: inline-block;
	padding-left: 35px;
}
