@charset "utf-8";
/* etkcms
-----------------------------------------------------------*/
html{ margin:0 !important; }
body,p,div,form,ul,ol,li,dl,dt,dd,th,td,h1,h2,h3,h4,h5,input,textarea{ font-family : Osaka, Quicksand, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', serif;margin:0;padding:0;color:#222;font-size:14px;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:#1c736a; }
a.bt{ display:inline-block;padding:5px 20px;background:#E3C65D;border:1px #999 solid;color:#333;margin: 0 1em 10px; }
img{max-width:100%;line-height:70%;border:none;vertical-align:bottom;}
strong{ font-weight:100;text-decoration:none; }
/* ------------------------------------------------------- */
.clearFix { zoom: 1; }
.clearFix:after { content: '';display: block;height: 0;clear: both; }
.lnsClear{ clear:both;height:0; }

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


.DEBT{ padding:5px; }
.alert{ color:#f00; }
.box{ margin-bottom:25px; }
.c_box{ text-align:center; }
.content_text{ height:0;overflow:hidden; }
.bt_more{ text-align:right;margin-right:2px; }
.tel{ font-size:16pt; }
.bold { font-weight: bold; }
.message{
  border-left:5px #c2341d solid;
  color:#c2341d;
  margin: 0 auto 10px;
  max-width: 710px;
  padding-left:.75em;
  width: 100%;
}

/* ------------------------------------------------------- */
body{
  background:#fff;
}

h1{
  color:#fff;
  font-size:85%;
  font-weight:normal;
  line-height:120%;
  letter-spacing:1px;
  padding: 3px 0;
}

h2 {
  background:url(/img/bg_h2.png?1) 0 40% no-repeat;
  background-size: 25px auto;
  border-bottom: 1px #000 solid;
  color:#c2341d;
  font-size: 140%;
  font-weight:bold;
  line-height: 100%;
  margin: 0 0 15px;
  padding: 3px 0 3px 35px;
  position: relative;
}

h2 span {
  font-size: 150%;
  line-height: 100%;
}

h3 {
  background:url(/img/bg_h3.png?4) 97% 0 / contain no-repeat;
  border: 1px #0d6d64 solid;
  font-size: 115%;
  line-height: 150%;
  margin:0 0 15px;
  padding: 2px 0 2px 10px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}

h3:before {
  color: #0d6d64;
  content: "●";
  font-size: 100%;
  margin: 0 .5em 0 0;
}

h2 .th_txt {
  bottom: 2px;
  color: #000;
  display: inline-block;
  font-size: 70%;
  line-height: 120%;
  position: absolute;
  right: 0;
  text-align: right;
}


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

#wrap{

}

#head_top{
  background:#0d6d64;
}

#head{
  padding:25px 10px 10px;
  position: relative;
}

#bt_contact{
  height:0;
  position: absolute;
  right: 7px;
  top:-17px;
  width:223px;
  z-index:10;
}

#logo{
  float: left;
  width: 47%;
}

#head_right {
  float:right;
  line-height:0;
  margin: 5px 0 0;
  text-align:right;
  width: 51%;
}

#head_right div {
  display: inline-block;
  font-weight: bold;
  vertical-align: bottom;
}

#head_right p {
  line-height: 100%;
}

#head_right .addr {
  margin: 0 5px 0 0;
  text-align: left;
}

#menu-side {
  display :none;
}

#sidr-right {
  padding: 0;
  z-index: 400;
}

#sidr-right .side-inner {
  margin: 0 0 10px;
  padding: 0 1em;
}



#sidr-right #bt-menu-close-wrap {
  padding: 10px;
  text-align: right;
}

#sidr-right #bt-menu-close-wrap img {
  max-height: 25px;
}

#sidr-right ul li span {
  display: inline;
  font-size: 80%;
  padding: 0;
}

#top_image {
  border-top:3px #000 solid;
  border-bottom:3px #000 solid;
  margin:0;
  text-align:center;
}

#top_image div{
  margin:0 auto;
}

