@charset "UTF-8";

/* PC */

/* Smartphone */

/***	Reset
----------------------------------------------------------***/

html {
  font-size: 62.5%;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
figure,
figcaption,
address,
table,
caption,
tr,
th,
td {
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
  /* 自動調整機能オフ */
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  /* オーバースクロールをなめらかに */
  -webkit-overflow-scrolling: touch;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/***	Default Tag
----------------------------------------------------------***/

body,
textarea {
  font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body {
  background: url(/images/bg_body.jpg) left top repeat;
  line-height: 1.7;
}

img {
  vertical-align: bottom;
  border-style: none;
}

input,
textarea,
select {
  font-size: 100%;
}

/***	Link
----------------------------------------------------------***/

a:link {
  color: #00547f;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

a:visited {
  color: #563973;
}

/***	Link - Opacity
----------------------------------------------------------***/

/* PC */

/***	Module
----------------------------------------------------------***/

/***	Module - Complement
----------------------------------------------------------***/

.marginTop1em {
  margin-top: 1em;
}

.marginTop2em {
  margin-top: 2em;
}

.complement {
  margin-top: 2em;
}

/***	Module - Box
----------------------------------------------------------***/

.box {
  background: #fff;
  border-radius: 10px;
  position: relative;
}

/* PC */

/* Smartphone */

/***	Module - Table
----------------------------------------------------------***/

/* PC */

/***	Module - BR
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Module - Font Size
----------------------------------------------------------***/

.font12 {
  font-size: 1.2rem !important;
}

.font14 {
  font-size: 1.4rem !important;
}

.font16 {
  font-size: 1.6rem !important;
}

.font18 {
  font-size: 1.8rem !important;
}

.font20 {
  font-size: 2rem !important;
}

.font22 {
  font-size: 2.2rem !important;
}

.font24 {
  font-size: 2.4rem !important;
}

/***	Module - Align
----------------------------------------------------------***/

.center {
  text-align: center !important;
}

.right {
  text-align: right !important;
}

/***	Module - Color
----------------------------------------------------------***/

.red {
  color: #f00;
}

/***	Module - Page Top
----------------------------------------------------------***/

.pageTop {
  text-align: right;
}

.pageTop a {
  color: #7e3500;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}

.pageTop a:before {
  color: #f96900;
  font-weight: normal;
  display: inline-block;
  transform: rotate(-90deg);
  position: absolute;
  top: -0.3em;
  left: -1.1em;
}

/* PC */

/* Smartphone */

/***	Module - Button
----------------------------------------------------------***/

.button {
  margin-top: 1em;
}

.button a {
  color: #fff;
  font-size: 2rem;
  line-height: 1;
  text-decoration: none;
  background: #F97718;
  background: -webkit-gradient(linear, left top, left bottom, from(#F97718), to(#E15F00));
  background: -moz-linear-gradient(top, #F97718, #E15F00);
  background: -ms-linear-gradient(top, #F97718, #E15F00);
  border-radius: 5px;
  padding: 18px 15px;
  display: inline-block;
}

.button a:before {
  color: #fc0;
  font-size: 2.6rem;
  font-weight: normal;
  padding-right: 10px;
}

.button .fa-download:before {
  position: relative;
  top: 3px;
}

.button .fa-desktop:before {
  position: relative;
  top: 2px;
}

/* PC */

/***	Module - Fonts
----------------------------------------------------------***/

/* FontAwesome */

.fa-phone:before,
.fa-fax:before,
.fa-desktop:before,
.fa-mobile:before,
.fa-arrow-right:before,
.fa-envelope:before,
.fa-share:before,
.fa-clock-o:before,
.fa-building-o:before,
.fa-download:before,
div.mfp_err:before,
.fa-arrow-up:before,
.fa-exclamation-circle:before {
  font-family: FontAwesome;
}

/* GeneralSymbol */

@font-face {
  font-family: "GeneralSymbol";
  src: url("/fonts/GeneralSymbol/GeneralSymbol.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/GeneralSymbol/GeneralSymbol.woff") format("woff"), url("/fonts/GeneralSymbol/GeneralSymbol.ttf") format("truetype"), url("/fonts/GeneralSymbol/GeneralSymbol.svg") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

[class^=gs-],
[class*=" gs-"] {
  font-family: "GeneralSymbol";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
.gs-dotarrow:before {content: "\e901";}
.gs-circle:before {content: "\e900";}
*/

/* GlobalNav */

@font-face {
  font-family: "GlobalNav";
  src: url("/fonts/GlobalNav/GlobalNav.eot");
  /* IE9 Compat Modes */
  src: url("/fonts/GlobalNav/GlobalNav.woff") format("woff"), url("/fonts/GlobalNav/GlobalNav.ttf") format("truetype"), url("/fonts/GlobalNav/GlobalNav.svg") format("svg");
  /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}

[class^=gn-],
[class*=" gn-"] {
  font-family: "GlobalNav";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*
.gn-home:before {content: "\e900";}
.gn-injection:before {content: "\e901";}
.gn-flag:before {content: "\e902";}
.gn-note:before {content: "\e903";}
.gn-calendar:before {content: "\e904";}
.gn-human:before {content: "\e905";}
.gn-question:before {content: "\e906";}
.gn-mail:before {content: "\e907";}
*/

/***	Module - Circled Number
----------------------------------------------------------***/

.circledNumber > li {
  list-style: none;
  text-indent: -1em;
  margin-left: 1em;
}

.circledNumber > li:first-child:before {
  content: "①";
}

.circledNumber > li:nth-child(2):before {
  content: "②";
}

.circledNumber > li:nth-child(3):before {
  content: "③";
}

.circledNumber > li:nth-child(4):before {
  content: "④";
}

.circledNumber > li:nth-child(5):before {
  content: "⑤";
}

.circledNumber > li:nth-child(6):before {
  content: "⑥";
}

.circledNumber > li:nth-child(7):before {
  content: "⑦";
}

.circledNumber > li:nth-child(8):before {
  content: "⑧";
}

.circledNumber > li:nth-child(9):before {
  content: "⑨";
}

.circledNumber > li:nth-child(10):before {
  content: "⑩";
}

.circledNumber > li:nth-child(11):before {
  content: "⑰";
}

.circledNumber > li:nth-child(12):before {
  content: "⑱";
}

.circledNumber > li:nth-child(13):before {
  content: "⑲";
}

.circledNumber > li:nth-child(14):before {
  content: "⑳";
}

.circledNumber > li:nth-child(15):before {
  content: "⑴";
}

.circledNumber > li:nth-child(16):before {
  content: "⑵";
}

.circledNumber > li:nth-child(17):before {
  content: "⑶";
}

.circledNumber > li:nth-child(18):before {
  content: "⑷";
}

.circledNumber > li:nth-child(19):before {
  content: "⑸";
}

.circledNumber > li:nth-child(20):before {
  content: "⑹";
}

/***	Module - Counseling - Search Box / Pulldown
----------------------------------------------------------***/

/* 簡易検索ボックス */

.searchBox {
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.searchBox p {
  color: #7e3500;
  font-weight: bold;
  float: left;
}

.searchBox ul {
  list-style: none;
  overflow: hidden;
}

.searchBox li {
  margin-right: 5px;
  float: left;
}

.searchBox li:last-child {
  margin-right: 0;
}

.searchBox .empty {
  color: #999;
}

/* 簡易検索プルダウンメニュー */

.searchPulldown {
  background: #fff;
  border-radius: 5px;
}

.searchPulldown dl {
  width: 100%;
  display: table;
  margin-top: 7px;
}

.searchPulldown dl:first-child {
  margin-top: 0;
}

.searchPulldown dt {
  width: 7em;
  color: #7e3500;
  font-weight: bold;
  display: table-cell;
}

.searchPulldown dd {
  display: table-cell;
}

.searchPulldown dd select {
  width: 100%;
}

/* PC */

/* Smartphone */

/***	Module - Counseling - Icon
----------------------------------------------------------***/

/* 時系アイコン群 */

.iconDate {
  list-style: none;
  float: left;
  margin-bottom: 5px;
}

.iconDate li {
  border-radius: 4px;
  color: #fff;
  line-height: 1;
  margin-right: 7px;
  display: inline-block;
}

.iconDate .mie {
  background: #a38b16;
}

.iconDate .shiga {
  background: #3e99a6;
}

.iconDate .kyoto {
  background: #a73a3a;
}

.iconDate .osaka {
  background: #ca702f;
}

.iconDate .hyogo {
  background: #7f5993;
}

.iconDate .nara {
  background: #41674b;
}

.iconDate .wakayama {
  background: #558532;
}

.iconDate .tokushima {
  background: #5360a7;
}

.iconDate .other {
  background: #666;
}

.iconDate .night {
  color: #fff;
  background: #003366;
}

.iconDate .night:before {
  content: "";
  font-family: FontAwesome;
  color: #ff0;
  margin-right: 2px;
}

/* 手続きアイコン群 */

.iconProcess {
  list-style: none;
  float: right;
  margin-bottom: 5px;
}

.iconProcess .pay,
.iconProcess .free,
.iconProcess .need,
.iconProcess .noNeed {
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #F96900;
  border: 1px solid #F96900;
  display: inline-block;
  margin-left: 7px;
}

.iconProcess .free,
.iconProcess .noNeed {
  color: #F96900;
  background: #fff;
}

/* PC */

/* Smartphone */

/***	Module - Youtube Responsive
----------------------------------------------------------***/

.youtube {
  width: 100%;
  aspect-ratio: 16/9;
}

.youtube iframe {
  width: 100%;
  height: 100%;
}

/***
----------------------------------------------------------***/

/***	Header
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Header - Button
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Header - Area
----------------------------------------------------------***/

.area p {
  color: #fff;
  line-height: 1;
  background: #ff9600;
  text-align: center;
  padding: 10px 0;
}

.area p span {
  color: #7e3500;
  font-weight: bold;
}

/* PC */

/* Smartphone */

/***	Header - Total Numbers
----------------------------------------------------------***/

header .totalNumbers {
  display: table;
}

header .totalNumbers > dt {
  color: #fff;
  line-height: 1;
  background: #fc0;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

header .totalNumbers > dt span {
  color: #000;
  display: block;
}

header .totalNumbers > dt .note {
  margin-top: 2px;
}

header .totalNumbers > dd {
  background: #fff;
  display: table-cell;
  vertical-align: middle;
}

header .totalNumbers > dd dl {
  width: 100%;
  display: table;
}

header .totalNumbers dd dt {
  width: 1em;
  color: #fff;
  line-height: 1.5;
  background: #f96900;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 1em 5px;
}

header .totalNumbers dd dd {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

header .totalNumbers dd dd li {
  line-height: 1;
  list-style: none;
}

header .totalNumbers dd dd li b {
  color: #c00;
  font-weight: normal;
}

/* PC */

/* Smartphone */

/***	Header - nav
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Header - nav - Primary Navigation
----------------------------------------------------------***/

/* PC */

/***	Header - nav - Switch Font Size
----------------------------------------------------------***/

/* PC */

/***	Header - Tel
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Header - Form
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***
----------------------------------------------------------***/

/***	Index - Global Navigation (One Column)
----------------------------------------------------------***/

/* PC */

/***	Index - Global Navigation - Smart Drawer
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Index - Global Navigation - Smart Drawer (Design)
----------------------------------------------------------***/

/* Smartphone */

/***	Index - Main Content (One Column)
----------------------------------------------------------***/

/* PC */

/***
----------------------------------------------------------***/

/***	Index - Main Visual
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Index - Main Content - Topics & CM
----------------------------------------------------------***/

/* PC */

/***	Index - Main Content - Topics
----------------------------------------------------------***/

#index #mainContent #topics {
  background: #fff;
  margin-top: 30px;
}

#index #mainContent #topics h2 {
  color: #fff;
  background: #3BBF97;
}

#index #mainContent #topics h2:before {
  font-weight: normal;
}

#index #mainContent #topics dt:before {
  color: #f96900;
  font-size: 1.33rem;
  font-family: GeneralSymbol;
  content: "";
  margin-right: 2px;
}

#index #mainContent #topics dd a {
  color: #007F59;
}

/* PC */

/* Smartphone */

/***	Index - Main Content - CM
----------------------------------------------------------***/

#index #mainContent #cm p:last-of-type {
  text-align: right;
}

/* Smartphone */

/***	Index - Main Content - Total Numbers
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Index - Headline
----------------------------------------------------------***/

#index #courtGuide h2,
#index #mainContent > .container > section h2 {
  color: #f96900;
  border-bottom: 5px solid #ccc7b7;
}

/* PC */

/* Smartphone */

/***	Index - Main Content - Court Guide
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Index - Main Content - Court Guide - Requirement
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Index - Main Content - Court Guide - Benefits
----------------------------------------------------------***/

#index #courtGuide .benefits {
  overflow: hidden;
}

#index #courtGuide .benefits figure {
  float: right;
}

/* PC */

/* Smartphone */

/***	Index - Main Content - Court Guide - Cost
----------------------------------------------------------***/

/* PC */

/***	Index - Main Content - Court Guide - Flowchart
----------------------------------------------------------***/

#index #courtGuide .flowchart li:nth-child(5):after {
  content: "";
}

/* PC */

/* Smartphone */

/***	Index - Main Content - Court Guide - Contact
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Index - Main Content - Container
----------------------------------------------------------***/

/* PC */

/***	Index - Main Content - Counseling
----------------------------------------------------------***/

/* テーブル部 */

#index #counseling table {
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
}

#index #counseling td {
  line-height: 1;
  vertical-align: top;
  border: 1px dotted #d9d4c3;
  border-bottom: 1px solid #d9d4c3;
}

#index #counseling tr:nth-child(odd) td {
  background: #FAF9F7;
}

#index #counseling td:first-child {
  white-space: nowrap;
}

/* 日付・曜日 */

#index #counseling .year {
  display: block;
  margin-top: 5px;
}

#index #counseling .date {
  font-weight: bold;
  letter-spacing: 1px;
}

#index #counseling .week {
  font-weight: bold;
}

#index #counseling .saturday {
  color: #2483b2;
}

#index #counseling .sunday {
  color: #ca2828;
}

/* タイトル */

#index #counseling h3 {
  line-height: 1.5;
  clear: both;
}

#index #counseling h3 + p {
  line-height: 1.5;
}

#index #counseling table + ul {
  text-align: right;
  margin-top: 1em;
}

#index #counseling table + ul li {
  display: inline-block;
  margin-left: 1em;
}

/* PC */

/* Smartphone */

/***	Index - Main Content - FAQ
----------------------------------------------------------***/

#index #faq h3 {
  color: #00669a;
  border-top: 2px solid #ccc7b7;
  margin-top: 12px;
  padding-top: 10px;
}

#index #faq p + h3 {
  border-top: none;
  padding-top: 0;
}

#index #faq ul {
  margin-left: 1.75em;
}

#index #faq ul:last-of-type {
  margin-bottom: 2.5em;
}

#index #faq li {
  line-height: 1.5;
  list-style: none;
  margin-top: 10px;
}

#index #faq li:first-child {
  margin-top: 5px;
}

#index #faq li:before {
  color: #fff;
  content: "Q";
  font-size: 1.4rem;
  line-height: 1;
  background: #f16565;
  border-radius: 50%;
  padding: 0.3em 0.5em;
  position: relative;
  top: -0.05em;
  margin-left: -1.9em;
  margin-right: 0.2em;
}

/* PC */

/* Smartphone */

/***	Index - Main Content - Special
----------------------------------------------------------***/

#index #special figure {
  background: #fff;
}

/* PC */

/* Smartphone */

/***	Index - Main Content - News
----------------------------------------------------------***/

#index #news dt {
  color: #7E3500;
  font-weight: bold;
}

#index #news dt:before {
  color: #f96900;
  font-size: 1.33rem;
  font-family: GeneralSymbol;
  content: "";
  margin-right: 2px;
}

#index #news dd strong {
  color: #f00;
  font-size: 1.8rem;
}

/* PC */

/* Smartphone */

/***	Index - Sub Content
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***
----------------------------------------------------------***/

/***	Footer
----------------------------------------------------------***/

/* PC */

/***	Footer - Link
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Footer - Address
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Footer - Smartphone/PC Switch Button
----------------------------------------------------------***/

footer .switch {
  background: #e56100;
  padding: 0 20px 20px 20px;
  overflow: hidden;
}

footer .switch p {
  color: #fff;
  width: 6em;
  font-size: 1.3rem;
  line-height: 1;
  float: left;
  margin-top: 0.8em;
}

footer .switch ul {
  width: 73%;
  width: -webkit-calc(100% - 6em);
  width: calc(100% - 6em);
  font-size: 1.3rem;
  display: table;
  table-layout: fixed;
}

footer .switch li {
  color: #e56100;
  font-size: 1.3rem;
  font-weight: bold;
  background: #FFCC00;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE57F), to(#FFCC00));
  background: -moz-linear-gradient(top, #FFE57F, #FFCC00);
  background: -ms-linear-gradient(top, #FFE57F, #FFCC00);
  list-style: none;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

footer .switch li span {
  display: block;
  padding: 7px 0;
}

footer .switch li span:before {
  position: relative;
  margin-right: 3px;
}

footer .switch li:first-child {
  border-right: 1px dotted #fff;
  border-radius: 7px 0 0 7px;
}

footer .switch li:first-child a {
  border-radius: 7px 0 0 7px;
}

footer .switch li:first-child span:before {
  font-size: 1.9rem;
  line-height: 1.4rem;
  top: 2px;
}

footer .switch li:nth-child(2) {
  border-radius: 0 7px 7px 0;
}

footer .switch li:nth-child(2) a {
  border-radius: 0 7px 7px 0;
}

footer .switch li:nth-child(2) span:before {
  line-height: 1.4rem;
}

footer .switch li a {
  width: 100%;
  height: 100%;
  color: #9F9F9F;
  background: #fff;
  text-decoration: none;
  display: block;
}

footer .switch li a:hover {
  color: #e56100;
  background: #FFCC00;
  background: -webkit-gradient(linear, left top, left bottom, from(#FFE57F), to(#FFCC00));
  background: -moz-linear-gradient(top, #FFE57F, #FFCC00);
  background: -ms-linear-gradient(top, #FFE57F, #FFCC00);
}

/* PC */

/***
----------------------------------------------------------***/

/***	Inside
----------------------------------------------------------***/

/***	Inside - Container
----------------------------------------------------------***/

/* PC */

/***	Inside - Main Content
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Inside - Main Content - Breadcrumb
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Inside - Main Content - Headline
----------------------------------------------------------***/

.inside #mainContent h1 {
  color: #7E3500;
  line-height: 1;
}

.inside #mainContent h2 {
  color: #f96900;
  border-bottom: 5px solid #ccc7b7;
}

.inside #mainContent h3 {
  color: #4d4b45;
  line-height: 1.3;
  border-bottom: 3px solid #d9d5c9;
}

.inside #mainContent h3:before {
  color: #FCB47F;
  font-family: GeneralSymbol;
  font-size: 1.7rem;
  font-weight: normal;
  content: "";
  margin-left: -2.2rem;
  margin-right: 5px;
}

.inside #mainContent h4 {
  color: #00669A;
  margin-top: 30px;
}

.inside #mainContent h3 + h4 {
  margin-top: 0;
}

/* PC */

/* Smartphone */

/***	Inside - Main Content - Local Navigation
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Inside - Sub Content
----------------------------------------------------------***/

/* PC */

/***	Inside - Sub Content - Global Navigation (Two Column)
----------------------------------------------------------***/

/* PC */

/***	Inside - Sub Content - Banner Area
----------------------------------------------------------***/

.inside .bannerArea li {
  background: #fff;
  border-radius: 5px;
  list-style: none;
}

.inside .bannerArea li img {
  width: 100%;
  border-radius: 5px;
}

/* PC */

/* Smartphone */

/***
----------------------------------------------------------***/

/***	Local Setting
----------------------------------------------------------***/

/***	Local Setting - Content Navigation
----------------------------------------------------------***/

.contentNav {
  background: #fff;
  border-radius: 5px;
  margin: 5px 15px;
  padding: 12px 20px;
}

.contentNav li {
  list-style: none;
  display: inline-block;
  margin-right: 1em;
}

/***	Local Setting - Content Pulldown
----------------------------------------------------------***/

.contentPulldown {
  text-align: center;
  margin-bottom: 20px;
}

.contentPulldown > select {
  width: 85%;
}

.activitySummary .bannerArea,
.courtReport .bannerArea,
.localGovernment .bannerArea {
  margin-top: 30px;
}

/***	About - Current Status - Substance
----------------------------------------------------------***/

.currentStatus #substance table {
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 5px;
}

.currentStatus #substance th:nth-child(2),
.currentStatus #substance td:nth-child(2) {
  white-space: nowrap;
}

.currentStatus #substance th {
  background: #ECE9E1;
  border-right: 1px dotted #d9d4c3;
  border-bottom: 3px solid #d9d4c3;
}

.currentStatus #substance td {
  border-bottom: 1px solid #d9d4c3;
}

.currentStatus #substance td:first-child {
  border-right: 1px dotted #d9d4c3;
}

.currentStatus #substance tr:nth-child(2) td:first-child:before {
  content: "①";
}

.currentStatus #substance tr:nth-child(3) td:first-child:before {
  content: "②";
}

.currentStatus #substance tr:nth-child(4) td:first-child:before {
  content: "③";
}

.currentStatus #substance tr:nth-child(5) td:first-child:before {
  content: "④";
}

.currentStatus #substance tr:nth-child(6) td:first-child:before {
  content: "⑤";
}

.currentStatus #substance tr:nth-child(7) td:first-child:before {
  content: "⑥";
}

.currentStatus #substance tr:nth-child(8) td:first-child:before {
  content: "⑦";
}

.currentStatus #substance td:nth-child(2) {
  color: #e50000;
  font-weight: bold;
  text-align: center;
}

.currentStatus #substance td span {
  font-size: 1.2rem;
}

.currentStatus #substance table + p {
  font-size: 1.4rem;
  margin-top: 10px;
}

/* PC */

/* Smartphone */

/***	About - Current Status - Purpose
----------------------------------------------------------***/

.currentStatus #purpose h4 {
  color: #7E3500;
  font-size: 1.8rem;
}

/***	About - Current Status - Challenge
----------------------------------------------------------***/

.currentStatus #challenge li {
  margin-top: 1em;
}

/* Smartphone */

/***	About - Leader Message
----------------------------------------------------------***/

.leaderMessage #message h3 {
  color: #7E3500;
  line-height: 1;
  border-bottom: none;
}

.leaderMessage #message h3:before {
  color: #7E3500;
  font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  content: "■";
}

.leaderMessage #message img {
  box-shadow: 0px 0px 7px -3px rgba(0, 0, 0, 0.8);
}

/* PC */

/* Smartphone */

/***	Feature - Lawyers
----------------------------------------------------------***/

.lawyers #feature ol {
  counter-reset: h3;
  list-style: none;
}

.lawyers #feature h3 {
  color: #7E3500;
  font-size: 2.6rem;
  counter-increment: h3;
  line-height: 1.3;
  border-bottom: 5px solid #d9d5c9;
  margin-top: 50px;
}

.lawyers #feature h3:before {
  color: #FF9600;
  font-family: serif;
  font-style: italic;
  font-weight: bold;
  content: counter(h3);
  margin-left: 0;
  margin-right: 0;
}

.lawyers #feature .text p:not(:first-of-type) {
  margin-top: 1em;
}

.lawyers #feature .note {
  margin-top: 2em;
}

.lawyers #feature .note > dl {
  margin-top: 1em;
  display: flex;
}

.lawyers #feature .note > dl dt {
  width: 2em;
  font-size: 1.4rem;
  line-height: 1.3 !important;
  margin-right: 1em;
}

.lawyers #feature .note > dl dd {
  font-size: 1.4rem;
  line-height: 1.3 !important;
}

.lawyers #feature .request > dl {
  margin-top: 30px;
}

.lawyers #feature .request > dl > dt {
  font-weight: bold;
  text-align: center;
}

.lawyers #feature .request > dl > dd {
  border-top: 3px solid #D9D5C9;
  border-bottom: 3px solid #D9D5C9;
}

.lawyers #feature .request dl dl dd:before {
  color: #FF9600;
  font-family: GeneralSymbol;
  font-size: 1.3rem;
  content: "";
  margin-right: 2px;
}

.lawyers #feature ol + p {
  margin-top: 50px;
}

.lawyers #feature h4 {
  color: #4d4b45;
  font-size: 2.2rem;
  line-height: 1.3;
  border-bottom: 3px solid #d9d5c9;
  margin: 45px 0 12px 0;
  padding: 0 0 5px 2.2rem;
}

.lawyers #feature h4:before {
  color: #FCB47F;
  font-family: GeneralSymbol;
  font-size: 1.7rem;
  font-weight: normal;
  content: "";
  margin-left: -2.2rem;
  margin-right: 5px;
}

.lawyers #feature h3 + h4 {
  margin-top: 45px;
}

/* PC */

/* Smartphone */

/***	Feature - Human Rights Promotion
----------------------------------------------------------***/

.humanRightsPromotion #humanRightsPromotion {
  counter-reset: h3;
}

.humanRightsPromotion #humanRightsPromotion h2 + p {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}

.humanRightsPromotion #humanRightsPromotion h3 {
  color: #7E3500;
  font-size: 2.6rem;
  counter-increment: h3;
  line-height: 1.3;
  border-bottom: 5px solid #d9d5c9;
  margin-top: 50px;
}

.humanRightsPromotion #humanRightsPromotion h3:before {
  color: #FF9600;
  font-family: serif;
  font-size: 3.6rem;
  font-weight: bold;
  content: counter(h3);
  margin-left: -1.8rem;
  margin-right: 0.4em;
  position: relative;
  top: 4px;
}

.humanRightsPromotion #humanRightsPromotion figure {
  text-align: center;
}

.humanRightsPromotion #humanRightsPromotion h4 {
  color: #4d4b45;
  font-size: 2.2rem;
  line-height: 1.3;
  border-bottom: 3px solid #d9d5c9;
  margin: 45px 0 12px 0;
  padding: 0 0 5px 22px;
}

.humanRightsPromotion #humanRightsPromotion h4:before {
  color: #FCB47F;
  font-family: GeneralSymbol;
  font-size: 1.7rem;
  font-weight: normal;
  content: "";
  margin-left: -22px;
  margin-right: 5px;
}

.humanRightsPromotion #humanRightsPromotion h3 + h4 {
  margin-top: 45px;
}

.humanRightsPromotion #humanRightsPromotion ol {
  margin-left: 4em;
}

.humanRightsPromotion #humanRightsPromotion ol li {
  color: #f00;
  font-size: 2.6rem;
  font-weight: bold;
}

.humanRightsPromotion #humanRightsPromotion .box p:first-child {
  color: #00669A;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.humanRightsPromotion #humanRightsPromotion .box p:first-child span {
  font-size: 1.6rem;
}

.humanRightsPromotion #humanRightsPromotion dl {
  margin-top: 30px;
}

.humanRightsPromotion #humanRightsPromotion dt {
  color: #fff;
  font-size: 1.8rem;
  background: #F96900;
  border-radius: 50px;
  font-weight: bold;
  padding: 7px 27px;
}

