@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 :Quicksand, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', serif;margin:0;padding:0;color:#222;font-size:15px;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:#0f5ba9;cursor: pointer;-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); }
a.none:hover{ opacity:1;filter:alpha(opacity=100); }
img{max-width:100%;line-height:70%;border:none;vertical-align:bottom;}
strong{font-weight:100;text-decoration:none;}
.mincho{font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", 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:#b83333;
}

.box{
  margin-bottom:15px;
}

.box-large{
  margin-bottom:40px;
}

.block{
  margin-bottom:65px;
}

.bg{
 background: #f7f5ed;
}

.bg-gray {
  background: url(../img/bg-gray.jpg) repeat;
}

/*
.bg2 {
  background: #f7f5f0;
  padding: 50px 0;
}
*/

.cont {
  padding: 0 5.5%;
}

.txt-summary {
  text-align: center;
}

.bt-more{
  text-align:center;
}

.bt-more a,
.bt-more span {
  background: #1b395b ;
  color:#fff;
  display:inline-block;
  padding: 5px 30px;
  -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all  0.2s ease;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.bt-more i {
  margin-left: 1em;
}

.center{
  text-align:center;
}

.bold {
  font-weight: bold;
}

.map {
  height: 360px;
  width: 100%;
}

.map iframe {
  height: 100%;
  width: 100%;
}

.link {
  height: 0;
  position: relative;
}

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

h1 {
  height: 0;
  overflow:hidden;
}

h2 {
  background: url(../img/bg-h2.png) 50% 100% no-repeat;
  color: #222;
  font-size: 180%;
  font-weight: normal;
  line-height:150%;
  padding: 0 0 15px;
  text-align:center;
  margin: 0 0 60px;
}

.h2-en {
  color: #839191;
  font-size: 110%;
  text-align:center;
}

h3 {
  border-bottom: 1px #000 solid;
  font-size: 140%;
  font-weight: normal;
  line-height: 150%;
  margin: 0 0 60px;
  padding: 0 0 10px;
}

h3 span {
  color: #6e6e6e;
  font-size: 70%;
}

h3.sub {
  overflow: hidden;
  text-align: center;
}

h3.sub span {
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  position: relative;
  text-align: center;
}

h3.sub span::before,
h3.sub span::after {
  background: #c0c0c0;
  content: '';
  height: 1px;
  position: absolute;
  top: 50%;
  width: 400%;
}

h3.sub span::before {
  right: 100%;
}

h3.sub span::after {
  left: 100%;
}

h4 {
  background: url(../img/bg-h4.png) 0 45% no-repeat;
  background-size: 12px auto;
  border-bottom: 1px #000 solid;
  font-size: 120%;
  font-weight: normal;
  margin: 0 0 30px;
  padding: 5px 0 5px 20px;
}

h4.ptn2 {
  background: url(../img/bg-h4-ptn2.png) 0 45% no-repeat;
  border-bottom: 2px #d2d2d2 solid;
  color: #1e1e1e;
  font-size: 130%;
}

/*
h4 {
  font-size: 180%;
  font-weight: normal;
  margin: 0 0 30px;
  text-align: center;
}
*/


h5 {
  font-size: 130%;
  font-weight: normal;
  margin: 0 0 15px;
  text-align: center;
}
/* ------------------------------------------------------- */
.wrap {
  width: 1100px;
  margin: 0 auto;
}

#wrap {
  overflow: hidden;
  width: 100%;
}

#sub-main {
  margin: 60px 0;
}

/* ------------------------------------------------------- */
.sub-image {
  background: url(../img/sub-image/main.jpg?1) 50% 50% / cover no-repeat;
  opacity: 0;
  padding: 150px 0;
}

#breadcrumbs {
  margin: 25px 0 80px;
  padding: 0;
}

#breadcrumbs a {
  text-decoration: underline;
}

/* ------------------------------------------------------- */
#menu-side {
  display: none;
}
/* ------------------------------------------------------- */
#service-choice {
  background: #fff;
  margin: 0 auto;
  max-width: 300px;
  padding: 20px 1em 15px;
  position: relative;
  width: 100%;
}

#head-menu-service-bt {
  padding: 15px 0 10px;
  text-align: center;
}

#head-menu-service-bt .bt {
  background: #1c81c6;
  font-weight: bold;
  margin: 0 15px 10px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


#head-menu-service-bt .bt a {
  color: #fff;
  display: block;
  padding: 10px 2em;
}

#head-menu-service-bt .bt-more {
  margin: 30px 0 0;
}

#head-menu-service-bt .bt-more span {
  background: #000;
  color: #fff;
  cursor: pointer;
  font-size: 100%;
  padding: 5px 1em;
}
/* ------------------------------------------------------- */

