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

#data .category {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#data .mds_block {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#data .txt_block {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#data .img_block {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.category {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.category > span {
    min-width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #008bd5;
    color: #ffffff;
    border-radius: 20px;
    font-size: 1.4rem;
    text-align: center;
    padding: 0 15px;
}

.category > span.color {
    background-color: #ffffff;
    color: #008bd5;
    border: solid 1px #008bd5;
}

.link_block {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.link_block.link_block_center {
    justify-content: center;
}

.link_block.link_block_right {
    justify-content: end;
}

.img_block {
    text-align: center;
    margin-top: 60px;
}

.movie {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.movie iframe {
  width: 100%;
  height: 100%;
}

.mds_block {
    margin-top: 60px;
    font-size: 1.6rem;
    color: #008bd5;
    font-weight: 500;
}

.txt_block {
    margin-top: 10px;
    color: #55636b;
}


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

.category > span {
    min-width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #008bd5;
    color: #ffffff;
    border-radius: 20px;
    font-size: 1.4rem;
    text-align: center;
    padding: 0 15px;
}

.category > span.color {
    background-color: #ffffff;
    color: #008bd5;
    border: solid 1px #008bd5;
}

.mds_block {
    font-size: 2rem;
}


}




/***********************************************************/
@media only screen and (min-width:1200px) {




}