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

.inquiry-box table {
  width: 980px;
  margin: 0 auto;
  font-size: 14px;
  border-collapse: separate;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); }
.inquiry-box table th {
    width: 300px;
    border-bottom: 1px solid #d9d9d9;
    background-color: #eee;
    padding: 18px 30px 15px;
    text-align: left;
    box-sizing: border-box; }
.inquiry-box table td {
    border-bottom: 1px solid #d9d9d9;
    background-color: #fff;
    padding: 18px 30px 15px; }
.inquiry-box table tr:last-child th, #recruit #mainSec table tr:last-child td {
    border-bottom: none; }


.top-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.labelhotspot {
    position: relative;
    top: 66px;
    /* width: 40px; */
    /* height: 40px; */
    /* background: red; */
    color: #916034;
    display: flex;
    align-items: center;
    justify-content: center;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
p.reform-h3{
    font-size: 24px;
    font-weight: bold;
    color: #916034;
}

.fade-img {
  transition: opacity 0.3s ease; /* なめらかに変化 */
}

.fade-img:hover {
  opacity: 0.5; /* 半透明にする（0?1）*/
}

.photo-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* PC：3列 */
  gap: 10px;
margin-top: 50px;
}

.photo-grid img {
  width: 100%;
  height: auto;
  display: block;
}

/* スマホ幅（例：768px 以下）では 1 列 */
@media (max-width: 768px) {

.inquiry-box table {
    width: 90%;
    border: none;
    margin-top: 25px;
    font-size: 13px;
    border-collapse: separate; }
.inquiry-box table th {
      display: block;
      width: 100%;
      border: none;
      background-color: #eee;
      padding: 9px 12px;
      text-align: left;
      box-sizing: border-box; }
.inquiry-box table td {
      display: block;
      border: none;
      padding: 9px 12px 19px; }
.btnArea01 {
    margin-top: 25px; }

.text-center{
    text-align: center;
    padding-top: 10px;
}

.sp-img{width:50%!important;}

p.reform-h3{
    font-size: 16px;
    font-weight: bold;
    color: #916034;
}
  .photo-grid {
    grid-template-columns: 1fr; /* 1列 */
margin-top: 20px;
  }

}

a.instagram img {
    height: 55px;
    width: auto;
}
.rotate-image {
    transition: transform 0.5s ease; /* 回転を滑らかにする */
    display: inline-block; /* 回転の中心を正しくする */
  }

  /* マウスオン時に回転 */
  .rotate-image:hover {
    transform: rotate(360deg); /* 360度回転 */
  }

/* PCでは通常表示 */
.table-scroll {
  width: 100%;
}

/* スマホのみ横スクロール */
@media (max-width: 767px) {
  .table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* スムーズスクロール */
    white-space: nowrap;
  }

  .table-scroll table {
    min-width: 600px; /* テーブル幅の最小値（必要に応じて調整） */
  }
}

.mb20{margin-bottom:20px;}
#company,#voice,#akiyakanri,#business {padding-top:36px;}

h2{
        margin-bottom: 45px;
        font-size: 39px;
        font-weight: bold;
        line-height: 1.75;
        letter-spacing: 8.58px;
        text-align: center;
        color: #9e632d;
    }
h3 {
    margin-bottom: 45px;
    font-size: 39px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 8.58px;
    text-align: center;
    color: #9e632d;
}
#company .contents-3,
#business .contents-3{
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 25px 50px 15px;
    background-image: url(/wp2/wp/wp-content/themes/century21uchijima/image/bg_wood.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
  }
#company .contents-3 h3,
#business .contents-3 h3{
        margin-bottom: 40px;
        font-size: 28px;
        font-weight: normal;
        line-height: 1.34;
        letter-spacing: 4.67px;
        text-align: left;
        color: #491c05;
    }
#company .contents-3 p,
#business .contents-3 p{
        font-size: 18px;
        font-weight: bold;
        line-height: 2;
        letter-spacing: 1.14px;
        text-align: left;
        color: #000;
    }
  #business .contents-4 {
    position: relative;
    margin-top: 400px;
    height: auto;
  }
  #business .contents-4 .content {
    width: 100%;
    position: relative;
  }
  #business .contents-4 .content img {
    width: 100%;
    display: block;
  }
  #business .contents-4 .content .hotspot {
    position: absolute;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    border: none;
    background: transparent;
    outline: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  #business .contents-4 .content .hotspot--left {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    top: 135px;
    left: 180px;
  }
  #business .contents-4 .content .hotspot--right {
    width: 280px;
    height: 280px;
    border-radius: 50%;
    top: 135px;
    right: 180px;
  }
  #business .contents-4 .sub_content img:nth-of-type(1) {
    display: block;
    width: 465px;
    height: auto;
    position: absolute;
    top: -210px;
    left: 0;
  }
  #business .contents-4 .sub_content img:nth-of-type(2) {
    display: block;
    width: 465px;
    height: auto;
    position: absolute;
    top: -220px;
    right: 0;
  }
  #business .contents-4 .sub_content .subimg {
    transition: transform 0.35s ease;
    transform-origin: center center;
  }
  #business .contents-4 .sub_content .subimg.is-zoomed {
    transform: scale(1.2);
  }
