@import"https://fonts.googleapis.com/css2?family=Outfit:wght@700&display=swap";
.anchor_list {
  margin-top: 3rem;
  display: flex;
  justify-content: center
}
.anchor_list li {
  width: 43%;
  margin: 0 1rem
}
.anchor_list a {
  font-size: 1.8rem;
  font-weight: 600;
  height: 5em;
  padding: .1em .15em;
  background: url(../img/icon_anchor.png) no-repeat center right .5em/1.5em;
  border: 2px solid #49b192;
  border-radius: 10px;
  display: flex;
  align-items: center
}
.anchor_list a:hover {
  background-color: #eceff0
}
.anchor_list a span {
  display: inline-block;
  height: 100%;
  font-size: 90%;
  padding: 0 1em;
  margin-right: 1.5em;
  color: #fff;
  background-color: #1b8488;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  display: flex;
  align-items: center;
  position: relative
}
.anchor_list a span::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.15em 1em 0 0;
  border-color: #1b8488 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 100%
}
.integrated_sec_ttl {
  padding-left: .5em
}
.integrated_sec_ttl span {
  color: #fff;
  display: block;
  height: 68%;
  padding: 0 1em;
  margin-right: 1.5em;
  background-color: #1b8488;
  border-top-left-radius: 8px;
  display: flex;
  align-items: center;
  position: relative
}
.integrated_sec_ttl span::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.4em 1em 0 0;
  border-color: #1b8488 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 100%
}
.integrated_sec_txt.mt {
  margin-top: 1.2em
}
.integrated_sec_txt span.sup {
  font-size: 0.8em;
  vertical-align: top;
}
.assignment_ttl {
  font-size: 2rem;
  font-weight: 600;
  margin-top: 2em
}
.assignment_btm_ttl {
  font-size: 3rem;
  font-weight: 600;
  text-align: center;
  padding: 1em 0 .8em;
  border: 3px solid #49b192;
  position: relative
}
.assignment_btm_ttl .label {
  font-size: 2rem;
  width: auto;
  height: 2em;
  aspect-ratio: 278/40;
  background: #fff url(../img/assignment_bg_ttl.png) no-repeat center/92%;
  padding-top: .2em;
  transform: translateY(-50%);
  position: absolute;
  top: 0;
  left: 14.5%
}
.img_notes {
  font-size: 1.4rem;
  text-align: right
}
.assignment_wrap {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.assignment_wrap._is-fs {
  align-items: flex-start
}
.assignment_wrap .img {
  width: 40%
}
.assignment_wrap .integrated_sec_txt {
  width: 55%
}
.assignment_wrap._is-6-4 .img {
  width: 35%
}
.assignment_wrap._is-6-4 {
  margin-bottom: 2em
}
.assignment_wrap._is-6-4 .integrated_sec_txt {
  width: 60%
}
.assignment_wrap.reverse {
  flex-direction: row-reverse
}
.inner-s {
    margin-top: 3em;
}
.imgs_3p {
    margin: 2rem 0;
}
.imgs_3p ul li {
    width: calc(92%/3);
}
h4.m-ttl {
    font-size: 2rem;
    color: #279a2f;
    font-weight: bold;
}
.imgs_3p ul {
    display: flex
;
    flex-wrap: wrap;
    column-gap: 2.85rem;
    margin-top: 1rem;
}
.img.mt-4 {
    margin-top: 1rem;
}
.btn_area {
  margin-top: 1em;
  text-align: right
}
.btn_area a {
  display: inline-block;
  font-size: 1.5rem;
  background-color: #fff;
  padding: .5em .8em
}
.btn_area span {
  border-bottom: 1px solid #000
}
.attn {
    font-size: 1.2rem;
}
.sec_top {
  margin-bottom: 8rem;
  padding: 8rem 0;
  background-color: #eceff0;
  position: relative
}
.sec_top::before {
  content: none;
  width: 6%;
  height: 2.5rem;
  background-color: #eceff0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin: 0 auto
}
.sec_top::after {
  content: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8rem 8rem 0 8rem;
  border-color: #eceff0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  position: absolute;
  top: calc(100% + 2.5rem);
  left: 0;
  right: 0;
  margin: 0 auto
}
.sec_btm {
  padding-bottom: 8rem
}
.product_area {
  margin-top: 5rem;
  padding: 0 5rem 5rem;
  text-align: center;
  background-color: #ffffff;
  border-radius: 20px
}
#sec01 .product_area {
  padding: 5rem 12rem;
  background-color: #ffffff;
}
.product_btn {
  margin-top: 4rem
}
.product_btn a {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 600;
  padding: .8em 3.5em .8em 1.5em;
  background: #fff url(/common/img/icon_arrow_cgr01.png) no-repeat center right 1em/1.5em;
  border: 2px solid #07a33e;
  border-radius: 40px
}
.product_btn a:hover {
  color: #fff;
  background-color: #07a33e
}
.ingenuity_area {
  margin-top: 4rem;
  padding: 4rem 3rem;
  background-color: #eff5f0;
  border-radius: 20px
}
.ingenuity_ttl {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  width: 75%;
  margin: 0 auto;
  padding: .5em;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, .3)
}
.ingenuity_ttl span {
  color: #49b192
}
.ingenuity_list {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end
}
.ingenuity_list li {
  width: 50%;
  text-align: center;
  padding: 3rem 1.5rem;
  border-bottom: 1px solid #07a33e
}
.ingenuity_list li:nth-child(even) {
  border-left: 1px solid #07a33e
}
.ingenuity_list li:last-child, .ingenuity_list li:nth-last-child(2) {
  border-bottom: none
}
.ingenuity_list .list_txt {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 1em
}
@media screen and (min-width: 768px)and (max-width: 1240px) {
  .anchor_list a {
    font-size: 1.4vw
  }
  .assignment_ttl {
    font-size: 1.6vw
  }
  .btn_area a {
    font-size: 1.2vw
  }
  .product_btn a {
    font-size: 1.4vw
  }
}
@media screen and (max-width: 767px) {
  #integrated_head.type01 .head_ttl {
    position: relative;
    z-index: 1
  }
  #integrated_head.type01 .head_wrap .assignment {
    margin-top: -3rem
  }
  .sec_integrated {
    padding-top: 2rem
  }
  .anchor_list {
    margin-top: 2rem;
    justify-content: space-between
  }
  .anchor_list li {
    width: 48%;
    margin: 0
  }
  .anchor_list a {
    font-size: 3.2vw;
    line-height: 1.3;
    background-size: 1em auto;
    background-position: right .3em bottom .3em;
    border-radius: 5px
  }
  .anchor_list a span {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
  }
  .integrated_sec_ttl span {
    border-top-left-radius: 4px
  }
  .integrated_sec_ttl span::before {
    border-width: 3.1em 1em 0 0
  }
  .assignment_ttl {
    font-size: 4vw;
    margin-top: 1.5em
  }
  .assignment_btm_ttl {
    font-size: 4.2vw;
    padding: 1.2em 0 .8em;
    border-width: 2px
  }
  .assignment_btm_ttl .label {
    font-size: 3.2vw;
    left: 4%
  }
  .img_notes {
    font-size: 3.2vw
  }
  .assignment_wrap {
    margin-top: 1rem;
    display: block
  }
  .assignment_wrap .img {
    width: 100%;
    margin-top: 1.5rem
  }
  .assignment_wrap .integrated_sec_txt {
    width: 100%
  }
  .assignment_wrap._is-6-4 {
    margin-top: 1rem;
    display: block
  }
  .assignment_wrap._is-6-4 .img {
    width: 94%;
    margin: 1.5rem auto 0;
  }
  .assignment_wrap._is-6-4 .integrated_sec_txt {
    width: 100%
  }
  .btn_area a {
    font-size: 3.2vw
  }
  .sec_top {
    margin-bottom: 7rem;
    padding: 3rem 0
  }
  .sec_top::before {
    width: 12%
  }
  .sec_top::after {
    border-width: 5rem 5rem 0 5rem
  }
  .sec_btm {
    padding-bottom: 4rem
  }
  .product_area {
    margin-top: 3rem;
    padding: 2rem;
    border-radius: 10px
  }
  #sec01 .product_area {
    margin-top: 3rem;
    padding: 2rem;
    border-radius: 10px
  }
  .product_area .integrated_sec_txt {
    margin-top: 1em
  }
  .product_btn {
    margin-top: 2rem
  }
  .product_btn a {
    font-size: 3.7vw
  }
  .ingenuity_area {
    padding: 2rem 1.5rem;
    border-radius: 10px
  }
  .ingenuity_ttl {
    font-size: 4.2vw;
    width: 100%
  }
  .ingenuity_list {
    margin-top: 2rem;
    align-items: flex-start
  }
  .ingenuity_list li {
    padding: 1.5rem .5rem
  }
  .ingenuity_list li:nth-child(1) img {

    max-width: 137.5px
  }
  .ingenuity_list li:nth-child(2) img {
    max-width: 143.5px
  }
  .ingenuity_list li:nth-child(3) img {
    max-width: 118px
  }
  .ingenuity_list li:nth-child(4) img {
    max-width: 67px
  }
  .ingenuity_list li:nth-child(5) img {
    max-width: 144px
  }
  .ingenuity_list li:nth-child(6) img {
    max-width: 126px
  }
  .ingenuity_list .list_img {
    width: 100%;
    height: 6.2rem;
    display: flex;
    justify-content: center;
    align-items: center
  }
  .ingenuity_list .list_txt {
    font-size: 3vw;
    text-align: left;
    width: fit-content;
    margin: 1em auto 0
  }
    .inner-s {
        margin-top: 2em;
    }
    .imgs_3p ul {
        column-gap: 2%;
    }
    .imgs_3p ul li {
        width: calc(96% / 3);
    }
    .assignment_wrap .m-up{
        margin-top: 5rem;
    }
} /*# sourceMappingURL=social-issues.css.map */