@charset "UTF-8";
.volume-9 p{
	margin-bottom:0;
}
.title_bold{
	font-weight:bold;
}
.m_b_60{
	margin-bottom:60px;
}
.m_b_30{
	margin-bottom:30px;
}
.dis_flex{
	 display:flex;
}
.w40{
	width:40%;
}
.pad20{
	padding:20px;
}
.text_center{
	text-align:center;
}
.mar-l{
	margin-left:1em;
}
.mar_0{
	margin:0 auto;
}
ul.list li{
	list-style:disc;
	list-style-position: inside;
	padding-left:1.5em;
	text-indent:-1.5em;
}
.b_border{
	border:2px solid black;
}

.col{
  display: flex;
  flex-direction: column;
}

.col img {
  margin-top: auto;      /* これで画像がカラムの最下部へ */
  max-width: 100%;
  height: auto;
}
.w73p{
	width:73%;
}
.w27p{
	width:27%;
}
.mar-r20p{
	margin-right:20px;
}
.dis-add{
	display: flex;
	flex-flow: column;
	justify-content: center;
}
@media screen and (max-width: 768px){
  .dis_flex {
    flex-direction: column; /* 縦積みに */
  }
  .dis_flex > * {
    flex: 1 1 100% !important;
    width: 100% !important; /* 既存の!importantを上書き */
    max-width: 100% !important; /* imgなどのはみ出し防止 */
    box-sizing: border-box;
  }
  .dis_flex img {
    height: auto !important; /* 比率維持 */
    display: block;
  }
}