/* CSS リセット +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* 終） CSS リセット +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */








/*■■■■■■■■■■■■通常ページはモバイルファースト■■■■■■■■■■■■*/

/*■■■■■■■■■■■■管理画面はＰＣファーストかな？？■■■■■■■■■■■■*/








/* ■■■■■■■■■■■■ サイト全体 共通 ■■■■■■■■■■■ */



/*■ＳＰ時 ＰＣ時 切替ワンタッチ*/

/*ＳＰ時*/
@media (max-width: 1023px) {
  .pc{
    display: none;
  }
}

/*ＰＣ時*/
@media (min-width: 1024px) {
  .sp{
    display: none;
  }
}

/*終）ＳＰ時 ＰＣ時 切替ワンタッチ*/  




*{
  line-height:150%;
  color:dimgray;
  list-style: none;
}


.a-link-color-blue{
  color: #37b3e3;
}
/* a:link, a:visited, a:hover, a:active
{
  color:dimgray;
} */


h1{
  text-align: center;
  font-size: 1.5rem;
  margin:2em 0;
} 

.bold{
  font-weight: bold;
}



/* ■jquery ＴＯＰへ戻る */
#page_top {
  position: fixed;
  bottom: 15px;
  right: 10px;
}


.t-a-center{
  text-align: center;
}





/*終）サイト全体 共通*/







