@charset "utf-8";
/* etkcms
-----------------------------------------------------------*/
body,p,div,form,ul,ol,li,dl,dt,dd,th,td,h1,h2,h3,h4,h5,input,textarea,select{ font-family :Quicksand, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', serif;margin:0;padding:0;color:#000;font-size:16px;line-height:180%;list-style-type:none;-webkit-text-size-adjust:none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration:none;color:#c17777;-webkit-transition: all 0.75s ease;-moz-transition: all 0.75s ease;-o-transition: all 0.75s ease;transition: all  0.75s ease;}
a:hover{ opacity:0.6;filter:alpha(opacity=60); }
img{ max-width:100%;line-height:70%;border:none;vertical-align:bottom; }
strong{ font-weight:100;text-decoration:none; }
.mincho,#info-cont ul li{font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Sawarabi Mincho", "Hiragino Mincho Pro", Hannari, Kokoro, "ＭＳ Ｐ明朝", "MS PMincho", serif;}
/* ------------------------------------------------------- */
.clearFix { zoom: 1; }
.clearFix:after { content: '';display: block;height: 0;clear: both; }

.pc-only{  }
.sp-only{ display:none; }
.br-pc-only{  }
.br-sp-only{ display:none; }

.alert{
  color:#b52626;
  text-decoration: underline;
}

.box{
  margin-bottom:15px;
}

.center {
  text-align: center;
}
/* ------------------------------------------------------- */
body{
  background:#fff;
}

h1 {
  height: 0;
  overflow:hidden;
}

h2 {
  font-size:24px;
  font-weight:bold;
  letter-spacing:1px;
  margin: 0 0 30px;
  padding: 0;
  text-align: center;
}

h3 {

}

/* ------------------------------------------------------- */
.wrap{
  margin:0 auto;
  width:1100px;
}

#head{
  position:relative;
  z-index: 100;
}

#logo-top{
  padding: 20px 0;
  position: absolute;
  width: 100%;
}

.head-logo{
  text-align: center;
}

#top-image{

}

#txt-main {
  background: #ec3e3e;
  padding: 0 2%;
}

#txt-sub {
  background: #222;
  padding: 0 2%;
}

#main_cont{

}

#foot {
  background:url(/img/bg-foot.jpg) 50% 0 / cover no-repeat;
  padding: 95px 0 80px;
}

#foot_logo {
  float: left;
  text-align: right;
  margin: 0 0 60px;
  width: 51%;
}

#foot_info {
  float: right;
  font-size: 14px;
  margin: 30px 0;
  width: 46%;
}

#foot_info a {
  color: #000;
}

#foot_info #foot-tel {
  display: inline-block;
  font-size: 25px;
  margin: 15px 0 0;
}

#foot_info #foot-tel i {
  margin: 0 .25em 0 0;
}

#foot_menu {
  border-bottom: 1px #000 solid;
  margin: 0 0 25px;
  padding: 0 0 25px;
}

#foot_menu ul {
  text-align: center;
}

#foot_menu ul li {
  display: inline-block;
  font-size: 15px;
}

#foot_menu ul li a {
  background: url(/img/slash.png) 100% 50% no-repeat;
  color: #000;
  display: block;
  padding: 0 60px;
}

#foot_menu ul li:first-child a {
  background: url(/img/slash.png) 0% 50% no-repeat, url(/img/slash.png) 100% 50% no-repeat;
}


#copyright {
  font-size: 12px;
  text-align:center;
}

#foot-bt {
  position: fixed;
  bottom: 102px;
  right: 10px;
  z-index: 1000;
}


/* ------------------------------------------------------- */

#top-cont {
  padding: 60px 0 0;
}

#about {
  
}

#about .image {
  background: url(/img/about-image.jpg) 50% 0 / cover no-repeat;
  float: left;
  width: 37.5%;
}

#about .txt {
  background: url(/img/border-about.jpg) 0 100% repeat-x,url(/img/bg-about-deco.png) 50% 50% no-repeat,url(/img/bg-about.jpg) 50% 50% repeat;
  float: right;
  padding: 70px 5% 85px;
  width: 62.5%;
}

#about .txt .logo {
  margin: 0 0 40px;
}

#top-box-wrap {
  margin: 0 auto;
  max-width: 1920px;
  width: 100%;
}

.top-box {
  width: 50%;
}

.top-box:nth-child(1),
.top-box:nth-child(4),
.top-box:nth-child(5),
.top-box:nth-child(8),
.top-box:nth-child(9) {
  float: left;
}

.top-box:nth-child(2),
.top-box:nth-child(3),
.top-box:nth-child(6),
.top-box:nth-child(7) {
  float: right;
}

#info {
  background: url(/img/bg-info.jpg) 50% 50% / cover no-repeat;
  padding: 90px 0 80px;
}

#info-cont {
  padding: 0 4.5%;
}

#info-cont ul {
  
}

#info-cont ul li {
  background: #fff;
  font-weight:bold;
  margin: 0 0 15px;
  padding: 15px;
  text-align:center;
}

.map {
  height: 300px;
}
/* ------------------------------------------------------- */
#contact_form {
  background: #fff;
  border-radius: 10px;
  margin:0 auto 30px;
  max-width: 860px;
  padding: 30px;
  width:100%;
}

#contact_form dl {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  margin: 0;
  width: 100%;
}

#contact_form dt {
  font-weight: bold;
  width: 12.5em;
}

#contact_form dd {
  word-wrap: break-word;
}

#contact_form dt,
#contact_form dd {
  display: table-cell;
  padding: 15px;
  vertical-align: top;
}

