.list-d01 > li {
  position: relative;
  padding-left: 1em;
}

.list-d01 > li:before {
  position: absolute;
  left: 0;
  content: "-";
  margin-left: .16em;
}

.list-a01 > li {
  position: relative;
  padding-left: 1em;
  font-size: 90%;
}

.list-a01 > li:before {
  position: absolute;
  left: 0;
  content: "※";
  margin-top: .16em;
  font-size: 90%;
}

.sidebar-inner ul > li,
.list-l01 > li {
  margin-bottom: .8em;
  padding: 0 .1em .8em;
  border-bottom: 1px dotted rgba(34, 34, 34, 0.12);
}

.sidebar-inner ul > li > a,
.list-l01 > li > a {
  text-decoration: none;
}

/* 1 */
.list-n01 {
  counter-reset: li;
}

.list-n01 > li {
  position: relative;
  display: block;
  padding-left: 1.2em;
}

.list-n01 > li:before {
  position: absolute;
  left: -.8em;
  content: counter(li);
  counter-increment: li;
  margin: .1em 0 0 .8em;
  font-size: 90%;
}

/* （1） */
.list-n02 {
  counter-reset: li;
}

.list-n02 > li {
  position: relative;
  display: block;
  padding-left: 2em;
}

.list-n02 > li:before {
  position: absolute;
  left: -1em;
  content: "（" counter(li) "）";
  counter-increment: li;
  margin: .2em 0 0 .5em;
  font-size: 80%;
}

/* a */
.list-n03 {
  margin-left: 1.6em;
}

.list-n03 > li {
  list-style-type: lower-latin;
}

/* ア */
.list-n04 {
  margin-left: 1.6em;
}

.list-n04 > li {
  list-style-type: katakana;
}

/* インライン */
.list-i01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 90%;
}

.list-i01 > li:not(:last-child) {
  margin-right: .5em;
  padding-right: .5em;
  border-right: 1px solid rgba(34, 34, 34, 0.12);
}

/* 右端に＞ */
.list-r01 > li {
  border-bottom: 1px solid rgba(34, 34, 34, 0.12);
  margin-bottom: .25em;
}

.list-r01 > li > a {
  display: block;
  position: relative;
  padding: 1.5em .5em;
}

.list-r01 > li > a:after {
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translateY(-50%);
  content: "＞";
  font-size: 80%;
}

/* ※従来の表示に影響しないよう .header, .contents, .footer に限定 */
/* -------------------------------------- */
/* module
// -------------------------------------- */
.header, .contents, .footer {
  font-family: "Arial", "Hiragino Sans", "ヒラギノ角ゴシック ProN W3", "游ゴシック Medium", "メイリオ", sans-serif;
}

.header *, .contents *, .footer * {
  box-sizing: border-box;
}

.header body, .contents body, .footer body {
  color: #222;
}

.header form, .header input, .header button, .header p, .header h1, .header h2, .header h3, .header h4, .header h5, .header h6, .header ul, .header li, .header dl, .header dt, .header dd, .contents form, .contents input, .contents button, .contents p, .contents h1, .contents h2, .contents h3, .contents h4, .contents h5, .contents h6, .contents ul, .contents li, .contents dl, .contents dt, .contents dd, .footer form, .footer input, .footer button, .footer p, .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer ul, .footer li, .footer dl, .footer dt, .footer dd {
  margin: 0;
}

.header ul, .contents ul, .footer ul {
  list-style: none;
}

.header svg, .contents svg, .footer svg {
  fill: currentColor;
}

.header img, .contents img, .footer img {
  max-width: 100%;
}

.header a, .contents a, .footer a {
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  transition: 0.4s;
}

.header a:hover, .contents a:hover, .footer a:hover {
  opacity: .6;
  transition: 0.4s;
}

.header .header-search-box-att a.header-link:hover {
  text-decoration: underline !important;
  opacity: 1 !important;
  color: #fff; /* for settings page */
}

.header .wrap-inner, .contents .wrap-inner, .footer .wrap-inner {
  width: 100%;
  max-width: 1098px;
  margin: 0 auto;
  padding: 12px 24px;
}

