@charset "UTF-8";

/* 会社情報 */

.institution .inner{
  /* padding: 20px; */
  /* font-size: 100%; */
}

/* ==============
セクション
*/
.institution .section:not(#cover){
  /* margin-bottom: 3rem; */
  padding: 3rem 0;
}

/* #gym{ background-color: white; }
#studio{ background-color:lemonchiffon; }
#spa{ background-color:lightcyan; }
#others{ background-color: white; } */

/* ---------------
セクションヘッダー
*/
.institution .section-header{
  display: flex;
  margin-bottom: 2rem;
}

.institution .section-header .section-title{
  border-left: 7px solid #1B6AA5;
  padding-left: 1rem;
  color: #1B6AA5;
  font-family: "M PLUS Rounded 1c";
  font-weight: bold;
  font-size: 2rem;
}

.institution .section-header .section-nav{
  margin-top: 1.5rem;
}

.institution .section-header .heading,
.institution .section-header .description
 {
  display: block;
  margin: 1em 0;
}

.institution .section-header .block-info{
  order: 1;
  /* flex-shrink: 0; */
  padding-right: 50px;
}
.institution .section-header .block-photo{
  order: 2;
  flex-shrink: 0;
  width: 500px;
  /* height: 300px; */
  /* background-color:lavender; */
}
.institution .section-header .block-photo img{
  width: 100%;
  height: auto;
}

/* ---------------
セクション内容
*/

.institution .row{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.institution .block-item{
  width: calc(33.3% - 30px);
  /* padding: 20px; */
}

.institution .block-item .heading{
  font-size: 1.1rem;
}

.institution .block-item .thumbnail{
  /* background-color: lavender; */
  width: 100%;
  /* height: 200px; */
}
.institution .block-item .thumbnail img{
  width: 100%;
  height: 200px;
  object-fit: cover;
}

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

  .institution .section{
    border-top: 1px solid #999;
  }

  .institution .section:nth-child(2){
    border: 0;
  }

  .institution .section .inner{
    padding: 0 20px;
  }

  .institution .section-header{
    display: block;
  }

  .institution .section-header .block-info{
    padding-right: 0;
  }
  .institution .section-header .block-photo{
    width: 100%;
  }
  .institution .section-header .heading {
    width: 100%;
  }
  
  .institution .block-item{
    width: 100%;
    margin-bottom: 1.5rem;
  }
  
}