@charset "utf-8";
/* CSS Document */
a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}


main {
  background-color: #f1f1f1;
  display: flex;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
}
@media screen and (min-width: 960px) {
 body {
  background-color: lightgray;
  display: flex;
  justify-content: center;
}
}
.container {
  width: 100%
}
@media screen and (min-width: 960px) {
  .container {
   width: 1090px;
  }
}
.main {
  margin: auto;
}

.footer {
  background-color: #f6f6f6;
  height: 30px;
  display: flex;
  justify-content: center;
}

.footer p {
  font-size: 12px;
  margin: auto;
}

/* ヘッダー */


.header {
  background-color: white;
  width: 100%;
  height: 50px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
@media screen and (min-width: 960px) {
  .header {
	position: sticky;
    width: 1090px;
  }
}

.header__inner {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  position: relative;
}

/* ヘッダーのロゴ部分 */
.header__title {
  width: 80px;
}

@media screen and (min-width: 960px) {
  .header__title {
    display: none;
  }
}

.header__title img {
  display: block;
  width: 100%;
  height: 100%;
}

/* ヘッダーのナビ部分 */

.header__nav {
  position: absolute;
  right: 0;
  top: 0;
  width: 60vw;
  height: auto;
  transform: translateX(100%);
  background-color: rgba( 255, 255, 255, 0.8 );
  transition: ease .4s;
  margin-top: 50px;
}


@media screen and (min-width: 960px) {
  .header__nav {
    position: static;
    transform: initial;
    background-color: inherit;
    height: inherit;
    display: flex;
    justify-content: end;
    width: 1090px;
	margin-top: 0;
  }
}

.nav__items {
    width: 100%;
  }
@media screen and (min-width: 960px) {
  .nav__items {
    width: 100%;
	margin-top: 0;
    display: flex;
    align-items: center;
    height: initial;
    justify-content: space-between;
  }
}

.nav-items__item {
  height: auto;
  border-bottom: 0.5px solid #000000;
}

@media screen and (min-width: 960px) {
  .nav-items__item {
    height: auto;
	border-bottom: none;
  }
}
.bt {
  height: auto;
  border-top: 0.5px solid #000000;
}

@media screen and (min-width: 960px) {
  .bt {
    height: auto;
	border-top: none;
  }
}


.nav-items__item a {
  color: black;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 10px 0;
}


  .nav-items__item a:hover {
    background-color: rgba( 102, 153, 0, 0.4 ); 
  }
@media screen and (min-width: 960px) {
  .nav-items__item a:hover {
    background-color: transparent;
  }
}



@media screen and (min-width: 960px) {
  .nav-items__item a {
    position: relative;
	margin-bottom: 0;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0;
  }
}
@media screen and (min-width: 960px) {
  .nav-items__item a::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #000000;
    bottom: -1px;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform 0.3s; 
  }
}
@media screen and (min-width: 960px) {
  .nav-items__item a:hover::after {
    transform: scale(1, 1); 
  }
}
@media screen and (min-width: 960px) {
.nav__items>li.current>a::before {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 2px;
background: #000000;
bottom: -1px;    
visibility: visible;
}
}
/* ハンバーガーメニュー */

.header__hamburger {
  width: 48px;
  height: 100%;

}

.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
  cursor: pointer;
}

@media screen and (min-width: 960px) {
  .hamburger {
    display: none;
  }
}

/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 1px;
  background-color: #000;
  position: relative;
  transition: ease .4s;
  display: block;
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 9px 0;
}

.hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;

}

.hamburger.active span:nth-child(3) {
  top: -13px;
  transform: rotate(-45deg);
}