/*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■*/



  /*■■■■■■ヘッダー ＳＰ時■■■■■■*/
  @media (max-width: 1023px) {

    /* ヘッダー自体 の表示 */

    .pc-header
    {
      display: none;
    }

    .sp-header{
      height: 10vh;
    }

  }




    /*↓↓これらは実際 ＳＰ時しか適用されない、
    ※これ自体メディアクエリにしてないが、view では.sp-header の中に記載しているので■■■■*/


    /* TEL ボタン */
    .btn_tel_fix {
      position: fixed;
      z-index: 10001;
      top: 2.6vw;
      right: 17.5vw;
      width: calc(95 / 750 * 100vw);
      height: calc(95 / 750 * 100vw);
      text-align: right;
    }
    .btn_tel_fix img{
      max-width: 100%;
      height: auto;
    }


      /* TEL ボタン ＰＣ時 */
      @media (min-width: 1024px){
        .btn_tel_fix {
          display: none;
        }
      }

      /* .btn_gnav_sp {
        position: fixed;
        z-index: 10000;
        top: 2.6vw;
        right: 3.2vw;
        width: calc(95 / 750 * 100vw);
        height: calc(95 / 750 * 100vw);
        background: #abcb21;
        outline: none;
        border:0;
      }
      @media only screen and (min-width: 1024px){
        .btn_gnav_sp {
          display: none;
        }
      } */






      /*■■■■ ハンバーガーナビ ■■■■*/


        /*■■ ハンバーガーナビ toggle 部分 ■■*/

        .toggle {

          /* 病院方式 */
          position: fixed;
          z-index: 10000;
          top: 2.6vw;
          right: 3.2vw;
          width: calc(95 / 750 * 100vw);
          height: calc(95 / 750 * 100vw);

          max-width: 95px;
          max-height: 95px;


          background: #abcb21;
          outline: none;
          border:0;

          text-align: center;

          /* 原本 */
          /* position: fixed; bodyに対しての絶対位置指定 */
          /* right: 10px;
          top: 7px;
          display: block;
          width: 45px;
          height: 50px;
          cursor: pointer;
          z-index: 3;
          background: #ccc; */
        }

        .toggle span {
          display: block;
          position: absolute; /*.toggleに対して */
          width: 70%;
          border-bottom: solid 3px #000;
          -webkit-transition: .35s ease-in-out;
          -moz-transition: .35s ease-in-out;
          transition: .35s ease-in-out;
          padding-top: 5px;
          /* right: 7px; */
        }
        .toggle span:nth-child(1) {
          /* top: 3px; */
          top: 5%;
          left:15%;
        }
        .toggle span:nth-child(2) {
          /* top: 13px; */
          top: 25%;
          left:15%;
        }
        .toggle span:nth-child(3) {
          /* top: 23px; */
          top: 45%;
          left:15%;
        }
        .toggle span:nth-child(4) {
          border: none;
          /* top: 28px; */
          top: 55%;
          /* left: 5px; */
          left:13%;
          /* font-size: 12px; */
          font-size: 2.5vw;
          
          font-weight: bold;
        }
        /* 最初のspanをマイナス45度に */
        .toggle.active span:nth-child(1) {
          top: 15px;
          left: 4px;
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          transform: rotate(-45deg);
        }
        /* 2番目と3番目のspanを45度に */
        .toggle.active span:nth-child(2),
        .toggle.active span:nth-child(3) {
          top: 15px;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          transform: rotate(45deg);
        }

        /*終）toggle 部分 */



        /* ■■ ハンバーガーナビ メニュー部分 ■■ */

        .hamburger_navi {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          transform: translateY(-100%);
          z-index: 2;
          padding: 5em 0;
          text-align: center;
          color: #000;
          background: #ccc;
          transition: all 0.8s;
          opacity: 0.93;
        }
        .hamburger_navi ul{
          text-align: left;
          margin: 0 0 0 10%;
        }


        .hamburger_navi .nav_li {
          width: 100%;
          padding: 10px;
          list-style-type: none;
        }
        .hamburger_navi .nav_li a {
          display: block;
          color: #000;
        }

        /* .hamburger_naviに.activeが追加 */
        .hamburger_navi.active {
          transform: translateY(0%);
        }


          /* ■ハンバーガーナビ ＰＣ時 */
          @media (min-width: 1024px){
            .toggle {
              display: none;
            }
          }



        /*終）ハンバーガーナビ メニュー部分*/


      /*終）ハンバーガーナビ*/


    /*終）これらは実際ＳＰ時しか適用されない*/


  /*終）ヘッダー ＳＰ時*/







  /*■■■■■■ヘッダー ＰＣ時■■■■■■*/
  @media (min-width: 1024px) {


    /*■ヘッダー自体 の表示*/
    .sp-header{
      display: none;
    }
    .pc-header{
      display:flex;	
      flex-direction: row;
      align-items:center;
    }




      .pc-header-left{
        order: 1;
        /* order: 2; */
        width:20%; 
        text-align: center;
      }
      .pc-header-right{
        order: 2;
        /* order: 1; */
        width:80%; 
      }

        nav{
          text-align: center;
        }
          nav ul{
            margin: 0 ;
            padding: 0 ;
            display:flex;	
            flex-direction: row;
            align-items:center;
            justify-content: space-around;
          }
            nav ul li{
              list-style: none;
              display: inline-block;
              height: 1rem; 
              font-size: 0.7rem;
            }

              nav ul li :hover{
                border-bottom:2px solid; 
                border-bottom-color:#5eb19a; 
              }

              nav ul li a{
                display: block;
                height: 2rem;
                /* 以上2項目は aタグ選択範囲を広げる為。 */
                text-decoration: none;
              }

                nav ul li a:hover{
                  color: #5eb19a;
                }
                nav ul li.current a{
                  color: #F33135;
                }


  }/* 終）ヘッダー ＰＣ時  */



/*終）ヘッダー*/










/*■■■■■■■■ フッター ■■■■■■■■*/
footer
{
  text-align: center;
  margin:3rem 0 0 0;
  padding: 2rem 0;
  background-color:#f1f1f1;
}
footer a:link{
  color:#27a196;
}







