@charset "UTF-8";

/* ==========================================================
 html5 elements
========================================================== */
article, aside, figure, figcaption, footer, header, nav, section
{ display: block;}
/* ==========================================================
 reseting
========================================================== */
body {
  line-height: 1.6;
  color: #000;
  font-size: 14px;
  -webkit-text-size-adjust: 100%;
}
body, input, textarea, select, button {
  font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  /* 明朝フォント
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;*/
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, button, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
input, textarea, select
{ /*-webkit-appearance: none;*/}
textarea
{ resize: none;}
button
{ border: none; overflow: visible; background: none; vertical-align: top;  font-size: 100%; color: inherit; cursor: pointer; -webkit-appearance: none;}
/*label
{ cursor: pointer;}*/
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ height: auto; vertical-align: top;}
address, caption, code, em, th
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6, strong, em
{ font-size: 100%; font-weight: normal;}
a, input
{/* outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);*/}
sup, sub
{ font-size: 63%;}
sup
{ vertical-align: top;}
sub
{ vertical-align: baseline;}
*
{ box-sizing: border-box; -webkit-box-sizing: border-box;}


/* 明朝 */
.mincho {
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}
/* デフォルト */
.gothic {
	font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}

body {
  min-width: 1000px;
}
@media screen and (max-width: 768px) {
  body {
    min-width: 100%;
  }
}


/* 画面外にいる状態 */
.fadein {
	opacity : 0.0;
	transform : translate(0, 50px);
	transition : all 500ms;
}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

@media screen and (max-width: 768px) {
.fadein {
	opacity : 1;
	transform : translate(0, 0);
}
}

/* ==========================================================
 base Link
========================================================== */
a {
  color: #f00;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
a:hover { text-decoration:none; }
}
/* ==========================================================
 clearfix
========================================================== */
.clearfix:before, .clearfix:after,
.contents:before, .contents:after
{
  content: "";
  display: table;
}
.clearfix:after,
.contents:after
{
  clear: both;
}
/* For IE 6/7
---------------------------------------------------------- */
.clearfix,
.contents
{
  *zoom: 1;
}
/* ==========================================================
 layout
========================================================== */
html { overflow-y: scroll;}
/* ==========================================================
 wrapper
========================================================== */
.wrapper {
  width: 100%;
}
/* ==========================================================
 header
========================================================== */
.header {
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  border-top: 1px #D1B347 solid;
  border-bottom: 1px #D1B347 solid;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}
  .header-in {
    width: 1000px;
    margin: 0 auto;
    padding: 15px 0 17px;
    text-align: left;
  }
  .header-logo {
    display: block;
    text-align: center;
  }
.overlay {
  display: none;
}
@media screen and (max-width: 768px) {
.header {
  max-width:100%;
  min-width: 100%;
  border-top: none;
}
  .header-in {
    width: 100%;
    padding: 0;
    background-color: #fff;
  }
  .header-fix {
    position: fixed;
    z-index: 6000;
    width: 100%;
  }
    .header-fix .header-fix-in {
      padding: 7px;
      background-color:#fff;
    }
  .header-logo {
    width: 100%;
  }
    .header-logo img {
      width: 35px;
    }
}

/* ==========================================================
 nav-global
========================================================== */
.nav-global {
  width: 100%;
}
  .nav-global ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
    .nav-global li {
      display: inline-block;
    }
      .nav-global li a {
        display: block;
        padding: 7px 0 4px;
        text-align: center;
        color: #AF8530;
        text-decoration: none;
        cursor: pointer;
        letter-spacing: 3px;
        font-weight: 600;
        border-bottom: 1px solid #fff;
      }
      .nav-global li a:hover {
        border-bottom: 1px solid #AF8530;
      }
      #g02 .nav02 a,
      #g03 .nav03 a,
      #g04 .nav04 a,
      #g05 .nav05 a,
      #g06 .nav06 a,
      #g07 .nav07 a,
      #g08 .nav08 a,
      #g09 .nav09 a {
        border-bottom: 1px solid #AF8530;
      }
.btn-menu-sp,
.btn-close-top {
  display: none;
}

