/* CSS Document */
.mt {
  margin: 80px 0 0 0; }

@media screen and (max-width: 736px) {
  .mt {
    margin: 40px 0 0 0; } }
.txt01 {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 60px; }

.wrap {
  width: 1000px;
  margin: 2rem auto; }

.flex {
  display: flex;
  justify-content: start;
  flex-wrap: wrap; }

/* PC */
@media print, screen and (min-width: 735px) {
  .pcVew {
    display: block; }

  .spVew {
    display: none; } }
/* SP */
@media screen and (max-width: 736px) {
  .pcVew {
    display: none; }

  .spVew {
    display: block; } }
.flex.document dl {
  text-align: center;
  margin: 0 50px 30px 0; }

.flex.document dl:nth-of-type(3n) {
  margin-right: 0; }

.flex.document > dl dt {
  display: flex;
  align-items: center;
  justify-content: center; }

.flex.document dl dt {
  border: 1px solid #CCC;
  box-sizing: border-box;
  min-width: 300px;
  min-height: 320px;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px; }

.flex.document dl dt img {
  display: inline-block; }

.flex.document dl {
  width: 300px; }

.flex.document dl dt.damy {
  background: #CCC; }

.flex.document dl dd {
  line-height: 1.5; }

.flex.document dl a dd {
  color: #000;
  text-decoration: none; }

/* TAB */
@media screen and (max-width: 959px) {
  .wrap {
    width: 100%;
    margin: auto; }

  .flex {
    justify-content: space-between; }

  .flex.document dl {
    margin: 0 0 30px; }

  .flex.document dl {
    width: 48%; } }
/* SP */
@media screen and (max-width: 559px) {
  .wrap {
    width: 94%;
    margin: auto; }

  .flex.document dl {
    width: 48.5%;
    margin: 0 0 1.6rem; }

  .flex.document dl dt {
    min-width: inherit;
    min-height: 100px; }

  .flex.document dl img {
    width: 100%; } }