@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : 研修室・会議室
 
=====================================================================================*/

/* meal */
@media screen and (max-width: 800px) {
  .introduce .fr-right {
    float: none;
    margin: 0 auto 1.5em;
  }
}
  
@media screen and (max-width: 800px) {  
  .fee-table .table-content {
    font-size: var(--fs-s);
  }
  .fee-table .table-content th,
  .fee-table .table-content td {
    padding: .75em;
  }
  .fee-table .table-content thead th {
    min-width: 4.5em;
  }
  .fee-table .table-content tbody th {
    min-width: 5.5em;
  }
  .fee-table .table-content .ws-nowrap {
    white-space: normal;
  }
}
@media screen and (max-width: 500px) {  
  .fee-table .table-content {
    font-size: var(--fs-3s);
  }
}

/* application */
.application {
  width: 100%;
  padding: 48px 0;
  background-color: rgba(var(--bcolor-6), 1);
  overflow: hidden;
  text-align: center;
}
.application strong {
  display: block;
  color: rgba(var(--bcolor-5), 1);
  line-height: var(--line-height-s);
  margin-bottom: 24px;
}
.application .appli-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.application .appli-btn {
  width: calc(50% - 12px);
  margin-right: 24px;
}
.application .appli-btn:last-child {
  margin-right: 0;
}
.application .p-btn {
  width: 100%;
}
@media screen and (max-width: 700px) {
  .application {
    margin-top: 60px;
  }
  .application .appli-btn-wrap {
    flex-wrap: wrap;
  }
  .application .appli-btn {
    width: 100%;
    max-width: 480px;
    margin-right: 0;
    margin-bottom: 24px;
  }
  .application .appli-btn:last-child {
    margin-bottom: 0;
  }
}