@media screen and (max-width: 768px) {
.nav-global {
  display: none;
  overflow: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 7000;
  margin-top: 0;
  transition-timing-function: ease;
}
  .nav-global.is-open {
    display: block;
  }
  .nav-global:after {
    display: none;
  }
  .nav-global-in {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .nav-global ul {
    display: block;
    padding: 0 15px 15px;
    overflow: hidden;
    background-color: #AF8530;
  }
  .nav-global li {
    float: left;
    margin-right: 0;
    padding: 0;
    border-bottom: 1px #fff solid;
  }
  .nav-global li:nth-child(3) { margin-right: 0; }
  .nav-global li:nth-child(4) { margin-right: 0; }
  .nav-global li:nth-child(6) { margin-right: 0; }
  .nav-global li:nth-child(9) { margin-right: 0; }
  .nav-global li:nth-child(odd) { width: 50%; }
  .nav-global li:nth-child(even) { width: 50%; }
  .nav-global li:first-child {
    padding: 0;
    width: 100%;
  }
    .nav-global li:after {
      display: none;
    }
      .nav-global li a {
        text-align: left;
        padding: 15px 0;
        letter-spacing: 1px;
        color: #fff;
        border-bottom: none;
      }
      .nav-global li a:hover {
        border-bottom: none;
      }
      .nav-global li a span {
        display: block;
        position: relative;
        padding-left: 16px;
        font-size: 13px;
      }
      .nav-global li a span:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 0;
        width: 10px;
        height: 10px;
        background: url(/common/img/arrow_menu_sp.png) 0 0 no-repeat;
        background-size: 100% 100%;
      }
            #g02 .nav02 a,
      #g03 .nav03 a,
      #g04 .nav04 a,
      #g05 .nav05 a,
      #g06 .nav06 a,
      #g07 .nav07 a,
      #g08 .nav08 a,
      #g09 .nav09 a {
        border-bottom: none;
      }

  .btn-menu-sp {
    position: absolute;
    top: 16px;
    left: 21px;
    display: block;
    width: 22px;
  }
    .btn-menu-sp img {
      width: 100%;
    }
  .btn-close-top {
    display: block;
    padding: 14px;
    background-color: #AF8530;
    border-bottom: 1px solid #fff;
  }
    .btn-close-top span {
      display: block;
      width: 26px;
      height: 26px;
    }
      .btn-close-top span img {
        width: 100%;
      }
}
/* ==========================================================
 nav-local
========================================================== */
.nav-local {
}
  .nav-local li {
  }
    .nav-local li a {
    }
    .nav-local li a:hover {
    }
/* ==========================================================
 nav-breadcrumb
========================================================== */
.nav-breadcrumb {
  overflow: hidden;
  margin: 0 auto;
  padding: 25px 0 24px;
  text-align: left;
  border-bottom: 1px solid #EEEEE3;
}
  .nav-breadcrumb ul {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
  }
  .nav-breadcrumb li {
    margin-right: 15px;
    padding-right: 15px;
    white-space: nowrap;
    position: relative;
    float: left;
  }
  .nav-breadcrumb li:last-child {
    margin-right: 0;
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .nav-breadcrumb li::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 4px;
    width: 4px;
    height: 10px;
    background: url(/common/img/arrow_breadcrumb.png) 0 0 no-repeat;
  }
  .nav-breadcrumb li:last-child::after {
    display: none;
    content: "";
  }
    .nav-breadcrumb li,
    .nav-breadcrumb a {
      font-size: 12px;
      color:#201713;
    }
    .nav-breadcrumb a {
      text-decoration: underline;
    }
    .nav-breadcrumb a:hover {
      text-decoration: none;
    }
@media screen and (max-width: 768px) {
.nav-breadcrumb {
  padding: 4px 0 7px;
}
  .nav-breadcrumb ul {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
  }
    .nav-breadcrumb li {
      margin-right: 13px;
      padding-right: 11px;
    }
      .nav-breadcrumb li::after { top: 5px; }
      .nav-breadcrumb li:last-child { width: auto; }
}
/* ==========================================================
 contents
========================================================== */
.contents {}
  .contents .content-wrap {
    margin: 27px auto 0;
    position: relative;
  }
