#title {
  margin-top: 100px;
}

#study-policy-img {
  width: 100%;
  /* margin: 0px 10%; */
}

#study-policy-title {
  margin-bottom: 50px;
}

#services{
  padding-top: 20px;
  padding-bottom: 25px;
}

.class-title-num {
  width: 40px;
  height: 40px;
}

#steps ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
}

#steps ol li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 45px;
}

#steps ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #283593;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 25px;
  left: 0px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

table {
  /* table-layout: fixed; */
  /* min-width: 100%;
  width: 100%; */
  border-collapse: collapse;
  border-spacing: 0;
}

body th {
  width: 50px;
  min-width: 50px;
  height: 50px;
  text-align: center;
  /* border: solid 1px; */
  border-right: 1px solid black;
}
td {
  /* width: 100px;
  min-width: 100px; */
  text-align: left;
  /* border: solid 1px; */
  border-left: 1px solid black;
}

.table-title-bar {
  width: 1px;
  height: 30px;
}

.step1-left {
  border-style: solid;
  border-width: 2px;
  border-color: #5280ab;

  background-color: #5280ab;
  color: white;
  margin: 0;
  padding: 10px;
}

.step1-right {
  display: inline-block;
  border-style: solid;
  border-width: 3px;
  border-color: #5280ab;

  background-color: white;
  color: #5280ab;
  margin: 0;
  padding: 10px;
}

.step2-left {
  border-style: solid;
  border-width: 2px;
  border-color: #3f639a;

  background-color: #3f639a;
  color: white;
  margin: 0;
  padding: 10px;
}

.step2-right {
  display: inline-block;
  border-style: solid;
  border-width: 3px;
  border-color: #3f639a;

  background-color: white;
  color: #3f639a;
  margin: 0;
  padding: 10px;
}

.step3-left {
  border-style: solid;
  border-width: 2px;
  border-color: #25397b;

  background-color: #25397b;
  color: white;
  margin: 0;
  padding: 10px;
}

.step3-right {
  display: inline-block;
  border-style: solid;
  border-width: 3px;
  border-color: #25397b;

  background-color: white;
  color: #25397b;
  margin: 0;
  padding: 10px;
}

.introduce-comment {
  display: inline-block;
  justify-content: center;
  align-items: center;
}

.introduce-comment-detail{
  height: auto;
}

.introduce-name {
  text-align: center;      /* 横方向に中央揃え */
}

.img-impression{
  position: relative;
  display: flex;
}
.img-impression img{
  margin: 2% 0%;
  width: 100%;
  height: 100%;
}

/****************************************************************************/
@media only screen and (min-width : 851px){
  .introduce-photo{
    float: left;
  }
  .introduce-comment {
    float: right;
    width: calc(100% - 300px);
  }
}

@media only screen and (max-width : 850px){
  .introduce-photo{
  }
  .introduce-comment {
    width: 100%;
  }
}

/****************************************************************************/
@media only screen and (min-width : 416px){
  #study-policy-detail {
    font-size: 22px;
  }

  .step-text {

  }
}

@media only screen and (max-width : 415px){
  #study-policy-detail {
    font-size: 15px;
  }

  .step-text {
    font-size: 15px;
  }
}