.humanRightsPromotion #humanRightsPromotion dd {
  margin-left: 2.3em;
  margin-right: 1em;
}

.humanRightsPromotion #humanRightsPromotion dd li {
  margin-top: 1em;
}

.humanRightsPromotion #humanRightsPromotion .button a {
  font-size: 1.8rem;
}

.humanRightsPromotion #humanRightsPromotion .insideContact {
  background: #F96900 url(/images/bg_globalnav.png) left top repeat;
  background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
  background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
  background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
  margin-top: 30px;
  padding: 15px 0;
  position: relative;
}

.humanRightsPromotion #humanRightsPromotion .insideContact a {
  text-decoration: none;
}

.humanRightsPromotion #humanRightsPromotion .insideContact .title {
  font-weight: bold;
  padding: 0 30px;
}

.humanRightsPromotion #humanRightsPromotion .insideContact .title b {
  color: #000;
  font-size: 2.4rem;
  line-height: 1;
}

.humanRightsPromotion #humanRightsPromotion .insideContact .data {
  background: #7e3500;
  list-style: none;
  overflow: hidden;
  margin: 10px 0;
  padding: 15px 30px;
}

.humanRightsPromotion #humanRightsPromotion .insideContact li,
.humanRightsPromotion #humanRightsPromotion .insideContact li a {
  color: #fff;
}

.humanRightsPromotion #humanRightsPromotion .insideContact li {
  line-height: 1.2;
}

.humanRightsPromotion #humanRightsPromotion .insideContact li:not(:first-child) {
  margin-top: 0.2em;
}

.humanRightsPromotion #humanRightsPromotion .insideContact .tel {
  float: left;
  margin-right: 1.5em;
}

.humanRightsPromotion #humanRightsPromotion .insideContact .email a:hover {
  text-decoration: underline;
}

/* PC */

/* Smartphone */

/***	History - Numbers
----------------------------------------------------------***/

.numbers #mainContent #numbers .difference h4 {
  margin-top: 0;
}

.numbers #mainContent #numbers table {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  table-layout: fixed;
  border-collapse: collapse;
}

.numbers #mainContent #numbers tr:nth-child(even) {
  background: #faf9f7;
}

.numbers #mainContent #numbers tr:last-child {
  background: #ece9e1;
  border-top: 3px solid #d9d4c3;
}

.numbers #mainContent #numbers th,
.numbers #mainContent #numbers td {
  font-size: 1.4rem;
  border-top: 1px solid #d9d4c3;
  border-left: 1px dotted #d9d4c3;
}

.numbers #mainContent #numbers th {
  line-height: 1.2;
  background: #ece9e1;
  border-bottom: 3px solid #d9d4c3;
}

.numbers #mainContent #numbers td {
  text-align: right;
}

.numbers #mainContent #numbers td:first-child {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
}

.numbers #mainContent #numbers .container + p {
  font-size: 1.4rem;
  text-align: right;
  margin-top: 5px;
}

/* PC */

/* Smartphone */

/***	History - Numbers Osaka
----------------------------------------------------------***/

.numbersOsaka #mainContent #numbersOsaka .difference h4 {
  margin-top: 0;
}

.numbersOsaka #mainContent #numbersOsaka .container {
  background: #fff;
  border: 3px solid #d9d4c3;
  margin-top: 20px;
}

.numbersOsaka #mainContent #numbersOsaka dt {
  font-weight: bold;
  text-align: center;
}

.numbersOsaka #mainContent #numbersOsaka dd {
  text-align: right;
}

.numbersOsaka #mainContent #numbersOsaka .container + p {
  font-size: 1.4rem;
  text-align: right;
  margin-top: 5px;
}

/* PC */

/* Smartphone */

/***	History - Activity Summary
----------------------------------------------------------***/

.activitySummary #activitySummary h2 {
  margin-bottom: 20px;
}

.activitySummary #activitySummary h3 {
  margin-top: 30px;
}

.activitySummary #activitySummary dl {
  border-bottom: 1px dotted #CCC7B7;
  margin-bottom: 30px;
}

.activitySummary #activitySummary dt {
  font-weight: bold;
  line-height: 1;
  border-top: 1px dotted #CCC7B7;
}

.activitySummary #activitySummary dt:first-child {
  border-top: none;
}

.activitySummary #activitySummary dd {
  line-height: 1.4;
  position: relative;
}

.activitySummary #activitySummary em {
  color: #f00;
  font-style: normal;
  font-weight: bold;
}

.activitySummary #activitySummary strong {
  color: #f00;
  font-weight: bold;
}

.activitySummary #activitySummary .readMore {
  text-align: right;
  margin: 0.5em 0;
}

.activitySummary #activitySummary .readMore a {
  color: #7E3500;
  font-size: 1.4rem;
  display: inline-block;
  cursor: pointer;
}

.activitySummary #activitySummary .readMore a:before {
  content: "詳細を見る";
}

.activitySummary #activitySummary .readMore a.active:before {
  content: "詳細を隠す";
}

.activitySummary #activitySummary .readMore a:after {
  color: #FCB47F;
  font-family: GeneralSymbol;
  content: "";
  display: inline-block;
  transform: rotate(90deg);
  margin-left: 2px;
}

.activitySummary #activitySummary .readMore a.active:after {
  transform: rotate(-90deg);
}

.activitySummary #activitySummary .report {
  display: none;
}

.activitySummary #activitySummary figure {
  text-align: center;
}

.activitySummary #activitySummary .detail {
  line-height: 1.7;
  margin-top: 0.5em;
}

/* PC */

/* Smartphone */

/***	History - Court Report
----------------------------------------------------------***/

.courtReport #courtReport h2 {
  margin-bottom: 20px;
}

.courtReport #courtReport article + .contentNav,
.courtReport #courtReport article + .contentPulldown {
  margin-top: 30px;
}

/* Smartphone */

/***	History - Statement
----------------------------------------------------------***/

.statement #statement h3 + p {
  text-align: right;
  margin-bottom: 1em;
}

.statement #statement h4 {
  color: #000;
  font-size: 1.6rem;
  margin-top: 1.6em;
}

.statement #statement h3 + p + h4 {
  margin-top: 0;
}

/* Smartphone */

/***	History - Local Government
----------------------------------------------------------***/

.localGovernment #localGovernment h2 {
  margin-bottom: 20px;
}

.localGovernment #localGovernment .contentNav {
  padding-left: 35px;
  margin-left: 1em;
}

.localGovernment #localGovernment .contentNav li {
  line-height: 1.4;
  margin-top: 5px;
}

.localGovernment #localGovernment .contentNav li:first-child {
  margin-top: 0;
}

.localGovernment #localGovernment .contentNav li:before {
  color: #F96900;
  font-family: GeneralSymbol;
  font-size: 1.4rem;
  content: "";
  margin-right: 0.2em;
  margin-left: -1.2em;
}

.localGovernment #localGovernment section + .contentNav {
  margin-top: 30px;
}

/***	History - Local Government - Medical Subsidy - Index
----------------------------------------------------------***/

.localGovernment #localGovernment #medicalSubsidy #all {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 20px;
}

.localGovernment #localGovernment #medicalSubsidy #all caption {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.localGovernment #localGovernment #medicalSubsidy #all tr {
  border-top: 1px solid #d9d4c3;
}

.localGovernment #localGovernment #medicalSubsidy #all tr:nth-child(even) {
  background: #faf9f7;
}

.localGovernment #localGovernment #medicalSubsidy #all tr[data-href] {
  cursor: pointer;
}

.localGovernment #localGovernment #medicalSubsidy #all tr[data-href]:hover {
  background: #ECE9E1;
}

.localGovernment #localGovernment #medicalSubsidy #all th {
  font-size: 1.6rem;
  border-right: 1px dotted #d9d4c3;
  white-space: nowrap;
}

.localGovernment #localGovernment #medicalSubsidy #all th + td {
  font-size: 1.4rem;
}

.localGovernment #localGovernment #medicalSubsidy #all th + td + td {
  text-align: right;
}

.localGovernment #localGovernment #medicalSubsidy #all th + td + td a {
  color: #7E3500;
  text-decoration: none;
}

.localGovernment #localGovernment #medicalSubsidy #all th + td + td a:before {
  color: #FCB47F;
  font-family: GeneralSymbol;
  content: "";
}

/* PC */

/* Smartphone */

/***	History - Local Government - Medical Subsidy - Local
----------------------------------------------------------***/

.localGovernment #localGovernment #medicalSubsidy .caption {
  font-weight: bold;
  text-align: center;
}

.localGovernment #localGovernment #medicalSubsidy > section {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 20px;
}

.localGovernment #localGovernment #medicalSubsidy .caption + section {
  margin-top: 5px !important;
}

.localGovernment #localGovernment #medicalSubsidy h4 {
  color: #000;
  font-size: 1.6rem;
  text-align: center;
  background: #ECE9E1;
  margin-top: 0;
  padding: 10px;
}

.localGovernment #localGovernment #medicalSubsidy dl {
  width: 100%;
  border-top: 1px solid #d9d4c3;
  overflow: hidden;
}

.localGovernment #localGovernment #medicalSubsidy h4 + dl {
  border-top: 3px solid #d9d4c3;
}

.localGovernment #localGovernment #medicalSubsidy dl:nth-child(even) {
  background: #faf9f7;
}

.localGovernment #localGovernment #medicalSubsidy dd {
  float: left;
}

.localGovernment #localGovernment #medicalSubsidy ul {
  display: inline;
  line-height: 1;
}

.localGovernment #localGovernment #medicalSubsidy li {
  font-size: 0.8rem;
  list-style: none;
  vertical-align: 0.2em;
  display: inline-block;
  margin-left: -1px;
}

.localGovernment #localGovernment #medicalSubsidy li a {
  color: #fff;
  text-decoration: none;
  background: #F96900;
  display: block;
  border-radius: 4px;
  padding: 3px;
}

.localGovernment #localGovernment #medicalSubsidy dd strong {
  font-weight: normal;
}

/* PC */

/* Smartphone */

/***	History - Local Government - Comprehensive Settlement
----------------------------------------------------------***/

.localGovernment #localGovernment #comprehensiveSettlement h3 {
  line-height: 1.1;
}

.localGovernment #localGovernment #comprehensiveSettlement .caption {
  font-weight: bold;
  text-align: center;
}

.localGovernment #localGovernment #comprehensiveSettlement table {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 20px;
}

.localGovernment #localGovernment #comprehensiveSettlement tr:nth-child(even) {
  background: #faf9f7;
}

.localGovernment #localGovernment #comprehensiveSettlement th,
.localGovernment #localGovernment #comprehensiveSettlement td {
  border-top: 1px solid #d9d4c3;
}

.localGovernment #localGovernment #comprehensiveSettlement th {
  width: 20%;
  font-weight: normal;
  border-right: 1px dotted #d9d4c3;
  white-space: nowrap;
}

.localGovernment #localGovernment #comprehensiveSettlement tr:first-child th {
  width: 100%;
  font-weight: bold;
  line-height: 1.3;
  background: #ECE9E1;
  border-bottom: 3px solid #d9d4c3;
}

/* PC */

/* Smartphone */

/***	Schedule - Counseling
----------------------------------------------------------***/

/* 簡易検索ボックス */

.counseling .searchBox li {
  margin-right: 10px;
}

/* 検索結果件数 */

.counseling #counseling .result {
  font-weight: bold;
  margin-top: 20px;
}

/* エントリー1件 */

.counseling #counseling .entry {
  border-top: 7px solid #F96900;
  padding-top: 10px;
}

/* タイトル */

.counseling #counseling .entry h3 {
  padding-left: 0;
  clear: both;
}

.counseling #counseling .entry h3:before {
  content: none;
}

.counseling #counseling .entry dl {
  overflow: hidden;
}

/* 開催終了文言 */

.counseling #counseling .entry .end {
  color: #f00;
  width: 86%;
  background-color: #fff;
  border-radius: 5px;
  border: 3px solid #ff0000;
  margin: 23px auto 15px auto;
  padding: 15px 20px;
}

/* 主要情報矢印 */

.counseling #counseling .entry .date,
.counseling #counseling .entry .venue {
  color: #fff;
  font-size: 1.4rem;
  background: #F96900;
  display: inline-block;
  float: left;
  line-height: 1;
  position: relative;
  top: 3px;
  margin-right: 18px;
  padding: 5px 4px 5px 6px;
}

.counseling #counseling .entry .date:after,
.counseling #counseling .entry .venue:after {
  content: "";
  display: inline-block;
  border: 12px solid transparent;
  border-left-color: #F96900;
  margin-top: -12px;
  position: absolute;
  top: 50%;
  right: -24px;
}

/* Font Awesome設定 */

.counseling #counseling .entry .fa-clock-o:before {
  margin-right: 3px;
}

.counseling #counseling .entry .fa-building-o:before {
  margin-right: 4px;
}

.counseling #counseling .entry dd {
  font-weight: bold;
}

/* 詳細情報テーブル */

.counseling #counseling .entry .detail {
  width: 100%;
  border-collapse: collapse;
  border: 3px solid #d9d4c3;
  margin-top: 12px;
}

.counseling #counseling .entry .detail tr {
  border-top: 1px solid #d9d4c3;
}

.counseling #counseling .entry .detail th,
.counseling #counseling .entry .detail td {
  padding: 10px;
}

.counseling #counseling .entry .detail th {
  width: 15%;
  background: #ece9e1;
  border-right: 1px solid #d9d4c3;
  white-space: nowrap;
}

.counseling #counseling .entry .detail td {
  width: 85%;
  background: #fff;
}

.counseling #counseling .entry .detail td a {
  word-break: break-all;
}

/* ページ送り */

.counseling #counseling .wp-pagenavi {
  text-align: center;
}

.counseling #counseling .wp-pagenavi span,
.counseling #counseling .wp-pagenavi a {
  font-size: 1.6rem;
  line-height: 1;
  background: #fff;
  border: 1px solid #E56100;
  display: inline-block;
  margin-left: 7px;
  padding: 8px 11px;
}

.counseling #counseling .wp-pagenavi span:first-child,
.counseling #counseling .wp-pagenavi a:first-child {
  margin-left: 0;
}

.counseling #counseling .wp-pagenavi a {
  color: #E56100;
  text-decoration: none;
}

.counseling #counseling .wp-pagenavi a:hover,
.counseling #counseling .wp-pagenavi .current {
  color: #fff;
  background: #E56100;
}

/* 個別エントリー */

#scheduleSingle #counseling .entry {
  border: none;
  margin-top: 0;
}

#scheduleSingle #counseling .entry h3 {
  color: #000;
}

#scheduleSingle #counseling p:last-child {
  margin-top: 1em;
}

/* PC */

/* Smartphone */

/***	Schedule - Court
----------------------------------------------------------***/

.court #court h3 {
  color: #000;
  border: none;
  margin: 0;
  padding: 0;
}

.court #court h3:before {
  content: none;
}

/* PC */

/* Smartphone */

/***	Court Guide - Condition
----------------------------------------------------------***/

.condition #condition dt {
  color: #7e3500;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 1em;
}

.condition #condition dt:first-child {
  margin-top: 0;
}

.condition #condition ol {
  margin: 0 1.2em;
}

.condition #condition li {
  margin-top: 0.5em;
}

/* Smartphone */

/***	Court Guide - Benefits
----------------------------------------------------------***/

.benefits #benefits > section {
  margin-top: 50px;
}

.benefits #benefits h2 + section {
  margin-top: 0;
}

.benefits #benefits table {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 30px;
}

.benefits #benefits caption {
  font-weight: bold;
}

.benefits #benefits th:first-child + th,
.benefits #benefits td:first-child + td {
  white-space: nowrap;
}

.benefits #benefits th {
  background: #ECE9E1;
  border-right: 1px dotted #d9d4c3;
  border-bottom: 3px solid #d9d4c3;
}

.benefits #benefits td {
  border-right: 1px dotted #d9d4c3;
  border-bottom: 1px solid #d9d4c3;
}

/* 丸数字 */

.benefits #benefits tr:nth-child(2) td:first-child:before {
  content: "①";
}

.benefits #benefits tr:nth-child(3) td:first-child:before {
  content: "②";
}

.benefits #benefits tr:nth-child(4) td:first-child:before {
  content: "③";
}

.benefits #benefits tr:nth-child(5) td:first-child:before {
  content: "④";
}

.benefits #benefits tr:nth-child(6) td:first-child:before {
  content: "⑤";
}

.benefits #benefits tr:nth-child(7) td:first-child:before {
  content: "⑥";
}

.benefits #benefits tr:nth-child(8) td:first-child:before {
  content: "⑦";
}

.benefits #benefits td:nth-child(2),
.benefits #benefits td:nth-child(3) {
  color: #e50000;
  font-weight: bold;
  text-align: center;
}

.benefits #benefits td span:not(.br):not(.spbr) {
  font-size: 1.2rem;
}

.benefits #benefits table + ul {
  list-style: none;
  margin-top: 10px;
}

.benefits #benefits table + ul li {
  font-size: 1.4rem;
  margin-left: 1em;
}

.benefits #benefits table + ul li:before {
  content: "※";
  margin-left: -1em;
}

/* PC */

/* Smartphone */

/***	Court Guide - Cost
----------------------------------------------------------***/

.cost #cost table {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 1em;
}

.cost #cost th {
  background: #ECE9E1;
  border-right: 1px dotted #d9d4c3;
  border-bottom: 3px solid #d9d4c3;
}

.cost #cost td {
  text-align: center;
  border-right: 1px dotted #d9d4c3;
  border-bottom: 1px solid #d9d4c3;
}

.cost #specific li {
  margin-top: 1em;
}

/* PC */

/* Smartphone */

/***	Court Guide - Flowchart
----------------------------------------------------------***/

.flowchart #flowchart ol {
  margin: 0;
  padding: 0;
  counter-reset: li;
}

.flowchart #flowchart ol > li {
  background: #fff;
  border-radius: 10px;
  list-style: none;
  position: relative;
}

.flowchart #flowchart ol > li:before {
  color: #fc0;
  font-style: italic;
  font-weight: bold;
  line-height: 1;
  counter-increment: li;
  content: counter(li);
}

.flowchart #flowchart ol > li:after {
  color: #F96900;
  font-family: FontAwesome;
  font-size: 4.2rem;
  content: "";
  width: 1em;
  line-height: 1;
  position: absolute;
  bottom: -1.2em;
  left: 0;
  right: 0;
  margin: auto;
}

.flowchart #flowchart ol > li:nth-child(8):after {
  content: none;
}

.flowchart #flowchart li:first-child {
  margin-top: 20px;
}

.flowchart #flowchart h3 {
  color: #7E3500;
  font-style: italic;
  border: none;
  margin: 0;
  padding: 0;
  display: inline;
}

.flowchart #flowchart h3:before {
  content: none;
}

.flowchart #flowchart li p {
  margin-top: 15px;
}

.flowchart #flowchart ol > li ul {
  margin: 0 1em;
}

.flowchart #flowchart ol > li li {
  font-size: 1.4rem;
  list-style-type: disc;
  margin-top: 1.2em;
}

/* PC */

/* Smartphone */

/***	FAQ - Question List
----------------------------------------------------------***/

#faq #questionList h2 {
  margin-top: 50px;
}

#faq #questionList h2:first-child {
  margin-top: 0;
}

#faq #questionList > ul {
  margin-left: 1em;
  padding-left: 7px;
}

#faq #questionList > ul li {
  line-height: 1.4;
  list-style: none;
  margin-top: 1em;
}

#faq #questionList > ul li:before {
  color: #F96900;
  font-family: GeneralSymbol;
  font-size: 1.4rem;
  content: "";
}

/* PC */

/* Smartphone */

/***	FAQ - Answer
----------------------------------------------------------***/

.answer #mainContent h2 {
  margin-bottom: 20px;
}

.answer #mainContent .questionList {
  background: #fff;
  border-radius: 5px;
  margin: 5px 15px 5px 1em;
  padding: 12px 20px 12px 35px;
}

.answer #mainContent .questionList li {
  line-height: 1.4;
  list-style: none;
  display: inline-block;
  margin-top: 5px;
  margin-right: 1em;
}

.answer #mainContent .questionList li:first-child {
  margin-top: 0;
}

.answer #mainContent .questionList li:before {
  color: #F96900;
  font-family: GeneralSymbol;
  font-size: 1.4rem;
  content: "";
  margin-right: 0.2em;
  margin-left: -1.2em;
}

.answer #mainContent div {
  border-bottom: 3px solid #CCC7B7;
  padding-top: 50px;
  padding-bottom: 10px;
}

.answer #mainContent .questionList + div {
  border-top: 3px solid #CCC7B7;
  margin-top: 30px;
}

.answer #mainContent div h3:before,
.answer #mainContent div h3 + p:before {
  color: #fff;
  width: 1.8em;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin: 0 0.4em 0 0;
  padding: 0.4em 0;
  position: relative;
}

.answer #mainContent div h3 {
  color: #000;
  font-size: 1.8rem;
  border: none;
  margin: 0 0 0 1.95em;
  padding: 0;
}

.answer #mainContent div h3:before {
  font-family: Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  background: #f16565;
  margin-left: -2.2em;
  content: "Q";
  top: -0.15em;
}

.answer #mainContent div h3 + p {
  margin-top: 1em;
  margin-left: 2.2em;
}

.answer #mainContent div h3 + p:before {
  background: #2583CF;
  margin-left: -2.2em;
  content: "A";
  top: -0.1em;
}

.answer #mainContent div p {
  margin: 1em 0 0 2.2em;
}

.answer #mainContent div .top {
  text-align: right;
}

.answer #mainContent div .top a {
  color: #7E3500;
  font-weight: bold;
  text-decoration: none;
}

.answer #mainContent div .top a:before {
  color: #FCB47F;
  font-weight: normal;
  margin-right: 2px;
}

.answer #mainContent div .top a:hover {
  color: #FCB47F;
}

/* Smartphone */

/***	FAQ - Answer - Legal Team
----------------------------------------------------------***/

.answer #legalTeam div ol {
  margin: 0 1em 0 2.2em;
}

.answer #legalTeam div ol > li {
  margin-top: 1em;
}

.answer #legalTeam div ol > li strong,
.answer #legalTeam div ol > li:before {
  color: #7E3500;
  font-size: 1.8rem;
  margin-left: -0.17em;
}

.answer #legalTeam div ol > li:before {
  font-weight: bold;
}

.answer #legalTeam div ol > li ul {
  margin-left: 1em;
}

.answer #legalTeam div ol > li li {
  list-style-type: disc;
  text-indent: 0;
  margin-top: 1em;
}

.answer #legalTeam div ol > li li:first-child {
  margin-top: 0;
}

.answer #legalTeam div ol > li .request li {
  list-style-type: circle;
  text-indent: 0;
  margin-top: 0;
}

/***	FAQ - Answer - Court
----------------------------------------------------------***/

.answer #court h3 {
  float: none;
}

.answer #court ol {
  margin-top: 1em;
  margin-bottom: 1em;
}

/***	FAQ - Answer - Condition
----------------------------------------------------------***/

.answer #condition ol {
  margin-left: 2.2em;
}

/***	FAQ - Answer - Cost
----------------------------------------------------------***/

.answer #cost ol {
  margin-top: 1em;
  margin-left: 2.2em;
}

.answer #cost li {
  margin-top: 0;
}

/***	FAQ - Answer - Past
----------------------------------------------------------***/

.answer #past .questionList li {
  display: block;
}

/***	Contact - Tel And Fax
----------------------------------------------------------***/

.telAndFax #telAndFax address {
  font-size: 2rem;
  font-style: normal;
  margin-bottom: 1em;
}

.telAndFax #telAndFax address span {
  font-size: 1.6rem;
}

.telAndFax #telAndFax address .caution {
  color: #e50000;
}

/* Smartphone */

/***	Contact - Form
----------------------------------------------------------***/

.form #form table {
  width: 100%;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin-top: 1em;
}

.form #form table tr {
  border: 3px solid #d9d4c3;
}

.form #form table th {
  text-align: left;
  background: #ece9e1;
}

.form #form table li {
  list-style: none;
  float: left;
  margin-right: 5px;
}

.form #form table .must {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 2px;
  background: #ff0000;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0000));
  background: -moz-linear-gradient(top, #ff0000, #bf0000);
  background: -ms-linear-gradient(top, #ff0000, #bf0000);
  border-radius: 3px;
  margin-left: 5px;
  padding: 2px 2px 2px 4px;
  position: relative;
  top: -2px;
  white-space: nowrap;
}

.form #form table p {
  color: #7E3500;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 7px;
}

.form #form table p span {
  font-size: 1.4rem;
}

.form #form table input,
.form #form table textarea {
  padding: 5px;
}

.form #form #personalData {
  margin-top: 2em;
}

.form #form #personalData #mail td span {
  font-size: 1.3rem;
  display: block;
  margin-left: 4px;
}

.form #form #personalData td:first-child {
  color: #7E3500;
  font-weight: bold;
}

.form #form #personalData td:first-child[colspan] {
  color: #000;
  font-weight: normal;
}

/* 個人情報のネストテーブル部分 */

.form #form #personalData table {
  border: none;
  margin: 0;
}

.form #form #personalData table tr {
  border: none;
}

.form #form #personalData table td {
  padding: 0;
}

.form #form #personalData table td:first-child {
  color: #000;
  font-size: 1.4rem;
  font-weight: normal;
}

.form #form #personalData table td:first-child[colspan] {
  color: #7E3500;
  font-size: 1.6rem;
  font-weight: bold;
}

/* ボタン */

.form #form form table + div {
  text-align: center;
  margin-top: 2em;
}

.form #form form table + div button {
  width: 9em;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
}

.form #form form table + div button[type=reset] {
  background: #FF6666;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#E15A5A));
  background: -moz-linear-gradient(top, #FF6666, #E15A5A);
  background: -ms-linear-gradient(top, #FF6666, #E15A5A);
  margin-right: 2em;
}

.form #form form table + div button[type=submit] {
  background: #41b0d9;
  background: -webkit-gradient(linear, left top, left bottom, from(#41b0d9), to(#3184a3));
  background: -moz-linear-gradient(top, #41b0d9, #3184a3);
  background: -ms-linear-gradient(top, #41b0d9, #3184a3);
}

.form #form form table + div button:hover {
  opacity: 0.7;
}

.form #form form table + div .fa-close:before,
.form #form form table + div .fa-arrow-right:before {
  content: none;
}

.form #form form table + div button:after {
  font-family: FontAwesome;
  font-size: 2.2rem;
  position: relative;
}

.form #form form table + div .fa-close:after {
  content: "";
  top: 0;
  margin-left: 5px;
}

.form #form form table + div .fa-arrow-right:after {
  content: "";
  top: -1px;
  margin-left: 7px;
}

/* PC */

/* Smartphone */

/***	Contact - Form（mailformpro.css設定上書き分）
----------------------------------------------------------***/

/* チェックボックス・ラジオボタン */

.mfp_element_checkbox,
.mfp_element_radio {
  margin-left: 0;
  margin-right: 5px;
}

/* チェック時ラベル */

form#mailformpro label {
  border: solid 1px #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 5px;
}

form#mailformpro label.mfp_checked {
  border: solid 1px #ccc;
  background-color: #ffe;
}

/* テキストエリア */