.fade-in {
  opacity: 0;
  transform: translateY(30px);
  transition: 1.5s ease-out;
}

.fade-in.show {
  opacity: 1;
  transform: translateY(0);
}
.list-box li {
  display: block;
  padding: 16px;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
}

.list-box li span {
  font-weight: bold;
  font-size: 1.2em;
  color: #2a2a2a;
  display: block;
  margin-bottom: 6px;
}


.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* PC: 2列 */
  gap: 16px;
}

/* 768px 以下（スマホ）では1列に変更 */
@media (max-width: 768px) {
  .grid-container {
    grid-template-columns: 1fr; /* スマホ: 1列 */
  }
}

.item {
}
/* PC（デフォルト）：1列目は最大360px、2列目は残り幅 */
.box-container {
  display: grid;
  grid-template-columns: minmax(0, 360px) 1fr;
  gap: 16px;
  padding:20px 0px 100px;
}

/* スマホ（768px未満）では1列 */
@media (max-width: 767px) {
  .box-container {
    grid-template-columns: 1fr;
  }
}

.box-item {
  /*background: #e0e0e0;*/
  /*padding: 20px;*/
  text-align: center;
  /*border-radius: 8px;*/
}



/* 768px 以下（スマホ）では1列に変更 */
@media (max-width: 768px) {

    .contents-2 .top-container {
        grid-template-columns: 1fr;
width: 350px!important;

    }


.top-item img{width:360px!important;height:auto!important;}
.crop {width: 100%!important;}
a.instagram{text-align: center;}
}

/*.top-item {background: aliceblue;}*/
/*.top-item img{height:830px;}*/
.crop {
  width: 615px;        /* 任意の幅 */
  height: 150px;       /* ??切り取りたい高さ */
  overflow: hidden;    /* はみ出しを隠す */
}

.crop img {
  width: 100%;         /* 画像を横幅に合わせる */
  height: auto;
}
.cl{clear:both;}

	
/** top **/
.topimg{max-width:100%;}


/*pc*/
.w1100{max-width:1100px;width:1100px;margin:0 auto;display:block;position:relative;}

#menu{max-width:900px;width:900px;margin:0 auto;display:block;}

#menu li{float:left;display:block;width:160px;height:125px;margin:0 10px;}

.menuwrap{background:url(../cmn/backmenu.png) repeat-x;display:block;margin:0;padding:0;height:125px;min-width:1150px;}


.nopc{display:none;height:0;}
.nopc2{display:none;height:0;}


#header{margin-top:25px;}


.head_l{
float:left;
margin-right:15px;
width:420px;
padding-left:5px;
}

.head_r{float:left;
width:470px;
margin-bottom:20px;
}

.marr10{margin-right:10px;}
.marb5{margin-bottom:4px;}

.head_r1{float:left;width:270px;margin-right:10px;display:block;}
.head_r2{float:left;width:182px;margin-right:5px;display:block;}
.head_r3{float:left;width:182px;display:block;margin-bottom:20px;}

#slide{height:530px;}


/*--main--*/

#main_kaso{margin-top:50px;}

/**/

.kanri_l{float:left;width:550px;height:370px;margin-top:15px;padding-top:15px;margin-bottom:20px;}
.kanri2_r{float:left;width:242px;margin-top:15px;margin-bottom:20px;}


.kanri2_r ul li{width:242px;float:left;display:block;text-align:center;font-weight:bold;}

.hiyou{padding:10px;border:2px solid #e54e4e;color:#e54e4e;font-wight:bold;font-size:26px;display:inline-block;margin-bottom:10px;}

.spanhiyou{font-size:18px;}

.file{background-image: url(/wp2/wp/wp-content/themes/century21uchijima/image/akiya/file.png);
    background-repeat: no-repeat;
    background-position:  100% 100%;}
.kanri_r{float:right;width:521px;margin-top:15px;margin-bottom:20px;}
.kanri2_l{float:right;width:760px;margin-top:15px;margin-bottom:20px;}


#kanrigyomu h4{color:#e54e4e;    font-size: 22px;
    font-weight: bold;margin-bottom:10px;}
#kanrigyomu h5{color:#666;    font-size: 18px;
    font-weight: bold;margin-top:15px;margin-bottom:10px;}