#contact_form .nec{
  color: #fe0000;
  
}

#contact_submit {
  font-size: 0;
  margin-top: 20px;
  text-align: center;
}

input[type="text"], textarea, input[type="password"] {
    -moz-appearance: none;
    background-color: #F8F8F8;
    border: 1px solid #EAEAEA;
    border-radius: 3px;
    font-size: 14px;
    max-width: 98%;
    padding: 5px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

#contact_form dd textarea {
    height: 200px;
}
#contact_form select{
  width:auto;
  padding: 5px;
}

input[type="submit"] {
  background: #837173;
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  left: 0;
  line-height:100%;
  margin: 0;
  overflow: visible;
  padding: 15px 50px;
  position: relative;
  text-decoration: none;
  top: 0;
  vertical-align: middle;
  width: auto;
  -webkit-appearance:none;
  -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;
}

input[type="submit"]:hover {
  background: #f24678;
}

.message{
  border:3px #fe0000 solid;
  color:#fe0000;
  padding:10px;
  margin-bottom:15px;
}



/* ------------------------------------------------------- */


@media (max-width: 1117px){
	.wrap{ width:96%;margin:0 auto; }
	
	.head-logo img {
	  max-height: 200px;
	}


}

@media (max-width: 960px){
	#logo-top {
	  margin: -100px 0 0;
	  padding: 75.1% 0 0;
	  position: absolute;
	  width: 100%;
	}
	
	#about .image {
	  float: none;
	  padding: 126.3% 0 0;
	  width: 100%;
	}
	
	#about .txt {
	  float: none;
	  width: 100%;
	}
	
	.top-box {
	  width: 100%;
	}
	

}
@media (max-width: 780px){
	#contact_form {
	  margin:0 auto 15px;
	  width:100%;
	}
	#contact_form dl {
	  display: block;
	  border:0;
	  width: 100%;
	}
	#contact_form dt::after {
	  clear: both;
	  content: "";
	  display: table;
	}
	#contact_form dt {
	  padding: 10px 0 3px;
	  text-align: left;
	  width: auto;
	}
	#contact_form dd {
	  padding: 3px 0 10px;
	}
	#contact_form dt, #contact_form dd {
	  display: block;
	  border: medium none;
	  border:0;
	  margin: 0;
	  
	  vertical-align: top;
	  width: 100%;
	}
	
	#contact_form dd select {
	  font-size: 16px;
	}
	
	#contact_form dd input[type="text"], #contact_form dd textarea, #contact_form dd input[type="password"]{
	  font-size: 16px;
	}
	
	#contact_form input[type="button"] {
	  vertical-align: top;
	}


}
@media (max-width: 640px){
	body,p,div,form,ul,ol,li,dl,dt,dd,th,td,h1,input,textarea,select{ font-size:12px;line-height:180%;}
	input,textarea,select{ font-size:16px; }
	
	.pc-only{ display:none; }
	.sp-only{  }
	.br-pc-only{ display:none; }
	.br-sp-only{ display:inline; }
	
	h2 {
	  margin: 0 0 15px;
	}
	/* ------------------------------------------------------- */
	#foot {
	  padding: 20px 0 15px;
	}
	
	#foot_logo {
	  float: none;
	  text-align: center;
	  margin: 0 0 5px;
	  width: 100%;
	}
	
	#foot_logo img {
	  max-height: 100px;
	}

	#foot_info {
	  float: none;
	  font-size: 14px;
	  margin: 0 0 15px;
	  text-align: center;
	  width: 100%;
	}

	#foot_info #foot-tel {
	  margin: 0;
	}

	#foot_menu {
	  margin: 0 0 10px;
	  padding: 0 0 15px;
	}

	/*#foot_menu ul {
	  text-align: center;
	}*/

	#foot_menu ul li {
	  font-size: 12px;
	}

	#foot_menu ul li a {
	  background-size: 6px auto;
	  color: #000;
	  display: block;
	  padding: 0 30px;
	}

	#foot_menu ul li:first-child a {
	  background-size: 6px auto, 6px auto;
	}


	#copyright {
	  font-size: 10px;
	}
	
	#foot-bt {
	  bottom: 65px;
  	  right: 10px;
	}
	
	#topcontrol img,
	#foot-bt img {
	  max-height: 50px;
	}
	
	/* ------------------------------------------------------- */
	#logo-top {
	  margin: -70px 0 0;
	}
	
	.head-logo img {
	  max-height: 140px;
	}
	
	#top-cont {
	  padding: 30px 0 0;
	}
	
	#about .txt {
	  background: url(/img/border-about.jpg) 0 100% repeat-x,url(/img/bg-about-deco.png) 50% 50% no-repeat,url(/img/bg-about.jpg) 50% 50% repeat;
	  background-size: auto 10px, contain, 599px auto;
	  padding: 35px 5% 45px;
	}
	
	#about .txt .logo {
	  margin: 0 0 20px;
	}
	
	#about .txt .logo img {
	  max-height: 140px;
	}
	
	#info {
	  padding: 20px 0;
	}
	
	#info-cont ul li {
	  margin: 0 0 10px;
	  padding: 10px;
	}
	
	.map {
	  height: 200px;
	}
	/* ------------------------------------------------------- */
	#contact_form {
	  margin: 0 3%;
	  padding: 10px 20px;
	  width: 94%;
	}
	
	#contact_submit {
	  margin: 0 0 15px;
	}
	
	.message{
	  margin:10px 0 5px;
	}
	
	/* ------------------------------------------------------- */
}