@charset "UTF-8";

/*===============================================
画面の横幅が769px以上（パソコン用）
===============================================*/
@media print, screen and (min-width: 600px) {
.sp{display:none;}







button.drawer-toggle{
  display:none;}

.fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 500ms;
}



.content1000{
  width:1000px;
  margin:0 auto;
  }

.content1200{
  width:1200px;
  margin:0 auto;
  }

.content800{
  width:800px;
  margin:0 auto;
  }

body {min-height: 100vh;color: #313131;line-height: 1;word-break: normal;word-wrap: break-word;}

header {
    padding: 30px;
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 10;
  background:#FFF;
}



header .logo {
    float: left;
}

header nav {
    float: right;
}

header nav ul {
  margin: 22px 0 15px 0;
  border-left: 1px solid black;
  }

header nav ul li {
    display: inline-block;
}


header nav ul li a{
 color: #000;
 font-size: 16px;
 font-weight: bold;
 border-right: 1px solid black;
 padding: 0 16px;
 }


.index__content.content {
    margin: 0;
}

section:before {
    content: '';
    width: 100%;
    /* height: 121px; */
    display: block;
}


.index__content #content1 {
    height: 90vh;
    text-align: center;
    padding: 0 0 50px 0;
}


.index__content #content1 .key {
    position: relative;
    top: 30%;
}


.index__content #content1 .key .catch {
    width: 100%;
    margin: 44px 0 0 0;
}

.index__content #content1 .key .catch h1 {
    color: #626262;
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
}


.index #page {
    position: fixed;
    top: 50%;
    right: 20px;
    transform: translate(0, -50%);
}

.index #page li {
    margin: 0 0 10px 0;
}

.index #page li a {
    width: 8px;
    height: 8px;
    background: #a9a9a9;
    border-radius: 50%;
    display: block;
}

.index #page li a:hover {
    opacity: 1;
    background: #d1343b;
}


.index__content #content2 {
    padding: 700px 0 0 0;
    background: url(../../images/machida_01_10.jpg) no-repeat center center fixed;
    background-size: cover;
}

.index__content #content2 {
    width: 100%;
}


.index__content #content2 .box {
    padding: 120px 0 100px 0;
    color: #626262;
    text-align: center;
    background: #ffffff;
}


.index__content #content2 .box .inner {
    padding: 0 20px;
}



#news{
border-right: #e7e7e7 10px solid;
    padding: 0 100px 0 0;
  font-size:20px;
  float:left; }


#news_box{
  height:80px;
  }


#news_border{
  border-top:#CCC 1px solid;
  padding:50px 0 0 0;}






.ticker {
    margin: 0 auto;
    padding: 3px;
    width: 800px;
    text-align: left;
    /* border: #ccc 1px solid; */
    position: relative;
    overflow: hidden;
    height:  80px !important;
    }

.ticker ul {
  width: 100%;
  position: relative;
}

.ticker ul li {
  width: 100%;
  display: none;
}







div#content3 {
    padding: 700px 0 0 0;
    background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2024/07/gaiikan.webp) no-repeat center center fixed;
    background-size: cover;
    width: 100%;
}


.index__content #content3 .box {
    padding: 120px 0;
    color: #626262;
    text-align: center;
    background: #ffffff;
}

.index__content #content3 .box .inner {
    padding: 0 20px;
}

.index__content #content3 .box .inner h2 {
    color: #626262;
}
section .fadein {
    opacity: 0;
    transform: translate(0, 50px);
    transition: all 500ms;
}


.index__content #content4 {
    padding: 700px 0 0 0;
    background: url(../../images/machida_01_14.jpg) no-repeat center center fixed;
    background-size: cover;
}


.index__content #content4 .box {
    padding: 120px 0;
    color: #626262;
    text-align: center;
    background: #ffffff;
}


.index__content #content4 .box .inner {
    padding: 0 20px;
}


.index__content #content4 .box .inner h2 {
    color: #626262;
}













.index__content #content5 {
    padding: 700px 0 0 0;
    background: url(../../images/machida_01_16.jpg) no-repeat center center fixed;
    background-size: cover;
}

.index__content #content5 .box {
    padding: 120px 0;
    color: #626262;
    text-align: center;
    background: #ffffff;
}

.index__content #content5 .box .inner {
    padding: 0 20px;
}


.index__content #content5 .box .inner h2 {
    color: #626262;
}


#topics{
  background:#eeeeee;
  }


article{
  width:1200px;
  margin:0 auto;
  }



#event,
#blog{
    width: 528px;
    float: left;
    margin: 36px;}

#event h3,
#blog h3{
  font-size:18px;
  border-left: 5px solid #666;
  padding:0 0 0 10px;
  margin-bottom:10px;
  color:#000;}

#event h3 span,
#blog h3 span{
  font-size:12px;
  margin-left:10px;}

#event dl,
#blog dl{
  height:250px;
  overflow-y:scroll;
  padding:0 20px 0 0;
  }


#event dt,
#blog dt{
  margin:30px 0 0 0;
  font-weight:bold;
  }

#event dt{
  margin-bottom:10px;}


#blog dt span{
  text-align:right;
  float:right;
  font-size:12px;}

footer{
  background:url(../../images/machida_02.webp) no-repeat;
  background-size:cover;
  padding: 60px 0 11% 0;
  }

#bnr img{
  margin:8px;}


.top_h2{
    line-height: 1.4;
    margin: 0 auto;
    font-size: 30px;
    width: 88%;
    }

.top_p{
  line-height:1.3 !important;
    font-size: 15px;  }

.top_a{
background: #333;
    color: #FFF;
    padding: 15px 40px 15px 40px;
    width: 325px;
    font-size: 16px;
    display: block;
    margin: 30px auto 0 auto;}

.top_a:hover{
    background: #1C1C1C;
}

.top_a3{
    background: #333;
    color: #FFF;
    padding: 15px 40px 15px 40px;
    width: 209px;
    font-size: 16px;
    display: block;
    float: left;
    margin: 30px 5px 0 5px;
    }

.top_a3:hover{
  background: #1C1C1C;
}


.top_h3{
  font-weight:bold;
  font-size:18px;
  border-left:#666 5px solid;
  padding-left:10px;
  margin-bottom:15px;
  }

.top_h3 span{
  font-size:12px;
  font-weight:normal;
  }


#top_event{
  width:450px;
  float:left;
  margin:0 25px;
  }

#top_event dt{
  font-size:15px;
  margin:25px 0 10px 0;
  }

#top_event dd{
font-size: 15px;
    height: 18px;
    overflow: hidden;
    line-height: 1.5em;}


#top_blog{
  width:450px;
  float:left;
  margin:0 25px;
  }

.top_blog_box{
  margin:25px 0 0 0;}

.top_blog_title{
  font-size:18px;
  font-weight:bolder;
  }

.top_blog_detail{
    font-size: 15px;
    height: 41px;
    line-height: 1.5em;
    overflow: hidden; }

.top_blog_date{
    text-align:right;
  font-size:12px;
}

#top_news{
  background:#eeeeee;
  padding:100px 0;
  }


footer #bnr img{
  margin:5px;}

footer ul a{
  color:#FFF;
  font-size:14px;
  line-height: 1.5;
  }



footer ul{
  float:left;
width: 170px; margin:20px 15px 0 15px;}

footer ul li.big{
  font-weight:bold;
  margin:18px 0 0 0;
  }

footer ul li.small{
  background: url(../../images/arrow.png) no-repeat 0 8px;
  padding: 0 0 0 15px;
  margin:10px 0 0 0;
  }

#footer{
  text-align: left;
  padding:30px 0;
  width: 1200px;
  margin: 0 auto;
  display: none;
  }

#footer img{
  margin:10px 0;}


.index #page {
position: fixed;
top: 50%;
right: 20px;
transform: translate(0, -50%);
}
.index #page li {
margin: 0 0 10px 0;
}
.index #page li:last-child {
margin: 0;
}
.index #page li a {
width: 8px;
height: 8px;
background: #a9a9a9;
border-radius: 50%;
display: block;
}
.index #page li a.current {
background: #0069b3;
}
.index #page li a:hover {
opacity: 1;
background: #0069b3;
}



header.second_header
{
    padding: 30px 0 23px 0;
    width: 100%;
    overflow: hidden;
    position: fixed;
    z-index: 10;
    background: white;
    z-index: 100;
}


#menu_blue{
  margin:20px 0 0 0;
  background:#0069b3;
  color:#FFF;
  padding: 11px 0 12px 0;
  }

#menu_blue a{
  border: none;
  font-weight: 100;
  color: white;
  padding: 0;
  }


#menu_blue a:hover{
  color:#dddddd;
  }

#menu_blue a.last{
  border:none;}



.second_section{
  padding-bottom:50px;
  }

.second_section #h2{
  text-align:center;
  }

.second_section h2{
  font-size:20px;




  font-weight:bold;
  color:#000;
  margin:20px 0;}

.second_section h2 span{
  font-size:10px;
  color: #CCC;
  }

section.second_section:before {
    content: '';
    width: 100%;
    height: 108px;
    display: block;
}


.second_section h3{
  font-weight:bold;
  font-size:20px;
  margin: 5vw 0 3vw 0;
  }

#tatemono20{
  margin-top:20px;
  padding-top:20px;
}

body{scroll-padding-top: 5vw;}

#land01{
  text-align:center;
  margin:50px 0;
  line-height:2;
  font-size:15px;
  }

.gray{
  background:#eeeeee;
  padding:40px 0;
  margin: 73px   0 0 0;
  }


#tochi_bank{
  margin:30px auto;
  }

#tochi_bank h4{
  color:#0069b3;
  font-weight: bolder;
  font-size:20px;
  }

#tochi_bank div{
  margin-bottom:50px;
    height: 263px;
    padding: 0 557px 0 0;
    background: url(../../images/land02.jpg) no-repeat right;
    line-height: 2;
  }

#tochi_bank img{
    border: #FFF 7px solid; }

#land02{
  padding:50px 0 0 0;
  line-height:2;
  text-align:center;
  }


#f_contact{
  background:url(../../images/contact_bg.png);
  padding:50px 0;

  }

#f_contact a{background: #333;color: #FFF;font-weight: bold;text-align: center;width: 178px;display: block;padding: 20px 0;float: left;margin: 0 11px;}


#f_contact a:hover{
  background:#666;}


#build01{
  padding:50px;
  }

#build01 div{
padding-right: 364px;
    text-align: left;
    background: url(../../images/build01.png) right no-repeat;  }

#build01 h4{
  background:url(../../images/build02.png) no-repeat left;
  padding-left:50px;
  font-size:20px;
  margin-bottom:30px;

  }

#build01 p{
  margin-bottom:50px;
  line-height:2;
  }

#sekourei{
  background: #000;
  display:block;
  padding:50px 0;
  margin:30px 0;
  width:100%;
  color:#FFF;
  font-size:20px;
  font-weight:bold;
  }

#sekourei span{
  color:#999;
  font-size:10px;
  }

#sekourei:hover{
  background: #333;}



#build_footer{
  padding:0 0 50px 0;
  }

#build_footer:before {
    content: '';
    width: 100%;
    height: 0;
    display: block;
}


#build_footer figure {
  width: 314px;
  height: 138px;
  margin: 9px;
  padding: 0;
  background: #fff;
  overflow: hidden;
    float:left;

}


#build_footer figure img {
  width: 314px;
  height: auto;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#build_footer figure:hover img {
  width: 350px;
}


.second_section p{
  line-height: 1.8;
  color: #2d2d2d;
  font-weight: 700;
  /* text-align: right; */
  }
.second_section p span{
    color: #c74c4c;
}

#quality01{
  margin:30px 0;
  background: url(../../images/quality01.png) no-repeat;
  padding:150px 700px 50px 50px;
  height:280px;
  }

#quality01 h3{
  margin:0 0 30px 0;
  }

#quality03{
  text-align:center;
  }

.qua_box{
  background:#cccccc4a;
  padding:30px;
  margin:10px;
  float:left;
  width:300px;
    height: 156px;
  }

.qua_box h4{
  font-size:20px;
  margin-bottom:20px;
  color:#0069b3;
  font-weight:bold;
  }

.qua_box p{
  line-height:1.7;
  }

h2 img{
  width:136px;
  }

#from101{
  margin:30px;
  text-align:center;
  background:url(../../images/from1_bg.jpg);
  }

#from101 a{
    background: #3f9738;
    color: #FFF;
    padding: 19px 0;
    width: 400px;
    margin: 0 auto 60px auto;
    display: block;
    border-radius: 10px;
    font-weight: bold;  }

#from101 a:hover{
  background:#265b21;
  }

#from102{
  text-align:center;
  }