#menu_wrap{
  background:#e5e5e5;
}

#menu{
  margin: 0 auto;
  max-width: 980px;
  width: 98%;
}

#menu li{
  margin: 0 0.1%;
  float:left;
  width:19.8%;
}


.menu li{
  background: url(/img/bg_menu.jpg) 100% 50% / cover no-repeat;
  border: 1px #cfcfcf solid;
}

.menu li a {
  color: #000;
  display: block;
  font-size: 85%;
  font-weight: bold;
  line-height: 120%;
  padding: 15px 1.5em 10px;
}

.menu a:hover {
  opacity:0.6;
  filter:alpha(opacity=60);
}

.menu a span {
  color: #774e23;
  font-size: 130%;
  line-height: 120%;
  text-shadow: 
    #F9F9F9 2px 0px 0px, #F9F9F9 -2px 0px 0px,
    #F9F9F9 0px -2px 0px, #F9F9F9 0px 2px 0px,
    #F9F9F9 2px 2px 0px, #F9F9F9 -2px 2px 0px,
    #F9F9F9 2px -2px 0px, #F9F9F9 -2px -2px 0px,
    #F9F9F9 1px 2px 0px, #F9F9F9 -1px 2px 0px,
    #F9F9F9 1px -2px 0px, #F9F9F9 -1px -2px 0px,
    #F9F9F9 2px 1px 0px, #F9F9F9 -2px 1px 0px,
    #F9F9F9 2px -1px 0px, #F9F9F9 -2px -1px 0px,
    #F9F9F9 1px 1px 0px, #F9F9F9 -1px 1px 0px,
    #F9F9F9 1px -1px 0px, #F9F9F9 -1px -1px 0px;
}

#main_cont{
  background:url(/img/cont_top.jpg) 0 0 repeat-x;
  padding-top:36px;
}

#side{
  float:left;
  width:19.5%;
}

#cont{
  float:right;
  margin: 10px 2% 0 0;
  width:76.5%;
}

#side ul li{
  margin-bottom:1px;
}

#side ul li:last-child {
  margin-bottom: 0;
}

#side_menu_top {
  background: url(/img/side_menu_top.gif);
  height: 49px;
}

#side_menu_bottom {
  background: url(/img/side_menu_bottom.gif) 50% 0 repeat-x;
  min-height: 104px;
  padding: 25px 10px;
  text-align: center;
}

#foot_top{
  margin:130px auto 10px;
  position: relative;
}

#foot_menu{
  line-height:10pt;
}

#foot_menu a {
  color:#000;
}

#pagetop{
  bottom: 0;
  position: absolute;
  right: 10px;
  width: 84px;
}

#foot_wrap{
  background:#0d6d64;
  position: relative;
}

#foot{
  margin:0 auto;
  max-width: 980px;
  padding: 0 10px;
  width: 100%;
}

#foot_info{
  float:left;
  padding: 2.8% 0 20px;
  width:27%;
}
#foot_info div{
  margin: 0 0 8px;
}

#foot_addr {
  color: #fff;
  font-weight: bold;
  line-height: 120%;
}

#foot_pic{
  float:right;
  text-align: right;
  width:72%;
}

#foot_line {
  background: url(/img/foot_line.png);
  bottom: 10px;
  height: 10px;
  position: absolute;
  width: 100%;
  z-index:10;
}


#copyright{
  color: #5b5b5b;
  font-size: 90%;
  font-weight: bold;
  padding: 5px 0 3px;
  text-align:center;
}

#foot-fixed-menu{
  position: fixed;
  display: none;
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.6);
  background: #0d6d64;
  width: 100%;
  right: 0;
  bottom: 0;
  z-index: 500;
}

#foot-fixed-menu ul li{
  border-left: 1px #fff solid;
  width: 25%;
  float: left;
  font-size: 10px;
  line-height: 12px;
}

#foot-fixed-menu ul li:first-child {
  border:none;
}

