@charset "UTF-8";
/*------------------------------------------------------------mainphoto*/
#mainimage{
  background: url(../img/index_img/mainimage_bg.png) no-repeat center top #d7fcee;
  background-size: auto;
}
@media print, screen and (max-width:768px) {
  #mainimage{
    min-height: 300px;
    background: url(../img/index_img/mainimage_bg.png) no-repeat center top #d7fcee;
    background-size: auto 300px;
    position: relative;
  }
  .in_main{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}    

}
@media print, screen and (max-width:480px) {
  #mainimage{
    min-height: 220px;
    background: url(../img/index_img/mainimage_bg.png) no-repeat center top #d7fcee;
    background-size: auto 220px;
    position: relative;
  }
  .in_main{
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}    

}

.mainimage_sub{
  padding: 1em 0;
  background: #f8a656;
  text-align: center;
}
.mainimage_sub p{
  color: #FFF;
  font-size: 1.833rem;
  font-weight: bold;
}
@media print, screen and (max-width:480px) {
  .mainimage_sub{
    padding: 1em ;
  }
  .mainimage_sub p{
  
    font-size: 1.5rem;
  }
}
#top_banner{
  margin: 30px auto;
}
  #top_banner img{
    margin-bottom: 0;
  }
@media print, screen and (max-width:768px) {
  #top_banner img{
    margin: 0 auto 1em;
  }
}
#intro{}
.intro_img01{
  margin: 0 0 2em 1em;
}
.intro_img02{
  float: right;
  margin-right: 1em;
}
@media print, screen and (max-width:768px) {
 .intro_img01{
  margin: 0 auto 1em ;
   text-align: center;
  } 
  .intro_img02{
    float: none;
    margin:0 auto;
    text-align: center;
  }
}

#info{}

@media print, screen and (max-width:768px) {
 #info img{
  margin: 0 auto  ;
   text-align: center;
  } 

}
#link_hoken{}
  ul.link_com{}
  ul.link_com li{
    margin-bottom: 20px;
  }
  ul.link_com li .com_name{
  font-size: 1.3rem;
  }
  ul.link_com li .com_name a{
    color: #262626;
    text-decoration: underline;
  }
  ul.link_com li .com_name a:hover{
    color: #a7a7a7;
  }
#link_hoken_notes{
  margin: 2em auto 0;
  padding: 1.5em 0;
  border: 1px solid #f8a656;
  border-radius: 7px;
  font-size: 1.3rem;
}
@media print, screen and (max-width:768px) {

  ul.link_com li{
    text-align: center;
  }
    ul.link_com li img{
      margin: 0 auto;
    text-align: center;
  }
}
@media print, screen and (max-width:480px) {
  #link_hoken_notes{
    padding: 1em 1.2em;
  }

  
}
/*------------------------------------------------------------content*/
/*更新プログラム(連動)フォーマット*/
#news01 {
	width: 100%;
	overflow: hidden;
  margin-bottom: 1em;
  box-sizing: border-box;
}
#news01 dl {
	padding: 0 0 10px 0;
}
#news01 dl dt {

  color: #98ca1b;
}
#news01 a{
  color: #262626;
}
#news01 a:hover{
  color: #a7a7a7;
}
@media print, screen and (min-width:768px) {
#news01 dl dt {
	float: left;
  color: #98ca1b;
}
#news01 dl dd {
	padding: 0 0 0 100px;
  text-align: left;
}

}
@media print, screen and (min-width:480px) {
  #news01 dl {
    overflow-x: hidden;
    width: 90%;
    margin: 0 auto;
  }
}
/*更新プログラム(TOP完結)フォーマット*/
#news02 {
	width: 100%;
}
@media print, screen and (min-width:768px) {
#news02 p.title03 br {
	display:none;
}
}
.newsbox {
	overflow: hidden;
}
.newsbox .news_text {
	overflow: hidden;/* for modern browser */
	zoom: 1;/*ie6*/
	line-height: 1.5;
}
.newsbox img {
	margin-bottom: 10px;
}
/*Googlemap*/
#googlemap iframe {
	display: none;
}
.mapbtn {
	background: #666;
	border-radius: 4px;
	margin: 0 auto;
	text-align: center;
	width: 100px;
}
.mapbtn a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
}
.mapbtn a:hover {
	text-decoration: underline;
}
@media print, screen and (min-width:768px) {
#googlemap iframe {
	display: block;
}
.mapbtn {
	display: none;
}
}
.cts_title{
  margin: 0 auto 3em;
}

.sub_title {
  width: 100%;
  margin: 0 auto 1em;
  padding: 0.3em 0 0.2em;

  letter-spacing: 1.4pt;
    color: #262626;

-webkit-background-size: 4px 4px;
-moz-background-size: 4px 4px;
background-size: 4px 4px;
background-color: #FFF;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, #ffdebd), color-stop(.25, #FFF),
            color-stop(.5, #FFF), color-stop(.5, #ffdebd),
            color-stop(.75, #ffdebd), color-stop(.75, #FFF),
            to(#FFF));
background-image: -webkit-linear-gradient(-45deg, #ffdebd 25%, #FFF 25%,
          #FFF 50%, #ffdebd 50%, #ffdebd 75%,
          #FFF 75%, #FFF);
background-image: -moz-linear-gradient(-45deg, #ffdebd 25%, #FFF 25%,
          #FFF 50%, #ffdebd 50%, #ffdebd 75%,
          #FFF 75%, #FFF);
background-image: -ms-linear-gradient(-45deg, #ffdebd 25%, #FFF 25%,
          #FFF 50%, #ffdebd 50%, #ffdebd 75%,
          #FFF 75%, #FFF);
background-image: -o-linear-gradient(-45deg, #ffdebd 25%, #FFF 25%,
          #FFF 50%, #ffdebd 50%, #ffdebd 75%,
          #FFF 75%, #FFF);
background-image: linear-gradient(-45deg, #ffdebd 25%, #FFF 25%,
          #FFF 50%, #ffdebd 50%, #ffdebd 75%,
          #FFF 75%, #FFF);
}
@media print, screen and (max-width:480px) {
  .sub_title {
    width: 100%;
    margin: 0 auto 1em;
  }
}