.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date {
  margin: 5px;
}

/* エラーアイコン */

div.mfp_err {
  color: #F00;
  font-size: 1.2rem;
  clear: both;
  display: none;
}

div.mfp_err:before {
  color: #FFAF16;
  font-size: 1.4rem;
  content: "";
  margin-right: 3px;
}

/* エラーアイコン点滅（IE以外） */

div.mfp_err:before {
  -webkit-animation: blink 0.5s linear 0s alternate none infinite;
  -moz-animation: blink 0.5s linear 0s alternate none infinite;
  animation: blink 0.5s linear 0s alternate none infinite;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }

  49.9% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

div#mfp_overlay_inner {
  background-color: #FFF;
  border-radius: 5px;
  margin: 0 auto;
}

div#mfp_overlay_inner table {
  font-size: 1.4rem;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
  margin: 1em auto 0 auto;
}

div#mfp_overlay_inner table tr:nth-child(even) {
  background: #faf9f7;
}

/* ボタン */

div#mfp_overlay_inner div {
  text-align: center;
  margin-top: 2em;
}

div#mfp_overlay_inner div button {
  width: 9em;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
}

div#mfp_overlay_inner div #mfp_button_cancel {
  background: #FF6666;
  background: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#E15A5A));
  background: -moz-linear-gradient(top, #FF6666, #E15A5A);
  background: -ms-linear-gradient(top, #FF6666, #E15A5A);
  margin-right: 2em !important;
}

div#mfp_overlay_inner div #mfp_button_send {
  background: #41b0d9;
  background: -webkit-gradient(linear, left top, left bottom, from(#41b0d9), to(#3184a3));
  background: -moz-linear-gradient(top, #41b0d9, #3184a3);
  background: -ms-linear-gradient(top, #41b0d9, #3184a3);
}

div#mfp_overlay_inner div button:hover {
  opacity: 0.7;
}

div#mfp_overlay_inner div button:after {
  font-family: FontAwesome;
  font-size: 2.2rem;
  position: relative;
}

div#mfp_overlay_inner div #mfp_button_cancel:after {
  content: "";
  top: 0;
  margin-left: 5px;
}

div#mfp_overlay_inner div #mfp_button_send:after {
  content: "";
  top: -1px;
  margin-left: 7px;
}

/* PC */

/* Smartphone */

/***	Contact - Form - Thanks
----------------------------------------------------------***/

.form #formThanks .box {
  background: #ffd4b1;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffd4b1));
  background: -moz-linear-gradient(top, #fff, #ffd4b1);
  background: -ms-linear-gradient(top, #fff, #ffd4b1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd4b1', GradientType=0)";
}

.form #formThanks .container p {
  color: #FF9600;
  line-height: 1.3;
  text-align: center;
}

.form #formThanks .container p strong {
  color: #7E3500;
}

/* PC */

/* Smartphone */

/***	Plaintiff
----------------------------------------------------------***/

/***	Plaintiff - 20141116
----------------------------------------------------------***/

.local #activity20141116 h4 {
  color: #000;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 30px;
}

.local #activity20141116 ul {
  margin-top: 10px;
}

.local #activity20141116 li {
  list-style: none;
  display: inline-block;
  margin: 0 10px 15px 0;
}

.local #activity20141116 figure {
  margin: 0;
  padding: 0;
}

.local #activity20141116 figure img {
  border: 1px solid #ccc;
}

.local #activity20141116 figure img:hover {
  opacity: 0.7;
}

.local #activity20141116 figcaption {
  font-size: 1.2rem;
  line-height: 1.2;
  text-align: center;
  margin-top: 5px;
}

/* PC */

/* Smartphone */

/* 流し込み4列 */

/* 流し込み3列 */

/* 流し込み2列 */

/***	Signature
----------------------------------------------------------***/

#signature #mainContent h1 {
  border: none !important;
  padding: 0 !important;
}

#signature #mainContent p + p {
  margin-top: 10px;
}

#signature #mainContent h2 + p strong {
  font-size: 1.8rem;
  text-decoration: underline;
}

#signature #mainContent dt {
  font-size: 1.8rem;
  text-align: center;
}

#signature #mainContent dt:before {
  content: "（";
}

#signature #mainContent dt:after {
  content: "）";
}

#signature #mainContent dd ol {
  margin-left: 25px;
}

#signature #mainContent dd li {
  margin-top: 0.5em;
}

#signature #mainContent dd li:first-child {
  margin-top: 0;
}

#signature #mainContent h3 + p strong {
  color: #ff0000;
  font-size: 2rem;
  text-decoration: underline;
}

#signature #mainContent address {
  font-size: 2rem;
  font-style: normal;
  margin-top: 10px;
}

#signature #mainContent #signature2014 p:first-child {
  font-size: 2.4rem;
  font-weight: bold;
}

#signature #mainContent #signature2014 p:nth-child(5) {
  margin-top: 2em;
}

/* Smartphone */

/***	Link
----------------------------------------------------------***/

#link #mainContent #link h2 {
  margin-top: 3em;
}

#link #mainContent #link h2:first-child {
  margin-top: 0;
}

#link #mainContent #link ul {
  list-style: none;
}

#link #mainContent #link li {
  border-bottom: 1px dotted #CCC7B7;
  margin-bottom: 1em;
  padding-left: 1.2em;
  padding-bottom: 1em;
}

#link #mainContent #link dt {
  width: 18em;
}

#link #mainContent #link dt:before {
  color: #F96900;
  font-family: GeneralSymbol;
  font-size: 1.4rem;
  content: "";
  margin-left: -1.2em;
  margin-right: 0.2em;
}

#link #mainContent #link ul ul li {
  border: none;
  margin: 0 0 0 1em;
  padding: 0;
}

#link #mainContent #link ul ul dt {
  margin-left: 1em;
  width: 17em;
}

#link #mainContent #link ul ul dt:before {
  color: #fcb47f;
}

/* PC */

/* Smartphone */

/***	Sitemap
----------------------------------------------------------***/

#sitemap #sitemapList > section {
  margin-top: 50px;
}

#sitemap #sitemapList > section:first-child {
  margin-top: 0;
}

#sitemap h2 a {
  color: #F96900;
  text-decoration: none;
}

/* PC */

/* Smartphone */

/***	Topics
----------------------------------------------------------***/

#topics #mainContent h3 {
  margin-top: 0;
}

#topics #entryList dl {
  border-bottom: 1px dotted #CCC7B7;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

#topics #entryList dl:first-child {
  border-top: 1px dotted #CCC7B7;
  margin-top: 1em;
  padding-top: 1em;
}

#topics #entryList dl dd:before {
  color: #F96900;
  font-family: GeneralSymbol;
  font-size: 1.4rem;
  content: "";
  margin-right: 3px;
}

#topics .entry > p:first-child {
  color: #7E3500;
  font-size: 2rem;
  font-weight: bold;
}

#topics .entry h2 {
  line-height: 1.3;
}

/* Smartphone */

/***	Topics - Youtube
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Topics - 20151120
----------------------------------------------------------***/

#topics #entry20151120 dl {
  margin-top: 30px;
}

#topics #entry20151120 dt {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: bold;
}

#topics #entry20151120 dd {
  margin-top: 5px;
}

#topics #entry20151120 dd:before {
  content: "⇒";
}

/***	Topics - 20160627
----------------------------------------------------------***/

#topics #entry20160627 p {
  word-break: break-all;
}

#topics #entry20160627 .box {
  padding-left: 2.6em;
}

#topics #entry20160627 table {
  margin: 30px auto;
  border-collapse: collapse;
}

#topics #entry20160627 th,
#topics #entry20160627 td {
  font-size: 2rem;
  line-height: 1.4;
}

#topics #entry20160627 th {
  font-weight: normal;
}

#topics #entry20160627 td {
  text-align: right;
  padding-right: 20px;
}

#topics #entry20160627 .total th,
#topics #entry20160627 .total td {
  font-size: 2.4rem;
  padding-top: 8px;
}

#topics #entry20160627 .total th {
  text-indent: 20px;
  letter-spacing: 20px;
}

#topics #entry20160627 .total em {
  font-style: normal;
  font-weight: bold;
  background: #e5ff00;
  background: linear-gradient(transparent 20%, #e5ff00 20%);
}

/***	Topics - 20170530
----------------------------------------------------------***/

#topics #entry20170530 figure {
  text-align: center;
  margin-top: 1em;
}

#topics #entry20170530 figcaption {
  font-size: 1.4rem;
}

#topics #entry20170530 figcaption:before {
  font-family: fontAwesome;
  font-size: 1.6rem;
  content: "";
  margin-right: 3px;
}

/***	Topics - 20170530
----------------------------------------------------------***/

/* With Top Page Modal Windows */

.layer_board #entry20170725 strong strong,
#topics #entry20170725 strong strong {
  color: #D50618;
  font-size: 2.4rem;
}

/* Smartphone */

.layer_board #entry20170725 .number,
#topics #entry20170725 .number {
  text-align: center;
  margin: 20px auto;
}

/* Smartphone */

.layer_board #entry20170725 .number .tel a,
#topics #entry20170725 .number .tel a {
  color: #D50618;
  font-size: 6rem;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  letter-spacing: 1px;
}

/* Smartphone */

.layer_board #entry20170725 .number .tel a:before,
#topics #entry20170725 .number .tel a:before {
  font-family: FontAwesome;
  font-size: 5rem;
  content: "";
  margin-right: 3px;
}

/* Smartphone */

.layer_board #entry20170725 .number .fax,
#topics #entry20170725 .number .fax {
  color: #7E3500;
  font-size: 2rem;
  font-weight: bold;
}

/***
----------------------------------------------------------***/

/***	Special
----------------------------------------------------------***/

/***	Special - Index
----------------------------------------------------------***/

.contents #mainContent .visual h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.contents #mainContent > section,
.contents #mainContent > .container {
  margin-top: 50px;
}

.contents #mainContent #about h2,
.contents #mainContent #basicAgreement h2 {
  text-align: center;
}

.contents #mainContent #about .hepatitisB {
  background-image: url(/images/special_index_thumb_01.jpg);
}

.contents #mainContent #about .infectionRoute {
  background-image: url(/images/special_index_thumb_02.jpg);
}

.contents #mainContent #about .why {
  background-image: url(/images/special_index_thumb_03.jpg);
}

.contents #mainContent #about .carrier {
  background-image: url(/images/special_index_thumb_04.jpg);
}

.contents #mainContent #about .how {
  background-image: url(/images/special_index_thumb_05.jpg);
}

.contents #mainContent #basicAgreement .lawsuit {
  background-image: url(/images/special_index_thumb_06.jpg);
}

.contents #mainContent #basicAgreement .enact {
  background-image: url(/images/special_index_thumb_07.jpg);
}

.contents #mainContent #basicAgreement .permanentMeasures {
  background-image: url(/images/special_index_thumb_08.jpg);
}

/* PC */

/* Smartphone */

/***	Special - Inside
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content
----------------------------------------------------------***/

.specialInside #mainContent {
  background: #fff;
}

.about #mainContent h2,
.infectionRoute #mainContent h2,
.whyCarrier #mainContent h2,
.how #mainContent h2,
.basicAgreement #mainContent h2,
.enact #mainContent h2,
.permanentMeasures #mainContent h2 {
  color: #13ae67;
  margin-bottom: 10px;
}

/* Q付きのみ行頭揃え */

.about #mainContent h2,
.infectionRoute #mainContent h2,
.whyCarrier #mainContent h2,
.how #mainContent h2 {
  margin-left: 52px;
}

.about #mainContent h2:before,
.infectionRoute #mainContent h2:before,
.whyCarrier #mainContent h2:before,
.how #mainContent h2:before {
  content: url(/images/special_icon_q.svgz);
  position: relative;
  top: 0.5em;
  margin: 0 7px 0 -52px;
}

/* SVG非対応代替 */

.no-svg .about #mainContent h2:before,
.no-svg .infectionRoute #mainContent h2:before,
.no-svg .whyCarrier #mainContent h2:before,
.no-svg .how #mainContent h2:before {
  content: url(/images/special_icon_q.png);
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Page Navigation
----------------------------------------------------------***/

.specialInside #mainContent .pageNavi {
  overflow: hidden;
}

.specialInside #mainContent .pageNavi li {
  list-style: none;
}

.specialInside #mainContent .pageNavi li a {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.specialInside #mainContent .pageNavi li a:hover,
.specialInside #mainContent .pageNavi li a:hover:before,
.specialInside #mainContent .pageNavi li a:hover:after {
  color: #13ae67;
}

.specialInside #mainContent .pageNavi .prev {
  float: left;
  margin-left: 5px;
}

.specialInside #mainContent .pageNavi .prev a:before {
  font-family: FontAwesome;
  content: "";
  margin-right: 5px;
}

.specialInside #mainContent .pageNavi .next {
  float: right;
  margin-right: 5px;
}

.specialInside #mainContent .pageNavi .next a:after {
  font-family: FontAwesome;
  content: "";
  margin-left: 5px;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - About - Index
----------------------------------------------------------***/

.about #mainContent h3 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 1px;
  background: #28a7e1;
  border-radius: 30px;
  padding: 2px 15px;
  display: inline-block;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - About - Infection Route
----------------------------------------------------------***/

.infectionRoute #mainContent h3 {
  color: #fff;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 1px;
  background: #28a7e1;
  border-radius: 30px;
  margin-bottom: 5px;
  padding: 2px 15px;
  display: inline-block;
}

.infectionRoute #mainContent .verticalInfection {
  overflow: hidden;
  margin-top: 30px;
}

.infectionRoute #mainContent .verticalInfection figure {
  float: left;
}

.infectionRoute #mainContent .horizontalInfection {
  overflow: hidden;
  margin-top: 40px;
}

.infectionRoute #mainContent .horizontalInfection figure {
  float: right;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - About - Why Carrier
----------------------------------------------------------***/

.whyCarrier #mainContent #why {
  overflow: hidden;
}

.whyCarrier #mainContent #why h2 {
  font-size: 2.3rem;
}

.whyCarrier #mainContent #why figure {
  float: right;
  margin-left: 10px;
}

.whyCarrier #mainContent #carrier figure {
  margin-top: 20px;
}

/* Smartphone */

/***	Special - Inside - Main Content - About - How
----------------------------------------------------------***/

.how #mainContent .experience {
  background: #e95098;
  border-radius: 10px;
  margin-top: 30px;
  padding: 10px;
}

.how #mainContent .experience p:first-child {
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

.how #mainContent .experience form {
  text-align: center;
  margin-top: 5px;
}

.how #mainContent .experience label {
  color: #e95098;
  font-weight: bold;
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
}

.how #mainContent .experience label:first-child {
  margin-left: 0;
}

.how #mainContent .experience input {
  position: relative;
}

.how #mainContent .experience + p {
  color: #e95098;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 8px;
}

.how #mainContent .screening {
  background: #e4e5e5;
  margin-top: 30px;
  position: relative;
}

.how #mainContent .screening:before {
  content: "早期発見";
  background: url(/images/special_about_image_07.png) left top no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: absolute;
}

.how #mainContent .screening:after {
  /* clearfix (overflow: hidden;だとposition: absolute;の早期発見が消える為) */
  content: "";
  display: block;
  clear: both;
}

.how #mainContent .screening figure {
  float: right;
}

.how #mainContent .screening h3 {
  color: #0d6fb8;
  text-align: center;
  border-bottom: 3px solid #999;
}

.how #mainContent .screening p {
  font-weight: bold;
}

.how #mainContent .screening h4 {
  color: #fff;
  font-weight: normal;
  letter-spacing: 1px;
  background: #0d6fb8;
  border-radius: 30px;
  padding: 2px 15px;
  display: inline-block;
}

.how #mainContent .screening p span {
  font-size: 1.4rem;
  font-weight: normal;
}

.how #mainContent .screening ul {
  margin: 5px 0 5px 1.2em;
}

.how #mainContent .screening li {
  font-weight: bold;
}

.how #mainContent .bits:before {
  content: "早期治療";
  background: url(/images/special_about_image_08.png) left top no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: absolute;
}

.how #mainContent .bits p + p + p {
  margin-top: 10px;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Basic Agreement - Index
----------------------------------------------------------***/

.basicAgreement #mainContent #hepatitisBLawsuit {
  overflow: hidden;
}

.basicAgreement #mainContent #hepatitisBLawsuit figure {
  float: right;
  margin: 3px 0 0 5px;
}

.basicAgreement #mainContent #hepatitisBLawsuit strong {
  color: #C60B23;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal {
  background: #FFF799;
  box-shadow: inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal h3 {
  text-align: center;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal .container {
  background: #28a7e1;
  border-radius: 10px;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal .container h4 {
  color: #28a7e1;
  font-size: 1.8rem;
  background: #fff;
  border-radius: 50px;
  display: inline-block;
  padding: 3px 15px;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal .container p {
  color: #fff;
  margin-top: 5px;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal .container + .container {
  background: #14ae67;
}

.basicAgreement #mainContent #hepatitisBLawsuit .goal .container + .container h4 {
  color: #14ae67;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Basic Agreement - Enact
----------------------------------------------------------***/

.enact #mainContent #basicAgreement .content {
  background: #FFF799;
  margin-top: 30px;
  box-shadow: inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff;
}

.enact #mainContent #basicAgreement .content h3 {
  text-align: center;
}

.enact #mainContent #basicAgreement .content li {
  color: #fff;
  background: #e95098;
  border-radius: 10px;
  list-style: none;
}

.enact #mainContent #basicAgreement .content + p {
  font-size: 1.4rem;
  margin-top: 8px;
}

.enact #mainContent #basicAgreement figure {
  float: right;
}

.enact #mainContent #basicAgreement figure + p {
  margin-top: 30px;
}

.enact #mainContent #basicAgreement .requirement {
  background: #e4e5e5;
  position: relative;
  clear: both;
}

.enact #mainContent #basicAgreement .requirement h3 {
  color: #0d6fb8;
  text-align: center;
  border-bottom: 3px solid #999;
}

.enact #mainContent #basicAgreement .requirement ol {
  counter-reset: li;
}

.enact #mainContent #basicAgreement .requirement li {
  font-weight: bold;
  list-style: none;
  margin-top: 20px;
  margin-left: 1.85em;
}

.enact #mainContent #basicAgreement .requirement li:before {
  color: #fff;
  line-height: 1;
  background: #0d6fb8;
  border-radius: 50px;
  margin-left: -1.85em;
  margin-right: 0.3em;
  padding: 0.2em 0.5em;
  counter-increment: li;
  content: counter(li);
}

.enact #mainContent #basicAgreement .requirement li span {
  font-size: 1.4rem;
  font-weight: normal;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Basic Agreement - Permanent Measures
----------------------------------------------------------***/

.permanentMeasures #mainContent #permanentMeasures .content {
  background: #FFF799;
  clear: both;
  margin-top: 30px;
  box-shadow: inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff, inset 0 0 20px #fff;
}

.permanentMeasures #mainContent #permanentMeasures .content h3 {
  text-align: center;
}

.permanentMeasures #mainContent #permanentMeasures .content .container h4 {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.4;
  background: #90c31f;
  border-radius: 10px;
  padding: 5px 10px;
}

.permanentMeasures #mainContent #permanentMeasures .content .container ul {
  margin-left: 28px;
}

.permanentMeasures #mainContent #permanentMeasures .content .container li {
  font-size: 1.4rem;
  line-height: 1.3;
  margin-top: 7px;
}

.permanentMeasures #mainContent #permanentMeasures .content .container li:first-child {
  margin-top: 10px;
}

.permanentMeasures #mainContent #permanentMeasures .content figure {
  margin-top: 20px;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Voice
----------------------------------------------------------***/

.voice .volceList {
  list-style: none;
  counter-reset: count 0;
  display: flex;
  flex-direction: column;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
}

.voice .volceItem {
  font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: bold;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.voice .volceItem:not(:first-child) {
  border-top: 1px dotted #000;
}

.voice .volceItem a {
  color: #000;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.voice .volceItem a:hover {
  color: #12AE67;
}

.voice .volceItem:before {
  content: counter(count) "";
  counter-increment: count 1;
  color: #fff;
  width: 1.5em;
  height: 1.5em;
  line-height: 1;
  background-color: #12AE67;
  border-radius: 1em;
  display: inline-block;
  padding-top: 0.25em;
  padding-left: 0.45em;
  flex-shrink: 0;
}

.voice .cry_of_life span {
  position: relative;
  top: 0.05em;
}

.voice .recitation span {
  position: relative;
  margin-left: 0.3em;
}

.voice .volceLink {
  text-decoration: none;
}

/***	Special - Inside - Main Content - Cry Of Life
----------------------------------------------------------***/

#mainContent #cryOfLife #contents ul {
  border-top: 1px dotted #666;
}

#mainContent #cryOfLife #contents li {
  list-style: none;
  border-left: 10px solid #C60B23;
  margin: 33px 0 20px 0;
  padding: 3px 0 3px 10px;
}

#mainContent #cryOfLife #contents li:after {
  width: 103.5%;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  content: "";
  border-bottom: 1px dotted #666;
  display: block;
  position: relative;
  top: 20px;
  left: -20px;
}

#mainContent #cryOfLife #contents li:first-child {
  margin-top: 15px;
}

#mainContent #cryOfLife #contents h3 {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.2rem;
  line-height: 1.3;
}

#mainContent #cryOfLife #contents h3 a {
  color: #000;
}

#mainContent #cryOfLife #contents h3 a:hover {
  color: #C60B23;
}

#mainContent #cryOfLife #contents h3 + p {
  line-height: 1.3;
}

#mainContent #cryOfLife #contents h3 + p span {
  font-size: 1.4rem;
  margin-left: 1em;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Cry Of Life - Inside
----------------------------------------------------------***/

.cryOfLifeInside #mainContent {
  padding-top: 20px !important;
  overflow: hidden;
}

.cryOfLifeInside #mainContent h1 {
  font-size: 1.8rem !important;
  text-align: right;
  text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, 1px 1px 0px #fff, -1px 1px 0px #fff;
  margin-right: -10px;
}

.cryOfLifeInside #mainContent h1 span {
  font-size: 1.4rem;
}

.cryOfLifeInside #mainContent h1 a {
  color: #000;
  text-decoration: none;
}

.cryOfLifeInside #mainContent h1 a:hover {
  color: #C60B23;
  text-decoration: underline;
}

.cryOfLifeInside #mainContent #voice h2 {
  font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.2;
  border-left: 10px solid #C60B23;
  margin-top: 30px;
  padding-left: 5px;
  overflow: hidden;
}

.cryOfLifeInside #mainContent #voice h2:first-letter {
  line-height: 1;
  margin-right: 2px;
  float: left;
}

/* Firefoxだけベースラインが違う（特にひらがな・英字）のでハック */

@-moz-document url-prefix()  {
  .cryOfLifeInside #mainContent #voice h2:first-letter {
    margin-top: 0.05em;
  }

  .cryOfLifeInside #mainContent .voice06 h2:first-letter,
  .cryOfLifeInside #mainContent .voice07 h2:first-letter {
    margin-top: 0.15em !important;
  }
}

.cryOfLifeInside #mainContent #voice h2 + p {
  line-height: 1.3;
  text-align: right;
  margin-top: 1em;
}

.cryOfLifeInside #mainContent #voice h2 + p span {
  font-size: 1.4rem;
  margin-left: 1em;
}

.cryOfLifeInside #mainContent #voice h2 + p + p {
  margin-top: 2em;
}

.cryOfLifeInside #mainContent #voice h3 {
  color: #387e2f;
  font-size: 1.8rem;
  margin-top: 2em;
}

.cryOfLifeInside #mainContent #voice h3:before {
  content: "■";
  margin-right: 3px;
}

.cryOfLifeInside #mainContent #voice p span {
  font-size: 1.4rem;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Recitation
----------------------------------------------------------***/

#mainContent #recitation h2 {
  color: #12AE67;
}

#mainContent #recitation h2 + p {
  margin-top: 1em;
}

#mainContent #recitation .notes {
  font-size: 1.4rem;
  margin-top: 1em;
}

#mainContent #recitation .youtube {
  margin-top: 1em;
}

/***	Special - Inside - Main Content - Oral history
----------------------------------------------------------***/

#mainContent #oral_history h2 {
  color: #12AE67;
  line-height: 1.4;
}

#mainContent #oral_history h2 + p {
  margin-top: 1em;
}

#mainContent #oral_history .profile {
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  padding: 1em 0;
}

#mainContent #oral_history .profile .photo {
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

#mainContent #oral_history .profile .headline {
  font-size: 1.8rem;
}

#mainContent #oral_history .movie .headline {
  text-align: center;
}

/***	Special - Inside - Main Content - Q and A
----------------------------------------------------------***/

.qanda #mainContent h1 {
  font-size: 4.4rem;
  line-height: 1;
  letter-spacing: 5px;
}

.qanda #mainContent h1 span {
  font-size: 2rem;
  letter-spacing: 0;
}

.qanda #mainContent #qanda .questionList {
  margin: 40px 0 0 1em;
}

.qanda #mainContent #qanda .questionList li {
  line-height: 1.4;
  margin-top: 1em;
}

.qanda #mainContent #qanda .questionList li a {
  color: #12AE67;
}

.qanda #mainContent #qanda > div {
  border-bottom: 1px dotted #000;
  margin-top: 50px;
}

.qanda #mainContent #qanda > #q1 {
  border-top: 1px dotted #000;
  padding-top: 50px;
}

.qanda #mainContent #qanda > div h2 {
  color: #12AE67;
  font-size: 1.8rem;
  line-height: 1.4;
  margin-left: 37px;
}

.qanda #mainContent #qanda > div h2:before {
  content: url(/images/special_qanda_icon_q.svgz);
  position: relative;
  top: 7px;
  margin: 0 7px 0 -37px;
}

/* SVG非対応代替 */

.no-svg .qanda #mainContent #qanda > div h2:before {
  content: url(/images/special_qanda_icon_q.png);
}

.qanda #mainContent #qanda > div h2 + p {
  margin-top: 1em;
  margin-left: 37px;
}

.qanda #mainContent #qanda > div h2 + p:before {
  color: #E95098;
  content: url(/images/special_qanda_icon_a.svgz);
  position: relative;
  top: 7px;
  margin: 0 7px 0 -37px;
}

/* SVG非対応代替 */

.no-svg .qanda #mainContent #qanda > div h2 + p:before {
  content: url(/images/special_qanda_icon_a.png);
}

.qanda #mainContent #qanda > div .top {
  text-align: right;
  margin: 30px 0 10px 0;
}

.qanda #mainContent #qanda > div .top a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.qanda #mainContent #qanda > div .top a:before {
  font-weight: normal;
  margin-right: 2px;
}

.qanda #mainContent #qanda > div .top a:hover {
  opacity: 0.5;
}

.qanda #mainContent #qanda > #q5 .container {
  background-color: #fddf9c;
  border-radius: 10px;
  margin-top: 1em;
  padding: 15px 20px;
}

.qanda #mainContent #qanda > #q5 ul:before {
  content: url(/images/special_qanda_image_01.png);
  display: inline-block;
  float: right;
}

.qanda #mainContent #qanda > #q5 p:first-child {
  text-align: center;
  font-weight: bold;
}

