@charset "UTF-8";

img{
  display: block;
  text-align: center;
  margin:0 auto;
}

#header_wrap{
  display: flex;
  justify-content: space-between;
}

#header #gnavi ul{
  display: flex;
}

.tb-s td{
  height: auto;
}

.flex{
  display: flex;
}

#main{
  float: none;
  width:100%;
  margin:0 auto;
}

#main h2 {
  text-align: left;
}

.tenpo #main .block01 dd.method02{
  margin:0;
}

.tenpo #main .block01 dd.method02 img{
  margin:0 auto;
  display: block;
}

#seminarroom-bnr{
max-width:540px;
width:100%;
margin:0 auto;
text-align: center;
border:3px solid #E68CAD;
padding:1rem;
margin-bottom:2em;
}

#seminarroom-bnr dt{
  color: #D85177;
    font-weight: 500;
    font-size: 1.45em;
    font-family: 'Noto Sans JP', sans-serif;
    /* background: url(../images/img-common/ico_10.gif) no-repeat 11px center;
    padding: 9px 0 10px 45px; */
    margin: 0 0 1rem;
}

#seminarroom-bnr dt::before {
  content: "";
  display: inline-block;
  width: 30px; /* 画像の幅に合わせて調整 */
  height: 30px; /* 画像の高さに合わせて調整 */
  background-image: url("https://jisyushitsuumeda.whitesnow.jp/images/img-common/ico_10.gif");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle; /* テキストと高さを揃える場合 */
  margin-right: 6px; /* テキストとの間隔 */
}


#seminarroom-bnr .flex{
  gap:10px;
}


#seminarroom-bnr .flex dd{
  flex:1 1 46%;
}

#seminarroom-bnr .flex dd a,#seminarroom-bnr dd a{
  width:100%;
  color:#333333;
  text-decoration: underline;
}

.bnr-border{
  padding:1rem;
  border-top: solid 1px #CCCCCC;
}

.bnr-border a:hover{
  color:#333333 !important;
}




/* 中央に寄せる */
.center-wrap{
  width:100%;
  margin:0 auto;
  text-align: center;
}

.center-wrap > a{
  display: block;
  max-width:540px;
  width:100%;
  margin: 0 auto 2em;
}

.center-wrap img {
  margin: 0 auto 2em;
  display: block;
  max-width: 100%;
  height: auto;
}



.seminarroom #main .first{
  text-align: left;
}

.seminarroom #main .second{
display:flex;
}

.seminarroom #main .second p.txt{
  width:100%;
}


.seminarroom #main ul.list{
  width:100%;
}

.yokonarabi{
margin:0 auto;
width:100%;
max-width: 540px;
}

.column-1{
  width:60%;
}

#column-1-fb{
  max-width: 332px;
  width: 100%;
  overflow: hidden;
}

.column-2-60{
  width:100%;
  display: flex;
  gap:40px;
}

.navi_mds {
    margin-bottom: 2px;
    font-size: 15px;
    color: #823C34;
    border-bottom: 1px dotted #823C34;
    margin: 0 0 5px 0;
    width: 100%;
}

  .flex-table_wrap{
    display: flex;
    flex-wrap: wrap;
    width:100%;
    align-items: flex-start; /* 各セルの下端を揃える */
    margin: 0 auto;
    float:none !important;
  }


    /* 各ブロック */
  .flex-table {
   flex:1 1 48%;
   background: #fff;
   border-radius: 6px;
   padding: 8px;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: flex-start; /* 内部要素も上寄せ */
   align-items: center;
   text-align: center;
   min-width: 0 !important;
   gap:8px;
  }

  .flex-table:last-child{
   align-self: flex-end;
  }


.flex-table2_wrap{
  display: flex;
  width:100%;
  gap:10px;
  margin:0 auto;
  flex-wrap: wrap;
}

.flex-table2_wrap img{
  height:auto;
}

.flex-table2{
flex:1 1 46%;
}


.flex-table-foot2_wrap{
  padding:5px;
  width:50%;
}

.flex-table-foot2{
padding-top:.6rem;
padding-bottom:.6rem;
}

.seminar-naka{
  max-width:540px;
  width:100%;
  margin: 0 auto;
}

  
    #footer_left_seminar {
      display: flex;
    }

    .fa-phone:before {
      font-size: 1.2rem;
      padding-right: 8px;
      color: #9B0000;
    }

/* 店舗---------------------------------------------------------------- */

    /* 3ビル */

    .cp_cssslider2{
      width:100%;
      max-width:540px;
    }

    /* 店舗調整 */

    #header img{
      display:unset;
    }

    .tenpo #main .block01 dd.method03{
      margin:0;
    }

    .tenpo #main .block01 dd.method03 a{
      display: inline-flex;
      width: auto;
      color:#D85177;
      font-weight: 600;
      background:none;
      height:auto;
      text-indent:inherit;
    }

    .tenpo #main .block01 dd.method03 a svg{
      fill: #D85177;
      width:16px;
      height: auto;
      margin-right:-6px;
    }

    .img-center-box{
    max-width: 540px;
    margin: 0 auto;
    }

    .img-box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 540px;
    gap: 10px;
    }

    .img-block-width{
      max-width: 240px !important;
    }

    .tenpo #main .block01 ul li{
      float:none;
      margin:0;
    }

    .tenpo #main .block01 ul li p{
      width:auto;
    }

    .img-box li{
      flex: 0 0 calc(50% - 10px); /* gap/2 を引く */
      box-sizing: border-box;
    }

    /* 設備アイコン並び */
    .setsubi-icon{
      display: grid;
      grid-template-columns: repeat(auto-fill,80px);
      flex-wrap: wrap;
      max-width:480px;
      margin:0 auto !important;
      justify-content: center;
    }


    /* お問合せバナー調整 */

    .contact_blk{
      text-align: center;
    }

    .contact_blk a{
      background:none;
      width:auto;
      height:auto;
      text-indent:inherit;
      display: inline-block;
    }

    /* お客様の声の開閉 */
    @media (max-width: 768px) {
  .voice-more-btn {
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 10px 15px;
    background: #F0EDE8;
    border-radius: 5px;
    width: 140px;
  }
  }


.tenpo #main .map_btn{
  margin:0;
  text-align: right;
}

.tenpo #main .map_btn a{
  text-indent:inherit;
  max-width:240px;
  width: auto;
  height: auto;
  margin-left:auto;
  margin-right:0px;
  background:none;
}

.tenpo #main .map_btn a img{
  object-fit: cover;
  width:100%;

}


.tenpo #main .block03 iframe{
  margin:0;
}


/* ===============================
   sp.css（スマホ用）
   画面幅768px以下で適用
================================= */
@media screen and (max-width: 768px){


  .column-1{
    display: flex;
    width:100%;
    flex-wrap:wrap;
    align-items: flex-start; /* 各セルの下端を揃える */
    margin: 0 auto;
    float:none !important;
  }

  .column-2-60{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  #column-1-fb{
    max-width: 500px;
    height:180px;
  }

  #footer_left_seminar {
  flex-direction: column;
  text-align: center;
}

.cp_cssslider2{
  padding-top:390px;
}



}

@media (max-width: 538px) {
  .img-block-width{
    max-width: 100% !important;
  }
}

@media screen and (max-width: 480px){

  .cp_cssslider2{
  padding-top:70vw;
}
}