.contents-main {}
/* ==========================================================
 footer
========================================================== */
.footer {
  margin-top: 32px;
  border-top: 1px solid #D1B347;
  width: 100%;
}
  .footer-in {
    width: 1000px;
    margin: 55px auto 0;
    text-align: left;
    overflow: hidden;
  }
  .footer-utility {
    float: left;
    width: 330px;
  }
    .footer-utility .logo {}
  .footer-links-wrap {
    float: right;
    overflow: hidden;
    width: 645px;
    padding: 10px 0 0 0;
  }
  .footer-links {}
    .footer-links li {
      position: relative;
      display: inline-block;
      margin-bottom: 12px;
      margin-left: 24px;
      text-align: center;
      line-height: 1.1;
    }
      .footer-links li:nth-child(3) { margin-left: 18px; }
      .footer-links li:nth-child(4) { margin-left: 18px; }
      .footer-links li:nth-child(8) { margin-left: 32px; }
      .footer-links li a {
        position: relative;
        padding-left: 14px;
        letter-spacing: 3px;
        line-height: 1.1;
        font-size: 14px;
        color: #AE8530;
        text-decoration: none;
      }
        .footer-links li a:before {
          content: '';
          position: absolute;
          width: 10px;
          height: 10px;
          top: 50%;
          left: 0;
          margin-top: -5px;
          background: url(/common/img/arrow_footer_01_pc.png) 0 0 no-repeat;
          text-decoration: none;
        }
  .footer-copyright {
    margin: 45px 0 35px;
    text-align: center;
    font-size: 12px;
    color:#666;
  }

.footer-consultation {
  padding: 70px 0 90px;
  background: url(/common/img/bg_footer_pc.jpg) 0 0 no-repeat;
  background-size: cover;
}
  .footer-consultation .footer-consult {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
  }
.footer-discussion {
  width: 600px;
  float: left;
}
  .footer-discussion .txt-01 {
    margin-bottom: 70px;
    line-height: 1.3;
    letter-spacing: 15px;
    font-size: 60px;
    font-weight: bold;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
  }
  .footer-discussion .txt-02 {
    font-size: 16px;
    line-height: 2;
  }
.footer-contact {
  float: right;
  margin-top: 8px;
  width: 345px;
}
  .footer-contact .footer-btn {
    position: relative;
    display: block;
    padding: 26px 20px 27px 31px;
    margin-bottom: 10px;
    line-height: 1;
    letter-spacing: 7px;
	text-decoration: none;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: #FFF;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
  }
    .footer-contact .footer-btn:before {
		content: '';
		width: 100%;
		height: 100%;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background-color: #900;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 0;
	}
    .footer-contact .footer-btn:hover:before {
		opacity: 0.7;
	}
    .footer-contact .footer-btn:after {
      content: '';
      position: absolute;
      right: 22px;
      top: 50%;
      margin-top: -10px;
      width: 21px;
      height: 22px;
      background: url(/common/img/arrow_footer_white_pc.png) 0 0 no-repeat;
		z-index: 1;
    }
    .footer-contact .footer-btn span {
		position: relative;
		z-index: 1;
	}
  .footer-contact .box-in {
    margin-top: 27px;
    text-align: center;
  }
    .footer-contact .box-in .txt-01 {
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 5px;
      font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
    }
    .footer-contact .box-in .tel {
      position: relative;
      display: inline-block;
      margin-bottom: 9px;
      pointer-events: none;
      line-height: 1.2;
      letter-spacing: 2px;
      padding-left: 27px;
      font-size: 43px;
      color: #990000;
      font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
    }
    .footer-contact .box-in .tel:before {
      content: '';
      position: absolute;
      top: 14px;
      left: 0;
      width: 23px;
      height: 28px;
      background: url(/common/img/ico_tel.png) 0 0 no-repeat;
    }
    .footer-contact .box-in .txt-02 {
      letter-spacing: 1px;
      font-size: 14px;
    }
