@charset "UTF-8";
/* ==========================================================================
 Foundation
 ========================================================================== */
/* Reset
   ----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Base Mincho
   ----------------------------------------------------------------- */
html {
  font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/* ==========================================================================
 Layout
 ========================================================================== */
/* One Column
   ----------------------------------------------------------------- */
.l-wrapper {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (min-width: 641px) {
  .l-wrapper {
    width: 880px;
    min-width: 880px;
    padding: 0;
  }
}

.l-header {
  height: 100%;
  overflow: hidden;
}

.l-main {
  padding: 0 3%;
}
@media screen and (min-width: 641px) {
  .l-main {
    width: 720px;
    margin: 0 80px;
  }
}

.l-footer {
  width: 100%;
  padding: 0 3%;
}
@media screen and (min-width: 641px) {
  .l-footer {
    width: 880px;
    margin: 0 auto;
  }
}

/* ==========================================================================
 Object
 ========================================================================== */
/* -----------------------------------------------------------------
 Component
 ----------------------------------------------------------------- */
.c-foot-nav {
  margin: 4rem auto;
}
.c-foot-nav__list > li {
  margin: 1em;
  text-align: center;
}

.c-logo {
  width: 100%;
  height: 100%;
  margin: 2rem auto 0 auto;
}
.c-logo__img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
@media screen and (min-width: 641px) {
  .c-logo {
    width: 550px;
  }
}

.c-map {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.c-map iframe,
.c-map object,
.c-map embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-pc-nav {
  display: none;
  height: 1em;
  width: 533px;
  margin: 1em auto 0 auto;
}
@media screen and (min-width: 641px) {
  .c-pc-nav {
    display: block;
  }
}
.c-pc-nav__list {
  text-align: right;
}
.c-pc-nav__list > li {
  height: 100%;
  display: inline-block;
  margin-left: 2rem;
}
.c-pc-nav__list > li > a {
  text-decoration: none;
}
.c-pc-nav__list > li.is-active {
  color: #222222;
	pointer-events: none;
}
.c-pc-nav__list > li.is-active a:link, .c-pc-nav__list > li.is-active a:visited {
  color: #222222;
}

.c-news__list {
  display: flex;
}
.c-news__list > li {
  display: inline-block;
  margin-right: 1em;
}
.c-news__list > li + li {
  margin-right: 0;
}
.c-news__list:hover {
  opacity: 0.8;
}

/* -----------------------------------------------------------------
 Project
 ----------------------------------------------------------------- */
/* 
 Project > Base
 ----------------------------------------------------------------- */
body {
  /*background*/
  background-color: #fff;
  /*font*/
  font-family: "Adobe Garamond Pro", "Times New Roman", "EB Garamond", "Hiragino Mincho Pro", "ＭＳ ゴシック", "MS Gothic", monospace;
  font-weight: lighter;
  color: #222222;
  font-size: 80%;
  /*typesetting*/
  line-height: 1.6em;
  letter-spacing: 1px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 641px) {
  body {
    font-size: 9pt;
  }
}

h2 {
  font-size: 124%;
  line-height: 2.4em;
  margin-top: 2rem;
  text-align: center;
}

h3 {
  font-size: 112%;
  line-height: 2.4em;
  margin-top: 2rem;
}

a {
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
}

a:link, a:visited {
  color: #888;
  text-decoration: none;
}

a:hover, a:active {
  color: #ff8ecc;
  text-decoration: none;
}

::selection {
  background: #fff;
  /* Safari */
  color: #ddd;
}

::-moz-selection {
  background: #fff;
  /* Firefox */
  color: #ddd;
}

p + p {
  margin-top: 1.5em;
}

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

/* 
 Project > Common
 ----------------------------------------------------------------- */
.p-title {
  margin-left: 13%;
  margin-top: 13%;
  width: 200px;
  float: left;
  text-decoration: none;
}
.p-title a:link, .p-title a:visited {
  color: #222222;
}
@media screen and (min-width: 641px) {
  .p-title {
    float: none;
    width: 533px;
    margin-top: 4em;
    margin-left: auto;
    margin-right: auto;
  }
}

.p-content {
  padding: 0 10%;
  overflow: hidden;
}

.p-copyright {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* 
 Project > Page > Single
 ----------------------------------------------------------------- */
.p-single-prev {
  width: 48%;
  float: left;
  margin-top: 1em;
}

.p-single-next {
  width: 48%;
  float: right;
  text-align: right;
  margin-top: 1em;
}

/* -----------------------------------------------------------------
 Utility
 ----------------------------------------------------------------- */
.u-mt2 {
  margin-top: 2rem;
}

.u-mt4 {
  margin-top: 4rem;
}

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

.u-d-mb-none {
  display: none;
}
@media screen and (min-width: 641px) {
  .u-d-mb-none {
    display: inline;
  }
}

/* -----------------------------------------------------------------
 Plugin
 ----------------------------------------------------------------- */
/* Plugin > ContactForm7
   --------------- */
div.wpcf7 p {
  margin-bottom: 1em;
}

span.wpcf7-list-item,
select.wpcf7-select {
  margin: 0 0 0 1em;
}

span.wpcf7-radio {
  display: block;
}

div.wpcf7 input[type="text"],
div.wpcf7 input[type="email"],
div.wpcf7 input[type="tel"],
div.wpcf7 input[type="url"],
div.wpcf7 input[type="password"],
div.wpcf7 textarea {
  width: 100%;
  padding: 1em;
  font-size: 1em;
  border: solid 1px rgba(96, 76, 63, 0.2);
  background: #ffffff;
  border-radius: 3px;
  -webkit-appearance: none;
  box-sizing: border-box;
}

div.wpcf7 textarea {
  height: 20em;
  line-height: 1.4;
}

div.wpcf7 input:focus,
div.wpcf7 input[type="text"]:focus,
div.wpcf7 input[type="email"]:focus,
div.wpcf7 input[type="tel"]:focus,
div.wpcf7 input[type="url"]:focus,
div.wpcf7 input[type="password"]:focus,
div.wpcf7 textarea:focus {
  outline: none;
}

div.wpcf7 input.wpcf7-submit {
  cursor: pointer;
  color: #222222;
  font-size: 1em;
  width: 200px;
  padding: 0.5em 0;
  margin: 0 auto;
  display: block;
  border: solid 1px #222222;
  background: #fefefe;
  text-align: center;
}

div.wpcf7 input.wpcf7-submit:hover,
div.wpcf7 input.wpcf7-submit:active {
  opacity: 0.8;
}

/* error */
div.wpcf7 div.screen-reader-response {
  display: none;
}

.wpcf7 span.wpcf7-not-valid-tip {
  font-size: 80%;
  color: #ffb6c1;
}

.wpcf7 .wpcf7-response-output {
  margin: 0.5em 0 0;
  padding: 0.5em 1em 0.5em 1em;
  border-radius: 3px;
  text-align: center;
}

.wpcf7 .wpcf7-validation-errors {
  color: #B94A48;
  background-color: #fff;
  border: 1px solid #EED3D7;
}

.wpcf7 .wpcf7-mail-sent-ok {
  color: #3A87AD;
  background-color: #D9EDF7;
  border: 1px solid #BCE8F1;
}

/* Plugin > Hamburger menu
   --------------- */
#nav-drawer {
  position: relative;
  float: right;
  margin-top: 13%;
  margin-right: 13%;
}

.nav-unshown {
  display: none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;
  /*線の太さ*/
  width: 25px;
  /*長さ*/
  border-radius: 3px;
  background: #222222;
  display: block;
  content: '';
  cursor: pointer;
}

#nav-open span:before {
  bottom: -8px;
}

#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  /*最前面に*/
  width: 90%;
  /*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;
  /*最大幅（調整してください）*/
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  /*背景色*/
  transition: .3s ease-in-out;
  /*滑らかに表示*/
  -webkit-transform: translateX(125%);
  transform: translateX(100%);
  /*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;
  /*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(23%);
  transform: translateX(23%);
  /*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}

.c-sp-nav__list > li > a {
  display: block;
  border-bottom: solid 1px #604C3F;
  height: 3em;
  vertical-align: middle;
  line-height: 3em;
  padding-left: 2em;
  text-decoration: none;
}

@media screen and (min-width: 641px) {
  #nav-open {
    display: none;
  }
}

.u-mt4{
	margin-top:4rem;
}

/*# sourceMappingURL=style.css.map */