@charset "UTF-8";
/* CSS Document */

/* basic configurations */
* {
  margin: 0px auto 0px auto;
  padding: 0px auto 0px auto;
  line-height: 166%;
}
body {
  position: relative;
  /* min-width:1160px; */
}
@media screen and (max-width: 640px) {
  body {
    position: static;
    min-width: 320px;
  }
}
/* ========== Clearfix ========== */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

.formLayout dd.err input,
.formLayout dd.err textarea,
.formLayout dd.pribacy_err,
.formLayout dd.err select {
  background: #fee;
}

/* form */
h1.pagetitle {
  margin: 30px 0;
  border-bottom: 2px solid #cfcfcf;
  font-weight: bold;
}
h1.pagetitle.title_contact {
  font-size: 195%;
  background: url(/kanda/images/title_contact.gif) no-repeat 100% 50%;
}

.form input[type="text"] {
  height: 1.6em;
}
:placeholder-shown {
  color: #ccc;
}
::-webkit-input-placeholder {
  color: #ccc;
}
:-moz-placeholder {
  color: #ccc;
}
::-moz-placeholder {
  color: #ccc;
}
:-ms-input-placeholder {
  color: #ccc;
}
.formSubmit {
  display: block;
  width: 310px;
  margin: 50px auto 0 auto;
}
.formSubmit .sendBtnForm {
  display: block;
  width: 310px;
  height: 60px;
  border: none;
  text-indent: -9998px;
}
.formSubmit .sendBtnConf {
  display: block;
  width: 310px;
  height: 60px;
  border: none;
  text-indent: -9998px;
}
.formSubmit .sendBtnForm {
  background: url(../images/btnForm.gif) no-repeat 0 0;
}
.formSubmit .sendBtnForm:hover {
  background: url(../images/btnForm.gif) no-repeat 0 -60px;
  cursor: pointer;
}
.formSubmit .sendBtnConf {
  background: url(../images/btnConf.gif) no-repeat 0 0;
}
.formSubmit .sendBtnConf:hover {
  background: url(../images/btnConf.gif) no-repeat 0 -60px;
  cursor: pointer;
}
.confBack {
  display: block;
  width: 200px;
  height: 50px;
  margin: 30px auto 0 auto;
}
.confBack a,
.confBack a img {
  display: block;
  width: 200px;
  height: 50px;
}
.confBack a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.thanksSplash {
  display: block;
  width: 463px;
  height: 72px;
  margin: 55px auto 0 auto;
}
.thanksSplash img {
  display: block;
  width: 463px;
  height: 72px;
}
@media screen and (max-width: 969px) {
  .thanksSplash {
    display: block;
    width: 100%;
    max-width: 463px;
    height: auto;
    margin: 55px auto 0 auto;
  }
  .thanksSplash img {
    display: block;
    width: 100%;
    max-width: 463px;
    height: auto;
  }
}

.otoiawase_check {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.otoiawase_check:first-of-type {
  margin-top: 0;
}
.otoiawase_check:last-of-type {
  margin-bottom: 0;
}
.otoiawase_check input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
.otoiawase_check select {
  font-size: 100%;
}
.otoiawase_check span {
  display: block;
}
.otoiawase_check label:hover {
  cursor: pointer;
}

/* パンくず */
/* #top + .pannav {
	width: 970px;
	margin: 10px auto 0 auto;
} */

@media screen and (max-width: 969px) {
  #top + .pannav {
    display: block;
    width: calc(100% - 20px);
    margin: 10px auto 0 auto;
  }
}

.pannav ul li {
  float: left;
  color: #333333;
  font-size: 78.5%;
}

.pannav ul li a {
  color: #333333;
  text-decoration: none;
}

.pannav ul li a:hover {
  text-decoration: underline;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.pannav ul li:after {
  content: ">";
  padding: 0 5px;
}

@media (width < 969px) {
  .header_sp_head_logo a,
  .header_sp_head_logo a img {
    width: 290px !important;
  }
}

@media (970px <= width) {
  .headerMainL {
    width: 350px !important;
  }

  .headerMainL a,
  .headerMainL a img {
    width: 350px !important;
  }
}

.header_sp_head_tel {
  display: none !important;
}

@media screen and (max-width: 969px) {
  .footerContents {
    border: none !important;
  }
}