/* ■■■■■■■■ main ■■■■■■■■*/
main{
  margin-top: 0;
}






  /*-----------------ここから１段層down---------------------*/






  /*■■■■ 共通 ブロック ■■■■*/

  .common-company-space{
    text-align: center;
    line-height: 1.7em;
  }
    .common-company-space img{
      width:100%;
    }
    .common-company-space-picinfo-pic{
      width: 90%;
      margin: 0 auto;
    }
    .common-company-space-picinfo-info img{
      width:60%;
    }


  .onayami{
    border:solid 1px #37b3e3;
    color:#37b3e3;
    margin: 1em auto 2em auto;
    padding:1em 0;
    width: 90%;
  }

  .common-company-space-mailcompany{
    margin: 0  auto;
    width: 90%;
  }
    .common-company-space-mailcompany img{
      width: 100%;
    }

      .common-company-space-mailcompany img:hover{
        opacity: 0.8;
      }

    .common-company-space-mailcompany-company{
      margin-top:1em;
    }

  .google_map{
    margin-top: 4rem;
    /* width:90%; */
  }




    /*■■■共通 ブロック ＰＣ時■■■*/
    @media (min-width: 1024px) {


      .common-company-space{
        margin: 5rem auto 3rem auto;
      }

        .common-company-space-picinfo{
          margin: 0 auto;
          width:50%;
          display: flex;
          flex-direction: row-reverse;
          justify-content: space-between;
          text-align: left;
        }
          .common-company-space-picinfo-pic{
            margin: 0;
            width: 50%;
            text-align: right;
          }

          .common-company-space-picinfo-info{
            margin: 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: left;
            line-height: 200%;
          }

          .onayami{
            margin: 2em auto;
            width: 50%;
          }

          .common-company-space-mailcompany{
            margin: 0 auto;
            width:50%;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
          }

            .common-company-space-mailcompany-mail{
              text-align: left;
              margin-top: 1em;
            }
            .common-company-space-mailcompany-company{
              text-align: right;
            }


        .common-company-space img{
          width:95%;
        }

      
    } /*終）共通 ブロック ＰＣ時*/


  /*終）共通 ブロック*/








  /*■■■■■■■■■■ ＴＯＰ ページ■■■■■■■■■■*/


  /*■■■■■ .top-page-step1 ■■■■■*/
  /* .top-page-step1{
     height: 140vh;
  } */



    /*■■■ top-step1-right （ログインが無い側）■■■*/
    .top-page-step1-right{
      text-align: center;
      width:100%;      
      height: 75vh;
    }

      .top-page-step1-right img{
        max-width: 100%;
        max-height: 100%;
      }




      /*■■■■■ カルーセル （ＩＮ .top-page-step1 ）■■■■■*/

      .bg-slider {
        position: absolute;
        z-index: 1;
        background-position: center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 75vh;

      }/* 終）.top-page-step1 カルーセル  */






    /*■■■ .top-page-step1-left （ログインが有る側） ■■■*/
    .top-page-step1-left{
      margin-top: 1rem;
      padding:  1rem 0;
      text-align: center;
    }





      /*■■■ .top-page-step1-left-upper ■■■*/
      .top-page-step1-left-upper{
        display: none;  /*基本、消しておいて他の行でＰＣ時は表示のCSSを記載している*/
      }


      /*■■■  .login-space ■■■*/

      .login-space{
        width:92%;
        margin:0 auto;
        padding: 0.5em 0.3em 0.3em 0.3em;
        border-radius: 15px;
        background-color: #e4f4f5;
        line-height: 2em;
        font-size: 2rem;
      }
        .login-space h2{
          margin: 0;
          line-height: 1.2;
          font-size:1.5rem;
          font-weight: bold;
          color:#5eb19a;
        }
         .login-space input{
          width:95%;
          height:1.5em;
          font-size: 1.5rem;
        }
          .login-space input[type="submit"]{
            /* margin-top: 0.7em; */
            margin-top: 0;
            width:50%;
            height:3rem;
            color:white;
            background-color:#5eb19a;
            border-radius: 7px;
            font-size: 1.3rem;
            border-color: silver;
          }
            .login-space input[type="submit"]:hover{
              background-color: #98cebe;
            }
            .login-space input[type="submit"]:active{
              background-color: rgb(226 130 130);
              border: none;
            }

        .login-space p{
          line-height:1.4;
        }
            
          .login-space-shinki{
            font-size: 1.2rem;
          }

          .login-space .login-error-message{
            font-size:1rem ;
            color: red;
            line-height:1;
          }



      /*終）.top-page-step1-left .login-space */




      .top-page-step1-left-tel{
        font-size:0.8rem;
        color: #37b3e3;
      }
      .okigaru{
        margin:1.5em 0 0.1em 0;
      }
      .top-page-step1-left-telnum{
        font-size:1.3rem;
        color: #37b3e3;
      }


  






    /*■■■■■■■■■■.top-page-step1 ＰＣ時■■■■■■■■■*/

    @media (min-width: 1024px) {

      /*■■■■■■top-page-step1■■■■■■■*/
      .top-page-step1{
        display:flex;	
        flex-direction: row;
        height: 110vh;   
      }



        /*■■■■■.top-page-step1-right    （ＩＮ.top-page-step1 ＰＣ時）   ■■■■■*/
        .top-page-step1-right{
          order: 2;
          width:80%;   
          height: 110vh;      

        }

          .top-page-step1-right img{
            /* object-fit: cover; */
            max-width: 100%;
            max-height: 100%;
          }



          /*■■■■■ カルーセル （ＩＮ .top-page-step1 ）■■■■■*/


          .bg-slider{
            position: absolute;
            z-index: 1;
            background-position: center center;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;

            width: 80%;
            height: 90vh;
          }
          /* 終）.top-page-step1 カルーセル  */





        /*■■■■■■■■■.top-page-step1-left     （ＩＮ .top-page-step1 ＰＣ時 ）  ■■■■■■■■■*/
        .top-page-step1-left{
          margin-top: 0;
          order: 1;
          width:20%; 
          padding: 0;
          height: 110vh;      

        }

          /*■■■■■■■.top-page-step1-left-upper■■■■■■■*/
          .top-page-step1-left-upper{
            display: block;
          }


          /*■■■■■ .login-space （ＩＮ .top-page-step1 ＰＣ時）■■■■■*/
          .login-space{
            width:85%;
          }

            .login-space input[type="submit"]{
              width:60%;
            }

    }
    /*終）.top-page-step1 ＰＣ時*/


  /*終）.top-page-step1 */







        

  /*■■■■■■■■ .top-page-step2 ■■■■■■■■*/


  .top-page-step2{
    margin: 3rem auto;
    background-color:#c2e1f8;
    line-height:1.5em;
    margin-top:3rem;    
  }
  .top-page-step2 a{
    text-decoration: none;
  }
  .top-page-step2-img-upper img{
    width: 100%;
  }
  .top-page-step2-img-downer img{
    width: 100%;
    vertical-align: bottom;
  }
  .top-page-step2-inner {
    text-align: center;
  }
  .top-page-step2-inner img{
    width:100%;
    vertical-align: bottom;
  }
  .top-page-step2-inner img:hover{
    opacity: 0.5;
  }


  .top-page-step2-l{
    background-color: white;
    border:solid 1px silver;
    margin:0.5em;
  }



    /*■.top-page-step2 ＰＣ時*/
    @media (min-width: 1024px) {


      .top-page-step2{
        margin-top:0;
      }


      .top-page-step2-inner{
        display:flex;	
        display:-webkit-flex;
        flex-direction: row;
        flex-wrap:wrap;
        justify-content:center;
      }

      .top-page-step2-l{
        width: 31%;
      }
      .top-page-step2-l:last-child{
        margin-bottom: 0;
      }


    }
    /*終）.top-page-step2 ＰＣ時*/



  /*終）.top-page-step2 -----*/