/*
.top-topics-wrap ul {
  border: 1px #7d7d7d solid;
  border-left: none;
  border-right: none;
  margin: 0 auto;
  max-width: 900px;
  padding: 10px 0;
  width: 100%;
}

.top-topics-wrap ul li {
  border-bottom: 1px #ececec solid;
}

.top-topics-wrap ul li:last-child {
  border: none;
}

.top-topics-wrap ul li a{
  color: #353535;
  display:block;
  padding: 1em 0;
}

.top-topics-wrap ul li .date{
  float: left;
  padding: 0 1em;
  width: 33%;
}

.top-topics-wrap ul li .date .cate {
  background: #bf8e23;
  color: #fff;
  display: inline-block;
  font-size: 90%;
  margin-left: 3em;
  padding: 0 1em;
}

.top-topics-wrap ul li .title{
  float: left;
  padding: 0 1em;
  width: 66%;
}

#blog-wrap .top-topics-wrap ul {
  max-width: 100%;
}

#blog-wrap .top-topics-wrap ul li a {
  color: #353535;
  padding-left:1em;
  padding-right:1em;
}

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


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

.list{ width:100%;margin:0 0 50px; }
.list dl{ display:table;width:100%;border-collapse:collapse;border-spacing:0;border-bottom:1px #ccc solid;margin:0;}
.list dl dt{ width:15em;font-weight:normal; }
.list dl dd{  }
.list dl dt,
.list dl dd{ display:table-cell;padding:22px 3em;vertical-align:middle; }
.list dl:first-child dt,
.list dl:first-child dd {
  padding-top: 0;
}
.list dl dt a,
.list dl dd a {
  text-decoration: underline;
}


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


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



@media (max-width: 1280px){



}

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


}

@media (max-width: 1024px){
	#menu{
	  display:none;
	}
	
	
	
	/* topics------------------------------------------------------- */
	
	/* ------------------------------------------------------- */
}

@media (max-width: 960px){
	
	
	
}

@media (max-width: 870px){
	/*
	.top-topics-wrap ul li .date{
	  float: none;
	  margin: 0 0 5px;
	  width: 100%;
	}
	
	.top-topics-wrap ul li .date .cate {
	  margin-left: 1em;
	}
	
	.top-topics-wrap ul li .title{
	  float: none;
	  width: 100%;
	}
	*/
}

@media (max-width: 780px){
	/* ------------------------------------------------------- */
	.pc-only{ display:none; }
	.sp-only{ display: block; }
	
	.cont {
	  padding: 0;
	}
	
	.sub-image {
	  
	}
	
	/* ------------------------------------------------------- */
	/*
	.list{  }
	.list dl{ display:block; }
	.list dt{ width:100%;font-weight:bold;border-right:none; }
	.list dd{ width:100%; }
	.list dt,.list dd{ display:block;padding:10px 3%; }
	*/
	.list{  }
	.list dl{ display:block; }
	.list dl dt{ width:100%;font-weight: bold;padding:10px 3% 0; }
	.list dl dd{ width:100%;padding:0 3% 10px; }
	.list dl dt,.list dl dd{ display:block; }
	/* ------------------------------------------------------- */
	


}
@media (max-width: 640px){
	body,p,div,form,ul,ol,li,dl,dt,dd,th,td,input,textarea{
	  font-size:12px;
	  line-height:180%;
	}
	
	
	input,textarea,select{
	  font-size:14px;
	}
	/* ------------------------------------------------------- */
	
	.br-pc-only{ display:none; }
	.br-sp-only{ display:inline; }
	
	.box {
	  margin-bottom: 10px;
	}
	
	.box-large{
	  margin-bottom: 15px;
	}
	
	.block{
	  margin-bottom: 30px;
	}
	
	.bt-more a {
	  padding: 10px 25px;
	}
	
	.txt-summary {
	  text-align: left;
	}
	
	.map {
	  height: 205px;
	}
	
	/* ------------------------------------------------------- */
	
	
	
	#topcontrol img{
	  width: 45px;
	}
	/* ------------------------------------------------------- */
	
	
	h2 {
	  font-size: 130%;
	  margin: 0 0 15px;
	}

	.h2-en {
	  font-size: 90%;
	}

	h3 {
	  font-size: 100%;
	  font-weight: normal;
	  margin: 0 0 15px;
	}
	
	h4 {
	  font-size: 120%;
	  margin: 0 0 15px;
	}

	h5 {
	  font-size: 100%;
	  margin: 0 0 10px;
	}
	
	
	
	
	/* ------------------------------------------------------- */
	.sub-image{
	  padding: 80px 0;
	}
	/* ------------------------------------------------------- */
	#breadcrumbs {
	  margin: 10px 0 30px;
	  overflow-x: auto;
	}
	
	#breadcrumbs div {
	  white-space: nowrap;
	}
	/* ------------------------------------------------------- */
	.list{ margin:0 0 15px; }
	/* ------------------------------------------------------- */
}