.qanda #mainContent #qanda > #q5 ul {
  margin: 10px 0 0 1.2em;
}

.qanda #mainContent #qanda > #q5 .li span {
  margin-left: 2em;
}

.qanda #mainContent #qanda > #q6 ul {
  margin-top: 1em;
  margin-left: 3.5em;
}

.qanda #mainContent #qanda > #q6 li {
  margin-top: 10px;
}

.qanda #mainContent #qanda #q6 ul + p {
  margin-top: 1em;
}

.qanda #mainContent #qanda #q6 p span {
  font-size: 1.4rem;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - Wish
----------------------------------------------------------***/

.wish #mainContent #wish {
  overflow: hidden;
}

.wish #mainContent #wish h2 {
  font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 2.4rem;
  line-height: 1.3;
  margin-bottom: 20px;
}

.wish #mainContent #wish h2 + figure {
  float: right;
  margin: -50px 0 0 15px;
}

.wish #mainContent #wish .container {
  margin-top: 50px;
  overflow: hidden;
}

.wish #mainContent #wish .container h3 {
  color: #90C31F;
  font-size: 2rem;
  line-height: 1.4;
  margin-bottom: 15px;
}

.wish #mainContent #wish .container figure {
  float: right;
}

.wish #mainContent #wish p + .container + .container > figure {
  float: left;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Main Content - History
----------------------------------------------------------***/

.history #mainContent p {
  margin-top: 1.5em;
}

.history #mainContent h1 span {
  font-size: 2.2rem;
}

.history #mainContent h1 + p {
  margin-top: 30px;
}

.history #mainContent table {
  background: #fffcdb;
  border: 1px solid #000;
  margin-top: 50px;
  border-collapse: collapse;
}

.history #mainContent .year {
  border-top: 1px solid #000;
}

.history #mainContent th,
.history #mainContent td {
  text-align: left;
  vertical-align: top;
}

.history #mainContent th {
  white-space: nowrap;
}

.history #mainContent td {
  padding: 5px 8px;
}

.history #mainContent th + td {
  border-right: 1px solid #000;
  white-space: nowrap;
}

.history #mainContent .separate {
  border-top: 1px solid #000;
}

.history #mainContent td ul {
  margin-left: 1.2em;
}

/* PC */

/* Smartphone */

/***	Special - Inside - Sub Content
----------------------------------------------------------***/

/* PC */

/* Smartphone */

/***
----------------------------------------------------------***/

/***	Regional Counseling
----------------------------------------------------------***/

#regionalCounseling {
  border-top: 5px solid #f96900;
}

#regionalCounseling header,
#regionalCounseling #mainContent {
  background: none;
  padding: 0;
}

#regionalCounseling h1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#regionalCounseling table {
  font-size: 1.4rem;
  background: #fff;
  border: 3px solid #d9d4c3;
  border-collapse: collapse;
}

#regionalCounseling th,
#regionalCounseling td {
  padding: 10px;
}

#regionalCounseling span:not([class]) {
  font-size: 1.2rem;
}

#regionalCounseling .url a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: normal;
  text-decoration: none;
  background: #74abdd;
  border-radius: 5px;
  display: inline-block;
  padding: 2px 5px;
}

#regionalCounseling .url a:before {
  font-size: 0.8rem;
  font-family: GeneralSymbol;
  content: "";
  margin-right: 2px;
  position: relative;
  top: -1px;
}

#regionalCounseling .url a:hover {
  background: #32c3f3;
}

#regionalCounseling footer {
  background: #E56100;
  text-align: center;
  padding: 15px 0;
}

#regionalCounseling footer small {
  color: #fff;
  font-size: 1.4rem;
}

/* PC */

/* Smartphone */

/***	Regional Counseling - $device == 'pc'
----------------------------------------------------------***/

/* セルのサイズ */

#regionalCounseling.pc th:first-child {
  width: 17%;
}

#regionalCounseling.pc th:nth-child(2) {
  width: 21%;
}

#regionalCounseling.pc th:nth-child(3) {
  width: 21%;
}

#regionalCounseling.pc th:nth-child(4) {
  width: 20%;
}

#regionalCounseling.pc th:nth-child(5) {
  width: 21%;
}

#regionalCounseling.pc th,
#regionalCounseling.pc td {
  border-right: 1px dotted #d9d4c3;
  vertical-align: top;
}

#regionalCounseling.pc tr {
  border-top: 1px solid #d9d4c3;
}

#regionalCounseling.pc tr:first-child th {
  background: #ece9e1;
  vertical-align: middle;
}

#regionalCounseling.pc th:first-child {
  border-right: 1px solid #d9d4c3;
}

#regionalCounseling.pc .team {
  border-top: 3px solid #d9d4c3;
}

#regionalCounseling.pc .team th {
  text-align: left;
}

#regionalCounseling.pc h2 {
  color: #00669a;
  font-size: 1.6rem;
  margin-bottom: 3px;
}

#regionalCounseling.pc h3 {
  color: #00669a;
  font-size: 1.4rem;
  margin-bottom: 3px;
}

/***	Regional Counseling - $device == 'sp'
----------------------------------------------------------***/

#regionalCounseling.sp .team {
  margin-top: 50px;
  position: relative;
}

#regionalCounseling.sp h2 {
  color: #f96900;
  border-bottom: 5px solid #ccc7b7;
}

#regionalCounseling.sp h2 + p .url {
  position: absolute;
  top: 0;
  right: 5px;
}

#regionalCounseling.sp h3 {
  display: inline-block;
  margin-left: 0.5em;
}

#regionalCounseling.sp table {
  margin-top: 20px;
}

#regionalCounseling.sp tr {
  border-top: 1px solid #d9d4c3;
}

#regionalCounseling.sp tr:nth-child(odd) td {
  background: #FAF9F7;
}

#regionalCounseling.sp td:first-child {
  white-space: nowrap;
  border-right: 1px dotted #d9d4c3;
  text-align: center;
}

#regionalCounseling.sp .team + p,
#regionalCounseling.sp .team + p + p {
  margin-top: 20px;
}

/* PC */

/* Smartphone */

/**	Modaal
----------------------------------------------------------***/

#modal {
  display: none;
}

.modaal-container {
  border-radius: 10px;
}

.modaal-container p time {
  font-size: 18px;
  font-weight: bold;
}

.modaal-container h3 {
  color: #F96900;
  font-size: 24px;
  text-align: center;
  margin-bottom: 15px;
}

.modaal-container h4 {
  font-size: 20px;
}

.modalClose {
  color: #fff;
  font-weight: bold;
  display: table;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  background-color: #F96900;
  cursor: pointer;
  margin-top: 30px;
  padding: 0.8em 3em;
}

.modalClose::before {
  content: "×";
  margin-right: 3px;
}