/*終）ＴＯＰ ページ*/










/*■■■■■下層ページ 共通■■■■■*/


  .kaso-page-step1 img{
    width: 100%;
    height:15vh;
    object-fit: cover;
  }

.kaso-page-step2{
  background-color: rgb(208, 229, 248);
  position: relative;
  height: 20vh;
}
  .kaso-page-step2 img{
    position: absolute;
    top:-2em;
    right:2em;
    width: 30vw;
    height: 20vh;
    object-fit: cover;
  }


/* 終） ----- 下層ページ 共通 -----*/









/*■■■会社概要ページ■■■*/

.company-info-table{
  margin: 2rem auto;
}

  .company-info-table th{
    font-weight: 600;
  }
  .company-info-table th,
  .company-info-table td
  {
    text-align: left;
    padding:0.3em ;
    background-color: white;
    border: none;
    border-bottom: 1px solid silver;
  }

    /* .company-info-table th  .company-info-table td  ＰＣ時*/
    @media (min-width: 1024px) {
      .company-info-table th,
      .company-info-table td{
        padding-right: 3rem;
      }
    }

/* 終）会社概要ページ */












/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ admin ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* 
※基本                    ＰＣ ＳＰ 共通
※業者     ＴＯＰ         フルスクラッチ
※マスター 物件 管理 画面  フルスクラッチ
※マスター 物件 編集 画面  レスポンシブ
*/





