/*! Writen by SCSS */
/*body{
	background: #9e9e9e;
	color: #333;
}*/
.item_head {
  padding-top: 0.83em;
  padding-bottom: 0.83em;
  margin-bottom: 0.83em;
  border-bottom: 1px solid #fff;
}
.item_head.ex {
  padding-top: 0;
}

.sec0 {
  max-width: 1280px;
  margin: 0 auto;
  padding: 60px 20px 20px;
  box-sizing: content-box;
}
@media screen and (max-width: 960px) {
  .sec0 {
    padding: 35px 20px 10px;
  }
}

.s4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.s4 > li {
  width: 22.65625%;
  margin-bottom: 40px;
}
@media screen and (max-width: 520px) {
  .s4 > li {
    width: 48%;
    max-width: 290px;
  }
  .s4 > li.sp100 {
    width: 100%;
    margin: 0 auto 40px;
    max-width: 100%;
  }
  .s4 > li.sp100.mw {
    max-width: 290px;
  }
}
.s4 > li.w2 {
  width: 48.4375%;
}
@media screen and (max-width: 520px) {
  .s4 > li.w2 {
    width: 100%;
    max-width: 620px;
    margin: 0 auto 40px;
  }
}
.s4 > li.w4 {
  width: 100%;
}
@media screen and (max-width: 520px) {
  .s4 > li.w4 {
    width: 100%;
    max-width: 100%;
  }
}
.s4 > li.ex1 {
  width: 41.40625%;
}
@media screen and (max-width: 520px) {
  .s4 > li.ex1 {
    width: 100%;
    max-width: 530px;
    margin: 0 auto 40px;
  }
}
.s4 > li.ex2 {
  width: 34.375%;
}
@media screen and (max-width: 520px) {
  .s4 > li.ex2 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 40px;
  }
}
.s4 > li.ex3 {
  width: 17.96875%;
}
@media screen and (max-width: 520px) {
  .s4 > li.ex3 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 40px;
  }
}

.box01 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box01 .l {
  width: 52.4193548387%;
}
.box01 .r {
  width: 45.1612903226%;
}
@media screen and (max-width: 520px) {
  .box01 {
    display: block;
  }
  .box01 .l {
    width: 100%;
    margin-bottom: 15px;
  }
  .box01 .r {
    width: 100%;
  }
}

.box03 {
  display: flex;
  justify-content: space-between;
}
.box03 .l {
  width: 40.703125%;
}
.box03 .r {
  width: 56.953125%;
}
@media screen and (max-width: 520px) {
  .box03 {
    display: block;
  }
  .box03 .l {
    width: 100%;
    margin-bottom: 15px;
  }
  .box03 .r {
    width: 100%;
  }
}

.box04 {
  display: flex;
  justify-content: space-between;
}
.box04 .l {
  width: 47.5806451613%;
}
.box04 .r {
  width: 46.7741935484%;
}
@media screen and (max-width: 520px) {
  .box04 {
    display: block;
  }
  .box04 .l {
    width: 100%;
    margin-bottom: 15px;
  }
  .box04 .r {
    width: 65%;
    margin: 0 auto;
  }
}

.box06 {
  display: flex;
  justify-content: space-between;
}
.box06 .l {
  width: 60.3773584906%;
}
.box06 .r {
  width: 36.7924528302%;
}
@media screen and (max-width: 520px) {
  .box06 {
    display: block;
  }
  .box06 .l {
    width: 100%;
    margin-bottom: 15px;
  }
  .box06 .r {
    width: 100%;
    text-align: center;
  }
}

.box21 li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.box21 li .txt {
  width: 28.125%;
}
.box21 li .txt .t1 {
  color: #fff;
  background: #59807c;
  text-align: center;
  margin-bottom: 10px;
  font-size: clamp(14px, 1.28vw, 18px);
}
.box21 li .fig {
  width: 70.546875%;
}
@media screen and (max-width: 520px) {
  .box21 li {
    display: block;
  }
  .box21 li .txt {
    width: 100%;
    margin-bottom: 15px;
  }
  .box21 li .fig {
    width: 100%;
    text-align: center;
  }
}

.box22 {
  display: flex;
  justify-content: space-between;
}
.box22 .txt {
  width: 48.4375%;
}
.box22 .fig {
  width: 48.4375%;
}
@media screen and (max-width: 520px) {
  .box22 {
    display: block;
  }
  .box22 .txt {
    width: 100%;
    margin-bottom: 15px;
  }
  .box22 .fig {
    width: 100%;
    text-align: center;
  }
}

.box31 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box31 li {
  width: 31.25%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 25px;
}
@media screen and (max-width: 520px) {
  .box31 {
    display: block;
  }
  .box31 li {
    width: 100%;
    max-width: 622px;
    margin: 0 auto 15px;
  }
}

.box41 {
  display: flex;
  justify-content: space-between;
}
.box41 > .l {
  width: 74.6875%;
}
.box41 > .r {
  width: 22.5%;
}
@media screen and (max-width: 520px) {
  .box41 {
    display: block;
  }
  .box41 > .l {
    width: 100%;
    margin-bottom: 15px;
  }
  .box41 > .r {
    width: 100%;
    text-align: center;
  }
}
.box41 .box42 {
  display: flex;
  justify-content: space-between;
}
.box41 .box42 > .txt {
  width: 48.1171548117%;
}
.box41 .box42 > .fig {
  width: 50%;
}
@media screen and (max-width: 520px) {
  .box41 .box42 {
    display: block;
  }
  .box41 .box42 > .txt {
    width: 100%;
    margin-bottom: 15px;
  }
  .box41 .box42 > .fig {
    width: 100%;
    text-align: center;
    max-width: 478px;
    margin: 0 auto;
  }
}
.box41 .box43 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.box41 .box43 li {
  width: 48.1171548117%;
  margin-bottom: 15px;
}
@media screen and (max-width: 520px) {
  .box41 .box43 {
    display: block;
  }
  .box41 .box43 li {
    width: 100%;
    max-width: 460px;
    margin: 0 auto 15px;
  }
}
.box41 .box44 {
  display: flex;
  justify-content: space-between;
}
.box41 .box44 > .txt {
  width: 85.2510460251%;
}
.box41 .box44 > .icon {
  width: 13.5983263598%;
}
.box41 .box44 > .icon img {
  background: #fff;
  padding: 5px 10px;
}
@media screen and (max-width: 520px) {
  .box41 .box44 {
    display: block;
  }
  .box41 .box44 > .txt {
    width: 100%;
  }
  .box41 .box44 > .icon {
    width: 100%;
    text-align: center;
    max-width: 119px;
    margin: 0 auto 10px;
  }
}

.sec_pet {
  text-align: center;
  width: 50%;
  max-width: 400px;
  margin: 0 auto;
}
@media screen and (max-width: 520px) {
  .sec_pet {
    width: 100%;
  }
}

.img_cap.top .cap {
  bottom: auto;
  top: 0;
}/*# sourceMappingURL=structure_04.css.map */