#from102 a{
  background: #333;
  color:#FFF;
  width:300px;
  margin:50px 0;
  padding:20px 0;
  text-align:center;
  }

#from102 a:hover{
  background:#000;
  }

#from102 img{
  margin-bottom:20px;
  width: 800px;
  }


.index_btn{
  padding:20px 0;
  background: #666;
  width:300px;
  margin:50px auto;
  color:#FFF;
  display:block;
  font-weight:bold;
  }




.index_btn:hover{
  background:#0069b3;
  }



#natural01{
  text-align:center;
  margin-bottom:20px;}

#natural01 h3{
  font-size:30px;
  text-align:center;
  margin-bottom:20px;
  }

#natural01 strong{
  margin-bottom:20px;
  display:block;
    text-align: center; }

#natural01 p{
  text-align: left;
  }


.nat_box{
  background:#e5e5e5;
  width:408px;
  margin:10px;
  float:left;
  padding:30px;
  }

.nat_box h4{
  font-weight:bold;
  margin:10px 0;
font-size: 20px;
  text-align:center;

}

.nat_box h4 span{
  font-size:14px;

  }

.nat_box p{
  line-height:1.7;
  }

#shikkui{
  margin:50px 0 30px 0;
  text-align:center;}

#natural_img img{
  margin:11px;}

#shikkui_p{
  text-align:center;
  margin:50px 0  0 0 ;
  }


.des_box{
  width:567px;
  float:left;
  margin:16px;
  text-align:center;
  }

.des_box p{
  line-height:1.5;
  margin:10px 0 0 0;
  }

.des_box img{
  margin-bottom:15px;}

.des_box h4{
  font-size:20px;
  font-weight:bold;
  }

#design_machida{
  width:180px;
  margin-right:10px;}

#design_{
  border-bottom:#999 1px solid;
  padding-bottom:50px;
  margin-bottom:50px;
  }

.land_box{
  padding:0 !important;
  height:auto !important;
  line-height:1.5 !important;
  float:left !important;
  width:290px !important;
  margin:21px !important;
  background:none !important;}


.land_box h4{
  color:#333 !important;
  font-size:18px;
  }


.land_box p{
  line-height:1.6;
  }


#from0_01{
  background:url(../../images/from001.jpg) no-repeat;
  background-size:cover;
  height:250px;
  margin:30px 0
  }


#from0_02{
  text-align:center;}

#from0_02 h3{
  font-size:26px;
  }


#company01{
  margin:50px auto;
  }


#company01 th{
  background:#dddddd;
  white-space:nowrap;

  }

#company01 th,
#company01 td{
  border-bottom:#CCC 1px solid;
  padding:10px 30px;}

#company01 td {
  line-height:1.5;
  }

#company02 th,
#company02 td{
  line-height:1.5;
  border-bottom:1px solid #CCC;
  padding:30px 20px;
  }

#company02 td ul {
    padding: 0 0 0 3%;
}
#company02 td ul li{
    list-style: outside;
    margin: 16px 0;
    line-height: 2;
}

  
#company02 th{
  white-space:nowrap;
  }

#company03 a{
  border:#CCC 1px solid;
  padding:20px;
  display:block;
  width:500px;
  margin:0 auto;
  color:#666;

  }

#company03 a:hover{
  color:#000;
  background:#999;
  }

#company03{
  text-align:center;
  margin:50px 0 20px 0;
  }

#company_footer figure img{
  float:left;
  margin:6px;}


#company_footer figure{
  margin:0;}


#company_footer figure img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#company_footer figure:hover img {
  opacity: .5;
}


#philosophy01{
  text-align:center;
  padding:50px 0;
  border-bottom:#CCC 1px solid;
  }

#philosophy01 img{
  margin-bottom:50px;}


#philosophy01 h3{
  margin:10px 0 0 0;
  font-size:26px;
  }
.philosophy_{
  color:#0069b3;
  font-weight:bold;
  }


#philosophy02{
  padding:50px;
  text-align:center;}

#philosophy02 img{
  margin:20px 0 0 0;
  }

#philosophy03{
  background:url(../../images/philosophy02.jpg) no-repeat;
  background-size:cover;
  padding:50px 0;
  }


#philosophy .black{
  color:#FFF;
background-color:rgb(0,0,0,0.8);
  }

#philosophy .black h3{
  margin:0 0 20px 0;
  font-size:26px;
  }

#philosophy__{
  float:left;
  width:650px;
  padding: 50px;
  }

#philosophy03 img{
  float:right;
  margin:140px 0 0 0;
  }

#philosophy04{
  background:url(../../images/philosophy04.jpg) no-repeat;
  background-size:cover;
  padding:50px 0;
  }

#philosophy___{
  float:right;
  width:500px;
  padding: 50px;
  }



#office h3{
  text-align:center;
  padding:20px 0 ;
  color:#0069b3;
  border-top:#999 1px solid;
  border-bottom:#999 1px solid;
  font-weight: bold;
  }

#office p{
  text-align:center;}







#vert01{
  text-align:center;
  padding-bottom:50px;
  }

#vert01 img{
  margin:50px 0 0 0}


#vert02 th,
#vert02 td{
  padding:20px;
  border-bottom:#CCC 1px solid;
  line-height: 2;
  }

#vert02 th{
  background:#e5e5e5;
  }

 #vert02 th.title{
   background: gray;
   color: #FFF;
   text-align: center;
 } 

#vert03 iframe{
  width: 100%;
  height:319px;
  }

  #vert03 iframe.w100{
    width:100%;

  }
 #vert03_ {
   margin:30px auto;
   display: flex;
 } 
#vert03_ iframe{width: 405px;height: 319px;margin: 0 20px 0 0;}  
#vert03 iframe,
#vert03 img{
  margin:40px 11px 30px 11px;
}

#vert04{
  background:url(../../images/vert04.jpg) no-repeat top;
  color:#FFF;
  text-align:center;
  padding: -5px 0 0 0;
  height:306px;
  }


#vert04 h3{
position: relative;
display: inline-block;
padding: 0 55px;
}

#vert04 h3:before, #vert04 h3:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: #FFF;
}

#vert04 h3:before {left:0;}
#vert04 h3:after {right: 0;}



.showroom{
  margin:50px 0 0 0;
  }

.showroom p.text14{
  text-align:center;}
.showroom h3{
  text-align:center;
  margin:10px 0 30px 0;
  font-size:30px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  }
.showroom img.w100{
    width: 100%;
}  
.showroom h4{
  text-align:center;
  margin:30px 0 10px 0;
  line-height: 1.8;
  }
.showroom .image{
    display: flex;
    justify-content: space-around;
}
.showroom .image figure{
    width: 31%;
}
.showroom .image img{
  margin:20px 5px;
  width: 100%;
  }

.showroom  .comment{
  float:left;
  background: #F1F1F1;
  border: #CCC 1px solid;
  width:400px;
  padding:30px;
  }

.showroom table{
  float:right;
  width:480px;
  line-height:1.5;


  }

.showroom table th,
.showroom table td{
  padding:20px;
  border-bottom:#999 1px solid;
  }

.showroom table th{
  white-space:nowrap;}



.link a{
  background: #333;
  color:#FFF;
  font-weight:bold;
  width:300px;
  margin:30px 16px;
  padding:20px;
  display:block;
  float:left;
  }

.link a:hover{
  background: #999;
  }


.sr_s{
width: 470px;
    float: left;
    margin: 50px 15px 15px 15px;}

.sr_s h4{
  line-height:1.5;
  }


.sr_s .link a{
  background: #333;
  color:#FFF;
  font-weight:bold;
  width:100%;
  padding:5%;
  margin:0 0 10px 0 ;
  display:block;
  float:none;
}

.sr_s .link a:hover{
  background: #999;

}



.sr_s table{
  width:100%;
  float:none;}



#flow01{
  margin:50px 0;
  text-align:center;
  }

.flow_left{
  float:left;
  text-align:center;
  width:30px;
  padding:20px;
  background: #CCC;
  height:1400px;
  margin-bottom:50px;
  }

.flow_right{
  float:right;
  width:1100px;
  }

.flow_box img{
  border: #CCC 2px solid;
  margin:0 30px 0 0;
  }

.flow_box h3{
  margin:0;
  }

.flow_box img,
.flow_box div{
  float:left;
  }

.flow_box div{
  width:760px;
  padding:10px 0 0 0;}

.flow_box div h3{
  margin-bottom:20px;}

#flow .arrow{
  margin:20px 0  10px 140px;
  }


#case #type{
  text-align:center;
  margin:30px 0;
  }

#case #type a{
  color:#333;
  margin:5px;
  width:auto;
  }


#case #type a:hover{
  letter-spacing:0.2em;
  text-decoration:underline;
  }


#case .case_box{
  width:370px;
  float:left;
  margin:15px;


  }
#case .case_box span.thumb{
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 370px;
    height: 200px;
  border-radius:10px;
}
#case .case_box h3{
  margin:10px 0;
  line-height: 1.6;
  }

#case .case_box  .type{
  font-weight:bold;
  font-size:12px;
  border:#CCC 1px solid;
  padding:5px 10px;
  margin-bottom:10px;
  }

#case .case_box  .comment{
  margin-bottom:10px;}

#case .case_box .tag a{
  float:left;
  background:#666;
  color:#FFF;
  font-size:12px;
  padding:10px 20px;
  margin:0 5px 5px 0;
  width:auto;
  }

#case .case_box .tag a:hover{
  float:left;
  background:#666;
  color:#FFF;
  font-size:12px;
  padding:10px 20px;
  margin:0 5px 5px 0;
  width:auto;
  }




#case .case_box .more{
  background:#0069b3;
  padding:10px;
  width:100%;
  color:#FFF;
  }

#case .case_box .more:hover{
  background: #333;
  }




#case_table{
  width:100%;
  margin:50px 0;
  border-top:#ababab 1px solid;
  }


#case_table th,
#case_table td{
  padding:10px 20px;
  border-bottom: #ababab 1px solid;
}
#case_table th{
  width:10%;
  background:#CCC;
  }

#case_table td{
  width:40%;
  }


#case_detail span.thumb{
display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 460px;
    height: 300px;
  }

#case_detail div.ba{
    margin: 18px;
  float:left;
  width:460px;
  }

#case_detail div.ba p{
  font-size:20px;}


#reform01 p{
  line-height:2;
  }

#reform01 img{
  margin-bottom:30px;
  }

.reform_box{
  width:306px;
  float:left;
  margin:10px;
  }

.reform_box img{
  margin:0 0 10px 0;
  }

.reform_box p{
  font-size:13px;}

.reform_box h4{
  margin-bottom:10px;
  font-weight:bold;
  }
#reform02{
  padding:50px 0;
  }


#reform03 figure{
  float:left;
  margin:27px;}

#reform03 figure img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#reform03 figure:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

  #reform04 img{
    border:gray 1px solid;
    float:left;
    margin: 10px 10px 30px 10px;

  }

  #reform04{
    width: 414px;
  }
#reform04 a{
  display:block;
  float:left;
}


#reform #event{
  border:#999 2px solid;
  float:none;
  width:800px;
  margin:0 auto;
  }

#reform #event table{
  margin:30px ;
  }


#reform #event table th,
#reform #event table td{
  padding:10px 20px;
  line-height:1.5;
  }

#reform #event table th{
  vertical-align:text-top;
  }



#concept h3{
  text-align:center;
  line-height:1.5;
  }

#concept01{
  background:url(../../images/concept01.jpg) no-repeat right;
  padding:20px 550px 20px 0;
  margin:10px 0;
  line-height:2;

  }

#concept02{
  background:url(../../images/concept02.jpg) no-repeat left;
  padding:20px 0 20px 550px;
  margin:10px 0;
  line-height:2;
  }






#concept h3{
position: relative;
    display: inline-block;
    margin-bottom: 1em;
    width: 100%;
  }




.r_c_box {
  margin-top:50px;
  text-align:center;
  }

.r_c_box .head{
  margin:0 0 -50px 0;
  z-index:99;
  position:relative;}


#concept03{
  margin:50px 0;}

#concept03 img{
  border:#999 2px solid;
  margin:16px;
  float:left;}




#concept05{ background:url(../../images/concept05.jpg) no-repeat left;}
#concept06{ background:url(../../images/concept06.jpg) no-repeat  left;}
#concept07{ background:url(../../images/concept07.jpg) no-repeat  left;}


.concept_box{
  padding: 20px 0 20px 450px;
  height:300px;
  }

.concept_box span{
  color:#0069b3;
  margin:20px 0 10px 0;
  display:block;
  font-weight:bold;
  }


