/* 閭梧勹 */
html {
  background: linear-gradient(45deg, #f8e5f7 12%, transparent 0, transparent 88%, #f8e5f7 0), linear-gradient(135deg, transparent 37%, #fcf2fb 0, #fcf2fb 63%, transparent 0), linear-gradient(45deg, transparent 37%, #f8e5f7 0, #f8e5f7 63%, transparent 0), #fefcfe;
  background-size: 40px 40px;
}


/* 荳翫�隕句�縺� */
h1 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #85bde8;
}

h1:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 99.5%;
  height: 92%;
  content: '';
  border: 4px solid #000;
}



/* 隱ｬ譏惹ｸ� */
.wboard-w2 {
 position: relative;
 margin: 2em auto;
 padding: 3.2em 1em 1em;
 width: 90%; /* 繝懊ャ繧ｯ繧ｹ蟷� */
 background-color: #fff; /* 繝懊ャ繧ｯ繧ｹ閭梧勹濶ｲ */
 color: #000000; /* 譁�ｫ�濶ｲ */
 border: 5px solid #c6c6c6; /* 譫�邱� */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard-w2::before,
.wboard-w2::after {
 position: absolute;
 content: '';
 bottom: 4px;
 width: 25px; 
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
} 
.wboard-w2::before {
 right: 60px;
 border: solid 3px #333; /*鬟ｾ繧翫�繝ｳ鮟� */
 transform: rotate(2deg); /*鬟ｾ繧翫�繝ｳ隗貞ｺｦ */
}
.wboard-w2::after {
 right: 22px;
 border: solid 3px #ff0000; /*鬟ｾ繧翫�繝ｳ襍､ */
 transform: rotate(9deg); /*鬟ｾ繧翫�繝ｳ隗貞ｺｦ */
}
.title-w2 {
 position: absolute;
 top: .6em;
 left: 1em;
 font-weight: bold; /* 螟ｪ譁�ｭ� */
 font-size: 1.1em;
 color: #c60703; /* 繧ｿ繧､繝医Ν譁�ｭ苓牡 */
}


/* 髱貞ｸ� */
.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

/* 遒ｺ縺九€∵ｨｪ邱夲ｼ滂ｼ� */
h2 {
  border-bottom: 3px dotted #000;
}


/* 隕∫ｴ�繧呈ｨｪ荳ｦ縺ｳ縺ｫ縺励∪縺吶€� */

.box {
 display: flex;
 justify-content: center;
}

.box__card {
 margin-right: 20px;
}

.box__card:last-child {
 margin-right: 0;
}
img {
 width: 100%;
 height: 100%;
 max-width: 200px;
 display: block;
}

p {
 text-align: center;
}