/*関連記事ボックス*/
.box27 {
position:relative;border:2px 
solid #A5A0CF;
border-radius:4px;
padding:1.9em 1.5em 1.5em 1.5em;
margin-top:4rem;
margin-bottom:2rem}

.box27 .box-title {
position:absolute;
top: -13px;
left: 10px;
padding: 6px 25px;
background-color:#5a3695;
border-radius:4px;
color:#fff;
font-weight: 450;
line-height: 1.1em}

.box27 .p {
margin: 0; 
padding: 0
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
font-weight: bold;}



/*タイトル付ボックス*/
.box28 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 2px, #5a3695;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
	font-size: 18px !important;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 1px 9px;
    height: 25px;
    line-height: 25px;
	  font:Yu gothic;
    font-size: 18px;
    background: #5a3695;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box28 .p {
    margin: 0; 
    padding: 0;
	  
}

/*タイトル全幅ボックス*/
.box29 {
    margin: 2em 0;
	  padding: 1.5em;
    background: #f6f6f6;
}
.box29 .box-title {
    font-size: 22px;
    background: #5a3695;
    padding: 8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
}
.box29 p {
    padding: 5em;
    margin: 0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", sans-serif;
}

/*付箋ボックス*/
.box11{
	  padding:2em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box11 p {
    margin: 0; 
    padding: 2em,2em;
		font-size: 16px;
}

/*ボタン*/
.button03 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 550px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #ffd500;
  box-shadow: 0 5px 0 #aaaaaa;
  transition: 0.3s;
	border-radius:10px;
}

.button03 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.button03 a:hover {
  transform: translateY(3px);
  text-decoration: none;
  box-shadow: 0 2px 0 #aaaaaa;
}

/*白抜きボックスリスト付*/
.box91 {
margin: 2em auto;
padding: 1em 1.7em;/*内側余白*/
border:solid 2px #ccc;/*線の種類・太さ・色*/
font-size: 16px;
}


/*memobox*/

.box12 {
  margin: 1em 0;
  padding: 1em;
  position: relative;
  border: 1.6px solid #aaaaaa;
  background: #ffffff; /* 白背景で枠線が見やすく */
  box-sizing: border-box; /* パディングの計算安定化 */
}


.box12-title {
  position: absolute;
  top: -0.8em;
  left: 20px;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 0 0.5em;
  color: #aaaaaa;
  font-size: 19px;
}

.box12 p{
  margin: 0;
  padding-top: 1px;
	font-size: 16px;
}

.box12 img {
  height: 150px;
  width: auto;
  max-width: 100%;       /* レスポンシブ対策 */
  display: block;
  margin: 0 auto 10px;   /* 下に少し余白つける */
}