@media print, screen and (min-width: 641px) {
  a:hover img {
    opacity: 0.7;
  }

  .box {
    margin: 30px;
    padding: 20px;
  }

  .moduleTable dl {
    display: flex;
  }

  .moduleTable dt {
    width: 25%;
    border: 1px solid #d9d4c3;
    padding: 10px;
  }

  .moduleTable dd {
    width: 75%;
    border: 1px solid #d9d4c3;
    border-left: none;
    padding: 10px;
  }

  .moduleTable dl:first-of-type dt,
  .moduleTable dl:first-of-type dd {
    border-bottom: none;
  }

  .br:before {
    content: "\a";
    white-space: pre;
  }

  .pageTop {
    width: 950px;
    margin: 70px auto 5px auto;
  }

  .pageTop a {
    font-size: 1.8rem;
  }

  .pageTop a:hover {
    opacity: 0.7;
  }

  .button a:hover {
    opacity: 0.7;
  }

  /* 簡易検索ボックス */

  .searchBox {
    margin: 20px 10px 0 10px;
    padding: 15px;
  }

  .searchBox p,
  .searchBox li {
    font-size: 1.5rem;
  }

  /* 簡易検索プルダウンメニュー */

  .searchPulldown {
    margin: 20px 10px 0 10px;
    padding: 15px;
  }

  .searchPulldown dt,
  .searchPulldown dd {
    font-size: 1.5rem;
  }

  /* 時系アイコン群 */

  .iconDate li {
    padding: 7px 12px;
  }

  /* 手続きアイコン群 */

  .iconProcess .pay,
  .iconProcess .free,
  .iconProcess .need,
  .iconProcess .noNeed {
    padding: 7px 12px;
  }

  header {
    background: #fff;
    padding: 30px 0;
  }

  .inside header {
    border-bottom: 5px solid #f96900;
  }

  header > .container {
    width: 950px;
    margin: 0 auto;
    display: table;
  }

  header > .container .container:first-child {
    width: 450px;
    float: left;
  }

  header > .container .container + .container {
    width: 440px;
    float: right;
  }

  header h1 {
    width: 450px;
    line-height: 1;
  }

  .contactButton,
  .globalNavButton {
    display: none;
  }

  .area {
    width: 430px;
    display: table;
    margin-top: 7px;
    margin-left: 10px;
  }

  .area p {
    font-size: 1.2rem;
    border-radius: 5px;
    display: table-cell;
  }

  header .totalNumbers {
    width: 450px;
    border: 3px solid #fc0;
    border-radius: 5px;
    margin-top: 9px;
  }

  header .totalNumbers > dt {
    width: 150px;
    font-size: 2rem;
  }

  header .totalNumbers > dt span {
    font-size: 1.2rem;
    margin-top: 0.3em;
  }

  header .totalNumbers > dt .note {
    font-size: 1.2rem;
  }

  header .totalNumbers > dd + dd {
    border-radius: 2.5px;
  }

  header .totalNumbers dd dt {
    font-size: 1.2rem;
  }

  header .totalNumbers dd dd li {
    font-size: 1.2rem;
  }

  header .totalNumbers dd dd li b {
    font-size: 1.8rem;
  }

  header nav {
    overflow: hidden;
  }

  header .primaryNav {
    float: left;
    margin-top: 5px;
  }

  header .primaryNav ul {
    display: table;
  }

  header .primaryNav li {
    font-size: 1.2rem;
    line-height: 1;
    list-style: none;
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
  }

  header .primaryNav li:first-child {
    padding-left: 0;
  }

  header .primaryNav li a:before {
    color: #32C3F3;
    font-size: 0.96rem;
    font-family: GeneralSymbol;
    content: "";
    margin-right: 3px;
  }

  header .primaryNav a:link,
  header .primaryNav a:visited {
    color: #00669a;
    text-decoration: none;
  }

  header .primaryNav a:hover {
    color: #32c3f3;
  }

  .switchFontSize {
    border-collapse: separate;
    border-spacing: 7px 0;
    margin-right: -7px;
    float: right;
    display: table;
  }

  .switchFontSize dt {
    font-size: 1.2rem;
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
  }

  .switchFontSize dd {
    color: #fff;
    width: 4rem;
    background: #FCB47F;
    font-size: 1.2rem;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    display: table-cell;
    padding: 5px 0;
  }

  .switchFontSize dd:hover {
    background: #F96900;
    cursor: pointer;
  }

  .switchFontSize dd.current {
    background: #F96900;
  }

  html.medium {
    font-size: 62.5%;
  }

  html.large {
    font-size: 93.75%;
  }

  html.xLarge {
    font-size: 125%;
  }

  header .tel {
    line-height: 1;
    border-top: 1px dotted #000;
    margin: 7px 0 4px 0;
    padding-top: 8px;
  }

  header .tel .text {
    font-size: 1.4rem;
    line-height: 1.4;
    color: #7e3500;
    text-align: center;
  }

  header .tel .text .caution {
    color: #e50000;
    background: #FFCC00;
    border-radius: 10px;
    margin-top: 2px;
    padding: 4px 0;
    display: block;
  }

  header .tel .number {
    font-family: Arial, san-serif;
    text-align: center;
    border: 1px solid #ff000cc;
    margin-top: 3px;
  }

  header .tel .number a {
    color: #000;
    text-decoration: none;
  }

  header .tel .number .freeDial {
    font-size: 3.4rem;
    font-weight: bold;
    margin-right: 3px;
  }

  header .tel .number .freeDial::before {
    content: url(/images/icon_free_dial.svg);
    margin-right: 2px;
  }

  header .tel .number .general {
    font-size: 2.4rem;
  }

  header .tel .number .general::before {
    color: #f96900;
    font-size: 2rem;
    margin-right: 2px;
  }

  header .form {
    /* 	width: 440px; */
    /* 	text-align: center; */
    display: flex;
    justify-content: space-around;
    align-items: center;
  }

  header .form a {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    background: #FF6666;
    background: -webkit-gradient(linear, left top, left bottom, from(#FF6666), to(#E15A5A));
    background: -moz-linear-gradient(top, #FF6666, #E15A5A);
    background: -ms-linear-gradient(top, #FF6666, #E15A5A);
    border-radius: 5px;
    padding: 8px 35px 13px;
    /* 	padding: 8px 0 13px; */
    /* 	display: block; */
  }

  header .form a:hover {
    opacity: 0.7;
  }

  header .form a:before {
    color: #ffc;
    font-size: 2.4rem;
    font-weight: normal;
    padding-right: 10px;
    position: relative;
    top: 3px;
  }

  header .form a:after {
    color: #ffc;
    font-size: 1.3rem;
    font-weight: normal;
    font-family: GeneralSymbol;
    content: "";
    padding-left: 5px;
  }

  header .possible {
    list-style: none;
  }

  header .possible li {
    line-height: 1.3;
    text-align: center;
  }

  header .possible li:first-child {
    color: #f96900;
    font-size: 2.3rem;
    font-weight: bold;
    transform: scale(1.05, 1);
    letter-spacing: 0.15em;
  }

  header .possible li:last-child {
    color: #000;
    font-size: 1.4rem;
    transform: scale(0.95, 1);
    background: linear-gradient(transparent 50%, #e5ff00 0);
  }

  .oneColumn #globalNav {
    background: #F96900 url(/images/bg_globalnav.png) left top repeat;
    background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
    background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
  }

  .oneColumn #globalNav .parent {
    width: 950px;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
  }

  .oneColumn #globalNav .parent .index {
    display: none;
  }

  .oneColumn #globalNav .parent > li {
    line-height: 1.2;
    display: table-cell;
    border-left: 1px dotted #fff;
  }

  .oneColumn #globalNav .contact {
    border-right: 1px dotted #fff;
  }

  .oneColumn #globalNav .parent > li:hover {
    background: #fff url(/images/bg_globalnav_hover.png) left top repeat;
  }

  .oneColumn #globalNav .parent > li p > span {
    display: block;
    overflow: hidden;
    position: relative;
  }

  .oneColumn #globalNav .parent > li p a {
    color: #fff;
    font-size: 2.2rem;
    display: block;
    text-decoration: none;
    padding: 10px;
    position: relative;
    z-index: 2;
  }

  .oneColumn #globalNav .parent > li:hover p a {
    color: #F96900;
  }

  .oneColumn #globalNav .parent > li p > span:before {
    color: #ffde00;
    font-size: 72px;
    font-family: GlobalNav;
    opacity: 0.35;
    position: absolute;
    z-index: 1;
  }

  .oneColumn #globalNav .parent > li:hover p > span:before {
    color: #ffb580;
  }

  .oneColumn #globalNav .about p > span:before {
    content: "";
    right: -8px;
    bottom: -18px;
  }

  .oneColumn #globalNav .feature p > span:before {
    content: "";
    right: -10px;
    bottom: -21px;
  }

  .oneColumn #globalNav .history p > span:before {
    content: "";
    right: -5px;
    bottom: -22px;
  }

  .oneColumn #globalNav .schedule p > span:before {
    content: "";
    right: -5px;
    bottom: -20px;
  }

  .oneColumn #globalNav .courtGuide p > span:before {
    content: "";
    right: -10px;
    bottom: -20px;
  }

  .oneColumn #globalNav .faq p > span:before {
    content: "";
    right: -10px;
    bottom: -23px;
  }

  .oneColumn #globalNav .contact p > span:before {
    content: "";
    right: -10px;
    bottom: -22px;
  }

  .oneColumn #globalNav .child {
    min-width: 134.7px;
    background: #fff;
    border-radius: 0 0 5px 5px;
    position: absolute;
    display: none;
    z-index: 3;
  }

  .oneColumn #globalNav .contact .child {
    min-width: 134.7px;
  }

  .oneColumn #globalNav .child li {
    font-size: 1.4rem;
    border-top: 1px dotted #CCC7B7;
    list-style: none;
  }

  .oneColumn #globalNav .child li:first-child {
    border-top: none;
  }

  .oneColumn #globalNav .child li a {
    color: #F96900;
    text-decoration: none;
    display: block;
    padding: 10px 15px;
  }

  .oneColumn #globalNav .child li a:hover {
    color: #fff;
    background: #F96900;
  }

  .oneColumn #globalNav .child li:last-child a:hover {
    border-radius: 0 0 5px 5px;
  }

  .oneColumn #globalNav .primaryNav {
    display: none;
  }

  .globalNavButton,
  #globalNav .close,
  #sd-overlay {
    display: none;
  }

  .oneColumn #mainContent {
    width: 950px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
  }

  #index .mainVisual {
    background: #ffd4b1;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffd4b1));
    background: -moz-linear-gradient(top, #fff, #ffd4b1);
    background: -ms-linear-gradient(top, #fff, #ffd4b1);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffd4b1', GradientType=0)";
    border-bottom: 5px solid #fff;
  }

  #index .mainVisual .container {
    width: 950px;
    background: url(/images/index_mainvisual_image_01.svgz) 18px 86px no-repeat;
    margin: 0 auto;
    padding: 15px 0 30px 0;
  }

  /* SVG非対応代替 */

  .no-svg #index .mainVisual .container {
    background: url(/images/index_mainvisual_image_01.png) 18px 86px no-repeat;
  }

  #index .mainVisual .read {
    width: 889px;
    height: 61px;
    background: url(/images/index_mainvisual_text_01.svgz) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 37px;
  }

  /* SVG非対応代替 */

  .no-svg #index .mainVisual .read {
    background: url(/images/index_mainvisual_text_01.png) left top no-repeat;
  }

  #index .mainVisual .text {
    font-size: 1.7rem;
    line-height: 1.9;
    margin-top: 25px;
    margin-left: 217px;
    margin-right: 25px;
  }

  #index .mainVisual ul {
    border-collapse: separate;
    border-spacing: 35px 0;
    display: table;
    margin-top: 20px;
  }

  #index .mainVisual li {
    list-style: none;
    display: table-cell;
    background: #fff;
    border-radius: 30px;
  }

  #index .mainVisual li a {
    color: #fff;
    font-size: 2rem;
    background: #ff6666;
    border-radius: 30px;
    text-decoration: none;
    padding: 3px 20px;
    display: block;
  }

  #index .mainVisual li:nth-child(2) a {
    background: #f38f00;
  }

  #index .mainVisual li:nth-child(3) a {
    background: #6ead60;
  }

  #index .mainVisual li:nth-child(4) a {
    background: #4b98b2;
  }

  #index .mainVisual li a:before {
    font-family: FontAwesome;
    content: "";
    margin-right: 5px;
    position: relative;
    top: -1px;
  }

  #index .mainVisual li a:hover {
    opacity: 0.7;
  }

  #index #mainContent .topics_cm {
    overflow: hidden;
    margin-top: 30px;
  }

  #index #mainContent .topics_cm #topics {
    float: left;
    vertical-align: middle;
  }

  #index #mainContent .topics_cm #cm {
    float: right;
    vertical-align: middle;
  }

  #index #mainContent #topics {
    width: 100%;
    /* 	width: calc(100% - 275px - 20px); */
    border-radius: 10px;
    display: table;
  }

  #index #mainContent #topics.round {
    border-radius: 50px;
  }

  #index #mainContent #topics h2,
  #index #mainContent #topics .container {
    display: table-cell;
    vertical-align: middle;
  }

  #index #mainContent #topics h2 {
    width: 7.7em;
    font-size: 1.8rem;
    padding: 10px 0;
    border-radius: 10px 0 0 10px;
    text-align: center;
  }

  #index #mainContent #topics.round h2 {
    border-radius: 50px 0 0 50px;
  }

  #index #mainContent #topics h2:before {
    margin-right: 5px;
  }

  #index #mainContent #topics .container {
    padding: 5px 0 10px 0;
  }

  #index #mainContent #topics dl {
    border-top: 1px dotted #999;
    overflow: hidden;
    margin: 5px 20px 0 10px;
    padding-top: 5px;
  }

  #index #mainContent #topics dl:first-child {
    border-top: none;
  }

  #index #mainContent #topics dt {
    width: 9em;
    font-size: 1.4rem;
    float: left;
  }

  #index #mainContent #topics dd {
    font-size: 1.8rem;
    /* 	font-weight: bold; */
    line-height: 1.4;
    margin-left: 9em;
  }

  #index #mainContent #topics dd a {
    font-weight: bold;
    text-decoration: none;
  }

  #index #mainContent #topics dd a:hover {
    opacity: 0.7;
  }

  #index #mainContent #topics .noFloat dt {
    float: none;
  }

  #index #mainContent #topics .noFloat dd {
    margin-left: calc(1.33rem + 1px);
  }

  #index #mainContent .totalNumbers {
    line-height: 1;
    background: #fc0;
    border: 5px solid #fc0;
    border-radius: 10px;
    display: table;
    margin-top: 30px;
  }

  #index #mainContent .totalNumbers > dt {
    width: 230px;
    color: #fff;
    font-size: 2.4rem;
    line-height: 1.1;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  #index #mainContent .totalNumbers > dt span + span {
    color: #000;
    font-size: 1.4rem;
    margin-top: 3px;
    display: block;
  }

  #index #mainContent .totalNumbers > dt .note {
    font-size: 1.4rem;
    margin-top: 3px;
  }

  #index #mainContent .totalNumbers > dd {
    width: 375px;
    background: #fff;
    display: table-cell;
    vertical-align: middle;
  }

  #index #mainContent .totalNumbers > dd + dd {
    border-radius: 6px;
  }

  #index #mainContent .totalNumbers > dd dl {
    width: 100%;
    display: table;
  }

  #index #mainContent .totalNumbers dd dt {
    width: 20%;
    height: 6em;
    color: #fff;
    line-height: 1.2;
    font-size: 1.6rem;
    background: #f96900;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
  }

  #index #mainContent .totalNumbers dd dt > span {
    /* 縦書き */
    writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -o-writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
  }

  #index #mainContent .totalNumbers dd dt span span {
    font-size: 1.3rem;
  }

  #index #mainContent .totalNumbers dd dt:after {
    width: 0;
    height: 0;
    content: " ";
    position: absolute;
    top: 50%;
    right: -12px;
    margin-top: -8px;
    display: block;
    border-style: solid;
    border-width: 6px 0 6px 15px;
    border-color: transparent transparent transparent #f96900;
  }

  #index #mainContent .totalNumbers dd dd {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  #index #mainContent .totalNumbers dd dd li {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    list-style: none;
    margin-top: 5px;
  }

  #index #mainContent .totalNumbers dd dd li:first-child {
    margin-top: 0;
  }

  #index #mainContent .totalNumbers dd dd li b {
    color: #c00;
    font-size: 3rem;
    font-weight: normal;
    margin-right: 3px;
  }

  #index #mainContent .totalNumbers dd dd li b td {
    display: inline;
    /* safariでのtd改行防止 */
  }

  #index #courtGuide h2,
  #index #mainContent > .container > section h2 {
    font-size: 2.6rem;
    line-height: 1;
    padding-bottom: 7px;
  }

  #index #courtGuide {
    margin-top: 30px;
  }

  #index #courtGuide h2 + p {
    line-height: 1.5;
    margin-top: 10px;
  }

  #index #courtGuide > .container {
    border-collapse: separate;
    border-spacing: 30px 0;
    margin: 20px -30px 0 -30px;
    /* widthを指定しないとスマホでPC版閲覧時横スクロールが若干発生してしまう */
    display: table;
  }

  #index #courtGuide .requirement,
  #index #courtGuide .container .container {
    width: 50%;
    display: table-cell;
    vertical-align: top;
  }

  #index #courtGuide .requirement,
  #index #courtGuide .benefits,
  #index #courtGuide .cost,
  #index #courtGuide .flowchart {
    background: #fff;
    border-radius: 10px;
    padding: 20px 15px;
  }

  #index #courtGuide .requirement {
    position: relative;
  }

  #index #courtGuide h3 {
    min-height: 55px;
    color: #7e3500;
    font-size: 2rem;
    line-height: 1.4;
    border-left: 8px solid #f96900;
    padding-top: 14px;
    padding-left: 10px;
  }

  #index #courtGuide .requirement h3 {
    font-size: 1.8rem;
    padding-top: 4px;
  }

  #index #courtGuide .requirement ol,
  #index #courtGuide .cost ol {
    counter-reset: li;
  }

  #index #courtGuide .requirement ol li,
  #index #courtGuide .cost ol li {
    list-style: none;
    margin-top: 11px;
    margin-left: 10px;
    padding-left: 2.8em;
    position: relative;
  }

  #index #courtGuide .requirement ol li:before,
  #index #courtGuide .cost ol li:before {
    counter-increment: li;
    content: counter(li);
    color: #fff;
    background: #00669a;
    padding: 0.15em 0.7em;
    position: absolute;
    top: 0;
    left: 0;
  }

  #index #courtGuide .requirement ol li:after,
  #index #courtGuide .cost ol li:after {
    width: 0;
    height: 0;
    content: " ";
    position: absolute;
    top: 0.6em;
    left: 1.8em;
    margin-top: 0;
    display: block;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #00669a;
  }

  #index #courtGuide em {
    font-style: normal;
    background: #e5ff00;
    background: linear-gradient(transparent 20%, #e5ff00 20%);
  }

  #index #courtGuide strong {
    color: #ff0000;
    font-size: 2rem;
  }

  #index #courtGuide .more {
    margin-top: 2em;
    text-align: right;
  }

  #index #courtGuide .requirement .more {
    position: absolute;
    right: 15px;
    bottom: 20px;
  }

  #index #courtGuide .requirement {
    text-align: center;
  }

  #index #courtGuide .requirement h3 {
    text-align: left;
  }

  #index #courtGuide .requirement dl {
    margin-top: 10px;
    text-align: left;
  }

  #index #courtGuide .requirement dt {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    background: #f96900;
    padding: 3px 0;
  }

  #index #courtGuide .requirement dd span {
    font-size: 1.2rem;
  }

  #index #courtGuide .requirement .or {
    font-size: 1.3rem;
    background: #ffcc00;
    border-radius: 30px;
    margin: 15px auto 10px auto;
    padding: 5px 12px;
    display: inline-block;
  }

  #index #courtGuide .benefits figure {
    margin: -68px -15px 0 0;
  }

  #index #courtGuide .benefits .text {
    margin-top: 5px;
    padding-top: 5px;
  }

  #index #courtGuide .cost {
    margin-top: 30px;
  }

  #index #courtGuide .cost .text {
    margin-top: 10px;
  }

  #index #courtGuide .cost ol {
    margin-top: 20px;
  }

  #index #courtGuide .flowchart {
    margin-top: 30px;
  }

  #index #courtGuide .flowchart h3 {
    float: left;
  }

  #index #courtGuide .flowchart .text {
    margin-top: 17px;
    float: right;
  }

  #index #courtGuide .flowchart ol {
    width: 100%;
    margin-top: 65px;
    clear: both;
    counter-reset: li;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 45px 0;
  }

  #index #courtGuide .flowchart li {
    line-height: 1.2;
    background: #ffcc00;
    border-radius: 30px;
    list-style: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position: relative;
    padding: 2.4em 5px 8px 5px;
  }

  #index #courtGuide .flowchart li:before {
    width: 100%;
    counter-increment: li;
    content: counter(li);
    color: #F96900;
    font-size: 3rem;
    font-weight: bold;
    line-height: 1;
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
  }

  #index #courtGuide .flowchart li:after {
    color: #F96900;
    font-family: FontAwesome;
    font-size: 2.7rem;
    line-height: 1;
    content: "";
    display: block;
    position: absolute;
    top: 32%;
    right: -26%;
  }

  #index #courtGuide .contact {
    background: #F96900 url(/images/bg_globalnav.png) left top repeat;
    background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
    background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    margin-top: 30px;
    padding: 15px 30px;
    position: relative;
  }

  #index #courtGuide .contact:after {
    position: absolute;
    right: 25px;
    bottom: 2px;
    content: url(/images/index_contact_image_01.svgz);
  }

  /* SVG非対応代替 */

  .no-svg #index #courtGuide .contact:after {
    content: url(/images/index_contact_image_01.png);
  }

  #index #courtGuide .contact a {
    text-decoration: none;
  }

  #index #courtGuide .contact .text {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 0.9;
    /* 	text-align: center; */
    /* 	float: left; */
    margin-top: 7px;
  }

  #index #courtGuide .contact .text strong {
    color: #FF0;
    font-size: 1.6rem;
  }

  #index #courtGuide .contact .number {
    /* 	float: right;
    margin: 4px 148px 0 0; */
    display: flex;
    align-items: flex-end;
    margin-top: 1em;
  }

  #index #courtGuide .contact .number .freeDial {
    width: 460px;
    height: 49px;
    background: url(/images/index_contact_number_02.svg) left top/contain no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  #index #courtGuide .contact .number .general {
    width: 280px;
    height: 31px;
    background: url(/images/index_contact_number_01.svgz) left top/contain no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 1em;
  }

  #index #courtGuide .contact ul {
    display: table;
    border-collapse: separate;
    border-spacing: 30px 0;
    margin: 20px 115px 0 -30px;
    clear: both;
  }

  #index #courtGuide .contact li {
    font-size: 1.7rem;
    list-style: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
  }

  #index #courtGuide .contact li a {
    color: #fff;
    background: #7e3500;
    padding: 8px 20px;
    display: block;
    border-radius: 5px;
  }

  #index #courtGuide .contact li a:hover {
    opacity: 0.7;
  }

  #index #courtGuide .contact li a:before {
    font-size: 2.2rem;
    position: relative;
    margin-right: 15px;
  }

  #index #courtGuide .contact li:first-child a:before {
    color: #ffcc00;
    top: 0;
  }

  #index #courtGuide .contact li:nth-child(2) a:before {
    color: #ff8d8d;
    top: 2px;
  }

  #index #courtGuide .contact li a:after {
    font-size: 1.3rem;
    font-weight: normal;
    font-family: GeneralSymbol;
    content: "";
    padding-left: 20px;
  }

  #index #courtGuide .contact li:first-child a:after {
    color: #ffcc00;
  }

  #index #courtGuide .contact li:nth-child(2) a:after {
    color: #ff8d8d;
  }

  #index #courtGuide .contact ul + p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    margin-top: 12px;
    margin-right: 115px;
  }

  #index #courtGuide .contact ul + p a {
    color: #fff;
    text-decoration: underline;
  }

  #index #courtGuide .contact ul + p a:hover {
    text-decoration: none;
  }

  #index #mainContent > .container {
    display: table;
    border-collapse: separate;
    border-spacing: 30px 0;
    margin: 50px -30px 0 -30px;
    /* widthを指定しないとスマホでPC版閲覧時横スクロールが若干発生してしまう */
  }

  #index #mainContent > .container > section {
    display: table-cell;
  }

  #index #counseling {
    width: 590px;
  }

  /* テーブル部 */

  #index #counseling table {
    width: 100%;
    margin-top: 20px;
  }

  #index #counseling td {
    padding: 15px;
  }

  /* 日付・曜日 */

  #index #counseling .year {
    margin-bottom: 5px;
  }

  #index #counseling .date {
    font-size: 2.4rem;
  }

  #index #counseling .week {
    font-size: 1.8rem;
    margin-left: 3px;
  }

  /* 時系アイコン群 */

  #index #counseling .iconDate li {
    font-size: 1.4rem;
  }

  /* 手続きアイコン群 */

  #index #counseling .iconProcess .pay,
  #index #counseling .iconProcess .free,
  #index #counseling .iconProcess .need,
  #index #counseling .iconProcess .noNeed {
    font-size: 1.4rem;
  }

  /* タイトル */

  #index #counseling h3 {
    font-size: 1.8rem;
  }

  #index #counseling h3 a {
    text-decoration: none;
  }

  #index #counseling h3 a:hover {
    text-decoration: underline;
  }

  #index #faq {
    position: relative;
  }

  #index #faq h2 + p {
    margin-top: 14px;
  }

  #index #faq .more {
    position: absolute;
    right: 0;
    bottom: 0;
  }

  #index #special {
    width: 460px;
  }

  #index #special figure {
    margin-top: 20px;
  }

  #index #special figure + p {
    margin-top: 10px;
  }

  #index #special figure + p + p {
    margin-top: 1em;
    text-align: right;
  }

  #index #news {
    width: 460px;
  }

  #index #news dl {
    margin-top: 14px;
    overflow: hidden;
  }

  #index #news dt {
    float: left;
    margin-bottom: 7px;
  }

  #index #news dd {
    margin-left: 9em;
    margin-bottom: 7px;
  }

  #index #subContent {
    display: table;
    border-collapse: separate;
    border-spacing: 25px 0;
    margin: 50px -25px 0px -25px;
    /* widthを指定しないとスマホでPC版閲覧時横スクロールが若干発生してしまう */
  }

  #index #subContent > div {
    width: 300px;
    background: #fff;
    border-radius: 5px;
    display: table-cell;
    position: relative;
  }

  #index #subContent figure img {
    border-radius: 5px 5px 0 0;
  }

  #index #subContent figure + p {
    margin: 10px 10px 3em 10px;
  }

  #index #subContent figure + p + p {
    text-align: right;
    position: absolute;
    right: 10px;
    bottom: 15px;
  }

  footer {
    background: #fff;
  }

  footer #link,
  footer .footer > .container {
    width: 950px;
    margin: 0 auto;
    padding: 30px 0;
  }

  footer #link {
    display: table;
  }

  footer #link a {
    text-decoration: none;
  }

  footer #link a:hover {
    text-decoration: underline;
  }

  footer #link > .container {
    display: table-cell;
    /* 	border: 1px solid #ff0000; */
  }

  footer #link > .container:first-of-type {
    width: 16%;
  }

  footer #link > .container:nth-of-type(2) {
    width: 23%;
  }

  footer #link > .container:nth-of-type(3) {
    width: 17%;
  }

  footer #link > .container:nth-of-type(4) {
    width: 20%;
  }

  footer #link > .container:nth-of-type(5) {
    width: 15%;
  }

  footer #link > .container:nth-of-type(6) {
    width: 9%;
  }

  footer #link > .container > p {
    color: #f96900;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    margin-top: 1.5em;
  }

  footer #link > .container > p:first-child {
    margin-top: 0;
  }

  footer #link p > a {
    color: #f96900;
  }

  footer #link ul {
    margin-left: 1.26rem;
  }

  footer #link li {
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.2;
    list-style: none;
    margin-top: 8px;
  }

  footer #link li:before {
    color: #fcb47f;
    font-size: 0.96rem;
    font-family: GeneralSymbol;
    content: "";
    margin-right: 3px;
    margin-left: -1.26rem;
  }

  footer #link li a {
    color: #7e3500;
  }

  footer .footer {
    background: #e56100;
  }

  footer .footer > .container {
    display: table;
  }

  footer .footer address,
  footer .footer .container .container {
    display: table-cell;
    position: relative;
  }

  footer .footer a {
    color: #fff;
    text-decoration: none;
  }

  footer .footer a:hover {
    text-decoration: underline;
  }

  footer .footer address {
    width: 500px;
    color: #fff;
    font-size: 1.4rem;
    font-style: normal;
    line-height: 1.5;
  }

  footer .footer address a:hover {
    text-decoration: none;
  }

  footer .footer address b {
    font-size: 1.6rem;
    display: inline-block;
    margin-bottom: 5px;
  }

  footer .footer address span:not(.spbr) {
    font-size: 1.2rem;
  }

  footer .footer .container .container ul {
    position: absolute;
    top: 0;
    right: 0;
  }

  footer .footer .container .container li {
    font-size: 1.4rem;
    list-style: none;
    display: inline-block;
    margin-left: 8px;
  }

  footer .footer .container .container li:before {
    color: #fc0;
    font-size: 1.33rem;
    font-family: GeneralSymbol;
    content: "";
    margin-right: 3px;
  }

  footer .footer .container .containe li a {
    color: #fff;
  }

  footer .footer .container .container p {
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  footer .footer .container .container p small {
    font-size: 1.2rem;
  }

  footer .switch {
    padding: 50px 45px 60px 45px;
  }

  footer .switch p {
    width: 5.5em;
    font-size: 4.2rem;
    margin-top: 0.75em;
  }

  footer .switch ul {
    font-size: 4.2rem;
  }

  footer .switch li {
    font-size: 4.2rem;
    white-space: nowrap;
    overflow: hidden;
  }

  footer .switch li span {
    padding: 20px 0;
  }

  footer .switch li span:before {
    margin-right: 10px;
  }

  footer .switch li:first-child {
    border-right: 4px dotted #fff;
    border-radius: 20px 0 0 20px;
  }

  footer .switch li:first-child a {
    border-radius: 20px 0 0 20px;
  }

  footer .switch li:first-child span:before {
    font-size: 6.6rem;
    line-height: 4.2rem;
    top: 5px;
  }

  footer .switch li:nth-child(2) {
    border-radius: 0 20px 20px 0;
  }

  footer .switch li:nth-child(2) a {
    border-radius: 0 20px 20px 0;
  }

  footer .switch li:nth-child(2) span:before {
    line-height: 4.2rem;
  }

  footer .switch li a:hover {
    text-decoration: none;
  }

  .inside > .container {
    width: 950px;
    margin: 30px auto 0 auto;
  }

  .inside > .container:after {
    /* clearfix (overflow: hidden;だと内部コンテンツのシャドウが消える為) */
    content: "";
    display: block;
    clear: both;
  }

  .inside #mainContent {
    width: 670px;
    float: right;
  }

  .inside #mainContent > section {
    margin-top: 60px;
  }

  .inside #mainContent h1 + section,
  .inside #mainContent h1 + ul + section {
    margin-top: 30px;
  }

  .breadcrumb {
    text-align: right;
  }

  .breadcrumb li {
    font-size: 1.4rem;
    display: inline;
  }

  .breadcrumb li:before {
    content: "＞";
  }

  .breadcrumb li:first-child:before {
    content: "";
  }

  .breadcrumb a {
    color: #f96900;
    text-decoration: none;
  }

  .breadcrumb a:hover {
    color: #fcb47f;
  }

  .breadcrumb .fa-home:before {
    font-family: FontAwesome;
    font-size: 1.7rem;
    margin-right: 3px;
  }

  .inside #mainContent h1 {
    font-size: 3.6rem;
    font-weight: normal;
    border-left: 9px solid #F96900;
    margin-top: 15px;
    padding: 15px 0 10px 14px;
  }

  .inside #mainContent h2 {
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 15px;
    padding-bottom: 7px;
  }

  .inside #mainContent h3 {
    font-size: 2.2rem;
    margin: 45px 0 12px 0;
    padding: 0 0 5px 2.2rem;
  }

  .inside #mainContent h4 {
    font-size: 2rem;
  }

  .inside .localNav {
    margin-top: 15px;
    overflow: hidden;
  }

  .inside .localNav li {
    font-size: 1.8rem;
    list-style: none;
    float: left;
    margin-right: 1em;
  }

  .inside .localNav li:first-child {
    margin-left: 0;
  }

  .inside .localNav li a {
    color: #7E3500;
    font-size: 1.8rem;
    text-decoration: none;
  }

  .inside .localNav li a:hover {
    color: #fcb47f;
  }

  .inside .localNav li a:before {
    color: #FCB47F;
    font-family: GeneralSymbol;
    font-size: 1.4rem;
    content: "";
    margin-right: 1px;
    position: relative;
    left: -2px;
  }

  /* カレント表示 */

  .currentStatus .localNav .currentStatus a,
  .currentStatus .localNav .currentStatus a:before,
  .lawyers .localNav .lawyers a,
  .lawyers .localNav .lawyers a:before,
  .humanRightsPromotion .localNav .humanRightsPromotion a,
  .humanRightsPromotion .localNav .humanRightsPromotion a:before,
  .leaderMessage .localNav .leaderMessage a,
  .leaderMessage .localNav .leaderMessage a:before,
  .numbers .localNav .numbers a,
  .numbers .localNav .numbers a:before,
  .numbersOsaka .localNav .numbersOsaka a,
  .numbersOsaka .localNav .numbersOsaka a:before,
  .activitySummary .localNav .activitySummary a,
  .activitySummary .localNav .activitySummary a:before,
  .courtReport .localNav .courtReport a,
  .courtReport .localNav .courtReport a:before,
  .statement .localNav .statement a,
  .statement .localNav .statement a:before,
  .localGovernment .localNav .localGovernment a,
  .localGovernment .localNav .localGovernment a:before,
  .court .localNav .court a,
  .court .localNav .court a:before,
  .counseling .localNav .counseling a,
  .counseling .localNav .counseling a:before,
  .condition .localNav .condition a,
  .condition .localNav .condition a:before,
  .benefits .localNav .benefits a,
  .benefits .localNav .benefits a:before,
  .cost .localNav .cost a,
  .cost .localNav .cost a:before,
  .flowchart .localNav .flowchart a,
  .flowchart .localNav .flowchart a:before,
  .legalTeam .localNav .legalTeam a,
  .legalTeam .localNav .legalTeam a:before,
  .court .localNav .court a,
  .court .localNav .court a:before,
  .past .localNav .past a,
  .past .localNav .past a:before,
  .other .localNav .other a,
  .other .localNav .other a:before,
  .telAndFax .localNav .telAndFax a,
  .telAndFax .localNav .telAndFax a:before,
  .form .localNav .form a,
  .form .localNav .form a:before {
    color: #F96900 !important;
  }

  .inside #subContent {
    width: 240px;
    float: left;
  }

  .inside #globalNav {
    background: #fff;
    border-radius: 5px;
  }

  /* 大カテゴリ改行解除 */

  .inside #globalNav .parent > li p .br:before {
    content: "";
    white-space: normal;
  }

  /* 大カテゴリ */

  .inside #globalNav .parent > li {
    line-height: 1;
    list-style: none;
  }

  .inside #globalNav .parent > .contact {
    border-bottom: 0;
  }

  .inside #globalNav .parent > li:hover p {
    background: #F96900 url(/images/bg_globalnav.png) left top repeat;
    background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
    background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    cursor: pointer;
  }

  .inside #globalNav .parent > .index:hover p {
    border-radius: 5px 5px 0 0;
  }

  .inside #globalNav .parent p {
    border-top: 1px dotted #ccc7b7;
    padding-left: 14px;
  }

  .inside #globalNav .parent li:first-child p {
    border: none;
  }

  .inside #globalNav .parent p a {
    color: #F96900;
    font-size: 1.8rem;
    display: block;
    text-decoration: none;
    padding: 0.7em 10px 1.1em 12px;
    margin-left: 1em;
  }

  .inside #globalNav .index p a {
    padding-top: 0.8em;
  }

  .inside #globalNav .parent > li:first-child p a {
    border-radius: 5px 5px 0 0;
  }

  .inside #globalNav .parent > li:hover p a {
    color: #fff;
  }

  .inside #globalNav .parent > li:hover p a:before {
    color: #fc0;
  }

  .inside #globalNav .parent p a:before {
    font-family: GlobalNav;
    font-size: 2.6rem;
    font-weight: normal;
    position: relative;
    top: 3px;
    margin-left: -1.03em;
  }

  .inside #globalNav .index p a:before {
    font-size: 2.5rem;
    content: "";
    left: -5px;
  }

  .inside #globalNav .about p a:before {
    content: "";
    left: -5px;
  }

  .inside #globalNav .feature p a:before {
    content: "";
    top: 4px;
    left: -5px;
  }

  .inside #globalNav .history p a:before {
    content: "";
    top: 4px;
    left: -6px;
  }

  .inside #globalNav .schedule p a:before {
    content: "";
    left: -6px;
  }

  .inside #globalNav .courtGuide p a:before {
    content: "";
    left: -6px;
  }

  .inside #globalNav .faq p a:before {
    content: "";
    left: -6px;
  }

  .inside #globalNav .contact p a:before {
    content: "";
    top: 4px;
    left: -6px;
  }

  /* カレント表示 大カテゴリ */

  #about #globalNav .parent > .about p,
  #feature #globalNav .parent > .feature p,
  #history #globalNav .parent > .history p,
  #schedule #globalNav .parent > .schedule p,
  #courtGuide #globalNav .parent > .courtGuide p,
  #faq #globalNav .parent > .faq p,
  #contact #globalNav .parent > .contact p {
    background: #F96900 url(/images/bg_globalnav.png) left top repeat;
    background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
    background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    cursor: pointer;
  }

  #about #globalNav .parent > .about p a,
  #feature #globalNav .parent > .feature p a,
  #history #globalNav .parent > .history p a,
  #schedule #globalNav .parent > .schedule p a,
  #courtGuide #globalNav .parent > .courtGuide p a,
  #faq #globalNav .parent > .faq p a,
  #contact #globalNav .parent > .contact p a {
    color: #fff;
  }

  #about #globalNav .parent > .about p a:before,
  #feature #globalNav .parent > .feature p a:before,
  #history #globalNav .parent > .history p a:before,
  #schedule #globalNav .parent > .schedule p a:before,
  #courtGuide #globalNav .parent > .courtGuide p a:before,
  #faq #globalNav .parent > .faq p a:before,
  #contact #globalNav .parent > .contact p a:before {
    color: #fc0;
  }

  /* カレントカテゴリオープン */

  .inside #globalNav .active .child {
    display: block !important;
  }

  /* 小カテゴリ */

  .inside #globalNav .child {
    display: none;
    margin-left: 1em;
    margin-bottom: 1em;
    padding-left: 16px;
    /* paddingで間隔を開けるとスライドトグルの動きがおかしくなるので注意 */
  }

  .inside #globalNav .child li {
    list-style: none;
    line-height: 1.2;
    margin-top: 1em;
  }

  .inside #globalNav .child .form {
    padding-bottom: 1em;
  }

  .inside #globalNav .child li a {
    color: #7e3500;
    text-decoration: none;
  }

  .inside #globalNav .child li a:hover {
    color: #fcb47f;
  }

  .inside #globalNav .child li a:before {
    color: #fcb47f;
    font-family: GeneralSymbol;
    font-size: 1.4rem;
    content: "";
    margin-left: -1.2em;
    margin-right: 0.2em;
  }

  /* カレント表示 小カテゴリ */

  #about.currentStatus #globalNav .about .currentStatus a,
  #about.currentStatus #globalNav .about .currentStatus a:before,
  #about.leaderMessage #globalNav .about .leaderMessage a,
  #about.leaderMessage #globalNav .about .leaderMessage a:before,
  #feature.lawyers #globalNav .feature .lawyers a,
  #feature.lawyers #globalNav .feature .lawyers a:before,
  #feature.humanRightsPromotion #globalNav .feature .humanRightsPromotion a,
  #feature.humanRightsPromotion #globalNav .feature .humanRightsPromotion a:before,
  #history.numbers #globalNav .history .numbers a,
  #history.numbers #globalNav .history .numbers a:before,
  #history.numbersOsaka #globalNav .history .numbersOsaka a,
  #history.numbersOsaka #globalNav .history .numbersOsaka a:before,
  #history.activitySummary #globalNav .history .activitySummary a,
  #history.activitySummary #globalNav .history .activitySummary a:before,
  #history.courtReport #globalNav .history .courtReport a,
  #history.courtReport #globalNav .history .courtReport a:before,
  #history.statement #globalNav .history .statement a,
  #history.statement #globalNav .history .statement a:before,
  #history.localGovernment #globalNav .history .localGovernment a,
  #history.localGovernment #globalNav .history .localGovernment a:before,
  #schedule.counseling #globalNav .schedule .counseling a,
  #schedule.counseling #globalNav .schedule .counseling a:before,
  #schedule.court #globalNav .schedule .court a,
  #schedule.court #globalNav .schedule .court a:before,
  #courtGuide.condition #globalNav .courtGuide .condition a,
  #courtGuide.condition #globalNav .courtGuide .condition a:before,
  #courtGuide.benefits #globalNav .courtGuide .benefits a,
  #courtGuide.benefits #globalNav .courtGuide .benefits a:before,
  #courtGuide.cost #globalNav .courtGuide .cost a,
  #courtGuide.cost #globalNav .courtGuide .cost a:before,
  #courtGuide.flowchart #globalNav .courtGuide .flowchart a,
  #courtGuide.flowchart #globalNav .courtGuide .flowchart a:before,
  #faq.legalTeam #globalNav .faq .legalTeam a,
  #faq.legalTeam #globalNav .faq .legalTeam a:before,
  #faq.purpose #globalNav .faq .purpose a,
  #faq.purpose #globalNav .faq .purpose a:before,
  #faq.court #globalNav .faq .court a,
  #faq.court #globalNav .faq .court a:before,
  #faq.condition #globalNav .faq .condition a,
  #faq.condition #globalNav .faq .condition a:before,
  #faq.cost #globalNav .faq .cost a,
  #faq.cost #globalNav .faq .cost a:before,
  #faq.past #globalNav .faq .past a,
  #faq.past #globalNav .faq .past a:before,
  #faq.other #globalNav .faq .other a,
  #faq.other #globalNav .faq .other a:before,
  #contact.telAndFax #globalNav .contact .telAndFax a,
  #contact.telAndFax #globalNav .contact .telAndFax a:before,
  #contact.form #globalNav .contact .form a,
  #contact.form #globalNav .contact .form a:before {
    color: #F96900 !important;
  }

  .inside #globalNav .primaryNav {
    display: none;
  }

  .inside .bannerArea {
    margin-top: 20px;
  }

  .inside .bannerArea li {
    margin-bottom: 10px;
  }

  /* 丸数字 */

  .currentStatus #substance tr:nth-child(2) td:first-child,
  .currentStatus #substance tr:nth-child(3) td:first-child,
  .currentStatus #substance tr:nth-child(4) td:first-child,
  .currentStatus #substance tr:nth-child(5) td:first-child,
  .currentStatus #substance tr:nth-child(6) td:first-child,
  .currentStatus #substance tr:nth-child(7) td:first-child,
  .currentStatus #substance tr:nth-child(8) td:first-child {
    text-indent: -1em;
    padding-left: 2em;
  }

  .currentStatus #substance th {
    padding: 10px 15px;
  }

  .currentStatus #substance td {
    padding: 5px 15px;
  }

  .leaderMessage #message h2 + p {
    font-size: 1.8rem;
    text-align: right;
    margin-bottom: 30px;
  }

  .leaderMessage #message h2 + p span {
    margin-left: 1em;
  }

  .leaderMessage #message figure {
    margin-left: 20px;
    float: right;
  }

  .leaderMessage #message h3 {
    font-size: 2.4rem;
    margin-top: 0;
  }

  .leaderMessage #message h3:before {
    margin-right: 0;
  }

  .lawyers #feature h3 {
    position: relative;
    padding-left: 7.2rem;
  }

  /* 見出しが1行のときのみ高さ拡張 */

  .lawyers #feature li:first-of-type h3,
  .lawyers #feature li:nth-of-type(7) h3 {
    padding-top: 1.9rem;
    padding-bottom: 2.2rem;
  }

  .lawyers #feature h3:before {
    font-size: 7.2rem !important;
    position: absolute;
    top: -0.19em;
    left: 0;
  }

  .lawyers #feature .request dl dl {
    border-top: 1px dotted #D9D5C9;
    padding: 15px 0;
    position: relative;
  }

  .lawyers #feature .request dl dl:first-child {
    border-top: none;
  }

  .lawyers #feature .request dl dl dt {
    position: absolute;
  }

  .lawyers #feature .request dl dl dd {
    display: inline-block;
    margin-left: 2em;
  }

  .lawyers #feature .request dl dl dd:nth-child(even) {
    margin-left: 5em;
  }

  .humanRightsPromotion #humanRightsPromotion #state figure {
    float: right;
    margin-left: 10px;
  }

  .humanRightsPromotion #humanRightsPromotion .insideContact:after {
    width: 160px;
    height: 100%;
    position: absolute;
    right: 20px;
    bottom: 8px;
    content: "";
    display: inline-block;
    background: url(/images/index_contact_image_01.svgz) left top no-repeat;
    background-size: contain;
  }

  /* SVG非対応代替 */

  .no-svg .humanRightsPromotion #humanRightsPromotion .insideContact:after {
    background-image: url(/images/index_contact_image_01.png);
  }

  .humanRightsPromotion #humanRightsPromotion .insideContact li {
    font-size: 2.2rem;
  }

  .numbers #mainContent #numbers table {
    margin-top: 20px;
  }

  .numbers #mainContent #numbers th,
  .numbers #mainContent #numbers td {
    padding: 5px 10px;
  }

  .numbers #mainContent #numbers th {
    padding-top: 7px;
  }

  /* 横テーブル */

  .numbersOsaka #mainContent #numbersOsaka .container {
    width: 100%;
    display: table;
    table-layout: fixed;
  }

  .numbersOsaka #mainContent #numbersOsaka dl {
    width: 11.1%;
    border-right: 1px solid #d9d4c3;
    display: table-cell;
  }

  .numbersOsaka #mainContent #numbersOsaka dl:last-child {
    width: 11.2%;
    border-right: none;
  }

  .numbersOsaka #mainContent #numbersOsaka dt,
  .numbersOsaka #mainContent #numbersOsaka dd {
    font-size: 1.4rem;
  }

  .numbersOsaka #mainContent #numbersOsaka dt {
    background: #ece9e1;
    padding: 12px 5px;
  }

  .numbersOsaka #mainContent #numbersOsaka dd {
    border-top: 3px solid #d9d4c3;
    padding: 10px;
  }

  .activitySummary #activitySummary h3 {
    margin-bottom: 0.8em;
  }

  .activitySummary #activitySummary dt {
    padding-top: 1.18em;
  }

  .activitySummary #activitySummary dt:first-child {
    padding-top: 0.3em;
  }

  .activitySummary #activitySummary dd {
    margin-top: -1.18em;
    margin-left: 10em;
    margin-bottom: 1em;
  }

  .activitySummary #activitySummary dd + dd {
    margin-top: 0;
  }

  .activitySummary #activitySummary figure img {
    margin-top: 10px;
  }

  .activitySummary #activitySummary .report figure img {
    margin-top: 0;
  }

  .activitySummary #activitySummary strong {
    font-size: 1.8rem;
  }

  .activitySummary #activitySummary .box {
    margin: 0;
    margin-right: 15px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th,
  .localGovernment #localGovernment #medicalSubsidy #all td {
    padding: 10px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th {
    width: 20%;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th + td + td a {
    font-size: 1.4rem;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th + td + td a:before {
    font-size: 1.3rem;
    margin-right: 2px;
  }

  .localGovernment #localGovernment #medicalSubsidy .caption {
    margin-top: 30px;
  }

  .localGovernment #localGovernment #medicalSubsidy dt,
  .localGovernment #localGovernment #medicalSubsidy dd {
    font-size: 1.4rem;
    padding: 5px 15px;
  }

  .localGovernment #localGovernment #medicalSubsidy dt {
    width: 140px;
    float: left;
    clear: left;
  }

  .localGovernment #localGovernment #medicalSubsidy dd:nth-child(3n+2) {
    margin-left: 140px;
    border-left: 1px dotted #d9d4c3;
    border-collapse: collapse;
  }

  .localGovernment #localGovernment #medicalSubsidy dt + dd {
    margin-left: 0 !important;
  }

  .localGovernment #localGovernment #medicalSubsidy li a:hover {
    background-color: #FCB47F;
  }

  .localGovernment #localGovernment #comprehensiveSettlement h3 span {
    font-size: 1.8rem;
  }

  .localGovernment #localGovernment #comprehensiveSettlement .caption {
    margin-top: 30px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement th,
  .localGovernment #localGovernment #comprehensiveSettlement td {
    padding: 5px 10px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement th {
    padding: 10px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement tr:first-child th {
    height: 4.5em;
  }

  .localGovernment #localGovernment #comprehensiveSettlement #prefecture {
    width: 320px;
    float: left;
    margin-bottom: 30px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement #prefecturalCapital {
    width: 320px;
    float: right;
    margin-bottom: 30px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement #municipal {
    clear: both;
  }

  /* 検索結果件数 */

  .counseling #counseling .result b {
    font-size: 2.6rem;
  }

  /* エントリー1件 */

  .counseling #counseling .entry {
    margin-top: 70px;
  }

  .counseling #counseling .entry:first-of-type {
    margin-top: 40px;
  }

  /* タイトル */

  .counseling #counseling .entry h3 {
    font-size: 2.4rem;
  }

  .counseling #counseling .entry h3 a {
    text-decoration: none;
  }

  .counseling #counseling .entry h3 a:hover {
    text-decoration: underline;
  }

  .counseling #counseling .entry dd {
    font-size: 1.8rem;
    padding-left: 71px;
  }

  /* 詳細情報テーブル */

  .counseling #counseling .entry .detail th,
  .counseling #counseling .entry .detail td {
    font-size: 1.6rem;
  }

  /* ページ送り */

  .counseling #counseling .wp-pagenavi {
    margin-top: 50px;
  }

  .court #court section {
    display: flex;
    margin-top: 1.5em;
  }

  .court #court h3 {
    margin: 0 1em 0;
  }

  .court #court > p {
    margin-top: 2em;
  }

  .court #court > p span {
    margin-left: 1em;
  }

  /* 丸数字 */

  .benefits #benefits tr:nth-child(2) td:first-child,
  .benefits #benefits tr:nth-child(3) td:first-child,
  .benefits #benefits tr:nth-child(4) td:first-child,
  .benefits #benefits tr:nth-child(5) td:first-child,
  .benefits #benefits tr:nth-child(6) td:first-child,
  .benefits #benefits tr:nth-child(7) td:first-child,
  .benefits #benefits tr:nth-child(8) td:first-child {
    text-indent: -1em;
    padding-left: 2em;
  }

  .benefits #benefits th,
  .benefits #benefits td {
    padding: 10px 15px;
  }

  .benefits #benefits th:first-child {
    width: 46%;
  }

  .benefits #benefits th:nth-child(2),
  .benefits #benefits th:nth-child(3) {
    width: 27%;
  }

  .cost #cost th {
    width: 33%;
    line-height: 1.3;
    padding: 10px 15px;
  }

  .cost #cost td {
    padding: 5px 15px;
  }

  .flowchart #flowchart ol > li {
    margin: 4em 30px;
    padding: 25px 20px;
  }

  .flowchart #flowchart ol > li:before {
    font-size: 4.4rem;
    margin-right: 7px;
  }

  #faq #questionList > ul li:before {
    margin-left: -1.2em;
    margin-right: 0.2em;
  }

  .form #form table th {
    padding: 5px 20px;
  }

  .form #form table td {
    padding: 10px 20px;
  }

  .form #form table td .spbr {
    margin-left: 1em;
  }

  /* 入力エリアのサイズ */

  .form #form table input[type=text],
  .form #form table input[type=tel],
  .form #form table input[type=email] {
    width: 90%;
  }

  .form #form table textarea {
    width: 90% !important;
    height: 12em !important;
  }

  /* その他/感染被害者名 */

  .form #form table #client + tr input[type=text],
  .form #form table #transfusion + tr input[type=text] {
    width: 300px;
  }

  /* 数値 */

  .form #form table #infectionTime input[type=text],
  .form #form table #infectionTime input[type=number],
  .form #form table #currentStatusTime input[type=text],
  .form #form table #currentStatusTime input[type=number],
  .form #form table #birthDate + tr input[type=text],
  .form #form table #birthDate + tr input[type=number],
  .form #form table #motherDeadTime input[type=text],
  .form #form table #motherDeadTime input[type=number],
  .form #form table #motherDeadHospitalization input[type=text],
  .form #form table #motherDeadHospitalization input[type=number],
  .form #form table #olderBrotherSister input[type=text],
  .form #form table #olderBrotherSister input[type=number],
  .form #form table #olderBrotherSisterInfection input[type=text],
  .form #form table #olderBrotherSisterInfection input[type=number],
  .form #form table #fatherDeadTime input[type=text],
  .form #form table #fatherDeadTime input[type=number] {
    width: 4em;
  }

  /* 郵便番号 */

  .form #form table #zipCode input[type=text],
  .form #form table #zipCode input[type=number] {
    width: 8em;
  }

  .form #form #personalData td:first-child {
    width: 160px;
    vertical-align: top;
    padding-top: 18px;
  }

  /* 個人情報のネストテーブル部分 */

  .form #form #personalData table td:first-child {
    width: 160px;
    text-align: right;
    vertical-align: top;
    padding-top: 10px;
    padding-right: 0.5em;
  }

  .form #form #personalData table #prefectural td:first-child {
    padding-top: 5px;
  }

  .form #form #personalData table td:first-child[colspan] {
    text-align: left;
    vertical-align: middle;
    padding-top: 0;
  }

  /* 確認画面 */

  div#mfp_overlay_inner {
    max-width: 80%;
    box-shadow: 0px 0px 10px #000;
    margin-top: 50px;
    padding: 30px 15px;
  }

  div#mfp_overlay_inner p {
    text-align: center;
  }

  div#mfp_overlay_inner table {
    width: 80%;
  }

  div#mfp_overlay_inner tr {
    border: 1px solid #d9d4c3;
  }

  div#mfp_overlay_inner table th {
    width: 15em;
    text-align: left;
    background: #ece9e1;
    border-right: 1px solid #d9d4c3;
    padding: 5px 15px;
  }

  div#mfp_overlay_inner table td {
    padding: 5px 15px;
  }

  .form #formThanks .box {
    min-height: 248px;
    border: 5px solid #fff;
  }

  .form #formThanks .container {
    min-height: 208px;
    background: url(/images/index_mainvisual_image_01.svgz) right center no-repeat;
  }

  /* SVG非対応代替 */

  .no-svg .form #formThanks .container {
    background: url(/images/index_mainvisual_image_01.png) right center no-repeat;
  }

  .form #formThanks .container p {
    width: 384px;
    font-size: 1.8rem;
    padding: 79px 0 79px 4px;
  }

  .form #formThanks .container p strong {
    font-size: 2.7rem;
  }

  .local #activity20141116 li:nth-of-type(5n) {
    margin-right: 0;
  }

  #link #mainContent #link dl {
    display: table;
  }

  #link #mainContent #link dt,
  #link #mainContent #link dd {
    display: table-cell;
    vertical-align: middle;
  }

  #link #mainContent #link ul ul dl {
    margin-top: 0.3em;
  }

  #sitemap h2 a:hover {
    color: #FCB47F;
  }

  .youtube {
    width: 560px;
    height: 315px;
  }

  .contents #mainContent {
    margin-top: 30px;
  }

  .contents #mainContent .visual {
    /* background-colorは複数設定不可なので最後に */
    background: url(/images/special_index_image_01.png) 606px 11px no-repeat, url(/images/special_index_image_04.png) 19px 73px no-repeat #fff;
    border-top: 20px solid #C60B23;
  }

  .contents #mainContent .visual .container {
    width: 950px;
    background: url(/images/special_index_image_02.png) right 20px no-repeat;
    padding: 11px 35px 30px 35px;
  }

  .contents #mainContent .visual h1 {
    width: 542px;
    height: 76px;
    background: url(/images/special_index_text_01.svgz) left top no-repeat;
    margin-top: 27px;
    margin-left: 30px;
  }

  /* SVG非対応代替 */

  .no-svg .contents #mainContent .visual h1 {
    background: url(/images/special_index_text_01.png) left top no-repeat;
  }

  .contents #mainContent .visual p {
    width: 630px;
    margin-top: 34px;
  }

  .contents #mainContent #about h2,
  .contents #mainContent #basicAgreement h2 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.6rem;
  }

  .contents #mainContent #about > .container > .container,
  .contents #mainContent #basicAgreement .container {
    border-collapse: separate;
    border-spacing: 31px 0;
    display: table;
    margin: 0 -31px;
    /* widthを指定しないとスマホでPC版閲覧時横スクロールが若干発生してしまう */
  }

  .contents #mainContent #about > .container > .container:first-child,
  .contents #mainContent #basicAgreement .container {
    width: 1012px;
    margin-top: 10px;
  }

  .contents #mainContent #about > .container > .container + .container {
    width: 685px;
    margin-top: 31px;
  }

  .contents #mainContent #about h3,
  .contents #mainContent #basicAgreement h3 {
    font-size: 1.8rem;
    line-height: 1.3;
  }

  .contents #mainContent #about a,
  .contents #mainContent #basicAgreement a {
    width: 296px;
    height: 167px;
    background: #fff left top no-repeat;
    color: #13AE67;
    border-radius: 5px;
    display: table-cell;
    padding: 187px 10px 20px 10px;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    position: relative;
  }

  .contents #mainContent #about div + div a {
    padding-top: 204px;
    padding-top: -webkit-calc(187px + 0.7em);
    padding-top: calc(187px + 0.7em);
    padding-bottom: 37px;
    padding-bottom: -webkit-calc(20px + 0.7em);
    padding-bottom: calc(20px + 0.7em);
  }

  .contents #mainContent #about a:hover:after,
  .contents #mainContent #basicAgreement a:hover:after {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    content: "";
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
  }

  .contents #mainContent #CryOfLife {
    border-radius: 5px;
    background: #fff url(/images/special_index_image_03i.png) right top no-repeat;
    background: url(/images/special_index_image_03.png) right -22px top -236px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcf3f7), to(#ffffff));
    background: url(/images/special_index_image_03.png) right -22px top -236px no-repeat, -moz-linear-gradient(top, #fcf3f7, #ffffff);
    background: url(/images/special_index_image_03.png) right -22px top -236px no-repeat, -ms-linear-gradient(top, #fcf3f7, #ffffff);
  }

  .contents #mainContent #CryOfLife a {
    color: #000;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 45px 50px 50px 50px;
  }

  .contents #mainContent #CryOfLife a:hover:after {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 5px;
    content: "";
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
  }

  .contents #mainContent #CryOfLife h2 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.4rem;
    letter-spacing: 3px;
  }

  .contents #mainContent #CryOfLife h2 span {
    font-size: 2rem;
  }

  .contents #mainContent #CryOfLife h2 + p {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-weight: bold;
    letter-spacing: 3px;
  }

  .contents #mainContent > .container {
    border-collapse: separate;
    border-spacing: 72.5px 0;
    display: table;
  }

  .contents #mainContent > .container a {
    width: 220px;
    height: 220px;
    color: #fff;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    text-decoration: none;
    position: relative;
  }

  .contents #mainContent > .container a:hover:after {
    width: 220px;
    height: 220px;
    background: #fff;
    border-radius: 50%;
    content: "";
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
  }

  .contents #mainContent > .container a h2 {
    font-size: 2rem;
    line-height: 1.2;
  }

  .contents #mainContent > .container a .tagline {
    font-size: 1.4rem;
  }

  .contents #mainContent > .container .qAndA {
    background: #fbca5a;
  }

  .contents #mainContent > .container .wish {
    background: #b7d32f;
  }

  .contents #mainContent > .container .history {
    background: #ff808f;
  }

  .specialInside > .container {
    width: 950px;
    margin: 20px auto 0 auto;
  }

  .specialInside > .container:after {
    /* clearfix (overflow: hidden;だと内部コンテンツのシャドウが消える為) */
    content: "";
    display: block;
    clear: both;
  }

  .specialInside > .container .breadcrumb {
    margin-bottom: 5px;
  }

  .specialInside #mainContent {
    width: 620px;
    background: #fff;
    border-radius: 5px;
    float: right;
    padding: 50px 25px;
  }

  .specialInside #mainContent > section {
    margin-top: 40px;
  }

  .specialInside #mainContent h1 + section,
  .specialInside #mainContent h1 + ul + section {
    margin-top: 20px;
  }

  .specialInside #mainContent h1 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.8rem;
  }

  .about #mainContent h2,
  .infectionRoute #mainContent h2,
  .whyCarrier #mainContent h2,
  .how #mainContent h2,
  .basicAgreement #mainContent h2,
  .enact #mainContent h2,
  .permanentMeasures #mainContent h2 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.4rem;
  }

  .specialInside #mainContent .bits {
    background: #fbca4d;
    border-radius: 10px;
    position: relative;
    margin: 30px;
    padding: 20px;
  }

  .specialInside #mainContent .bits p:first-child {
    font-size: 1.8rem;
    font-weight: bold;
  }

  .specialInside #mainContent figure {
    text-align: center;
  }

  .specialInside #mainContent .pageNavi {
    margin-top: 70px;
  }

  .specialInside #mainContent .pageNavi li {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  }

  .specialInside #mainContent .pageNavi li a {
    font-size: 2rem;
  }

  .specialInside #mainContent .pageNavi .prev a:before {
    font-size: 2.4rem;
  }

  .specialInside #mainContent .pageNavi .next a:after {
    font-size: 2.4rem;
  }

  .about #mainContent h3 {
    margin: 30px 0 8px 0;
  }

  .infectionRoute #mainContent .verticalInfection figure {
    margin-right: 20px;
  }

  .infectionRoute #mainContent .verticalInfection h3 {
    margin-top: 10px;
  }

  .infectionRoute #mainContent .horizontalInfection figure {
    margin-left: 15px;
  }

  .infectionRoute #mainContent .horizontalInfection h3 {
    margin-top: 20px;
  }

  .how #mainContent .experience p:first-child {
    font-size: 2rem;
  }

  .how #mainContent .experience label {
    font-size: 2rem;
    margin-left: 40px;
    padding: 3px 10px;
  }

  .how #mainContent .screening {
    padding: 15px 30px;
  }

  .how #mainContent .screening:before {
    width: 80px;
    height: 81px;
    top: -10px;
    right: 60px;
  }

  .how #mainContent .screening figure {
    margin: 50px 0 0 10px;
  }

  .how #mainContent .screening h3 {
    font-size: 2rem;
  }

  .how #mainContent .screening h4 {
    margin: 20px 0 8px 0;
  }

  .how #mainContent .bits:before {
    width: 80px;
    height: 81px;
    top: -20px;
    right: 30px;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit .goal {
    padding: 40px;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit .goal .container {
    margin-top: 20px;
    padding: 15px 20px;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit .goal h3 {
    font-size: 2rem;
  }

  .enact #mainContent #basicAgreement .content {
    padding: 40px;
  }

  .enact #mainContent #basicAgreement .content h3 {
    font-size: 2rem;
  }

  .enact #mainContent #basicAgreement .content li {
    margin-top: 20px;
    padding: 15px 20px;
  }

  .enact #mainContent #basicAgreement figure {
    margin-top: 15px;
    margin-left: 15px;
  }

  .enact #mainContent #basicAgreement .requirement {
    margin-top: 66px;
    padding: 15px 30px;
  }

  .enact #mainContent #basicAgreement .requirement h3 {
    font-size: 2rem;
  }

  .permanentMeasures #mainContent #permanentMeasures h2 {
    font-size: 2.2rem;
  }

  .permanentMeasures #mainContent #permanentMeasures .content {
    padding: 40px;
  }

  .permanentMeasures #mainContent #permanentMeasures .content h3 {
    font-size: 2rem;
  }

  .permanentMeasures #mainContent #permanentMeasures .content .container {
    margin-top: 30px;
  }

  .permanentMeasures #mainContent #permanentMeasures .content h3 + .container {
    margin-top: 20px;
  }

  #mainContent.cryOfLife {
    background: #fff url(/images/special_cry_of_life_image_01i.png) right top no-repeat;
    background: url(/images/special_cry_of_life_image_01.png) right -100px top -139px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcf3f7), color-stop(0.3, #ffffff), to(#ffffff));
    background: url(/images/special_cry_of_life_image_01.png) right -100px top -139px no-repeat, -moz-linear-gradient(top, #fcf3f7, #ffffff 30%, #ffffff);
    background: url(/images/special_cry_of_life_image_01.png) right -100px top -139px no-repeat, -ms-linear-gradient(top, #fcf3f7, #ffffff 30%, #ffffff);
  }

  #mainContent #cryOfLife h2 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: 3px;
    margin-top: 96px;
  }

  #mainContent #cryOfLife h2 + p {
    margin-top: 35px;
  }

  #mainContent #cryOfLife #contents {
    margin-top: 40px;
  }

  #mainContent #cryOfLife #contents h3 a {
    text-decoration: none;
  }

  #mainContent #cryOfLife #contents h3 a:hover {
    text-decoration: underline;
  }

  #mainContent #cryOfLife #contents h3 + p {
    margin-top: 2px;
  }

  .cryOfLifeInside #mainContent {
    background: #fff url(/images/special_cry_of_life_image_01.png) right -225px top -249px no-repeat;
  }

  .cryOfLifeInside #mainContent #voice h2 {
    font-size: 2.8rem;
  }

  .cryOfLifeInside #mainContent #voice h2:first-letter {
    font-size: 6.6rem;
  }

  .qanda #mainContent h1 span {
    vertical-align: middle;
  }

  .qanda #mainContent #qanda > div .top a {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  }

  .qanda #mainContent #qanda > #q5 .container {
    background-color: #fddf9c;
    padding: 15px 20px;
  }

  .qanda #mainContent #qanda > #q5 ul:before {
    margin-top: calc(-1.3em + -10px);
  }

  .wish #mainContent #wish .container figure {
    margin: 0 0 0 15px;
  }

  .wish #mainContent #wish p + .container + .container > figure {
    margin: 0 15px 0 0;
  }

  .history #mainContent h1 span {
    margin-left: 0.5em;
  }

  .history #mainContent th {
    padding: 5px 0 5px 8px;
  }

  .history #mainContent th + td {
    padding-left: 0;
  }

  .specialInside #subContent {
    width: 290px;
    background: #fff url(/images/special_image_01.png) right -6px top -33px no-repeat;
    border-top: 15px solid #C60B23;
    border-radius: 5px;
    float: left;
  }

  .specialInside #subContent .headline {
    width: 290px;
    height: 289px;
    display: block;
    position: relative;
  }

  .specialInside #subContent .headline p {
    width: 141px;
    height: 72px;
    background: url(/images/special_localnav_headline.svgz) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    top: 15px;
    left: 20px;
  }

  /* SVG非対応代替 */

  .no-svg .specialInside #subContent .headline p {
    background: url(/images/special_localnav_headline.png) left top no-repeat;
  }

  .specialInside #localNav {
    padding: 0 20px 30px 20px;
  }

  .specialInside #localNav li a {
    color: #000;
    text-decoration: none;
  }

  .specialInside #localNav .parent {
    border-top: 1px dotted #666;
  }

  .specialInside #localNav .parent > li {
    line-height: 1.2;
    list-style: none;
    border-bottom: 1px dotted #666;
    padding: 15px 0 15px 1em;
  }

  .specialInside #localNav .parent > li:before {
    color: #13ae67;
    content: "■";
    margin-left: -0.9em;
    position: relative;
    top: -3px;
  }

  .specialInside #localNav .parent > li > a {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .specialInside #localNav .parent > li > a:hover {
    color: #13ae67;
    text-decoration: none;
  }

  .specialInside #localNav .child {
    margin-top: 12px;
  }

  .specialInside #localNav .child li {
    list-style-type: disc;
    margin-top: 10px;
    margin-left: 1em;
  }

  .specialInside #localNav .child li a:hover {
    text-decoration: underline;
  }

  #regionalCounseling header,
  #regionalCounseling #mainContent {
    width: 750px;
    margin: 0 auto;
  }

  #regionalCounseling h1 {
    width: 750px;
    height: 121px;
    background: url(/images/regional_counseling_header.svgz) 35px 35px no-repeat, url(/images/regional_counseling_header_img.svgz) right 15px top no-repeat, url(/images/regional_counseling_header_bg.png) left top repeat #3b8cd7;
    border: 5px solid #fff;
    border-radius: 3px;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  /* SVG非対応代替 */

  .no-svg #regionalCounseling h1 {
    background: url(/images/regional_counseling_header.png) 35px 35px no-repeat, url(/images/regional_counseling_header_img.png) right 15px top no-repeat, url(/images/regional_counseling_header_bg.png) left top repeat #3b8cd7;
  }

  #regionalCounseling table {
    width: 750px;
    margin-top: 30px;
  }

  #regionalCounseling table + p,
  #regionalCounseling table + p + p {
    margin-top: 20px;
  }

  #regionalCounseling.sp h2 {
    font-size: 2.6rem;
    line-height: 1;
    margin-bottom: 15px;
    padding-bottom: 7px;
  }

  #regionalCounseling.sp td:first-child {
    width: 35%;
  }

  #regionalCounseling.sp h3 + .url {
    position: absolute;
    right: 13px;
  }
}

