@charset "UTF-8";

.content .page-title{
  background-image: url(../img/infomation/h2-bg.png);
}

#infomation{
  background-color: #f7f2eb;
}

#infomation section{
  padding:20px 0 50px 0;
}


#infomation .shaze h3 img{
  margin:30px auto;
  display: block;
}

#infomation .shaze .read-box{
  background-image: url(../img/infomation/shazi-bg.png);
  background-size: cover;
  position: relative;
  display: block;
  margin-top: 30px;
}

#infomation .shaze .read-box img{
  position: absolute;
  margin:auto;
  top:0;
  bottom:0;
}


#infomation .shaze h4{
/*   font-family: "Sawarabi Mincho",Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
*/  font-size: 24px;
  font-weight: 100;
  color: #566540;
  text-align: center;
  margin:30px 0;
}
#infomation .shaze p{
  text-align: center;
  font-size: 16px;
  line-height: 1.8em;
  margin-bottom:1em;
}

#infomation .houshin,
#infomation .shishin,#infomation .shaze
{
  display: flex;
  flex-wrap: wrap;
}

#infomation .houshin .image-box,
#infomation .shishin .image-box,
#infomation .shaze .image-box,
#infomation .houshin .h3-box,
#infomation .shishin .h3-box,
#infomation .shaze .h3-box{
  width: 50%;
  box-sizing: border-box;
}

#infomation .houshin .image-box,
#infomation .shishin .image-box,
#infomation .shaze .image-box{
  background-repeat: no-repeat;
  background-size: cover;
}
#infomation .houshin .image-box{
  background-image: url(../img/infomation/img01.png);
}
#infomation .shishin .image-box{
  background-image: url(../img/infomation/img02.png);
}
#infomation .shaze .image-box{
  background-image: url(../img/infomation/img03.png);
}



#infomation .houshin .h3-box,
#infomation .shishin .h3-box,
#infomation .shaze .h3-box{
  background-color: #596939;
  padding:0 50px;
  position: relative;
  display: block;
}

#infomation .houshin .h3-box h3 img,
#infomation .shishin .h3-box h3 img{
  display: block;
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  width: 128px;
}

#infomation .shaze .h3-box h3 img{
    display: block;
  position: absolute;
  top:0;
  bottom:0;
  margin:auto;
  width: 63px;
}

#infomation .houshin .messe-box,
#infomation .shishin .messe-box{
  width: 100%;
}
#infomation .houshin .messe-box ul,
#infomation .shishin .messe-box ul{
  background-color: #fff;
  display: block;
  margin:30px auto;
  box-sizing: border-box;
  padding: 20px;
  color: #344415;
  font-size: 16px;
  font-weight: 100;
}

#infomation .houshin .messe-box ul li,
#infomation .shishin .messe-box ul li{
  margin-bottom:1.5em;
  margin-left: 1em;
}

#infomation .houshin .messe-box ul li:first-letter,
#infomation .shishin .messe-box ul li:first-letter{
  margin-left: -1em;
}



#infomation .shaze{
  padding:0 0 50px 0;
}




/************スマホ************/
@media (max-width: 767px) {

.content .page-title h2{
  width: 220px;
  height:45px;
}
#infomation .shaze .read-box img{
  right: 5%;
}
#infomation .houshin .image-box,
#infomation .shishin .image-box,
#infomation .shaze .image-box,
#infomation .houshin .h3-box,
#infomation .shishin .h3-box,
#infomation .shaze .h3-box
{
  height: 150px;
}
#infomation .houshin .h3-box,
#infomation .shishin .h3-box,
#infomation .shaze .h3-box{
  padding: 0 20px;
}
#infomation .houshin .h3-box h3 img,
#infomation .shishin .h3-box h3 img
{
  width: 100px;
}
#infomation .shaze .h3-box h3 img{
  width: 50px;
}
#infomation .houshin .image-box,
#infomation .shishin .image-box,
#infomation .shaze .image-box{
  background-size: auto 100%;
  background-position: center;
}


#infomation .houshin .messe-box ul,
#infomation .shishin .messe-box ul,
#infomation .shaze h4,
#infomation .shaze p{
  width: 90%;
}
#infomation .shaze h4,
#infomation .shaze p{
  margin:20px auto;
}

#infomation .shaze .read-box{
  height: 200px;
  background-size: auto 100%;
  background-position: center;
}
/*
#infomation .shaze .read-box img{
  width: 80%;
}*/



}




/*************pat*************/
@media only screen and (min-width:768px) and (max-width:1199px) {

.content .page-title h2{
  width: 220px;
  height:45px;
}
#infomation .shaze .read-box img{
  right: 10%;
}
#infomation .houshin .image-box,
#infomation .shishin .image-box,
#infomation .shaze .image-box,
#infomation .houshin .h3-box,
#infomation .shishin .h3-box,
#infomation .shaze .h3-box{
  height: 350px;
}

#infomation .houshin .messe-box ul,
#infomation .shishin .messe-box ul,
#infomation .shaze h4,
#infomation .shaze p{
  width: 90%;
}
#infomation .shaze h4,
#infomation .shaze p{
  margin:20px auto;
}

#infomation .shaze .read-box{
  height: 200px;
  background-size: 100% auto;
  background-position: center;
}

#infomation .shishin .messe-box ul li br{
  display: none;
}


}





/*************PC*************/
@media (min-width: 1200px) {


.content .page-title h2{
  width: 220px;
  height:45px;
}
#infomation .shaze .read-box img{
  right: 20%;
}
#infomation .houshin .image-box,
#infomation .shishin .image-box,
#infomation .shaze .image-box,
#infomation .houshin .h3-box,
#infomation .shishin .h3-box,
#infomation .shaze .h3-box{
  height: 450px;
}
#infomation .houshin .messe-box ul,
#infomation .shishin .messe-box ul,
#infomation .shaze h4,
#infomation .shaze p{
  width: 980px;
}

#infomation .shaze h4,
#infomation .shaze p{
  margin:20px auto;
}


#infomation .shaze .read-box{
  height: 300px;
}

}