/*
 * base css 
 * pc width 1000px fixed
 */

@media (max-width: 599px) {
}

@media (min-width: 600px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

@media (max-width: 480px) {
}

@media (min-width: 481px) and (max-width:767px) {
}

@media (min-width: 768px) and (max-width:959px) {
}

@media (min-width: 960px) {
}

/* ---------------------------------------- common */

article h3 { 
	margin: 0 0 .75em; 
}

/* ---------------------------------------- training-list */
.seminar{
	display: flex;
    margin: 2em 0.5em;
    border: 2px solid var(--theme-color02-middle);
    border-radius: 6px;
    padding: 1em 1em;
}

.seminar-txt{
	width: 60%;
}

.seminar-img{
	width: 40%;
	margin: 5px;
}

.training-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.training-list li {
    display: flex;
    margin: 2em 0.5em;
    border: 2px solid var(--theme-color02-middle);
    border-radius: 6px;
    padding: 1em 1em;
	width: 47%;
}

.arrow {
    position: relative;
    margin: 1em 0 3em 0;
}

/*.arrow::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-top: 15px solid var(--theme-color02-middle);
}*/

.tra_txt {
	display: grid;
	grid-auto-flow: column;
	justify-content: left;
}

.tra_txt figure {
	margin: 0 10px 10px 0;
	min-width: 80px;
}

.tra_title {
	font-size: 1.3em;
	display: inline-block;
	margin: 0 0 0.5em 0;
}

.mini-txt {
	font-size: 0.9em;
}

.tra_txt p {
    margin: 0;
}

@media (max-width: 599px) {
	.training-list li {
		display: block;
		width: 100%;
	}
	
	.seminar{
		flex-wrap: wrap;
		justify-content: center;
	}

	.seminar-txt{
		width: 100%;
	}

	.seminar-img{
		width: 80%;
		margin: 5px;
	}
	
}