@charset "UTF-8";
/* item */
@media screen and (min-width: 768px), print {
  .pc-item {
    display: block; } }

@media screen and (max-width: 767px) {
  .pc-item {
    display: none; } }

@media screen and (min-width: 768px), print {
  .sp-item {
    display: none; } }

@media screen and (max-width: 767px) {
  .sp-item {
    display: block; } }

/* CSS Grid */
/* ====================================================
  svg画像(/disease_guide/のディレクトリ内)
======================================================= */
/* ==========================================================================
 Intern
 ========================================================================== */
/* common
 ========================================================================== */
/* oters */
.SpScroll + p,
.TblCmn + p {
  margin-top: 16px; }

@media screen and (max-width: 767px) {
  .BreakWord {
    word-break: break-all; } }

.ListDisc .ListUnstyled li::before {
  border: none; }

.LinkColor {
  color: #0f7459; }

address .Mail img {
  vertical-align: middle; }

.TxtUnderline {
  text-decoration: underline; }

.Txt__important {
  color: #ff0000; }

.Txt__center {
  text-align: center; }

.Txt__right {
  text-align: right; }

.Txt__left {
  text-align: left; }

@media screen and (min-width: 768px), print {
  .TxtSmall {
    font-size: 12px;
    font-size: 1.2rem; } }

@media screen and (max-width: 767px) {
  .TxtSmall {
    font-size: 3.2vw; } }

@media screen and (min-width: 768px), print {
  .BoxSpread > * {
    margin-top: 16px; } }

@media screen and (max-width: 767px) {
  .BoxSpread > * {
    margin-top: 4vw; } }

.BoxSpread > *:first-child {
  margin-top: 0; }

.ListGutter__half {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 768px), print {
    .ListGutter__half .ListItem {
      width: 50%;
      padding: 0 8px; }
      .ListGutter__half .ListItem:nth-child(n + 3) {
        margin-top: 16px; } }
  @media screen and (max-width: 767px) {
    .ListGutter__half .ListItem {
      width: 100%;
      padding: 0 2vw;
      margin-top: 4vw; }
      .ListGutter__half .ListItem:nth-child(n + 3) {
        margin-top: 4vw; } }
/* ImgWrap */
.ImgWrap {
  display: block; }
  .ImgWrap:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  .ImgWrap .Img {
    overflow: hidden; }
    .ImgWrap .Img img {
      height: auto;
      max-width: 100%; }
  .ImgWrap .Img__left {
    float: left; }
  .ImgWrap .Img__right {
    float: right; }
  .ImgWrap .Img__center {
    text-align: center; }
  @media screen and (min-width: 768px), print {
    .ImgWrap .Img {
      margin-bottom: 30px; }
    .ImgWrap .Img__left {
      margin-right: 30px; }
    .ImgWrap .Img__right {
      margin-left: 30px; }
    .ImgWrap .Img__left,
    .ImgWrap .Img__right {
      max-width: 50%; } }
  @media screen and (max-width: 767px) {
    .ImgWrap .Img {
      margin-bottom: 8vw; }
      .ImgWrap .Img img {
        width: 100%; }
    .ImgWrap .Img__left {
      margin-right: 8vw; }
    .ImgWrap .Img__right {
      margin-left: 8vw; }
    .ImgWrap .Img__left,
    .ImgWrap .Img__right {
      width: 100%; } }
/* training - early - voice
 ========================================================================== */
.AvatarBox .AvatarBox__img {
  border: 1px solid black; }
  @media screen and (min-width: 768px), print {
    .AvatarBox .AvatarBox__img + * {
      margin-top: 48px; } }
  @media screen and (max-width: 767px) {
    .AvatarBox .AvatarBox__img + * {
      margin-top: 13vw; } }
/* training - early - movie
 ========================================================================== */
@media screen and (max-width: 767px) {
  .SctMovie iframe {
    width: 100%; } }

/* training - early - ppp
 ========================================================================== */
.SctTrain__pro .TxtFix__indent {
  padding-left: 2em;
  text-indent: -2em; }
  .SctTrain__pro .TxtFix__indent .TxtHead {
    display: inline-block;
    text-indent: 0; }

@media screen and (min-width: 768px), print {
  .SctTrain__pro table caption {
    margin-bottom: 16px; } }

@media screen and (max-width: 767px) {
  .SctTrain__pro table caption {
    margin-bottom: 4vw; } }

.SctTrain__pro table th,
.SctTrain__pro table td {
  padding: 20px 20px 24px; }
  .SctTrain__pro table th.Nowrap,
  .SctTrain__pro table td.Nowrap {
    white-space: nowrap; }

/* GraySct__group */
.GraySct__group .GraySct:first-child {
  margin-top: 0; }

@media screen and (min-width: 768px), print {
  .GraySct__group {
    margin-top: 32px; }
    .GraySct__group .GraySct {
      margin-top: 32px; } }

@media screen and (max-width: 767px) {
  .GraySct__group {
    margin-top: 8vw; }
    .GraySct__group .GraySct {
      margin-top: 8vw; } }

/* ProgramBox */
.ProgramBox > *:first-child {
  margin-top: 0; }

.ProgramBox .ProgramBox__ttl .SubTxt {
  display: block; }

.ProgramBox .ProgramBox___inner .Box__inner:first-child {
  margin-top: 0; }

@media screen and (min-width: 768px), print {
  .ProgramBox {
    margin-top: 32px; }
    .ProgramBox:first-child {
      margin-top: 16px; }
    .ProgramBox > * {
      margin-top: 16px; }
    .ProgramBox .ProgramBox__ttl + * {
      margin-top: 16px; }
    .ProgramBox .ProgramBox___inner .Box__inner {
      margin-top: 16px; } }

@media screen and (max-width: 767px) {
  .ProgramBox {
    margin-top: 8vw; }
    .ProgramBox:first-child {
      margin-top: 4vw; }
    .ProgramBox > * {
      margin-top: 4vw; }
    .ProgramBox .ProgramBox__ttl + * {
      margin-top: 4vw; }
    .ProgramBox .ProgramBox___inner .Box__inner {
      margin-top: 4vw; } }

/* Coursebox */
.Coursebox + .Coursebox {
  border-top: 1px solid #ccc; }

.Coursebox:first-of-type {
  border-top: none;
  padding-top: 0; }

.Coursebox > *:first-child {
  margin-top: 0; }

.Coursebox .Coursebox__ttl .SubTxt {
  display: block; }

@media screen and (min-width: 768px), print {
  .Coursebox {
    margin-top: 32px; }
    .Coursebox > * {
      margin-top: 16px; }
    .Coursebox + .Coursebox {
      padding-top: 32px; }
    .Coursebox .Coursebox__ttl + * {
      margin-top: 16px; } }

@media screen and (max-width: 767px) {
  .Coursebox {
    margin-top: 8vw; }
    .Coursebox > * {
      margin-top: 4vw; }
    .Coursebox + .Coursebox {
      padding-top: 8vw; }
    .Coursebox .Coursebox__ttl + * {
      margin-top: 4vw; } }

.Coursebox .Coursebox__tbl td.Nowrap,
.Coursebox .Coursebox__tbl th.Nowrap {
  white-space: nowrap; }

@media screen and (min-width: 768px), print {
  .Coursebox .Coursebox__tbl .Ttl + * {
    margin-top: 16px; }
  .Coursebox .Coursebox__tbl td,
  .Coursebox .Coursebox__tbl th {
    padding: 20px 20px 24px; } }

@media screen and (max-width: 767px) {
  .Coursebox .Coursebox__tbl .Ttl + * {
    margin-top: 4vw; }
  .Coursebox .Coursebox__tbl td,
  .Coursebox .Coursebox__tbl th {
    padding: 5vw 5vw 5vw; } }

.Coursebox .Coursebox__comments .List__indent .ListItem {
  position: relative;
  padding-left: 2em; }
  .Coursebox .Coursebox__comments .List__indent .ListItem:first-child {
    margin-top: 0; }
  .Coursebox .Coursebox__comments .List__indent .ListItem .TxtHead {
    position: absolute;
    left: 0; }

@media screen and (min-width: 768px), print {
  .Coursebox .Coursebox__comments {
    margin-top: 32px; }
    .Coursebox .Coursebox__comments .List__indent .ListItem {
      margin-top: 8px; }
    .Coursebox .Coursebox__comments .Txt {
      margin-top: 16px; } }

@media screen and (max-width: 767px) {
  .Coursebox .Coursebox__comments {
    margin-top: 8vw; }
    .Coursebox .Coursebox__comments .List__indent .ListItem {
      margin-top: 2vw; }
    .Coursebox .Coursebox__comments .Txt {
      margin-top: 4vw; } }

/* CmnCate__box
 ========================================================================== */
.CmnCate__box {
  margin-bottom: 32px; }
  .CmnCate__box .CmnCate__ttl {
    border-bottom: 1px solid #0f7459;
    padding-bottom: 0.5em; }
  .CmnCate__box .CmnCate__img img {
    width: 100%; }
  @media screen and (min-width: 768px), print {
    .CmnCate__box .CmnCate__inner {
      display: flex; }
    .CmnCate__box .CmnCate__img {
      width: 40%; }
    .CmnCate__box .CmnCate__list {
      width: 60%;
      padding-left: 24px; } }
  @media screen and (max-width: 767px) {
    .CmnCate__box .CmnCate__inner {
      margin-top: 4vw; }
    .CmnCate__box .CmnCate__list {
      margin-top: 4vw; } }
@media screen and (min-width: 768px), print {
  #program th {
    /*padding: 16px 40px;*/
    padding: 16px; }
  #program td {
    /*padding: 16px 40px;*/
    padding: 16px; } }

@media screen and (max-width: 767px) {
  #program th {
    /*padding: 3vw 5vw 3vw;*/
    padding: 3vw 5vw 3vw; }
  #program td {
    /*padding: 3vw 5vw;*/
    padding: 3vw 5vw; } }