@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; -webkit-box-sizing: border-box; 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%; }

.wysiwyg h1 {background-color: #e93e2a !important;color: #fff !important;}

.wysiwyg h3 {border-left: 6px solid #e93e2a !important;}

button { background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media screen and (min-width: 768px), print { 
  
  .cmp-box{
    width: 1200px;
    margin: 0 auto;
    margin-top: 24px;
  }
  
  /* bese */
  body { max-width: 1920px; margin: 0 auto; font-size: 16px; overflow-x: hidden; color: #1a1715; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 16px; font-weight: 500; letter-spacing: 1.6px; line-height: 34px; }
  header { height: 100px; position: relative; }
  header .h-logo { position: absolute; top: 25px; left: 30px; }
  .pc-menu { position: fixed; top: 0; right: 0; z-index: 400; }
  .pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
  .side-fix { position: fixed; top: 70px; right: 0; z-index: 400; }

  #pc-menu-open { display: none; background: #fff; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow-y: scroll; 
  padding-top: 70px;
  }


  #pc-menu-open .open-close-01 { position: absolute; top: 0; right: 0; }
  #pc-menu-open .open-close-01:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
  #pc-menu-open .oo-bnr{
    width: 570px;
    margin: 0 auto;
    margin-bottom: 95px;
  }



.oo-inner {width: 1100px;margin: 0 auto;margin-bottom: 52px;}
.oo-inner .oo-flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.oo-inner .oo-flex-01 .oo-box-l { width: 431px; }
.oo-inner .oo-flex-01 .oo-box-l .oo-txt-01 {margin-bottom: 19px;}
.oo-inner .oo-flex-01 .oo-box-l .oo-txt-02 {font-size: 18px;font-weight: 700;letter-spacing: 1.8px;line-height: 35px;margin-bottom: 8px;}
.oo-inner .oo-flex-01 .oo-box-l .oo-txt-03 { color: #23272d; letter-spacing: 1.6px; line-height: 28px; line-height: normal; }
.oo-inner .oo-flex-01 .oo-box-r {width: 538px;position: relative;top: -10px;left: 4px;}
.oo-inner .oo-flex-01 .oo-box-r .oo-txt-04 {margin-bottom: 17px;}
.oo-inner .oo-flex-01 .oo-box-r .oo-flex-in-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.oo-inner .oo-flex-01 .oo-box-r .oo-flex-in-01 .oo-list li {background-image: url(../images/common/f-deco.svg);background-repeat: no-repeat;background-position: 2px 11px;padding-left: 18px;margin-bottom: 7px;}

.oo-inner .oo-flex-01 .oo-box-r .oo-flex-in-01 .oo-list li a{
  display: block;
}

.oo-inner .oo-flex-01 .oo-box-r .oo-flex-in-01 .oo-box-in-l { width: 206px; padding-right: 1em; }
.oo-inner .oo-flex-01 .oo-box-r .oo-flex-in-01 .oo-box-in-m {width: 155px;}
.oo-inner .oo-flex-01 .oo-box-r .oo-flex-in-01 .oo-box-in-r {width: 177px;position: relative;}
.oo-inner-02 {width: 1210px;margin: 0 auto;margin-bottom: 40px;}
.oo-inner-02 .oo-list-02 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.oo-inner-02 .oo-list-02 li:nth-child(1) { margin-right: 55px; }
.oo-inner-02 .oo-list-02 li:nth-child(2) { margin-right: 20px; }
.oo-inner-02 .oo-list-02 li:nth-child(3) { margin-right: 20px; }

#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; -webkit-transition: 0s; 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; -webkit-transition: 0.9s; 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; }
  .ee-box { background-image: url(../images/common/ee-bg.jpg); background-repeat: no-repeat; background-position: center 0; height: 485px; margin-top: 148px; }
  .ee-box .ee-inner {width: 1200px;margin: 0 auto;padding-top: 79px;}
  .ee-box .ee-txt-01 {margin-bottom: 52px;text-align: center;position: relative;top: 0;left: -2px;}
  .ee-box .ee-btn a { display: block; width: 570px; height: 130px; margin: 0 auto; background-color: #ffffff; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .page-top { position: fixed; bottom: 0; right: 0; }
  footer {padding-top: 104px;}
  footer .ff-inner {width: 1100px;margin: 0 auto;margin-bottom: 52px;}
  footer .ff-inner .ff-flex-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  footer .ff-inner .ff-flex-01 .ff-box-l { width: 431px; }
  footer .ff-inner .ff-flex-01 .ff-box-l .ff-txt-01 {margin-bottom: 19px;}
  footer .ff-inner .ff-flex-01 .ff-box-l .ff-txt-02 {font-size: 18px;font-weight: 700;letter-spacing: 1.8px;line-height: 35px;margin-bottom: 8px;}
  footer .ff-inner .ff-flex-01 .ff-box-l .ff-txt-03 { color: #23272d; letter-spacing: 1.6px; line-height: 28px; line-height: normal; }
  footer .ff-inner .ff-flex-01 .ff-box-r {width: 538px;position: relative;top: -10px;left: 4px;}
  footer .ff-inner .ff-flex-01 .ff-box-r .ff-txt-04 {margin-bottom: 17px;}
  footer .ff-inner .ff-flex-01 .ff-box-r .ff-flex-in-01 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .ff-inner .ff-flex-01 .ff-box-r .ff-flex-in-01 .ff-list li {background-image: url(../images/common/f-deco.svg);background-repeat: no-repeat;background-position: 2px 11px;padding-left: 18px;margin-bottom: 7px;}
  footer .ff-inner .ff-flex-01 .ff-box-r .ff-flex-in-01 .ff-list li a{
    display: block;
  }

  footer .ff-inner .ff-flex-01 .ff-box-r .ff-flex-in-01 .ff-box-in-l { width: 206px; padding-right: 1em; }
  footer .ff-inner .ff-flex-01 .ff-box-r .ff-flex-in-01 .ff-box-in-m {width: 155px;}
  footer .ff-inner .ff-flex-01 .ff-box-r .ff-flex-in-01 .ff-box-in-r {width: 177px;position: relative;}
  footer .ff-inner-02 {width: 1210px;margin: 0 auto;margin-bottom: 40px;}
  footer .ff-inner-02 .ff-list-02 { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  footer .ff-inner-02 .ff-list-02 li:nth-child(1) { margin-right: 55px; }
  footer .ff-inner-02 .ff-list-02 li:nth-child(2) { margin-right: 20px; }
  footer .ff-inner-02 .ff-list-02 li:nth-child(3) { margin-right: 20px; }
  footer .copyright { display: block; text-align: center; font-size: 14px; font-weight: 500; letter-spacing: 0.7px; }
  .copyright {font-size: 0.75em;text-align: center;padding: 20px 0px 88px;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{ }*/
  .main-title { height: 120px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #23272d; font-size: 26px; font-weight: 700; letter-spacing: 7.8px; line-height: 68px; background-image: url(../images/common/h1-ptn.jpg); background-repeat: repeat; background-position: center 0; }
  .main-title .jp {display: block;font-weight: bold;}
  h2.sub-title { padding: 25px 20px 10px; margin-bottom: 50px; font-size: 28px; font-weight: bold; letter-spacing: 2px; text-align: center; border-bottom: solid 2px #000; }
  h2.sub-title1 { font-size: 24px; position: relative; }
  h2.sub-title1 .span1 { font-size: 14px; position: absolute; left: 40px; top: -15px; }
  h2.sub-title1 .span2 { font-size: 40px; position: absolute; left: 100px; top: -15px; }
  .seo_bread_list {max-width: 1199px;width: 100%;margin: 0 auto;font-size: 16px;font-weight: 500;letter-spacing: 0.8px;line-height: normal;padding-top: 18px;}
  .seo_bread_list li {margin-right: 0px;float: left;}
  .seo_bread_list li::after { content: " >"; }
  .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 { -o-object-fit: cover; 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; }
  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; }
  .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.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: 8px 16px; 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: 8px 16px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h3 { border-left: 6px solid #231815; padding: 3px 16px 4px 12px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
  .wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 8px; 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 { table-layout: fixed; }
  .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; } }

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

  @media screen and (max-width: 767px) { .mw_wp_form input[type="file"] { display: inline-block; width: 100%; font-size: 3.8vw; }
  html { font-size: 62.5%; }
  /* 【共通のシステムcss】 */
  .system-contents { background: #eeefef; padding: 4.5vw 4vw 4.5vw; margin-bottom: 5vw; }
  .system-contents-inner { background: #fff; padding: 5.5vw 5vw 5.5vw; }
  .mainContents .system-contents .system-date { font-size: 3.8vw; margin-bottom: 1.3vw; display: block; }
  .mainContents .system-contents .system-ttl { font-size: 17px; font-weight: bold; margin-bottom: 4.5vw; padding-bottom: 3.2vw; border-bottom: 1px #ccc solid; line-height: 1.6; }
  
  body { overflow: hidden; font-size: 16px; font-family: sans-serif; -webkit-text-size-adjust: 100%;
  color: #23272d;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 3.382vw;
  letter-spacing: 0.338vw;
  line-height: 6.643vw;
  }
  
  
  .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{
    position: relative;
    height: 12.077vw;
  }
  .sp-header .h-logo {
    top: 2.174vw;
    left: 3.019vw;
    position: absolute;
  }
  
  .sp-header .h-logo img { 
    width: 27.899vw;
  }
  .sp-header .h-menu { position: fixed; top: 0; right: 0; z-index: 997;
    width: 9.662vw;
  }
  
  
  nav#sp-global-nav .h-logo {
    width: 27.899vw;
    top: 2.174vw;
    left: 3.019vw;
    position: absolute;
  }
  
  
  
  nav#sp-global-nav { font-size: 3.8vw; z-index: 999; overflow: scroll; position: fixed; top: 0; width: 100vw; height: 100vh; display: none; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
  
  nav#sp-global-nav .open-close-01 { position: fixed; top: 0; right: 0; z-index: 998;
    width: 9.662vw;
  }
  
  
  nav#sp-global-nav .open-close-01 img { height: 13vw; width: auto; }
  nav#sp-global-nav .open-color-Box {
    padding-top: 15.942vw;
  }
  
  
  nav#sp-global-nav .open-link {
    width: 82.85vw;
    margin: 0 auto;
    margin-bottom: 2.657vw;
  }
  nav#sp-global-nav .list {
  
  }
  nav#sp-global-nav .list li a {display: block;color: #161413;font-size: 3.865vw;letter-spacing: 0.193vw;padding-top: 4vw;padding-bottom: 4vw;padding-left: 7vw;padding-right: 17.512vw;border-bottom: 1px solid #161413;background-image: url(../images/common/sp-oo-deco-01.svg),url(../images/common/sp-oo-deco-02.svg);background-repeat: no-repeat;background-position: 20px 29px,right 5.5vw center;background-size: 1.087vw,2.174vw;}
  
  .sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  
  
  .ee-box {
    background-image: url(../images/common/sp-ee-bg.jpg);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: contain;
    height: 80.676vw;
    padding: 20.894vw 0 26.57vw;
    margin-top: 12.9vw;
  }
  .ee-box .ee-inner {
  }
  .ee-box .ee-inner .ee-txt-01 {
    width: 61.111vw;
    margin: 0 auto;
    margin-bottom: 6.763vw;
  }
  .ee-box .ee-inner .ee-btn a{
    display: block;
  width: 67.029vw;
  margin: 0 auto;
  height: 15.7vw;
  background-color: #ffffff;
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
  
  }
  
  .ee-box .ee-inner .ee-btn a img{
  width: 14.976vw;
  }
  
  .oo-inner-02 {
  margin-top: 10.628vw;
  margin-bottom: 20.531vw;
  }
  
  .oo-inner-02 .oo-list-02 {}
  .oo-inner-02 .oo-list-02 li:nth-child(1){
  width: 9.662vw;
  margin: 0 auto;
  margin-bottom: 4.831vw;
  }
  .oo-inner-02 .oo-list-02 li:nth-child(2){
  width: 68.237vw;
  margin: 0 auto;
  position: relative;
  left: 1vw;
  margin-bottom: 5.072vw;
  }

  .oo-inner-02 .oo-list-02 li:nth-child(3){
  width: 61.836vw;
  margin: 0 auto 5vw;
  }

  .oo-inner-02 .oo-list-02 li:nth-child(4){
  width: 61.836vw;
  margin: 0 auto;
  }
  
  .sp-page-top a { text-align: center; display: block; }
  .sp-page-top a img {}
  
  footer {
    padding: 15.097vw 1em 0vw;
  }
  
  .ff-inner {
  }
  .ff-inner .ff-flex-01 {
  }
  .ff-inner .ff-flex-01 .ff-box-l {
  }
  .ff-inner .ff-flex-01 .ff-box-l .ff-txt-01 {
    width: 59.903vw;
    margin: 0 auto;
    margin-bottom: 5.435vw;
  }
  
  .ff-inner .ff-flex-01 .ff-box-l .ff-txt-02 {
  color: #23272d;
  font-size: 3.623vw;
  font-weight: 700;
  letter-spacing: 0.362vw;
  text-align: center;
  margin-bottom: 2.295vw;
  }
  .ff-inner .ff-flex-01 .ff-box-l .ff-txt-03 {
  text-align: center;
  font-size: 3.382vw;
  letter-spacing: 0.338vw;
  line-height: 5.797vw;
  margin-bottom: 8.696vw;
  }
  .ff-inner .ff-flex-01 .ff-box-r {
  display: none;
  }
  .ff-inner-02 {
    text-align: center;
  }
  
  
  .ff-inner-02 .ff-list-02 {}
  .ff-inner-02 .ff-list-02 li:nth-child(1){
    width: 9.662vw;
    margin: 0 auto;
    margin-bottom: 4.831vw;
  }
  .ff-inner-02 .ff-list-02 li:nth-child(2){
    width: 68.237vw;
    margin: 0 auto;
    position: relative;
    left: 1vw;
    margin-bottom: 5.072vw;
  }
  .ff-inner-02 .ff-list-02 li:nth-child(3){
    width: 61.836vw;
    margin: 0 auto 5vw;
  }

  .ff-inner-02 .ff-list-02 li:nth-child(4){
    width: 61.836vw;
    margin: 0 auto;
  }

  .copyright {
    text-align: center;
    font-size: 3.2vw; line-height: 1.6; padding: 5.5vw 3% 27vw; display: block; }
  
  
  .main-title {
  background-image: url(../images/common/h1-ptn.jpg);
  background-repeat: repeat;
  background-position: center 0;
  background-size: 9.783vw;
  height: 14.493vw;
  
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
  -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
  font-size: 4.106vw;
  font-weight: 700;
  letter-spacing: 1.027vw;
  line-height: 8.454vw;
  }
  
  
  h2.sub-title { font-weight: bold; padding: 3% 3% 1%; margin-bottom: 5%; font-size: 5vw; letter-spacing: 0.3vw; text-align: center; border-bottom: solid #000 1px; }
  h2.sub-title1 { font-size: 5vw; position: relative; left: 8vw; }
  h2.sub-title1 .span1 { font-size: 3vw; position: absolute; left: 10vw; top: -3vw; }
  h2.sub-title1 .span2 { font-size: 6vw; position: absolute; left: 25vw; top: -1vw; }
  
  
  
  .seo_bread_list {width: 100%;padding: 3vw 2vw 3.5vw;margin: 0 auto;font-size: 3.2vw;color: #666;line-height: 1.6;}
  /*.seo_bread_list{display: none;}*/
  .seo_bread_list a { color: #666; }
  .seo_bread_list li { margin-right: 1.5vw; 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 { -o-object-fit: cover; 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; }
  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: 3vw; min-width: 3vw; 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: 4.2vw; line-height: 1.6; margin: 0.2vw 0 4.2vw; }
  .wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 3%; font-size: 4.2vw; line-height: 1.6; margin: 0.2vw 0 4.2vw; }
  .wysiwyg h3 { border-left: 4px solid #231815; padding: 1vw 3vw; font-size: 4.2vw; line-height: 1.6; margin: 0.2vw 0 4.2vw; }
  .wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 3%; font-size: 4vw; line-height: 1.6; margin: 0.2vw 0 4.2vw; }
  .wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 3%; font-size: 3.6vw; line-height: 1.6; margin: 0.2vw 0 4.2vw; }
  .wysiwyg h6 { background-color: #eee; border: 1px dotted #999; padding: 3%; font-size: 3.6vw; line-height: 1.6; margin: 0.2vw 0 4.2vw; }
  .wysiwyg ul { list-style-type: disc; line-height: 1.6; margin: 0.2vw 0 4.2vw 8vw; }
  .wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 3.6vw; margin: 0.2vw 0 4.2vw 8vw; }
  .wysiwyg table { width: 100% !important; table-layout: fixed; }
  .wysiwyg table th, .wysiwyg table td { border: 1px solid #999; padding: 3%; font-size: 3.6vw; margin: 0.2vw 0 4.2vw 8vw; }
  /* img-block */
  /* アンカーリンク調整 */
  .hideAnchor { display: block; height: 0px; overflow: hidden; text-indent: -9999px; margin-top: -10px; padding-bottom: 10px; }
  /* スクロール縦 */
  .scroll-y { -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: scroll; -webkit-transform: translateZ(0); 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; } }
  
  @media screen and (max-height: 450px) { /* 高さ450px以下の場合 andoroidのフォーム対策 ストーカーバナー用　*/
  .sp-fix-list { display: none; } }
  /*# sourceMappingURL=common.css.map */