@charset "UTF-8";
/* ==============
    common css
================ */
/* ----------------
    ALL
------------------*/
/* line 9, /docker/app/assets/stylesheets/style.scss */
html {
  height: 100%;
}

/* line 12, /docker/app/assets/stylesheets/style.scss */
body {
  margin: 0;
  padding: 0;
  color: #333;
  background: url(../img/head_001.png) top center repeat-x #F8F5ED;
}

/* line 18, /docker/app/assets/stylesheets/style.scss */
.primaryContainer {
  overflow: hidden;
}

/* line 21, /docker/app/assets/stylesheets/style.scss */
a {
  text-decoration: underline;
}

/* line 24, /docker/app/assets/stylesheets/style.scss */
a:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* line 31, /docker/app/assets/stylesheets/style.scss */
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/* ----------------
    .class
------------------*/
/* line 40, /docker/app/assets/stylesheets/style.scss */
.contsBox {
  width: 100%;
  height: auto;
  margin: 0px auto;
  max-width: 900px;
  position: relative;
}

/* line 47, /docker/app/assets/stylesheets/style.scss */
.pageTop {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic"             , "ＭＳ Ｐゴシック"    , Verdana,Arial,Osaka,sans-serif;
  font-size: 9px;
  font-weight: bold;
  max-width: 900px;
  margin: auto;
  text-align: right;
}

/* line 61, /docker/app/assets/stylesheets/style.scss */
.pageTop p a {
  background-image: url(../img/pagetop.png);
  background-repeat: no-repeat;
  background-position: left;
  display: inline-block;
  margin: 20px 0 10px;
  padding-left: 16px;
  text-decoration: none;
  opacity: 1 !important;
  outline: none !important;
}

/* line 72, /docker/app/assets/stylesheets/style.scss */
.pageTop p a:hover {
  text-decoration: underline;
}

/* line 75, /docker/app/assets/stylesheets/style.scss */
.orange {
  color: #f90;
}

/* ----------------
    header
------------------*/
/* line 81, /docker/app/assets/stylesheets/style.scss */
header#gHeader {
  width: 100%;
  margin: 0rem 0 0 0;
}

/* line 85, /docker/app/assets/stylesheets/style.scss */
header#gHeader h1 {
  margin: 5rem auto 0;
  padding: 0 0;
  max-width: 550px;
}

/* line 90, /docker/app/assets/stylesheets/style.scss */
header#gHeader h1 img {
  width: 273px;
  height: 54px;
}

/* line 94, /docker/app/assets/stylesheets/style.scss */
header#gHeader p {
  color: #fff;
  margin: 5rem 0 0 0;
  padding: 0 1rem;
  line-height: 1.6;
  font-size: 2.4rem;
  font-weight: normal;
  letter-spacing: 0.2rem;
  text-align: center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

/* line 105, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic"             , "ＭＳ Ｐゴシック"    , Verdana, Arial, Osaka, sans-serif;
  font-size: 10px;
  /* for IE6/7 */
  *font-size: small;
  /* for IE Quirks Mode */
  *font: x-small;
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 7px;
  margin-right: 5px;
  line-height: 1.3;
}

/* line 122, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup #headNav001,
header#gHeader #headRup #headNav002,
header#gHeader #headRup #headNav003 {
  list-style: none;
  background-repeat: no-repeat;
  background-position: left 0.45em;
  display: inline-block;
  padding-left: 16px;
  margin-right: 16px;
}

/* line 132, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup #headNav001 {
  background-image: url(../img/head_004.png);
}

/* line 133, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup #headNav002 {
  background-image: url(../img/head_002.png);
}

/* line 134, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup #headNav003 {
  background-image: url(../img/head_003.png);
}

/* line 135, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup a {
  outline: none !important;
  text-decoration: none;
  opacity: 1.0 !important;
}

/* line 140, /docker/app/assets/stylesheets/style.scss */
header#gHeader #headRup a:hover {
  text-decoration: underline;
}

