.PC{display: block;}
.SP{display:none;}
/* .title_top{margin:50px 0 0 0;} */
.title{text-align:center;}
.title h1{margin: 15px 0 0 0;}
.title p{margin-top: 30px;}
.title strong{color: #0A3F67;font-size: 50px;letter-spacing: 0.05em;font-weight: 500;}

.menu ul li a.menu_company .menu_border { border-bottom:3px solid #FED631; }
@media screen and (max-width: 1120px) {
  .menu ul li a.menu_company .menu_border { border-bottom:none; border-left:5px solid #FED631; }
}

/* 全体共通レスポンシブ */
@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 80px auto;}
.title{padding: 0px 0 30px 0;}
.title_top{margin: 10px 0 20px 0; padding-bottom:0; }
.title strong{font-size: 9vw;}
.title p {
margin: 30px auto 0;
text-align: center;
width: 95%;
}
}
/* ここまで共通 */

.wrap{background:none;}

a.newsBoxLink { width:220px; height:45px; display:block; margin:30px auto 100px auto; padding:0 40px 0 0; text-align:center; border:2px solid  #D51303; border-radius:5px; position:relative; box-sizing:border-box; color:#fff; font-weight:bold; line-height:42px; transition:0.3s;
background:#D51303; }
a.newsBoxLink:hover { background:#fff; transition:0.3s; color:#D51303; }
a.newsBoxLink::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; width: 20px; height: 2px; background: #fff; transition: .3s; }
a.newsBoxLink::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-135deg); transition: .3s; }
a.newsBoxLink:hover::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; width: 20px; height: 2px; background: #D51303; transition: .3s; }
a.newsBoxLink:hover::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 50px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #D51303; border-bottom: 2px solid #D51303; transform: rotate(-135deg); transition: .3s; }

a.jireiBoxLink { width:450px; height:45px; display:block; margin:50px auto 0 auto; padding:0 40px 0 0; text-align:center; border:2px solid #0A3F67; border-radius:5px; position:relative; box-sizing:border-box; color:#0A3F67; font-weight:bold; line-height:42px; transition:0.3s; }
a.jireiBoxLink:hover { background:#FED631; transition:0.3s; }
a.jireiBoxLink::before { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 70px; margin: auto; width: 20px; height: 2px; background: #0A3F67; transition: .3s; }
a.jireiBoxLink::after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 70px; margin: auto; width: 8px; height: 8px; border-left: 2px solid #0A3F67; border-bottom: 2px solid #0A3F67; transform: rotate(-135deg); transition: .3s; }

.s_info{width: 1080px;margin:0px auto 50px;}
.s_info tr{height: 45px;line-height: 45px;border-bottom: solid 0.1px #DDDDDD;letter-spacing: 0.05em;}
.s_info tr.tr_top{border-top: solid 0.1px #DDDDDD;}
.s_info th{width: 220px;background: #F0F0F0;padding-left: 30px;font-weight: normal;padding-top: 10px;line-height: 1.6em;}
.s_info td{width:860px;padding-left: 30px;line-height:1.6em;padding: 10px 0;padding-left: 30px;background: #fff;}
.s_info td a{margin-right:30px;}
.s_info td a:hover {text-decoration: none;}
.s_info td a:link { text-decoration: underline;}
.sp_tel { display:none; }
@media screen and (max-width: 740px) {
.s_text{width: 95%;}
.s_info{width: 95%;}
.s_info th{margin: 0;width: calc(100% - 20px);padding: 5px 10px; font-weight:bold; }
.s_info td{margin: 0;width: calc(100% - 20px);padding: 5px 10px;}
.s_info tr{display: flex;flex-direction: column;height: auto;}
.sp_tel { display:inline-block}
}

/* .bg_wave{background-image: url(../img/wave_community.svg);background-size: cover;background-position: top;} */
.office{width: 100%;margin: 0px auto 0;padding: 100px 0 0;}
.office_contents3{position: absolute;top: 7vw;right: 19vw;width: 12vw;}

/* 試し */
.title_community{position: relative;width: 100%;margin: 0;}
.title_community svg{position: absolute;bottom: 0;z-index: -1;left: 0;right: 0;}
.bg{background: #F8F8F8;margin:0;padding: 10px 0 10px;}
.office_list{display: flex;flex-direction: column;gap: 50px;}
.office_list svg{width: 100%;}

.office_list_flex{background:#f8f8f8;width: 1020px;height: 240px;padding: 30px;border-radius: 18px;margin:0px auto;display: flex;gap:20px;}
.office_list_flex_left strong{font-size: 16px;height: 35px;line-height: 30px;border-bottom: solid 0.3px grey;width: 100%;display: block;margin-bottom: 10px;}
.office_list_flex_left{width: 460px;}
.office_list_flex_left th{width: 30%;}
.office_list_flex_left td{width: 70%;}
.office_list_flex_center{width: 280px;}
.office_list_flex_center img{width: auto;}
.office_list_flex_right{width:240px;height: 240px;}
.office_list_flex_right iframe{width: 100%;height: 100%;}

.title_office{position: relative;margin-bottom: 0;padding-bottom: 50px;}
.title_office svg{position: absolute;bottom: 0;width: 100%;z-index: -1;left: 0;right: 0;}

.namibox {
margin: -60px 0 -11vw 0;
padding: 8vw 0 23vw;
background-image: url(../../img/bg_spot.png);
background-repeat: no-repeat;
background-position: -20px 0;
background-size: 90%;
}

@media screen and (max-width: 740px) {
.office_list_flex{flex-direction: column;height: auto;width: calc(95% - 40px);padding: 20px;}
.office_list_flex_left{width: 100%;}
.office_list_flex_center{width: 100%;}
.office_list_flex_right{width:100%;}
.office_list_flex_left tr{display: flex;flex-direction: column;}
.office_list_flex_left th{width: 100%;}
.office_list_flex_left td{width: 100%;}
.business_figure{display: none;}
.office_list_flex_center img{width: 100%;}


}

/* 0923追記 about.css参考 */
.about_bg{background: #f8f8f8;padding-bottom: 10px;}
.wrap_grey {
width: 100%;
background: url(../img/bg_grey.png) repeat-x;
background-size: 400px;
}


/* 1006追記 */
.office_list_flex_left {width: 600px;}
.office_list_flex{height: auto;}
.office_list_flex_left strong{border-bottom: none;height: auto;}
.office_list_flex_center {width: 400px;}
.office_list_flex_right {
width: 100%;
height: 150px;
margin-top: 20px;
}
.office {padding: 150px 0 0;}
@media screen and (max-width: 740px) {
.office_list_flex_left{width: 100%;}
.office_list_flex_left img{width: 100%;}
.office_list_flex_center {width: 100%;}
.office_list_flex_center tr{width: 100%;padding: 5px 0;display: block;}
.office_list_flex_center td,th{line-height: 1.4em;display: block;}
.office_list_flex_center tbody{flex-wrap: wrap;
display: flex;}
.office_list_flex_center tr.telfax{width: 50%;}

}



/* 事業紹介 */
.title_business{margin: 50px 0 -30px 0;}
.business_figure{position: relative;}
.business_figure img{position: relative;width: 100%}
.business_figure .maru{position: absolute;background: #0A3F67;color: #fff;text-align: center;width: 130px;height: 130px;border-radius: 50%;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);display: flex;margin: 0 auto;align-items: center;font-size: 16px;justify-content: center;letter-spacing: 0.1em;}
.business_figure .l_buy{top: 30px;left: 0;right: 0;margin: 0 auto;}
.business_figure .l_sell{top: 80px;right: 330px;}
.business_figure .l_ones{top: 210px;right: 260px;}
.business_figure .l_reform{top: 350px;right: 280px;}
.business_figure .l_chintai{bottom: 25px;left: 395px;}
.business_figure .l_chintaikanri{bottom: 25px;right: 395px;}
.business_figure .l_shisan{top: 350px;left: 280px;}
.business_figure .l_akiya{top: 210px;left: 260px;}
.business_figure .l_jutaku{top: 80px;left: 330px;}
.business_figure_sp{display: none;}
@media screen and (max-width: 740px) {
.business_figure_sp{width: 100%;display: flex;flex-wrap: wrap;gap: 1.9vw;}
.business_figure_sp a{display: flex;background:#0A3F67;width: 32%;aspect-ratio: 1 / 1;height: initial;color: #fff;text-align: center;border-radius: 8px;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);align-items: center;font-size: 16px;justify-content: center;letter-spacing: 0.1em;}
}


/* リフォーム */
.area_button_flex{ width:800px; display: flex;justify-content: center;margin:0px auto;align-items:center
}
.area_button{display: block;border-radius: 18px;background: #0A3F67;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);text-align: center;
margin:0 15px; }
.area_button_contents{width: 240px;height:240px;}
.area_button_buy{width: 200px;height:180px;}
.area_button_title{font-size: 16px;color: #fff;letter-spacing: 0.1em;margin: 20px auto 10px;}
.area_button_img{margin:0 auto;}
.area_button_contents .area_button_img{height: 100px;}
.area_button_buy .area_button_img{height: 80px;}
.area_button_img img{height: 100%;width: auto;}
@media screen and (max-width: 740px) {
  .title_business{margin: 50px 0 0px 0;}
  .area_button_flex{ width:100%; flex-direction: column;gap: 15px;}
  .area_button_title{margin: 0 auto;}
  .area_button_contents{width: 100%;display: flex;height: 120px;align-items: center; position:relative; overflow:hidden; }
  .area_button_contents .area_button_img {height: 70px;}
  .area_button_contents .contentsMore { width:0; margin-right:-10px; }
  }
/* 種類 */
.column{text-align: center;padding: 50px 0;width: 100%;margin:0 auto;}
.column_grey{}
  .column .no{margin:0 auto;}
  .column .no img{width: 60px;}
  .column h2{font-size:16px;font-weight: bold;letter-spacing: 0.2em;margin: 20px auto;padding: 0;}
  .column p{text-align: center;margin-bottom: 30px;}
  .column .column_img{display: flex;justify-content: space-between;gap:20px;width: 1080px;margin: 0 auto;justify-content: center;}
  .column .column_img2 img{width: 347px;}
  .column .column_img3 img{width: 347px;}
  .column a{margin-top: 30px;display: block;}

  /* ホバーアクション */
  .step{
      transform-origin: center bottom;
      /* animation: yurayura 3s linear infinite; */
  }
  @keyframes yurayura {
    0% , 100%{
        transform: rotate(5deg);
    }
    50%{
        transform: rotate(-5deg);
    }
  }
  .maru:hover{scale:1.05;transition: 0.3s;}




  /* 流れ *//* sell.cssと似てる */
.column_flow{width: 100%;}
.column_flow_flex{width: 1080px;margin:0 auto;display: flex;text-align: left;gap:60px;border-bottom: dashed 1.5px grey;padding: 50px 0;}
.step{width: 90px;}
.step img{width: 100%;}
.column_flow h2{font-size: 16px;font-weight: bold;letter-spacing: 0.2em;text-align: left;margin: 0 auto 20px;padding: 0;}
.column_flow_text{width: 510px;}
.column_flow_img{width: 360px;}
.column_flow_img img{}
@media screen and (max-width: 740px) {
  .step {display: flex;animation: none;width: 100%;animation:none;}
  .step img {width: 50px;}
  .column_flow h2.title_sp{margin: 30px 0 0 10px;}
  .column_flow_flex{flex-wrap: wrap;width: 95%;gap: 20px;}
  .column_flow_text,.column_flow_img{width: 100%;}
  .column_flow_text p{text-align: justify;}
  .column .column_img{width: 95%;flex-direction: column;}
  .column .column_img img{width: 100%;}
  .column p{text-align:justify;width: 95%;margin:0 auto 30px;}
  .column_flow {padding: 10px 0;}
}




  /* お問い合わせボタン */
.company_contact{text-align: center;margin: 50px auto 50px;}
.company_contact p{font-size: 16px;font-weight: bold;letter-spacing: 0.2em;}
.company_contact a{width: 250px;height: 60px;line-height: 60px;color: #fff;margin:50px auto;display: block;background: #D51303;
border-radius: 18px;font-size: 16px;font-weight: bold;letter-spacing: 0.2em; border:2px solid #D51303;}
.company_contact a:hover { background: #fff;color: #D51303; transition: 0.3s; border:2px solid #D51303;}
.company_contact{width: 95%;}
@media screen and (max-width: 740px) {
.company_contact p{font-size: 14px;}
}


/* CITY_SELL.php*//* area.cssからコピー*/
.assessment{width: 100%;display: flex;justify-content: space-between;}
.ass_bg{width: 520px;height: auto;background: #EDEDED;border-radius: 18px;padding: 30px 0;}
.title_ass{height: auto;margin: 0px auto 20px;}
.title_ass_img{height: 30px;margin: 0 auto;}
.title_ass .title_p{margin-top: 10px;font-weight: bold;font-size: 16px;}
.title_ass small{font-size: 14px;}
.ass_button_flex{display: flex;width: 480px;justify-content: space-around;margin: 0 auto;height: 110px;text-align: center;}
.ass_button{border-radius: 18px;box-shadow: 3px  3px 6px rgba(0,0,0,0.3);display: block;width:140px;background: #fff;padding: 10px 0;}
.ass_button_title{font-size: 16px;letter-spacing: 0.05em;color: #0A3F67;}
.ass_button_img img{height: 60px;}
@media screen and (max-width: 740px) {
.assessment{flex-direction: column;gap: 15px;}
.ass_bg{width: 100%;}
.ass_button_flex{width: 90%;}
.ass_button{width: 30%;}
.area_button_buy{width: 100%;display: flex;height: 120px;align-items: center;}
.ass_button_title {font-size: 13px;}
.ass_button_img img {height: 15vw;}
.title_ass_img{height: 8vw;}
.title_ass .title_p{margin-bottom: 10px;}
}

/* 賃貸管理・空き家管理 */
.bussiness_page_img{width: 960px;margin:0 auto;}
.bussiness_page_img img{width: 100%;}
.bussiness_page_text{display: flex;width:1080px;margin:50px auto;justify-content: space-between;}
.bussiness_page_text_l{width: 550px;border-left: solid 10px #082E55;padding-left: 30px;}
.bussiness_page_text_l h2{font-size: 16px;font-weight: bold;}
.bussiness_page_text_l p{margin-top: 10px;text-align: justify;width: 500px;}
.bussiness_page_text_r{width: 440px;background: #f8f8f8;border-radius: 14px;display: flex;flex-wrap:wrap;padding: 30px;}
.bussiness_page_text_r li{width: 50%;}
.akiya{position: relative;}
.akiya li{width: 100%;}
.akiya img{position: absolute;right:10px;bottom:10px;}
.bussiness_page_text_r_asset{background: none;padding:0;}
.shisanunyo { width:100%;}
@media screen and (max-width: 740px) {
  .bussiness_page_img{width: 95%;}
  .bussiness_page_text{flex-direction: column;width: 95%;margin-top: 25px;}
  .bussiness_page_text_l{width: 100%;border: none;padding: 0;margin-bottom: 20px;}
  .bussiness_page_text_r{width: calc(100% - 40px);padding: 20px;}
  .bussiness_page_text_l h2{border-bottom: solid 1px #082E55;width: fit-content;}
  .bussiness_page_text_l p{width: 100%;}
  .akiya_sp{margin: 0 auto;width: 75%;}
  .akiya li{width: 50%;}
  .shisanunyo { height:150px; margin:0 auto; }
}


/* 資産運用 */
.asset_p{text-align: left;font-size: 16px;font-weight: bold;margin: 80px auto 0;width: 1050px;border-left: solid 10px #082E55;padding-left: 30px;}
.asset_p p{font-size: 14px;font-weight: normal;margin-top: 10px;}

/*リフォーム*/
.contents .contents_reform {width:80%; display:flex; flex-wrap:wrap; justify-content: space-between; justify-content: center;
margin:30px 10% 50px 10%; }
.contents .contents_reform a { width:30%; border:1px solid #ccc; border-radius:18px; position:relative; padding-bottom:20px; margin:0 10px 30px 10px; }
.contents .contents_reform a img { width:100%; border-radius:18px 18px 0 0; margin-bottom:10px; overflow: hidden; }
.contents .contents_reform a strong { width:98%; margin:0 5%; font-size:18px; font-weight:bold; display:inline-block; position:absolute;
z-index:10; top:10px; left:1%; color:#fff; }
.contents .contents_reform a span { width:90%; margin:0 5%; font-size:12px; font-weight:normal; display:inline-block;}
.contents .contents_reform strong { width:100%; margin:30px 0 0 0; text-align:left; font-size:18px; margin-bottom:20px; display:inline-block;}
.contents .contents_reform strong i { margin-right:10px; }
.content_reform_deta { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:50px; }
.content_reform_deta dl { width:50%; display:flex; }
.content_reform_deta dl dt { margin-right:10px; }
.kadomaru { width:100%; background:#EAEAEA; border-radius:18px; padding:20px 2.5%; margin-top:30px; }
.kadomaru p { letter-spacing:0;}
.zoom_box{width:100%; height:170px; margin:0 auto;overflow:hidden;display:block;will-change: transform; border-radius:18px 18px 0 0; }
.zoom_box img{transition:1s all;}
.zoom_box img:hover{transform:scale(1.2,1.2);transition:1s all;}
.slider_wrap { width:900px; margin:0 auto; }
 @media screen and (max-width: 740px) {
  .contents .contents_reform { width:100%; margin:0; }
  .contents .contents_reform a { width:95%; }
  .slider_wrap { width:90%; margin:0 auto; }


 }



table.table01 {
	width:1080px;
	border-collapse: collapse;
  margin: 80px auto;
  border-spacing: 2.5px 5px;
}
table.table01 thead th.white{background:#fff;}
table.table01 thead th.orange{background:#ED8950;border-radius: 10px 0 0 0;}
table.table01 thead th.blue{background:#62BFB8;border-radius: 0 10px 0 0}
table.table01 thead th {
	color:#FFF;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#FFF solid 1px;
  text-align: center;
}
table.table01 thead th:last-child {
}
table.table01 tbody th {
	background:#F4F4E9;
  padding: 20px 15px;
  border-bottom: #FFF solid 2px;
	vertical-align:middle;
  text-align: center;
  border-radius: 10px 0 0 10px;
}

table.table01 tbody td {
	background:#FFF;
	padding:20px 0;
  border-left: #fff solid 3px;
  border-bottom: #fff solid 3px;
	vertical-align:middle;
  text-align: center;
}

.table01 tr:nth-child(odd) td {
background: #FDFDFD;
}
.table01 tr:nth-child(even) td {
background: #f5f5f5;
}


@media screen and (max-width: 740px) {
  table.table01{width: 95%;}
  .table01 tr:nth-child(odd) td {
  background: #FDFDFD;
  }
  .table01 tr:nth-child(even) td {
  background: #FDFDFD;
  }
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
  padding: 10px 15px;
  border-radius: 10px 10px 0 0;
}
table.table01 tbody td {
	display:block;
  text-align: left;
  padding: 10px 10px;
}
table.table01 tbody td::before {
	float: left;
	clear:both;
	font-weight:400;
  font-family: "Font Awesome 5 Free";
}
table.table01 tbody td.merit::before {
color: #ED8950;
	content: "\f111";
}
table.table01 tbody td.demerit::before {
color:#62BFB8;
  content: "\f00d";
  font-weight:bold;
}

table.table01 tbody td p {
	padding-left:2em;
}
.asset_p{ width:85%; text-align: left;font-size: 16px;font-weight: bold;margin: 80px 5% 0 5%;border-left: solid 10px #082E55;padding-left: 10px;}

} */






@media (max-width: 767px) {
.bussiness_page_text_asset{flex-direction: column-reverse;}
.bussiness_page_text_r_asset{margin:0 auto;}
.bussiness_page_text_asset img{width: 75%;margin: 0 auto;}
.asset_p{width:95%;padding-left:0;border: none;}
.asset-table{width: 95%;line-height: 1.6em;}
.asset-table tbody th,
.asset-table tfoot th,
.asset-table thead th:first-child {width: 24%;font-size: 12px;}
.asset-table thead th{width: 38%;}
}

/*（共通）　項目の多いテーブルの幅を調整*/
/* @media (max-width: 767px) {
 .col6t th,
 .col6t td{
 font-size:0.4em;
 padding: 10px 0px;
 }
 .col5t th,
 .col5t td{
 font-size:0.5em;
 padding: 10px 0px;
 }
 .col4t th,
 .col4t td{
 font-size:0.7em;
 padding: 10px 5px;
 }
 .col3t th,
 .col3t td{
 font-size:0.8em;
 padding: 10px 10px;
 }
} */