/*■■■■■■ admin 共通 ■■■■■■*/


/*■アドミン ボタン類*/

.admin-master-botton{
  color: black;
  /* background-color: #37b3e3; */
  background-color: #52a2df;
  /* background-color: #3c87c1; */
  padding: 0.5em;
}
.admin-gyosha-botton{
  color: white;
  background-color: #27a196;
  font-size: 1.2rem;
  padding: 0.2em;
}
.admin-bukken-add-button{
  font-size: 1.2rem;
}
  .admin-master-botton:hover,
  .admin-gyosha-botton:hover,
  .admin-bukken-add-button:hover
  {
    opacity: 0.7;
    cursor : pointer;
  }



/*■注意勧告*/
.admin-caution-blue{
  /* color:blue; */
  color:#3c87c1;
  font-weight: bold;
}
.admin-mini-blue{
  /* color:blue; */
  color:#3c87c1;
  font-size: 0.7rem;
  font-weight: bold;
}
.admin-caution-red{
  color:red;
}
.admin-caution-red p{
  color:red;
}

/* ページネーション */
.pagination-around{
  width:99%;
  text-align: center;
  margin-top: 3rem;
}
.pagination{
  display: inline-block;
  width:50%;
  letter-spacing: 10px;
}
.pagination a{
  color: #27a196;
  text-decoration: none;
}
.pagination-cur_tag{
  font-weight: bold;
}








  /*■■■■■■ admin ヘッダー ■■■■■■*/
  .admin-header{
    padding-left: 0.5rem;
    line-height: 1.2;
  }





  /*■■■■■■ admin-main ■■■■■■*/
  .admin-main{
    padding:0.5em ;
    line-height: 1.6;
  }
    .admin-main h1{
      margin: 0;
      /* font-size: 2rem; */
      font-weight: bold;
      /* background-color: #27a196; */
      background-color: #52a2df;
      /* background-color: #27a196; */
      color:white;
      /* 帯とテキストの高さ中央揃え用 */
      height:2.6rem;
      line-height: 2.8rem;
    }
    /* .admin-master-h1{
      background-color: #27a196;
    } */

    .admin-main h2{
      font-size: 1.7rem;
      font-weight: bold;
      margin-top: 0;
      margin-top: 1em;
    }
    .admin-main h3{
      font-size: 1.2rem;
      font-weight: bold;
    }




    .admin-step1{
      display: table;
      margin: 0 auto;
    }







    /*■■■admin-main 共通 テーブル■■■*/

    .admin-main table{
      border-collapse: collapse;
    }
      .admin-main table h3{
        font-size: 1.5rem;
        font-weight: bold;
      }

        .admin-main td,
        .admin-main th
        {
          border:1px solid #333;
          text-align:center;
          vertical-align: middle;
        }
        .admin-main th{
          background-color:#f1f1f1;
          font-weight: bold;
          padding: 0.5em 0.3em;
        }
          @media (max-width: 1023px) {
            .admin-main th{
              background-color:#fbeee7;
            }

          }

        .admin-main td{
          color: #000;
          padding: 0.2em;
          text-align: left; /*基本はleft*/            
        }

        /* ---これらの td は特別 cnter ---*/

            .admin-main td.t-a-center{
              text-align: center;
            }

            /* 予約カレンダー のtd*/
            .yoyaku-calender td{
              text-align: center;
            }

            /* 物件編集画面 trの下のtd用 */
            .bukken-henshu-img-block-pc tr.t-a-center td{
              text-align: center;
            }

        /* ---終）これらの td は特別 cnter ---*/



      .admin-main form{
        line-height: 2em;
      }
      .admin-main input[name="index_naiken_yoyaku_only_cancel_button"]{
        margin-top: 2em;
      }

      .admin_yoyaku_arimasen{
        margin-top: 0em;
        color: tomato;
        font-weight: bold;
      }

      .admin-link{
        margin-top: 4rem;
      }
        .admin-link h2{
          margin-top: 3em;
        }

        .admin-link a{
          color: #3c87c1;
          /* color: #37b3e3; */
        }




