/* マーケＤＭ・進路データ用CSS */
tr.ListTtlBg, tr.ListBg1, tr.ListBg2 { text-align:center; }
tr.ListTtlBg{background-color:#FDE6BC;}
tr.ListTtlShinroBg { background-color:#F0E0F8; }
tr.ListBg1   { background-color:#FFFFFF; vertical-align:top; }
tr.ListBg2   { background-color:#F3F3F3; vertical-align:top; }
td.ListBorder table tr{border-bottom:#CCC 1px solid;border-left:#CCC 1px solid;}
td.ListBorder table td{border-top:#CCC 1px solid;border-right:#CCC 1px solid;padding:10px;}
td.TitleBorderDM    { background-color:#FF0000; }
td.TitleBorderMail  { background-color:#0079D5; }
td.TitleBorderShinro{ background-color:#F0E0F8; }
a.ListLink:link, a.Listlink:visited, a.Listlink:active { color:#0000FF;text-decoration:none; }
a.Listlink:visited { color:#000066 }
a.ListLink:hover   { color:#0000FF;text-decoration:underline; }
dl { margin:0px; text-align:left; }
dd.ListChip1 { padding:0px 0px 0px 30px; margin:0px;  background: url(/dm/images/csl.gif) no-repeat 8px 0px; }
dd.ListChip2 { padding:0px 0px 0px 30px; margin:0px;  background: url(/dm/images/csl_shinro.gif) no-repeat 8px 0px; }


/* マーケＤＭリニューアル用CSS */
.tx_right {text-align: right;}
.tx_center {text-align: center;}
.fs14 {font-size: 14px; line-height: 26px;}
.fs16 {font-size: 16px !important; line-height: 28px;}
.bg_gray {background: #F1F1F1;}
.marketing_dm * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: #333;
  transition: .3s;
}
.marketing_dm a {text-decoration: none;}
.marketing_dm a:hover {text-decoration: none; opacity: .8;}
.marketing_dm a:hover p {color: #333;}
.marketing_dm h2 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 25px 0;
}
ul.marketing_menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.menu_inner {padding: 25px 20px;}
ul.marketing_menu li {
  width: calc(50% - 15px / 2);
  margin-top: 15px;
  background: white;
  position: relative;
}
ul.marketing_menu li:nth-child(-n+2) {margin-top: 0;}
ul.marketing_menu li.new::after {
  content: "NEW";
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 15px;
  background: #FE5454;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 10px;
  font-weight: bold;
}
ul.marketing_menu li figure {height: 26vw;}
ul.marketing_menu li img {width: 100%; height: 100%; object-fit: cover;}
ul.marketing_menu li .txt {padding: 10px 10px 25px; min-height: 88px;}
ul.marketing_menu li .menu_ttl {font-size: 12px; font-weight: bold;}
ul.marketing_menu li .vol {font-size: 10px; color: #919191; position: absolute; bottom: 7px; right: 16px;}
.bn_h3 {margin: 15px 0 10px; font-size: 12px; font-weight: bold;}
ul.bn li .txt {padding: 12px 0; text-align: center; min-height: 38px; box-shadow: 2px 2px 2px #00000029;}
ul.bn a {font-size: 12px; font-weight: bold; display: inline-block; position: relative; padding-right: 10px;}
ul.bn a::after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: -8px;
  transform: translateY(-50%);
}
.article_inner {padding: 0 20px;}
.mv img {width: 100%;}
.article_inner .txt {padding: 35px 0; background: white;}
.headline {font-size: 23px; line-height: 35px; color: #000; text-align: center; font-weight: bold; margin-bottom: 25px;}
.headline span {font-size: 19px; color: inherit;}
.sub_head {font-size: 18px; color: #000; line-height: 28px; font-weight: bold; margin-bottom: 25px;}
ul.link_list li {
  border-bottom: 1px solid #d0d0d0;
  font-size: 10px;
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
}
ul.link_list li p {width: 100%; margin-bottom: 5px;}
ul.link_list li a {
  color: #0052A4;
  font-size: 15px;
  font-weight: bold;
}
ul.link_list li .vol {margin-left: auto; margin-right: 15px;}


@media screen and (max-width: 480px) {
  .fs14 {font-size: 12px; line-height: 24px}
}