@charset "UTF-8";
/* CSS Document */


/*train [
----------------------------------------------------------- */
.ol-wrap{
  max-width: 900px;
	margin: 0 auto;
  background: var(--color-white);
}

.ol{
	border-top:1px solid var(--color-def03);
	}
.ol dt,
.ol dd{
	font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-sp)), 13px);/*13 / 14*/
	line-height: var(--line-height-wide01);
	text-align:left;
	letter-spacing: normal;
	}
.ol dt{
	padding:5px 10px;
	background: #eee;
	}
.ol dd{
	padding:10px 10px;
	border-bottom:1px solid var(--color-def03);
	}
.ol dd > div + div{
	margin: 10px 0 0 0;
  padding: 10px 0 0 0;
	border-top:1px solid var(--color-def03);
}


.dev-link{
	margin: 20px 0 0 0;
	font-size: clamp(calc(18px * var(--font-markup)), calc(18vw / var(--vw-sp)), 18px);/*18 / 18*/
	text-align: left;
}
.dev-link a{
	color: #2021ff;
  text-decoration: underline;
}

.yokoku{
  color: #900;
}
.yokoku dt{
  padding: 10px;
  border: 1px solid #900;
  font-size: 16pt;
  letter-spacing: 0.2em;
  text-align: center;
}
.yokoku dd{
  margin: 10px 0 0 0;
  /*font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-sp)), 13px);13 / 13*/
  font-size: clamp(calc(15px * var(--font-markup)), calc(15vw / var(--vw-sp)), 15px);/*15 / 15*/
  text-align: left;
  line-height: var(--line-height);
}


@media screen and (min-width:768px) {

  .ol{
    display: flex;
    flex-wrap: wrap;
    }
    .ol dt,
    .ol dd{
      border-bottom:1px solid var(--color-def03);
      font-size: clamp(calc(14px * var(--font-markup)), calc(14vw / var(--vw-pc)), 14px);/*13 / 14*/
    }
  .ol dt{
    width:14em;
    padding:12px 2% 12px 3%;
    background: none;
  }
  .ol dd{
    width: calc(100% - 14em);
    padding:12px 10px 12px 0;
  }
  .ol dd > div + div{
    margin: 12px 0 0 0;
    padding: 12px 0 0 0;
  }

  .dev-link{
    font-size: clamp(calc(18px * var(--font-markup)), calc(18vw / var(--vw-pc)), 18px);/*18 / 18*/
  }
  
  .yokoku{
    display: flex;
  }
  .yokoku dt{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10em;
    padding: 0 0 0 0.2em;
  }
  .yokoku dd{
    margin: 0 0 0 20px;
    /*font-size: clamp(calc(13px * var(--font-markup)), calc(13vw / var(--vw-pc)), 13px);13 / 13*/
    font-size: clamp(calc(15px * var(--font-markup)), calc(15vw / var(--vw-pc)), 15px);/*15 / 15*/
  }

}



/*set aos
--------------------------------- */

/* for pc*/
@media screen and (min-width: 768px) {
	}