/* ----------------
    footer
------------------*/
/* line 147, /docker/app/assets/stylesheets/style.scss */
footer {
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P Gothic"             , "ＭＳ Ｐゴシック"    , Verdana,Arial,Osaka,sans-serif;
  font-size: 10px;
  margin: 0;
  margin-bottom: 7px;
  background-color: #630;
  color: #fff;
}

/* line 158, /docker/app/assets/stylesheets/style.scss */
footer #FootInner {
  max-width: 900px;
  margin: auto;
}

/* line 162, /docker/app/assets/stylesheets/style.scss */
footer ul {
  list-style: none;
  font-size: 10px;
  padding: 5px 0;
}

/* line 167, /docker/app/assets/stylesheets/style.scss */
footer li {
  display: inline-block;
  text-align: center;
}

/* line 171, /docker/app/assets/stylesheets/style.scss */
footer li a {
  outline: none !important;
  text-decoration: none;
  opacity: 1.0 !important;
}

/* line 176, /docker/app/assets/stylesheets/style.scss */
footer li a:hover {
  text-decoration: underline;
}

/* line 179, /docker/app/assets/stylesheets/style.scss */
footer li span {
  padding: 0 2px;
}

/* line 182, /docker/app/assets/stylesheets/style.scss */
footer li:last-child span {
  display: none;
}

/* line 185, /docker/app/assets/stylesheets/style.scss */
p.copy {
  text-align: center;
  font-size: 12.5px;
  margin-bottom: 10px;
}

/* ----------------
    contents / main
------------------*/
/* line 194, /docker/app/assets/stylesheets/style.scss */
#mainBox {
  width: 100%;
  padding: 5rem 0 0 0;
  margin: 0 auto;
}

/* ---- system ----*/
/* line 200, /docker/app/assets/stylesheets/style.scss */
#mainBox #system {
  margin: 0;
  padding: 10rem 0 10rem;
  /*
  background: url(../img/bg_conts.png) repeat-x;
  background-size: contain;
  */
}

/* line 208, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .contsBox {
  margin-bottom: 30px;
  background: #fff;
  /*
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  */
  padding: 3rem 1.5rem;
  /*
  -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
  -o-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
  -ms-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
  */
  text-align: center;
  border: solid 1px #E7DDBE;
}

/* line 226, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .campBox {
  position: relative;
}

/* line 229, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .campBox h2 {
  position: relative;
  top: -10rem;
  left: 0;
  margin: 0 0 -5rem 0;
  padding: 0;
  width: 100%;
}

/* line 237, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .campBox h2 img {
  display: block;
  margin: 0;
  width: 100%;
}

/* line 242, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .contsBox p img {
  width: 100%;
  margin-bottom: 3rem;
}

/* line 246, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .contsBox p.btn img {
  width: 100%;
  max-width: 860px;
}

/* line 250, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .contsBox h3 {
  font-size: 2rem;
  font-weight: normal;
  color: #333;
  letter-spacing: 0.3rem;
  margin: 0rem 0 3rem;
  padding: 0;
}

/* line 258, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .campBox h3 {
  font-size: 3rem;
}

/* line 262, /docker/app/assets/stylesheets/style.scss */
#mainBox #system ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

/* line 268, /docker/app/assets/stylesheets/style.scss */
#mainBox #system ul li {
  display: inline-block;
  width: 220px;
  /*
  background: url(../img/arrow.png) right no-repeat;
  */
  text-align: left;
}

/* line 276, /docker/app/assets/stylesheets/style.scss */
#mainBox #system ul li.last {
  width: 200px;
  background: none;
}

/* line 280, /docker/app/assets/stylesheets/style.scss */
#mainBox #system .orange {
  font-size: 3rem;
}

