@charset "UTF-8";
/**
* -------------------------------------------------------------------
* Base
* ------------------------------------------------------------------- */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

body, html {
  margin: 0;
  padding: 0; }

html {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", HiraMinProN-W6, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
  color: #666;
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.6; }

section {
  padding: 8rem 0; }

a {
  color: #27847b;
  text-decoration: underline;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  a:visited {
    color: #27847b;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  a:hover, a:focus {
    color: #2aa039;
    cursor: pointer;
    text-decoration: none; }

a:hover img, .hover a:hover, a.hover, img.hover:hover {
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.linkbox {
  position: relative; }
  .linkbox a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-decoration: none; }
  .linkbox:hover {
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }

.mb0 {
  margin-bottom: 0 !important; }

.pd0 {
  padding-bottom: 0 !important; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/**
* ===================================================================
* Typography
* ------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-style: normal;
  font-weight: normal;
  margin: 0 0 .75em; }

.text-shadow {
  text-shadow: 1px 1px 1px #bbb; }

.title-shadow {
  text-shadow: 2px 2px 7px #222; }

h1, .h01 {
  font-size: 3.0rem; }

h2, .h02 {
  font-size: 2.8rem; }

h3, .h03 {
  font-size: 2.4rem; }

h4, .h04 {
  font-size: 2.1rem; }

h5, .h05 {
  font-size: 1.8rem; }

h6, .h06 {
  font-size: 1.6rem; }

.plain {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", HiraMinProN-W6, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
  text-shadow: initial; }

.title {
  color: #494949;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 1em; }

.page_title {
  margin-bottom: .65em;
  padding: .5em .75em;
  background-color: #98d3cd;
  border-radius: 3px; }

.sub_title {
  margin-bottom: .65em;
  padding: .25em 0 .25em 10px;
  border-left: solid 4px #98d3cd; }

.min_title {
  margin-bottom: .65em;
  padding: 0 .25em .25em;
  border-bottom: solid 2px #98d3cd; }

p {
  margin: 0 0 1.25rem; }
  p.sentence {
    text-indent: 1em; }

strong {
  font-weight: 500; }

em, i, b, address {
  font-weight: normal;
  font-style: normal; }

blockquote {
  position: relative;
  margin: 3rem 0;
  padding-left: 4rem; }
  blockquote:before {
    position: absolute;
    top: 3rem;
    left: 0;
    color: #333;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", HiraMinProN-W6, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
    font-size: 8rem;
    line-height: 0;
    content: "\201C";
    margin: 0; }
  blockquote p {
    font-style: italic;
    padding: 0; }
  blockquote cite {
    display: block;
    font-size: 1.2rem;
    font-style: normal; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a {
      color: #8d8d8d;
      border: none; }
      blockquote cite a:visited {
        color: #8d8d8d;
        border: none; }

small, .small {
  font-size: .82em; }

.red {
  color: #ff0000; }

/**
* ===================================================================
* Images
* ------------------------------------------------------------------- */
img {
  border: 0; }
  img a:hover {
    opacity: 0.5;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out; }
  img.shadow {
    margin: 5px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
            box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); }
  img.responsive {
    display: block;
    max-width: 100%;
    height: auto;
    width: auto; }

/**
* ===================================================================
* Lists
* ------------------------------------------------------------------- */
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0; }

ol.decimal {
  list-style: decimal;
  margin-bottom: .5em;
  padding-left: 2.5rem; }
  ol.decimal li {
    margin-bottom: .5em;
    padding-left: .5em; }
    ol.decimal li:last-child {
      margin-bottom: 0; }
    ol.decimal li p {
      margin: .3em 0 .3em .5em; }

ul.disc {
  list-style: disc;
  margin-bottom: .5em;
  padding-left: 2.5rem; }
  ul.disc li {
    margin-bottom: .5em;
    padding-left: .15em; }
    ul.disc li:last-child {
      margin-bottom: 0; }
    ul.disc li p {
      margin: .3em 0 .3em .5em; }

ul.kome {
  padding-left: 2.5rem; }
  ul.kome li {
    text-indent: -1.3em;
    margin-bottom: .5em; }
    ul.kome li:before {
      display: inline;
      content: "※";
      padding-right: .22em; }

li {
  display: list-item; }

dt {
  margin: 0; }

dd {
  margin: 0; }

/**
* ===================================================================
* Tables
* ------------------------------------------------------------------- */
table {
  max-width: 100%;
  width: 100%;
  border-width: 0;
  border-collapse: collapse;
  border-spacing: 0; }

