@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; }

.none-link{pointer-events: none;}


/* form -------------------------------------*/

.c-form-Box .error {
  margin-bottom: 1em;
}

.c-form-Box .attention-color {
  color: #f00;
}

.c-form-Box td img {
  max-width: 100%;
  height: auto;
}

.c-form-item {
  margin: 0 0 5px;
}

.c-form-item:last-child {
  margin: 0;
}

.c-form-privacy--ttl {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  color: #2f2f2f;
  margin: 0 0 13px;
}

.c-form-privacy--check {
  text-align: center;
  margin: 17px 0 0;
}

.c-form-privacy--check label {
  font-size: 14px;
  letter-spacing: 1px;
}


.rel-box { position: relative; }

.top-db { display: none; }

@media screen and (min-width: 768px), print { /* bese */
  body { font-size: 16px; overflow: hidden;}
  .header-box { width: 1100px; margin: 0 auto; }
  .header-box .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; -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; }
  .header-box .flex-01 .box-l { width: 680px; }
  .header-box .flex-01 .box-l .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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; -moz-align-items: flex-end; align-items: flex-end; }
  .header-box .flex-01 .box-l .flex-in-01 .box-in-l .h1-txt { width: 380px; color: #25272f; font-size: 12px; font-weight: 400; line-height: 27px; margin-top: 5px; margin-bottom: 8px; }
  .header-box .flex-01 .box-l .flex-in-01 .box-in-l .h-logo { width: 380px; margin-bottom: 10px; }
  .header-box .flex-01 .box-l .flex-in-01 .box-in-r { width: 280px; }
  .header-box .flex-01 .box-r { width: 420px; padding-left: 20px; position: relative; }
  .header-box .flex-01 .box-r .h-deco { position: absolute; bottom: 0; left: 0; }
  .header-box .flex-01 .box-r .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; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
  .header-box .flex-01 .box-r .flex-in-01 .box-in-l { width: 180px; }
  .header-box .flex-01 .box-r .flex-in-01 .box-in-r { width: 180px; }
  .side-fix { position: fixed; top: 150px; right: 0; z-index: 10; }
  /*============================
#g-nav
============================*/
  #g-nav { background-color: #f2f0e4; padding-top: 15px; padding-bottom: 10px; }
  #g-nav .navi-inner { width: 1100px; margin: 0 auto; 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; }
  /*============================
#end-bnr
============================*/

.c-list2-kind{  width: 100%;}
.c-list2-kind .ttl{ text-align: center;  padding: 6px 0 6px 0; background-color: #fdb300; font-weight: bold; margin: 8px 0 12px 0;}
.c-list2-kind .kind-list{font-size: 13px; line-height: 1.8;}

.suuji3keta{font-size: 34px !important; padding: 10px 0 0 0;}
.suuji3keta span{font-size: 30px !important;}
.suuji3keta-zei{ top:-5px !important; }

  #end-bnr { margin-top: 96px; border-top: 18px solid #e1e0d5; background-color: #f2f0e4; padding-bottom: 40px; }
  #end-bnr .end-bnr-ttl { text-align: center; padding-top: 38px; margin-bottom: 32px; }
  #end-bnr .end-bnr-flex-01 { width: 960px; margin: 0 auto; 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; }
  #end-bnr .end-bnr-flex-01 .end-bnr-box-l { width: 473px; }
  #end-bnr .end-bnr-flex-01 .end-bnr-box-r { width: 473px; }
  #end-bnr .end-used { margin: 25px auto 20px; text-align: center; }
  #end-bnr .end-used .top-used-img{width: 1100px; margin: 0 auto; }
  #end-bnr .end-used .kasou-none{width: 900px; margin: 0 auto; display: block;}
  #end-bnr .end-used-txt{font-size: 14px; text-align: center;}

  .f-box { padding-top: 30px; width: 1100px; margin: 0 auto; }
  .f-box .f-home-link { color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 28px; text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 40px; }
  .f-box .flex-01 { margin-bottom: 48px; 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; }
  .f-box .flex-01 .box-l { width: 640px; }
  .f-box .flex-01 .box-l .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; }
  .f-box .flex-01 .box-l .flex-in-01 .f-list li { color: #25272f; font-family: Meiryo; font-size: 16px; font-weight: 400; line-height: 32px; letter-spacing: 0.8px; }
  .f-box .flex-01 .box-l .flex-in-01 .f-list li a { display: block; }
  .f-box .flex-01 .box-l .flex-in-01 .box-in-l { width: 340px; margin-right: 25px; }
  .f-box .flex-01 .box-l .flex-in-01 .box-in-r li { }
  .f-box .flex-01 .box-r { width: 420px; background-color: #00a6ba; padding: 20px; }
  .f-box .flex-01 .box-r .f-bg-box { background-color: #fff; padding-top: 68px; padding-bottom: 56px; }
  .f-box .flex-01 .box-r .f-bg-box .f-bg-box-inner .f-pic { text-align: center; margin-bottom: 16px; }
  .f-box .flex-01 .box-r .f-bg-box .f-bg-box-inner .f-txt-01 { text-align: center; color: #25272f; font-family: Meiryo; font-size: 14px; font-weight: 400; line-height: 24px; }
  .pc-fix-area { width: 100%; position: fixed; bottom: 0; background-image: url(../images/common/fix-b-deco-bg.png); background-position: top 0; padding-top: 30px; background-repeat: repeat-x; z-index: 100; }
  .pc-fix-list-area { position: relative; background-color: #fff; }
  .f-endflex-01 { width: 1100px; margin: 0 auto 106px; position: relative; }
  .f-endflex-01 .box-l .copyright { color: #25272f; font-family: Meiryo; font-size: 12px; font-weight: 400; text-align: left; letter-spacing: 0.6px; }
  .f-endflex-01 .box-r { color: #25272f; font-family: Meiryo; font-size: 14px; padding-top: 4px; padding-bottom: 8px; font-weight: 400; letter-spacing: 0.7px; background-image: url(../images/common/pege-top-deco.png); background-repeat: no-repeat; background-position: right 1px; padding-right: 24px; position: absolute; top: 16px; right: 0; }
  .pc-fix-list-box { width: 1100px; margin: 0 auto; position: relative; }
  .pc-fix-list-box-deco { position: absolute; left: -50px; top: -32px; }
  .pc-fix-list { 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: end; -ms-flex-pack: end; justify-content: flex-end; }
  .sp-fix-list { display: none; }
  .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{ }*/
  main { width: 1100px; margin: 0 auto 30px auto; }
  h2.main-title { max-width: 100%; min-width: 1100px; margin: 0 auto; background-color: #00a6ba; padding: 50px 1em 50px; text-align: center; }
  h2.main-title .jp { color: #ffffff; font-size: 22px; font-weight: 700; }
  h3.sub-title { background: #000; padding: 15px 20px; color: #fff; margin-bottom: 30px; font-size: 1rem; font-weight: bold; letter-spacing: 1px; }
  .seo_bread_list { color: #a0a0a0; max-width: 1100px; width: 100%; padding: 20px 0; margin: 0 auto; font-size: 0.8rem; line-height: 1.4; }
  .seo_bread_list a { color: #a0a0a0; }
  .seo_bread_list li { margin-right: 20px; 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: 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'; }

.c-form {
    padding: 70px 0 0;
  }

  .c-form--banner {
    border: 20px solid #f0831e;
  }

  .c-form--banner {
    width: 1000px;
    margin: 0 auto 85px;
    padding: 48px 0 39px;
    background: url(../images/exterior/bg3.jpg) no-repeat center bottom;
  }

  .c-form--banner--tit {
    text-align: center;
    padding: 0 0 8px;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-form--banner--tit {
    font-size: 20px;
  }

  .c-form--banner--tel {
    text-align: center;
  }

  .c-form--banner--tel img {
    width: 570px;
  }

  .c-form--banner--time {
    background: #000;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 20px;
  }

  .c-form--banner--time {
    width: 490px;
    margin: 15px auto 0;
  }

  .c-form--banner--time .number {
    letter-spacing: 2.5px;
    padding-left: 35px;
    line-height: 45px;
  }

  .c-form--banner--time .number img {
    vertical-align: sub;
  }

  .c-form--banner--time .number img {
    margin-left: 6px;
    width: 176px;
  }

  .c-form--banner--time .red {
    background: #ea5a5c;
    text-align: center;
  }

  .c-form--banner--time .red {
    width: 150px;
    line-height: 45px;
  }

  .c-form-Box {
    background: #00a6ba;
    position: relative;
  }

  .c-form-Box {
    padding: 47px 50px;
    margin-bottom: 30px;
  }

  .c-form-Box-inner {
    background: #fff;
  }

  .c-form-Box-inner {
    border: 5px solid #dbdbdb;
    padding: 34px 48px 56px;
  }

  .c-form-Box table {
    font-family: 'Meiryo', 'メイリオ', 'MS PGothic', 'MS Pゴシック', sans-serif;
  }

  .c-form-Box table {
    border: 1px solid #bfbfbf;
    margin-bottom: 33px;
    font-size: 14px;
    line-height: 1.6;
  }

  .c-form-Box th {
    border: 1px solid #bfbfbf;
    text-align: left;
    background-color: #e9e9e9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    letter-spacing: 0.6px;
  }

  .c-form-Box th {
    width: 30%;
    padding: 16px 20px 15px 28px;
    vertical-align: top;
  }

  .c-form-Box td {
    border: 1px solid #bfbfbf;
    text-align: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .c-form-Box td {
    width: 70%;
    padding: 10px 37px 10px 14px;
  }

  .c-form-Box input[type='text'],
  .c-form-Box input[type='email'],
  .c-form-Box input[type='tel'],
  .c-form-Box input[type='date'],
  .c-form-Box select,
  .c-form-Box textarea {
    padding: 1%;
    border: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .c-form-Box input[type='text'],
  .c-form-Box input[type='email'],
  .c-form-Box input[type='tel'],
  .c-form-Box input[type='date'],
  .c-form-Box select,
  .c-form-Box textarea {
    line-height: 36px;
    height: 36px;
    /* width: 486px; */
    font-size: 16px;
  }

  .c-form-Box textarea {
    width: 100%;
    min-height: 154px;
  }

  .c-form-Box label {
    color: #282828;
    font-family: 'Meiryo', 'メイリオ', 'MS PGothic', 'MS Pゴシック', sans-serif;
  }

  .c-form-Box label {
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 1.5px;
  }

  .c-form-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  .c-form-title {
    top: -24px;
  }

  .c-form-list {
    padding: 0 5px;
  }

  .c-form-list {
    margin-bottom: 34px;
  }

  .c-form-list li {
    color: #2f2f2f;
  }

  .c-form-list li {
    font-size: 14px;
    line-height: 1.42;
    letter-spacing: 0.7px;
    margin: 0 0 1px;
  }

  .c-form-list2 {
    padding: 18px 35px 15px;
  }

  .c-form-privacyInner {
    margin: 0 auto;
    height: 142px;
    overflow: auto;
    border: 1px solid #707070;
  }

  .c-form-privacyInner {
    width: 800px;
    padding: 20px;
    font-size: 14px;
    line-height: 1.5;
  }

  .c-form-privacy-txt {
    color: #282828;
  }

  .c-form-privacy-txt {
    font-size: 16px;
    line-height: 1.6;
  }

  .c-form-privacy-txt:not(:last-child) {
    margin: 0 0 20px;
  }

  .c-form-btnBox {
    margin: 20px 0 0;
  }

  .c-form-btnBox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .c-form-btn button {
    background: #00a6ba;
    color: #fff;
    text-align: center;
    border-radius: 0;
    font-weight: bold;
  }

  .c-form-btn button {
    width: 247px;
    font-size: 16px;
    line-height: 1.25;
    padding: 21px 0 !important;
  }


  .c-form-btn button:hover{
    cursor: pointer;
cursor: hand;
  }


  .c-form-btn--confirm {
    margin-left: 10px;
  }

  .c-form-btn--confirm button {
    background: #ffde00;
    color: #434343;
  }



.c-form--list li:first-child{
    margin: 30px 0 0 150px;
}

.c-form--list li:nth-child(3){
    margin: 30px 150px 0 0px;
}

  .c-form--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-form--list {
    width: 1200px;
    margin: 60px auto 0;
  }

  .c-form--list .u-item {
    position: relative;
  }

  .c-form--list .u-item {
    width: 280px;
    margin-top: 30px;
  }

	.c-form--list .u-item:nth-child(4) {margin-left: 305px;}
	.c-form--list .u-item:nth-child(5) {margin-right: 305px;}
	
  .c-form--list .u-item img {
    width: 100%;
  }

  .c-form--list .u-item.u-hide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
  }
}

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

@media screen and (max-width: 767px) { html { font-size: 62.5%; }
  body { overflow: hidden; font-size: 16px; font-family: sans-serif; -webkit-text-size-adjust: 100%; }
  .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: 56.15%; }
  h2.main-title { color: #ffffff; font-size: 1.6rem; font-weight: 700; background-color: #00a6ba; text-align: center; padding: 7.72% 3.86% 7.72% 3.86%; margin-bottom: 5%; }
  .sp-header .h-menu { position: fixed; top: 0; right: 0; width: 15.7%; z-index: 997; }
  .sp-header .h-menu img { width: auto; }
  #sp-global-nav .h-logo { width: 56.15%; margin-bottom: 4%; }
  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; -webkit-box-sizing: border-box; box-sizing: border-box; color: #25272f; }
  nav#sp-global-nav .open-close-01 { position: fixed; top: 0; right: 0; width: 15.7%; z-index: 998; }
  nav#sp-global-nav .open-close-01 img { width: auto; }
  nav#sp-global-nav .list { width: 93.96%; margin: 0 auto 16%; }
  nav#sp-global-nav .list li a { color: #25272f; line-height: 1.4; text-decoration: none; padding: 5%; display: block; border-bottom: 1px dotted #26272f; background-image: url(../images/common/sp-o-deco.png); background-position: right 2% center; background-repeat: no-repeat; background-size: 3%; }
  nav#sp-global-nav .open-close-02 { background: #222; text-align: center; padding: 5% 3%; margin: 10% 5% 20%; letter-spacing: 2px; }
  .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; }
  
.c-list2-kind{  width: 100%;}
.c-list2-kind .ttl{ text-align: center;  padding: 2% 0 2% 0; background-color: #fdb300; font-weight: bold; margin: 5% 0 2% 0;}
.c-list2-kind .kind-list{font-size: 13px; line-height: 1.8;}
.suuji3keta{font-size: 4.2rem !important; padding: 10px 0 0 0;}
.suuji3keta span{font-size: 3.2rem !important;}
.suuji3keta-zei{ top:5px !important; }


  #end-bnr { margin-top: 10%; background-color: #f2f0e4; padding-bottom: 8%; }
  #end-bnr .sp-end-box-01 { width: 94.2%; margin: 0 auto 3%; position: relative; margin-top: -5%; background-color: #fdd000; padding-bottom: 5%; -webkit-box-shadow: 0 10px 26px 5px rgba(38, 39, 47, 0.15); box-shadow: 0 10px 26px 5px rgba(38, 39, 47, 0.15); }
  #end-bnr .sp-end-box-01 .sp-end-more-01 { width: 92.3%; margin: 0 auto; margin-top: -3%; margin-bottom: 3.71%; }
  #end-bnr .sp-end-box-01 .sp-end-txt-01 { text-align: center; color: #25272f; font-size: 1.2rem; font-weight: 400; line-height: 1.4; }
  #end-bnr .sp-end-box-02 { width: 94.2%; margin: 0 auto 3%; padding-bottom: 5%; background-color: #fff; -webkit-box-shadow: 0 10px 26px 5px rgba(38, 39, 47, 0.15); box-shadow: 0 10px 26px 5px rgba(38, 39, 47, 0.15); }
  #end-bnr .sp-end-used {width: 94vw;margin: 0 auto 2vw; }
  #end-bnr .sp-end-used-txt{font-size: 3.6vw; text-align: center; line-height: 1.8; padding: 0 5%; margin: 0 auto 5vw;}
  #end-bnr .sp-end-box-02 .end-pic-01 { margin-bottom: 6.02%; }
  #end-bnr .sp-end-box-02 .end-pic-02 { width: 74.1%; margin: 0 auto; margin-bottom: 5.12%; }
  #end-bnr .sp-end-box-02 .end-pic-03 { width: 83.46%; margin: 0 auto; margin-bottom: 5.12%; }
  #end-bnr .sp-end-box-02 .sp-end-more-02 { width: 92.3%; margin: 0 auto; margin-bottom: 3.84%; }
  #end-bnr .sp-end-box-02 .sp-end-txt-02 { text-align: center; color: #25272f; font-family: Meiryo; font-size: 1.5rem; font-weight: 400; line-height: 1.4; }
  .sp-page-top a { text-align: center; display: block; padding: 5% 3%; }
  .sp-page-top a img { width: 10%; height: auto; }
  footer .flex-01 { display: none; }
  footer .f-home-link { display: none; }
  footer .sp-footer-txt { color: #25272f; font-family: Meiryo; font-size: 1.5rem; font-weight: 400; text-align: center; margin-bottom: 4%; }
  footer .sp-footer-list { color: #25272f; font-family: Meiryo; font-size: 1.5rem; font-weight: 400; text-align: center; 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; }
  footer .sp-footer-list li { margin-right: 1em; }
  footer .sp-footer-list li:nth-child(2n) { margin-right: 0px; }
  .pc-fix-area { display: none; }
  .sp-footer-box { margin-bottom: 12%; }
  .f-endflex-01 { width: 89.37%; margin: 0 auto; margin-bottom: 24%; }
  .f-endflex-01 .box-r { display: none; }
  .copyright { color: #25272f; font-family: Meiryo; font-size: 1.2rem; font-weight: 400; line-height: 1.4; letter-spacing: 0.7px; }
  h3.sub-title { background: #000; padding: 3%; color: #fff; margin-bottom: 5%; font-size: 1.5rem; letter-spacing: 1px; }
  .seo_bread_list { display: none; width: 100%; padding: 5% 2%; margin: 0 auto; font-size: 1.2rem; color: #666; line-height: 1.6; }
  .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 { -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: 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 { -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; }
  /*---------------------------------------- 　　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'; }

.c-form {
    padding: 35px 0 0;
  }

  .c-form--banner {
    border: 20px solid #f0831e;
  }

  .c-form--banner {
    border-width: 10px;
    width: 100%;
    margin: 0 0 90px;
    padding: 54px 0 39px;
    background: url(../images/exterior/bg3_sp.png) no-repeat top 33px left 20px;
    background-size: 32px;
  }

  .c-form--banner--tit {
    text-align: center;
    padding: 0 0 8px;
    font-weight: bold;
    letter-spacing: 1px;
  }

  .c-form--banner--tit {
    font-size: 14px;
  }

  .c-form--banner--tel {
    text-align: center;
  }

  .c-form--banner--tel img {
    width: 325px;
    height: 48px;
    display: block;
    margin: 0 auto;
  }

  .c-form--banner--time {
    background: #000;
    color: #fff;
    font-weight: bold;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    font-size: 20px;
  }

  .c-form--banner--time {
    width: 100%;
    max-width: 290px;
    margin: 8px auto 0;
  }

  .c-form--banner--time .number {
    font-size: 13px;
    line-height: 40px;
    padding-left: 18px;
    letter-spacing: 1.5px;
  }

  .c-form--banner--time .number img {
    vertical-align: sub;
  }

  .c-form--banner--time .number img {
    width: 108px;
    margin-left: 13px;
  }

  .c-form--banner--time .red {
    background: #ea5a5c;
    text-align: center;
  }

  .c-form--banner--time .red {
    font-size: 12px;
    width: 75px;
    line-height: 40px;
  }

  .c-form-Box {
    background: #00a6ba;
    position: relative;
  }

  .c-form-Box {
    width: calc(100% + 20px);
    margin: 0 0 0 -10px;
    padding: 6.5% 25px 24px;
  }

  .c-form-Box-inner {
    background: #fff;
  }

  .c-form-Box-inner {
    border: 2.5px solid #dbdbdb;
    padding: 15px;
  }

  .c-form-Box table {
    font-family: 'Meiryo', 'メイリオ', 'MS PGothic', 'MS Pゴシック', sans-serif;
  }

  .c-form-Box table {
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px;
  }

  .c-form-Box th {
    border: 1px solid #bfbfbf;
    text-align: left;
    background-color: #e9e9e9;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    letter-spacing: 0.6px;
  }

  .c-form-Box th {
    padding: 10px;
    display: block;
  }

  .c-form-Box td {
    border: 1px solid #bfbfbf;
    text-align: left;
    vertical-align: top;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .c-form-Box td {
    padding: 10px;
    display: block;
  }

  .c-form-Box input[type='text'],
  .c-form-Box input[type='email'],
  .c-form-Box input[type='tel'],
  .c-form-Box input[type='date'],
  .c-form-Box select,
  .c-form-Box textarea {
    padding: 1%;
    border: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .c-form-Box input[type='text'],
  .c-form-Box input[type='email'],
  .c-form-Box input[type='tel'],
  .c-form-Box input[type='date'],
  .c-form-Box select,
  .c-form-Box textarea {
    width: 99%;
    margin-bottom: 2%;
    font-size: 16px;
    padding: 2%;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }

  .c-form-Box textarea {
    width: 100%;
    min-height: 154px;
  }

  .c-form-Box label {
    color: #282828;
    font-family: 'Meiryo', 'メイリオ', 'MS PGothic', 'MS Pゴシック', sans-serif;
  }

  .c-form-Box label {
    font-size: 13px;
    line-height: 1.5;
  }

  .c-form-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  .c-form-title {
    top: -2.5%;
    max-width: 364px;
    width: 88%;
  }

  .c-form-title img {
    width: 100%;
    height: auto;
  }

  .c-form-list {
    padding: 0 5px;
  }

  .c-form-list {
    margin: 0 0 20px;
  }

  .c-form-list li {
    color: #2f2f2f;
  }

  .c-form-list li {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin: 0 0 4px;
  }

  .c-form-privacyInner {
    margin: 0 auto;
    height: 142px;
    overflow: auto;
    border: 1px solid #707070;
  }

  .c-form-privacyInner {
    width: 100%;
    padding: 10px;
    font-size: 12px;
    line-height: 1.75;
  }

  .c-form-privacy-txt {
    color: #282828;
  }

  .c-form-privacy-txt {
    font-size: 14px;
    line-height: 1.5;
  }

  .c-form-privacy-txt:not(:last-child) {
    margin: 0 0 12px;
  }

  .c-form-btnBox {
    margin: 20px 0 0;
  }

  .form-Box .button {  }

  .c-form-btn button {
    background: #00a6ba;
    color: #fff;
    text-align: center;
    border-radius: 0;
    font-weight: bold;
  }

  .c-form-btn button {
    min-width: 180px;
    padding: 10px 0;
    font-size: 14px;
  }

  .c-form-btn--confirm {
    margin: 10px 0 0;
  }

  .c-form-btn--confirm button {
    background: #ffde00;
    color: #434343;
  }

  .c-form--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .c-form--list {
    margin: 34px auto 0;
    width: 100%;
  }

  .c-form--list .u-item {
    position: relative;
  }

  .c-form--list .u-item {
    margin-top: 20px;
    width: calc(50% - 15px);
  }

  .c-form--list .u-item img {
    width: 100%;
  }

  .c-form--list .u-item.u-hide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.6);
  }




}

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