.header-logo {
width: 100%;
height: 50px;
padding: 0;
margin: 50px 0 0;
background-color: #66cb00;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 960px) {
.header-logo {
width: 1090px;
height: 100px;
padding: 0;
margin: 0;
display: flex;
flex-direction: row;
  }
}
.header-logo .innerleft {
width: 100%;
}
@media screen and (min-width: 960px) {
.header-logo .innerleft {
width: 60%;
}
}
.header-logo .innerleft .top {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 960px) {
.header-logo .innerleft .top {
display: flex;
height: 50%;
align-items: center;
}
}
.header-logo .innerleft .top .left{
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 0px #268c04;
letter-spacing: 3px;
}
@media screen and (min-width: 960px) {
.header-logo .innerleft .top .left{
width: 45%;
font-size: 16px;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 0px #268c04;
letter-spacing: 3px;
padding-left: 30px;
}
}
.header-logo .innerleft .top .right{
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 0px #268c04;
padding-left: 10px;
}
@media screen and (min-width: 960px) {
.header-logo .innerleft .top .right{
width: 55%;
font-size: 28px;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 0px #268c04;
}
}
.header-logo .innerleft .top .right a{
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 0px #268c04;
padding-left: 10px;
}
@media screen and (min-width: 960px) {
.header-logo .innerleft .top .right a {
width: 55%;
font-size: 28px;
font-weight: bold;
color: #ffffff;
text-shadow: 2px 2px 0px #268c04;
}
}
.header-logo .innerleft .top .right a:hover{
color: greenyellow;
}
.header-logo .innerleft .bottom {
display: none;
}
@media screen and (min-width: 960px) {
.header-logo .innerleft .bottom {
display: flex;
height: 50%;
align-items: center;
font-size: 36px;
font-weight: bold;
color: #ffffff;
letter-spacing: 10px;
padding-left: 30px;
padding-top: 10px;
}
}
.header-logo .innerright {
display: flex;
align-items: center;
justify-content: center;
padding-top: 8px;
}
@media screen and (min-width: 960px) {
.header-logo .innerright {
width: 40%;
padding-top: 0;
}
}
.header-logo .innerright .left{
display: none;
}
@media screen and (min-width: 960px) {
.header-logo .innerright .left{
width: 30%;
font-size: 30px;
font-weight: bold;
color: #000000;
padding-top: 5px;
display: block;
}
}
.header-logo .innerright .left2{
font-size: 12px;
font-weight: bold;
color: #ffffff;
}
@media screen and (min-width: 960px) {
.header-logo .innerright .left2{
display: none;
}
}
.header-logo .innerright .right{
display: none;
}
@media screen and (min-width: 960px) {
.header-logo .innerright .right{
width: 70%;
font-size: 60px;
font-weight: bold;
color: #000000;
text-align: right;
letter-spacing: 7px;
padding:10px 23px 0 0;
display: block;
}
}
.header-logo .innerright .right2{
font-size: 14px;
font-weight: bold;
color: #000000;
margin-left: 10px;
}
@media screen and (min-width: 960px) {
.header-logo .innerright .right2{
display: none;
}
}
.header-logo img {
width: 100%;
text-align: center;
padding: 0;
line-height: 0;
}

