@charset "UTF-8";
body {
  font-family: 'Hiragino Sans', 'ヒラギノ角ゴシック', sans-serif;
  font-weight: 200; }

img {
  max-width: 100%;
  height: auto; }

.site-header {
  position: relative;
  height: 120px; }
  @media screen and (min-width: 600px) {
    .site-header {
      height: 60px; } }
  .site-header .site-title {
    text-align: center;
    padding: 10px 0 0;
    margin: 0; }
    @media screen and (min-width: 600px) {
      .site-header .site-title {
        position: absolute;
        left: 0;
        top: 0px;
        margin: auto 0;
        width: 160px;
        padding: 0; } }
    .site-header .site-title img {
      width: 160px; }
  .site-header .main-navigation ul {
    padding: 0;
    margin: 0;
    text-align: center; }
    .site-header .main-navigation ul li {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-right: 10px;
      line-height: 1; }
      .site-header .main-navigation ul li a {
        display: block;
        padding: 7px 10px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background-color: #007099;
        color: #fff;
        text-decoration: none;
        transition: opacity 0.5s ease-in;
        opacity: 1; }
        .site-header .main-navigation ul li a:hover {
          opacity: 0.6;
          transition: opacity 0.5s ease-in; }
      .site-header .main-navigation ul li:last-child {
        margin-right: 0; }
  @media screen and (min-width: 600px) {
    .site-header .main-navigation {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      height: 30px;
      margin: auto; }
      .site-header .main-navigation ul {
        text-align: left; }
        .site-header .main-navigation ul li a {
          padding: 7px 20px; } }

.main-visual {
  text-align: center;
  background-color: #ccf1ff;
  background-color: #d6e1e6;
  padding-top: 40px;
  margin-bottom: 30px; }
  @media screen and (min-width: 600px) {
    .main-visual {
      padding-top: 120px; } }
  .main-visual img {
    vertical-align: bottom; }

.entry-header .entry-title {
  font-weight: 300;
  text-align: center; }

.entry-body .main-copy {
  padding: 1% 10% 3%; }

/*単位は％*/
.grid-row {
  clear: both;
  overflow: hidden; }
  .grid-row .grid-cell {
    margin: 0 2% 2% 0;
    list-style: none;
    padding: 0;
    float: left; }
    .grid-row .grid-cell:last-child {
      margin-right: 0; }
    .grid-row .grid-cell img.img-full {
      width: 100%; }
  .grid-row .grid-small-1 {
    width: 15%; }
  .grid-row .grid-small-2 {
    width: 32%; }
  .grid-row .grid-small-3 {
    width: 49%; }
  .grid-row .grid-small-4 {
    width: 66%; }
  .grid-row .grid-small-5 {
    width: 83%; }
  .grid-row .grid-small-6 {
    width: 100%; }
  @media screen and (max-width: 599px) {
    .grid-row .grid-small-3:nth-of-type(2n) {
      margin-right: 0; } }
  @media screen and (min-width: 600px) {
    .grid-row .grid-medium-1 {
      width: 15%; }
    .grid-row .grid-medium-2 {
      width: 32%; }
    .grid-row .grid-medium-3 {
      width: 49%; }
    .grid-row .grid-medium-4 {
      width: 66%; }
    .grid-row .grid-medium-5 {
      width: 83%; }
    .grid-row .grid-medium-6 {
      width: 100%; }
    .grid-row .grid-cell.grid-medium-2:nth-of-type(3n) {
      margin-right: 0; } }
  @media (min-width: 1200px) {
    .grid-row .grid-large-1 {
      width: 15%; }
    .grid-row .grid-large-2 {
      width: 32%; }
    .grid-row .grid-large-3 {
      width: 49%; }
    .grid-row .grid-large-4 {
      width: 66%; }
    .grid-row .grid-large-5 {
      width: 83%; }
    .grid-row .grid-large-6 {
      width: 100%; } }

.entry-header,
.entry-body {
  margin: 0 auto; }

.site-header,
.entry-header,
.entry-body {
  width: 92%;
  margin: 0 auto; }

@media screen and (min-width: 600px) {
  .site-header,
  .entry-header,
  .entry-body {
    width: 90%;
    margin: 0 auto; } }

@media (min-width: 1200px) {
  .site-header,
  .entry-header,
  .entry-body {
    width: 1000px;
    margin: 0 auto; } }

.image-bnr {
  margin: 0;
  padding: 0; }

.site-footer {
  text-align: center;
  padding: 2% 0; }
  .site-footer .site-info {
    font-size: 80%; }

@media print {
  .site-header {
    display: none; } }