th, td {
  text-align: left;
  padding: 1.5rem 3rem;
  border-bottom: 1px solid #e8e8e8; }

th {
  color: #252525; }

/**
* ===================================================================
* Forms
* ------------------------------------------------------------------- */
fieldset {
  border: none; }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
  display: block;
  max-width: 100%;
  font: 400 1.4rem "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", HiraMinProN-W6, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
  outline: none;
  color: #666666;
  padding: .65rem 1rem;
  border: 0;
  border: 1px solid #dadada;
  border-radius: 3px;
  background: #fafbfc;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

textarea, select {
  display: block;
  max-width: 100%;
  outline: none;
  color: #666666;
  font: 400 1.4rem "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", HiraMinProN-W6, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
  padding: .65rem 1rem;
  border: 0;
  border: 1px solid #dadada;
  border-radius: 3px;
  background: #fafbfc;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

textarea {
  min-height: 25rem; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus {
  color: #333333;
  border: 1px solid #dadada;
  background: #f2faf9; }

textarea:focus, select:focus {
  color: #333333;
  border: 1px solid #dadada;
  background: #f2faf9; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

/**
* ===================================================================
* Buttons
* ------------------------------------------------------------------- */
.button, button, .reply {
  display: inline-block;
  color: white;
  font: 400 1.4rem "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", HiraMinProN-W6, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", YuMincho, "游明朝", "Yu Mincho", "HGS明朝E", serif;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  margin: 0 0 1rem;
  padding: 1rem 3rem;
  border: none;
  border-radius: 3px;
  background: #98d3cd;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  .button a, .button a:visited, button a, button a:visited, .reply a, .reply a:visited {
    color: white; }

input[type="submit"], input[type="reset"], input[type="button"] {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  margin: 0 .3rem 1rem 0;
  padding: 1rem 2.5rem .75rem;
  border: none;
  border-radius: 3px;
  background: #98d3cd;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }
  input[type="submit"] a, input[type="submit"] a:visited, input[type="reset"] a, input[type="reset"] a:visited, input[type="button"] a, input[type="button"] a:visited {
    color: white; }

.button:hover, button:hover {
  outline: 0;
  color: white;
  background: #98d3cd;
  opacity: .5; }

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
  outline: 0;
  color: white;
  background: #98d3cd;
  opacity: .5; }

.button:focus, button:focus {
  outline: 0;
  color: white;
  background: #98d3cd; }

input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  outline: 0;
  color: white;
  background: #98d3cd; }

/**
* ===================================================================
* Style Placeholder Text
* ------------------------------------------------------------------- */
::-webkit-input-placeholder {
  color: #8b8b8b; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #8b8b8b; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #8b8b8b; }

:-ms-input-placeholder {
  color: #8b8b8b; }

.placeholder {
  color: #8b8b8b !important; }

/**
* ===================================================================
* Container
* ------------------------------------------------------------------- */
.container {
  max-width: 1000px;
  width: auto;
  margin: 0 auto;
  padding: 0; }

.min-container {
  max-width: 640px;
  width: auto;
  margin: 0 auto;
  padding: 0; }

.wide-container {
  max-width: 1200px;
  width: auto;
  margin: 0 auto;
  padding: 0; }

.full-container {
  width: 100%;
  margin: 0;
  padding: 0; }

.sub-container {
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  padding: 0; }

/**
 * ===================================================================
 * Grid
 * -------------------------------------------------------------------  */
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.row_reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; }

.vertical_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.col-full, .col-twelve, .col-12 {
  width: 97%;
  margin: 1em 1.5%; }

.col-half, .col-six, .col-6 {
  width: 47%;
  margin: 1em 1.5%; }

.col-four, .col-4 {
  width: 30.33333%;
  margin: 1em 1.5%; }

.col-five, .col-5 {
  width: 38.66666%;
  margin: 1em 1.5%; }

.col-8 {
  width: 63.66666;
  margin: 1em 1.5%; }

.col-two, .col-2 {
  width: calc(100% / 6 - 3%);
  margin: 1em 1.5%; }

.col-three, .col-3, .col-quarter, .col-solid-25 {
  width: 22%;
  margin: 1em 1.5%; }

.col-three-quarters, .col-solid-75 {
  width: 72%;
  margin: 1em 1.5%; }

.col-twenty, .col-solid-20 {
  width: 17%;
  margin: 1em 1.5%; }

.col-thirty, .col-solid-30 {
  width: 27%;
  margin: 1em 1.5%; }

.col-forty, .col-solid-40 {
  width: 37%;
  margin: 1em 1.5%; }

.col-sixty, .col-solid-60 {
  width: 57%;
  margin: 1em 1.5%; }

.col-seventy, .col-solid-70 {
  width: 67%;
  margin: 1em 1.5%; }

.col-eighty, .col-solid-80 {
  width: 77%;
  margin: 1em 1.5%; }

/**
* ===================================================================
* Utility
* ------------------------------------------------------------------- */
.clear {
  clear: both;
  overflow: hidden; }

.hide {
  display: none; }

.invisible {
  visibility: hidden; }

.text-center {
  text-align: center; }
  .text-center > * {
    margin-left: auto !important;
    margin-right: auto !important; }

.text-left {
  text-align: left; }

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

.aligncenter, div.aligncenter, img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 2.5rem; }

.alignright {
  float: right; }

img.alignright {
  margin: 5px 5px 15px 20px;
  padding: 0; }

.alignleft {
  float: left; }

img.alignleft {
  margin: 5px 20px 15px 5px;
  padding: 0; }

.box-shadow {
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15); }

/*# sourceMappingURL=../_maps/base.css.map */