.concept_box h4{
  font-size:24px;
  margin:0 0 10px 0;
  line-height:1.5;
  }

#lease01{
  margin:30px 0;}


.lease_box{
    background: #999;
    padding: 10px;
    width: 210px;
    float: left;
    margin: 10px;
  }

.lease_box h3{
  margin:10px 0 10px 0;
  font-weight:bold;
  }

.lease_box ul{
  background:#CCC;
  }

.lease_box ul li{
  padding:10px 5px;
  list-style:disc inside;
  border-bottom:#666 1px dotted;
  }

#salehouse01{
  margin:50px 0;
  }

#salehouse h4{
  text-align:center;
  padding:30px 0;
  background:#CCC;
  color:#333;
  font-weight:bold;
  }



.salehouse_box{
  margin:30px 0 0 0;
  border:#CCC 2px solid;
  padding:20px;
  }


.salehouse_box img{
  float:left;
  margin-right:20px;}

.salehouse_box div{
  float:left;
  text-align:left;
  width: 60%;
  }

.salehouse_box h5{
  font-weight:bolder;
  font-size:24px;
  margin-bottom:15px;
}

.salehouse_box p span.add{
  background:url(../../images/salehouse_01.png) no-repeat left;
  padding:0 0 0 18px;

  }

.salehouse_box p span.station{
  background:url(../../images/salehouse_02.png) no-repeat left;
  padding:0 0 0 18px;
  }


.salehouse_box table{
  margin:10px 0;
  }


.salehouse_box table th span{
  white-space: nowrap;
  background:#666;
  color:#FFF;
  display:block;
  font-size:12px;
  border-radius:5px;
  padding:5px 10px;
  text-align:center;
  }

.salehouse_box table td{
  padding:5px 10px;
  font-size:13px;}


.salehouse_box table th{
  padding:5px 0;
  }

.salehouse_box a{
  padding:10px 0;
  }



.salehouse_box a.button {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #0069b3;
  color: #0069b3;
  line-height: 30px;
  overflow: hidden;
}
.salehouse_box a.button:hover {
  color: #fff;
}
.salehouse_box a.button::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.salehouse_box a.button:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #0069b3;
}



#knows01 p{
  line-height:2;
  font-weight:bold;
  font-size:15px;
  color:#000;
  }

#knows02 h3 img{
  width:150px;}


.knows_box{
  width:320px;
  float:left;
  margin:6px;
  }


.knows_box h4{
  margin:10px 0;
  color:#000;
  font-weight:bold;}


.knows_box p{
  font-size:14px;}


#knows_footer img{
  border: #CCC 2px solid;
  float:left;
  margin:5px;
  }


#original_{
  margin:50px 0;
  }

#original h4{
  background:url(../../images/original02.jpg) no-repeat;
  padding:60px 0;
  color:#FFF;
  text-align:center;
  margin:60px 0 50px 0;
  font-size:26px;
  background-size: cover;
  }

#original01{
background: url(../../images/original03.jpg) no-repeat right;
    padding: 0 480px 0 0;
  }

#original02{
    background: url(../../images/original07.jpg) no-repeat;
    padding: 0 0 0 500px;
  }

#original03{
      background: url(../../images/original05.jpg) no-repeat right;
    padding: 0 480px 0 0;
    min-height: 438px;
  }

#original04{
  background:url(../../images/original06.jpg) no-repeat right;
padding: 0 450px 0 0 ;  }


#original05{
background: url(../../images/original07.jpg) no-repeat left;
    padding: 0 0 0 480px;
  }

#original06{
   background: url(../../images/original08.jpg) no-repeat right;
    padding: 0 458px 0 0;
  }

#original07{
   background: url(../../images/original09.jpg) no-repeat left;
      padding: 0 0 0 407px;
  }



.original_box01,
.original_box02{
  margin:20px 0;}
.original_box01 h5,
.original_box02 h5{
  line-height:1.4;
  margin-bottom:15px;
  color:#000;
  font-weight:bolder;
  font-size:26px;}

.original_box01 p,
.original_box02 p{
  line-height:1.9;
  }

.original_box01 div,
.original_box02 div{
  padding:50px 0;
  }


.bus_box{
  float:left;
  width:367px;
  margin:30px 10px 10px 10px;
    position:relative;
  }

.bus_box h3{
  margin:10px 0;}



.bus_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
}

.bus_box a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#invest01{
  margin:30px 0 ;
  }

#invest01 p{
  margin:30px 0;
  line-height:2;
  }

#invest02{
  margin:30px 0;
  }

#invest03 img{
  float:left;
  margin:10px;
  border:#CCC 2px solid;
  }

#invest04,
#invest05{
  float:left;
  width:450px;
  margin:20px;
  }

#invest04 h3,
#invest05 h3{
  border-left: #666 8px solid;
  margin:0;
  padding:0 0 0 15px;
  }

#invest04 h3 span,
#invest05 h3 span{
  font-size:12px;}




#invest04 table{
  margin:20px 0;
  font-size:14px;}

#invest04 table th{
  padding:10px 20px 0 20px;
  font-weight:bold;
  }

#invest04 table td{
  padding:5px 20px 10px 20px;
  line-height:1.2;
  }

#invest05 img{
  margin:20px 20px 0 0;
  }


#invest05 h4{
  font-weight:bold;
  line-height:1.4;
  }

#invest05 div{
  float:left;
  margin:60px 0 0 0;
  }

#invest05 img{
  float:left;
  }

#invest05 p{
  font-size:13px;}

#invest05 a{
  margin:10px 0;
  text-align:center;
  font-size:13px;
  border:#b9a061 1px solid;
  border-radius:3px;

  color:#000;
  padding:5px;
  width:200px;
  display:block;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6dc9d+0,f0c14c+100 */
background: #f6dc9d; /* Old browsers */
background: -moz-linear-gradient(top, #f6dc9d 0%, #f0c14c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6dc9d 0%,#f0c14c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6dc9d 0%,#f0c14c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6dc9d', endColorstr='#f0c14c',GradientType=0 ); /* IE6-9 */}


  #invest_img{
    margin:20px 0 40px 0;
  }



#zeh td.color { background-color: #ECECEC;}

#zeh table td {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    padding: 14px;
    box-sizing: border-box;
    border: 1px dotted #656565;
    width: auto;
}
#zeh table {
    border-collapse: collapse;
    border: 1px solid #656565;
    border-width: 1px 0;
    margin-bottom: 60px;
    table-layout: fixed;
    word-break: break-word;
    width: 100%;
}

div.private {
  line-height: 1.7;
  padding-top: 70px;
}



div.private h3 {
  font-weight: bold;
  margin-bottom: 10px;
}

div.private h4 {

  padding-left: 1em;
  margin-bottom: 20px;
}

p.p1 {
  padding-left: 1em;
  margin-bottom: 20px;
}

div.private ul li {
  padding-left: 4em;
  text-indent: -3em;
  margin-bottom: 8px;
}

div.private ul {
  margin-bottom: 25px;
}







#sitemap ul li.big a{
border: gray 1px solid;
    font-weight: bold;
    padding: 5px 10px;
    margin: 15px 0 0 0;}


#sitemap ul li.big a:hover{
  background:#CCC;
  }

#sitemap ul li.small a{
  border-bottom:#CCC 1px dotted;
  }

#sitemap ul li.big a,
#sitemap ul li.small a{display: block;padding: 7px;width: 80%;margin: 5px;color: #333;font-size: 14px;line-height: 1.5;text-align: center;}





#sitemap ul{
    float: left;
    width: 200px;
    }


#sitemap ul li.small{
  background: url(../../images/arrow.png) no-repeat left;
  padding:0 0 0 10px;
  margin: 0;
  }
#sitemap ul li.small_2{
  background: url(../../images/arrow.png) no-repeat left;
  padding:0 0 0 10px;
  margin: 0;
  }
 #sitemap ul li.small_2 a{
    display: block;
    padding: 7px;
    width: 80%;
    margin: 5px;
    line-height: 1.5;
    text-align: center;
    background: #e3e3e3;
    font-size: 12px;
    color: gray;
} 
  

.form th,
.form td{
  padding:20px;
  border-bottom: #d1d1d1 1px solid;
  /* line-height: 2; */
  }




.form .name{
  width:200px;}

.form .add{
  margin-bottom:7px;}

input#sousin{
  width:200px;
  text-align:center;
  padding:10px;
  margin:20px auto;
  }

#request h3, #inquiry h3, #entry h3, #reserve h3, #partner h3,#study-group h3{
  /* border-left:#CCC 10px solid; */
  margin: 30px 0 10px 0;
  background: #dddddd;
  padding: 1em;
  }

.form th.ness,
.form th.ness{
  background: #ffffff;
  color: #000000;
  font-weight: 600;
  line-height: 1.5;
  }
.form{width:100%;}
.form{width:100%;} th.ness, .form th.ness span{
    margin: 0 0 0 0.5em;
}
.form th.ness span{color: #c74c4c;} 

  
.form th{
  width:30%;
  font-weight: 600;
  }

.form label{

display: block;
    margin: 10px; }

.form input{
    width: 55%;
    height: 30px;
    margin: 0 0 5px 0;}




.form textarea{
  width: 100%;
  height: 15em;
  }


.form label input{
  height:auto;
  width:auto;
  }
 
 .form input#time{
   width:15% !important;
 }

#post01,
#post02{
  width:100px;
  }

.wpcf7-not-valid-tip{
  display:block;
  color:#F00;
  font-size:12px !important;
  font-weight:bold !important;
  margin:10px 0 0 0 !important;}

.red{
  color:#F00;
  }

  .fontsize23{
    font-size:23px !important;

  }

  .tate_{
    height:107px;


  }
  #yyyy{
    width:100px;

  }
  #mm,#dd{
    width:50px;
  }


#afterservice .gray h3{
  font-size:30px;}

#afterservice .as_box{
  width: 347px;
  float:left;

  margin:80px 26px 10px 26px;}








#afterservice .as_box img{
  margin-bottom:15px;}

#afterservice .as_box h4{
  font-weight:bold;
  margin-bottom:10px;}


.pink{
  padding:30px 50px;
  background:#ffe6e6;
  margin:50px auto;
  }

#afterservice .pink h3 img{
  width:150px;
  margin:0 10px 0 0;}

#afterservice .pink h3{
  color:#494949;
  }


#afterservice .as_box2{
  padding:50px;
  background:#FFF;
  margin-bottom:20px;
  }

#afterservice .as_box2 div{
  border-left:#d5d5d5 3px solid;
  padding:0 0 0 30px;
  margin-left:30px;}



#afterservice .as_box2 div,
#afterservice .as_box2 img{
  float:left;
  }

#afterservice .as_box2 div{
  width:500px;
  height:134px;}

#afterservice .as_box2 div h4{
  font-size:24px;
  font-weight:bolder;}

#afterservice .as_box2 div h5{
  margin:10px 0;
  font-size:18px;
  line-height:1.5;
  }

#anshin01 h4,
#anshin01 h5{
  color:#19955f;}
#anshin02 h4,
#anshin02 h5{
  color:#69b31e;}
#anshin03 h4,
#anshin03 h5{
  color:#d21712;}
#anshin04 h4,
#anshin04 h5{
  color:#1c4682;}
#anshin05 h4,
#anshin05 h5{
  color:#fd6404;}


video{
  width:800px;
  height:476px;
  margin-bottom:60px;
  }

#as01{
  margin-top:60px;}






#recruit #tab{
  margin:60px 0;}


#recruit #tab dt{
    background: #0069b3;
    color: #FFF;
    cursor: pointer;
    padding: 20px 13px;
    width: 294px;
    margin: 6px;
    float: left;
    text-align: center;}

#recruit #tab dt:hover{
  background:#005693;
  }

#recruit table{
  width:800px;
  margin:50px auto;}

#recruit table th{
  background: #E8E8E8;
  width:25%;
  }

#recruit table th,
#recruit table td{
  border-bottom:#CCC 1px solid;
  padding:15px 20px;
  line-height:1.5;}


#recruit dl.content{
border: 3px solid #005693;
    margin: 30px 8px;
  }

#recruit .hide{
  display:none;}



#invoice h3{
  color:#0069b3;
  margin:30px 0 20px 0;
  padding:0 0 0 20px;
  border-left:#0069b3 10px solid;}

#invoice h4{
  font-weight:bold;
  font-size:20px;}



#invoice a#ex{
  display:block;
  float: left;
  background: #3b6638 url(https://www.machida-koumuten.com/cms/wp-content/themes/machida/images/invoice_ex.png) no-repeat 21px 20px;
  padding: 32px 0 30px 74px;
  color: #FFF;
  width: 268px;
  font-weight: bold;
  margin: 0 10px 0 0;
}