@media screen and (min-width: 641px) {
  .voice .readText {
    margin-top: 45px;
  }

  .voice .volceList {
    margin-top: 40px;
  }

  .voice .volceItem {
    font-size: 2.8rem;
  }

  .voice .volceItem:nth-child(3) {
    font-size: 2.6rem;
  }

  .voice .volceItem a {
    min-height: 4em;
  }

  .voice .volceItem:before {
    font-size: 2.8rem;
  }

  .voice .volceItem span {
    font-size: 2.2rem;
  }

  .voice .recitation span {
    top: 0.1em;
  }

  .voice .oral_history a {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  #mainContent #cryOfLife h2 {
    font-size: 2.8rem;
  }

  #mainContent #cryOfLife h2 span {
    font-size: 2.2rem;
  }

  #mainContent #recitation h2 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.8rem;
  }

  #mainContent #recitation h2 span {
    font-size: 2.2rem;
  }

  #mainContent #oral_history h2 {
    font-family: HelveticaNeue, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 2.8rem;
  }

  #mainContent #oral_history h2 span {
    font-size: 2.2rem;
  }

  #mainContent #oral_history .profile {
    overflow: hidden;
  }

  #mainContent #oral_history .profile .photo {
    float: left;
    margin-right: 10px;
  }

  #mainContent #oral_history .movie {
    margin-top: 30px;
  }
}

@media not screen and (min-width: 641px) {
  .voice .readText {
    margin-top: 35px;
  }

  .voice .volceList {
    margin-top: 30px;
  }

  .voice .volceItem {
    font-size: 1.9rem;
    line-height: 1.4;
  }

  .voice .volceItem:nth-child(3) {
    font-size: 1.7rem;
  }

  .voice .volceItem a {
    min-height: 3.5em;
  }

  .voice .volceItem:before {
    font-size: 1.9rem;
  }

  .voice .volceItem span {
    font-size: 1.6rem;
  }

  .voice .recitation span {
    top: 0.05em;
  }

  #mainContent #recitation h2 {
    font-size: 2.2rem;
  }

  #mainContent #recitation h2 span {
    font-size: 1.9rem;
  }

  #mainContent #oral_history h2 {
    font-size: 2.2rem;
  }

  #mainContent #oral_history h2 span {
    font-size: 1.9rem;
  }

  #mainContent #oral_history .profile .photo {
    width: 160px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
  }

  #mainContent #oral_history .profile .photo img {
    width: 100%;
    height: 100%;
  }

  #mainContent #oral_history .movie {
    margin-top: 20px;
  }
}