/* ---- contact ----*/
/* line 284, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact {
  margin: 0;
  padding: 0rem 0;
  color: #fff;
}

/* line 289, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact h2 {
  margin: 0rem 0 0 0;
  padding: 3rem 0 0.5rem;
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: 0.5rem;
  text-align: center;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

/* line 298, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 1.5rem;
  margin: 0rem auto 0;
  width: 100%;
  list-style: none;
  /* background: #04c5b2; */
}

/* line 308, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li {
  max-width: 400px;
  width: 100%;
  margin: 1.5rem auto;
  font-size: 1.6rem;
  letter-spacing: 0.3rem;
}

/* line 315, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li.tel {
  font-size: 2.4rem;
}

/* line 318, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li a {
  text-decoration: none;
  border-bottom: 1px dotted #fff;
}

/* line 322, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li span {
  width: 120px;
  font-size: 1.4rem;
  text-align: center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #04c5b2;
  /* background: #00d2b9; */
  padding: 0.5rem 1rem;
  color: #fff;
  display: inline-block;
  margin: 0 2rem 1rem 0;
}

/* line 336, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li.about a {
  cursor: pointer;
}

/* line 339, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li.about dl {
  width: 100%;
  display: none;
  border: 1px solid #fff;
  font-size: 1.2rem;
  font-weight: normal;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* line 349, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li.about dl dt {
  margin: 1.5rem 1rem 1.5rem 1rem;
}

/* line 352, /docker/app/assets/stylesheets/style.scss */
#mainBox #contact ul li.about dl dd {
  margin: 1.5rem 1rem 1.5rem 1rem;
}

/* ----------------
    form.html
------------------*/
/* line 360, /docker/app/assets/stylesheets/style.scss */
#formBox > img {
  display: none;
}

/* line 365, /docker/app/assets/stylesheets/style.scss */
#formBox header#gHeader h1 {
  margin: 14px 0 0;
  width: 100%;
  max-width: 240px;
}

/* line 370, /docker/app/assets/stylesheets/style.scss */
#formBox h2 {
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: 0.5rem;
  /*
  text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
  */
  color: #666;
}

/* line 379, /docker/app/assets/stylesheets/style.scss */
#formBox h2 br {
  display: none;
  font-weight: normal;
  letter-spacing: 0.3rem;
}

/* line 384, /docker/app/assets/stylesheets/style.scss */
#formBox #mainBox #system {
  margin: 0;
  padding: 0rem 0 0rem;
  background: none;
}

/* line 390, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox {
  margin: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 5px solid #fff;
  padding: 3rem;
  text-align: left;
}

/* line 399, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dl {
  line-height: 2;
  font-size: 1.4rem;
  border-bottom: 2px dotted #fff;
}

/* line 404, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dl {
  margin: 30px 0px 30px 0px;
  padding: 0px 50px 50px 50px;
  border: 3px solid #ccc;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

/* line 413, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dt {
  font-weight: bold;
  margin: 50px 0px 5px 0px;
  font-size: 1.6rem;
  color: #663300;
  border-bottom: 1px dotted #ccc;
}

/* line 420, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dd {
  margin: 10px 0px 15px 0px;
}

/* line 423, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dd ul {
  list-style: none;
}

/* line 426, /docker/app/assets/stylesheets/style.scss */
#formBox #mainBox #system ul li {
  display: block;
  width: auto;
  background: none;
}

/* line 431, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dd span.formTitle {
  display: block;
  font-weight: bold;
}

/* line 434, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dd span.redS {
  font-weight: normal;
  font-size: 10px;
  margin: 0px 0px 0px 10px;
  color: #a94442;
}

/* line 438, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox dd span.redStrWar {
  font-weight: normal;
  font-size: 10px;
  margin: 0px 0px 0px 0px;
  color: #a94442;
  line-height: 1.6;
  display: block;
}

/* line 442, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox input {
  font-size: 14px;
  color: #333;
  display: inline;
}

/* line 446, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox input.size150 {
  width: 60%;
  margin: 0;
  padding: 2px;
  border: 1px solid #666;
  color: #333;
}

/* line 449, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox input.size300 {
  width: 100%;
  margin: 0;
  padding: 2px;
  border: 1px solid #666;
}

/* line 452, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox textarea.size300 {
  width: 100%;
  height: 150px;
  margin: 5px 0px 0px 0px;
  padding: 2px;
  border: 1px solid #666;
}

/* line 455, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox .disabled_readonly {
  background-color: #CCC;
  cursor: not-allowed;
  /* 禁止カーソル */
}

