@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 口腔機能向上トレーニング ◇◆◇
  
  
========================================================================================================================*/

#about p {
  text-align:left;
}
  
#about p:not(:first-child) {
  padding-top:2rem;
}

@media print,screen and (min-width:641px) {
  #about {
    text-align:left;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    padding-top:80px;
  }
}

@media screen and (max-width:640px) {
  #about {
    padding:2.5rem 1.5rem 0 1.5rem;
  }
}


/*-----------------------------------------------------------------------------------
  トレーニングを受けるには
-----------------------------------------------------------------------------------*/

.about_gaiyou {
  padding-top:80px;
}

.gaiyouTbl {
  width:100%;
  border-collapse:collapse;
  border:0;
}

.gaiyouTbl caption {
  text-align:left;
  padding-bottom:0.75rem;
}

.gaiyouTbl th,
.gaiyouTbl td {
  box-sizing:border-box;
  line-height:1.4;
}

.gaiyouTbl th {
  font-weight:400;
  background-color:#ceece9;
  text-align:center;
  vertical-align:top;
  border-bottom:1px solid #f0f8f8;
}

.gaiyouTbl td {
  text-align:left;
  vertical-align:middle;
  background-color:#fff;
  border-bottom:1px solid #d2eae8;
}

.gaiyouTbl tr:last-child th,
.gaiyouTbl tr:last-child td {
  border-bottom:0;
}

.gaiyouTbl td ul:not(.l-is-checkBox) {
  margin-left:1.5rem;
}

.gaiyouTbl td li:not(:first-child) {
  padding-top:0.5rem;
}

@media print,screen and (min-width:641px) {
  .gaiyouTbl th,
  .gaiyouTbl td { padding:1.5rem; }
}

@media screen and (max-width:640px) {
  .about_gaiyou {
    padding:3rem 0 0 0;
  }
  
  .gaiyouTbl colgroup { width:100%; }
  
  .gaiyouTbl th,
  .gaiyouTbl td {
    display:block;
    width:100%;
  }
  
  .gaiyouTbl th { text-align:left; border-bottom:0; padding:1rem 1.25rem; }
  .gaiyouTbl td { border-bottom:0; padding:1.5rem 1.25rem; }
}


/*----------------------------------------------------------------------------------------------------

  内容・効果
  
----------------------------------------------------------------------------------------------------*/

.training_block {
  background-color:#fff;
  box-sizing:border-box;
}

.training__body {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  #training {
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    padding-top:40px;
    padding-bottom:100px;
  }
  
  .training_block {
    margin-top:60px;
    padding:60px;
  }

  .training__body {
    padding-top:50px;
  }
}

@media screen and (max-width:640px) {
  #training {
    padding:1rem 1.5rem 3rem 1.5rem;
  }
  
  .training_block {
    margin-top:2rem;
    padding:2.25rem 1.75rem 2rem 1.75rem;
  }

  .training__body {
    padding-top:1.75rem;
  }
}


/*-----------------------------------------------------------------------------------
  内容
-----------------------------------------------------------------------------------*/

.naiyou ul {
  width:100%;
  list-style:none;
  padding-bottom:1.25rem;
}

.naiyou li {
  text-align:center;
  box-sizing:border-box;
}

.naiyou li span {
  display:block;
  box-sizing:border-box;
  background-color:#e2f4f2;
  padding:1rem;
  line-height:1.4;
}

@media print,screen and (min-width:641px) {
  .naiyou ul {
    display:inline-block;
  }
  
  .naiyou li {
    width:50%;
    float:left;
  }
  
  .naiyou li:nth-child(even) {
    padding-left:0.5rem;
  }
  
  .naiyou li:nth-child(n+3) {
    margin-top:0.5rem;
  }
}

@media screen and (max-width:640px) {
  .naiyou ul {
    padding-top:0.25rem;
  }
  
  .naiyou li:not(:first-child) {
    margin-top:0.5rem;
  }
}


/*-----------------------------------------------------------------------------------
  効果
-----------------------------------------------------------------------------------*/

.kouka ul {
  padding-top:0.75rem;
}

@media print,screen and (min-width:641px) {
  .kouka .photo {
    display:inline-block;
    width:400px;
    float:left;
  }
  
  .kouka ul {
    margin-left:460px;
  }
}

@media screen and (max-width:640px) {
  .kouka .photo {
    display:block;
    text-align:center;
    padding-top:0.25rem;
    margin-bottom:1.5rem;
  }
  
  .kouka .photo img {
    max-width:400px;
  }
  
  .kouka ul {
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
  }
}