.header img, .contents img, .footer img {
  vertical-align: bottom;
}

@media screen and (min-width: 1098px) {
  .header img.header-logo, .contents img.header-logo, .footer img.header-logo {
    width: 240px;
    height: 50px;
  }
}

@media screen and (max-width: 1098px) {
  .header img.header-logo, .contents img.header-logo, .footer img.header-logo {
    width: 180px;
    height: 36px;
  }
}

.header img.footer-logo, .contents img.footer-logo, .footer img.footer-logo {
  width: 240px;
  height: 50px;
}

.header .btn-01, .header .btn-02, .contents .btn-01, .contents .btn-02, .footer .btn-01, .footer .btn-02 {
  padding: .4em 1em;
  border: 1px solid #007297;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  color: #007297;
}

@media screen and (min-width: 1098px) {
  .header .btn-01, .header .btn-02, .contents .btn-01, .contents .btn-02, .footer .btn-01, .footer .btn-02 {
    min-width: 120px;
  }
}

.header .btn-02, .contents .btn-02, .footer .btn-02 {
  background-color: #007297;
  color: #fff;
}

.header .btn-03, .contents .btn-03, .footer .btn-03 {
  position: relative;
  display: inline-block;
  min-width: 160px;
  padding: 0.8em calc(2.2rem + 7.5px);
  border-radius: 500px;
  background-color: #FC5B02;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

/* EOW-T-2849 EOWトップ画面改修 */
/* .header .btn-03:after, .contents .btn-03:after, .footer .btn-03:after {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  width: 12px;
  height: 7.5px;
  transform: translateY(-50%) rotate(90deg);
  background: url(/content/img/footer_icon-arr-2.svg) 0 0 no-repeat;
  background-size: 100% 100%;
  content: '';
} */

.header .btn-store, .contents .btn-store, .footer .btn-store {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.header .btn-store li, .contents .btn-store li, .footer .btn-store li {
  margin: 10px;
}

.header .btn-sns, .contents .btn-sns, .footer .btn-sns {
  display: flex;
}

.header .btn-sns li:not(:first-child), .contents .btn-sns li:not(:first-child), .footer .btn-sns li:not(:first-child) {
  margin-left: 24px;
}

.header .btn-sns li img, .contents .btn-sns li img, .footer .btn-sns li img {
  width: 32px;
  height: 32px;
}

@media screen and (min-width: 599px) {
  .header .is-pc, .contents .is-pc, .footer .is-pc {
    display: block;
  }
  .header .is-sp, .contents .is-sp, .footer .is-sp {
    display: none;
  }
}

@media screen and (max-width: 598px) {
  .header .is-pc, .contents .is-pc, .footer .is-pc {
    display: none;
  }
  .header .is-sp, .contents .is-sp, .footer .is-sp {
    display: block;
  }
}

/* -------------------------------------- */
/* footer
// -------------------------------------- */
.footer .footer-top {
  border-top: 1px solid rgba(34, 34, 34, 0.2);
}

@media screen and (min-width: 598px) {
  .footer .footer-top {
    font-size: 14px;
  }
  .footer .footer-top .wrap-inner {
    display: flex;
    justify-content: space-between;
    padding: 40px 24px;
  }
  .footer .footer-top-1 {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    width: 25%;
    max-width: 280px;
  }
  .footer .footer-top-1 .btn-store {
    display: flex;
    margin-top: auto;
  }
  .footer .footer-top-2 {
    width: 70%;
    max-width: 756px;
  }
  .footer .footer-top-2 .btn-store {
    display: none;
  }
}

@media screen and (max-width: 598px) {
  .footer .footer-top {
    font-size: 12px;
  }
  .footer .footer-top .wrap-inner {
    padding: 32px 24px 24px;
  }
  .footer .footer-top-1 {
    text-align: center;
  }
  .footer .footer-top-1 .btn-store {
    display: none;
  }
  .footer .footer-top-2 .btn-store {
    display: flex;
  }
}

.footer .footer-btm {
  background-color: #961D22;
  color: #fff;
}

.footer .footer-btm > .wrap-inner {
  padding: 24px;
}

.footer-ads {
  height: 180px;
  background-color: rgb(150, 29, 34);
}

@media screen and (min-width: 598px) {
  .footer .footer-btm {
    font-size: 12px;
  }
  .footer .footer-btm > .wrap-inner {
    padding: 24px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
}

@media screen and (max-width: 598px) {
  .footer .footer-btm {
    font-size: 11px;
    text-align: center;
  }
  .footer .footer-btm > .wrap-inner {
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .footer .footer-btm .btn-sns {
    margin-bottom: 24px;
  }
}

.footer .footer-menu dl:not(:first-child) {
  border-top: 1px solid rgba(34, 34, 34, 0.12);
}

.footer .footer-menu dl dt {
  font-weight: bold;
}

.footer .footer-menu dl a {
  color: #222;
}

@media screen and (min-width: 598px) {
  .footer .footer-menu dl {
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
  }
  .footer .footer-menu dl:first-child {
    padding-top: 15px;
  }
  .footer .footer-menu dl:last-child {
    padding-bottom: 15px;
  }
  .footer .footer-menu dl dt {
    width: 28%;
    padding-right: 1rem;
  }
  .footer .footer-menu dl dd {
    width: 70%;
  }
  .footer .footer-menu dl dd a {
    display: inline-block;
    padding:0 2em 0.5em 0;
  }
}

@media screen and (max-width: 598px) {
  .footer .footer-menu dl {
    padding: 16px 0;
  }
  .footer .footer-menu dl:first-child {
    margin-top: 16px;
  }
  .footer .footer-menu dl dt {
    margin-bottom: 1em;
  }
  .footer .footer-menu dl dd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .footer .footer-menu dl dd a {
    display: block;
    width: 48%;
    margin: .5em 0;
  }
}

.footer .footer-btn > .wrap-inner {
  padding-bottom: 0;
}

@media screen and (max-width: 598px) {
  .footer .footer-btn > .wrap-inner {
    padding: 24px 0 0;
  }
}

.footer .footer-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #222;
  margin-left: auto;
}

.footer .footer-btn a img {
  width: 10px;
  height: 16px;
}

/* -------------------------------------- */
/* header
// -------------------------------------- */
.header header > .wrap-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header header .header-2 {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

@media screen and (min-width: 1098px) {
  .header header .header-2 {
    max-width: calc(100% - 300px);
  }
}

@media screen and (max-width: 1098px) {
  .header header .header-2 {
    max-width: calc(100% - 240px);
  }
}

@media screen and (max-width: 598px) {
  .header header .header-biz-menu {
    display: none;
  }
}

.header header .header-biz-menu-ttl {
  margin-left: 1.2rem;
  margin-bottom: -.7em;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 598px) and (max-width: 1098px) {
  .header header .header-biz-menu-ttl {
    font-size: 12px;
  }
}

.header header .header-biz-menu-inner {
  display: flex;
  justify-content: space-around; /* EOW_NEW-1439 EOWFへの誘導を消してみる｜EOWトップページ */
  padding: 1.6rem 1.2rem .8rem 1.2rem;
  border-radius: 4px;
  background-color: rgba(102, 102, 102, 0.1);
}

.header header .header-biz-menu-inner div + div {
  margin-left: .5em;
}

@media screen and (min-width: 598px) and (max-width: 1098px) {
  .header header .header-biz-menu-inner {
    font-size: 12px;
  }
}

@media screen and (max-width: 776px) {
  .header header .header-biz-bnr {
    display: none;
  }
}

@media screen and (min-width: 776px) {
  .header header .header-biz-bnr {
    max-width: 60%;
    width: 320px;
    padding-left: 20px;
  }
}

.header header .header-biz-bnr img {
  width: 100%;
  max-width: 300px;
}

.header-gnav-btn {
  position: relative;
  width: 28px;
  height: 20px;
  z-index: 10;
}

@media screen and (min-width: 599px) {
  .header-gnav-btn {
    display: none;
  }
}

.header-gnav-btn span {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  background-color: #666;
  transition: 0.4s;
}

.header-gnav-btn span:nth-of-type(1) {
  top: 0;
}

.header-gnav-btn span:nth-of-type(2) {
  top: 50%;
  transform: translateY(-50%);
}

.header-gnav-btn span:nth-of-type(3) {
  bottom: 0;
}

.header-gnav-sp {
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: -4px 0 8px rgba(102, 102, 102, 0.1);
  transform: translateX(120%);
  transition: 0.4s;
  background-color: #F0F7F9;
  z-index: 5;
}

@media screen and (min-width: 599px) {
  .header-gnav-sp {
    display: none;
  }
}

.header-gnav-sp-menu {
  width: 100%;
  padding-top: 60px;
  background-color: #fff;
  border-bottom: 1px solid rgba(102, 102, 102, 0.2);
}

.header-gnav-sp-menu li {
  border-top: 1px solid rgba(102, 102, 102, 0.2);
}

.header-gnav-sp-menu li > div, .header-gnav-sp-menu li > a {
  display: flex;
  padding: 16px 16%;
  color: #666;
  background: url(../image/body_icon-arr.svg) 86% center no-repeat;
}

.header-gnav-sp-menu li p {
  font-size: 18px;
  padding-left: 24px;
}

.header-gnav-sp-menu li svg {
  width: 32px;
  height: 32px;
}

.header-gnav-sp-app {
  padding: 28px 8%;
  text-align: center;
}

.header-gnav-sp-app-ttl {
  font-size: 16px;
  font-weight: bold;
  color: #007297;
}

.header-search {
  background-color: #961D22;
  color: #fff;
}

.header-search a {
  color: #fff;
}

.header-search > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (min-width: 598px) {
  .header-search-box {
    width: calc(100% - 350px);
  }
}

@media screen and (max-width: 598px) {
  .header-search-box {
    width: 100%;
  }
}

.header-search-box svg {
  margin-right: 8px;
  width: 20px;
  height: 20px;
  transform: translateY(1px);
}

.header-search-box form {
  position: relative;
  overflow: hidden;
  display: flex;
  border-radius: 4px;
}

.header-search-box form input, .header-search-box form button {
  display: block;
}

.header-search-box form input {
  width: calc(100% - 100px);
  border: none;
  border-radius: 0;
  color: #222;
}

@media screen and (max-width: 598px) {
  .header-search-box form input::placeholder {
    font-size: .9em;
  }
}

@font-face {
	font-family: "Noto Sans";
	font-weight: 400;
	font-display: swap;
	src: url('../font/NotoSans_subset.woff2') format('woff2');
}

@font-face {
  font-family: "YakuHanJPs";
  src: url("../font/YakuHanJPs_subset.woff2") format('woff2');
}

.header-search-box form input[type="reset"] {
  position: absolute;
  display: block;
  opacity: .4;
  padding: 0;
  font-family: "Noto Sans", sans-serif;
  top: 50%;
  right: 110px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  font-size: 24px;
  border-radius: 50%;
  background-color: #666;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
}

.header-search-box form button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  padding: 8px;
  border: none;
  border-radius: 0;
  background-color: #F0C500;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .25em;
  color: #222;
}

.header-search-box-att {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 11px;
}

@media screen and (max-width: 1098px) {
  .header-search-box-att > div:nth-of-type(2) {
    display: none;
  }
}

.header-menu {
  padding-left: 24px;
  font-size: 11px;
  text-align: center;
}

@media screen and (max-width: 598px) {
  .header-menu {
    display: none;
  }
}

.header-menu a {
  color: #fff !important;
}

.header-menu ul {
  display: flex;
}

.header-menu ul li > div {
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  transition: 0.4s;
}

.header-menu ul li > div:hover {
  opacity: .6;
  transition: 0.4s;
}

.header-menu ul li + li {
  margin-left: 16px;
}

.header-menu svg {
  width: 32px;
  height: 32px;
}

@media screen and (max-width: 1098px) {
  .header-ad .wrap-inner { 
    justify-content: center; 
  }
}

@media screen and (min-width: 1099px) {
  .header-ad .wrap-inner { 
    justify-content: space-between; 
  }
}

@media screen and (min-width: 598px) {
  .header-ad .wrap-inner {
    display: flex;
    flex-wrap: wrap;
  }
  .header-ad-1 {
    margin: 0 auto;
  }
}

@media screen and (max-width: 598px) {
  .header-ad .wrap-inner {
    display: flex;
    justify-content: center;
  }
}

.header-ad a {
  display: block;
  margin-bottom: 10px;
}

.header.is-open .header-gnav-btn span {
  transition: 0.4s;
}

.header.is-open .header-gnav-btn span:nth-of-type(1) {
  top: 50%;
  transform: rotate(45deg);
}

.header.is-open .header-gnav-btn span:nth-of-type(2) {
  display: none;
}

.header.is-open .header-gnav-btn span:nth-of-type(3) {
  top: 50%;
  bottom: auto;
  transform: rotate(-45deg);
}

.header.is-open .header-gnav-sp {
  transform: translateX(0);
  transition: 0.4s;
}

/* -------------------------------------- */
/* index
// -------------------------------------- */
.contents .index-area [class*="index-item-"] {
  margin: .4em 0 1.8rem;
  display: flex;
  flex-wrap: wrap;
  line-height: 1;
}

.contents .index-area [class*="index-item-"] li {
  margin-top: .6em;
  margin-right: 12px;
  white-space: nowrap;
}

.contents .index-area [class*="index-item-"] li a {
  width: 100%;
  padding: .75em .5em .8em;
  border-radius: 4px;
  background-color: rgba(34, 34, 34, 0.08);
  text-align: center;
  color: #222;
}

@media screen and (min-width: 1098px) {
  .contents .index-area [class*="index-item-"] li a {
    font-size: 14px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .index-area [class*="index-item-"] li a {
    font-size: 12px;
  }
}

.contents .index-area .tx7 {
  width: 142%;
  transform: scale(0.7, 1);
  transform-origin: 0 0;
}

@media screen and (min-width: 598px) {
  .contents .index-item-01 li {
    width: calc((100% - (12px * 6))/7);
  }
  .contents .index-item-01 li:nth-of-type(7n) {
    margin-right: 0;
  }
  .contents .index-item-01 li.w2 {
    width: calc((100% - (12px * 6))/7 * 2 + 12px);
    margin-right: 0;
  }
  .contents .index-item-02 li {
    width: calc((100% - (12px * 7))/8);
  }
  .contents .index-item-02 li:nth-of-type(8n) {
    margin-right: 0;
  }
  .contents .index-item-02 li.w2 {
    width: calc((100% - (12px * 7))/8 * 2 + 12px);
    margin-right: 0;
  }
  .contents .index-item-level li {
    width: calc((100% - (12px * 5))/6);
  }
  .contents .index-item-level li:nth-of-type(6n) {
    margin-right: 0;
  }
  .contents .index-item-level li.w2 {
    width: calc((100% - (12px * 5))/6 * 2 + 12px);
    margin-right: 0;
  }
  .contents .index-item-alphabet li {
    width: calc((100% - (12px * 13))/14);
  }
  .contents .index-item-alphabet li:nth-of-type(14n) {
    margin-right: 0;
  }
  .contents .index-item-alphabet li.w2 {
    width: calc((100% - (12px * 13))/14 * 2 + 12px);
    margin-right: 0;
  }
  .contents .index-item-aiueo li {
    width: calc((100% - (12px * 9))/10);
  }
  .contents .index-item-aiueo li:nth-of-type(10n) {
    margin-right: 0;
  }
  .contents .index-item-aiueo li.w2 {
    width: calc((100% - (12px * 9))/10 * 2 + 12px);
    margin-right: 0;
  }
}

@media screen and (max-width: 598px) {
  .contents .index-item-01 li, .contents .index-item-02 li, .contents .index-item-level li, .contents .index-item-alphabet li {
    width: calc((100% - (12px * 3))/4);
  }
  .contents .index-item-01 li:nth-of-type(4n), .contents .index-item-02 li:nth-of-type(4n), .contents .index-item-level li:nth-of-type(4n), .contents .index-item-alphabet li:nth-of-type(4n) {
    margin-right: 0;
  }
  .contents .index-item-01 li.w2, .contents .index-item-02 li.w2, .contents .index-item-level li.w2, .contents .index-item-alphabet li.w2 {
    width: calc((100% - (12px * 3))/4 * 2 + 12px);
    margin-right: 0;
  }
  .contents .index-item-aiueo li {
    width: calc((100% - (12px * 4))/5);
  }
  .contents .index-item-aiueo li:nth-of-type(5n) {
    margin-right: 0;
  }
  .contents .index-item-aiueo li.w2 {
    width: calc((100% - (12px * 4))/5 * 2 + 12px);
    margin-right: 0;
  }
}

.contents .index-ttl-01 {
  position: relative;
  margin: 2.4em 0 1em;
  padding-right: .5em;
  font-weight: bold;
}

@media screen and (min-width: 1098px) {
  .contents .index-ttl-01 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .index-ttl-01 {
    font-size: 18px;
  }
}

.contents .index-ttl-01 span {
  position: relative;
  display: inline-block;
  padding-right: .5em;
  background-color: #fff;
  z-index: 1;
}

.contents .index-ttl-01:after {
  position: absolute;
  border-top: 4px solid #222;
  top: 50%;
  left: 0;
  width: 100%;
  content: '';
}

.contents .index-ttl-02 {
  margin: 2.4em 0 .4em;
  font-size: 12px;
  font-weight: bold;
}

.contents .index-block-speech [class*="index-ttl-"] {
  color: #55AA03;
}

.contents .index-block-speech [class*="index-item-"] li a {
  background-color: #55AA03;
  color: #fff;
}

.contents .index-block-relation [class*="index-ttl-"] {
  color: #FC5B02;
}

.contents .index-block-relation [class*="index-item-"] li a {
  background-color: #FC5B02;
  color: #fff;
}

/* -------------------------------------- */
/* info
// -------------------------------------- */
.contents .info-ttl-01 {
  position: relative;
  margin: 2.4em 0 .6em;
  padding-right: .5em;
  font-weight: bold;
}

@media screen and (min-width: 1098px) {
  .contents .info-ttl-01 {
    font-size: 24px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .info-ttl-01 {
    font-size: 18px;
  }
}

.contents .info-ttl-01 span {
  position: relative;
  display: inline-block;
  padding-right: .5em;
  background-color: #fff;
  z-index: 1;
}

.contents .info-ttl-01:after {
  position: absolute;
  border-top: 4px solid rgba(34, 34, 34, 0.12);
  top: 50%;
  left: 0;
  width: 100%;
  content: '';
}

.contents .info-list div {
  border-bottom: 1px solid rgba(34, 34, 34, 0.12);
}

@media screen and (min-width: 598px) {
  .contents .info-list div {
    padding: 1.6rem .8rem;
    font-size: 14px;
  }
}

@media screen and (max-width: 598px) {
  .contents .info-list div {
    padding: 1rem .4rem;
    font-size: 12px;
  }
}

.contents .info-list div .block {
  position: relative;
  display: block;
  padding-right: calc(2rem + 12px);
}

.contents .info-list div .block::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
  content: '';
  background: url(../image/body_icon-arr.svg) 0 0 no-repeat;
}

/* -------------------------------------- */
/* top
// -------------------------------------- */
.contents {
  margin-top: 12px;
}

@media screen and (min-width: 1098px) {
  .contents > .wrap-inner {
    display: flex;
    justify-content: space-between;
  }
  .contents .contents-main {
    width: calc(100% - 340px);
    max-width: 728px;
  }
  .contents .contents-side {
    width: 300px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .contents-main {
    max-width: 800px;
    margin: 0 auto;
  }
  .contents .contents-side {
    max-width: 800px;
    margin: 40px auto 0;
  }
}

.contents .side-ad-ttl {
  position: relative;
  margin-bottom: 1.6em;
  padding-left: 28px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
}

.contents .side-ad-ttl::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 26px;
  background: url(../image/body_logo-alc-mark.svg) 0 0 no-repeat;
  background-size: 100% auto;
  content: '';
}

.contents .side-ad-item:not(:first-child) {
  margin-top: 24px;
}

.contents .side-ad-item img {
  width: 100%;
}

@media screen and (max-width: 1098px) {
  .contents .side-ad-item {
    width: 300px;
    margin: 0 auto 24px !important;
  }
}
@media screen and (min-width: 1098px) {
  .contents .side-ad-item {
    width: 300px;
    height: 250px;
    margin: 0 auto 24px !important;
  }
}

@media screen and (min-width: 598px) and (max-width: 1098px) {
  .contents .side-ad-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media screen and (min-width: 598px) {
  .contents .pro {
    display: flex;
    justify-content: center;
  }
  .contents .pro [class*="pro-block"] {
    width: 400px;
    margin: 0 auto;
  }
}

.contents .pro [class*="pro-block"] {
  border: 1px solid rgba(34, 34, 34, 0.12);
  text-align: center;
}

@media screen and (min-width: 598px) {
  .contents .pro [class*="pro-block"] {
    /* width: 49%; EOW-T-3567 EOWトップページからEOWF誘導を切る*/
    width: 98%;
  }
}

@media screen and (max-width: 598px) {
  .contents .pro [class*="pro-block"] {
    width: 98%;
  }
}

.contents .pro [class*="pro-block"] [class*="-ttl"] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  font-family: "YakuHanJPs", "Arial", "Hiragino Sans", "ヒラギノ角ゴシック ProN W3", "游ゴシック Medium", "メイリオ", sans-serif;
}

@media screen and (min-width: 1098px) {
  .contents .pro [class*="pro-block"] [class*="-ttl"] {
    font-size: 28px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .pro [class*="pro-block"] [class*="-ttl"] {
    font-size: 24px;
  }
}

.contents .pro [class*="pro-block"] [class*="-ttl"] span {
  display: block;
  font-size: 14px;
}

@media screen and (min-width: 1098px) {
  .contents .pro [class*="pro-block"] [class*="-ttl"] > div {
    margin: 0 8px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .pro [class*="pro-block"] [class*="-ttl"] > div {
    margin: 0 4px;
  }
}

.contents .pro [class*="pro-block"] [class*="-ttl"] .mark {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 1rem;
  border-radius: 50%;
  font-size: 12px;
  background-color: #F0C500;
  color: #222;
  line-height: 1.4;
}

@media screen and (min-width: 1098px) {
  .contents .pro [class*="pro-block"] [class*="-ttl"] .mark {
    width: 90px;
    height: 90px;
  }
}

@media screen and (max-width: 1098px) {
  .contents .pro [class*="pro-block"] [class*="-ttl"] .mark {
    width: 80px;
    height: 80px;
  }
}

.contents .pro [class*="pro-block"] [class*="-ttl"] .mark img {
  display: block;
  margin-bottom: 4px;
  width: 22px;
  height: 16px;
}

.contents .pro-ttl {
  padding-right: 2rem;
  background-color: #173D8A;
}

/* EOW-T-2849 EOWトップ画面改修 */
.contents .pro-ttl-lite,.contents .pro-block-lite .btn-03 {
  background-color: #D9D9D9 !important;
  color:#222 !important;
}

.contents .pro-cont {
  padding: 1.6rem  1.6rem 2.4rem;
}

.contents .pro-cont .logo {
  margin-top: 16px;
}

/* EOW-T-2849 EOWトップ画面改修 */
.contents .pro-block .logo img {
  width: 187.184px ;
  height: 28px;
}
.contents .pro-block-lite .logo img {
  width: 240.091px;
  height: 28px;
}

.contents .pro-cont .txt,
.contents .pro-cont .btn {
  margin-top: 1.6rem;
}

/* EOW-T-3196 EOW_TOPの差し替え */
.overlay_ad {
  position: fixed !important;
  left: 0;
  bottom: 0;
  z-index: 999;
  text-align: center;
  width: 100%;
}

.contents .pro-block-lite {
  display: none !important;
}