@media screen and (max-width: 640px) {
  .box {
    margin: 20px 10px;
    padding: 20px 10px;
  }

  .spbr:before {
    content: "\a";
    white-space: pre;
  }

  .pageTop {
    margin: 50px 5px 0 5px;
  }

  /* 簡易検索ボックス */

  .searchBox {
    margin: 10px 10px 0 10px;
    padding: 10px;
  }

  .searchBox p,
  .searchBox li {
    font-size: 1.4rem;
  }

  /* 簡易検索プルダウンメニュー */

  .searchPulldown {
    margin: 10px 10px 0 10px;
    padding: 10px;
  }

  .searchPulldown dt,
  .searchPulldown dd {
    font-size: 1.4rem;
  }

  /* 時系アイコン群 */

  .iconDate li {
    font-size: 1.2rem;
    padding: 6px;
  }

  /* 手続きアイコン群 */

  .iconProcess .pay,
  .iconProcess .free,
  .iconProcess .need,
  .iconProcess .noNeed {
    font-size: 1.2rem;
    padding: 5px;
  }

  header {
    background: #fff;
    padding-top: 5px;
  }

  header .globalNavButtonContainer {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0 5px;
  }

  header .globalNavButtonContainer h1 {
    width: 65%;
    margin-right: auto;
  }

  header .globalNavButtonContainer h1 img {
    width: 100%;
  }

  .contactButton {
    width: 48px;
    height: 48px;
    background: #00A23F;
    border-radius: 5px;
    position: relative;
    margin-right: 7px;
  }

  .contactButton a {
    width: 100%;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.1em;
    text-decoration: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0.9, 1);
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .contactButton a:before {
    font-family: FontAwesome;
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;
    content: "";
    display: block;
    transform: scale(1.1111, 1);
  }

   .contactButton:hover {
    cursor: pointer;
    opacity: 0.7;
  }

  .globalNavButton {
    width: 46px;
    height: 48px;
    background: #F96900;
    border-radius: 5px;
    position: relative;
  }

  .globalNavButton span {
    width: 100%;
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -0.1em;
    text-decoration: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    text-align: center;
    white-space: nowrap;
  }

  .globalNavButton span:before {
    color: #fff;
    font-family: FontAwesome;
    font-size: 3rem;
    font-weight: normal;
    line-height: 1;
    content: "";
    display: block;
  }

  .globalNavButton:hover {
    cursor: pointer;
    opacity: 0.7;
  }

  .area {
    margin-top: 5px;
  }

  .area p {
    font-size: 0.9rem;
    font-weight: bold;
  }

  header .totalNumbers {
    width: 100%;
  }

  header .totalNumbers > dt {
    font-size: 1.4rem;
    font-weight: bold;
  }

  header .totalNumbers > dt span {
    font-size: 0.9rem;
    font-weight: normal;
  }

  header .totalNumbers > dt .note {
    font-size: 0.9rem;
  }

  header .totalNumbers dd dt {
    font-size: 1rem;
    font-weight: bold;
  }

  header .totalNumbers dd dd li {
    font-size: 1rem;
  }

  header .totalNumbers dd dd li b {
    font-size: 1.6rem;
  }

  header nav {
    display: none;
  }

  header .tel {
    display: none;
  }

  header .form {
    display: none;
  }

  #globalNav {
    width: 300px;
    height: 100%;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    overflow: auto;
    position: fixed;
    top: 0;
    right: -300px;
    z-index: 99;
  }

  #globalNav.block {
    -webkit-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }

  #globalNav.block:not(:target) {
    left: 0\9;
  }

  #globalNav .close {
    color: #fff;
    font-size: 0.9rem;
    font-weight: bold;
    line-height: 1;
    background: #F96900;
    border-radius: 5px;
    text-align: center;
    padding: 1px 10px 6px 10px;
    white-space: nowrap;
    position: absolute;
    top: 5px;
    right: 5px;
  }

  #globalNav .close:hover {
    cursor: pointer;
    opacity: 0.7;
  }

  #globalNav .close:before {
    font-family: FontAwesome;
    font-size: 3.2rem;
    font-weight: normal;
    line-height: 1;
    content: "";
    display: block;
  }

  #sd-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }

  #sd-overlay.block {
    z-index: 9;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  #sd-overlay-android {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    background: rgba(0, 0, 0, 0.5);
  }

  #globalNav {
    background: #fff;
    padding-top: 58px;
  }

  /* 大カテゴリ */

  #globalNav .parent {
    border-bottom: 1px dotted #ccc7b7;
  }

  #globalNav .parent > li {
    line-height: 1;
    list-style: none;
  }

  #globalNav .parent li p {
    background: #F96900 url(/images/bg_globalnav.png) left top repeat;
    background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
    background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    cursor: pointer;
    border-top: 1px solid #fff;
  }

  #globalNav .parent li:first-child p {
    border-top: none;
  }

  #globalNav .parent li p a {
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    text-decoration: none;
    padding: 0.5em 30px 1.1em 13px;
    position: relative;
  }

  #globalNav .parent p a:before {
    color: #fc0;
    font-family: GlobalNav;
    font-size: 2.6rem;
    font-weight: normal;
    position: relative;
    top: 4px;
  }

  #globalNav .index p a:before {
    font-size: 2.5rem;
    content: "";
    top: 3px;
    left: -5px;
  }

  #globalNav .about p a:before {
    content: "";
    top: 3px;
    left: -5px;
  }

  #globalNav .feature p a:before {
    content: "";
    left: -5px;
  }

  #globalNav .history p a:before {
    content: "";
    left: -6px;
  }

  #globalNav .schedule p a:before {
    content: "";
    top: 3px;
    left: -6px;
  }

  #globalNav .courtGuide p a:before {
    content: "";
    left: -6px;
  }

  #globalNav .faq p a:before {
    content: "";
    left: -6px;
  }

  #globalNav .contact p a:before {
    content: "";
    left: -6px;
  }

  #globalNav .parent p a:after {
    color: #fc0;
    font-family: FontAwesome;
    font-size: 2.3rem;
    font-weight: normal;
    content: "";
    position: absolute;
    top: 53%;
    -webkit-transform: translateY(-53%);
    -ms-transform: translateY(-53%);
    transform: translateY(-53%);
    right: 6px;
  }

  /* 小カテゴリ */

  #globalNav .child li {
    line-height: 1.2;
    list-style: none;
    border-top: 1px dotted #ccc7b7;
    position: relative;
  }

  #globalNav .child li:first-child {
    border-top: none;
  }

  #globalNav .child li a {
    color: #7e3500;
    text-decoration: none;
    display: block;
    padding: 1em 22px 1em 13px;
    position: relative;
  }

  #globalNav .child li a:after {
    color: #fcb47f;
    font-family: GeneralSymbol;
    font-size: 1.4rem;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 7px;
  }

  /* プライマリナビ */

  #globalNav .primaryNav {
    overflow: hidden;
    margin-top: 30px;
  }

  #globalNav .primaryNav li {
    width: 50%;
    font-size: 1.3rem;
    line-height: 1.2;
    background: #fc0;
    border-top: 1px solid #fff;
    list-style: none;
    float: left;
  }

  #globalNav .primaryNav li:nth-child(odd) {
    border-right: 1px solid #fff;
  }

  #globalNav .primaryNav li:first-child,
  #globalNav .primaryNav li:nth-child(2) {
    border-top: none;
  }

  #globalNav .primaryNav li a {
    color: #7e3500;
    text-decoration: none;
    display: block;
    padding: 18px 10px;
    position: relative;
  }

  #globalNav .primaryNav li a:after {
    color: #fff;
    font-family: GeneralSymbol;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 7px;
  }

  #index .mainVisual {
    overflow: hidden;
  }

  #index .mainVisual .container {
    display: -webkit-box;
    /* Android4.3以前ブラウザ用 */
    display: -ms-flexbox;
    /* IE10用 */
    display: -webkit-flex;
    /* iOS8以前Safari用 */
    display: flex;
    -webkit-box-orient: vertical;
    /* Android4.3以前ブラウザ用 */
    -webkit-box-direction: normal;
    /* Android4.3以前ブラウザ用 */
    -ms-flex-direction: column;
    /* IE10用 */
    -webkit-flex-direction: column;
    /* iOS8以前Safari用 */
    flex-direction: column;
  }

  #index .mainVisual .read {
    background: #ffc296;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe9d8), to(#ffc296));
    background: -moz-linear-gradient(top, #ffe9d8, #ffc296);
    background: -ms-linear-gradient(top, #ffe9d8, #ffc296);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9d8', endColorstr='#ffc296', GradientType=0)";
    border-bottom: 3px solid #fff;
    padding: 23px 0 25px 0;
  }

  #index .mainVisual .read span {
    height: 0;
    background: url(/images/index_mainvisual_01s.svgz) left top no-repeat;
    background-size: contain;
    display: block;
    margin: 0 5px;
    padding-top: 23.62%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  /* SVG非対応代替 */

  .no-svg #index .mainVisual .read span {
    background: url(/images/index_mainvisual_01s.png) left top no-repeat;
    background-size: contain;
  }

  #index .mainVisual .text {
    -webkit-box-ordinal-group: 3;
    /* Android4.3以前ブラウザ用 */
    flex-order: 3;
    /* IE10用 */
    -webkit-order: 3;
    /* iOS8以前Safari用 */
    order: 3;
    margin-top: 7px;
    padding: 0 5px;
  }

  #index .mainVisual ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    /* Android4.3以前ブラウザ用 */
    flex-order: 2;
    /* IE10用 */
    -webkit-order: 2;
    /* iOS8以前Safari用 */
    order: 2;
    display: table;
    table-layout: fixed;
  }

  #index .mainVisual li {
    height: 3.6em;
    line-height: 1.2;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  #index .mainVisual li a {
    color: #fff;
    height: 3.6em;
    font-weight: bold;
    background: #ff6666;
    text-decoration: none;
    display: block;
    padding-top: 0.7em;
  }

  #index .mainVisual li:nth-child(2) a {
    background: #f38f00;
  }

  #index .mainVisual li:nth-child(3) a {
    background: #6ead60;
  }

  #index .mainVisual li:nth-child(4) a {
    background: #4b98b2;
  }

  #index #mainContent #topics {
    border-radius: 5px;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }

  #index #mainContent #topics h2 {
    border-radius: 5px 5px 0 0;
    padding: 5px 10px;
  }

  #index #mainContent #topics h2:before {
    margin-right: 2px;
  }

  #index #mainContent #topics dl {
    margin-top: 1em;
    padding: 0 10px 10px 10px;
  }

  #index #mainContent #topics dd {
    line-height: 1.3;
  }

  #index #mainContent #cm {
    text-align: center;
    margin-top: 20px;
    padding: 0 10px;
  }

  #index #mainContent .totalNumbers {
    display: none;
  }

  #index #courtGuide h2,
  #index #mainContent > .container > section h2 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 7px;
    padding: 0 5px 4px 5px;
  }

  #index #courtGuide {
    margin-top: 30px;
  }

  #index #courtGuide .requirement,
  #index #courtGuide .benefits,
  #index #courtGuide .cost,
  #index #courtGuide .flowchart {
    background: #fff;
  }

  #index #courtGuide .flowchart {
    border-bottom: 1px solid #D9D4C3;
  }

  #index #courtGuide h2 + p {
    margin-bottom: 10px;
    padding: 0 5px;
  }

  #index #courtGuide h3 {
    background: #fff;
    min-height: 4em;
    color: #7e3500;
    line-height: 1.3;
    border-top: 1px solid #D9D4C3;
    padding-left: 20px;
    position: relative;
    cursor: pointer;
    padding-top: 0.8em;
  }

  #index #courtGuide .benefits h3,
  #index #courtGuide .cost h3,
  #index #courtGuide .flowchart h3 {
    padding-top: 1.4em;
  }

  #index #courtGuide .benefits .toggle,
  #index #courtGuide .cost .toggle,
  #index #courtGuide .flowchart .toggle {
    padding: 0 5px;
  }

  #index #courtGuide h3:before {
    height: 80%;
    border-left: 8px solid #f96900;
    content: "";
    position: absolute;
    top: 10%;
    left: 5px;
  }

  #index #courtGuide h3:after {
    font-family: FontAwesome;
    line-height: 1;
    color: #fff;
    background: #f96900;
    border-radius: 5px;
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    padding: 8px 8px 6px 8px;
  }

  #index #courtGuide h3.active:after {
    content: "";
  }

  #index #courtGuide .toggle {
    display: none;
  }

  #index #courtGuide .requirement ol,
  #index #courtGuide .cost ol {
    counter-reset: li;
  }

  #index #courtGuide .requirement ol li,
  #index #courtGuide .cost ol li {
    list-style: none;
    line-height: 1.3;
    margin-top: 15px;
    padding-left: 2.3em;
    position: relative;
  }

  #index #courtGuide .requirement ol li:before,
  #index #courtGuide .cost ol li:before {
    counter-increment: li;
    content: counter(li);
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    background: #00669a;
    padding: 0.4em 0.7em;
    position: absolute;
    top: -5px;
    left: 0;
  }

  #index #courtGuide .requirement ol li:after,
  #index #courtGuide .cost ol li:after {
    width: 0;
    height: 0;
    content: " ";
    position: absolute;
    top: 0.25em;
    left: 1.5em;
    margin-top: 0;
    display: block;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #00669a;
  }

  #index #courtGuide em {
    font-style: normal;
    background: #e5ff00;
    background: linear-gradient(transparent 20%, #e5ff00 20%);
  }

  #index #courtGuide strong {
    color: #ff0000;
    font-size: 1.8rem;
  }

  #index #courtGuide .more {
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 2em;
    padding-bottom: 1em;
    text-align: right;
  }

  #index #courtGuide .requirement {
    text-align: center;
  }

  #index #courtGuide .requirement h3 {
    text-align: left;
  }

  #index #courtGuide .requirement dl {
    text-align: left;
  }

  #index #courtGuide .requirement dt {
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #f96900;
    padding: 3px 0;
  }

  #index #courtGuide .requirement dd {
    padding: 0 5px;
  }

  #index #courtGuide .requirement dd span {
    font-size: 1.2rem;
  }

  #index #courtGuide .requirement .or {
    font-size: 1.3rem;
    background: #ffcc00;
    border-radius: 30px;
    margin: 15px auto 18px auto;
    padding: 5px 12px;
    display: inline-block;
  }

  #index #courtGuide .requirement .more {
    padding-left: 5px;
    padding-right: 5px;
  }

  #index #courtGuide .benefits figure {
    width: 40%;
  }

  #index #courtGuide .benefits figure img {
    width: 100%;
  }

  #index #courtGuide .flowchart ol {
    counter-reset: li;
    margin-top: 15px;
  }

  #index #courtGuide .flowchart li {
    line-height: 1.2;
    text-align: center;
    background: #ffcc00;
    border-radius: 30px;
    list-style: none;
    position: relative;
    padding: 1em;
    margin-top: 30px;
  }

  #index #courtGuide .flowchart li:first-child {
    margin-top: 0;
  }

  #index #courtGuide .flowchart li .br:before {
    content: "・";
  }

  #index #courtGuide .flowchart li:before {
    counter-increment: li;
    content: counter(li);
    color: #F96900;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 0.6em;
    left: 1em;
  }

  #index #courtGuide .flowchart li:after {
    width: 100%;
    color: #F96900;
    font-family: FontAwesome;
    font-size: 3rem;
    content: "";
    line-height: 1;
    position: absolute;
    bottom: -29px;
    left: 0;
    display: block;
  }

  #index #courtGuide .contact {
    background: #F96900 url(/images/bg_globalnav.png) left top repeat;
    background: url(/images/bg_globalnav.png) left top repeat, -webkit-gradient(linear, left top, left bottom, from(#f97718), color-stop(0.5, #F96900), to(#e15f00));
    background: url(/images/bg_globalnav.png) left top repeat, -moz-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    background: url(/images/bg_globalnav.png) left top repeat, -ms-linear-gradient(top, #f97718, #F96900 50%, #e15f00);
    margin-top: 30px;
  }

  #index #courtGuide .contact a {
    text-decoration: none;
  }

  #index #courtGuide .contact .container {
    margin: 0 5px;
    position: relative;
  }

  #index #courtGuide .contact .container:after {
    width: 20%;
    height: 0;
    padding-top: 30%;
    content: "";
    background: url(/images/index_contact_image_01.svgz) right top no-repeat;
    background-size: contain;
    display: block;
    position: absolute;
    bottom: -2px;
    right: 0;
  }

  #index #courtGuide .contact .text {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    margin-right: 20%;
    text-align: center;
    padding-top: 15px;
  }

  #index #courtGuide .contact .text span {
    font-size: 1.4rem;
  }

  #index #courtGuide .contact .text strong {
    color: #FF0;
    font-size: 1.4rem;
  }

  #index #courtGuide .contact .number {
    margin: 8px 20% 10px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
  }

  #index #courtGuide .contact .number .freeDial {
    width: 280px;
    height: 36px;
    background: url(/images/index_contact_number_02.svg) left top/contain no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  #index #courtGuide .contact .number .general {
    width: 200px;
    height: 22px;
    background: url(/images/index_contact_number_01.svgz) left top/contain no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 10px;
  }

  #index #courtGuide .contact ul {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 15px 0;
    table-layout: fixed;
    margin: 13px 0 10px 0;
  }

  #index #courtGuide .contact li {
    font-weight: bold;
    line-height: 1;
    list-style: none;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;
  }

  #index #courtGuide .contact li .spbr {
    font-size: 1.2rem;
  }

  #index #courtGuide .contact li a {
    color: #fff;
    background: #7e3500;
    padding: 10px 0;
    display: block;
    border-radius: 5px;
  }

  #index #courtGuide .contact li a:before {
    font-size: 3.6rem;
    font-weight: normal;
    display: block;
    position: relative;
  }

  #index #courtGuide .contact li:first-child a:before {
    color: #ffcc00;
    top: -4px;
  }

  #index #courtGuide .contact li:nth-child(2) a:before {
    color: #ff8d8d;
  }

  #index #courtGuide .contact ul + p {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    padding: 0 5px 10px 5px;
  }

  #index #courtGuide .contact ul + p a {
    color: #fff;
    text-decoration: underline;
  }

  #index #courtGuide .contact ul + p a:hover {
    text-decoration: none;
  }

  #index #counseling {
    margin-top: 30px;
  }

  /* テーブル部 */

  #index #counseling table {
    width: 96.5%;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin: 10px 5px 0 5px;
  }

  #index #counseling td {
    padding: 10px;
  }

  /* 日付・曜日 */

  #index #counseling .year {
    font-size: 1.2rem;
    margin-bottom: 2px;
  }

  #index #counseling .date {
    font-size: 2rem;
  }

  #index #counseling .week {
    font-size: 1.4rem;
    margin-left: 1px;
  }

  /* タイトル */

  #index #counseling h3 + p {
    font-size: 1.4rem;
  }

  #index #counseling table + ul {
    margin-left: 5px;
    margin-right: 5px;
  }

  #index #counseling table + ul li {
    font-size: 1.4rem;
    line-height: 1.3;
  }

  #index #faq {
    margin-top: 30px;
  }

  #index #faq h2 + p,
  #index #faq h3 {
    margin-left: 5px;
    margin-right: 5px;
  }

  #index #faq ul {
    margin-left: 2.1em;
    margin-left: -webkit-calc(1.75em + 5px);
    margin-left: calc(1.75em + 5px);
    margin-right: 5px;
  }

  #index #faq .more {
    font-size: 1.4rem;
    text-align: right;
    margin: 1em 5px 0 0;
  }

  #index #special {
    margin-top: 30px;
  }

  #index #special figure {
    margin-top: 10px;
  }

  #index #special figure img {
    width: 100%;
  }

  #index #special figure + p {
    margin: 7px 5px 0 5px;
  }

  #index #special .more {
    font-size: 1.4rem;
    text-align: right;
    margin: 1em 5px 0 0;
  }

  #index #news {
    margin-top: 30px;
  }

  #index #news dl {
    margin: 0 5px;
  }

  #index #news dt {
    margin-top: 1em;
  }

  #index #news dt:first-child {
    margin-top: 0;
  }

  #index #subContent {
    margin-top: 50px;
    padding: 50px 5px 0 5px;
    border-top: 1px dotted #d9d4c3;
    overflow: hidden;
  }

  #index #subContent > div {
    width: 48.7%;
    width: -webkit-calc(50% - 3.5px);
    width: calc(50% - 3.5px);
    float: left;
  }

  #index #subContent > div:first-child,
  #index #subContent > div:nth-child(3) {
    margin-right: 7px;
  }

  #index #subContent > div:nth-child(3),
  #index #subContent > div:nth-child(4) {
    margin-top: 7px;
  }

  #index #subContent p {
    display: none;
  }

  #index #subContent figure img {
    width: 100%;
    border-radius: 5px;
  }

  footer #link {
    display: none;
  }

  footer .footer > .container {
    background: #fff;
    padding-top: 20px;
  }

  footer .footer address {
    font-size: 1.4rem;
    font-style: normal;
    margin: 0 5px;
  }

  footer .footer address b {
    font-size: 1.6rem;
    display: inline-block;
    line-height: 1.3;
    margin-bottom: 5px;
  }

  footer .footer .container .container {
    background: #e56100;
    margin-top: 20px;
    padding: 20px 5px;
  }

  footer .footer li {
    font-size: 1.3rem;
    list-style: none;
    display: inline-block;
    margin-right: 1em;
  }

  footer .footer .container > ul:first-child li:before {
    color: #fc0;
    font-size: 1.1rem;
    font-family: GeneralSymbol;
    content: "";
  }

  footer .footer li a {
    color: #fff;
  }

  footer .footer .container .container p {
    color: #fff;
    line-height: 1.3;
    margin-top: 10px;
  }

  .inside #mainContent {
    margin-top: 20px;
  }

  .inside #mainContent > section {
    margin-top: 50px;
  }

  .inside #mainContent > section > section {
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .inside #mainContent h1 + section,
  .inside #mainContent h1 + ul + section {
    margin-top: 20px;
  }

  .breadcrumb {
    display: none;
  }

  .inside #mainContent h1 {
    font-size: 2.6rem;
    border-left: 8px solid #f96900;
    margin-left: 5px;
    padding: 13px 0 10px 8px;
  }

  .inside #mainContent h2 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 7px;
    padding: 0 5px 4px 5px;
  }

  .inside #mainContent h3 {
    font-size: 2rem;
    margin-bottom: 7px;
    padding: 0 0 2px 2.5rem;
  }

  .inside #mainContent h4 {
    font-size: 1.8rem;
  }

  .inside .localNav {
    display: none;
  }

  .inside .bannerArea {
    border-top: 1px dotted #d9d4c3;
    margin-top: 50px;
    padding: 50px 5px 0 5px;
    overflow: hidden;
  }

  .inside .bannerArea li {
    width: 48.7%;
    width: -webkit-calc(50% - 3.5px);
    width: calc(50% - 3.5px);
    float: left;
  }

  .inside .bannerArea li:first-child,
  .inside .bannerArea li:nth-child(3) {
    margin-right: 7px;
  }

  .inside .bannerArea li:nth-child(3),
  .inside .bannerArea li:nth-child(4) {
    margin-top: 7px;
  }

  /* 丸数字 */

  .currentStatus #substance tr:nth-child(2) td:first-child,
  .currentStatus #substance tr:nth-child(3) td:first-child,
  .currentStatus #substance tr:nth-child(4) td:first-child,
  .currentStatus #substance tr:nth-child(5) td:first-child,
  .currentStatus #substance tr:nth-child(6) td:first-child,
  .currentStatus #substance tr:nth-child(7) td:first-child,
  .currentStatus #substance tr:nth-child(8) td:first-child {
    text-indent: -1em;
    padding-left: 1.5em;
  }

  .currentStatus #substance th {
    padding: 6px 9px;
  }

  .currentStatus #substance td {
    padding: 3px 9px;
  }

  .currentStatus #challenge ol {
    margin: 0 5px;
  }

  .leaderMessage #message h2 + p {
    text-align: right;
    margin-bottom: 20px;
    padding: 0 5px;
  }

  .leaderMessage #message figure {
    text-align: center;
  }

  .leaderMessage #message h3 {
    font-size: 1.8rem;
    margin-top: 30px;
  }

  .leaderMessage #message h3:before {
    padding: 0 5px;
  }

  .leaderMessage #message h3 + p {
    padding: 0 5px;
  }

  .lawyers #feature p,
  .lawyers #feature .note > dl,
  .lawyers #feature .request > dl,
  .lawyers #feature h4 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .lawyers #feature h3 {
    padding-left: 0;
  }

  .lawyers #feature h3:before {
    font-size: 6.8rem;
    float: left;
    margin-top: -0.18em;
    margin-right: 0.2em;
  }

  .lawyers #feature .request > dl > dt {
    line-height: 1.4;
  }

  .lawyers #feature .request > dl > dd {
    margin-top: 5px;
  }

  .lawyers #feature .request dl dl {
    border-top: 1px dotted #D9D5C9;
    padding: 6px 0;
  }

  .lawyers #feature h4 {
    margin-top: 30px;
  }

  .humanRightsPromotion #humanRightsPromotion > p {
    margin-left: 5px;
    margin-right: 5px;
  }

  .humanRightsPromotion #humanRightsPromotion figure img {
    width: 80%;
  }

  .humanRightsPromotion #humanRightsPromotion ol {
    margin-left: 0;
  }

  .humanRightsPromotion #humanRightsPromotion ol li {
    font-size: 2rem;
  }

  .humanRightsPromotion #humanRightsPromotion .box p:first-child {
    line-height: 1.2;
  }

  .humanRightsPromotion #humanRightsPromotion .insideContact b span {
    display: inline-block;
  }

  .humanRightsPromotion #humanRightsPromotion .insideContact li {
    font-size: 1.8rem;
  }

  .humanRightsPromotion #humanRightsPromotion .insideContact:after {
    width: 100px;
    height: 100%;
    content: "";
    background: url(/images/index_contact_image_01.svgz) right bottom no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    bottom: 17px;
    right: 20px;
  }

  .humanRightsPromotion #humanRightsPromotion .insideContact .data {
    padding-right: 125px;
  }

  .numbers #mainContent #numbers h3 {
    position: relative;
  }

  .numbers #mainContent #numbers h3:after {
    color: #fff;
    font-size: 1.2rem;
    line-height: 1;
    content: "表は左右にスクロールできます";
    background: #F96900;
    border-radius: 7px;
    padding: 0.2em 0.5em;
    position: absolute;
    left: 0;
    bottom: -30px;
  }

  .numbers #mainContent #numbers .container {
    width: 100%;
    overflow-x: auto;
    margin-top: 2em;
  }

  .numbers #mainContent #numbers table {
    width: 640px;
  }

  .numbers #mainContent #numbers th,
  .numbers #mainContent #numbers td {
    padding: 3px 6px;
  }

  .numbers #mainContent #numbers th {
    border-bottom: none;
    padding-top: 5px;
  }

  /* 縦テーブル */

  .numbersOsaka #mainContent #numbersOsaka .container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .numbersOsaka #mainContent #numbersOsaka dl {
    width: 100%;
    border-top: 1px solid #d9d4c3;
    display: table;
  }

  .numbersOsaka #mainContent #numbersOsaka dl:first-child {
    border-top: none;
  }

  .numbersOsaka #mainContent #numbersOsaka dl:nth-child(even) {
    background: #faf9f7;
  }

  .numbersOsaka #mainContent #numbersOsaka dt,
  .numbersOsaka #mainContent #numbersOsaka dd {
    display: table-cell;
    padding: 5px 10px;
  }

  .numbersOsaka #mainContent #numbersOsaka dt {
    width: 53%;
    border-right: 1px dotted #d9d4c3;
  }

  .numbersOsaka #mainContent #numbersOsaka dd {
    width: 47%;
  }

  .activitySummary #activitySummary h3,
  .activitySummary #activitySummary dl {
    margin-left: 5px;
    margin-right: 5px;
  }

  .activitySummary #activitySummary dt {
    margin: 0.7em 0 3px 0;
    padding-top: 1em;
  }

  .activitySummary #activitySummary dt:first-child {
    padding-top: 0.5em;
  }

  .activitySummary #activitySummary dd {
    margin-bottom: 1em;
  }

  .activitySummary #activitySummary dd + dd {
    margin-top: 0;
  }

  .activitySummary #activitySummary figure img {
    width: 85%;
  }

  .activitySummary #activitySummary figure img:not(:first-of-type) {
    margin-top: 10px;
  }

  .activitySummary #activitySummary .box {
    margin-top: 0;
  }

  .courtReport #courtReport article {
    margin: 30px 5px 0 5px;
  }

  .statement #statement article {
    margin: 30px 5px 0 5px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th {
    padding: 7px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all td {
    display: block;
    padding: 7px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th + td {
    padding: 7px 7px 0 7px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th + td + td {
    line-height: 1;
    padding: 0 7px 7px 7px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th + td + td a {
    font-size: 1.2rem;
  }

  .localGovernment #localGovernment #medicalSubsidy #all th + td + td a:before {
    font-size: 1.1rem;
    margin-right: 1px;
  }

  .localGovernment #localGovernment #medicalSubsidy #all .okinawa th {
    height: 3.3em;
  }

  .localGovernment #localGovernment #medicalSubsidy .caption {
    margin-top: 15px;
  }

  .localGovernment #localGovernment #medicalSubsidy dt,
  .localGovernment #localGovernment #medicalSubsidy dd {
    padding: 3px 9px;
  }

  .localGovernment #localGovernment #medicalSubsidy dt {
    font-size: 1.4rem;
    font-weight: bold;
  }

  .localGovernment #localGovernment #medicalSubsidy dd {
    font-size: 1.3rem;
  }

  .localGovernment #localGovernment #comprehensiveSettlement h3 span {
    font-size: 1.6rem;
  }

  .localGovernment #localGovernment #comprehensiveSettlement .caption {
    margin-top: 20px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement #prefecture {
    margin-top: 3px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement th,
  .localGovernment #localGovernment #comprehensiveSettlement td {
    font-size: 1.4rem;
    padding: 4px 8px;
  }

  .localGovernment #localGovernment #comprehensiveSettlement th {
    vertical-align: top;
  }

  .localGovernment #localGovernment #comprehensiveSettlement tr:first-child th {
    padding: 8px;
    vertical-align: middle;
  }

  /* 検索結果件数 */

  .counseling #counseling .result {
    margin-left: 5px;
    margin-right: 5px;
  }

  .counseling #counseling .result b {
    font-size: 2.4rem;
  }

  /* エントリー1件 */

  .counseling #counseling .entry {
    margin: 50px 5px 0 5px;
  }

  .counseling #counseling .entry:first-of-type {
    margin-top: 30px;
  }

  /* タイトル */

  .counseling #counseling .entry h3 {
    font-size: 1.8rem;
    margin-top: 35px;
    padding-bottom: 7px;
  }

  /* 主要情報矢印 */

  .counseling #counseling .entry .date,
  .counseling #counseling .entry .venue {
    font-size: 1.2rem;
    top: 2px;
    padding-right: 2px;
  }

  .counseling #counseling .entry .date:after,
  .counseling #counseling .entry .venue:after {
    border-width: 11px;
    right: -22px;
    margin-top: -11px;
  }

  .counseling #counseling .entry dd {
    margin-left: 60px;
  }

  /* 詳細情報テーブル */

  .counseling #counseling .entry .detail th,
  .counseling #counseling .entry .detail td {
    font-size: 1.4rem;
  }

  .counseling #counseling .entry .detail th {
    vertical-align: top;
  }

  /* ページ送り */

  .counseling #counseling .wp-pagenavi {
    margin-top: 50px;
  }

  /* 個別エントリー */

  #scheduleSingle #counseling p:last-child {
    margin-left: 5px;
    margin-right: 5px;
  }

  .court #court > p {
    margin: 0 5px;
  }

  .court #court > p span {
    display: block;
  }

  .court #court .date {
    margin-left: 25px;
  }

  .court #court .place {
    margin-top: 30px;
  }

  .condition #condition h3 {
    margin-top: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .condition #condition p {
    margin-left: 5px;
    margin-right: 5px;
  }

  /* 丸数字 */

  .benefits #benefits tr:nth-child(2) td:first-child,
  .benefits #benefits tr:nth-child(3) td:first-child,
  .benefits #benefits tr:nth-child(4) td:first-child,
  .benefits #benefits tr:nth-child(5) td:first-child,
  .benefits #benefits tr:nth-child(6) td:first-child,
  .benefits #benefits tr:nth-child(7) td:first-child,
  .benefits #benefits tr:nth-child(8) td:first-child {
    text-indent: -1em;
    padding-left: 1.5em;
  }

  .benefits #benefits th,
  .benefits #benefits td {
    padding: 6px 9px;
  }

  .benefits #benefits th,
  .benefits #benefits th:first-child {
    width: 58%;
  }

  .benefits #benefits th:nth-child(2) {
    width: 42%;
  }

  .cost #cost h2 + p,
  .cost #cost h2 + p + ol {
    margin-left: 5px;
    margin-right: 5px;
  }

  .cost #cost th {
    padding: 8px 12px;
  }

  .cost #cost th span:first-child {
    display: none;
  }

  .cost #cost td {
    line-height: 1.3;
    padding: 8px 12px;
    white-space: nowrap;
  }

  .flowchart #flowchart h2 + p {
    margin-left: 5px;
    margin-right: 5px;
  }

  .flowchart #flowchart ol > li {
    margin: 4em 10px;
    padding: 20px;
  }

  .flowchart #flowchart ol > li:before {
    font-size: 3.6rem;
    margin-right: 3px;
  }

  #faq #questionList > ul {
    margin-right: 5px;
  }

  #faq #questionList > ul li:before {
    margin-left: -1.1em;
    margin-right: 0.1em;
  }

  .answer #mainContent .questionList {
    padding-right: 12px;
  }

  .answer #mainContent div {
    margin-left: 5px;
    margin-right: 5px;
  }

  .answer #mainContent div h3 {
    line-height: 1.7;
  }

  .answer #mainContent div .box {
    margin-left: 2.2em;
    margin-right: 5px;
  }

  .telAndFax #mainContent address,
  .telAndFax #mainContent p {
    margin-left: 5px;
    margin-right: 5px;
  }

  .telAndFax #telAndFax .button a {
    font-size: 1.9rem;
  }

  .form #form h2 + p,
  .form #form form {
    margin-left: 5px;
    margin-right: 5px;
  }

  .form #form table th {
    padding: 5px 10px;
  }

  .form #form table td {
    padding: 10px;
  }

  /* 入力エリアのサイズ */

  .form #form table input[type=text],
  .form #form table input[type=tel],
  .form #form table input[type=email] {
    width: 96.5%;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
  }

  .form #form table textarea {
    width: 96.5% !important;
    width: -webkit-calc(100% - 10px) !important;
    width: calc(100% - 10px) !important;
    height: 8em !important;
  }

  /* その他/感染被害者名 */

  .form #form table #client + tr input[type=text],
  .form #form table #transfusion + tr input[type=text] {
    width: 10em;
  }

  /* 数値 */

  .form #form table #infectionTime input[type=text],
  .form #form table #infectionTime input[type=number],
  .form #form table #currentStatusTime input[type=text],
  .form #form table #currentStatusTime input[type=number],
  .form #form table #birthDate + tr input[type=text],
  .form #form table #birthDate + tr input[type=number],
  .form #form table #motherDeadTime input[type=text],
  .form #form table #motherDeadTime input[type=number],
  .form #form table #motherDeadHospitalization input[type=text],
  .form #form table #motherDeadHospitalization input[type=number],
  .form #form table #olderBrotherSister input[type=text],
  .form #form table #olderBrotherSister input[type=number],
  .form #form table #olderBrotherSisterInfection input[type=text],
  .form #form table #olderBrotherSisterInfection input[type=number],
  .form #form table #fatherDeadTime input[type=text],
  .form #form table #fatherDeadTime input[type=number] {
    width: 2.5em;
  }

  /* 郵便番号 */

  .form #form table #zipCode input[type=text],
  .form #form table #zipCode input[type=number] {
    width: 6em;
  }

  /* ボタン */

  .form #form form table + div button {
    width: 8.8em;
    font-size: 1.6rem;
    padding: 10px 8px;
  }

  .form #form form table + div button[type=reset] {
    margin-right: 0.8em;
  }

  .form #form form table + div button:after {
    font-size: 1.7rem;
  }

  /* 確認画面 */

  div#mfp_overlay_inner {
    width: 96.5%;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    box-shadow: 0px 0px 5px #000;
    margin-top: 10px;
    padding: 10px 10px 30px 10px;
  }

  div#mfp_overlay_inner table {
    width: 100%;
  }

  div#mfp_overlay_inner tr {
    border: 3px solid #d9d4c3;
  }

  div#mfp_overlay_inner table th,
  div#mfp_overlay_inner table td {
    display: block;
    padding: 5px 15px;
  }

  div#mfp_overlay_inner table th {
    text-align: left;
    background: #ece9e1;
    border-bottom: 1px solid #d9d4c3;
  }

  /* ボタン */

  div#mfp_overlay_inner div button {
    width: 8em;
    font-size: 1.6rem;
    padding: 10px 8px;
  }

  div#mfp_overlay_inner div #mfp_button_cancel {
    margin-right: 0.8em;
  }

  div#mfp_overlay_inner div button:after {
    font-size: 1.7rem;
  }

  .form #formThanks .box {
    border: 3px solid #fff;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .form #formThanks .container {
    min-height: 80px;
    background: url(/images/index_mainvisual_image_01.svgz) right center no-repeat;
    background-size: contain;
  }

  /* SVG非対応代替 */

  .no-svg .form #formThanks .container {
    background: url(/images/index_mainvisual_image_01.png) right center no-repeat;
  }

  .form #formThanks .container p {
    width: 230px;
    font-size: 1.3rem;
    padding-top: 5px;
  }

  .form #formThanks .container p strong {
    font-size: 2rem;
  }

  .form #formThanks .box + p {
    margin-left: 5px;
    margin-right: 5px;
  }

  .local #activity20141116 ul {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
  }

  #signature #mainContent h3,
  #signature #mainContent p,
  #signature #mainContent address {
    margin-left: 5px;
    margin-right: 5px;
  }

  #signature #mainContent h3 {
    margin-top: 30px;
  }

  #signature .button a {
    font-size: 1.7rem;
  }

  #signature .button a:before {
    top: 4px;
  }

  #link #mainContent #link ul {
    padding-left: 5px;
    padding-right: 5px;
  }

  #link #mainContent #link dd {
    margin-left: 1.2em;
    line-height: 1;
  }

  #link #mainContent #link ul ul dl {
    margin-top: 0.7em;
  }

  #link #mainContent #link ul ul dd {
    margin-left: 2.2em;
  }

  #sitemap #mainContent > section > section {
    margin-left: 0;
    margin-right: 0;
  }

  #sitemap .localNav {
    display: block;
    margin-top: 15px;
    margin-left: 5px;
    margin-right: 5px;
  }

  #sitemap .localNav li {
    font-size: 1.8rem;
    line-height: 1.3;
    list-style: none;
    margin-top: 0.7em;
    margin-left: 14px;
  }

  #sitemap .localNav li:before {
    color: #FCB47F;
    font-family: GeneralSymbol;
    font-size: 1.4rem;
    content: "";
    position: relative;
    left: -2px;
    margin-left: -14px;
  }

  #sitemap .localNav li a {
    color: #7E3500;
    font-size: 1.8rem;
  }

  #sitemap .localNav li a:hover {
    color: #fcb47f;
  }

  #topics .entry > p,
  #topics .entry > dl {
    margin-left: 5px;
    margin-right: 5px;
  }

  .youtube {
    max-width: 100% !important;
    height: auto;
  }

  .layer_board #entry20170725 strong strong,
  #topics #entry20170725 strong strong {
    font-size: 1.8rem;
  }

  .layer_board #entry20170725 .number,
  #topics #entry20170725 .number {
    margin: 10px auto;
  }

  .layer_board #entry20170725 .number .tel a,
  #topics #entry20170725 .number .tel a {
    font-size: 3rem;
  }

  .layer_board #entry20170725 .number .tel a:before,
  #topics #entry20170725 .number .tel a:before {
    font-size: 2.6rem;
  }

  .contents #mainContent .visual {
    background: #fff url(/images/special_index_image_01.png) 98% 15px no-repeat;
    background-size: 21% auto;
    border-top: 18px solid #C60B23;
    padding: 25px 5px 15px 5px;
  }

  .contents #mainContent .visual h1 {
    height: 0;
    margin-left: 5px;
    padding-top: 27%;
    background: url(/images/special_index_text_01s.svgz) left top no-repeat;
    background-size: contain;
  }

  /* SVG非対応代替 */

  .no-svg .contents #mainContent .visual h1 {
    background: url(/images/special_index_text_01s.png) left top no-repeat;
  }

  .contents #mainContent .visual p {
    margin-top: 20px;
    overflow: hidden;
  }

  .contents #mainContent .visual p:before {
    width: 138px;
    height: 138px;
    content: "";
    background: url(/images/special_index_image_02.png) left top no-repeat;
    background-size: contain;
    display: block;
    float: right;
    margin-right: -5px;
  }

  .contents #mainContent #about,
  .contents #mainContent #basicAgreement {
    margin-left: 5px;
    margin-right: 5px;
    overflow: hidden;
  }

  .contents #mainContent #about h2,
  .contents #mainContent #basicAgreement h2 {
    font-size: 2rem;
    line-height: 1.3;
  }

  .contents #mainContent #about > .container,
  .contents #mainContent #basicAgreement > .container {
    margin-top: 10px;
  }

  .contents #mainContent #about a,
  .contents #mainContent #basicAgreement a {
    color: #13AE67;
    width: 48%;
    width: -webkit-calc((100% - 10px) / 2);
    width: calc((100% - 10px) / 2);
    height: 0;
    background: #fff left top no-repeat;
    background-size: contain;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    float: left;
    margin-bottom: 15px;
    padding: 0 10px;
    padding-top: 29%;
    padding-top: -webkit-calc(27% + 0.5em);
    padding-top: calc(27% + 0.5em);
    padding-bottom: 18%;
    padding-bottom: -webkit-calc(3.5em);
    padding-bottom: calc(3.5em);
  }

  .contents #mainContent #about .hepatitisB,
  .contents #mainContent #about .infectionRoute,
  .contents #mainContent #about .carrier,
  .contents #mainContent #about .how,
  .contents #mainContent #basicAgreement .lawsuit {
    padding-top: -webkit-calc(27% + 1.5em);
    padding-top: calc(27% + 1.5em);
    padding-bottom: -webkit-calc(2.5em);
    padding-bottom: calc(2.5em);
  }

  .contents #mainContent #basicAgreement .enact {
    padding-top: -webkit-calc(27% + 1em);
    padding-top: calc(27% + 1em);
    padding-bottom: -webkit-calc(3em);
    padding-bottom: calc(3em);
  }

  .contents #mainContent #about .hepatitisB,
  .contents #mainContent #about .why,
  .contents #mainContent #about .how,
  .contents #mainContent #basicAgreement a:nth-child(odd) {
    margin-right: 10px;
  }

  .contents #mainContent #about h3,
  .contents #mainContent #basicAgreement h3 {
    font-size: 1.3rem;
    line-height: 1.3;
  }

  .contents #mainContent #CryOfLife {
    border-radius: 5px;
    background: #fff url(/images/special_index_image_03i.png) right top no-repeat;
    background: url(/images/special_index_image_03.png) right -55px top -161px/352px auto no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcf3f7), to(#ffffff));
    background: url(/images/special_index_image_03.png) right -55px top -161px/352px auto no-repeat, -moz-linear-gradient(top, #fcf3f7, #ffffff);
    background: url(/images/special_index_image_03.png) right -55px top -161px/352px auto no-repeat, -ms-linear-gradient(top, #fcf3f7, #ffffff);
  }

  .contents #mainContent #CryOfLife a {
    color: #000;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 30px 10px 30px 10px;
  }

  .contents #mainContent #CryOfLife h2 {
    font-size: 2rem;
  }

  .contents #mainContent #CryOfLife h2 span {
    font-size: 1.6rem;
  }

  .contents #mainContent #CryOfLife h2 + p {
    font-size: 1.4rem;
    font-weight: bold;
  }

  .contents #mainContent #CryOfLife h2 + p:after {
    color: #C60B23;
    font-family: FontAwesome;
    content: "";
    letter-spacing: 2px;
    margin-left: 0.5em;
  }

  .contents #mainContent > .container {
    background: #fff;
    border-bottom: 1px solid #fff;
  }

  .contents #mainContent > .container a {
    color: #fff;
    width: 100%;
    height: 4em;
    text-decoration: none;
    border-top: 1px solid #fff;
    display: table;
    position: relative;
    padding: 0 15px;
  }

  .contents #mainContent > .container a:after {
    font-family: FontAwesome;
    font-size: 2.3rem;
    content: "";
    position: absolute;
    top: 0.6em;
    right: 5px;
  }

  .contents #mainContent > .container a h2 {
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
  }

  .contents #mainContent > .container a .tagline {
    font-size: 1.3rem;
  }

  .contents #mainContent > .container .qAndA {
    background: #fbca5a;
  }

  .contents #mainContent > .container .qAndA h2 {
    font-size: 2rem;
    position: relative;
  }

  .contents #mainContent > .container .qAndA .tagline {
    font-size: 1.3rem;
    display: block;
    position: absolute;
    top: 1.2em;
    left: 4em;
  }

  .contents #mainContent > .container .wish {
    background: #b7d32f;
  }

  .contents #mainContent > .container .history {
    background: #ff808f;
  }

  .contents #mainContent > .container .history .tagline {
    margin-left: 0.5em;
  }

  .specialInside > .container {
    display: -webkit-box;
    /* Android4.3以前ブラウザ用 */
    display: -ms-flexbox;
    /* IE10用 */
    display: -webkit-flex;
    /* iOS8以前Safari用 */
    display: flex;
    -webkit-box-orient: vertical;
    /* Android4.3以前ブラウザ用 */
    -webkit-box-direction: normal;
    /* Android4.3以前ブラウザ用 */
    -ms-flex-direction: column;
    /* IE10用 */
    -webkit-flex-direction: column;
    /* iOS8以前Safari用 */
    flex-direction: column;
  }

  .specialInside #mainContent {
    -webkit-box-ordinal-group: 2;
    /* Android4.3以前ブラウザ用 */
    flex-order: 2;
    /* IE10用 */
    -webkit-order: 2;
    /* iOS8以前Safari用 */
    order: 2;
    margin-top: 15px;
    padding: 30px 5px;
  }

  .specialInside #mainContent > section {
    margin-top: 40px;
  }

  .specialInside #mainContent h1 + section,
  .specialInside #mainContent h1 + ul + section {
    margin-top: 20px;
  }

  .specialInside #mainContent h1 {
    font-size: 2.6rem;
    line-height: 1.3;
  }

  .about #mainContent h2,
  .infectionRoute #mainContent h2,
  .whyCarrier #mainContent h2,
  .how #mainContent h2,
  .basicAgreement #mainContent h2,
  .enact #mainContent h2,
  .permanentMeasures #mainContent h2 {
    font-size: 2.2rem;
    line-height: 1.3;
  }

  .specialInside #mainContent .bits {
    background: #fbca4d;
    border-radius: 10px;
    position: relative;
    margin: 20px 10px;
    padding: 15px 10px;
  }

  .specialInside #mainContent .bits p:first-child {
    font-size: 1.8rem;
    font-weight: bold;
  }

  .specialInside #mainContent figure img {
    width: 100%;
  }

  .specialInside #mainContent .pageNavi {
    margin-top: 50px;
  }

  .specialInside #mainContent .pageNavi li a {
    font-size: 1.8rem;
  }

  .specialInside #mainContent .pageNavi .prev a:before {
    font-size: 2.2rem;
  }

  .specialInside #mainContent .pageNavi .next a:after {
    font-size: 2.2rem;
  }

  .about #mainContent h3 {
    margin: 20px 0 5px 0;
  }

  .infectionRoute #mainContent .verticalInfection figure {
    width: 25%;
    margin-right: 10px;
  }

  .infectionRoute #mainContent .horizontalInfection figure {
    width: 40%;
    margin-left: 5px;
  }

  .whyCarrier #mainContent #why figure {
    width: 40%;
  }

  .how #mainContent .experience p:first-child {
    font-size: 1.8rem;
  }

  .how #mainContent .experience label {
    margin-left: 5px;
    padding: 3px 6px;
  }

  .how #mainContent .screening {
    padding: 10px;
  }

  .how #mainContent .screening:before {
    width: 60px;
    height: 60px;
    background-size: contain;
    top: -6px;
    right: 0;
  }

  .how #mainContent .screening figure {
    width: 30%;
    margin: 60px 0 0 10px;
  }

  .how #mainContent .screening h3 {
    font-size: 1.8rem;
  }

  .how #mainContent .screening h4 {
    margin: 20px 0 5px 0;
  }

  .how #mainContent .bits {
    margin-top: 30px;
  }

  .how #mainContent .bits p:first-child {
    line-height: 1.3;
  }

  .how #mainContent .bits p:nth-child(2) {
    margin-top: 8px;
  }

  .how #mainContent .bits:before {
    width: 60px;
    height: 60px;
    background-size: contain;
    top: -8px;
    right: -10px;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit figure {
    width: 40%;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit .goal {
    padding: 30px;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit .goal .container {
    margin-top: 15px;
    padding: 10px;
  }

  .basicAgreement #mainContent #hepatitisBLawsuit .goal h3 {
    font-size: 1.8rem;
  }

  .enact #mainContent #basicAgreement .content {
    padding: 30px;
  }

  .enact #mainContent #basicAgreement .content h3 {
    font-size: 1.8rem;
  }

  .enact #mainContent #basicAgreement .content li {
    margin-top: 15px;
    padding: 10px;
  }

  .enact #mainContent #basicAgreement figure {
    width: 35%;
    margin-top: 30px;
    margin-left: 15px;
  }

  .enact #mainContent #basicAgreement .requirement {
    margin-top: 30px;
    padding: 10px;
  }

  .enact #mainContent #basicAgreement .requirement h3 {
    font-size: 1.8rem;
  }

  .permanentMeasures #mainContent #permanentMeasures .content {
    padding: 30px;
  }

  .permanentMeasures #mainContent #permanentMeasures .content .container {
    margin-top: 20px;
  }

  .permanentMeasures #mainContent #permanentMeasures .content h3 {
    font-size: 1.8rem;
  }

  .permanentMeasures #mainContent #permanentMeasures .content figure {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
  }

  #mainContent.cryOfLife {
    background: #fff url(/images/special_cry_of_life_image_01i.png) right top no-repeat;
    background: url(/images/special_cry_of_life_image_01.png) right -200px top -207px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fcf3f7), color-stop(0.3, #ffffff), to(#ffffff));
    background: url(/images/special_cry_of_life_image_01.png) right -200px top -207px no-repeat, -moz-linear-gradient(top, #fcf3f7, #ffffff 30%, #ffffff);
    background: url(/images/special_cry_of_life_image_01.png) right -200px top -207px no-repeat, -ms-linear-gradient(top, #fcf3f7, #ffffff 30%, #ffffff);
  }

  #mainContent #cryOfLife h2 {
    font-size: 2.2rem;
    letter-spacing: 1px;
    margin-top: 20px;
  }

  #mainContent #cryOfLife h2 + p {
    margin-top: 30px;
  }

  #mainContent #cryOfLife #contents h3 a:hover {
    text-decoration: none;
  }

  #mainContent #cryOfLife #contents h3 + p {
    margin-top: 4px;
  }

  .cryOfLifeInside #mainContent {
    background: #fff url(/images/special_cry_of_life_image_01.png) -35% -259px no-repeat;
  }

  .cryOfLifeInside #mainContent #voice h2 {
    font-size: 2rem;
  }

  .cryOfLifeInside #mainContent #voice h2:first-letter {
    font-size: 4.8rem;
  }

  .qanda #mainContent h1 span {
    line-height: 1.3;
    display: block;
    margin-top: 3px;
  }

  .qanda #mainContent #qanda > #q5 .container {
    padding: 20px 10px;
  }

  .qanda #mainContent #qanda > #q5 ul:before {
    margin-top: calc(-1.3em + -10px);
  }

  .wish #mainContent #wish h2 + figure {
    width: 50%;
    margin: -30px 5px 0 10px;
  }

  .wish #mainContent #wish .container figure {
    width: 25%;
    margin: 0 5px 0 10px;
  }

  .wish #mainContent #wish p + .container + .container > figure {
    margin: 0 10px 0 5px;
  }

  .history #mainContent h1 span {
    display: block;
  }

  .history #mainContent .year th {
    padding: 5px 8px;
    position: absolute;
  }

  .history #mainContent .year th + td:not(.separate),
  .history #mainContent .multiple td + td:not(.separate) {
    padding-top: 1.98em;
  }

  .specialInside #subContent {
    background: #fff url(/images/special_image_01.png) 103% -47px no-repeat;
    background-size: 42% auto;
    border-top: 10px solid #C60B23;
    border-bottom: 1px dotted #000;
    -webkit-box-ordinal-group: 1;
    /* Android4.3以前ブラウザ用 */
    flex-order: 1;
    /* IE10用 */
    -webkit-order: 1;
    /* iOS8以前Safari用 */
    order: 1;
    margin-top: 15px;
  }

  .specialInside #subContent .headline {
    display: block;
    padding: 15px 0 18px 10px;
  }

  .specialInside #subContent .headline p {
    width: 160px;
    height: 29px;
    background: url(/images/special_localnav_headline_s.svgz) left top no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  /* SVG非対応代替 */

  .no-svg .specialInside #subContent .headline p {
    background: url(/images/special_localnav_headline_s.png) left top no-repeat;
  }

  .specialInside #localNav {
    display: none;
  }

  #regionalCounseling h1 {
    width: 100%;
    height: 0;
    background: url(/images/regional_counseling_header_s.svgz) center center no-repeat, url(/images/regional_counseling_header_img.svgz) 101% bottom no-repeat, url(/images/regional_counseling_header_bg.png) left top repeat #3b8cd7;
    background-size: 60% auto, 23% auto, auto auto;
    border: 5px solid #fff;
    padding-top: 36.36%;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  /* SVG非対応代替 */

  .no-svg #regionalCounseling h1 {
    background: url(/images/regional_counseling_header_s.png) center center no-repeat, url(/images/regional_counseling_header_img.png) 101% bottom no-repeat, url(/images/regional_counseling_header_bg.png) left top repeat #3b8cd7;
  }

  #regionalCounseling h1 + p,
  #regionalCounseling .team p,
  #regionalCounseling .team + p,
  #regionalCounseling .team + p + p,
  #regionalCounseling .button {
    margin-left: 5px;
    margin-right: 5px;
  }

  #regionalCounseling #mainContent {
    width: 100%;
    margin-top: 20px;
  }

  #regionalCounseling table {
    width: 96.5%;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    margin-left: 5px;
  }

  #regionalCounseling .button a {
    font-size: 1.9rem;
  }

  #regionalCounseling.sp h2 {
    font-size: 2.4rem;
    line-height: 1.2;
    margin-bottom: 7px;
    padding: 0 5px 4px 5px;
  }

  #regionalCounseling.sp td:first-child {
    width: 4em;
  }

  #regionalCounseling.sp h3 + .url:before {
    content: "\a";
    white-space: pre;
  }
}

@media screen and (max-width: 640px) and (max-width: 400px) {
  #globalNav {
    width: 250px;
    right: -250px;
  }

  #globalNav.block {
    -webkit-transform: translate3d(-250px, 0, 0);
    transform: translate3d(-250px, 0, 0);
  }
}

@media screen and (max-width: 640px) and (-ms-high-contrast: active), screen and (max-width: 640px) and (-ms-high-contrast: none) {
  #globalNav.block-ie10 {
    -webkit-transform: translate3d(-300px, 0, 0) !important;
    transform: translate3d(-300px, 0, 0) !important;
  }
}

@media screen and (max-width: 424px) {
  .local #activity20141116 ul {
    width: 279px;
  }
}

@media screen and (min-width: 562px) and (max-width: 640px) {
  .local #activity20141116 ul {
    width: 552px;
  }
}

@media screen and (min-width: 425px) and (max-width: 561px) {
  .local #activity20141116 ul {
    width: 415px;
  }
}
/*# sourceMappingURL=layout.css.map */