/* line 460, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox p.message {
  text-align: center;
  margin: 2rem 0;
}

/* line 464, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox p.message span.redStrWar {
  /*font-weight: normal;font-size: 14px;margin: 0px 0px 0px 0px;color: #C00;line-height: 1.6;display: block;*/
  font-weight: normal;
  font-size: 14px;
  margin: 0px 0px 0px 0px;
  color: #a94442;
  line-height: 1.6;
  display: block;
}

/* line 469, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox p.privacy {
  text-align: center;
  margin: 2rem 0;
}

/* line 473, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox p.privacy input {
  display: inline;
  margin: 0 1rem 0 0;
}

/* line 477, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox p.privacy .privacy_policy_promise,
#formBox .formBox p.privacy a {
  margin: 1rem 0 0;
  display: inline-block;
  font-size: 1.2rem;
  word-break: break-all;
}

/* line 484, /docker/app/assets/stylesheets/style.scss */
#formBox .formBox div.btn {
  margin: 3rem 0 0 0;
  text-align: center;
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  /* line 490, /docker/app/assets/stylesheets/style.scss */
  header#gHeader p {
    font-size: 1.8rem;
  }

  /* line 493, /docker/app/assets/stylesheets/style.scss */
  #mainBox {
    padding: 3rem 0 0 0;
  }

  /* line 496, /docker/app/assets/stylesheets/style.scss */
  #mainBox #system {
    padding: 10rem 0 10rem;
    background-size: cover;
  }

  /* line 500, /docker/app/assets/stylesheets/style.scss */
  #mainBox #system .campBox h2 {
    position: relative;
    top: -5rem;
    margin: 0 0 0rem 0;
  }

  /* line 505, /docker/app/assets/stylesheets/style.scss */
  #mainBox #system .contsBox {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 1rem 1rem 2rem 1rem;
  }

  /* line 511, /docker/app/assets/stylesheets/style.scss */
  #mainBox #system ul li {
    display: block;
    background: none;
    text-align: center;
    margin: 0 auto 2rem;
  }

  /* line 517, /docker/app/assets/stylesheets/style.scss */
  #mainBox #contact ul {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    padding: 1rem 1rem 2rem 1rem;
  }

  /* ----------------
      form.html
  ------------------*/
  /* line 527, /docker/app/assets/stylesheets/style.scss */
  #formBox h2 br {
    display: inline;
  }

  /* line 530, /docker/app/assets/stylesheets/style.scss */
  #formBox .formBox dl {
    padding: 0px 20px 20px 20px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 537, /docker/app/assets/stylesheets/style.scss */
  #mainBox #system .contsBox h3 {
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
  }

  /* line 541, /docker/app/assets/stylesheets/style.scss */
  #mainBox #contact h2 {
    font-size: 2.8rem;
  }

  /* line 544, /docker/app/assets/stylesheets/style.scss */
  #mainBox #contact ul li span {
    width: 70px;
  }

  /* ----------------
      form.html
  ------------------*/
  /* line 550, /docker/app/assets/stylesheets/style.scss */
  #formBox .formBox ul.name li {
    display: block;
  }

  /* line 553, /docker/app/assets/stylesheets/style.scss */
  #formBox .formBox .w50 {
    width: 80%;
  }

  /* line 556, /docker/app/assets/stylesheets/style.scss */
  #formBox .formBox .w100 {
    width: 80%;
  }
}