@charset "utf-8";


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
 リヤンド -絆- のバリュー
.value
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.value-bg{background-color: #DFFFF7;}
.value-wrap{display: flex;justify-content: space-between;align-items: center;}
.value-img{width: 40%;}
.value-img img{width: 100%;}
.value-text{width: 58%;}
.value-subttl{font-size:2.0rem; font-weight: 500;margin-bottom: 3rem;}
.value-wrap p{margin-bottom: 0.5rem;}


@media screen and (max-width: 768px) {
.value-wrap{flex-direction: column;}
.value-img{width: 100%;}
.value-text{width: 100%; margin-bottom: 10vw;}
.value-subttl{text-align: center;margin: 5vw 0;}
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
当施設について
.company
 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


.company-wrap{padding: 1rem 0 3rem 0;}
.privacy-wrap p{margin-bottom: 5rem;}

.business-summary{}
.business-summary li{border-bottom: #D3D3D3 solid 1px;padding: 1.5rem 0;}
.business-summary li:last-child{border-bottom:0;}
.business-summary dt,dd{display: inline-block;box-sizing: border-box;}

.business-summary dt{width: 20%; color: #12A581; font-weight: 500;}
.business-summary dd{width: 75%;}


@media screen and (max-width: 768px) {
.business-summary li{padding: 1.2rem 0;}
.business-summary dt,dd{display: block;}
.business-summary dt{width: 100%; margin-bottom: 0.3rem;}
.business-summary dd{width: 100%;}
}


.service-ttl{font-weight: 600;font-size: 2rem;text-align: center;margin: 1rem 0;}


/*タブ切り替え全体のスタイル*/
.tabs,.tabs2 {
  margin-top: 50px;
  padding: 2rem 0 0;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item,.tab_item2 {
  width: calc(100%/5 - 0.5rem);
  height: 50px;
  border-radius: ;
  background-color: #D3D3D3;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-right: 1rem;
  border-radius: 6px 6px 0px 0px;
  font-size: 20px;
  cursor: pointer;
}
.tab_item:hover {
  opacity: 0.75;
}
.tab_item2:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*ラジオボタンを全て消す*/
input[name="tab_item2"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content,.tab_content2  {
  display: none;
  padding: 2rem 0;
  clear: both;
  overflow: hidden;
  border-top: 3px solid #12A581;
}


/*選択されているタブのコンテンツのみを表示*/
#tab01_A:checked ~ #tab01_A_content,
#tab01_B:checked ~ #tab01_B_content,
#tab01_C:checked ~ #tab01_C_content,
#tab01_D:checked ~ #tab01_D_content,
#tab02_A:checked ~ #tab02_A_content,
#tab02_B:checked ~ #tab02_B_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #12A581;
  color: #fff;
}

.tabs2 input:checked + .tab_item2 {
  background-color: #12A581;
  color: #fff;
}

@media screen and (max-width: 768px) {
.tab_item, .tab_item2 {    width: calc(100%/4 - 0.5rem);    margin-right: 0.5rem;}
}