@charset "UTF-8";
@import url(drawer.css) only screen and (max-width: 1023px);
/* BASE
-------------------------------------------------------------- */
br.clear {
  clear: both; }

.float-right {
  float: right;
  margin: 0px 0px 8px 8px; }

.float-left {
  float: left;
  margin: 0px 8px 8px 0px; }

img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%; }

.sans-serif_jp {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.self_jp {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.clear {
  clear: both; }

.center {
  text-align: center; }

.sans-serif {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.pc {
  display: block; }
  @media only screen and (max-width: 767px) {
    .pc {
      display: none; } }

.sm {
  display: none; }
  @media only screen and (max-width: 767px) {
    .sm {
      display: block; } }

br.sm_br {
  display: none; }
  @media only screen and (max-width: 767px) {
    br.sm_br {
      display: inline; } }

p {
  text-align: justify;
  text-justify: inter-ideograph;
  -ms-text-justify: inter-ideograph; }

a {
  text-decoration: none;
  outline: none;
  color: #4c4948;
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out; }

a:hover {
  text-decoration: none;
  opacity: .5;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)"; }

a:hover img {
  opacity: .5;
  -webkit-opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)"; }

a img {
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -ms-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out; }

/* LAYOUT
-------------------------------------------------------------- */
body {
  font-size: 14px;
  line-height: 2em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: #fff;
  color: #4c4948; }
  body#index {
    overflow: hidden; }

main {
  display: block; }

/* HEDDER
-------------------------------------------------------------- */
header {
  position: absolute;
  z-index: 100;
  width: 100%;
  padding: 45px 0 0 55px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    header {
      padding: 30px 0 0 25px; } }
  header h1 {
    width: 218px;
    height: 21px;
    float: left;
    margin-right: 40px; }
    @media only screen and (max-width: 767px) {
      header h1 {
        float: none;
        margin: 0 0 15px 0; } }
    header h1 a {
      display: block;
      width: 218px;
      height: 21px;
      background: url(../images/logo_g.svg) no-repeat;
      background-size: 215px auto;
      text-indent: -999999px;
      color: #fff; }
  header nav ul li {
    float: left;
    margin-right: 30px; }
    header nav ul li a {
      font-size: 0.9em;
      font-family: "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      letter-spacing: 2px; }
  header ul#sns {
    font-size: 1.2em; }
    @media only screen and (max-width: 767px) {
      header ul#sns {
        position: absolute;
        right: 25px;
        top: 25px; } }
  header#index_header a {
    color: #fff; }
  header#index_header h1 a {
    background: url(../images/logo_w.svg) no-repeat; }

/* CONTENTS
-------------------------------------------------------------- */
main {
  padding: 165px 25px 0 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media only screen and (max-width: 767px) {
    main {
      padding: 135px 25px 0 25px; } }
  main h2 {
    font-family: "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    background: url(../images/line.png) no-repeat center bottom;
    background-size: 103px 1px;
    height: 2.3em;
    letter-spacing: 2px;
    margin-bottom: 2.5em; }

main#about section {
  max-width: 560px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 8em;
  padding: 0 80px; }
  @media only screen and (max-width: 767px) {
    main#about section {
      padding: 0;
      margin-bottom: 4em;
      max-width: 390px; } }
  main#about section p {
    white-space: nowrap;
    margin-bottom: 2em; }
    @media only screen and (max-width: 767px) {
      main#about section p {
        white-space: normal;
        text-align: justify;
        text-justify: inter-ideograph;
        -ms-text-justify: inter-ideograph; } }
  main#about section#profile h3 {
    margin-bottom: 2em; }
    main#about section#profile h3 span {
      display: block; }
  main#about section#contact .link01 {
    height: 16px; }
    main#about section#contact .link01 a {
      display: block;
      background: url(../images/arrow.png) no-repeat;
      background-size: 16px 31px;
      padding-left: 25px;
      letter-spacing: 1px;
      font-family: "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

