@charset "UTF-8";
/* フォント設定 *******************************************/
/* モリサワType Square ************************************/
/* クリアフィックス */
.clearfix:after {
  content: " ";
  display: block;
  clear: both; }

/*----------- 定義内容-----------
ブレイクポイント設定
メディアクエリ
コンテンツ幅(basicWrap)
基本ベンダープレフィックスをつけた状態で書き出す(prefix)
アニメーション：プレフィクス付（animation）
角丸設定(border-radius)

---------------------------------
*/
.contentsHeader {
  background: url(../images/bg_contentsHeader-pc.jpg) no-repeat top center;
  height: 450px;
  position: relative;
  text-align: center; }
  .contentsHeader h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    /* Safari用 */
    transform: translate(-50%, -50%); }
  @media only screen and (max-width: 600px) {
    .contentsHeader {
      background-image: url(../images/bg_contentsHeader-mb.jpg);
      height: 200px;
      background-size: 100%; }
      .contentsHeader img {
        width: 100%; }
      .contentsHeader h1 {
        width: 90%;
        left: 5%;
        top: 25%;
        transform: none; } }

/*本文 **********************************************************/
#contents-base > section {
  padding: 120px 0 60px; }
  @media only screen and (max-width: 600px) {
    #contents-base > section {
      padding: 60px 0 30px; } }

.innerBlock {
  width: 640px; }
  @media only screen and (max-width: 600px) {
    .innerBlock {
      width: 100%; } }

#intro h2 {
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; }

.meritBlock h2 {
  color: #7F6F57;
  text-align: center; }
.meritBlock .meritList {
  text-align: center; }
  .meritBlock .meritList li {
    display: inline-block;
    -webkit-justify-content: space-between;
    /* Safari */
    justify-content: space-between;
    margin: 0 10px;
    width: 294px; }
    @media only screen and (max-width: 600px) {
      .meritBlock .meritList li {
        width: 100%;
        margin: 30px 0 0; } }
    .meritBlock .meritList li h3 {
      color: #FFA300;
      margin: 10px 0; }
    .meritBlock .meritList li p {
      text-align: left;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.4;
      margin: 0 30px; }
      @media only screen and (max-width: 600px) {
        .meritBlock .meritList li p {
          margin: 0 5%; } }

/* ギャラリーループ */
.panning {
  width: auto;
  height: 263px;
  margin: 80px 0;
  background: url("../images/photogallery.jpg"); }
  @media only screen and (max-width: 600px) {
    .panning {
      height: 165px;
      background-size: cover; } }

.sectionFooter.nouki h2 {
  color: #007DD1;
  font-size: 24px;
  font-size: 2.4rem; }

#category {
  background-color: #F8F6E7;
  text-align: center; }
  #category .innerBlock {
    text-align: left;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: -0.04em; }
    #category .innerBlock .lead {
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1.2; }
      @media only screen and (max-width: 600px) {
        #category .innerBlock .lead {
          font-size: 20px;
          font-size: 2rem; } }

.catBlock {
  text-align: left;
  margin: 60px 0; }
  @media only screen and (max-width: 600px) {
    .catBlock {
      margin: 30px 0; } }
  .catBlock h3 {
    font-family: "A-OTF 新ゴ Pr6N M";
    font-size: 22px;
    font-size: 2.2rem; }
  .catBlock figure {
    margin: 0; }
  .catBlock figcaption {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #5d5d5d;
    margin: 5px 0 30px; }
  .catBlock .itemList li {
    list-style: none;
    display: inline-block;
    border-left: 1px solid #F8F6E7; }
    .catBlock .itemList li a {
      text-decoration: none; }

#jirei-det {
  background: url(../images/tile_jirei.gif); }
  #jirei-det h2 {
    text-align: center; }

.jireiBlock {
  margin-top: 100px; }
  .jireiBlock h3 {
    font-family: meiryo;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 16px; }
  .jireiBlock .textLeft {
    width: 520px;
    float: left; }
    @media only screen and (max-width: 600px) {
      .jireiBlock .textLeft {
        width: 100%; } }
  .jireiBlock .textRight {
    width: 580px;
    float: right; }
    @media only screen and (max-width: 600px) {
      .jireiBlock .textRight {
        width: 100%; } }
    .jireiBlock .textRight p {
      width: 520px; }
      @media only screen and (max-width: 600px) {
        .jireiBlock .textRight p {
          width: 100%; } }
  .jireiBlock p {
    font-size: 14px;
    font-size: 1.4rem; }
  .jireiBlock img {
    margin-top: -60px; }
    @media only screen and (max-width: 600px) {
      .jireiBlock img {
        margin-top: 10px; } }

#staff {
  background-color: #E8F4F9;
  padding: 60px 0 !important; }
  #staff h2 {
    font-family: meiryo;
    font-weight: normal;
    letter-spacing: inherit;
    color: #007DD1;
    margin-bottom: 10px; }
  #staff p {
    font-size: 14px;
    font-size: 1.4rem; }
  #staff .prof {
    color: #005e9e;
    margin-bottom: 20px; }
  #staff img {
    float: left;
    margin: 0 80px; }
  @media only screen and (max-width: 600px) {
    #staff h2, #staff .prof {
      text-align: center; }
    #staff img {
      float: none;
      margin: 0 auto;
      padding: 0 15%; } }

#orderinfo h2 {
  text-align: center; }
#orderinfo .basicWrap > div {
  margin-bottom: 0; }

.infoNavBox {
  border: 1px solid #979797;
  padding: 24px 60px;
  margin: 0 auto;
  width: 600px; }
  @media only screen and (max-width: 600px) {
    .infoNavBox {
      padding: 2%;
      width: 100%; } }
  .infoNavBox .infoList li {
    list-style: none;
    line-height: 2;
    display: inline-block;
    width: 45%;
    padding-right: 20px; }
    @media only screen and (max-width: 600px) {
      .infoNavBox .infoList li {
        padding: 0 10%;
        width: 100%; } }
    .infoNavBox .infoList li a {
      color: #5d5d5d; }
      .infoNavBox .infoList li a::after {
        background: #979797; }

dl {
  margin: 80px 0;
  line-height: 1.8em;
  overflow: hidden;
  _zoom: 1; }
  dl dt {
    font-family: "A-OTF 新ゴ Pr6N DB";
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 20px;
    margin: 26px 60px 0;
    border-left: 3px solid #007DD1; }
  dl dd {
    margin: 14px 0;
    padding: 0 60px 20px;
    border-bottom: 1px dotted #979797; }
  @media only screen and (max-width: 600px) {
    dl dt {
      padding: 0 5%;
      margin: 0; }
    dl dd {
      padding: 0 5% 20px; } }

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