#invoice a#pd{
  display:block;
  float:left;
  background: #7e171a url(https://www.machida-koumuten.com/cms/wp-content/themes/machida/images/invoice_pd.png) no-repeat 21px 21px;
  padding: 32px 0 30px 74px;
  color: #FFF;
  width: 268px;
  font-weight: bold;
  margin: 0 10px 0 0;
}

#invoice a#how{
  color:#F00;
  text-decoration:underline;
  display:block;
  margin:10px 0;
  }

#invoice div#caution{
  background:#CCC;
  padding:30px;
  margin:10px 0;
  }

#invoice div#caution li{
  list-style: disc;
  margin:15px 0 0 0;}

#invoice div#caution ul{
  padding:0 0 0 22px;
  }


  #f_logo{
    float:left;
    text-align:left;
  }

  #sns{float:right;margin: -50px 0 0 0;}

  #bnr_box img{
    border: #dcd9d9 2px solid;
    margin:5px 0 0 0;
  }
  #bnr_box{
    float: right;
    width: 444px;
  }
  #btn_box{
    width:660px;
    margin:0 auto;
  }

  #btn_box a{
    background: #0069b3;
    color: white;
    padding: 10px 0;
    width: 48%;
    display: block;
    margin: 1%;
    float: left;
  }


#design_bk{
  background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2020/06/d1db2e219dda733105544d135e76cec2.jpg) no-repeat;
  background-size:cover;
  padding:100px 0;
  margin-bottom:50px;

  }

#tate{
  writing-mode: vertical-rl;
  color:#FFF;
  float:left;
  font-size:55px;
  margin:0 0 0 50px
  }

#yoko{
  width:896px;
  float:right;
  margin-bottom:100px;}

#yoko p{
  margin:15px 0 0 0;
  color:#FFF;}


#bnr{
  width: 1000px;
  margin:0 auto;
}


  #invoice ul{
    padding: 0 0 0 30px;
    font-weight: bold;
}
    #invoice ul li{
    list-style: disc;
    margin: 10px;
}

  #invoice #box{
    border:1px solid gray;
    padding: 25px;
    text-align: center;
    margin: 20px 0;
  }
  #invoice #dwpage_link{
    background:red;
    color:white;
    display: block;
    width: 300px;
    text-align: center;
    padding: 24px 36px;
    margin: 0 auto;
    line-height: 1.4;
  }









/*2021.03.30以降追記CSS*/



#top_bunjo{
  background: #d3dae4;
  padding: 50px 0;
  }

#top_bunjo ul{
  display: flex;
  flex-wrap:wrap;
  margin: 0;
  width: 1000px;
  }

#top_bunjo ul li{
  width: 31.3%;
  margin: 10px;
  }

#top_bunjo ul li img{
  width: 100%;
  /* height: 200px; */
  object-fit: cover;
  }

#top_bunjo ul li h3{
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
  color: black;
  line-height: 1.3;
  }

#top_bunjo ul li p.add{
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
  }

#top_bunjo ul li p.price{
  text-align: center;
  font-weight: bold;
  color: red;
  margin: 10px 0 0 0;
  }


#top_bunjo ul li a{
  background:#333;
  color:#FFF;
  display: block;
  width: 100%;
  text-align: center;
  margin: 10px auto 0 auto;
  /* padding: 10px 0; */
  font-size: 13px;
  }

#top_bunjo ul li a:hover{
  background:#000;}



.menu_blue_top {
  z-index: 100;
  width: 100%;
  position: fixed;
  display: none; /*最初は非表示に設定*/
  top: 86px;
  right: 0;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
}

.menu_blue_second {
  z-index: 100;
  width: 100%;
  position: fixed;
  top: 86px;
  right: 0;
}




.gnav-wrapper {
 position: relative;
 float: none;
}

.gnav {
 margin: 19px 0 0 0;
 border: none;
 display: contents;
 display:flex;
 justify-content: center;
}


.gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
 padding: 30px 0;
}

.megamenu {
    background: #1c1c1cb5;
    max-height: 0;
    opacity: 0;
    overflow: auto;
    position: absolute;
    top: 45px;
    left: 0;
    transition: all .2s ease-in;
    z-index: 999;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}




.megamenu-inner {
 flex-wrap: wrap;
}

.megamenu-inner li {
 padding: 0 !important;
 margin: 1%;
 width: 23%;
}

header #menu  li.first{
  }


.megamenu h2{color: #333575;font-weight: bold;margin: 10px 0 20px 0;}
.megamenu h2 span{color: #333575;font-size: 50px;margin-right:10px;}

.megamenu-inner{
  display:flex;
  border: none;
  }


header #menu_blue  .megamenu-inner a {
  color: #ffffff;
  font-weight: bold;
  }


.acMenu dt{
  cursor:pointer;
  }


.owned01{
    display: flex;
    justify-content: space-evenly;
}
.owned01 li{
    width: 40%;
    margin: 0 5%;
}
.owned01 li h3{
    text-align: center;
    border-bottom: #0069b3 2px solid;
    padding: 0 0 23px 0;
}
.owned01 table{
    width: 100%;
}
.owned01 table td{
  background: #e4e9f3;
  padding: 13px 2%;
  white-space: nowrap;
  font-size: 15px;
}
.owned01 table tr:nth-child(odd) td {
  background: #fff;
}



.owned02{
  display:flex;
  margin: 50px 0;
  flex-wrap: wrap;
  }

.owned02 .owned_box{
    width: 272px;
    margin: 14px;
}

.owned02 span.contain {
    display: inline-block;
    background-color: #ccc;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 292px;
    border: 1px solid #ccc;
    background-size: contain;
}


header #menu_blue .megamenu-inner a i{
  margin:0 5px 0 0 ;}

header #menu_blue li{
  border-right:1px solid #FFF;
  padding: 0 15px;
  }

header #menu_blue ul.megamenu-inner li{
  border:none;}

#top_bunjo h3{color: #10395a;text-align:center;line-height: 0.8em;font-size: 30px;margin: 15px 0 17px 0;}
#top_bunjo h3 span{
    font-size: 15px;
    color: gray;
}

	.owned_box p{
		display:none;
	}
	.owned_box h4{
    line-height: 1.4;
}
	
.wood-s01{
    display: flex;
	margin:50px 0 20px 0;
}
.wood-s01 h3{

    margin: 48px 0 26px 28px;
}

.wood-s01 p{
    padding: 0 0 0 30px;
    font-size: 15px;
    line-height: 2;
}
.wood-s01 p span{
    background: yellow;
}

.wood-s02{
    display: flex;
    justify-content: space-between;
}
.wood-s02 div{
    width: 45%;
}
.wood-s02 div h3{
    margin: 64px 53px 0 0;
    line-height: 2;
}
.wood-s02 div ul{
    margin: 25px 0 0 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}


.wood-s02 div ul li{
    background: #d0d0d0;
    padding: 10%;
    text-align: center;

    margin: 1%;
    line-height: 1.8;
    font-weight: bold;
}
.wood-s02 div ul li span{
    font-size: 0.8em;
}

.wood{
	background:url(../../images/wood.jpg) no-repeat;
	background-size:cover;}

.wood-s03{
    text-align: center;
    color: white;
    margin: 80px 0 0 0;
    padding: 80px 0 0 0;
}
.wood-s03 p{
    line-height: 2;
    font-size: 1.5em;
    margin: 50px 0 0 0;
}

.wood-w{
    padding: 6px 3% 80px 3%;
    background: white;
    width: 1000px;
    margin: 50px auto 0 auto;
    box-shadow: #000 8px 7px 10px 4px;
}
.wood-w h3{
    color: #381b07;
    font-size: 24px;
    margin: 50px 0 20px 0;
}
.wood-w p{
    line-height: 2;
    font-size: 22px;
    margin: 24px 0 0;
}

.wood-s04 img{width: 100%;}
.wood-s04 ul{
    display: flex;
    margin: 50px 0 0 0;
}
.wood-s04 ul li{
    width: 50%;
}
.wood-s04 ul li img{}
.wood-s04 ul li p{padding: 0 0 0 35px;}


.wood-s05 ul{
    display: flex;
    margin: 50px 0 0 0;
}
.wood-s05 ul li{
    width: 50%;
}
.wood-s05 ul li p{
    margin: 0 27px 0 0;
}
.wood-s05 ul li.img{
    display: flex;
}
.wood-s05 ul li.img img{
    width: 48%;
    margin: 1%;
}




.wood-s08{
    background: rgb(0 0 0 / 62%);
    text-align: center;
    padding: 40px 0 60px 0;
    margin: 80px 0 0 0;
}
.wood-s08 h3{
    color: white;
    font-size: 60px;
    line-height: 1.1;
    margin: 30px 0 23px 0;
}
.wood-s08 h3 span{
    color: yellow;
}


.wood-s08 h3 span span{
    font-size: 86px;
}

.wood-s08 p.red{
    background: red;
    width: 800px;
    margin: 0 auto;
    color: yellow;
    font-weight: bold;
    font-size: 30px;
}
.wood-s08 p.white{
    color: white;
    font-weight: bold;
    margin: 37px 0 0 0;
    font-size: 1.2em;
}

.wood-s09{
    background: #211003;
    padding: 70px 0;
}
.wood-s09 a{
    color: white;
    border: 1px solid;
    width: 30%;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding: 20px;
    font-size: 20px;
}
.wood-s09 a:hover{
	background: #332418b8;
	transition:0.5s;}

	section.sp_scroll:before{display:none;
	}	
	.wood_bnr{
position: fixed;
    left: 0;
    bottom: 0;	}
	


a.saiyou{
  background: #cb0b0b;
  color: white;
  padding: 10px 30px;
  width: 30%;
  margin: 30px auto;
  display: block;
  text-align: center;
}




.sdgs{text-align: center;}

.sdgs_box{
    width: 70%;
    margin: 80px auto;
    text-align: center;
}
.sdgs_box h3{
    margin: 20px 0 30px 0;
    font-size: 30px;
    color: #0e93d6;
}
.sdgs_box img{
    margin: 0 0 20px 0;
}
.sdgs_box p{
    width: 80%;
    margin: 0 auto;
}


.build_f{
	display:flex;
	width: 85%;
	margin: 0 auto 30px auto;
	flex-wrap: wrap;
	}


.knows_f{
	display:flex;
	width: 85%;
	margin: 0 auto 30px auto;
	}
	

.company_f{
	display:flex;
	width: 85%;
	margin: 0 auto 30px auto;
	flex-wrap: wrap;
	}	


.footer_link a{width: 14%;margin: 1%;color: white;}

.banner_1 {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 100%;
    text-shadow: 0 0 12px #7b7a35;
    padding: 1vw 0;
    border: 2px solid #c3c3c3;
    background: border-box;
}
.banner_1:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../../images/01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.banner_0:after{background: url(../../images/00.jpg) no-repeat center center;    -webkit-background-size: cover;

    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}	
	