#kanrigyomu h3{
    color: #ffffff;
    font-size: 26px;
    position: relative;
    padding: 12px 0;
    border-radius: 30px;
    padding-left: 94px;
    margin-bottom: 24px;
    background-color: #e54e4e;
}
#kanrigyomu h3:before{
	content:'';
	position:absolute;
	display:inline-block;
	top:-10px;
	left:0;
	width:80px;
	background:#e54e4e;
	border-radius:50%;
	height:80px;
    background-image: url(../img/akiya/ie.png);
    background-repeat: no-repeat;
    background-position:  50% 50%;
    background-size: 45px;
}

s_text{font-size:16px;}

/*オススメ*/


#osusume{padding:50px 0;background:#ffffff;}

.osusumebox{text-align:center;margin:0 auto;width:1150px;margin-bottom:40px;}
.reco1{position:relative;display:inline-block;margin:0 12px;width:250px;text-align:left;
box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2);height:345px;
}

.reco2{position:relative;display:block;float:left;margin:0 12px;width:250px;text-align:left;
box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.2);height:345px;margin-bottom:30px;
}
.r_ab{position:absolute;right:5px;top:5px;}

.red{color:#d80909;font-size:20px;}

h3.red1{font-size:35px;color:#d80909;}

.pad10{padding:10px;}
/*お知らせ*/

#news{background:#EBF2FC;padding:50px 0;min-width:1150px;}


.n_ab{position:absolute;right:0;top:0;}


a.btn{display: block;font-weight:bold;
border-radius: 20px;text-decoration: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #2da4dd;
	width: 180px;
	padding: 5px 0;
	padding-left:10px;
	text-align:center;
	background:#fff url('../cmn/s_yazi2.png') no-repeat 20px 49%;}

a:hover.btn{
	color: #fff;
	background:#ffaa00 url('../cmn/s_yazi.png') no-repeat 20px 49%;}

a.btn2{display: block;font-weight:bold;
border-radius: 20px;text-decoration: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #000000;
	width: 250px;
	padding: 5px 0;
	padding-left:10px;
	text-align:center;
	background:#f2bb00 url('../cmn/s_yazi3.png') no-repeat 20px 49%;}

a:hover.btn2{
	color: #fff;
	background:#ffaa00 url('../cmn/s_yazi.png') no-repeat 20px 49%;}


a.btn3{display: block;font-weight:bold;
border-radius: 20px;text-decoration: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #000000;
	margin:0 auto;
	width: 360px;
	padding: 10px 0;
	padding-left:10px;
	text-align:center;
	background:#f2bb00 url('../cmn/s_yazi3.png') no-repeat 20px 49%;}

a:hover.btn3{
	color: #fff;
	background:#ffaa00 url('../cmn/s_yazi.png') no-repeat 20px 49%;}


	.noi{
	width:250px;
	height:167px;
	background:#ccc url('../cmn/nlogo.png') no-repeat 50% 50%;;
	display:block;
text-align:center;
 margin-left: auto;
 margin-right: auto;    overflow: hidden;}

	.noi img{
	width:250px;
	height:167px;
}
	
.here{position:absolute;left:0;right:0;margin:auto;bottom:10px;width:230px;display:block;}

dl.list{
height:155px;
width:1070px;
padding:15px;
background:#ffffff;
display:block;
}


dl.list dt {
	padding:0;margin:0;
   float:left;
   width:155px;
   margin-bottom:10px;
   padding-top:10px;
}


dl.list dd {padding:0;margin:0;   padding-top:10px;margin-bottom:10px;
float:left;width:755px;padding-left:140px;font-weight:bold;
}

dl.list2{
height:155px;
width:1070px;
padding:15px;
display:block;
}


dl.list2 dt {
	padding:0;margin:0;
   float:left;
   width:155px;
   margin-bottom:10px;
   padding-top:10px;
}


dl.list2 dd {padding:0;margin:0;   padding-top:10px;margin-bottom:10px;
float:left;width:755px;padding-left:140px;font-weight:bold;
}


dl.list3{
height:auto;
width:1070px;
padding:15px;
display:block;
}


dl.list3 dt {
	padding:0;margin:0;
   float:left;
   width:155px;
   margin-bottom:10px;
   padding-top:10px;
}


dl.list3 dd {padding:0;margin:0;   padding-top:10px;margin-bottom:10px;
float:left;width:795px;padding-left:100px;font-weight:bold;
}

.line1{clear:both;border-bottom:1px dotted #999999;}

.o_bana1{float:left;width:537px;}

.o_bana2{float:right;width:537px;}

.oo_bana1{float:left;width:346px;}

.oo_bana2{float:left;width:346px;margin:0 31px;}

.oo_bana3{float:left;width:346px;}

/*センチュリーバナー*/

#c_bana{padding:50px 0;background:#FAE3AA;min-width:1150px;}

.c_banabox{text-align: center;}

.c_banabox li{display: inline;margin:0px;margin-bottom:10px; margin-right:10px;}

.w_cbana{width:1121px;margin:0 auto;}


.tree{position:absolute;bottom:-50px;right:0px;overflow:hidden;}

/*田舎の我が家*/

#inaka{padding:50px 0;background:#BED83F;min-width:1150px;}

#inaka h2 a,#inaka h2 a:visited{font-size:45px;margin-bottom:36px;}
#inaka h2 a:hover{font-size:45px;margin-bottom:36px;}

.inaka1 , .inaka2{width:1100px;margin-bottom:20px;clear:both;}

.inaka1{margin-top:25px;margin-bottom:60px;}
.inaka1_l,.inaka2_l{width:555px;float:left;display:block;}

.inaka1_r,.inaka2_r{width:505px;float:right;display:block;}

.w500{width:550px;margin:0 auto;}

.kimi{background:#fbffdc;padding:20px 0;padding-top:5px;margin-top:15px;}

.semibox{width:1100px;height:170px;}
/*建築*/

.k50_1{width:50%;float:left;}

.k50_2{width:50%;float:left;}

#kentiku{padding:50px 0;
color:#ffffff;
background:#BED83F url('../img/kozaiimg.jpg') 60% 50%;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	min-height:620px;min-width:1150px;
	}
	
	#kentiku h2 a,#kentiku h3 a:visited{color:#ffffff;font-size:45px;margin-bottom:36px;}
#kentiku h2 a:hover{color:#ffffff;font-size:45px;margin-bottom:36px;}
	
#kentiku p{margin-bottom:25px;}


.kentikubana li{margin:10px 0;}

/*ソーラー*/


#solar h3 a,#solar h3 a:visited{color:#ffffff;font-size:26px;}
#solar h3 a:hover{color:#ffffff;font-size:26px;}

#solar{padding:50px 0;background:#2da4dd;color:#ffffff;min-width:1150px;}

.solarbox{width:1100px;margin:0 auto;display:block;}

.solar_l{width:450px;float:left;}

.solar_r{width:600px;float:right;padding-top:30px;}


/*--footer--*/

#footer{margin:25px auto;background:#ffffff;text-align:center;}

.foot_line{background:#bed83f url('../cmn/footline.png') repeat-x;height:45px;min-width:1150px;}
.foot_in{width:1100px;margin:0 auto;display:block;position:relative;}

.f_sitemap {
	text-align: center;
}
.f_sitemap li {
	display: inline;margin:0 10px;
}

.footlogo{padding-top:10px;text-align:center;}

.f_sitemap{padding:20px 0;}

.copy{text-align: center;font-size:11px;}
/*下層_company*/
.imap{height:480px;margin-bottom:20px;}


.c_table{
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
margin:0px 0px 20px 0px;
}
.c_table th,.c_table td{
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding:10px 10px 10px 10px;
}
.c_table th{
background-color:#f3f3f3;
text-align:left;
font-weight:bold;
padding:10px;
width:280px;
}
.c01_table{
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
margin:0px 0px 20px 0px;
}
.c01_table th,.c01_table td{
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding:10px 10px 10px 10px;
}
.c01_table th{
background-color:#f3f3f3;
font-weight:normal;
padding:5px 0px 5px 0px;
}

.right_company{float:right; width:340px;margin-bottom:20px;}
.left_company{float:left; width:760px;}
.left_company{ font-size:18px; font-weight:bold; color:#FF9900;}
.left_company p{ margin-bottom:20px;}

.right_akiya{float:right; width:340px;margin-bottom:20px;text-align:right;}
.left_akiya{float:left; width:760px;margin-top:20px;}
#minpaku h4{ font-size:18px; font-weight:bold; color:#FF9900;}
.left_akiya p{ margin-bottom:20px;}

	
	.check1{padding:20px;background:#eeeeee;margin-bottom:20px;width:1060px;}
	
	.che01{margin-right:6px;}
	.note li{
  padding-left: 1.3em;
  text-indent: -1.3em;
  padding-bottom:10px;
  font-weight:bold;
}


.foot_r{position:absolute;font-size:12px;right:0;bottom:0;}
.marb20{margin-bottom:20px;}
.marb40{margin-bottom:40px;}
/*mente*/

h3.taiyo{color:#2da4dd;margin-top:60px;}

h4.taiyo2{color:#006dbb;margin-bottom:20px;border-bottom:1px solid #006dbb;padding-bottom:5px;}

.mente2 li{list-style-type:circle;
 list-style-position: outside;margin-left:20px;font-weight:bold;}
 
 .mente2 p{margin-left:20px;margin-bottom:10px;}
 
 .genzyobox{background:#dcf1f9;padding:20px;}
 .infotext{background:#fff8e3;padding:20px;}
 h3.hline{  background: linear-gradient(transparent 50%, #ffe799 0%);margin-top:20px;
}
.madori img{width:100%;}

.time_r{float:right; padding-bottom:10px; margin-bottom:10px;}
.pagelink{padding-top:30px;}
/*.property{margin-top:20px; padding-top:30px; padding-bottom:30px;}*/

.gazo img{padding-left:20px; width:340px; height:auto;}

.gazo2{margin:20px auto;display: inline-block;}

.gazo2 li {
margin-left:20px; width:340px; height:226px;float:left;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
    overflow: hidden;    background-position: 50% 50%;
}



.property table{
border-top:1px solid #cdcdcd;
border-left:1px solid #cdcdcd;
margin:50px 0px 20px 0px;

}

/*
.property table th,.property table td{
	border-right:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	padding:10px 10px 10px 10px;
}
.property table th{
background-color:#f3f3f3;
font-weight:bold;
text-align:left;
padding:10px;
width:280px;
}*/
span.lease {
	background: #FF7300;
	padding:10px 0px 10px 18px;
	margin:10px;
	font-size:24px; color:#FFFFFF; letter-spacing:18px;
}
span.buying {
	background: #42894E;
	padding:10px 0px 10px 18px;
	margin:10px;
	font-size:24px; color:#FFFFFF; letter-spacing:18px;
}
span.vacant {
	background: #E54E4E;
	padding:10px 0px 10px 18px;
	margin:10px;
	font-size:24px; color:#FFFFFF; letter-spacing:18px;
}


span.gry {
    background: #666;
    padding: 10px 18px 10px 18px;
    margin: 10px;
    font-size: 24px;
    color: #FFFFFF;
    min-width:200px;text-align:center;
}

.vmessage span.gry{font-size:12px;padding:3px 5px}
span.sold_already {
    	background: #E54E4E;
color: #FFFFFF;
}

span.mowing {
    	background: #89e024;
color: #FFFFFF;
}


.voice_category_ul .sold_already a{
    	background: #E54E4E;
color: #FFFFFF;
}

.voice_category_ul .mowing a{
    	background: #89e024;
color: #FFFFFF;
}

.voice_category_ul{display:inline-block;margin-bottom:30px;}

.voice_category_ul li{display:inline;
    margin: 10px;
    font-size: 24px;
    color: #FFFFFF;
    min-width:200px;text-align:center;}
	
.voice_category_ul li a{ padding: 10px 18px 10px 18px;}

/* ページャー */
.pagination1{
    margin-top:50px;
    text-align:center}
 
a.page-numbers,
.pagination1 .current{
    background-color: #fff;
    border: solid 1px #000;
    border-radius:0px;
    padding:6px 9px;
    margin:0 2px;
    text-decoration: none;
    color:#000;}
 
.pagination1 .current{
    background-color: #8ABA29;
    border: solid 1px #000000;
    color:#FFFFFF;
margin-right: -4px;}
 
.pagination1 a:hover{
    color: #ffffff;
    border: solid 1px #000000;
    background-color: #000000;}
.bt10{ margin-top:-25px; margin-left:120px;}
.bt20{ margin-top:-50px; margin-left:180px;}
.cream_box{}	
.exa4 li {
  display: inline-block; width:100%;
  vertical-align:middle;
}
.more2{border:1px solid #666666; font-size:16px; text-align:center; width:100%; height:40px; padding-top:15px;background:#683a1c; color:#FFFFFF; }
.more2:hover{background:#ff7a1f;}

#kaitori{margin-bottom:20px;}

.flowbox{box-sizing:border-box;width:1100px;padding:20px;border:3px solid #f8c74e;display:block;}

.zirei{box-sizing:border-box;width:1100px;padding:20px;border:3px solid #e54e4e;display:block;margin-bottom: 30px;}


.step1{float:left;width:130px;margin-right:20px;display:block;}

.left_step{float:left;width:580px;margin-right:20px;display:block;}
.left_step h4{
font-size: 18px;
    font-weight: bold;
    color: #FF9900;}

.right_step{float:right;width:300px;display:block;}


.zu1 li{float:left;width:50%;}

.zu1{width:100%;}

#new_top{position:relative;text-align:center;position:relative;margin:0 auto;display:block;background:#65b0f4;}
.akiya_block{position:absolute;z-index:1;top:0;bottom:0;margin:auto 0;right:10px;}

.voicebox {
    position: relative;
    display: inline-block;
    text-align: left;width:100%;margin-bottom:30px;background:#ffe9ac;
}

.vimg{float:left;width:23%;margin-right:3%;box-sizing:border-box}
.vmessage{float:left;width:74%;padding:10px;box-sizing:border-box;}
.tanto_staff{margin-top:20px;font-size:15px;padding:5px;background:#eee;display:inline-block;}
.anket{text-align:center;}


/* CPページ */
.cp_imgbox {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    width: 100%;
}
.cp_box01 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 100px;
    border-bottom: 2px solid #eee;
    padding-bottom: 50px;
}
.cp_box01:nth-of-type(2) {
    margin-bottom: 100px;
}
.cp_box01_l, .cp_box01_r{
    padding: 1rem;
    position: relative;
    border: 15px solid #b9713b;
    background-color: rgba(255,255,255,.15);
    border-radius: 3px;
}
.cp_box_inner {
    margin-left: 40px;
    margin-top: 25px;
}
.cp_box_inner p:first-child{
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 5px;
    border-bottom: 1px solid #231815;
}
span.cp_box_num {
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    top: 10px;
    left: 10px;
}
p.cp_box_main_txt {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 30px;
    align-items: center;
    font-size: 30px;
    font-weight: 700;
}
p.cp_box_main_txt span{
    font-size: 100px;
    font-weight: bold;
    line-height: 100%;
    color: #ce464d;
}
.cp_box01_sub_l, .cp_box01_sub_r {
    display: grid;
    grid-template-columns: 80px 0 1fr;
    align-items: center;
    gap: 10px;
}
.cp_box01_sub_l span,.cp_box01_sub_r span{
    font-size: 18px;
    font-weight: 500;
    background-color: #d9534f;
    height: 80px;
    border-radius: 100px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 20px;
}
.cp_box01_sub_l p,.cp_box01_sub_r p {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
}
.cp_box02_main p{
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}
.cp_box02_sub p{
    display: grid;
    grid-template-columns: 120px 400px;
    align-items: center;
    justify-content: center;
    gap: 0px;
    font-weight: 700;
    font-size: 20px;
    margin-top: 40px;
}
.cp_box02_sub span{
    background-color: #d9534f;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

/* CPページ */


@media (max-width: 1100px) {

	.nopc2{display:block;height:auto;}
	
.nosmp2{display:none;}

}

@media (max-width: 860px) {

	.nopc{display:block;}
	
.nosmp{display:none;}
	






/**/

.nopc{display:block;}

.kanri_l{float:none;width:auto;height:auto;margin-top:15px;padding-top:0px;margin-bottom:20px;}
.file{background-image:none;}
.kanri_r{float:none;width:auto; margin-top:15px;margin-bottom:20px;}

.kanri2_r{float:none;width:auto;height:auto;margin-top:15px;padding-top:0px;margin-bottom:20px;}

.kanri2_r ul li{width:auto;    float: none;}


.kanri2_l{clear:both;float:none;width:auto; margin-top:15px;margin-bottom:20px;}



#kanrigyomu h4{color:#e54e4e;    font-size: 18px;
    font-weight: bold;margin-top:15px;margin-bottom:10px;}

#kanrigyomu h5{color:#666;    font-size: 16px;
    font-weight: bold;margin-top:15px;margin-bottom:10px;}

#kanrigyomu h3{
    color: #ffffff;
    font-size: 20px;
    position: relative;
    padding: 12px 0;
    border-radius: 30px;
    padding-left: 94px;
    margin-bottom: 20px;
    background-color: #e54e4e;
}
#kanrigyomu h3:before {
    content: '';
    position: absolute;
    display: inline-block;
    top: -5px;
    left: 0;
    width: 60px;
    background: #e54e4e;
    border-radius: 50%;
    height: 61px;
    background-image: url(../img/akiya/ie.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 32px;
}
/* =======================================
	pageTop
======================================= */
#pageTop{
	padding:10px;}


#pageTop img{width:30px;}

.w1100{max-width:auto;width:auto;padding:30px 10px;}

#slide{height:auto;}

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

#main,#main_kaso{padding-top:20px;}
#main{margin-top:30px;}
#osusume{padding:20px 0;background:#ffffff;}

.osusumebox{text-align:center;margin:0 auto;width:98%;padding:1%;}



.reco2{position:relative;display:inline-block;/*margin:0 1%;width:47%;*/width:250px;margin:0 auto;text-align:left;
box-shadow:0px 0px 0.5% 0.5% rgba(0, 0, 0, 0.2);height:auto;margin-bottom:15px;float:none}


.r_ab{position:absolute;right:5px;top:5px;}

.r_ab{width:50px;}
.red{color:#d80909;font-size:15px;}
h3.red1{color:#d80909;font-size:17px;}

.pad10{padding:10px;}

.osusumebox {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 15px;
    padding: 10px 10px 30px 10px;
width:340px;
  }

  .osusumebox li.reco1 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .osusumebox::-webkit-scrollbar {
    display: none;
  }

#top .contents-2{
        position: relative;
width: 350px;
        height: auto;
        margin: 0 auto;
        padding-bottom: 40px;
    }

/*お知らせ*/


a.btn{margin-top:0px;display: block;font-weight:bold;
border-radius: 20px;text-decoration: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #2da4dd;
	width: 110px;
	padding: 0px 0;
	padding-left:10px;
	text-align:center;
	background:#fff url('../cmn/s_yazi2.png') no-repeat 10px 49%;}



a.btn2{margin-top:10px;width:100%;background:#f2bb00 url('../cmn/s_yazi3.png') no-repeat 10px 49%;	padding-left:5px;
background-size:7px;}

a:hover.btn2{
	color: #fff;
	background:#ffaa00 url('../cmn/s_yazi.png') no-repeat 10px 49%;background-size:7px;}
	
	
a.btn3{margin-top:10px;width:100%;background:#f2bb00 url('../cmn/s_yazi3.png') no-repeat 10px 49%;	padding-left:5px;
background-size:7px;}

a:hover.btn3{
	color: #fff;
	background:#ffaa00 url('../cmn/s_yazi.png') no-repeat 10px 49%;background-size:7px;}
	
#news{background:#EBF2FC;padding:20px 0;min-width:auto;}

.n_ab{position:absolute;right:0;top:0; margin-right:10px;}

dl.list{
height:auto;
width:96%;
padding:2%;
background:#ffffff;
display:block;
}

dt,dd{font-size:13px;}

dl.list dt {
	padding:0;margin:0;
   float:left;
   width:42%;
   margin-bottom:5px;
   padding-top:10px;
}


dl.list dd {
float:left;width:57%;padding-left:1%;font-weight:bold;
}

.line1{clear:both;border-bottom:1px dotted #999999;}

dl.list2,dl.list3{
height:auto;
width:96%;
padding:2%;
display:block;
}

dl.list2 dt,dl.list3 dt {
	padding:0;margin:0;
   float:left;
   width:42%;
   margin-bottom:5px;
   padding-top:10px;
}


dl.list2 dd , dl.list3 dd{
float:left;width:57%;padding-left:1%;font-weight:bold;
}

.o_bana1{float:none;margin-bottom:10px;width:auto;}

.o_bana2{float:none;margin-bottom:10px;width:auto;}

.oo_bana1,.oo_bana2,.oo_bana3{float:none;margin:0;margin-bottom:10px;width:auto;}
/*センチュリーバナー*/

#c_bana{padding:20px 0;background:#FAE3AA;min-width:auto;}

.c_banabox{width:100%;}

.c_banabox li{margin:0 7px;text-align: center;}
.c_banabox li img{max-width:45%;max-height:45%;margin-bottom:5%;}


.w_cbana{width:auto;}


.tree{position:absolute;bottom:-70px;right:0px;left:0;margin:0 auto;overflow:hidden;}

/*田舎の我が家*/

#inaka{padding:20px 0;background:#BED83F;min-width:auto;}

#inaka h2 a,#inaka h2 a:visited{font-size:18px;margin-bottom:20px;}
#inaka h2 a:hover{font-size:18px;margin-bottom:20px;}

h2{font-size:18px;margin-bottom:15px;font-weight:bold;}


.inaka1 , .inaka2{width:auto;margin-bottom:20px;clear:both;}

.inaka1{margin-top:25px;}
.inaka1_l,.inaka2_l{width:auto;float:none;margin-bottom:10px;}

.inaka1_r,.inaka2_r{width:auto;float:none;}

.w500{width:auto;text-align:left;padding:0 10px;}

.semibox{max-width:100%;width:auto;height:150px;}



/*建築*/

#ken_anchor {
    display: block; padding-top: 70px; margin-top: -70px;
}

.k50_1{width:auto;float:none;display:none;}
.k50_2{width:auto;float:none;}

#kentiku{
padding:20px 0;
color:#ffffff;
height:auto;min-width:auto;min-height:auto;

	}
	
#kentiku h2 a,#kentiku h2 a:visited{color:#ffffff;font-size:18px;margin-bottom:20px;}
#kentiku h2 a:hover{color:#ffffff;font-size:18px;margin-bottom:20px;}
#kentiku h2 img,#inaka h2 img{width:20px;
vertical-align:middle;}

#kentiku p{margin-bottom:25px;}

.kentikubana li{margin:10px 0;}

/*ソーラー*/


#solar h3 a,#solar h3 a:visited{color:#ffffff;font-size:16px;}
#solar h3 a:hover{color:#ffffff;font-size:16px;}

#solar{padding:20px 0;background:#2da4dd;color:#ffffff;min-width:auto;}

.solarbox{width:auto;padding:0 10px;padding-bottom:50px;}

.solar_l{width:auto;float:none;}

.solar_r{width:auto;float:none;padding-top:15px;}


/*--footer--*/

#footer{margin:10px auto;}

.foot_line{background:#bed83f url('../cmn/footline.png') repeat-x;height:45px;min-width:auto;}

.foot_in{width:auto}

.footlogo{padding-top:10px;text-align:center;}

.copy{font-size:10px;}


.foot_r{position:relative;font-size:12px;}

/*下層_company*/
.imap{height:180px;margin-bottom:20px;}

.c_table{
margin:0px 0px 10px 0px;
display:block;
}
.c_table th,.c_table td{
display:block !important;width:auto !important;
text-align:left;padding:5px 0;height: auto !important;
}
.c_table th{	padding:10px 10px 10px 10px;
width:auto;
display:block;
}
.c01_table{ margin-top:10px;

}

.c_table td{
display:block;
text-align:left;padding:10px;
}

.c_table tbody,.c_table tr{display:block;    height: auto !important;}

.right_company{float:none; width:auto;margin-bottom:10px;text-align:center;}
.right_company img{width:100%;}
.left_company{float:none; width:auto;margin-top:0px;}
#minpaku h4{ font-size:14px; }
.right_company p{ margin-bottom:20px;}

	.check1{padding:10px;background:#eeeeee;margin-bottom:15px;width:auto;}

.right_akiya{float:none; width:auto;margin-bottom:10px;text-align:center;}
.left_akiya{float:none; width:auto;margin-top:0px;}
.left_akiya h4{ font-size:14px;}
.left_akiya p{ margin-bottom:20px;}

h3.taiyo{color:#2da4dd;margin-top:0px;}

#main_slide{height:87px !important;}
#main_slide li img{ width:116px;height:87px;}
.property{ margin:0;}
.gazo img{ width:90%; margin-bottom:5px; margin-top:5px;}


.gazo2{margin:20px auto;display:block;}

.gazo2 li {
margin-left:auto; width:90%; height:212px;float:none;margin:10px auto;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    text-align: center;
    overflow: hidden;    background-position: 50% 50%;
}


.property table{ margin:10px 0 0 0; 

}
/*.property table td{ widows:80%;
}
.property table th{ width:20%;
}*/
span.lease {
	background: #FF7300;
	margin:10px;
	color:#FFFFFF; font-size:10px;
}
span.buying {
	background: #42894E;
	margin:10px;
	color:#FFFFFF; font-size:10px;
}
span.vacant {
	background: #E54E4E;
	margin:10px;
	color:#FFFFFF; font-size:10px;
}
h2{font-size:20px; margin-bottom:10px;}

.marb40{margin-bottom:20px;}
.bt10{ margin-top:-20px; margin-left:35%;}
.bt20{ margin-top:-20px; margin-left:35%;}


.here{position:relative;top: 10px;left:0;right:0;margin:auto;bottom:10px;width:auto;display:block;}

.flowbox{width:auto}
.zirei{width:auto}

.top-item{
    text-align: left;
}


.step1{float:left;width:25%;margin-right:5%;display:block;}

.step1 img{width:100px;}

.left_step{float:left;width:70%;margin-right:0px;display:block;}

.right_step{float:none;width:auto;display:block;}

.zu1 li{float:none;width:100%;}

.vimg{float:none;width:auto;margin-right:auto;box-sizing:border-box;margin-bottom:10px;}
.vmessage{float:none;width:auto;padding:10px;box-sizing:border-box;}
.tanto_staff{margin-top:20px;font-size:15px;padding:5px;background:#eee;display:inline-block;}

.akiya_block{width:30%;}




	}



@media screen and (max-width: 1024px) {
#company, #voice, #akiyakanri, #business {padding-top: 100px;}
#company .contents-3, #business .contents-3 {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 30px;
    padding: 15px;
    background-image: url(/wp2/wp/wp-content/themes/century21uchijima/image/bg_wood.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
}
#company .contents-3 h3, #business .contents-3 h3 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: normal;
        line-height: 1.34;
        letter-spacing: 2.3px;
        text-align: left;
        color: #491c05;
}
#company .contents-3 p,#business .contents-3 p {
        font-size: 13px;
        font-weight: bold;
        line-height: 2;
        letter-spacing: 1.14px;
        text-align: left;
        color: #000;
    }
h3 {
    margin-bottom: 45px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 1.58px;
    text-align: center;
    color: #9e632d;
}

}