main#about div#concept_text {
  position: absolute;
  left: 0;
  top: 200px;
  width: 120px;
  height: 386px;
  background: url(../images/about_ill_pc.png) no-repeat;
  background-size: 120px auto; }
  main#about div#concept_text p {
    display: none; }
  @media only screen and (max-width: 767px) {
    main#about div#concept_text {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: auto;
      background: none;
      background: url(../images/about_ill_sm.png) no-repeat;
      background-size: 70px auto;
      padding: 60px 0px 0 0px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-left: -25px;
      margin-bottom: 6em;
      margin-top: -2em; }
      main#about div#concept_text p {
        display: block;
        max-width: 370px;
        margin: 0 auto;
        padding-left: 40px; } }

main#about div#about_img {
  max-width: 560px;
  margin: 0 auto; }
  @media only screen and (max-width: 767px) {
    main#about div#about_img {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0 -10px; } }

main#news {
  background: url(../images/line.png) no-repeat center bottom;
  background-size: 150px 1px;
  margin-bottom: 8em;
  padding-bottom: 2em; }
  @media only screen and (max-width: 767px) {
    main#news {
      margin-bottom: 2em;
      padding-bottom: 1em; } }
  main#news article {
    max-width: 390px;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 8em auto; }
    @media only screen and (max-width: 767px) {
      main#news article {
        padding: 0;
        margin-bottom: 4em; } }
    main#news article h2 {
      margin-bottom: 0.5em;
      background-size: 150px 1px; }
    main#news article div.day {
      text-align: center;
      font-family: "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      letter-spacing: 1px; }
    main#news article div.blog_body {
      margin-top: 3em;
      zoom: 1; }
      main#news article div.blog_body:before, main#news article div.blog_body:after {
        content: "";
        display: table; }
      main#news article div.blog_body:after {
        clear: both; }
      @media only screen and (max-width: 767px) {
        main#news article div.blog_body {
          margin-top: 2em; } }
      main#news article div.blog_body p {
        margin-bottom: 1.5em;
        text-align: justify;
        text-justify: inter-ideograph;
        -ms-text-justify: inter-ideograph; }
    main#news article:last-child {
      margin-bottom: 0; }

aside {
  position: absolute;
  left: 0px;
  top: 196px;
  width: 200px;
  background: url(../images/line.png) no-repeat;
  background-size: 150px 1px; }
  @media only screen and (max-width: 767px) {
    aside {
      background: no-repeat;
      position: relative;
      left: 0;
      top: 0;
      width: inherit;
      max-width: 390px;
      margin: 0 auto;
      padding: 0 25px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  aside > ul {
    padding: 30px 0 0 55px; }
    @media only screen and (max-width: 767px) {
      aside > ul {
        padding: 0; } }
    aside > ul > li {
      margin-bottom: 3em; }
      aside > ul > li h3 {
        font-size: 0.7em;
        margin-bottom: 0.3em;
        padding-bottom: 0;
        letter-spacing: 1px; }
      aside > ul > li ul {
        margin: 0;
        position: relative; }
        aside > ul > li ul li {
          font-size: 0.85em;
          letter-spacing: 1px;
          padding-left: 1em;
          line-height: 1.8em;
          margin-bottom: 0.4em; }
          aside > ul > li ul li:before {
            content: '・';
            display: block;
            position: absolute;
            left: 0; }

div.wp-pagenavi {
  text-align: center;
  margin-bottom: 3em; }

/* FOOTER
-------------------------------------------------------------- */
footer {
  text-align: center;
  padding: 3em 0;
  font-family: "Times New Roman", "HG明朝L", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 0.8em; }
  @media only screen and (max-width: 767px) {
    footer {
      padding: 2em 0 1em 0; } }

/* INDEX
-------------------------------------------------------------- */
.fullSlideShow {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden; }
  .fullSlideShow ul {
    top: 50%;
    left: 50%;
    width: 100%;
    position: fixed;
    /* absolute or fixed */
    overflow: hidden;
    display: inline-block; }
    .fullSlideShow ul li {
      top: 0;
      left: 0;
      width: 100%;
      display: none;
      position: absolute; }
      .fullSlideShow ul li img {
        width: 100%; }
    .fullSlideShow ul:after {
      content: ".";
      height: 0;
      clear: both;
      display: block;
      visibility: hidden; }

/* =======================================
    ClearFixElements
======================================= */
.fullSlideShow ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden; }

.fullSlideShow ul {
  display: inline-block;
  overflow: hidden; }