@charset "utf-8";

/* Q（質問） */
.journal-cont .caution{
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 0 0 8px;
  clear: both;
}
.journal-cont .caution .Qmark{
  flex: 0 0 auto;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.6;
}
.journal-cont .caution .Qtext{
  flex: 1 1 auto;
  font-size: 100%;
  font-weight: bold;
  color: #111;
  padding-top: 2px;
  line-height: 1.6;
}

/* A（回答） */
.journal-cont .contents-area .caution-answer{
  width: 80%;
  margin: 2px 0 25px;
  padding: 0 0 25px;
  border-bottom: 1px solid #CCC;

  /* ここが重要：floatを使わず、Aマークと本文を横並び */
  display: flex;
  align-items: flex-start;
  gap: 6px;

  /* 上のQがfloat/要素混在してても巻き込まれにくい */
  clear: both;
}
.journal-cont .contents-area .caution-answer .mark{
  flex: 0 0 auto;
  font-size: 100%;
  font-weight: bold;
  color: #F60;
  line-height: 1.6;
}
.journal-cont .contents-area .caution-answer .text{
  flex: 1 1 auto;
  width: auto;     /* 94%固定をやめる */
  line-height: 1.8;
}

.journal-cont .mail-guide {
	width: 100%;
}
.journal-cont .mail-guide .info {
	color: #555;
	font-weight: bold;
	margin: 0px 0px 15px;
}
.journal-cont .mail-guide dt {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 94%;
	text-decoration: none;
	color: #F00;
}
.journal-cont .mail-guide dd {
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
	font-size: 88%;
	line-height: 1.5em;
}
.journal-cont .mail-guide .message {
	margin-top: 30px;
	font-weight: bold;
	letter-spacing: normal;
	margin-bottom: 20px;
}
.journal-cont .mail-guide .list {
	padding: 0px;
	margin-top: 6px;
	margin-bottom: 6px;
	border-style: none;
	font-size: 94%;
}

/* 補助リスト */
.journal-cont .contents-area .hojo-list{
  width: 100%;
  margin: 0;
  padding-left: 0;
}
.journal-cont .contents-area .hojo-list dt{
  margin: 10px 0 6px;
  font-weight: bold;
  text-decoration: underline;
}
.journal-cont .contents-area .hojo-list dd{
  margin: 0 0 10px;
  width: 80%;
}

/* ロゴ等（既存踏襲） */
.contents-area .caution .text .jprsRogo{
  margin-top: 7px;
  display: inline-block;
}
.contents-area .caution .text a .anshin_Card_Rogo{
  width: 276px;
  height: auto;
  border: 2px solid #555;
  margin: 7px 10px 0 0;
  display: inline-block;
}
.contents-area .caution .text .fax-order{
  display: block;
  width: 200px;
}
.contents-area .caution .text .fax{
  margin-top: 10px;
  margin-bottom: 10px;
}
.contents-area .caution .text .adobe_reader{
  display: block;
  width: 112px;
}

/* 名入れ例 */
.contents-area .naire_example_area{
  width: 800px;
  clear: both;
}
.contents-area .naire_example_area img{
  width: 380px;
  margin-left: 20px;
  margin-bottom: 20px;
}

/* =====================================
  SP（480px以下）
===================================== */
@media screen and (max-width: 480px){

  .journal-cont .caution .Qtext{
    width: auto; /* float時代の名残を消す */
  }

  .journal-cont .contents-area .caution-answer{
    width: 100%;
  }

  .journal-cont .contents-area .hojo-list dd{
    width: 100%;
  }

  .contents-area .naire_example_area{
    width: 100%;
  }
  .contents-area .naire_example_area img{
    width: 48%;
    margin: 0 1% 10px;
  }

}