h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin-top: 0;
    line-height: 1.3em;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    /* background: #ffed00; */
    font-size: 28px;
    /* font-weight: 700; */
    /* text-shadow: none; */
    color: #fff;
    border: 0;
    /* border-radius: 0; */
    /* padding: 0; */
    box-shadow: none;
    outline: none;
    position: relative;
    display: block;
    width: 100%;
    padding: 1.5em;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.0);
    background: #f7e717;
    transition: .4s;
    border-radius: 4px;
}
   /* 全体設定 */
.site-header {
    background: rgb(39, 39, 39);
    color: #fff;
    padding: 24px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}
input[type="tel"] {
    font-size: 18px;
    line-height: 28px;
    color: rgb(153, 153, 153);
    width: 100%;
    background: rgb(245, 245, 245);
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    border-radius: 0px;
    padding: 10px 15px;
    outline: none;
}
   /* 全体設定 */

.clear{
  clear : both;
}
.center {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.top_lp SPAN{
  background-color : yellow;
}
.blue-line{
  border-top-width : 10px;
  text-align : center;
  border-top-style : solid;
  border-top-color : #009999;
  width : 10%;
  padding-bottom : 50px;
}
.body_part2 img{
  margin-left : 2px;
  margin-bottom : 10px;
  width : 290px;
  height: 180px;
}

@media screen and (min-width: 401px) {
   /* 表示領域が401px以上の場合に適用するスタイル */
BODY{
  font-size : 1.2em;
  font-family : "Meiryo UI",メイリオ;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  line-height : 1.5em;
}
BODY p{
  margin-bottom : 50px;
}
#main_body{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 55%;
  display : block;
}
#header{
  background-color : black;
  padding-top : 10px;
  padding-bottom : 10px;
  margin-top : 0px;
  margin-bottom : 0px;
}
#header div{
  margin-left : auto;
  margin-right : auto;
  width : 60%;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}
	.mobile-header{
		display:none;
	}
#header div IMG.top_tel{
  height:52px;
  max-width: 300px;
  float : right;
}

.header_part{
 
  /* 画像ファイルの指定 */
  background-image : url(https://harehamade.jp/wp-content/uploads/2019/05/AdobeStock_68929807-1024x430.jpg);   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;   
  /* 画像をタイル状に繰り返し表示しない */
   background-repeat: no-repeat;
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
  background-repeat : no-repeat;
  background-attachment : inherit;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  width : 100%;
  padding-top : 50px;
  padding-bottom : 50px;
}
.body_part1{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 55%;
  padding-top : 40px;
  padding-bottom : 50px;
}
.body_part1 h2{
  margin-left : auto;
  margin-right : auto;
 font-size:2em;
 line-height : 1.5em;
}
.body_part2{
 background-color : #efefef;
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  padding-top : 40px;
  padding-bottom : 50px;
}
.body_part2 p{
  margin-left : auto;
  margin-right : auto;
  width : 55%;

}
.body_part2 h2{
  margin-left : auto;
  margin-right : auto;
 font-size:2em;
   line-height : 1.5em;
}
.body_part3{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 55%;
  padding-top : 40px;
  padding-bottom : 50px;
}
.body_part3 h2{
  margin-left : auto;
  margin-right : auto;
 font-size:2em;
 line-height : 1.5em;
}
.contact_lp{
  background-color : white;
  text-align : center;
  margin-left : auto;
  margin-right : auto;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : silver silver silver silver;
  width : 60%;
}
}

@media screen and (max-width: 400px) {
   /* 表示領域が400px以下の場合に適用するスタイル */

BODY{
  font-size : 1.2em;
  font-family : "Meiryo UI",メイリオ;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  line-height : 1.5em;
}

#main_body{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 95%;
  display : block;
}
#header{
  background-color : black;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : -30px;
}
#header div{
  margin-left : auto;
  margin-right : auto;
  width : 95%;
  padding-top : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-bottom : 0px;
}

#header div IMG.top_tel{
  height:52px;
  max-width: 300px;
  float : right;
}

.header_part{
 
  /* 画像ファイルの指定 */
  background-image : url(https://harehamade.jp/wp-content/uploads/2019/05/AdobeStock_68929807-1024x430.jpg);   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;   
  /* 画像をタイル状に繰り返し表示しない */
   background-repeat: no-repeat;
     /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
  background-repeat : no-repeat;
  background-attachment : inherit;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  width : 100%;
  padding-top : 0px;
  padding-bottom : 50px;
}

.header_part img{


 width:100%;
}
.body_part1{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 90%;
 padding-bottom : 50px;
}


.body_part2{
 background-color : #efefef;
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 90%;
 padding-bottom : 50px;
}
.body_part3{
  text-align : left;
  margin-left : auto;
  margin-right : auto;
  width : 90%;
 padding-bottom : 50px;
}
.contact_lp{
  background-color : white;
  text-align : center;
  margin-left : auto;
  margin-right : auto;border-width : 1px 1px 1px 1px;border-style : solid solid solid solid;border-color : silver silver silver silver;
  width : 90%;
}
}