.banner_2:after{background: url(../../images/02.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.banner_3:after{background: url(../../images/03.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.banner_4:after{background: url(../../images/showhouse03.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
.banner_5:after{background: url(../../images/05.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
	
.banner_6:after{background: url(../../images/06.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
.banner_7:after{background: url(../../images/07.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
.banner_8:after{background: url(../../images/08.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
.banner_9:after{background: url(../../images/09.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
.banner_10:after{background: url(../../images/10.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}

.banner_11:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2018/12//vert02.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	

.banner_12:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2019/08/machidaproperty01.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	

.banner_13:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2019/12/8883e03ea6abdfe5b571637ba1d9f8cd.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_14:after{background: url(../../images/14.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_15:after{background: url(../../images/15.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_16:after{background: url(../../images/16.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_17:after{background: url(../../images/17.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_18:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2018/12/natural01.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_19:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2020/06/1ca05ffb094fe6ef7986203450f865d1.png) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_20:after{background: url(../../images/20.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_21:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2019/06/DSC_4702.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_22:after{background: url(../../images/22.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_23:after{background: url(../../images/23.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	
.banner_24:after{background: url(../../images/24.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}
.banner_25:after{background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2022/10/4512531_m.jpg) no-repeat center center;    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;}	

.banner_1:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.banner_1 .inner {
    z-index: 1;
    position: relative;
    margin: 0 1vw;
    background: #00000091;
    padding: 2vw 1vw;
    font-size: 0.7vw;
}

.banner_1 a{
	color:#FFF;}

	.top_sdgs{
		margin:50px 0;
		display:block;
	}
	.top_sdgs img{
    width: 800px;
}

	

.privacy_btn{
    text-align: center;
    display: block;
    width: 30%;
    padding: 2px 5% 0 5%;
    border-radius: 7px;
    margin: 19px auto 0 auto;
}	

.submit_btn{width: 50%;
    padding: 10px 0;
    font-size: 18px;
    margin: 10px auto 0 auto;
    background: #15277c;
    border: 2px solid #bdbdbd;
    border-radius: 9px;
    color: white;
    font-weight: 400;}	

	.logo_new{width: 500px;
    margin-bottom: 30px;
}

	
	
	

/*ジブンハウス*/


.jibun_house{font-family: "游ゴシック", "Yu Gothic";font-weight: 600;color: black;}



h3.jibunhouse_h3{
	text-align:center;
	font-size: 30px;
	}


.jibunhouse_menu{
    display: flex;
    justify-content: center;
    padding: 0 0 30px 0;
}

.jibunhouse_menu li{
    padding: 0 5%;
}

.jibunhouse_menu li a{

position: relative;

display: inline-block;

color: black;

text-decoration: none;

font-weight: 600;
}

.jibunhouse_menu li a::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.jibunhouse_menu li a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}


.wrap-tab{
  overflow: hidden;
  margin: 30px 0 0 0;
}

.list-tab{
  display: flex;
  margin: 0 -2px;
}
.list-tab > li{
  display: block;
  padding: 20px 0;
  margin: 0 2px;

  width: 100%;
  color: #000;
  font-weight: bold;
  text-align: center;
  background: #ccc;
  box-sizing: border-box;
  cursor: pointer;
  border-left: solid 2px;
  border-top: 2px solid;
  border-right: 2px solid;
  font-size: 30px;
  border-bottom: 2px solid;
}

.list-tab .active{
  border-bottom: none !important;
  background: #ffffff;
}

.tab-content{
  display: none;
  padding: 1em;
}
.tab-content.active{
  display: block;
  border-top: 2px solid;
  margin: -2px 0 0 0;
}


.jibun_house .wrap-tab h4{
    font-size: 30px;
    color: black;
    font-weight: 700;
    text-align: center;
    margin: 30px 0;
    line-height: 1.7;
}


.lineup01{
    display: flex;

}

.lineup01 div{
  width: 100%;
}
  
.lineup01 div img{
  width:100%;
}
.lineup01 p{
    font-weight: 600;
    margin: 0 0 0 38px;
    line-height: 2;
    width: 60%;
}
.lineup02{
    display: flex;
    flex-wrap: wrap;
}
.lineup02 .lineup_box{
    width: 31.3%;
    margin: 10px 1%;
}
.lineup02 .lineup_box img{
    width: 100%;
}
.lineup02 .lineup_box h5{
    font-weight: bold;
    font-size: 18px;
    margin: 10px 0 5px 0;
}
.lineup02 .lineup_box p{
    font-size: 15px;
    line-height: 1.5;
    font-weight: 500;
}


.jibun_next{
	display:block;
	border: 2px solid;
	color: black;
	text-align: center;
	padding: 20px 0;
	font-size: 18px;
	width: 30%;
	margin: 50px auto;
	}


 .jibun_next:hover{
   background:#000;
   color:#FFF;
   transition:0.5s;
	} 



.jibun_index01{
    text-align: center;
    margin: 30px 0 0 0;
}
.jibun_index01 img{}

.jibun_index02{
    background: url(../../images/jibunhouse/top02.jpg) no-repeat top;
    padding: 700px 0 0 0;
    display: flex;
}


.jibun_index02 div.text{
  width: 55%;
}
.jibun_index02 div.img{width: 43%;margin: 0 2% 0 0;}

  
.jibun_index02 div img{
    margin: 0 50px 0 0;
    width: 100%;
}
.jibun_index02 div h4{
    font-size: 37px;
    font-weight: bold;
    line-height: 0.7;
    margin: 0 0 23px 0;
}
.jibun_index02 div p{
    line-height: 2;
    margin: 10px 30px 0 0;
}

	
.jibun_feature01{
    text-align: center;
}
.jibun_feature01 h4{
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.5;
    margin: 50px 0;
}
.jibun_feature01 a{
    margin: 30px 0 50px 0;
    display: block;
}
.jibun_feature01 a img{}
.jibun_feature02{
    text-align: center;
    margin: 100px 0;
}
.jibun_feature_h4{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    position: relative;
    margin: 0 0 51px 0;
}

.jibun_feature_h4:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -24px; /*下線の上下位置調整*/
  display: inline-block;
  width: 150px; /*下線の幅*/
  height: 3px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #000000; /*下線の色*/
}

.jibun_feature02 img{
    margin: 30px auto;
}
.jibun_feature02
  p{
    font-size: 24px;
    margin: 0 0 200px 0;
}

.jibun_feature03{
    margin: 0 0 200px 0;
}
.jibun_feature03 h4{
    margin: 0 0 100px 0;
}
.jibun_feature03_box {
    display: flex;
}
.jibun_feature03_box li{
    margin: 2%;
}
.jibun_feature03_box li.img{
}
.jibun_feature03_box li.text h5{font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',sans-serif;font-size: 113px;font-weight: bold;}
.jibun_feature03_box li.text h6{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.5em;
    margin: 20px 0 10px 0;
}
.jibun_feature03_box li.text p{
    font-size: 18px;
}

.jibun_feature04 ul{
    display: flex;
    justify-content: center;
}
.jibun_feature04 ul li{
    text-align: center;
    width: 27%;
    margin: 30px 1%;
}
.jibun_feature04 ul li h5{
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
}
.jibun_feature04 ul li p{

    font-size: 16px;
    text-align: left;
    margin: 7px 0 0 0;
    font-weight: 500;
}


.taste_antico{
	background: url(../../images/jibunhouse/taste_antico.jpg) no-repeat left top;
	padding: 50px 0;
	background-size: 60%;
	margin: 50px 0;
	}

.taste_japone{
	background: url(../../images/jibunhouse/taste_japone.jpg) no-repeat right top;
	padding: 150px 0;
	background-size: 60%;
	margin:150px 0;
	}	

.taste_scandia{
	background: url(../../images/jibunhouse/taste_scandia.jpg) no-repeat left top;
	padding: 150px 0;
	background-size: 60%;
	margin: 150px 0 0 0;
	}	


.taste_japone .taste_white{
	    left: 0;

	}


.taste_white{
    position: relative;
    width: 40%;
    background: white;
    top: 150px;
    padding: 50px 5%;
    left: 50%;
    height: 313px;
}
.taste_white h4{




    font-size: 50px;
    font-weight: bold;
}
.taste_white p{
    margin: 10px 0 20px 0;
}
.taste_white a.more{
    background: #000;
    border-radius: 30px;
    color: white;
    display: block;
    padding: 10px 0;
    width: 220px;
    text-align: center;
}
.taste_white a.vr{
    background: #505050;
    border-radius: 30px;
    color: white;
    display: block;
    padding: 10px;
    width: 220px;
    text-align: center;
}

.taste_white ul{
	display:flex;
	justify-content: flex-start;
	width: 80%;
	}

.taste_white ul li{
	margin: 0 1%;
	}



h4.jibun_taste{
	text-align: center;
	font-size: 80px;
	font-weight: bold;
	margin: 50px;
	}

a.taste_vr{
  border: 2px solid;
  border-radius:5px;
  font-size:26px;
  padding: 22px 0;
  background:#1f1f1f;
  color:white;
  display:block;
  width:60%;
  margin:30px auto 0 auto;
  text-align:center;
}

 a.taste_vr:hover{
   background:white;
   transition:0.5s;
   color:black;

   
 } 
  
	
img.taste_01{
    width: 100%;
}

.taste_02{
    width: 100%;
    display: flex;
    margin: 80px 0;
}

.taste_02 li.img{width: 50%;}
.taste_02 li.img img{
    width: 100%;
}
.taste_02 li.text{
    padding: 0 0 0 5%;
    width: 45%;
}
.taste_02 li.text h5{
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
    margin: 20px 0;
}
.taste_02 li.text p{
    font-size: 15px;
    line-height: 2;
}

.taste_03{
    display: flex;
}
.taste_03 li{
    width: 31.3%;
    margin: 0 1%;
}
.taste_03 li img{
    width: 100%;
}
	
	.taste_04{
    display: flex;
    justify-content: center;
    margin: 50px 0 0 0;
}	
	.taste_04 li{
    width: 14%;
    margin: 0 1%;
}	
	.taste_04 li a{
    display: block;
    width: 100%;
    text-align: center;
    background: black;
    color: white;
    padding: 10px 0;
    border-radius: 19px;
    font-size: 20px;
      border:black 2px solid;
}
.taste_04 li a:hover{
  background:#ababab;
  color:black;
  transition:0.5s;
}

	
	.sdgs_mark{
    float: right;
}
	.content5_inner{
    display: flex;
    justify-content: center;
}




.irohaie_menu{
    display: flex;
    justify-content: center;
    margin: 50px 0 0 0;
}
.irohaie_menu li{margin: 0 0.5%;width: 15%;}


  .irohaie_menu li a{
    display: block;
    background: #282828;
    border-radius: 30px;
    padding: 10px 2%;
    color: white;
    text-align: center;
}

.irohaie_menu li a:hover{
  background:gray;
  transition:0.5s;
}

.irohaie01 h3{
    text-align: center;
    font-size: 52px;
    line-height: 0.5;
}
.irohaie01 h3 span{
    font-size: 14px;
}
.irohaie01 img{
    width: 100%;
}
.irohaie01 h4{
    font-size: 37px;
    text-align: center;
    margin: 50px 0 30px 0;
}
.irohaie01 p{
    text-align: center;
    line-height: 1.2;
}

.irohaie02{
    text-align: center;
    margin: 50px 0 0 0;
}
.irohaie02 img{margin: 30px 0;}

.irohaie03{
    text-align: center;
}
.irohaie03 h3{
    font-size: 30px;
}
.irohaie03 .irohaie03_01{background:url(../../images/irohaie/three-condition-bg.jpg) no-repeat;background-size:cover;padding: 50px 0;}
.irohaie03 .irohaie03_01 h3{
    color: white;
    margin: 17px 0 35px 0;
}
.irohaie03 .irohaie03_01 table{
    width: 80%;
    color: white;
    text-align: center;
    margin: 0 auto;
}
.irohaie03 .irohaie03_01 table td{
    padding: 10px 0;
}
.irohaie03 .irohaie03_01 table td span{
    font-size: 38px;
}
.irohaie03 .irohaie03_02 ul{
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}
.irohaie03 .irohaie03_02 ul li{
    width: 20%;
}
.irohaie03 .irohaie03_02 ul li img{
    width: 100%;
}
.irohaie04{
    text-align: center;
    margin: 100px 0 0 0;
}
.irohaie04 h3{
    font-size: 30px;
    margin: 36px 0 28px 0;
}
.irohaie04 p{
    width: 80%;
    margin:  0 auto;
}
.irohaie_page{
    display: flex;
    width: 80%;
    margin: 50px auto;
}
.irohaie_page li{
    width: 48%;
    margin: 0 1%;
}
.irohaie_page li a{
    background: #262626;
    display: block;
    padding: 21px 5%;
    color: white;
    text-align: right;
}

.irohaie_page li a:hover{
	background: #666;
  transition:0.5s;
	}

.iroha_type{
    text-align: center;
}
.iroha_type h3{
    font-size: 40px;
    text-align: center;
    margin: 69px 0 0 0;
    line-height: 1.2;
}
.iroha_type h3 span{
    font-size: 19px;
    display: block;
    font-weight: 100;
}
.iroha_type h4{
    font-size: 40px;
    margin: 30px 0;
}

.iroha_type a{
    color: #3a3a3a;
    font-size: 27px;
    font-weight: bold;
    border: 2px solid;
    padding: 20px 5%;
    display: block;
    width: 30%;
    margin: 30px auto;
}

.iroha_type a:hover{
	background:#3a3a3a;
	transition:0.5s;
	color:#FFF;}

.iroha_type p{}
.iroha_type3F{
    display: flex;
    width: 100%;
    margin: 50px 0;
}
.iroha_type3F li{
    width: 25%;
}
.iroha_type3F li img{
    width: 100%;
}

.iroha_type_detail01{display: flex;margin: 50px 0;}
.iroha_type_detail01 li{
    width: 44%;
    margin: 0 3%;
}
.iroha_type_detail01 li img{
    width: 100%;
}
.iroha_type_detail01 li h4{
    font-size: 30px;
    margin: 0 0 28px 0;
}

.iroha_type_detail01 .iroha_type3{display:flex;width: 100%;}
.iroha_type_detail01 .iroha_type3 img{
    width: 33.3%;
}

.iroha_type_detail02{
    text-align: center;
}	

.iroha_type_detail03{text-align: center;margin: 100px 0;}
.iroha_type_detail03 h4{
    font-size: 40px;
    margin: 0 0  0;
}
.iroha_type_detail03 .data{
    background: #e1e1e1;
    padding: 30px 0;
    margin: 30px 0;
}
.iroha_type_detail03 .data h5{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 13px 0;
}

.iroha_type_menu{
    display: flex;
}
.iroha_type_menu div{
    display: block;
    width: 29.3%;
    margin: 0 1%;
    border: 2px solid black;
    padding: 1%;
    text-align: center;
    color: black;
}
.iroha_type_menu div{
    position: relative;
}

.iroha_type_menu div a  {
  position: absolute;
  width: 100%;
  height: 100%;
}

  
.iroha_type_menu div img{
    width: 100%;
}
.iroha_type_menu div h5{
    font-weight: bold;
    font-size: 20px;
    margin: 20px 0 0 0;
}
.iroha_type_menu div span{
    font-weight: 100;
    font-size: 15px;
}
.iroha_type_menu div ul{
    display: flex;
}


.iroha_quality{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.iroha_quality .iroha_quality_box{
    border: 2px solid;
    border-radius: 10px;
    width: 39%;
    margin: 15px 1%;
    background: #f3f4f7;
}
.iroha_quality .iroha_quality_box h4{
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0 20px 5%;
    border-bottom: 2px solid;
}
.iroha_quality .iroha_quality_box ul{
    display: flex;
}

.iroha_quality .iroha_quality_box ul li.image{
    padding: 20px 5%;
    width: 15%;
}
.iroha_quality .iroha_quality_box ul li.para{
    padding: 20px 20px 20px 0;
    line-height: 1.5;
    font-size: 17px;
    width: 75%;
}


.iroha_warranty01{
    text-align: center;
    margin: 50px 0;
}
.iroha_warranty01 img{
    margin: 0 0 24px 0;
}
.iroha_warranty01 p{}
.iroha_warranty02{
    text-align: center;
    margin: 30px 0;
}
.iroha_warranty02 img{}


.iroha_gray{
  background:#dfdfdf;
  padding:20px 0;
}

.landy_menu{display: flex;justify-content: center;margin: 80px 0;}
.landy_menu li{border-right: 2px solid;padding: 0 28px;border-left: 2px solid;}
.landy_menu li a{color: black;font-weight: bold;}

.landy01{margin: 50px 0;}
.landy01 p{margin: 30px 0 0 0;line-height: 2;}
.landy02 img{width: 100%;}
.landy03{display: flex;justify-content: center;margin: 50px 0;}
.landy03 dd{text-align: left;padding: 0 0 0 20px;}
.landy03 dd h3{font-size: 30px;margin: 0 0 0 0;}
.landy03 dd ul{padding: 0 0 0 30px;margin: 30px 0 0 0;}
.landy03 dd ul li{list-style: disc;margin: 20px 0;font-size: 20px;}
.landy03 dd ul li span{color: red;background: #ffff82;font-weight: bold;}
.landy05{display: flex;justify-content: center;flex-wrap: wrap;}
.landy05 li{width: 31.3%;margin: 10px 1%;border: 3px solid #0069b3;box-sizing: border-box;border-radius: 20px;padding: 30px;}
.landy05 li h3{margin: 0 0 0 0;color: #0069b3;line-height: 1.5;}
.landy05 li img{margin: 30px 0;}
.landy05 li p{text-align: left;}
.landy_btn{margin: 50px 0;}
.landy_btn a{background: #0069b3;color: white;border-radius: 35px;padding: 19px;width: 30%;display: block;margin: 0 auto;}
.landy_btn a:hover{background:#333333; transition:0.5s;}
.landy06 h3{font-size: 37px;margin: 58px 0 8px 0;color: black;}
.landy07{margin: 0 0 20px 0;}
.landy07 p{font-size: 30px;font-weight: bold;color: black;margin: 23px 0 0 0;}
.landy07 p span{color: red;background: #ffff33;}
.landy08{display: flex;background: #0069b3;padding: 60px;align-items: center;margin: 30px 0;}
.landy08 dd{padding: 0 0 0 8%;color: white;font-size: 31px;font-weight: bold;text-align: left;line-height: 1.8;}
.landy08 dd p{font-weight: 100;}
.landy08 dd h4{font-size: 49px;font-weight: bold;margin: 20px 0;}
.landy08 dd h4 span{color: yellow;}
.landy09{text-align: left;}
.landy10{margin: 50px 0 0 0;}
.landy10_{display: flex;width: 80%;margin: 20px 0;;}
.landy10_ dt{width: 30%;}
.landy10_ dt img{width: 100%;height: 174px;object-fit: cover;border-radius: 10px;}
.landy10_ dd{width: 70%;padding: 0 0 0 2%;text-align: left;}
.landy10_ dd h4{color: #0069b3;text-align: left;font-size: 20px;font-weight: bold;margin: 14px 0 13px 0;}
.landy10_ dd p{text-align: left;}
.landy10_ dd ul{display: flex;align-items: center;width: 40%;}
.landy10_ dd ul li a img.google{width: 100%;}
.landy10_ dd ul li a img.apple{width: 424%;}
.landy10_ dd a.contact{background: #0069b3;color: white;border-radius: 20px;padding: 10px;width: 40%;display: block;text-align: center;margin: 20px 0 0 0;}
.landy10_ dd a.contact:hover{background:#373737; transition:0.5s;}
	
.land_landy01{color: #0069b3;font-size: 46px;}	
.land_landy02{font-weight: bold;margin: 20px 0;font-size: 24px;}	
.land_landy03{color: white;background: #0069b3;padding: 20px;display: block;border-radius: 5px;width: 40%;margin: 20px 0;}	
	.land_landy03:hover{background:#333; transition:0.5s; }
	.land_landy04{color: #0069b3;font-weight: bold;}	






div.content800.as01 {
}
div.content800.as01 h3.mnc {
}
div.content800.as01 p {
padding: 0 0 45px 0;}
div.content1200 {
}

div.content1200 div p.as_02 {
}
div.content1200 div p.as_02 span {
}
div.content1200 div img.as_03 {
margin: 30px 0 60px 0;}
div.content1200 div img.as_04 {
}
div.content1200 div img.as_05 {
margin: 60px 0;}
div.content1200 div p.as_06 {
font-size: 15px;text-align: left;margin: 0 0 50px 0;}

.as_06_{border: 1px solid gray;padding: 80px 0;}
.as_06__{}

div.content1200 div h4.as_06.mnc {
font-size: 30px;color: #004ea2;margin: 0 0 35px 0;}
div.content1200 div p.as_07.mnc {
font-size: 20px;margin: 30px 0;}
div.content1200 div p.as_08 {
text-align: left;width: 65%;font-size: 14px;}
div.gray {
}
div.gray div.content1200 {
}
div.gray div.content1200 div {
}
div.gray div.content1200 div h3.mnc {
}
div.gray div.content1200 div ul.as_09 {
display: flex;width: 80%;margin: 60px 0 0 0;}
div.gray div.content1200 div ul.as_09 li.as_10 {
}
div.gray div.content1200 div ul.as_09 li.as_10 img.as_12 {
}
div.gray div.content1200 div ul.as_09 li.as_11 {
text-align: left;padding: 0 0 0 4%;}
div.gray div.content1200 div ul.as_09 li.as_11 h5 {
color: #153288;font-size: 24px;font-weight: bold;}
div.gray div.content1200 div ul.as_09 li.as_11 p.as_13 {
font-size: 18px;margin: 10px 0 0px 0;font-weight: bold;}
div.gray div.content1200 div ul.as_09 li.as_11 p.as_14 {
}
div.gray div.content1200 div img.as_15 {
margin: 60px 0;}
div.gray div.content1200 div p.as_16 {
font-size: 15px;text-align: left;}
div.gray div.content1200 div h6.as_17 {
background: #6e6e6e;margin: 60px 0 30px 0;color: white;padding: 20px 0;font-size: 30px;}
div.gray div.content1200 div ul.as_18 {
display: flex;flex-wrap: wrap;}
div.gray div.content1200 div ul.as_18 li {
width: 18%;margin: 1%;}
div.gray div.content1200 div ul.as_18 li img {
width: 100%;border: 1px solid;}
div.gray div.content1200 div ul.as_18 li p {
font-size: 14px;}

div.content1200.as_19 {
text-align: center;padding: 60px 0;}
div.content1200.as_19 h3 {
}
div.content1200.as_19 h3 img {
}
div.content1200.as_19 video {
border: 5px solid gray;}
div.content1200.as_19 video source {
}
div.content1200.as_19 ul {
display: flex;flex-wrap: wrap;width: 80%;justify-content: center;margin: 50px auto 0 auto;}

ul {}

ul {}
div.content1200.as_19 ul li {
margin: 0 3% 50px 3%;width: 44%;}
div.content1200.as_19 ul li img {
margin: 0 0 30px 0;}
div.content1200.as_19 ul li h4 {
font-size: 18px;line-height: 1.5em;width: 80%;margin: 0 auto;}

.as_20{font-size: 15px;color: gray;}


.form select.form_n{
    width: 70px;
    font-size: 20px;
    text-align: center;
    padding: 5px;
}
	.back_btn{width: 15%;
    padding: 10px 0;
    font-size: 18px;
    margin: 10px auto 0 auto;
    background: #b9b9b9;
    border: 2px solid #bdbdbd;
    border-radius: 9px;
    color: white;
    font-weight: 400;}	

	
#zip{  width: 20%;}
#zip1{  width: 20%;}	
	
	.form td ul{
    display: flex;
    width: 100%;
    margin: 0.1em 0 1em 0;
}	
	.form td ul li{
    margin: 0 22px 0 0;
}	

	
.mw_wp_form .error {font-weight: bold;margin: 1vw 0 0 0;}	














dl.study {
}
dl.study dt {/* background: #ffffff; */padding: 57px;}
dl.study dt div.content1200 {
}
dl.study dt div.content1200 dl {display: flex;justify-content: center;}
dl.study dt div.content1200 dl dt {width: 460px;padding: 56px 27px 0 0;}
dl.study dt div.content1200 dl dt h3 {color: #0069b3;font-size: 55px;font-weight: 100;margin: 0 0 13px 0;line-height: 1.2;}
dl.study dt div.content1200 dl dt p {
}
dl.study dt div.content1200 dl dd {
    padding: 0;
    background: #fff;
}
dl.study dt div.content1200 dl dd img {width: 500px;}
dl.study dd {padding: 57px 0;background: #e1e1e1;}
dl.study dd div.content1200 {
}
dl.study dd div.content1200 dl {display: flex;justify-content: center;}
dl.study dd div.content1200 dl dt {/* background: #FFF; */width: 500px;padding: 0;}
dl.study dd div.content1200 dl dt img {width: 100%;}
dl.study dd div.content1200 dl dd {padding: 0;width: 460px;padding: 56px 0 0 27px;}
dl.study dd div.content1200 dl dd h3 {color: #0069b3;font-size: 55px;font-weight: 100;margin: 0 0 13px 0;line-height: 1.2;}
dl.study dd div.content1200 dl dd p {
}
div.study02 {
}
div.study02 p {text-align: center;font-weight: bold;color: black;}
div.study02 a {  background: rgb(0,105,179);background: linear-gradient(90deg, rgba(0,105,179,1) 0%, rgba(0,76,130,1) 100%);border-radius: 48px;width: 316px;margin: 30px auto;text-align: center;color: #FFF;display: block;padding: 30px 20px;font-size: 20px;letter-spacing: 0.3em;}
div.study02 a:hover{ background:#004c82; } 


/*============================
#side_btn
============================*/
div#side_btn {position: fixed;display: flex;flex-wrap: wrap;z-index: 100;bottom: 0;background: #3b3b3b;width: 100%;justify-content: center;}
div#side_btn a.red {background: #8d070d;}
div#side_btn a.red img {}
div#side_btn a {
	color: #FFF;
	background: #444444;
	padding: 10px 11px 10px 20px;
	border: #FFF solid 1px;
	transition: 0.5s;
	font-size: 16px;
	display: block;
	margin: 20px 1%;
	display: flex;
	align-items: center;
	font-weight: 500;
	justify-content: center;
	box-sizing: border-box;
	}
div#side_btn a img {width: 8%;margin: 0 10px 6px 0;}
div#side_btn a:hover{ background:#333;}








div.machika01 {text-align: center;margin: 5vw 0;}
div.machika01 img {
}
div.machika01 p {width: 913px;margin: 1vw auto;font-size: 27px;}
div.machika02 {
}
div.machika02 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
div.machika02 ul li {width: 48%;margin: 1vw 1%;position: relative;}
div.machika02 ul li a {
    display: block;
    z-index: 10;
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
div.machika02 ul li h4 {font-size: 38px;font-weight: bold;margin: 1vw 0 0.3vw 0;display: flex;justify-content: space-between;align-items: center;}
div.machika02 ul li p {font-size: 22px;}

div.machika02 ul li .banner_1,div.machika02 ul li .banner_3,div.machika02 ul li .banner_4 {
    position: relative;
    overflow: hidden;
    text-align: center;
    height: 17vw;
    padding: 0;
}

div.machika02 ul li .banner_1:after,v.machika02 ul li .banner_3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2024/11/nukumori-scaled.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
div.machika02 ul li .banner_3:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.machida-koumuten.com/cms/wp-content/themes/machida/images/machika/mirai/mirai_head_.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
	
div.machika02 ul li .banner_4:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.machida-koumuten.com/cms/wp-content/uploads/2024/11/静止画8.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}	

  
div.machika02 ul li .banner_1:hover:after,div.machika02 ul li .banner_3:hover:after,div.machika02 ul li .banner_4:hover:after {
    opacity: .8;
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
div.machika02 ul li .banner_1 .inner ,div.machika02 ul li .banner_3 .inner,div.machika02 ul li .banner_4 .inner {
    z-index: -4;
    position: relative;
    background: none;
}





div.nuk01 {text-align: center;}
div.nuk01 img.n01 {width: 22%;margin: 5vw 0 0 0;}
div.nuk01 img.n02 {margin: 2vw 0;}
div.nuk02 {
}
div.nuk02 img {
}
div.nuk03 {
}
div.nuk03 dl {display: flex;margin: 3vw 6vw;}
div.nuk03 dl dt {
}
div.nuk03 dl dt h4 {font-size: 30px;line-height: 1.5em;margin: 0 0 1vw 0;}
div.nuk03 dl dt p {
}
div.nuk03 dl dd {padding: 0 0 0 5%;}
div.nuk03 dl dd img {
}
div.nuk_btn {
}
div.nuk_btn dl {display: flex;justify-content: center;}
div.nuk_btn dl dt {width: 45%;margin: 0 1%;}
div.nuk_btn dl dt a {background: #004587;text-align: center;display: block;color: #FFF;padding: 1vw 0 2.5vw 0;font-weight: bold;	transition:0.5s;}
div.nuk_btn dl dt a img {width: 41%;top: 10px;position: relative;margin: 0 2% 0 0;}
div.nuk_btn dl dd {width: 45%;margin: 0 1%;}
div.nuk_btn dl dd a {background: #eb7e1d;
    text-align: center;
    display: block;
    color: #FFF;
    padding: 1vw 0 2.5vw 0;
    font-weight: bold;
	transition:0.5s;
}
div.nuk_btn dl dd a img {width: 41%;top: 10px;position: relative;margin: 0 2% 0 0;}

div.nuk_btn dl dt a:hover,div.nuk_btn dl dd a:hover{ background:#999;} 






div.nuk04 {
    margin: 0 0 5vw 0;
}
div.nuk04 dl {display: flex;justify-content: space-between;width: 90%;margin: 0 auto;}
div.nuk04 dl dt {padding: 0 9%;}
div.nuk04 dl dt h3.mnc {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #351400;font-size: 30px;margin: 0;}
div.nuk04 dl dd {width: 86%;}
div.nuk04 dl dd img {width: 100%;margin: 0 0 17px 0;}
h4.nuk_orange {background: #eb7e1d;display: inline-block;color: #FFF;padding: 5px 20px;border-radius: 18px;margin: 10px 0;}
div.nuk04 dl dd p.nuk_p {margin: 13px 0 0 0;}
div.nuk05 {
}
div.nuk05 dl {display: flex;width: 90%;margin: 0 auto;}
div.nuk05 dl dt {
}
div.nuk05 dl dt img {width: 100%;}
div.nuk05 dl dd {padding: 0 9%;}
div.nuk05 dl dd h4.nuk_orange {
}
div.nuk05 dl dd p.nuk_p {
}
div.nuk05 dl dd h3.mnc{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #351400;font-size: 30px;margin: 0;}
div.nuk05 dl dd h3.mnc span{}

div.nuk45{background: url(https://www.machida-koumuten.com/cms/wp-content/themes/machida/images/machika/nuk/nukumori_bk01.png),url(https://www.machida-koumuten.com/cms/wp-content/themes/machida/images/machika/nuk/nukumori_bk02.png);background-repeat: no-repeat,no-repeat;background-position: right,left bottom;}

ul.nuk_page {display: flex;justify-content: center;margin: 5vw 0;}
ul.nuk_page li {

}
ul.nuk_page li a {
    padding: 1.5vw;
    border-radius: 9px;
    font-weight: bold;
    background: #eb7e1d;
    color: #FFF;
    margin: 0.5vw;
    font-size: 1.5vw;
}
ul.nuk_page li a.gray {background: #cdcdcd !important;transition:0.5s;}
ul.nuk_page li a.gray:hover{ background: #eb7e1d; transition:0.5s;}
	


div.nuk06 {width: 90%;margin: 5vw auto;}
div.nuk06 dl {display: flex;}
div.nuk06 dl dt {
    padding: 0 5% 0 0;
}
div.nuk06 dl dt h3.mnc {padding: 48px 229px 50px 229px;color: #351400;font-size: 30px;margin: 0;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
div.nuk06 dl dt h4.orange {
}
div.nuk06 dl dt p {
}
div.nuk06 dl dd {
}
div.nuk06 dl dd img {
}
div.nuk07 {
}
div.nuk07 dl {display: flex;width: 90%;justify-content: space-evenly;margin: 0 auto;}
div.nuk07 dl dt {
}
div.nuk07 dl dt img {
}
div.nuk07 dl dd {padding: 0 0 0 5%;}
div.nuk07 dl dd h3.mnc {color: #351400;font-size: 30px;margin: 0;line-height: 1.7;}
div.nuk07 dl dd h3.mnc span {font-size: 15px;}
div.nuk07 dl dd h4.orange {
}
div.nuk07 dl dd p {
}



div.nuk08 {width: 90%;margin: 5vw auto;}
div.nuk08 ul {display: flex;justify-content: space-around;flex-wrap: wrap;}
div.nuk08 ul li {width: 332px;}
div.nuk08 ul li h4.nuk_orange {
}
div.nuk08 ul li img {width: 100%;}
div.nuk08 ul li a{background:#0e4380;color:#FFF;text-align: center;display: block;padding: 1vw 0;border-radius: 30px;transition: 0.5s;}
div.nuk08 ul li a:hover{background:#eb7e1d;}
div.nuk08 ul li h3.mnc {margin: 1vw 0 0.5vw 0;color: #351400;}
div.nuk08 ul li p.p_nuk {height: 181px;}
div.nuk08 ul li p span {font-size: 12px;display: block;}


div.nuk08 ul li.tate {
}
div.nuk08 ul li.tate h4.nuk_orange {
}
div.nuk08 ul li.tate div.tate_ {display: flex;align-items: flex-start;}
div.nuk08 ul li.tate div.tate_ img {
}
div.nuk08 ul li.tate div.tate_ div {padding: 0 0 0 5%;}
div.nuk08 ul li.tate div.tate_ div h3.mnc {line-height: 1.5;}
div.nuk08 ul li.tate div.tate_ div p {
}



/*===============================================
ここち・いい追加CSS(2023.02)
===============================================*/

div.machika02 ul li .banner_2:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.machida-koumuten.com/cms/wp-content/themes/machida/images/machika/koko/index_03.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

div.machika02 ul li p.new{position: absolute;left: 0;top: 13px;z-index: 99;background: red;padding: 0.2vw 1vw 0 1vw;font-weight: 600;color: #FFF;}

.banner_1 a img{
    width: 39%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 2;
}
div.machika02 ul li p b{}


.koko_btn dd{}
.koko_btn dd a{
    background: #75bb29 !important;
}
.koko_btn dd a img{}


div.koko01 {position: relative;margin: 0 0 80px 0;}
div.koko01 h3 {-ms-writing-mode: tb-rl;writing-mode: vertical-rl;position: absolute;right: 0;line-height: 2;top: -62px;font-size: 37px;}
div.koko01 h3 span{
    background: #FFF;
    font-weight: 200;
}
div.koko01 img {width: 100%;}
div.koko01 dl {display: flex;justify-content: space-between;margin: 30px 0 50px 0;}
div.koko01 dl dt {width: 51%;}
div.koko01 dl dt img {width: 100%;}
div.koko01 dl  dd {width: 46%;}
div.koko01 dd img {width: 100%;}
h4.kokoh4 {font-size: 50px;color: #75bb29;display: flex;align-items: center;}
h4.kokoh4 span {font-size: 15px;margin: 0 0 0 10px;}
div.koko01 p {margin: 10px 0;}
div.koko02 {
}
div.koko02 dl {display: flex;justify-content: space-between;}
div.koko02 dl dt {width: 50%;}
div.koko02 dl dt img {width: 100%;}
div.koko02 dl dd {width: 46%;}
div.koko02 dl dd h4.kokoh4 {
}
div.koko02 dl dd h4.kokoh4 span {
}
h5.kokoh5 {font-size: 30px;margin: 10px 0;line-height: 1.5;}
div.koko02 dl dd p {line-height: 2.5;}
div.koko03 {margin: 100px 0 0 0;}
div.koko03 dl {justify-content: space-between;display: flex;}
div.koko03 dl dt {width: 10%;}
div.koko03 dl dt img {width: 100%;}
div.koko03 dl dd {width: 86%;}
div.koko03 dl dd h4.kokoh4 {
}
div.koko03 dl dd h4.kokoh4 span {
}
div.koko03 dl dd h5.kokoh5 {
}
div.koko03 dl dd h5.kokoh5 b {
}
div.koko03 dl dd p {
}
div.nuk08.koko08 {
}
div.nuk08.koko08 ul {
}
div.nuk08.koko08 ul li {margin: 15px 0;}
div.nuk08.koko08 ul li img {
}
div.nuk08.koko08 ul li h4.kokoh4 {font-size: 34px;margin: 10px 0 0 0;}
div.nuk08.koko08 ul li h5.kokoh5 {font-size: 20px;font-weight: bold;margin: 5px 0;}
div.nuk08.koko08 ul li p {
}
div.nuk08.koko08 ul li p span {
}
div.nuk08.koko08 ul li h5.kokoh5 span {font-size: 15px;}
div.nuk08.koko08 ul li a {background: gray;border-radius: 3px;margin: 15px 0 0 0;}
div.nuk08.koko08 ul li a:hover{
    color: #505050;
    background: #fcc600;
}
  ul.nuk_page.koko_page {
}
ul.nuk_page.koko_page li {
}
ul.nuk_page.koko_page li a {
}
ul.nuk_page.koko_page li a.gray {
}
div.nuk_btn.koko_btn {
}
div.nuk_btn.koko_btn dl {
}
div.nuk_btn.koko_btn dl dt {
}
div.nuk_btn.koko_btn dl dt a {
}
div.nuk_btn.koko_btn dl dt a img {
}
div.nuk_btn.koko_btn dl dd {
}
div.nuk_btn.koko_btn dl dd a {
}
div.nuk_btn.koko_btn dl dd a img {
}


div.vid_contents {width: 92%;/*背景色を横幅いっぱいに広げる*/text-align: center;margin: 0 auto 50px auto;padding: 4% 4% 0 4%;/*ここで動画の周りの余白を調整*/background: #e6e6e6;/*余白の背景色*/}
video.vid_main {
width: 100%;
max-width: 920px;/*PC版での最大幅*/
}



div.machika02 ul li h4 b{
  color:red;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 22px;
}

	.copy{text-align: center;
    color: #FFF;
    margin: 5vw 0 0 0;}	
	
#topcontrol{
    bottom: 10vw !important;
}
div.content1000 div.showroom div.link{ width:50%;}
div.content1000 div.showroom div.link a.button {width: 463px !important;margin: 10px 0 !important;display: block;}
	



/*20230519*/
	

/*==================================================
アコーディオンのためのcss
===================================*/

/*アコーディオン全体*/
div#rousai01 .accordion-area{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

div#rousai01 .accordion-area li{
    margin: 10px 0;
}

div#rousai01 .accordion-area section {
	border: 1px solid #ccc;
}

/*アコーディオンタイトル*/
div#rousai01 .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
div#rousai01 .title::before,
div#rousai01 .title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
div#rousai01 .title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
div#rousai01 .title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}

/*　closeというクラスがついたら形状変化　*/


div#rousai01 .title.close::before{
	transform: rotate(45deg);
}

div#rousai01 .title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
div#rousai01 .box {
    display: none;/*はじめは非表示*/
    margin: 0 3% 0 3%;
    padding: 3%;
}








/*============================
#rousai01
============================*/
div#rousai01 {
}
div#rousai01 div.rousai01 {background: #0069b3;color: #FFF;width: 60%;margin: 5vw auto 0 auto;padding: 2vw 3vw;line-height: 2.5vw;font-weight: bold;font-size: 1.2vw;max-width: 800px;}
div#rousai01 h3 {text-align: center;margin: 3vw 0;text-decoration: underline;line-height: 2;}
div#rousai01 ul.accordion-area {
}
div#rousai01 ul.accordion-area li {
}
div#rousai01 ul.accordion-area li section {
}
div#rousai01 ul.accordion-area li section h3.title {text-decoration: none;text-align: left;margin: 0;background: gainsboro;}
div#rousai01 ul.accordion-area li section div.box {
}
div#rousai01 ul.accordion-area li section div.box p {
}
div#rousai01 ul.accordion-area li section div.box ul {display: flex;margin: 1vw 0 0 0;}
div#rousai01 ul.accordion-area li section div.box ul li {margin: 0 1vw 0 0;}
div#rousai01 ul.accordion-area li section div.box ul li a.yes {transition:0.5s; background: red;color: #FFF;width: 8vw;display: block;padding: 3vw 4vw;text-align: center;font-weight: bold;font-size: 2.5vw;border-radius: 10px;}
div#rousai01 ul.accordion-area li section div.box ul li a.yes:hover {transition:0.5s;background: #b73b3b;}
div#rousai01 ul.accordion-area li section div.box ul li a.no {transition:0.5s; background: #3F51B5;color: #FFF;width: 8vw;display: block;padding: 3vw 4vw;text-align: center;font-weight: bold;font-size: 2.5vw;border-radius: 10px;}
div#rousai01 ul.accordion-area li section div.box ul li a.no:hover{transition:0.5s;background: #5f6cb9;}
div#rousai01 ul.accordion-area li section div.box p.tel {color: green;font-weight: 800;font-size: 3vw;}
div#rousai01 ul.accordion-area li section div.box a.more { transition:0.5s; display: block;background: green;border-radius: 5px;width: 30%;text-align: center;color: #FFF;font-weight: 900;padding: 1vw 2vw;}
div#rousai01 ul.accordion-area li section div.box a.more:hover{transition:0.5s;background: #303030;}



/*============================
#rousai02
============================*/
div#rousai02 {
}
div#rousai02 h3 {text-align: center;margin: 3vw 0;text-decoration: underline;}
div#rousai02 h3 span{
    color: #b22237;
}
div#rousai02 ul {width: 60%;margin: 0 auto;text-align: center;}
div#rousai02 ul li {
}
div#rousai02 ul li a.no {transition: 0.5s;background: #364499;display: block;color: #FFF;border-radius: 6px;padding: 3vw;font-size: 3vw;margin: 0 0 1vw 0;}
div#rousai02 ul li a.no:hover {
    background: #3c3c3c;
    transition: 0.5s;
}
div#rousai02 ul li a.yes {transition: 0.5s; display: block;background: #b22237;color: #FFF;border-radius: 6px;padding: 3vw;font-size: 3vw;}
div#rousai02 ul li a.yes:hover {    background: #3c3c3c;
    transition: 0.5s;
}




/*============================
#rousai03
============================*/
div#rousai03 {
}
div#rousai03 h3 {text-align: center;margin: 3vw 0;text-decoration: underline;}
div#rousai03 h3 span{
    color: #ff0025;
}
div#rousai03 div.rousai03_01 {width: 60%;padding: 4vw;margin: 0 auto;border: 5px solid #b22237;}

.rousai03_01 {}
div#rousai03 div.rousai03_01 p {
}
div#rousai03 div.rousai03_01 ul {color: #b22237;font-weight: bold;padding: 0 0 0 2vw;}
div#rousai03 div.rousai03_01 ul li {list-style: disc;margin: 1vw 0;line-height: 1.5;}
div#rousai03 div.rousai03_01 a { transition:0.5s; background: gray;color: #FFF;border-radius: 5px;padding: 1.5vw 2vw;display: block;width: 40%;}
div#rousai03 div.rousai03_01 a:hover{ background:#333; transition:0.5s;}
div#rousai03 div.rousai03_01 a i.fa-solid.fa-up-right-from-square {
}
div#rousai03 table {width: 70%;margin: 3vw auto;}
div#rousai03 table tbody {
}
div#rousai03 table tbody tr {
}
div#rousai03 table tbody tr th {background: #fed2d1;width: 25%;border: 2px solid #bdbdbd;padding: 3vw;font-size: 1.5vw;}
div#rousai03 table tbody tr th span {color: #FFF;background: red;border-radius: 10px;padding: 0.1vw 1vw;font-size: 1vw;margin: 0 0 0 1vw;}
div#rousai03 table tbody tr td {border: 2px solid #bdbdbd;padding: 1vw 2vw;}
div#rousai03 table tbody tr td input{
    font-size: 1.5vw;
    width: 80%;
    padding: 1vw;
}
div#rousai03 .privacy{
    color: blue;
    text-align: center;
    display: block;
}
	
div#rousai03 input.button{
    width: 30%;
    margin: 0 auto 3vw auto;
    display: block;
    background: #FF5722;
    color: #FFF;
    border: none;
    padding: 1.5vw;
    font-size: 2vw;
    border-radius: 10px;
}	

div.rousai03_02 {background: #e7e7e7;width: 70%;margin: 3vw auto;max-width: 900px;padding: 1vw 0 3vw 0;}
div.rousai03_02 h3 {margin: 3vw 0 1vw 0 !important;}
div.rousai03_02 p.tel {color: #08205e;font-weight: bolder;text-align: center;font-size: 3vw;line-height: 1.2;}
div.rousai03_02 p.caution {font-weight: bold;color: #08205e;text-align: center;}

/*============================
#rousai04
============================*/
div#rousai04 {
}
div#rousai04 h3 {text-align: center;margin: 3vw 0;text-decoration: underline;}
div#rousai04 h3 span{
    color: #ff0025;
}div#rousai04 div {width: 60%;margin: 0 auto;background: lightgrey;text-align: center;padding: 5vw 0 4vw 0;}
div#rousai04 div h4 {font-size: 2vw;font-weight: bold;}
div#rousai04 div p.pc {color: #11700e;font-size: 3vw;font-weight: bold;}
div#rousai04 div p.sp {
}
div#rousai04 div p.sp a {
}
div#rousai04 a.more {background: #11700e;width: 300px;display: block;margin: 1vw auto;color: #FFF;text-align: center;padding: 2vw;font-weight: 700;font-size: 1.5vw;}

	#invoice a.kaitou{
    color: white;
    display: block;
    width: 300px;
    text-align: center;
    padding: 24px 36px;
    margin: 2vw auto 3vw auto;
    line-height: 1.4;
    background: #0069b3;
}	
	




/*============================
20230628
============================*/



div.nuk04.mirai01 dl dt {padding: 0 4% 0 0;width: 10%;}
div.nuk04.mirai01 dl dt h3.mnc {color: #0074b8;line-height: 2;font-size: 26px;}

div.mirai02 p {text-align: center;font-size: 20px;font-weight: bold;color: #175694;}
ul.mirai03 {display: flex;margin: 2vw 0;justify-content: space-between;}
ul.mirai03 li {border: 1px solid #c5c5c5;padding: 2vw 3%;width: 26%;}
ul.mirai03 li h4 {background: rgb(1,127,198);background: linear-gradient(90deg, rgba(1,127,198,1) 0%, rgba(31,71,130,1) 50%);color: #FFF;padding: 1vw;text-align: center;border-radius: 10px;margin: 0 0 1vw 0;font-weight: bold;}
ul.mirai03 li p {color: #145c9c;font-weight: 600;line-height: 2;}
ul.mirai03 li dl {background: rgb(135 135 135 / 25%);padding: 2vw;display: flex;align-items: center;flex-wrap: wrap;margin: 1vw 0 0 0;}
ul.mirai03 li dl dt {width: 30%;background: #0b6bae;color: #FFF;border-radius: 5px;text-align: center;margin: 0 0 1vw 0;padding: 0.5vw 0;}
ul.mirai03 li dl dd {width: 67%;padding: 0 0 0 3%;margin: 0 0 1vw 0;line-height: 1.5;color: #0b6bae;font-weight: bold;}
div.mirai04 {background: #bfd0e4;padding: 2vw 3vw;}
div.mirai04 img.mirai04_01 {width: 80%;margin: 2vw auto 0 auto;display: block;}
div.mirai04 div {
    width: 80%;
    padding: 2vw 0 5vw 0;
    margin: 0 auto;
    text-align: center;
}
div.mirai04 div img.mirai04_02 {
    margin: 0 0 2vw 0;
}
div.mirai04 div p {line-height: 2;}

ul.nuk_page.mirai_page li a {background: #0069b3;}

div.nuk_btn.mirai_btn dl dd a {background: rgb(1,127,198);background: linear-gradient(90deg, rgba(1,127,198,1) 0%, rgb(40 94 173) 50%);}


div.content1200.mirai_page03 div.nuk08 ul li {margin: 0 0 3vw 0;}
div.content1200.mirai_page03 div.nuk08 ul li h4.nuk_orange {background: rgb(1,127,198);background: linear-gradient(90deg, rgba(1,127,198,1) 0%, rgb(40 94 173) 50%);display: block;text-align: center;border-radius: 0;padding: 1vw;}
div.content1200.mirai_page03 div.nuk08 ul li img {border-radius: 10px;}

/*20240208追加*/	

.top240208{
	display:block;
	float:left;
	}
.slick-prev:before, .slick-next:before{font-size: 35px !important;}
.slick-prev {
    left: -43px !important;
}
	.slick-next {
    right: -28px !important;
}	

	
/*20240621追加*/
	#partner h3.mnc{ background:none !important; }
	

	
/*20240823追加*/
	
div.movie_link {max-width: 1000px;width: 80%;text-align: center;margin: 0 auto;}
div.movie_link div {
}
div.movie_link div h3 {margin: 1em 0;background: #5b5b5b;color: #fff;padding: 1em 0;}
div.movie_link div iframe {width: 100%;height: 40vw;}
div.movie_link div figure.wp-block-video.video_m {
}
div.movie_link div figure.wp-block-video.video_m video {
}
div.movie_link div p {
}
	div.movie_link div a{}	
	div.movie_link div a img{ width:100%;}	

	a.simple_link{border:1px solid gray;display:block;width: 80%;margin: 3em auto;text-align: center;padding: 0.5em 0;font-size: 1.2em;color: #333;}	
	


input.wpcf7-form-control.wpcf7-text.event-name {
    margin: 0 2% 25px 10px;
    padding: 20px 10px;
    width: 65%;
}



/*20241125追加*/

section.h2_content {text-align: center;background: #eeeeee;padding: 1em 0 0 0;}
section.h2_content h2.pickup-title-wrap__main {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", font-family: sans-serif;font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
section.h2_content h2.pickup-title-wrap__main span.pickup-title-wrap__main-en {font-weight: 700;}
section.h2_content p.pickup-title-wrap__text {font-weight: 600;}

/*20241217追加*/
.holiday_info{
    background: red;
    color:#fff !important;
    padding: 2em;
    font-size: 0.8em;}


/*20241223追加*/
div#philosophy03 div.content1000 p {color: #fff;}
div#philosophy04 p {color: #fff;}

/*20241224追加*/
.general-logo {}
.property-logo {width: 224px;}
.housing-logo {width: 224px;}

/*20250115追加*/
.second_section form p.text12 span{color:red;}

.overview__title a{
    background: #0069b3;
    font-size: 1vw;
    color: #fff;
    display: block;
    border-radius: 14px;
    border: 2px solid #fff;
    text-align: center;
    padding: 1em;
    white-space: nowrap;
    line-height: 1.5em;
}
.overview__title a span{
    color: yellow;
    display: block;
    font-size: 1.4em;
}
.overview__title img {
  width: 40% !important;
}


/*============================
#vert01
============================*/

div#vert01.content1200 div {width: 100%;position: relative;}
div#vert01.content1200 div img {width: 100%;}
div#vert01.content1200 div p.mnc {position: absolute;background: #ffffffcc;bottom: 5em;text-align: center;padding: 1em;/* width: 80%; */,animation: 0;/* top: 0; */right: 0;/* bottom: 0; */left: 0;margin: auto;width: 80%; font-weight: bold;}

div#vert04 p{ color: #FFF;}

}