#foot-fixed-menu ul li a,
#foot-fixed-menu ul li span{
  color: #fff;
  display: block;
  padding: 5px;
  text-align: center;
}

#foot-fixed-menu ul li i{
  font-size: 20px;
  margin: 3px 0;
}

#foot-coordination{
  display: none;
}

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

#top{
  margin:30px auto 0;
  max-width:960px;
}

#top_news{
  float:left;
  margin-bottom:25px;
  width: 49%;
}

#top_greeting {
  float:right;
  margin-bottom:25px;
  width: 49%;
}

#txt_greet_wrap {
  border: 1px #cdcdcd solid;
  padding: 5px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

#txt_greet{
  background: #fff url(/img/top_greeting.jpg?3) 50% 100% no-repeat;
  background-size: 100% auto;
  padding: 25px 1em 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#txt_greet p {
  line-height: 150%;
  margin: 0 0 25px;
  padding: 0 1em;
}



.top_bnr {
  float:left;
  margin: 0 2% 20px 0;
  width: 23.5%;
}

.top_bnr:nth-child(4n) {
  margin-right: 0;
}
/* ------------------------------------------------------- */
.tbl_form{
  background:#fff;
  margin:0 auto;
  max-width: 710px;
  width:100%;
}

.tbl_form dl{
  border-collapse:collapse;
  border-spacing:0;
  border-bottom: 1px solid #fff;
  display:table;
  margin:0;
  width:100%;
}

.tbl_form dt{
  background:#444;
  color:#fff;
  font-weight:normal;
  text-align:right;
  width: 15em;/*221px*/
}

.tbl_form dd {
  background:#ddd;
  color:#000;
}
.tbl_form dt,
.tbl_form dd{
  display:table-cell;
  padding:10px;
  vertical-align:middle;
}

.tbl_form dd .history-date {
  display: inline-block;
  min-width: 8em;
}

.tbl_form input[Type=text],
.tbl_form textarea{ border:1px #999 solid;padding:3px;width:95%; }
.tbl_form textarea{ width:95%;height:120px; }

.contact_submit{
  margin: 20px 0 0;
  text-align: center;
}

.contact_submit input[Type=submit]{
  cursor:pointer;
  padding:4px 1.5em;
}

.tbl_list{
  margin:0 auto 20px;
  max-width: 710px;
  width:100%;
}

.tbl_list dl{
  border-collapse:collapse;
  border-spacing:0;
  border: none;
  display:table;
  margin:0;
  width:100%;
}

.tbl_list dt{
  background:#0d6d64;
  border-bottom:1px #fff solid;
  color:#fff;
  font-weight: bold;
  line-height:150%;
  padding:10px 15px;
  text-align: right;
  width: 20%;
}

.tbl_list dd {
  background:#fff;
  border-bottom:1px #657572 dashed;
  color:#000;
  line-height:15pt;
  padding:10px 20px;
}
.tbl_list dt,
.tbl_list dd{
  display:table-cell;
  vertical-align:top;
}

.tbl_list dd .history-date {
  display: inline-block;
  min-width: 8em;
}

.tbl_list dt a {
  color: #fff;
}

/* ------------------------------------------------------- */
ul.rss_list{

}

ul.rss_list li{
  border-bottom:1px #000 dashed;
  margin: 0 0 15px;
  padding:0 1em 15px;
}

ul.rss_list li .date{
  font-size:120%;
  font-weight:bold;
  line-height:150%;
  vertical-align: middle;
}

ul.rss_list li .date span{
  display: inline-block;
  line-height:0;
  vertical-align: middle;
}

ul.rss_list li .title{
  font-size:130%;
  font-weight:bold;
  line-height:160%;
}

ul.rss_list li .content_text_first{
  color:#666;
  padding: 10px 0 0;
}

ul.rss_list li a{
  color:#1c736a;
  text-decoration:underline;
}

/* ------------------------------------------------------- */
.topics_txt{
  border-bottom:1px #657572 dashed;
  color:#666;
  margin:0 20px 5px;
  padding:5px 0 20px;
}

.topics_date{
  margin: 0 20px 35px;
  text-align:right;
}

#bnr_timely{
  text-align:right;
}

