@charset "UTF-8";
/* CSS Document */
/* ************************************************ */
/*                      コンテンツ*/
/* ************************************************ */
/*
#ttl
======================= */
#ttl { margin: 0 auto 10px; padding-bottom: 9px; max-width: 900px; }
#ttl .prefCat { padding: 0.33% 0 0.33% 4.78%; float: left; width: 50%; color: #003a97; background: url(../img/category/icon_head.png) left top no-repeat; background-size: 6.89%; font-weight: bold; font-size: 3rem; }
#ttl .prefCat a { color: #003a97; }
#ttl .otherPref { position: relative; float: right; width: 25.44%; }
#ttl .otherPref .btn { cursor: pointer; }
#ttl .otherPref .pref { border-top: 4px solid #e8eef6; display: none; position: absolute; top: 50px; right: 0; width: 236.68%; background-color: #fff; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; z-index: 2; }
#ttl .otherPref .pref ul { border-right: 1px solid #f7f6f6; float: left; width: 16.66%; box-sizing: border-box; }
#ttl .otherPref .pref ul:last-child { border-right: 0; }
#ttl .otherPref .pref ul li a { padding: 0.5em; display: block; border-bottom: 1px solid #f7f6f6; color: #0074cc; font-size: 1.6rem; text-align: center; text-decoration: underline; }
#ttl .otherPref .pref ul li a:hover { text-decoration: none; }

