@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
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, main { 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; }

form button:hover { cursor: pointer; cursor: hand; opacity: 0.8; }

.wysiwyg iframe { max-width: 100%; }




@media screen and (min-width: 768px), print { 
  

  
  .sub-title.mt-1 { margin-top: -120px; }
  .ww1 { width: 1100px; margin: 0 auto; }
  header { height: 175px; }
  header .h-box { width: 1100px; margin: 0 auto; position: relative; }
  header .h-logo { position: absolute; top: 38px; left: -50px; }
  header .h-sns-list { position: absolute; top: 76px; left: 324px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  header .h-sns-list li { width: 30px; margin-right: 30px; }
  header .h-sns-list li:last-child { margin-right: 0; }
  header .h-sns-list02 { position: absolute; right: 0px; top: 38px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  header .h-sns-list02 li { width: 190px; margin-right: 10px; }
  header .h-sns-list02 li:nth-child(1) { position: relative; top:1px; }
  header .h-sns-list02 li:nth-child(2) { position: relative; top:26px; }
  header .h-sns-list02 li:last-child { margin-right: 0; top: 20px; position: relative; top: 27px; }
  /* bese */
  body { font-size: 16px; overflow-x: hidden; line-height: 1.8; }
  .navi-inner { width: 1080px; margin: 0 auto; margin-bottom: 39px; position: relative; left: 9px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .navi-inner li { background-image: url(../images/common/g-nav-deco.png); background-repeat: no-repeat; background-position: right 1px top 27px; }
  .navi-inner li:last-child { background-image: none; }
  .navi-inner li a { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 1.6px; }
  .navi-inner li a { display: block; padding: 22px 16px 24px 16px; }
  .cc-btn-01 a { width: 360px; height: 60px; margin: 0 auto; border: 1px solid #1a1a1a; background-color: #ffffff; text-align: center; padding-top: 18px; color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: normal; display: block; margin: 0 auto; background-image: url(../images/index/btn-deco.png); background-repeat: no-repeat; background-position: right 39px top 17px; }
  .ee-wap { margin-top: 105px; }
  .ee-deco-01 { bottom: 0; left: 67px; position: absolute; }
  .ee-deco-02 { display: none; }
  .ee-wap .ee-box-01 { width: 1100px; margin: 0 auto; margin-bottom: 19px; border-bottom: 1px solid #111111; position: relative; }
  .ee-wap .ee-box-01 .ee-en-01 { text-align: center; margin-bottom: 19px; }
  .ee-wap .ee-box-01 .ee-txt-01 { color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 28px; font-weight: 400; letter-spacing: 2.8px; line-height: 42px; text-align: center; margin-bottom: 32px; }
  .ee-wap .ee-box-01 .ee-tel { text-align: center; margin-bottom: 10px; }
  .ee-wap .ee-txt-box { color: #1a1a1a; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; line-height: 26px; text-align: center; margin-bottom: 48px; }
  .ee-wap .ee-box-02 { width: 1200px; margin: 0 auto; margin-bottom: 64px; }
  .ee-wap .ee-box-02 .ee-list { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .ee-wap .ee-box-02 .ee-list li { margin-right: 30px; }
  .ee-wap .ee-box-02 .ee-list li:nth-child(3n) { margin-right: 0px; }
  footer { background-image: url(../images/common/ff-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; min-height: 950px; padding-top: 85px; position: relative; }
  .footer-wap-box { width: 1086px; margin: 0 auto; }
  .ff-home-txt { font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: normal; margin-bottom: 45px; }
  .ff-home-txt a { color: #ffffff; }
  .ff-li-ttl { color: #c9a063; font-size: 16px; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 1px; }
  .ff-list li a { color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 30px; display: inline-block; }
  .ff-list.ff-mb-01 { margin-bottom: 23px; }
  .ff-flex { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .ff-flex .ff-box-l { width: 383px; /* padding-left: 1em; */ padding-right: 1em; padding-left: 2px; }
  .ff-flex .ff-box-r { width: 441px; padding-right: 1em; }
  .ff-flex .ff-box-com { width: 257px; text-align: center; padding-top: 5px; }
  .ff-flex .ff-box-com .ff-box-com-ttl { margin-bottom: 20px; }
  .ff-flex .ff-box-com .ff-box-com-ttl img {width: 300px; }

  .ff-flex .ff-box-com .ff-box-com-list { width: 150px; margin: 0 auto; margin-bottom: 44px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  .ff-flex .ff-box-com .ff-box-com-list li { margin-right: 30px; }
  .ff-flex .ff-box-com .ff-box-com-list li:nth-child(3n) { margin-right: 0px; }
  .ff-flex .ff-box-com .ff-box-com-txt-box { color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: 26px; text-transform: uppercase; }
  .ff-copyright { margin: 0 auto; position: absolute; text-align: center; left: 0; right: 0; bottom: 81px; color: #ffffff; font-size: 14px; font-weight: 400; letter-spacing: 0.7px; line-height: normal; }
  .pc-menu { position: fixed; top: 0; right: 0; z-index: 300; }
  .pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
  .side-fix { position: fixed; top: 110px; right: 0; z-index: 700; }
  #pc-menu-open { display: none; background: #f8f8f8; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow: scroll; }
  #pc-menu-open .open-close-01 { position: absolute; top: 0; right: 0; }
  #pc-menu-open .open-main-Box { width: 1100px; margin: 0 auto; padding: 70px; text-align: center; line-height: 2.5; }
  #pc-menu-open .open-main-Box .ttl { margin-bottom: 30px; }
  #pc-menu-open .open-main-Box .con-Box { margin-bottom: 30px; }
  #pc-menu-open .list-Box .con-Box { margin-bottom: 30px; }
  #pc-menu-open .open-close-02 { width: 300px; line-height: 1; cursor: pointer; font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; background: #000; }
  #g-nav { width: 1100px; margin: 0px auto 10px auto; padding: 20px 0; text-align: center; font-size: 0.875em; }
  #g-nav li.list { position: relative; display: inline-block; margin-right: 2px; }
  #g-nav li.list span { cursor: pointer; }
  #g-nav li.list span, #g-nav li.list a { border-right: 1px solid #999; display: block; text-align: center; padding: 10px 20px; }
  #g-nav li.list:first-child a { border-left: 1px solid #999; }
  #g-nav .dropmenu li.list ul.sub { visibility: hidden; opacity: 0; transition: 0s; position: absolute; top: 35px; left: 0; margin: 0; padding: 0; z-index: 500; width: 220px; }
  #g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
  #g-nav .dropmenu li.list ul li:last-child a { border-bottom: 1px solid #ccc; }
  #g-nav .dropmenu li.list ul li a { visibility: hidden; opacity: 0; transition: 0.9s; background: #fff; display: block; width: 220px; padding: 10px; color: #000; border: 1px solid #ccc; border-bottom: none; }
  #g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
  /*============================
#pc-menu-open
============================*/
  #pc-menu-open .pc-menu-open-box { width: 1100px; margin: 0 auto; padding-top: 56px; padding-bottom: 56px; }
  #pc-menu-open .pc-menu-open-box .flex { margin-bottom: 30px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; }
  #pc-menu-open .pc-menu-open-box .flex .box-l { width: 725px; margin-right: 85px; color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 18px; font-weight: 400; font-style: normal; letter-spacing: 1.8px; line-height: 42px; text-align: center; }
  #pc-menu-open .pc-menu-open-box .flex .box-r { width: 282px; }
  #pc-menu-open .pc-menu-open-box .oo-list { margin-bottom: 52px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  #pc-menu-open .pc-menu-open-box .oo-flex { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l { width: 800px; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-home { color: #1a1a1a; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 0.7px; line-height: normal; text-align: left; margin-bottom: 38px; }
    
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in .oo-sub-ttl { color: #c9a063; margin-bottom: 7px; font-family: Meiryo; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: 0.8px; line-height: normal; text-align: left; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in .oo-link-list { margin-bottom: 38px; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in .oo-link-list li { color: #1a1a1a; font-size: 12px; font-weight: 400; font-style: normal; letter-spacing: 0.6px; line-height: 26px; text-align: left; text-transform: uppercase; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in .oo-link-list li a { display: block; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in .box-in-l { margin-right: 48px; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-l .oo-flex-in .box-in-m { margin-right: 48px; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-r { width: 290px; }
  #pc-menu-open .pc-menu-open-box .oo-flex .box-r .oo-logo img { width: 280px; }

  #pc-menu-open .pc-menu-open-box .oo-flex .box-r .oo-logo { margin-bottom: 18px; }
  #pc-menu-open .pc-menu-open-box .oo-flex .oo-sns-list { width: 151px; margin: 0 auto; margin-bottom: 48px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  .oo-h-box { color: #1a1a1a; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 0.7px; line-height: 26px; text-align: center; }
  .copyright { font-size: 0.75em; text-align: center; padding: 20px 0px; display: block; }
  /* common */
  /* 2カラムサイト---------------- #tow-cl{ width: 1100px; margin: 0 auto; padding: 20px 0;} #tow-cl main{ width: 800px!important; float: left;  } #tow-cl #side{ width: 280px; float: left; margin-right: 19px; background: #333; height: 800px; } #blog #tow-cl #side{ display: none;} #blog #tow-cl main{ width: 1100px !important;}*/
  /* 1カラムサイト */
  /*#one-cl{ }*/
  h1.main-title { width: 100%; min-width: 1100px; background-color: #ecebe7; color: #fff; padding: 52px 0; text-align: center; }
  h1.main-title .jp { color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 24px; font-weight: 600; letter-spacing: 1.63px; line-height: normal; }
  h2.sub-title {  padding: 0px 0px 8px; color: #1a1a1a; margin-bottom: 30px; font-size: 1.3rem; font-weight: bold; letter-spacing: 1px; border-bottom: #1a1a1a solid 1px; }
  .seo_bread_list { max-width: 1100px; width: 100%; padding: 43px 0 0 13px; margin: 0 auto; font-size: 0.8rem; line-height: 1.4; /* margin-bottom: 146px; */ letter-spacing: 1.95px; }
  .seo_bread_list li { margin-right: -7px; float: left; letter-spacing: 2px; }
  .seo_bread_list li::after { content: " >"; position: relative; left: -7px; top: 1px; }
  .seo_bread_list li:last-child::after { content: ""; }
  /*pc・タブレットcss*/
  /*pc_defaultset*/
  .pc { display: block !important; }
  /*pcのみ表示ブロック*/
  .pc2 { display: inline-block !important; }
  /*pcのみ表示ブロック*/
  .sp, .sp2 { display: none !important; }
  /*スマホのみ表示ブロック*/
  .h_menu { display: none; }
  /*スマホ用ヘッダ*/
  .sp-header { display: none; }
  /*スマホ用メニュー*/
  #sp-global-nav { display: none; }
  /*スマホ用メニュー*/
  .sp-fix-list { display: none; }
  /* Antialiasing ※任意　*/
  .fit img { object-fit: cover; font-family: "object-fit: cover;"; }
  html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
  .f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .f-noto { font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; }
  .f-noto-c { font-family: noto-serif, serif; font-style: normal; }
  body { -webkit-text-size-adjust: 100%; }
  img { vertical-align: bottom; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  /* clearfix */
  .clearfix { zoom: 1; }
  .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
  /* wysiwyg */
  .wysiwyg { word-wrap: break-word; margin-bottom: 30px; color: #1a1a1a; font-size: 18px; font-weight: 400; letter-spacing: 0.9px; line-height: 1.9; }
  .wysiwyg strong { font-weight: bolder; }
  .wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
  .wysiwyg img { max-width: 100% !important; height: auto !important; }
  .wysiwyg p { min-height: 15px; min-width: 10px; line-height: 1.8; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left; }
  .wysiwyg h1 { background-color: #dcdcdc; padding: 12px 24px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h3 { border-left: 6px solid #231815; padding: 5px 20px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h6 { background-color: #eee; border: 1px dotted #999; padding: 10px; font-size: 1rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg ul { list-style-type: disc; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
  .wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
  .wysiwyg table th, .wysiwyg table td { border: 1px solid #999; padding: 10px; font-size: 0.875rem; margin: 0.5em 0 1em; }
  /* リンク透明 */
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  /* リンク透明にしない */
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .ggmap iframe, .ggmap object, .ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face { font-family: 'jp-sttl01'; /* お好きな名前にしましょう */ src: url("../font/.eot"); /* IE9以上用 */ src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"); /* iOS, Android用 */ /* 念の為指定しておきます */ font-weight: normal; /* 念の為指定しておきます */ font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
  .myWebFontClass { font-family: 'jp-sttl01'; } }

  @media screen and (min-width: 766px) and (max-width: 1300px) {
    .fix-list{
      width: 4%;
    }
    .fix-list img{
width: 100%;
    }
    .side-fix {
      top: 110px;
  }
  }
  

@media screen and (max-width: 1200px) { html { overflow: auto; }
  body { overflow: visible; } }

@media screen and (max-width: 767px) { .ff-box-l { display: none; }
  .ff-home-txt { display: none; }
  .ff-box-r { display: none; }
  .sp-img { margin-bottom: 4vw; }
  .h-box { display: none; }
  .ee-box-02 { margin-top: 11vw; }
  .ee-list { width: 94.203vw; margin: 0 auto; }
  .ee-list li { margin-bottom: 12.077vw; }
  .mw_wp_form input[type="file"] { display: inline-block; width: 100%; font-size: 3.8vw; }
  html { font-size: 62.5%; }
  body { overflow: hidden; font-size: 16px; font-family: sans-serif; -webkit-text-size-adjust: 100%; line-height: 1.6; }
  .pc, .pc2 { display: none !important; }
  /*pcのみ表示ブロック*/
  .sp { display: block !important; }
  /*スマホのみ表示ブロック*/
  .sp2 { display: inline-block !important; }
  /*スマホのみ表示ブロック*/
  .no-br { display: none; }
  /*スマホでbrを解除したい場合に使用*/
  .sp_display_block { display: block !important; }
  /*スマホでflexboxを解除したい場合等に使用*/
  .pc-menu { display: none; }
  .side-fix { display: none; }
  .fix-list { display: none; }
  #pc-menu-open { display: none; }
  #g-nav { display: none; }
  .sp-header .h-logo { width:61.072vw; margin-top: 4.952vw; margin-left: 5.314vw; margin-bottom: 7.367vw; }
  .sp-header .h-menu { width: 14.493vw; position: fixed; top: 2.415vw; right: 2.415vw; z-index: 997; }
  nav#sp-global-nav { font-size: 1.4rem; z-index: 999; overflow: scroll; position: fixed; top: 0; width: 100vw; height: 100vh; display: none; background-color: #fff; box-sizing: border-box; color: #fff; }
  nav#sp-global-nav .h-logo { width: 61.072vw; margin-top: 4.952vw; margin-left: 5.314vw; margin-bottom: 7.367vw; }
  nav#sp-global-nav .open-close-01 { width: 14.493vw; position: fixed; top: 2.415vw; right: 2.415vw; z-index: 998; }
  nav#sp-global-nav .oo-list { width: 89.372vw; margin: 0 auto; margin-bottom: 10.628vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  nav#sp-global-nav .oo-list li { width: 42.271vw; }
  nav#sp-global-nav .oo-list li:nth-child(2) { width: 44.203vw; }
  nav#sp-global-nav .oo-hone { color: #c9a063; font-family: 'Barlow', sans-serif; font-size: 5.797vw; font-weight: 500; font-style: normal; letter-spacing: 1.159vw; line-height: normal; text-align: left; text-transform: uppercase; padding-left: 4.589vw; margin-bottom: 11.957vw; }
  nav#sp-global-nav .oo-sub-ttl { color: #c9a063; font-size: 4.348vw; font-weight: 400; font-style: normal; letter-spacing: 0.217vw; line-height: normal; text-align: left; text-transform: uppercase; padding-left: 4.589vw; }
  nav#sp-global-nav .oo-link-list { margin-bottom: 14.493vw; }
  nav#sp-global-nav .oo-link-list li { border-bottom: 1px solid #000; background-image: url(../images/common/oo-nav-deco.png); background-repeat: no-repeat; background-position: right 6vw center; background-size: 2vw; }
  nav#sp-global-nav .oo-link-list li a { display: block; padding: 4.831vw 4.589vw 5.676vw; }
  nav#sp-global-nav .oo-sns-list { width: 60.386vw; margin: 0 auto; margin-bottom: 38vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  nav#sp-global-nav .oo-sns-list li { width: 12.077vw; }
  .sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }
  .ee-txt-box { display: none; }
  .sp-end-txt-02 { width: 84.203vw; margin: 0 auto; margin-top: 8.454vw; color: #1a1a1a; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: 7.246vw; text-transform: uppercase; }
  .sp-page-top a { text-align: center; display: block; padding: 5% 3%; }
  .sp-page-top a img { width: 10%; height: auto; }
  footer { background-image: url(../images/common/sp-ff-bg-01.jpg); background-repeat: no-repeat; background-position: center 0; background-size: 100%; padding: 13.043vw 2.899vw 75.502vw; }
  .ff-box-com { text-align: center; }
  .ff-box-com-ttl { margin: 0 auto 4.831vw;width: 80vw; }
  .ff-box-com-list { width: 39.251vw; margin: 0 auto; margin-bottom: 11.836vw; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; flex-wrap: wrap; justify-content: space-between; }
  .ff-box-com-txt-box { color: #ffffff; font-size: 3.865vw; font-weight: 400; letter-spacing: 0.193vw; line-height: 7.246vw; margin-bottom: 17.754vw; }
  .ff-copyright { color: #ffffff; font-size: 2.415vw; font-weight: 400; letter-spacing: 0.121vw; line-height: normal; text-align: center; display: block; }
  .ff-box-com-txt-box a { color: #fff; }
  .copyright { font-size: 1.2rem; line-height: 1.6; padding: 10% 3% 25%; display: block; }
  h1.main-title { width: 100%; background-color: #ecebe7; color: #fff; padding: 7.609vw 1.932vw 7.246vw; text-align: center; margin-bottom: 5.797vw; }
  h1.main-title .jp { color: #1a1a1a; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 4.831vw; font-weight: 600; letter-spacing: 0.246vw; line-height: normal; /* Text style for "コンセプト" */ letter-spacing: normal; line-height: normal; }
  h2.sub-title { padding: 3%; color: #fff; margin-bottom: 5%; font-size: 1.5rem; letter-spacing: 1px; }
  h2.sub-title {  padding:0px 0px 2vw; color: #1a1a1a; margin:10vw 3vw 5vw; font-size: 1.3rem; font-weight: bold; letter-spacing: 1px; border-bottom: #1a1a1a solid 1px; }

  .seo_bread_list { width: 100%; padding: 5% 2%; margin: 0 auto; font-size: 1.2rem; color: #666; line-height: 1.6; }
  .seo_bread_list { display: none; }
  /* .seo_bread_list a { color: #666;}
.seo_bread_list li{ margin-right: 0.5em; float: left;  }
.seo_bread_list li::after{ content: ">"; }
.seo_bread_list li:last-child::after{ content: none; } */
  /* 2カラムサイト---------------- */
  #tow-cl #side { display: none; }
  .fit img { object-fit: cover; }
  .wysiwyg img { width: auto !important; height: auto !important; }
  html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
  /* WEB FONTs 游ゴシックかすれ予防*/
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }
  @font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 100; }
  @font-face { font-family: "Helvetica Neue"; src: local("Helvetica Neue Regular"); font-weight: 200; }
  .f-min { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
  .f-min-02 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .f-gothic { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .f-noto { font-family: noto-sans-cjk-jp, sans-serif; font-style: normal; }
  .f-noto-c { font-family: noto-serif, serif; font-style: normal; }
  body { -webkit-text-size-adjust: 100%; }
  img { vertical-align: bottom; max-width: 100%; }
  a { text-decoration: none; color: #090909; }
  a:hover { text-decoration: underline; }
  .nobd a:hover { text-decoration: none !important; }
  .clearfix { zoom: 1; }
  .clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: "."; }
  /* wysiwyg */
  .wysiwyg { word-wrap: break-word; margin-bottom: 30px; font-size: 1.4rem; }
  .wysiwyg strong { font-weight: bolder; }
  .wysiwyg em { font-family: "ＭＳ ゴシック",sans-serif; font-style: italic; }
  .wysiwyg img { max-width: 100% !important; height: auto !important; }
  .wysiwyg p { min-height: 1rem; min-width: 1rem; line-height: 1.6; }
  .wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { color: #333; font-weight: bold; text-align: left; }
  .wysiwyg h1 { background-color: #dcdcdc; padding: 3%; font-size: 1.6rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 3%; font-size: 1.6rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h3 { border-left: 4px solid #231815; padding: 3%; font-size: 1.6rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 3%; font-size: 1.5rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 3%; font-size: 1.4rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h6 { background-color: #eee; border: 1px dotted #999; padding: 3%; font-size: 1.4rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg ul { list-style-type: disc; line-height: 1.6; margin: 0.5em 0 1em 2em; }
  .wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 1.4rem; margin: 0.5em 0 1em 2em; }
  .wysiwyg table { width: 100% !important; }
  .wysiwyg table th, .wysiwyg table td { border: 1px solid #999; padding: 3%; font-size: 1.4rem; margin: 0.5em 0 1em; }
  /* img-block */
  /* アンカーリンク調整 */
  .hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -9999px; margin-top: -10px; padding-bottom: 10px; }
  /* スクロール縦 */
  .scroll-y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }
  /* リンク透明 */
  a img:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha(opacity=80); opacity: 0.8; }
  /* リンク透明にしない */
  .noop a img:hover { -ms-filter: "alpha( opacity=100 )"; filter: alpha(opacity=100); opacity: 1.0; }
  /*---------------------------------------- 　　外部サービス ----------------------------------------*/
  /* ggmap */
  /* <div class="ggmap">iframeのコピーしたコード</div> */
  .sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
  .sp-ggmap iframe, .sp-ggmap object, .sp-ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  /* <div class="youtube"><iframe  src="youtubeのURL?rel=0" frameborder="0" allowfullscreen></iframe></div> */
  .youtube { position: relative; width: 100%; padding-top: 56.25%; }
  .youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
  /*---------------------------------------- 　　webフォント（サーバー置き）　 ----------------------------------------*/
  @font-face { font-family: 'jp-sttl01'; /* お好きな名前にしましょう */ src: url("../font/.eot"); /* IE9以上用 */ src: url("../font/bokutachi.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"), url("../font/NotoSansCJKjp-Medium.woff") format("woff"); /* iOS, Android用 */ /* 念の為指定しておきます */ font-weight: normal; /* 念の為指定しておきます */ font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
  .myWebFontClass { font-family: 'jp-sttl01'; } }

@media screen and (max-height: 450px) { /* 高さ450px以下の場合 andoroidのフォーム対策 ストーカーバナー用　*/
  .sp-fix-list { display: none; } }
/*# sourceMappingURL=common.css.map */