#map{
  border:1px #c1bdbd solid;
  margin:0 auto;
  max-width:710px;
  height: 325px;
}

#map iframe {
  border: none;
  height: 100%;
  width: 100%;
}


.box_srv{
  margin:0 auto;
  max-width:710px;
  width: 100%;
}

.box_srv .srv_l{
  float:left;
  width:60%;
}

.box_srv .srv_r{
  float:right;
  margin-top:7px;
  text-align: right;
  width:38%;
}

.box_srv p{
  color:#666;
}

.box_srv .txt{
  margin-bottom:10px;
}

.box_srv .bt_contact{
  text-align:right;
}

.bt_contact a {
  background: #0d6d64;
  color: #fff;
  display: inline-block;
  padding: 5px 1.5em;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}


#kao_img{
  background:url(/img/kao_image_pc.jpg) 0 100% / contain no-repeat;
  margin-bottom:15px;
  padding-bottom:18%;
  padding-right: 16%;
}

.contact-txt {
  padding:0 2em 15px;
}

.contact-box {
  margin-bottom:45px;
  padding:0 2em;
}

.contact-box a {
  display: block;
  margin: 0 0 10px;
}



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

@media (max-width: 997px){
	/* ------------------------------------------------------- */
	.wrap{ width:96%; }
	/* ------------------------------------------------------- */
	#head{
	  padding:25px 0 10px;
	}
	/* ------------------------------------------------------- */
	


}

@media (max-width: 780px){
	/* ------------------------------------------------------- */
	#head_top {
	  /*border-bottom: 5px #0d6d64 solid;*/
	  height: 0;
	  overflow: hidden;
	}
	
	#head{
	  padding:10px 0;
	}
	
	#bt_contact{
	  display: none;
	}

	#logo{
	  float: none;
	  text-align: center;
	  width: 100%;
	}

	#head_right {
	  display: none;
	}
	
	#menu_wrap{
	  display: none;
	}
	
	#main_cont{
	  background-size: auto 18px;
	  padding-top:18px;
	}
	
	#side{
	  display: none;
	}

	#cont{
	  float: none;
	  margin: 10px 0 0;
	  width: 100%;
	}
	
	#foot_top{
	  margin:60px auto 10px;
	}

	#foot_menu{
	  display: none;
	}

	#pagetop{
	  bottom: 0;
	  position: relative;
	  right: 0;
	  text-align: center;
	  width: 100%;
	}

	#foot{
	  padding: 0 2%;
	}

	#foot_info{
	  padding :2.8% 0 15px;
	  width: 50%;
	}
	#foot_info div{
	  margin: 0 0 8px;
	}

	#foot_addr {
	  color: #fff;
	  font-weight: bold;
	  line-height: 120%;
	}

	#foot_pic{
	  width: 48%;
	}
	
	#foot_line {
	  height: 4px;
	}
	
	#foot-fixed-menu{
	  display:block;
	}
	
	#foot-coordination{
	  display:block;
	}
	/* ------------------------------------------------------- */
	#top{
	  margin:15px auto 0;
	}
	
	#top_news{
	  float:none;
	  margin-bottom:25px;
	  width: 100%;
	}

	#top_greeting {
	  float:none;
	  margin-bottom:25px;
	  width: 100%;
	}
	
	.top_bnr {
	  margin: 0 2% 2% 0;
	  width: 49%;
	}

	.top_bnr:nth-child(2n) {
	  margin-right: 0;
	}
	
	.top_bnr:nth-child(2n+1) {
	  text-align: right;
	}
	
	#bnr_timely{
	  text-align: center;
	}
	/* ------------------------------------------------------- */
	
	.tbl_form {
	  
	}
	.tbl_form dl {
	  display: block;
	  width: 100%;
	}
	
	.tbl_form dt {
	  text-align: left;
	}
	.tbl_form dd {
	  
	}
	
	.tbl_form dt, .tbl_form dd {
	  border: medium none;
	  border: 0;
	  display: block;
	  margin: 0;
	  padding: 10px;
	  width: 100%;
	  vertical-align: top;
	}
	
	.tbl_list {
	  border-bottom: 1px #0d6d64 dashed;
	}
	.tbl_list dl {
	  display: block;
	  width: 100%;
	}
	
	.tbl_list dt {
	  border:none;
	  text-align: left;
	}
	.tbl_list dd {
	  border: 1px #0d6d64 dashed;
	  border-bottom: none;
	  border-top: none;
	}
	
	.tbl_list dt, .tbl_list dd {
	  display: block;
	  margin: 0;
	  padding: 10px;
	  width: 100%;
	  vertical-align: top;
	}
	
	/*----------------------*/



	
	
	


}


