.p-hl01 {
  font-weight: 400; }
  @media print, screen and (min-width: 900px) {
    .p-hl01 {
      font-size: 30px;
      font-size: 3rem;
      margin-top: 50px;
      margin-bottom: 25px; } }
  .p-hl01 .p-hl01-icon {
    background: #5a5757;
    color: #fff;
    display: inline-block;
    border-radius: 100px;
    line-height: 1;
    vertical-align: middle; }
    @media print, screen and (min-width: 900px) {
      .p-hl01 .p-hl01-icon {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 6px 7px 10px 7px;
        margin-left: 10px;
        margin-top: -5px; } }
    @media only screen and (max-width: 899px) {
      .p-hl01 .p-hl01-icon {
        font-size: 13px;
        font-size: 1.3rem;
        padding: 3px 5px 6px 5px;
        margin-left: 8px;
        margin-top: -5px; } }

.p-offer-icon {
  background: #5a5757;
  color: #fff;
  display: inline-block;
  border-radius: 100px;
  line-height: 1; }
  @media print, screen and (min-width: 900px) {
    .p-offer-icon {
      font-size: 12px;
      font-size: 1.2rem;
      padding: 5px;
      margin-right: 5px; } }
  @media only screen and (max-width: 899px) {
    .p-offer-icon {
      font-size: 12px;
      font-size: 1.2rem;
      padding: 5px;
      margin-right: 5px; } }

@media only screen and (max-width: 899px) {
  .p-intro-list {
    margin-top: 30px; } }
@media print, screen and (min-width: 900px) {
  .p-intro-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px; } }
.p-intro-list li {
  background: #f7f5f0; }
  @media only screen and (max-width: 899px) {
    .p-intro-list li {
      margin-bottom: 15px; } }
  @media print, screen and (min-width: 900px) {
    .p-intro-list li {
      width: 49%;
      margin-bottom: 20px; } }
.p-intro-list dl h3 {
  text-align: center;
  font-weight: bold;
  color: #fff; }
  @media only screen and (max-width: 899px) {
    .p-intro-list dl h3 {
      padding: 10px; } }
  @media print, screen and (min-width: 900px) {
    .p-intro-list dl h3 {
      padding: 15px; } }
.p-intro-list li.p-intro-list-item-sociology dl {
  background: #5aaf32; }
.p-intro-list li.p-intro-list-item-psychology dl {
  background: #006fbc; }
.p-intro-list li.p-intro-list-item-media dl {
  background: #f39800; }
.p-intro-list li.p-intro-list-item-social dl {
  background: #eb613b; }
@media only screen and (max-width: 899px) {
  .p-intro-list li dd {
    padding: 10px 15px; } }
@media print, screen and (min-width: 900px) {
  .p-intro-list li dd {
    padding: 15px 30px; } }

.p-detail {
  position: relative; }
  @media only screen and (max-width: 899px) {
    .p-detail {
      border-top: 6px solid #5a5757; } }
  @media print, screen and (min-width: 900px) {
    .p-detail {
      border-top: 8px solid #5a5757; } }
  .p-detail:before {
    content: "";
    display: block;
    width: 25%;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%); }
  .p-detail .p-detail-inr:not(:last-child) {
    border-bottom: 1px solid #ebebeb; }
    @media only screen and (max-width: 899px) {
      .p-detail .p-detail-inr:not(:last-child) {
        padding-bottom: 40px;
        margin-bottom: 30px; } }
    @media print, screen and (min-width: 900px) {
      .p-detail .p-detail-inr:not(:last-child) {
        padding-bottom: 60px;
        margin-bottom: 50px; } }

@media only screen and (max-width: 899px) {
  .p-sociology:before {
    border-top: 6px solid #5aaf32; } }
@media print, screen and (min-width: 900px) {
  .p-sociology:before {
    border-top: 8px solid #5aaf32; } }
.p-sociology .c-hl01:after {
  background: #5aaf32; }

@media only screen and (max-width: 899px) {
  .p-media:before {
    border-top: 6px solid #f39800; } }
@media print, screen and (min-width: 900px) {
  .p-media:before {
    border-top: 8px solid #f39800; } }
.p-media .c-hl01:after {
  background: #f39800; }

@media only screen and (max-width: 899px) {
  .p-psychology:before {
    border-top: 6px solid #006fbc; } }
@media print, screen and (min-width: 900px) {
  .p-psychology:before {
    border-top: 8px solid #006fbc; } }
.p-psychology .c-hl01:after {
  background: #006fbc; }

@media only screen and (max-width: 899px) {
  .p-social:before {
    border-top: 6px solid #eb613b; } }
@media print, screen and (min-width: 900px) {
  .p-social:before {
    border-top: 8px solid #eb613b; } }
.p-social .c-hl01:after {
  background: #eb613b; }

/*# sourceMappingURL=programs13.css.map */