@media screen and (max-width: 768px) {
.footer {
  margin-top: 40px;
}
  .footer-in {
    width: 100%;
    margin: 26px auto 0;
    overflow: hidden;
    border-bottom: 1px solid #EEEEE3;
  }
  .footer-utility {
    float: none;
    width: 100%;
  }
    .footer-utility .logo {
      margin-bottom: 15px;
      padding-left: 0;
      text-align: center;
    }
      .footer-utility .logo a {
        display: block;
        width: 200px;
        margin: 0 auto;
      }
      .footer-utility .logo img {
        width: 100%;
      }
  .footer-links-wrap {
    overflow: hidden;
    float: none;
    width: 100%;
    padding: 10px 15px 0;
  }
  .footer-links {
    overflow: hidden;
  }
    .footer-links li {
      display: block;
      margin-bottom: 14px;
      padding-bottom: 16px;
      margin-left: 0;
      width: 50%;
      float: left;
      text-align: left;
      border-bottom:1px solid #EEEEE3;
    }
    .footer-links li:nth-child(odd) { width: 45%; }
    .footer-links li:nth-child(even) { width: 55%; }
    .footer-links li:nth-child(3) { margin-left: 0; }
    .footer-links li:nth-child(4) { margin-left: 0; }
    .footer-links li:nth-child(8) { margin-left: 0; }
    .footer-links li:last-child {
      margin-bottom: 0;
    }
    .footer-links li:last-child a {
      letter-spacing: 2px;
    }
      .footer-links li a { padding-left: 16px; }
  .footer-copyright {
    margin: 7px 0 20px;
    font-size: 10px;
  }
.footer-consultation {
  padding: 20px 15px 20px;
  background: url(/common/img/bg_footer_sp.jpg) 0 0 no-repeat;
  background-size: cover;
}
  .footer-consultation .footer-consult {
    width: 100%;
  }
.footer-discussion {
  width: 100%;
  float: none;
}
  .footer-discussion .txt-01 {
    margin-bottom: 13px;
    line-height: 1.2;
    letter-spacing: 7px;
    font-size: 25px;
  }
  .footer-discussion .txt-02 {
    font-size: 12px;
  }
.footer-contact {
  float: none;
  margin-top: 13px;
  width: 100%;
}
  .footer-contact .footer-btn {
    padding: 11px 40px 12px;
    margin-bottom: 10px;
    line-height: 1.5;
    letter-spacing: 5px;
    font-size: 17px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
    .footer-contact .footer-btn:before {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	}
    .footer-contact .footer-btn:after {
      margin-top: -8px;
      width: 15px;
      height: 15px;
      background-size: 100% 100%;
    }
  .footer-contact .box-in {
    margin-top: 13px;
  }
    .footer-contact .box-in .txt-01 {
      font-size: 15px;
    }
    .footer-contact .box-in .tel {
      margin-bottom: 9px;
      padding-left: 19px;
      font-size: 25px;
      pointer-events: auto;
    }
    .footer-contact .box-in .tel:before {
      top: 7px;
      width: 15px;
      height: 18px;
      background-size: 100% 100%;
    }
    .footer-contact .box-in .txt-02 {
      letter-spacing: 1px;
      font-size: 12px;
    }
}
/* ==========================================================
 grid
========================================================== */
/* grid-cmn
---------------------------------------------------------- */
.grid-cmn {
}
  .grid-cmn > .col {
  }
/* ==========================================================
 area
========================================================== */
/* area-cmn
---------------------------------------------------------- */
.area-cmn {
}
/* ==========================================================
 section
========================================================== */
/* sec-cmn
---------------------------------------------------------- */
.sec-cmn-01 {
}
.sec-cmn-in {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.sec-cmn-01 {
}
.sec-cmn-in {
  width: auto;
  padding: 0 15px;
}
}
/* section last margin */
section:last-of-type {
  margin-bottom: 0;
}
/* ==========================================================
 box
========================================================== */
/* box-cmn-map
---------------------------------------------------------- */
.box-cmn-map {}
  .box-cmn-map .map {
    margin-bottom: 13px;
  }
    .box-cmn-map .map {
      width: 100%;
	  height: 450px;
    }
  .box-cmn-map .list-cmn-map {
    width: 280px;
    float: right;
  }
    .box-cmn-map .list-cmn-map li {
      position: relative;
      padding-left: 12px;
      line-height: 1.4;
      font-size: 12px;
    }
    .box-cmn-map .list-cmn-map li:before {
      content: '';
      position:absolute;
      left: 0;
      top: 5px;
      width: 8px;
      height: 8px;
      background: url(/common/img/ico_map.png) 0 0 no-repeat;
    }
      .box-cmn-map .list-cmn-map li span {
        position: absolute;
        right: 0;
      }

/* Googlemap用 */
#map-widget {
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	background-color: white;
	font-size: 13px; font-family: Roboto, Arial;
	margin: 15px;
	padding: 10px;
}
#map-widget strong {
	font-weight: bold;
}

