@media (min-width: 768px) {
  .ro a {
    transition: opacity .2s ease;
  }
  .ro a:hover {
    opacity: .8;
  }
}
.trans {
  transition-property: all;
  transition: 0.3s linear;
}
.fRodin {
  font-family: fot-rodin-pron, sans-serif;
  font-style: normal;
  font-weight: 600;
}
.fHKakuGoW3 {
  font-family: heisei-kaku-gothic-std, sans-serif;
  font-weight: 300;
  font-style: normal;
}
#mainVisual {
  position: relative;
  max-height: 275px;
  height: 21.484375%;
  margin-bottom: 40px;
  background: url(../images/terms/ph_mainVisualTop.jpg) no-repeat center center;
  background-size: cover;
}
#mainVisual .hdg_category .inner {
  position: relative;
  background: #FFF;
  padding-top: 15px;
}
#mainVisual .hdg_category .inner span:first-of-type {
  color: #000;
}
#mainVisual .hdg_category .inner span:last-of-type {
  color: #3ea540;
}
#contents #contentsArea {
  max-width: 900px;
  margin: 110px auto 50px;
  padding: 0 4.44444444%;
}
#contents #contentsArea .article.list ul li{
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f29d2d;
  color: #333;
  font-size: 2rem;
}
#contents #contentsArea .article.list ul li:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #3ea540;
  bottom: -2px;
  left: 0;
  width: 30%;
}
#contents #contentsArea .article.list ul li a{
  display: block;
  text-decoration: none;
}
#contents #contentsArea .article h2{
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f29d2d;
  color: #333;
  font-size: 2.4rem;
}
#contents #contentsArea .article h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #3ea540;
  bottom: -2px;
  left: 0;
  width: 30%;
}
#contents #contentsArea .article .text{
  margin-bottom: 30px;
  font-size: 1.6rem;
}
#contents #contentsArea .article .text　span{
  background: linear-gradient(transparent 60%, #f6ff5f 60%);
}
#contents #contentsArea .article nav{
  margin-bottom: 40px;
}
#contents #contentsArea .article nav .toc{
  margin: 3em auto 0;
  padding: 2em 3em 3em;
  width: 100%;
  background-color: #f6f5f0;
  border: 1px solid #e5e5de;
}
#contents #contentsArea .article nav h3{
  margin: 0 0 .5em;
  padding: 0 0 0 .2em;
  font-size: 2rem;
  text-indent: -1em;
  border: 0;
  color: #555;
}
#contents #contentsArea .article nav .toc ul {
  counter-reset: hl_count;
  list-style: none;
}
#contents #contentsArea .article nav .toc li {
  counter-increment: hl_count;
}
#contents #contentsArea .article nav .toc li {
  padding-left: 1em;
  text-indent: -2em;
  line-height: 1.7;
}
#contents #contentsArea .article nav .toc li:before{
  content: counters(hl_count, "-");
}
#contents #contentsArea .article nav ul li{
  font-size: 1.4rem;
  font-weight: bold;
}
#contents #contentsArea .article nav ul li:before{
  margin-right: 1em;
  padding: .1em .5em;
  text-align: center;
  font-family: 'Open Sans', cursive;
}
#contents #contentsArea .article nav ul li a{
  color: #f29d2d;
}
#contents #contentsArea .article .post_contents_toc h3{
  padding-bottom: 10px;
  border-bottom: 1px solid #3ea540;
  margin-bottom: 20px;
  font-size: 2rem;
}
#contents #contentsArea .article .post_contents_toc h4{
  margin-bottom: 20px;
  font-size: 1.8rem;
  color: #3ea540;
}
#contents #contentsArea .article .post_contents_toc p{
  margin-bottom: 20px;
  font-size: 1.6rem;
}
#contents #contentsArea .article .post_contents_toc .image{
  margin-bottom: 30px;
}
#contents #contentsArea .article .post_contents_toc section{
  margin: 60px 0;
}
#contents #contentsArea .article .post_contents_toc section table{
  width: 100%;
  border-collapse: collapse;
  border: solid #CCC;
  border-width: 1px;
  margin: 50px 0;
}
#contents #contentsArea .article .post_contents_toc section table th,
#contents #contentsArea .article .post_contents_toc section table td{
  padding: 10px;
  text-align: left;
  vertical-align: top;
  border: solid #CCC;
  border-width: 1px;
}
#contents #contentsArea .article .post_contents_toc section table th{
  width: 35%;
  background-color: #eee;
}

#question-list{
  border-top: 1px solid #e1e1e1;
}

#question-list dl{
  padding: 30px 0;
  border-bottom: 1px solid #e1e1e1;
}
#question-list dl .question{
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 20px;
}
#question-list dl .question .question-th,
#question-list dl .answer .question-th{
  width: 42px;
}
#question-list dl .question .question-th,
#question-list dl .question .question-td,
#question-list dl .answer .question-th,
#question-list dl .answer .question-td{
  display: table-cell;
  vertical-align: top;
}

#question-list dl .question .question-th .question-icon{
  background-color: #3ea540;
  color: #FFF;
  display: inline-block;
  font-size: 2rem;
  height: 42px;
  text-align: center;
  width: 42px;
  line-height: 42px;
  font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
}

#question-list dl .question .question-td,
#question-list dl .answer .question-td{
  padding-top: 8px;
}

#question-list dl .question .question-td,
#question-list dl .answer .question-td{
  padding-left: 14px;
}

#question-list dl .question h3{
  margin: 0;
}

#question-list dl .answer .question-icon{
  background-color: #f29d2d;
  color: #000;
  display: inline-block;
  font-size: 2rem;
  height: 42px;
  text-align: center;
  width: 42px;
  line-height: 42px;
  font-family: "Helvetica Neue","Helvetica","Arial",sans-serif;
}
#question-list dl .answer .question-td p{
  font-weight: bold;
}