@charset "UTF-8";
/* =========================================

link free CSS

2019/10/11 326_sakaguchi 

============================================ */
/*  共通　　*/
img {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
/*  width: 100%;*/
  -webkit-backface-visibility: hidden;
}

/* --------------------------------------
　　　　　　　　　　　　　　content
-----------------------------------------*/



#content {
  margin: 0 auto 4em;
}

#content .title {
border-top: 1px solid #073E40;
border-bottom: 1px solid #073E40;
background-color: #F6EEEB;

}


h1 {
  width: 1034px;
  margin: 0 auto 0;
}




.box_lead {
  text-align:left;
  display: flex;
  flex-wrap: wrap;
  margin: 3em auto 0;
  justify-content: space-between;
  width: 850px;
}

.box_lead div {
  width: 425px;
}

.box_lead div p{
  font-size:17px;
}

.box_lead div small {
  display: block;
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-top: 2em;
  padding-left: 1em;
  text-indent: -1em;
}

.box_lead figure {
  width: 400px;
}


ul.box_list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 3em auto 0;
  justify-content: space-between; 
  width: 850px;
}

ul.box_list li {
  box-sizing: border-box;
  background: #F5EEEB;
  width: 265px;
}

ul.box_list li:nth-child( n+4 ) {
  margin-top: 2em;
}

ul.box_list li dl {
  box-sizing: border-box;
  padding: 0.5em 0.7em 1em 0.7em;
}

ul.box_list li dl dt {
  color: #000;
  font-size: 110%;
  font-weight: bold;
  padding-left: 0.7em;
  line-height: 1.3em;
  position: relative;


}

ul.box_list li dl dt:before {
  background: #15410A;
  content: "";
  height: 0.4em;
  left: 0;
  margin-top: -0.2em;
  position: absolute;
  top: 0.65em;

  width: 0.4em;
}

ul.box_list li dl dd {
  margin-top: 0.1em;
}

ul.box_list  li dl dd span {
  display: block;
  font-size: 15px;
  margin-top: 1em;
}

ul.box_list figure img {
  width:100%;
}


ul.box_list  li.img_space {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

ul.box_list  li.img_space img {
  display: block;
  width: 235px;
}

#breadcrumbs {
    margin: 0 auto 0;
}


@media only screen and (max-device-width: 1024px) and (min-device-width: 768px)
#breadcrumbs {
    margin: 0 auto 0;
}