@media screen and (max-width: 768px) {
.box-cmn-map {
  margin-top: 16px;
  padding: 0 15px;
}
  .box-cmn-map .sec-cmn-in { padding: 0; }
  .box-cmn-map .map {
	  margin-bottom: 5px;
      width: 100%;
      height: 200px;
    }
  .box-cmn-map .list-cmn-map {
    width: 100%;
    float: none;
    max-width: 290px;
  }
    .box-cmn-map .list-cmn-map li {
      position: relative;
      padding-left: 12px;
      line-height: 1.4;
      font-size: 12px;
    }
    .box-cmn-map .list-cmn-map li:before {
      content: '';
      position:absolute;
      left: 0;
      top: 5px;
      width: 8px;
      height: 8px;
      background: url(/common/img/ico_map.png) 0 0 no-repeat;
    }
      .box-cmn-map .list-cmn-map li span {
        position: absolute;
        right: 0;
      }
}
/* ==========================================================
 hero
========================================================== */
/* hero-cmn
---------------------------------------------------------- */
.hero-cmn {
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
  text-align: left;
  overflow: hidden;
  position: relative;
}
  .hero-cmn > img {
    width: 100%;
    min-width: 1600px;
  }
  .hero-cmn .title {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1000px;
    margin: 0 auto;
    text-align: center;
  }
    .hero-cmn .title .jp {
      display: block;
      color: #000;
      font-size: 45px;
      letter-spacing: 16px;
      font-weight: 600;
      line-height: 1.1;
      font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
    }
    .hero-cmn .title .en {
      display: block;
      margin-top: 12px;
      color: #000;
      font-size: 15px;
      letter-spacing: 4px;
      font-weight: bold;
    }
