
.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_sell .menu_border { border-bottom:3px solid #FED631; }
@media screen and (max-width: 1120px) {
  .menu ul li .menu_sell_sp .menu_border { border-left:5px solid #FED631; }
  .menu ul li span.menu_sell_sp i.fa-plus { display:none; }
  .menu ul li .menu_sell_sub { display:block; height:auto; opacity:1; transition:0.3s; }
}

@media screen and (max-width: 740px) {
.PC{display: none;}
.SP{display:block;}
.contents {margin: 30px auto 80px auto;}
.title{padding: 0px 0 0px 0;}
.title_top{margin: 10px auto;width: 95%;}
.title strong{font-size: 9vw;}
}
/* ここまで共通 */


.bg_grey{background:#f8f8f8;padding: 1px;}
.contents{margin: 50px auto;}
.footer_ill_wrap{background: #f8f8f8;}
.title_h1 { margin-bottom:30px; }

/* トップ */
.top_bg{width: 100%;background-image: url(../img/sell_bg.png);height:600px;background-size: 100% 100%;background-repeat: no-repeat;}
.top{width: 800px;margin:0 auto;position: relative;}
.top .sell_onde{width:200px; position: absolute;right:100px;}
.top .fukidashi{position: absolute;left: 0;width: 60%;}
.top p{color: #0A3F67;position: absolute;font-weight: bold;font-size: 18px;top: 80px;left: 80px;}
.top p span{color: #F65E39;}
.top p small{font-size: 16px;}
.top p strong{font-size: 45px;line-height: 70px;background: linear-gradient(transparent 70%, #FED631 70%);letter-spacing: 0.1em;
font-weight:bold; }
.caution { width:95%; display:inline-block; margin:0 0 0 5%; }

@media screen and (max-width: 740px) {
  .contents{margin: 50px auto 30px auto;}
  .top_bg{background-image: url(../img/sell_bg_sp.png);height:85vh;}

  .top{width: 95%;margin-top: 0;}
  .top p{font-size: 3.8vw;top: 50px;left: 20px;right: 0;margin: 0;width: fit-content;line-height: 1.6em;text-align: center;}
  .top p small{font-size: 13px;}
  .top p strong{font-size: 28px;line-height: 40px;}
  .top .fukidashi{width: 85%;left: 0;margin: 0;}
  .top .sell_onde{width: 28%;top: 23vh;z-index: 2;right: 0px;}
  .contentsMore { display:none; }
  .caution { width:90%; display:inline-block;margin: 0px 5% 0 5px;}
    }
    @media screen and (max-width: 350px) {
        .top_bg{height:93vh;}
    }


/* リフォーム */
.area_button_flex{display:flex; margin:0px auto;  justify-content: center;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;}
.area_button_contents{width: 240px;
height: auto;
margin: 0 15px;
padding: 30px 0;}
.area_button_buy{width: 200px;height:180px;  }
.area_button_title{font-size: 16px;color: #fff;letter-spacing: 0.1em;margin: 0px 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;}
.contents_sell{margin: 50px auto;}
@media screen and (max-width: 740px) {
  .area_button_flex{flex-wrap: wrap;
gap: 2%;}
  .area_button_title{margin: 0 auto;}
  .area_button_contents {
  width: 48%;
  display: block;
  height: auto;
  align-items: center;
  margin-bottom: 15px;
  margin: 2% 0;
  padding: 20px 0;
  }
  .area_button_contents .area_button_img {height: 90px;}
  }




  /* 流れ *//* company.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{width:100%;}
@media screen and (max-width: 740px) {
  .step {display: flex;animation: none;width: 100%;animation:none; justify-content: center;}
  .step img {width: 50px;align-self: start; }
  .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_img img{width: 70%; margin:0 15%;padding-bottom: 50px;}

}


  /* 強み */
  .column{text-align: center;padding: 50px 0;width: 100%;margin:0 auto;}
  .column_grey{}
  .column_flow{width: 100%;}
  .column_flow_flex{width: 1080px;margin:0 auto;display: flex;text-align: left;gap:60px;}
  .column_merit_l,.column_merit_r{width: 500px;}
  .column_merit_l .no{display: flex;align-items: center;}
  .column_merit_l .no img{width: 75px;height: 94px;}
  .column_merit_l .no h2{margin: 0;padding: 0;margin-left: 20px;}
  .column_flow_text p{margin-top: 20px;}
  .column_flow_text p a:link { text-decoration:underline;}
  .column_flow_text p a:hover { text-decoration:none;}
  .column_merit_r{width: 500px;}
  .column_merit_r img{width:100%;}
  .column_merit2{display: flex;justify-content: space-between;width: 1080px;margin:30px auto 0;border-bottom: dashed 1.5px grey;padding-bottom:50px;}
  .column_merit2 img{width: 255px;}

@media screen and (max-width: 740px) {
  .column_flow_flex{width: 90%;gap: 20px;padding: 0;}
    .column_merit_l,.column_merit_r{width: 100%;padding-bottom: 50px;}
.column_merit_l .no img{width: 50px;height: auto;}
.column_merit_l .no h2{letter-spacing: 0.1em;}
.column_merit2{flex-wrap: wrap;width: 90%;gap: 1.9vw;padding-bottom: 50px;margin-top: -40px;}
.column_merit2 img {width: 48%;}
.column_flow {padding: 30px 0;}
}


  /* お問い合わせボタン */
.company_contact{text-align: center;margin: 50px auto 100px;}
.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:20px auto;display: block;background: #D51303;border-radius: 18px;font-size: 16px;font-weight: bold;letter-spacing: 0.2em;}

.company_contact{width: 95%;}


/* CITY_SELL.php*//* area.cssからコピー*/
.assessment{width: 100%; margin-bottom: 30px; display: flex;justify-content: space-between;}
.assessment:last-child { justify-content: center;}
.ass_bg{width: 520px;height: auto;background: #EDEDED;border-radius: 18px;padding: 30px 0;}
.title_ass{height: auto;margin: 0px auto 20px;padding: 0;}
.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: #0A3F67;padding: 10px 0;}
.ass_button_title{font-size: 16px;letter-spacing: 0.05em;color: #FED631;}
.ass_button_img img{height: 60px;}
@media screen and (max-width: 740px) {
.assessment{flex-direction: column;gap: 15px; margin-bottom: 0;}
.ass_bg{width: 100%; margin-bottom:30px;}
.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;}
}

/* 売却の種類 */
/* ここから */
table.table01 {
	width:1080px;
	border-collapse: collapse;
  margin: 30px auto;
  border-spacing: 2.5px 5px;
}
table.table01 thead th.white{background:#fff;width: 22%;}
table.table01 thead th.orange{background:#0A3F67;border-radius: 10px 0 0 0;width: 26%;}
table.table01 thead th.blue{background:#0A3F67;border-radius: 0 0 0 0;width: 26%;}
table.table01 thead th.pink{background:#0A3F67;border-radius: 0 10px 0 0;width: 26%;}

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";
}

table.table01 tbody td p {
	padding-left:2em;
}
} */
/* ここまで */

.sell_type_img{width: 960px;margin:0 auto 100px;}
.sell_type_img img{width: 100%;}

@media (max-width: 767px) {
  .sell_type_img{width: 95%;margin: 0 auto 30px;}
  .table01{display: none;}
  .keiyaku {
    width: 95%;
  display: block;
padding: 10px 0px;
  border-radius: 10px 10px 0 0;
  background: #0A3F67;
  border-bottom: #FFF solid 2px;
  vertical-align: middle;
  text-align: center;
  border-radius: 10px 10px 0 0;
margin: 10px auto 0;
  font-size: 16px;
font-weight: bold;
letter-spacing: 0.1em;
color: #fff;
  }

  .keiyaku_naiyou {
display: block;
text-align: left;
padding: 0px;
background: #F8F8F8;
border-left: #fff solid 3px;
border-bottom: #fff solid 3px;
vertical-align: middle;
text-align: left;
width: 95%;
margin:0 auto;
}
  .keiyaku_naiyou li{border-bottom: solid 1px #fff;padding: 5px 10px;}
  .footer_ill_wrap{background:none;}
}
