.zerokonTtl01 {
  font-family: font-family: "ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  color: #8f5833;
  font-size: 240%;
  line-height: 120%;
  }
.zerokonTtl01 span {
  font-family: Times New Roman,"ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  font-size: 60%;
  }
.zerokonTtl01-01 {
  font-family: Times New Roman,"ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  color: #8f5833;
  font-size: 160%;
  line-height: 120%;
  margin-top: 10%;
  font-weight: bold;
  }
.zerokonTtl01-01 span {
  font-family: Times New Roman,"ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  font-size: 80%;
  font-weight: bold;
  }



.zerokonTtl02 {
  font-family: font-family: "ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  background: #ddbc6e;
  color: white;
  font-weight: bold;
  font-size: 200%;
  line-height: 120%;
  padding: 2% 0 1%;
  position: relative;
  text-align: center;
  }
  .zerokonTtl02:after {
    background: url(../img/0kon/0konBg01.gif) no-repeat center top;
    content: "";
    display: inline-block;
    height: 9px;
    width: 17px;
    bottom: -9px;
    position: absolute;
    }
  .zerokonTtl02 span {
  font-family: Times New Roman,"ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  font-size: 60%;
  display: block;
  }

.zerokonTtl03 {
  font-family: font-family: "ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  background: #ddbc6e;
  color: white;
  font-weight: bold;
  font-size: 200%;
  line-height: 120%;
  padding: 2% 0 2%;
  position: relative;
  text-align: center;
  }
  .zerokonTtl03 span {
  font-family: Times New Roman,"ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  font-size: 60%;
  font-weight: bold;
  }
  .zerokonTtl03 b {
    font-size: 140%;
  }


.zerokonBox01 {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 100px;
  }

  .zerokonBox01Ttl {
  color: #8f5833;
  font-size: 120%;
    }

  .zerokonBox01-01L,.zerokonBox01-01R {
    width: 60%;
    z-index: 2;
    border: #f2f2f2 solid 2px;
    padding: 2%;
    box-sizing : border-box;
    position: relative;
    box-shadow: 3px 3px 2px #ccc;
    background: linear-gradient(#FFF, #f2f2f2);
    margin-bottom: 10px;
    text-align: left;
  }
  .zerokonBox01-01L {
    float: left;
  }
  .zerokonBox01-01R {
    float: right;
  }



  .zerokonBox01-02L {
    width: 60%;
    position: absolute;
    left: 0;
  }
  .zerokonBox01-02R {
    width: 60%;
    position: absolute;
    right: 0;
  }
  .zerokonBox01-02L02 {
    width: 60%;
    position: absolute;
    left: 0;
    top: 50px;
  }

  .zerokonBox01-02R .zerokonBox01Img01 { float: right; }
  .zerokonBox01-02L .zerokonBox01Img01,.zerokonBox01-02L02 .zerokonBox01Img01 { float: left; }


  .zerokonBox01Img01 {
    position: relative;
    z-index: 2;
  }
  .zerokonBox01Img02 {
    width: 100%;
    position: relative;
    top: -20px;
  }

@media (max-width: 800px) {
.zerokonBox01 p {
  font-size: 1.6em;
  }
  .zerokonBox01Ttl {
  font-size: 1.8em;
  }
}

@media (max-width: 640px) {

.zerokonBox01 {
  margin-bottom: 20px;
  }

  .zerokonBox01-01L, .zerokonBox01-01R {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    position: aboslute;

    top: -50px;
    margin-bottom: 0;

  }
  .zerokonBox01-02L,.zerokonBox01-02L02 , .zerokonBox01-02R {
    position: static;
    width: 100%;
  }
  .zerokonBox01-02R .zerokonBox01Img01 { float: none; }
  .zerokonBox01-02L .zerokonBox01Img01 ,.zerokonBox01-02L02 .zerokonBox01Img01 { float: none; }
}


.zerokonBox02-01 {
  width: 33.33%;
  float: left;
  }
  .zerokonBox02-01 img {
    width: 100%;
  }

.zerokonBox02-02 {
  width: 66.66%;
  float: right;
  }
  .zerokonBox02-02 img {
    width: 50%;
    float: left;
    }


@media (max-width: 640px) {
.zerokonBox02-01 {
  width: 100%;
  float: left;
  }
  .zerokonBox02-01 img {
    width: 80%;
  }

.zerokonBox02-02 {
  width: 100%;
  }


}


.zerokonLst01 {
  margin-bottom: 10%;
  overflow: hidden;
  }
.zerokonLst01 li {
  width: 33.33%;
  float: left;
  }
  .zerokonLst01 li img {
    width: 60%;
  }
  .zerokonLst01 li p {
    font-weight: bold;
  }


.zerokonBox03 {
  overflow: hidden;
  margin-bottom: 10%;
  }
  .zerokonBox03 img {
    width: 100%;
  }


p.zerokonTxt01 {
  color: #ddbc6e;
  font-weight: bold;
  font-size: 140%;
  line-height: 140%;
  margin-bottom: 10%;
  }

  p.zerokonTxt01 span {
    font-size: 80%;
    font-weight: bold;
  }
  p.zerokonTxt01 b {
    font-size: 140%;
  }

.zerokonWrap01 {
  border-bottom: #ededed 1px solid;

  }


.zerokonLst02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;

    justify-content: space-between;
  }
  .zerokonLst02 li {
    width: 48%;
    padding: 2%;
    box-sizing: border-box;

    margin-bottom: 2%;
    }

  .zerokonLst02 li h3 {
    background: #f1e4c5;
    width: 100%;
    padding: 2% 4% 2% 2%;
    box-sizing: border-box;
    overflow: hidden;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    margin-bottom: 5%;

  }
  .zerokonLst02 li h3 span {
    width: 20%;
    border-right: #DDBC6E 1px solid;
    float: left;
    box-sizing: border-box;
    color: #E2C785;
    display: block;
    font-size: 200%;
    text-align: center;
    margin-right: 3%;
    font-family: Times New Roman,"ＭＳ Ｐ明朝",MS PMincho, "細明朝体", "ヒラギノ明朝 Pro W3" ,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'MS PGothic';
  }
  .zerokonLst02 li h3 div {
    width: 77%;
    float: right;
  }

  .zerokonLst02 li p {
    width: 100%;
    line-height: 140%;
    text-align: left;
    box-sizing : border-box;
    }

  .zerokonLst02 li img {
    width: 100%;
  }


@media (max-width: 640px) {

  .zerokonLst02 li {
    width: 95%;
    margin: 0 auto 2.5%;
  }

}



@media screen and (min-width: 640px) {
  .sp_br{
    display: none;
  }
}



.topImg01 {
  width: 50%;
  }


@media screen and (max-width: 800px) {
.topImg01 {
  width: 80%;
  }
  }