/* ---------------------------------------- */
/* ---------------------------------------- */
/* ---------------------------------------- */
#outline .title {
  line-height: 1;
  min-width: 120px;
  padding: 8px 10px;
  background: #ddf0f4;
  margin-bottom: 20px;
  font-size: 108%;
  font-weight: bold;
  display: inline-block;
  text-align: center; }
#outline table.adm-date th, #outline table.adm-date td {
  line-height: 1;
  padding-bottom: 20px; }
#outline table.adm-date th {
  padding-right: 20px; }
  #outline table.adm-date th div {
    min-width: 120px;
    color: #69cac6;
    border: solid 2px #ddf0f4;
    padding: 6px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; }
#outline table.adm-date td {
  font-size: 150%; }
@media screen and (max-width: 640px) {
  #outline table.adm-date {
    /* sp */ }
    #outline table.adm-date th, #outline table.adm-date td {
      width: 100%;
      display: block; }
    #outline table.adm-date th {
      padding-right: 0px;
      text-align: left; }
      #outline table.adm-date th div {
        text-align: center;
        display: inline-block;
        min-width: 120px; } }

/* ---------------------------------------- */
.bg-point {
  background: url(/assets/images/admission/exam/bg_point.png) left center no-repeat;
  min-height: 100px;
  padding-left: 130px; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .bg-point {
      background: url(/assets/images/admission/exam/bg_point@2x.png) left center no-repeat;
      background-size: 100px 100px; } }
  @media screen and (max-width: 640px) {
    .bg-point {
      /* sp */
      background: url(/assets/images/admission/exam/bg_point.png) top center no-repeat;
      padding-top: 120px;
      padding-left: 0px; } }
  @media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 640px) and (min-resolution: 1.5dppx) {
    .bg-point {
      background: url(/assets/images/admission/exam/bg_point@2x.png) top center no-repeat;
      background-size: 100px 100px; } }

/* ---------------------------------------- */
#process .head {
  border: solid 2px #ddf0f4; }
  #process .head div {
    display: inline-block; }
  #process .head .step {
    background: #ddf0f4;
    width: 130px;
    text-align: center;
    font-family: 'DIN Next W01 Medium';
    font-size: 108%;
    padding: 3px 0;
    margin-right: 20px; }
    @media screen and (max-width: 640px) {
      #process .head .step {
        /* sp */
        width: 100%;
        display: block; } }
  #process .head .title {
    color: #69cac6;
    margin-right: 20px;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      #process .head .title {
        /* sp */
        margin-right: 10px;
        padding: 10px;
        padding-right: 0;
        padding-bottom: 0; } }
  @media screen and (max-width: 640px) {
    #process .head .date {
      /* sp */
      padding: 10px; } }
@media screen and (min-width: 641px) {
  #process {
    /* sp< */ }
    #process .head.table div {
      display: table-cell;
      vertical-align: middle; }
    #process .head.table .title {
      padding: 0 20px;
      min-width: 110px; } }
#process .notes {
  padding: 20px 0 20px 130px;
  background: url(/assets/images/admission/exam/bg_arrow.png) no-repeat 50px bottom; }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    #process .notes {
      background: url(/assets/images/admission/exam/bg_arrow@2x.png) no-repeat 50px bottom;
      background-size: 35px 510px; } }
  @media screen and (max-width: 640px) {
    #process .notes {
      /* sp */
      padding: 10px 0 20px 60px;
      background: url(/assets/images/admission/exam/bg_arrow.png) no-repeat 10px bottom; } }
  @media screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), screen and (max-width: 640px) and (min-resolution: 1.5dppx) {
    #process .notes {
      background: url(/assets/images/admission/exam/bg_arrow@2x.png) no-repeat 10px bottom;
      background-size: 35px 510px; } }

/* ---------------------------------------- */
h2 .day {
  color: #69cac6; }
h2 .date {
  color: #69cac6; }

.box4 h3 {
  color: #69cac6; }

/* ---------------------------------------- */
.mti-dinnextw01regular-n4-active h2 .day,
.mobile h2 .day {
  font-family: 'DIN Next W01 Regular';
  font-size: 120%; }

@media screen and (min-width: 641px) {
  /* pc */
  .pt15em-tab-pc {
    padding-top: 1.5em; } }