.contents {
  background-color: white;	
}
@media screen and (min-width: 960px) {
.contents {
	display: flex;
  }
}
.reform {
  display: block; 
  width: 95%;	
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
.reform {
width: 500px;
margin-left: 30px;
  }
}
.realestate {
  display: block; 
  width: 95%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
.realestate {
width: 500px;
margin-right: 30px;
  }
}
.box1 {
  display: block; 
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;
  border-top: solid thin #000000;
}
@media screen and (min-width: 960px) {
.box1 {
width: 500px;
margin-top: 60px;
padding-top: 20px;
border-top: solid thin #000000;
  }
}
.box1 .title {
  width: 100%;
  display: flex;
  align-items: baseline;
  margin-bottom: 10px;
}
@media screen and (min-width: 960px) {
.box1 .title {
  width: 500px;
  }
}
.box1 .titletext {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.box1 .titletext2 {
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
}
.box1 .image img {
  width: 100%;
}
@media screen and (min-width: 960px) {
.box1 .image img {
width: 500px;
  }
}
.box1 .text {
  margin-top: 10px;
  padding: 0;
  font-size: 14px;
}
.box1 .text2 {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 margin: 10px 0;
}

.box2 { 
  display: flex;
  margin-top: 30px;
  padding-top: 20px;
  width: 100%;
  border-top: solid thin #000000;
}
@media screen and (min-width: 960px) {
.box2 {
width: 500px;
margin-top: 60px;
padding-top: 20px;
border-top: solid thin #000000;
  }
}
.box2 .image {
  width: 50%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2 .image {
width: 240px;
  }
}
.box2 .image img {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2 .image img {
width: 240px;
  }
}

.box2 .right {
  width: 50%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2 .right {
width: 250px;
  }
}
.box2 .title {
  margin-left: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.box2 .title a{
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.box2 .title a:hover{
  color:greenyellow;
}
.box2 .text {
  margin: 10px 0 0 10px;
  padding: 0;
 font-size: 14px;
}


.contents2 {
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 960px) {
.contents2 {
width: 1090px;
display: flex;
  }
}
.boxleft {
  width: 95%;
  display: flex;
  margin: 0 auto;
  border-top: solid thin #000000;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
}
@media screen and (min-width: 960px) {
.boxleft {
width: 500px;
border-top: solid thin #000000;
margin-top: 60px;
margin-left: 30px;
padding-top: 20px;
padding-bottom: 40px;
  }
}
.boxal {
  width: 50%;
  text-align: center;
}
@media screen and (min-width: 960px) {
.boxal {
width: 250px;
margin: 0;
text-align: left;
  }
}
.boxal .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  margin-bottom: 10px;
}
.boxal .title a{
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.boxal .title a:hover{
  color:greenyellow;
}
.boxal ul li a {
  font-size: 12px;
  color: black;
}
.boxal ul li a:hover {
  color: red;
}
.boxar {
  width: 50%;
  text-align: center;
}
@media screen and (min-width: 960px) {
.boxar {
width: 250px;
margin: 0;
text-align: left;
  }
}
.boxar .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  margin-bottom: 10px;
}
.boxar .title a {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.boxar .title a:hover{
  color:greenyellow;
}
.boxar ul li a {
  font-size: 12px;
  color: black;
}
.boxar ul li a:hover {
  color: red;
}
.boxright {
  width: 95%;
  display: flex;
  justify-content:space-between;
  margin: 0 auto;
  border-top: solid thin #000000;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 40px;
}
@media screen and (min-width: 960px) {
.boxright {
width: 500px;
border-top: solid thin #000000;
margin-top: 60px;
margin-right: 30px;
padding-top: 20px;
padding-bottom: 40px;
  }
}
.boxbl {
  width: 50%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media screen and (min-width: 960px) {
.boxbl {
width: 250px;
display: flex;
flex-flow: column;
align-items: flex-start;
  }
}
.boxbl .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  margin-bottom: 10px;
}
.boxbl .title a {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.boxbl .title a:hover{
  color:greenyellow;
}
.boxbl .kouji {
  font-size: 12px;
  color: black;
  width: 90%;
  text-align: justify;
}
.boxbr {
  width: 50%;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media screen and (min-width: 960px) {
.boxbr {
width: 250px;
display: flex;
flex-flow: column;
align-items: flex-start;
  }
}
.boxbr .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  margin-bottom: 10px;
}
.boxbr .title a {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.boxbr .title a:hover{
  color:greenyellow;
}
.boxbr .kouji {
  font-size: 12px;
  color: black;
  width: 90%;
  text-align: justify;
}
.target{ 
  margin:0px 0px 10px 0;
  width:100%;
}
@media screen and (min-width: 960px) {
.target{ 
  float:left;
  margin:0px 20px 10px 0;
  vertical-align: top;
  width: 300px;
}
}
.honbun{ 
  margin:10px 0 0 0;
}
/* リフォーム畳 */
.columnnavi {
	font-size: 12px;
	background-color: white;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 30px;
}
.columnnavi_inner {
	width: 95%;
}
.tatamititle {
	color: white;
	background-color: white;
	display: flex;
    justify-content: center;
    align-items: center;
}
.tatamititle_inner {
	width: 95%;
	background-color: darkorange;
	height: auto;
	border-radius: 5px;
}
@media screen and (min-width: 960px) {
	.tatamititle_inner {
    width: 1030px;
	display: flex;
	background-color: darkorange;
	height: 30px;
    align-items: center; 
    justify-content: center;
	border-radius: 5px;
  }
}

.shoujititle {
	color: white;
	background-color: white;
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}
@media screen and (min-width: 960px) {
	.shoujititle {
	display: flex;
    padding-top: 80px;
  }
}
.shoujititle_inner {
	width: 95%;
	background-color: darkorange;
	height: auto;
	border-radius: 5px;
}
@media screen and (min-width: 960px) {
	.shoujititle_inner {
    width: 1030px;
	display: flex;
	background-color: darkorange;
	height: 30px;
    align-items: center; 
    justify-content: center;
	border-radius: 5px;
  }
}
.buildingtitle {
	color: white;
	background-color: white;
	display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 30px;
}
@media screen and (min-width: 960px) {
	.buildingtitle {
    padding-top: 60px;
  }
}
.buildingtitle_inner {
	width: 95%;
	background-color: darkorange;
	height: auto;
	border-radius: 5px;
	display: block;
}
@media screen and (min-width: 960px) {
	.buildingtitle_inner {
    width: 1030px;
	display: flex;
	height: 30px;
    align-items: center; 
    justify-content: center;
	border-radius: 5px;
  }
}

.catch {
  display: flex;
  align-items: center; 
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin: 2.5% 0 2.5% 0;
}
@media screen and (min-width: 960px) {
	.catch {
  display: flex;
  align-items: center; 
  justify-content: center;
  padding-right: 5px;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  }
}
.catch:after {
  border-top: 1px solid;
  content: "";
  width: 20px;
  margin-left: 5px;
  }
@media screen and (min-width: 960px) {
.catch:after {
  border-top: 1px solid;
  content: "";
  width: 20px;
  margin-left: 5px;
  }
}
.catch:before {
  border-top: 1px solid;
  content: "";
  width: 20px;
  margin-right: 5px;
  }
@media screen and (min-width: 960px) {
.catch:before {
  display: none;
  }
}
.catch2 {
  font-size: 14px;
  margin: 0 auto 2.5%;
  width: 95%;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 960px) {
.catch2 {
  font-size: 18px;
  width: auto;
  margin: 0;
  }
}
.spbr{
 display: block;
}
@media screen and (min-width: 960px) {
.spbr {
display: none;
}
}
.catch3 {
  display: flex;
  align-items: center; 
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 2.5%;
}
@media screen and (min-width: 960px) {
	.catch3 {
  padding-left: 5px;
  font-weight: bold;
  margin: 0;
  }
}
.catch3:before {
  display: none;
  }
@media screen and (min-width: 960px) {
.catch3:before {
  display: flex;
  border-top: 1px solid;
  content: "";
  width: 20px;
  margin-right: 5px;
  }
}
.catch4 {
  font-size: 18px;
  margin-bottom: 2.5%;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 960px) {
.catch4 {
  font-size: 18px;
  font-weight: bold;
  width: auto;
  margin: 0;
  }
}
.catch4 a {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: white;
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
.catch4 a {
  font-size: 18px;
  font-weight: bold;
  width: auto;
  }
}
.catch4 a:hover {
  color: greenyellow;
}
.catch5 {
  display: flex;
  align-items: center; 
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin: 2.5% 0 2.5% 0;
}
@media screen and (min-width: 960px) {
	.catch5 {
  display: flex;
  align-items: center; 
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  }
}
.catch5:after {
  border-top: 1px solid;
  content: "";
  width: 20px;
  margin-left: 5px;
  }
@media screen and (min-width: 960px) {
.catch5:after {
  display: none;
  }
}
.catch5:before {
  border-top: 1px solid;
  content: "";
  width: 20px;
  margin-right: 5px;
  }
@media screen and (min-width: 960px) {
.catch5:before {
  display: none;
  }
}
.contents_reform {
  background-color: white;
  display: flex;
  justify-content: center;
}
.reform_tatami {
  width: 95%;	
}.reform_tatami .text {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 margin: 10px 0;
}
@media screen and (min-width: 960px) {
.reform_tatami {
width: 1030px;
  }
}
.box1_tatami {
  display: block; 
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 960px) {
.box1_tatami {
width: 1030px;
margin-top: 60px;
  }
}
.box1_tatami .text {
  font-size: 14px;
  text-align: justify;
  line-height: 1.5;
}

.box2_tatami { 
  margin-top: 30px;
  padding-top: 20px;
  width: 100%;
  border-top: solid thin #000000;
}
@media screen and (min-width: 960px) {
.box2_tatami {
display: flex;
width: 1030px;
margin-top: 60px;
padding-top: 20px;
border-top: solid thin #000000;
  }
}
.box2_tatami .image img {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_tatami .image img {
width: 500px;
  }
}
.box2_tatami .left {
  width: 100%;
  text-align: left;
  padding-top: 15px;
}
@media screen and (min-width: 960px) {
.box2_tatami .left {
margin: 0;
width: 500px;
padding-top: 0;
  }
}
.box2_tatami .right {
  width: 100%;
  text-align: left;
  padding-top: 15px;
}
@media screen and (min-width: 960px) {
.box2_tatami .right {
margin: 0 0 0 30px;
width: 500px;
padding-top: 0;
  }
}
.box2_tatami .text {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 margin: 10px 0;
}
.box2_tatami .text2 {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 margin: 10px 0;
}
.box2_tatami .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  padding-top: 50px;
  margin-top:-50px;
}
.box2_tatami .title a{
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.box2_tatami .titlereal {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  text-align: center;
}
.box2_tatami .titlereal a{
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
@media screen and (min-width: 960px) {
.box2_tatami .titlereal {
  text-align: left;
  }
}
.box2_tatami .full {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_tatami .full {
margin: 0;
width: 1030px;
  }
}

.box2_tatami2 { 
  margin-top: 30px;
  padding-top: 20px;
  width: 100%;
}
@media screen and (min-width: 960px) {
.box2_tatami2 {
display: flex;
width: 1030px;
margin-top: 30px;
padding-top: 0px;
  }
}
.box2_tatami2 .image img {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_tatami2 .image img {
width: 500px;
  }
}
.box2_tatami2 .left {
  width: 100%;
  text-align: left;
  padding-top: 15px;
}
@media screen and (min-width: 960px) {
.box2_tatami2 .left {
margin: 0;
width: 500px;
padding-top: 0;
  }
}
.box2_tatami2 .right {
  width: 100%;
  text-align: left;
  padding-top: 15px;
}
@media screen and (min-width: 960px) {
.box2_tatami2 .right {
margin: 0 0 0 30px;
width: 500px;
padding-top: 0;
  }
}

.kakakutitle {
  display: block; 
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;
  border-top: solid thin #000000;
}
@media screen and (min-width: 960px) {
.kakakutitle {
margin-top: 60px;
padding-top: 20px;
border-top: solid thin #000000;
  }
}
.kakakutitle .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  text-align: center;
}
@media screen and (min-width: 960px) {
.kakakutitle .title {
  text-align: left;
  }
}
.tatamikakaku {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 960px) {
.tatamikakaku {
  margin: 0;
  width: auto;
  }
}
.tatamikakaku table {
  border-collapse: collapse;
  font-size: 12px;
}
.tb01 {
    width: 100%;
	margin-top: 10px;
	line-height: 1.5;
  }
@media screen and (min-width: 960px) {
	.tb01 {
    width: 1030px;
	margin-top: 10px;
  }
}
.tb01 tr {
    width: 100%;
  }
@media screen and (min-width: 960px) {
	.tb01 tr {
    display: flex;
  }
}

.tb01 .head {
    display:none;
  }
@media screen and (min-width: 960px) {
	.tb01 .head {
    display:flex;
  }
}
@media screen and (min-width: 960px) {
	.tb01 .head th {
    background-color: #669900;
	color: white;
	height: auto;
  }
}
@media screen and (min-width: 960px) {
	.tb01 .td20 {
    width: 20%;
  }
}
@media screen and (min-width: 960px) {
	.tb01 .td40 {
    width: 40%;
  }
}
@media screen and (min-width: 960px) {
	.tb01 .tdbb {
	border-bottom: solid 0.5px #000000;
  }
}
.tb01 .tdbb3 {
	border-bottom: solid 0.5px #000000;
  }

.tb01 td {
    padding: 10px 0;
    display: block;
    width: 100%;
    height: 20px;
    text-align: center;
	border-top: solid 0.5px #000000;
	border-bottom: none;
	border-left: solid 0.5px #000000;
	border-right: solid 0.5px #000000;
  }
@media screen and (min-width: 960px) {
.tb01 td {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  box-sizing: border-box;
  border-top: solid 0.5px #000000;
  border-bottom: none;
  border-left: solid 0.5px #000000;
  border-right: none;
  height: 50px;
 }
}
.tb01 td:before {
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    height: 100%;
    display: inline;
    background-color: #669900;
    padding: 10px;
    float: left;
	width: 90px;
	margin-top: -10px;
 }
@media screen and (min-width: 960px) {
.tb01 td:before {
  display: none;
 }
}

.tb01 td:nth-of-type(3) {
    padding: 10px 2% 10px 0;
    display: block;
    width: 98%;
    height: 105px;
    text-align: justify;
  }
@media screen and (min-width: 960px) {
.tb01 td:nth-of-type(3) {
  width: 40%;
  padding: 7.5px 10px;
  text-align: left;
  height: 50px;
 }
}
.tb01 td:nth-of-type(3)::before {
    margin-right: 2%;
	height: 100%;
  }
@media screen and (min-width: 960px) {
.tb01 td:nth-of-type(3)::before {
  display: none;
 }
}

.tb01 th{
	padding: 10px 0;
    display: block;
    width: 100%;
	height: 20px;
	text-align: center;
	border-top: solid 0.5px #000000;
    border-bottom: none;
    border-left: solid 0.5px #000000;
    border-right: solid 0.5px #000000;
    color: black;
  }
@media screen and (min-width: 960px) {
.tb01 th {
  padding: 10px 0;
  text-align:center;
  box-sizing: border-box;
  border-top: solid 0.5px #000000;
  border-bottom: none;
  border-left: solid 0.5px #000000;
  border-right: none;
  height: 50px;
	}
}
.tb01 th:before {
    color: #fff;
    content: attr(data-label);
    font-weight: bold;
    height: 100%;
    display: inline;
    background-color: #669900;
    padding: 10px;
    float: left;
	width: 90px;
	margin-top: -10px;
  }
@media screen and (min-width: 960px) {
.tb01 th:before {
  display: none;
 }
}
@media screen and (min-width: 960px) {
	.tb01 td:last-child {
    border-right: solid 0.5px #000000;
  }
}
@media screen and (min-width: 960px) {
	.tb01 .head th:last-child {
    border-right: solid 0.5px #000000;
  }
}

.desc {
  width: 100%;
  margin-top: 10px
}
@media screen and (min-width: 960px) {
.desc {
width: 1030px;
  }
}
.desc .text {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 width: auto;
 text-indent: -1em;
 padding-left: 1em;
}

/* 不動産管理ページ */
.box1_realestate {
  display: block; 
  width: 100%;
  margin-top: 30px;
}
@media screen and (min-width: 960px) {
.box1_realestate {
width: 1030px;
margin-top: 60px;
  }
}

.box1_realestate .text {
  font-size: 14px;
  text-align: justify;
  line-height: 1.5;
  width: auto;
  text-indent: -1em;
  padding-left: 1em;
}
.box1_realestate .texttitle {
  font-size: 14px;
  text-align: justify;
  line-height: 1.5;
  margin-bottom: 19.25px;
}
.box1_realestate .spbr{
 display: block;
}
@media screen and (min-width: 960px) {
.box1_realestate .spbr {
display: none;
}
}
.box1_realestate ul {
  display: block; 
  width: 100%;
}
@media screen and (min-width: 960px) {
.box1_realestate ul {
    display: flex;
	width: 1030px;
	justify-content: center;
  }
}
.box1_realestate ul li {
  margin-bottom: 5.25px;
  text-align: center;
}
@media screen and (min-width: 960px) {
.box1_realestate ul li{
    margin-bottom: 0;
	width: 100%;
	text-align: center;
  }
}
.box1_realestate ul li a {
  font-size: 14px;
  color: black;
}
.box1_realestate ul li a:hover {
  color: red;
}
.box2_realestate { 
  margin-top: 30px;
  padding-top: 20px;
  width: 100%;
  border-top: solid thin #000000;
}
@media screen and (min-width: 960px) {
.box2_realestate {
display: flex;
width: 1030px;
margin-top: 60px;
padding-top: 20px;
border-top: solid thin #000000;
  }
}
.box2_realestate .image {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .image {
width: 500px;
  }
}
.box2_realestate .image img {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .image img {
width: 500px;
  }
}
.box2_realestate .left {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .left {
margin: 0 0 0 0px;
width: 500px;
  }
}
.box2_realestate .right {
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
.box2_realestate .right {
margin: 0 0 0 30px;
width: 500px;
  }
}
.box2_realestate .right2 {
  width: 100%;
  text-align: left;
  margin-top: 20px;
  display: flex;
}
@media screen and (min-width: 960px) {
.box2_realestate .right2 {
margin: 0 0 0 30px;
width: 500px;
  }
}
.box2_realestate .right2 .innerl {
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
.box2_realestate .right2 .innerl{
margin: 0;
width: 250px;
  }
}
.box2_realestate .right2 .innerr {
  width: 100%;
  text-align: left;
  margin: 20px 0 0 2.5%;
}
@media screen and (min-width: 960px) {
.box2_realestate .right2 .innerr{
margin: 0 0 0 30px;
width: 250px;
  }
}
.box2_realestate .right2 .image {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .right2 .image {
width: 235px;
  }
}
.box2_realestate .right2 .image img {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .right2 .image img {
width: 235px;
  }
}
.box2_realestate .left2 {
  width: 100%;
  text-align: left;
  margin-top: 20px;
  display: flex;
}
@media screen and (min-width: 960px) {
.box2_realestate .left2 {
margin: 0;
width: 500px;
  }
}
.box2_realestate .left2 .innerl {
  width: 100%;
  text-align: left;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
.box2_realestate .left2 .innerl{
margin: 0;
width: 250px;
  }
}
.box2_realestate .left2 .innerr {
  width: 100%;
  text-align: left;
  margin: 20px 0 0 2.5%;
}
@media screen and (min-width: 960px) {
.box2_realestate .left2 .innerr{
margin: 0 0 0 30px;
width: 250px;
  }
}
.box2_realestate .left2 .image {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .left2 .image {
width: 235px;
  }
}
.box2_realestate .left2 .image img {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box2_realestate .left2 .image img {
width: 235px;
  }
}
.box2_realestate .text {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 margin: 10px 0 0 0;
}

.box2_realestate .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  margin-bottom: 10px;
}
.box2_realestate .title a{
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.box2_realestate .title a:hover{
  color:greenyellow;
}
.ritsumen {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: white;
}
@media screen and (min-width: 960px) {
.ritsumen {
  margin: 0;
  width: auto;
  }
}
.ritsumen table {
  border-collapse: collapse;
  font-size: 12px;
}
.ritsumen table a {
  font-size: 12px;
  color: black;
}
.ritsumen table a:hover {
  color: red;
}
.ritsumentb {
    width: 95%;
	margin-top: 10px;
	line-height: 1.5;
  }
@media screen and (min-width: 960px) {
	.ritsumentb {
    width: 1030px;
	margin-top: 10px;
  }
}
.ritsumentb tr {
    width: 100%;
	display: flex;
  }
.ritsumentb tr:last-child {
    border-bottom: solid 0.5px #000000;
  }
.ritsumentb .t1 {
    width: 25%;
  }
.ritsumentb .t2 {
    width: 75%;
  }
.ritsumentb .t3 {
    background-color: white;
  }
.ritsumentb .t4 {
    width: calc(100%*1/3);
  }
@media screen and (min-width: 960px) {
	.ritsumentb .t4{
    width: calc(1029px*1/3);
  }
}
.ritsumentb .t5 {
    width: calc(100%*2/3);
  }
@media screen and (min-width: 960px) {
	.ritsumentb .t5{
    width: calc(1029px*2/3);
  }
}
.ritsumentb td {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  box-sizing: border-box;
  border-top: solid 0.5px #000000;
  border-bottom: none;
  border-left: solid 0.5px #000000;
  border-right: none;
  height: auto;
  background-color: aquamarine;
  }
.ritsumentb td:last-child {
  border-right: solid 0.5px #000000;
  }
.desc {
  width: 100%;
  margin-top: 10px
}
@media screen and (min-width: 960px) {
.desc {
width: 1030px;
  }
}
.desc .text {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 width: auto;
 text-indent: -1em;
 padding-left: 1em;
}
.shasen {
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), black 50%, black calc(50% + 0.5px), transparent calc(50% + 0.5px));
}
/* 会社概要ページ */
.box_gaiyou { 
  margin-top: 30px;
  padding-top: 20px;
  width: 100%;
  border-top: solid thin #000000;
}
@media screen and (min-width: 960px) {
.box_gaiyou {
width: 1030px;
margin-top: 60px;
padding-top: 20px;
border-top: solid thin #000000;
  }
}
.box_gaiyou .image {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 960px) {
.box_gaiyou .image {
width: 1030px;
  }
}
.box_gaiyou .image img {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 960px) {
.box_gaiyou .image img {
width: 1030px;
  }
}
.box_gaiyou .lower {
  width: 100%;
  text-align: left;
  padding-top: 10px;
  display: block;
}
@media screen and (min-width: 960px) {
.box_gaiyou .lower {
width: 1030px;
padding-top: 20px;
display: flex;
  }
}
.box_gaiyou .lower .left {
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 960px) {
.box_gaiyou .lower .left {
width: 500px;
  }
}
.box_gaiyou .lower .right {
  width: 100%;
  text-align: left;
  padding-top: 15px;
}
@media screen and (min-width: 960px) {
.box_gaiyou .lower .right {
margin: 0 0 0 30px;
width: 500px;
padding-top: 0;
  }
}
.box_gaiyou .text {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
}
.box_gaiyou .text2 {
 font-size: 14px;
 text-align: justify;
 line-height: 1.5;
 text-indent: -1em;
 padding-left: 1em;
}
.box_gaiyou .title {
  font-weight: bold;
  font-size: 18px;
  color: #669900;
  margin-bottom: 10px;
}
.box_gaiyou .title a{
  font-weight: bold;
  font-size: 18px;
  color: #669900;
}
.box_gaiyou .title2 {
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 10px 0;
}
.box_gaiyou .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%;
  margin-top: 10px;
}
@media screen and (min-width: 960px) {
.box_gaiyou .map {
width: 500px;
margin-top: 10px;
  }
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 960px) {
.map iframe {
width: 500px;
  }
}
.lower .right ul {
width: 100%;
height: calc(100% - 24px);
display: flex;
flex-wrap: wrap;
flex-flow: column;
justify-content: space-between;
}
.lower .right ul li {

}
.lower .right ul li a {
font-size: 14px;
height: 100%;
line-height: 1.5;
}