@media screen and (max-width: 768px) {
.hero-cmn {
  width: 100%;
  min-width: 100%;
  margin: 55px auto 0;
  text-align: left;
  overflow: hidden;
  position: relative;
}
  .hero-cmn > img {
    width: 100%;
    min-width: 100%;
  }
  .hero-cmn .title {
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
    .hero-cmn .title .jp {
      font-size: 23px;
      letter-spacing: 5px;
    }
    .hero-cmn .title .en {
      margin-top: 6px;
      font-size: 8px;
      letter-spacing: 2px;
    }
}
/* ==========================================================
 module
========================================================== */

/* ==========================================================
 title
========================================================== */
/* ttl-cmn-01
---------------------------------------------------------- */
.ttl-cmn-01 {
  position: relative;
  margin-bottom: 28px;
  font-size: 33px;
  color: #AE8530;
  font-weight: 600;
  letter-spacing: 11px;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}
  .ttl-cmn-01 span {
    position: absolute;
    top: 19px;
    padding-left: 10px;
    font-size: 11px;
    letter-spacing: 3px;
    font-weight: bold;
    font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
  }
@media screen and (max-width: 768px) {
.ttl-cmn-01 {
  position: relative;
  margin-bottom: 10px;
  font-size: 25px;
  letter-spacing: 5px;
}
.ttl-cmn-01.style-01 {
  line-height: 1;
  letter-spacing: 7px;
  text-indent: 10px;
  margin-left: -10px;
}
  .ttl-cmn-01 span {
	  padding-left: 0;
	  position: static;
	  top: auto;/*
    position: absolute;
    top: 12px;*/
    letter-spacing: 2px;
    font-size: 11px;
	white-space: nowrap;
	display: inline-block;
  }
  /*.ttl-cmn-01.style-01 span {
    display: block;
    position: static;
    line-height: 1.5;
    padding-left: 0;
    margin-top: 7px;
  }*/
}
/* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 {
}
/* ttl-cmn-03
---------------------------------------------------------- */
.ttl-cmn-03 {
}
/* ==========================================================
 text
========================================================== */
/* txt-cmn
---------------------------------------------------------- */
.txt-cmn {
}
/* ==========================================================
 list
========================================================== */
/* list-cmn
---------------------------------------------------------- */
.list-cmn {
}
  .list-cmn li {
  }
/* ==========================================================
 table
========================================================== */
/* table-cmn
---------------------------------------------------------- */
.table-cmn {
}
  .table-cmn th,
  .table-cmn td {
  }
  .table-cmn th {
  }
  .table-cmn td {
  }
/* ==========================================================
 button
========================================================== */
/* btn-cmn
---------------------------------------------------------- */
.wrap-btn-cmn {
  width: 250px;
  margin: 0 auto;
}
.btn-cmn-01 {
	width: 100%;
	padding: 17px 12px 17px 0px;
	line-height: 1.5;
	letter-spacing: 5px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	background: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	position: relative;
}
.btn-cmn-01:before {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #000;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.btn-cmn-01:hover:before {
	opacity: 0.7;
}
.btn-cmn-01:after {
	content: '';
	position: absolute;
	right: 22px;
	top: 50%;
	margin-top: -10px;
	width: 21px;
	height: 22px;
	background: url(../img/arrow_footer_white_pc.png) 0 0 no-repeat;
	z-index: 1;
}
.btn-cmn-01 span {
	position: relative;
	z-index: 1;
}
@media screen and (max-width: 768px) {
.wrap-btn-cmn {
  width: 250px;
  margin: 0 auto;
}
.btn-cmn-01 {
  position: relative;
  display: block;
  padding: 15px;
  width: 100%;
  line-height: 1.5;
  letter-spacing: 4px;
  background-color: #000;
  font-size: 13px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.btn-cmn-01:hover {
  text-decoration: none;
}
  .btn-cmn-01:after {
    content: '';
    position: absolute;
    right: 22px;
    top: 50%;
    margin-top: -7px;
    width: 15px;
    height: 15px;
    background: url(../img/arrow_footer_white_pc.png) 0 0 no-repeat;
    background-size: contain;
  }
}

.btn-cmn-02 {
  position: relative;
  display: block;
  padding: 7px 7px 7px 27px;
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-size: 16px;
  color: #AE8530;
  border: 1px solid #AF8530;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.btn-cmn-02:hover {
  text-decoration: none;
}
  .btn-cmn-02:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7px;
    width: 15px;
    height: 14px;
    background: url(../img/arrow_footer_02_pc.png) 0 0 no-repeat;
  }
@media screen and (max-width: 768px) {
.btn-cmn-02 {
  position: relative;
  display: block;
  padding: 7px 7px 7px 27px;
  margin-bottom: 10px;
  line-height: 1.5;
  letter-spacing: 2px;
  font-size: 16px;
  color: #AE8530;
  border: 1px solid #AF8530;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.btn-cmn-02:hover {
  text-decoration: none;
}
  .btn-cmn-02:before {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -7px;
    width: 15px;
    height: 14px;
    background-size: 100% 100%;
  }
}
/* pagetop
---------------------------------------------------------- */
.btn-cmn-pagetop {
	height: 40px;
	text-align:center;
	background-color:#D1B347;
	position: relative;
	z-index: 1;
}
  .btn-cmn-pagetop a {
    display: block;
  }
    .btn-cmn-pagetop a span {
      display:inline-block;
      padding: 11px 0 5px;
      width: 22px;
    }
      .btn-cmn-pagetop a span img {
        width: 100%;
      }
@media screen and (max-width: 768px) {
.btn-cmn-pagetop {
  height: 25px;
  text-align:center;
  background-color:#D1B347;
}
  .btn-cmn-pagetop a {
    display: block;
  }
    .btn-cmn-pagetop a span {
      display:inline-block;
      padding: 6px 0;
      width: 22px;
      height: 20px;
    }
      .btn-cmn-pagetop a span img {
        width: 100%;
      }
}
/* list-cmn-01
---------------------------------------------------------- */
.wrap-list-cmn {
  margin-bottom: 20px;
}
.list-cmn-01 {
  margin: 0 0 16px -5px;
  overflow: hidden;
}
  .list-cmn-01 .item {
    margin-bottom: 40px;
    float:left;
    width: 25%;
  }
    .list-cmn-01 .item a {
      margin-left: 5px;
	  text-decoration: none;
      display: block;
    }
    .list-cmn-01 .item a:hover {
	opacity: 0.8;
      text-decoration: none;
    }
      .list-cmn-01 .item a .item-in {

      }
        .list-cmn-01 .item a .item-in figure {
          overflow: hidden;
          height: 233px;
        }
          .list-cmn-01 .item a .item-in figure img {
            width: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: scale(1);
            -webkit-transition: all 0.75s ease;
            -moz-transform: scale(1);
            -moz-transition: all 0.75s ease;
            -ms-transform: scale(1);
            -ms-transition: all 0.75s ease;
            -o-transform: scale(1);
            -o-transition: all 0.75s ease;
            transform: scale(1);
            transition: all 0.75s ease;
          }
          .list-cmn-01 .item a:hover .item-in figure img {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
          }
        .list-cmn-01 .item a .item-in .details {
          padding: 11px 0 8px 6px;
          border-left: 5px solid #AC8530;
        }
          .list-cmn-01 .item a .item-in .details .title {
			margin-bottom: 7px;
			text-overflow: ellipsis;
			letter-spacing: 2px;
			white-space: nowrap;
			font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, serif;
			font-size: 18px;
			color: #AE8530;
			overflow: hidden;
          }
          .list-cmn-01 .item a .item-in .details .categories {
            overflow: hidden;
            margin-left: 4px;
          }
            .list-cmn-01 .item a .item-in .details .categories .btn {
              display: block;
              float: left;
              width: 140px;
              border:1px solid #AF8530;
              color: #AE8530;
              text-align: center;
              letter-spacing: 4px;
              border-radius: 2px;
              -moz-border-radius: 2px;
              -webkit-border-radius: 2px;
            }
            .list-cmn-01 .item a .item-in .details .categories .btn:hover {
            }
            .list-cmn-01 .item a .item-in .details .categories .list {
              float: left;
              margin-left: 12px;
              width: 175px;
              color: #000;
            }
              .list-cmn-01 .item a .item-in .details .categories .list dt {
                display: inline-block;
              }
              .list-cmn-01 .item a .item-in .details .categories .list dd {
                display:inline-block;
              }
@media screen and (max-width: 1200px){
	.list-cmn-01 .item { width: 33.3%; }
}
@media screen and (max-width: 800px){
	.list-cmn-01 .item { width: 50%; }
}
@media screen and (max-width: 768px) {
	.list-cmn-01 .item { width: 100%; }
.wrap-list-cmn {
  margin-bottom: 20px;
}
.list-cmn-01 {
  margin: 0 0 16px -5px;
  overflow: hidden;
}
  .list-cmn-01 .item {
    margin-bottom: 0;
    float: none;
    width: 100%;
  }
    .list-cmn-01 .item a {
      display: block;
      margin-left: 5px;
    }
    .list-cmn-01 .item a:hover {
      text-decoration: none;
	opacity: 0.8;
    }
      .list-cmn-01 .item a .item-in {
        position: relative;
      }
        .list-cmn-01 .item a .item-in figure {
          overflow: hidden;
        }
          .list-cmn-01 .item a .item-in figure img {
            width: 100%;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: scale(1);
            -webkit-transition: all 0.75s ease;
            -moz-transform: scale(1);
            -moz-transition: all 0.75s ease;
            -ms-transform: scale(1);
            -ms-transition: all 0.75s ease;
            -o-transform: scale(1);
            -o-transition: all 0.75s ease;
            transform: scale(1);
            transition: all 0.75s ease;
          }
          .list-cmn-01 .item a:hover .item-in figure img {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
          }
        .list-cmn-01 .item a .item-in .details {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          padding: 11px 5px 15px 13px;
          border-left: none;
          background:url(../../img/img_hover_01.png) left bottom no-repeat;
          background-size: 100% 74px;
        }
          .list-cmn-01 .item a .item-in .details .title {
            margin-bottom: 4px;
            font-size: 15px;
            color: #fff;
          }
          .list-cmn-01 .item a .item-in .details .categories {
            overflow: hidden;
            width: 100%;
            margin-left: 0;
          }
            .list-cmn-01 .item a .item-in .details .categories .btn {
              display: block;
              float: left;
              width: 120px;
              border: 1px solid #fff;
              color: #fff;
              text-align: center;
              letter-spacing: 1px;
              border-radius: 0;
              -moz-border-radius: 0;
              -webkit-border-radius: 0;
            }
            .list-cmn-01 .item a .item-in .details .categories .btn:hover {
            }
            .list-cmn-01 .item a .item-in .details .categories .list {
              float: right;
              margin: 0 12px 0 0;
              width: auto;
              color: #fff;
            }
              .list-cmn-01 .item a .item-in .details .categories .list dt {
                display: inline-block;
              }
              .list-cmn-01 .item a .item-in .details .categories .list dd {
                display:inline-block;
              }
}






/* tbl-cmn-01
---------------------------------------------------------- */
.tbl-cmn-01 {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 16px 0;
  line-height: 1.4;
}
  .tbl-cmn-01 .item {
    border-bottom: 1px solid #EEEEE3;
    padding-bottom: 11px;
    margin-bottom: 11px;
  }
    .tbl-cmn-01 .item .title {
      display: table-cell;
      vertical-align: middle;
      text-align: right;
      width: 60px;
      color: #AD8530;
    }
    .tbl-cmn-01 .item .detail {
      display: table-cell;
      padding-left: 28px;
    }
@media screen and (max-width: 768px) {
.tbl-cmn-01 {
  display: block;
  padding: 0;
  margin-top: 5px;
}
  .tbl-cmn-01 .item {
    padding-bottom: 13px;
    margin-bottom: 14px;
    border-bottom: 1px solid #CEB989;
  }
  .tbl-cmn-01 .item:last-child {
    padding-bottom: 13px;
    margin-bottom: 0;
    border-bottom: none;
  }
    .tbl-cmn-01 .item .title {
      display: block;
      margin-bottom: 3px;
      text-align: left;
      width: 100%;
    }
    .tbl-cmn-01 .item .detail {
      display: block;
      padding-left: 0;
      font-size: 15px;
    }
  .tbl-cmn-01 .item iframe {
    width: 100%;
    height: 212px;
  }
}
/* ==========================================================
 link
========================================================== */
/* link-cmn
---------------------------------------------------------- */
.link-cmn {
}
/* ==========================================================
 icon
========================================================== */
/* ico-cmn
---------------------------------------------------------- */
.ico-cmn {
}
/* ==========================================================
 figure
========================================================== */
/* fig-cmn
---------------------------------------------------------- */
.fig-cmn {
}
/* ==========================================================
 image
========================================================== */
/* img-cmn-adjust
---------------------------------------------------------- */
.img-cmn-adjust {
}
/* ==========================================================
 form
========================================================== */
/* base Form
---------------------------------------------------------- */
/* type="text" */
input[type="text"] {
}
/* type="checkbox" */
input[type="checkbox"] {
}
/* type="radio" */
input[type="radio"] {
}
/* select */
select::-ms-expand {
  display: none;
}
/* textarea */
textarea {
}
/* button */
button {
}
/* class Form
---------------------------------------------------------- */
/* form-cmn-input
---------------------------------------------------------- */
.form-cmn-input {
}
/* form-cmn-check
---------------------------------------------------------- */
.form-cmn-check {
}
/* form-cmn-radio
---------------------------------------------------------- */
.form-cmn-radio {
}
/* form-cmn-select
---------------------------------------------------------- */
.form-cmn-select {
}
/* form-cmn-textarea
---------------------------------------------------------- */
.form-cmn-textarea {
}
/* form-cmn-button
---------------------------------------------------------- */
.form-cmn-button {
}
/* ==========================================================
 is
========================================================== */
/* opacity hover
---------------------------------------------------------- */
.is-opacity
{
  -ms-filter: 'alpha( opacity=100)';
  opacity: 1;
}
.is-opacity:hover
{
  -ms-filter: 'alpha( opacity=50)';
  filter: alpha( opacity=50);
  opacity: 0.5;
}
/* css animation
---------------------------------------------------------- */
.is-animate
{
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* ==========================================================
 style
========================================================== */
.s-fw-n     { font-weight: normal;}
.s-fw-b     { font-weight: bold;}
.s-ta-l     { text-align: left !important;}
.s-ta-c     { text-align: center !important;}
.s-ta-r     { text-align: right !important;}
.s-va-t     { vertical-align: top !important;}
.s-va-m     { vertical-align: middle !important;}
.s-va-b     { vertical-align: bottom !important;}
.s-ov-h     { overflow: hidden;}
.s-clear    { clear: both;}
.s-hide     { display: none;}
.s-txt-hide { text-indent: 100%; white-space: nowrap; overflow: hidden;}
.s-bg-n     { background: none !important;}
.s-mt-00    { margin-top: 0 !important;}
.s-mb-00    { margin-bottom: 0 !important;}
.s-ml-00    { margin-left: 0 !important;}
.s-mr-00    { margin-right: 0 !important;}
/* ==========================================================
 rwd switch
========================================================== */
/* pc
---------------------------------------------------------- */
.only-pc {}
.only-sp,
.no-pc { display: none !important;}
.no-sp {}
/* sp
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.only-pc,
.no-sp  { display: none !important;}
.only-sp,
.no-pc     { display: block !important;}
img.only-sp,
img.no-pc  { display: block !important;}
}
/* ==========================================================
 tool
========================================================== */