@media (max-width: 767px) { #ttl { margin: 0 auto; padding: 0 3.13% 1.88%; max-width: none; position: relative; }
  #ttl .prefCat { display: none; }
  #ttl .otherPref { position: static; width: 44.5%; }
  #ttl .otherPref .pref { /* margin-top: 12.19%; */ border: none; top: 0; right: 0; width: 100%; }
  #ttl .otherPref .pref ul { border: none; width: 33.333333333333%; }
  #ttl .otherPref .pref ul:nth-child(3n-1) { border: 1px #f7f6f6; border-style: none solid; }
  #ttl .otherPref .pref ul:nth-child(4) { clear: both; border-top: 3px solid #e8eef6; }
  #ttl .otherPref .pref ul:nth-child(5), #ttl .otherPref .pref ul:nth-child(6) { border-top: 3px solid #e8eef6; }
  #ttl .otherPref .pref ul li a { padding: 0.5em; display: block; border-bottom: 1px solid #f7f6f6; color: #0074cc; font-size: 1.6rem; text-align: center; text-decoration: underline; }
  #ttl .otherPref .pref ul li a:hover { text-decoration: none; } }
/*
#head
======================= */
#head { margin: 50px auto 30px; max-width: 900px; }
#head h1 { display: table; width: 100%; margin-bottom: 30px; font-weight: bold; line-height: 1.41; font-size: 2.2rem; color: #003a97; }
#head h1 span { display: table-cell; padding: 20px 20px 20px 90px; height: 100px; vertical-align: middle; background: #e0ebfb url(../img/common/icon_q.png) left 20px top 20px no-repeat; font-weight:bold; }
#head .summary { padding: 0 30px 25px; color: #5a4e42; font-size: 18px; line-height: 1.55556; margin-bottom: 1em; }
#head .entryAttr { margin-top: 15px; color: #000000; }

@media (max-width: 767px) { #head { margin: 10px auto 15px; max-width: none; }
  #head h1 { float: none; line-height: 1.42857; font-weight: bold; font-size: 2rem; margin-bottom: 10px; }
  #head h1 span { height: 30px; padding: 10px 10px 10px 45px; background: #e0ebfb url(../img/common/icon_q.png) left 10px top 10px no-repeat; background-size: 25px; }
  #head .summary { margin-bottom: 1em; float: none; width: auto; padding: 0 10px; font-size: 1.6rem; }
  #head .entryAttr { margin-top: 0.5em; }
  .entriesNotes { padding: 0 10px; } }
/*
#entryArea
======================= */
#entryArea { margin: 0 auto 30px; padding-bottom: 20px; max-width: 900px; font-size: 1.6rem; }
#entryArea .topHead { display: table; width: 100%; margin-bottom: 30px; font-weight: bold; line-height: 1.41; font-size: 2.2rem; color: #8d4a00; padding: 0; }
#entryArea .topHead span { display: table-cell; padding: 20px 20px 20px 90px; height: 100px; vertical-align: middle; background: #ffefd7 url(../img/common/icon_a.png) left 20px top 20px no-repeat; font-weight:bold; }
#entryArea section { margin-bottom: 50px; }
#entryArea section:last-of-type { margin-bottom: 0; }
#entryArea section h2 { margin: 0 0 2.11%; padding: 2% 3.33%; border: none; width: auto; color: #003a97; background-color: #eef4fc; font-weight: bold; font-size: 2rem; }
#entryArea section h3 { margin: 40px auto 20px; padding: 0 30px; width: 92.22%; color: #8d4a00; font-weight: bold; font-size: 2rem; text-indent: -.2em; }
#entryArea section h3:before { content: '●'; }
#entryArea section h4 { margin: 0 auto 1.56%; position: relative; width: 87.56%; color: #003a97; font-weight: bold; font-size: 1.6rem; }
#entryArea section h4::before { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; top: 0; left: -24px; width: 14px; height: 14px; background-color: #003a97; content: ""; }
#entryArea section h5 { margin: 0 auto 1.56%; position: relative; width: 87.56%; color: #003a97; font-weight: bold; font-size: 1.6rem; }
#entryArea section h5::after { content: "■"; /* 文字前のワンポイント */ font-size: 24px; /* ワンポイントの大きさ */ color: #003a97; /* ワンポイントのカラー */ top: -5px; /* ワンポイントの位置 */ left: -24px; /* ワンポイントの位置 */ position: absolute; }
#entryArea section .image { margin-bottom: 1.78%; text-align: center; }
#entryArea section .image img { max-width: 100%; width: auto; }
#entryArea section .wrap1 { margin-bottom: 2%; padding: 2%; border: 1px solid #cfd7e1; width: 89.33%; }
#entryArea section .wrap2 { margin-bottom: 2%; padding: 2%; border: 4px double #cfd7e1; width: 88.7%; }
#entryArea section .line1 { margin: 5px auto 15px; border: 4px #cfd7e1; border-style: none none solid; }
#entryArea section .line2 { margin: 5px auto 15px; border: 1px #cfd7e1; border-style: none none solid; }
#entryArea section .line3 { margin: 5px auto 15px; border: 1px #cfd7e1; border-style: none none dotted; }
#entryArea .links { margin: 50px auto 0; width: 93.33%; }
#entryArea .links .backToPref { text-align: center; margin-bottom: 30px; }
#entryArea .links .consultation { text-align: center; }
#entryArea .links .note { padding-left: 1rem; color: #f00; font-size: 1.6rem; text-indent: -1em; }
#entryArea section p { margin-bottom: 1em; line-height: 1.71; color: #42515a; font-size: 1.6rem; }
#entryArea section p note { line-height: 1.5; color: #666666; font-size: small; display: block; }
#entryArea section p strong, #entryArea section p em { font-weight: bold; }
#entryArea section > p, #entryArea section > ul, #entryArea section > div, #entryArea section > hr, #entryArea section > table { margin-right: auto; margin-left: auto; width: 93.33%; }
#entryArea section table { border: 1px solid #b9bcc1; border-collapse: collapse; max-width: 100%; }
#entryArea section table th, #entryArea section table td { padding: 2%; border: 1px solid #b9bcc1; }
#entryArea section p img { text-align: center; }

@media (max-width: 767px) { #entryArea { margin: 0 auto 9.69%; padding-bottom: 3.13%; font-size: 1.5rem; }
  #entryArea .topHead { padding: 0; float: none; width: 100%; line-height: 1.42857; font-weight: bold; font-size: 2rem; margin-bottom: 10px; }
  #entryArea .topHead span { padding: 10px 10px 10px 45px; height: 30px; background: #ffefd7 url(../img/common/icon_a.png) left 10px top 10px no-repeat; background-size: 25px; }
  #entryArea section { margin-bottom: 11%; }
  #entryArea section h2 { margin: 0 0 2.81%; padding: 4.06% 3.13%; border: none; width: auto; background-color: #eef4fc; font-size: 1.9rem; }
  #entryArea section h3 { margin: 4.5% auto 2.8%; padding: 0; width: 93.75%; font-size: 1.8rem; }
  #entryArea section h4, #entryArea section h5 { margin: 0 auto 2.22%; width: 84.38%; font-size: 1.6rem; }
  #entryArea section .image { margin-bottom: 5.94%; }
  #entryArea .links { margin-top: 25px; }
  #entryArea .links .backToPref { margin-bottom: 25px; }
  #entryArea section p { line-height: 1.6; font-size: 1.6rem; color: #333333; }
  #entryArea section > p, #entryArea section > ul, #entryArea section > div, #entryArea section > hr, #entryArea section > table { width: 93.75%; } }
@media (max-width: 360px) { #entryArea .links ul li a { padding-left: 6%; } }
@media (max-width: 300px) { #entryArea .links ul li a { padding-left: 9%; } }
/*
#share
======================= */
#share { margin: 0 auto 75px; max-width: 900px; }
#share ul { margin-left: auto; width: 24.67%; }
#share ul li { margin-right: 1.35%; float: left; width: 28.38%; }

@media (max-width: 767px) { #share { margin: 0 auto 10.47%; max-width: none; width: 73.59%; }
  #share ul { margin-left: auto; width: auto; }
  #share ul li { margin-right: 1.49%; width: 32.27%; }
  #share ul li:last-child { margin-right: 0; } }

/*# sourceMappingURL=entry.css.map */