/* CSS Document */

/* pension.css */

#main {
  overflow: hidden;
  }

@media (max-width:768px) {
#content-title {
  font-size:8.3vw;
  text-align:center;
  }
.content-title-sub {
  font-size:7.3vw;
  }
 }

.pension-entry {
  font-size:1.0em;
  margin:2.5em auto 0;
  overflow:hidden;
  width:80%;
  }
@media (max-width:768px) {
.pension-entry {
  margin: 0.0em auto 0.0em;
  padding-bottom: 2.0em;
  width: 90%;
  }
 }

.pension-title {
 border-bottom:solid 1px #999999;
 color:#005a4f;
 font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
 font-size:26px;
 font-weight:bold;
 letter-spacing:0.2em;
 margin-top:1.0em;
 text-align:center;
 width:100%;
 }

.pension-subtitle {
 color:#005a4f;
 font-family:'Hiragino Mincho Pro', 'MS PMincho', serif;
 font-size:14px;
 letter-spacing:0.2em;
 text-align:right;
 width:100%;
 }

.pension-photo-area {
  margin:0.5em auto;
  width:640px;
  }
@media (max-width:768px) {
.pension-photo-area {
  margin: 0.5em auto;
  width: 100.0%;
  }
 }

.pension-photo {
 height:auto;
 max-width:100%;
 }

.pension-text {
  line-height:1.75em;
  margin-top:0.5em;
  margin-left:1.0em;
  }
@media (max-width:768px) {
.pension-text {
  font-size:4.3vw;
  line-height: 1.6em;
  margin-top: 0.5em;
  margin-left: 0.5em;
  }
 }

.points {
  color:#9c315d;
  font-size:22px;
  margin:1.0em 0 2.0em;
  text-align:center;
  }
@media (max-width:768px) {
.points {
  font-size: 4.3vw;
  margin: 0.25em 0 0.5em;
  }
 }

.star {
 color:#000000;
 font-size:18px;
 margin:1.0em 0 2.5em;
 text-align:center;
 }
strong {
 color:#005a4f;
 font-weight:normal;
 }
li {margin-bottom:0.25em;}