@charset "UTF-8";

/*training/index.htmlにて使用*/
.matome_trainings{
    display: flex;
    align-content: space-around;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    height: 800px;
    padding-bottom: 50px;

}
.box_trainings{
    border: #cf0037 1px dotted;
    border-radius: 10px;
    padding: 10px 30px 20px;
    margin-bottom:15px;
}

.ttl_trainings {
    font-size: 130%;
    color: #cf0037;
    font-weight: 600;
    font-style: italic;
    border-bottom:#cf0037 1px solid;
    margin-bottom: 6px;
}
.txt_trainings{
	font-weight: 400;
    text-align: left;
}

.fadein {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease-out, transform 1s ease-out;
  transition-delay: calc(var(--delay) * 0.3s);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding-bottom:24px;
}

.fadein.visible {
  opacity: 1;
  transform: translateY(0);
}

p.tr_voice{
    background-color: #e3f3ff;
    padding: 3%;
}

@media screen and (max-width: 737px) {
	/* 737px以下に適用されるCSS（タブレット用） */
.ttl_trainings {
font-size: 110%;
    font-weight: 500;
}

@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
.txt_trainings{
	font-weight: 600;
}
.sp_kensyu_lineup{
    display: block;
    margin-top: 200px;
}