@media (max-width: 640px){
	/* ------------------------------------------------------- */
	body,p,div,form,ul,li,dl,dt,dd,th,td{
	  font-size:12px;
	  line-height:150%;
	}
	
	
	input,textarea,select{
	  font-size:14px;
	}
	
	.pc-only{ display:none; }
	.sp-only{ display: block; }
	.br-pc-only{ display:none; }
	.br-sp-only{ display:inline; }
	/* ------------------------------------------------------- */
	
	#logo img {
	  max-height: 30px;
	}
	
	
	#foot_top{
	  margin:30px auto 5px;
	}
	
	#pagetop img {
	  max-height: 30px;
	}
	
	#foot_logo img {
	  max-height: 30px;
	}
	
	#foot_tel img {
	  max-height: 20px;
	}
	
	#foot_info{
	  padding: 2.8% 0 15px;
	  width: 100%;
	}

	#foot_pic{
	  display: none;
	}
	/* ------------------------------------------------------- */
	h2 {
	  background-position: 0 50%;
	  background-size: 18px auto;
	  padding-left: 25px;
	}
	
	h3 {
	  font-size: 105%;
	  margin:0 0 10px;
	  padding: 5px 0 5px 8px;
	}
	/* ------------------------------------------------------- */
	#top_news .bt_more img {
	  max-height: 30px;
	}
	
	#txt_greet{
	  padding: 15px 1em 10px;
	}

	#txt_greet p {
	  margin: 0 0 15px;
	  padding: 0;
	}
	
	#txt_greet .bt_more img {
	  max-height: 40px;
	}
	
	.topics_txt{
	  margin:0 .5em 5px;
	  padding: 0 0 10px;
	}
	
	.topics_date{
	  margin: 0 .5em 25px;
	  text-align:right;
	}
	
	.box_srv{
	  padding: 0 1em;
	}

	.box_srv .srv_l{
	  float:none;
	  width:100%;
	}
	
	.box_srv .srv_r{
	  float:none;
	  margin: 7px 0;
	  width:100%;
	}
	
	.box_srv .bt_contact img {
	  max-height: 25px;
	}
	
	#kao_img{
	  background:url(/img/kao_image_sp.jpg?1) 0 100% / contain no-repeat;
	  margin-bottom: 15px;
	  padding-bottom: 35%;
	  padding-right: 0;
	}
	
	#ame_image img {
	  max-height: 240px;
	}
	
	#map{
	  height: 240px;
	}
	
	.contact-txt {
	  padding:0 1em 15px;
	}

	.contact-box {
	  margin-bottom:25px;
	  padding:0 1em;
	}

	.contact-box a {
	  display: block;
	  margin: 0 0 10px;
	}
	
	#contact-tel img {
	  max-height: 20px;
	}
	
	#contact-mail img {
	  max-height: 20px;
	}
	
	.contact_submit{
	  margin: 15px 0 0;
	}
	
	.contact_submit input[Type=submit]{
	  padding: 10px 1.5em;
	}
	
	/* ------------------------------------------------------- */
	ul.rss_list li .date span img {
	  max-height: 10px;
	}
	/* ------------------------------------------------------- */


}