/* 画像ＰＯＰアップ */
.key-pop-big
{
  display: none;
  position: absolute;
  top:23%;
  left:35%;


  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  width:30%;
  padding:10px 3px 15px 3px;
  border: solid 2px goldenrod;
  border-bottom: solid 3px goldenrod;
  background: #181717; /*黒系*/
}






/* ■■■ admin ＴＯＰページ ■■■ */

  /* ■■ admin ＴＯＰページ ＳＰ ■■ */
  .admin-top-cancel-area-sp{
    background-color:#27a196; 
    margin:0 1em;
    padding: 0.5em;   
  }

/* --- 終）admin ＴＯＰページ --- */




/* ■■■ admin 予約実行ページ ■■■ */

  .naiken-calendar-h2{
    margin-top: 2em !important;
  }

  input[name="list_naiken_yoyaku_jikkou_cancel_button"]{
    margin:0.5em 0;
  }

  .yoyaku-sumi-jisha{
    background-color: #5eb19a;
  }
  .yoyaku-sumi-tasha{
    background-color: gray;
  }

/* --- 終）admin 予約実行ページ --- */









/*■■■■■■■■■■■■■■ admin マスター ■■■■■■■■■■■*/




    /*■■■admin マスター 各ページ共通■■■*/


      /* ＳＰテーブルは非表示 */
      .admin-sp-block{
        display:none;
      }


      .admin-main .bukken-henshu-genjyo th,
      .admin-main .bukken-henshu-genjyo td
      {
        background-color: #e4f4f5;
      }


      .admin-main table img{
        width:100%;
        max-width: 150px;
      }

      .admin-pc-block img{
        width:100%;
        max-width: 200px;
      }



    /* 終）--------admin マスター 各ページ共通 -------*/






    /*■■■admin マスター 各ページ共通 ＳＰ時■■■*/
    @media (max-width: 1023px) {


      /* ＰＣテーブルは非表示 */
      .admin-pc-block{
        display:none;
      }

      /* ＳＰテーブルを表示 */
      .admin-sp-block{
        display:block;
      }


      .admin-main table img{
        width:100%;
        max-width: 150px;
      }


      .admin-sp-block li{
        margin: 1rem auto;
        padding: 0.5em;
        background-color: #fbeee7;
        border: 1px solid gray;
        line-height: 2em;
      }

      .admin-sp-block h3,
      .admin-sp-block h4
      {
        font-size: 1.3rem;
        font-weight: bold;
        margin-top: 0.5em;
      }
      .admin-sp-block-h3-hyoji{
        text-align: center;
      }


      .admin-sp-block .midashi{
        display: inline;
        /* background-color: silver;*/
        background-color: rgb(251 229 229);
        padding: 0.1em 0.4em;
      }
      .admin-sp-block .midashi-attention{
        /* background-color: rgb(230, 138, 138); */
        background-color: #52a2df;
        font-size: 1.3rem;
        font-weight: bold;
        color: black;
      }
      .admin-sp-block .attention{
        font-size: 1.3rem;
        font-weight: bold;
      }

      .admin-sp-block table{
        margin-top: 1rem;
      }

      .admin-sp-block img{
        width:30%;
      }
      .admin-sp-block button{
        color: black;
        font-size:1.2rem;
      }

      
      .admin-sp-block table th,
      .admin-sp-block table td
      {
        border: none;
      }

      .admin-sp-block table td
      {
        vertical-align: bottom;
      }

      .admin-sp-block table img{
        width:100%;
      }


    }/*終）--------admin マスター 各ページ共通 ＳＰ時 --------*/
    








    /*■■■admin マスター 物件編集画面■■■*/

      .bukken-henshu-img-block-pc
      {
        margin-top: 5rem;
      }







    /*■■■■■admin マスター 物件編集画面 ＳＰ時■■■■■*/
    @media (max-width: 1023px) {
  
      .bukken-henshu-table {
        width: 100%;
      }
      .bukken-henshu-table tr {
        display: block;
        float: left;

        width: 30%;
      }

      .bukken-henshu-table tr td, 
      .bukken-henshu-table tr th
      {
        display: block;
        height: 100px;
        padding: 0.5em 0;

        word-wrap: break-word;
        width: 100%;
      }


      .bukken-henshu-table thead
      {
        display: block;
        float: left;
        width: 20%;
      }
      .bukken-henshu-table span
      {
        display: block;
        float: left;
        width: 20%;
      }
      .bukken-henshu-table tbody {
        display: block;
        float: left;
        width: 40%;
      }


      .bukken-henshu-table thead tr,
      .bukken-henshu-table span tr,
      .bukken-henshu-table tbody tr
      {
        width: 100%;
      }

      
      .bukken-henshu-img-block-pc
      {
        margin-top: 5rem;
      }

      .bukken-henshu-img-block-pc td,
      .bukken-henshu-img-block-pc th
      {
        width: 100%;
        display: block;
      }


    /* 現状 不使用 */
    /* .admin-sp-block-bukken-henshu{
      display:none;
    } */


    
    }/*-------- 終）admin マスター 物件編集画面 ＳＰ用 ---------*/











    /*■■■■■admin マスター 業者管理■■■■■*/

    .admin-master-gyosha-table{
      margin-top: 1em;
    }

    .admin-master-teishi-fukki input[type="submit"]{
      margin-bottom: 2em ;
    }
      .admin-master-teishi-fukki input[type="submit"]:last-of-type{
        margin-top: 2em ;
        margin-bottom: 0 ;
      }

    /*------- 終）admin マスター 業者管理 -------*/






/*----------------------- 終）管理画面 ---------------------*/









/*■■■■■新規登録■■■■■*/

.regist-step1{
  display: table;
  margin: 0 auto;
  padding-top: 2rem;
}
  .regist-step1 h2{
    text-align: center;
  }
  .regist-step1 a{
    color: #3c87c1;
  }



.regist-step1 .regist-button-flex{
  display:flex; 
  justify-content: center; 
  margin-top:2rem;
}

  .regist-step1 .submit-clear-space{
    margin:0 1rem;   
  }

.regist-nyuryoku-komoku{
  margin:4rem 0;
}

  .regist-nyuryoku-komoku div{
    margin-top: 1.5rem ;
  }

  .regist-nyuryoku-komoku h3{
    display: inline-block;
  }
  




/*--------- 終）新規登録 -----------*/






/*--------------------------------- 終）ＡＬＬ  -----------------------------*/