@charset "utf-8";
/* CSS Document */
body, html {
  font-family: 'Kosugi Maru', sans-serif;
}
#header_top {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  border-width: 15px;
  border-top-style: solid;
  border-color: #004FA3;
}
#header_top_sp {
  width: 100%;
  background-color: #fff;
  position: fixed;
  z-index: 10;
  border-width: 15px;
  border-top-style: solid;
  border-color: #004FA3;
}
@media only screen and (min-width: 751px) {
  #header_top {
    display: block !important;
  }
  #header_top_sp {
    display: none !important;
  }
}
@media only screen and (max-width: 750px) {
  #header_top {
    display: none !important;
  }
  #header_top_sp {
    display: block !important;
  }
}
#header_top_sp ul {
  margin: 0;
  padding: 0;
}
#header_top_sp ul li {
  margin: 0;
	
  float: left;
  width: 20%;
  list-style: none;
  text-align: center;
}
#header_top_sp ul li a {
  display: block;
  color: #fff;
	height: 40px;
	padding-top: 8px;
  text-decoration: none;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
  background: #1e5799; /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0); /* IE6-9 */
}
#header_top_second {
  height: 82px;
}
#header_index {
  width: 100%;
  height: 506px;
  background-image: url("../images/shimizu_kozuka_header.jpg");
  background-size: cover;
  background-position: top left;
}
#obi {
  height: 77px;
}
#pararax01 {
  background-image: url("../images/background/yard01.jpg");
  background-size: cover;
  background-position: center center;
  padding: 24px 0px;
  background-attachment: fixed;
}
#pararax02 {
  background-image: url("../images/background/shudan01.jpg");
  background-size: cover;
  background-position: center center;
  padding: 24px 0px;
  background-attachment: fixed;
}
#pararax03 {
  background-image: url("../images/background/yard02.jpg");
  background-size: cover;
  background-position: center center;
  padding: 24px 0px;
  background-attachment: fixed;
  margin-bottom: 0;
}
.link-k {
  background-color: #004FA3;
  color: #fff;
  text-align: center;
  height: 77px;
}
.link-k a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
.link-t {
  background-color: #0D8015;
  color: #fff;
  text-align: center;
  height: 77px;
}
.link-t a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}
.header01 {
  background-image: url("../images/baroon_fuji.jpg");
  background-position: center center;
  background-size: cover;
  color: #fff;
  text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #000;
  margin-bottom: 0 !important;
  border-radius: 0px !important;
}
.kiji {
  margin-top: 2em;
  margin-bottom: 2em;
  padding: 0.5em 1em;
  color: #5d627b;
  background: white;
  border-top: solid 5px #5d627b;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.footer {
  margin-bottom: 0 !important;
}
/* iframe iOS対応 */
#ifrm-container {
  width: 95%;
  height: 250px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  padding: 0px auto;
}
#ifrm {
  background-color: #fff !important;
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
/* TEXT */
section h1 {
  font-size: 2em;
  padding: 1rem 2rem;
  color: #fff;
  background: #094;
  -webkit-box-shadow: 5px 5px 0 #007032;
  box-shadow: 5px 5px 0 #007032;
  margin: 16px 0px;
}
section h2 {
  font-size: 1.8em;
  border-bottom: 6px double #000;
  margin: 12px 0px;
}
section h3 {
  font-size: 1.6em;
  padding: 1rem 2rem;
  border: 3px solid #000;
  margin: 8px 0px;
}
#pararax02 h1 {
  color: #fff;
  background-color: black;
  font-size: 1.6em;
  padding: 12px;
}
#pararax03 h1 {
  color: #fff;
  background-color: black;
  font-size: 1.6em;
  padding: 12px;
}
#mailform {
  background-color: gray;
  padding: 24px;
  color: #fff;
}