@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

.clearfix:after {
content: " ";  
display: block; 
visibility: hidden; 
clear: both; 
height: 0.1px; 
font-size: 0.1em; 
line-height: 0; 
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


.clear{ clear:both;}
@media screen and (max-width: 1200px) {
}




.c-headTitle01 {
  text-align: left;
  margin-bottom: 40px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-headTitle01__sub {
  color: #75c242;
  font-size: 32px;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 4px;
}
.c-headTitle01__txt {
  color: #4e4b2f;
  font-size: 34px;
  line-height: 1.5;
  font-weight: 700;
}
.c-headTitle01__txt strong {
  color: #75c242;
}

.c-headTitle02 {
  text-align: left;
  margin-bottom: 40px;
  color: #4e4b2f;
  font-size: 34px;
  line-height: 1.5;
  font-weight: 700;
  border-bottom: #007124 4px solid;
  padding: 0 0 24px 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.c-headLineTitle01 {
  text-align: left;
  margin-bottom: 35px;
  color: #4e4b2f;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
  padding: 0 0 1px 20px;
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-headLineTitle01:before {
  content: '';
  display: block;
  width: 5px;
  height: 100%;
  background: #007124;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}


.c-headLineTitle02 {
  text-align: center;
  margin-bottom: 35px;
  color: #007124;
  font-size: 32px;
  line-height: 1.4;
  font-weight: 700;
  padding: 0 0 1px 20px;
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-headLineTitle02 > span {
  display: inline-block;
  position: relative;
  padding: 0 22px;
}
.c-headLineTitle02 > span:before ,
.c-headLineTitle02 > span:after {
  content: '';
  display: block;
  height: 36px;
  width: 2px;
  background: #007124;
  position: absolute;
  bottom: 2px;
}
.c-headLineTitle02 > span:before {
  transform: rotate(-22deg);
  left: 0;
}
.c-headLineTitle02 > span:after {
  transform: rotate(22deg);
  right: 0;
}

.c-middleTitle {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  color: #007124;
  text-align: left;
  position: relative;
  padding: 0 0 0 20px;
  margin-bottom: 20px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-middleTitle:before {
  content: '';
  box-sizing: border-box;
  width: 13px;
  height: 13px;
  border-radius: 50px;
  border: #75c242 3px solid;
  position: absolute;
  top: 10px;
  left: 0;
}
.c-middleTitle02 {
  font-size: 28px;
  line-height: 1.5;
  font-weight: 700;
  color: #6e6c52;
  text-align: left;
  position: relative;
  padding: 0 0 0 35px;
  margin-bottom: 30px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-middleTitle02:before {
  content: '';
  box-sizing: border-box;
  width: 21px;
  height: 21px;
  border-radius: 50px;
  border: #c0bea5 5px solid;
  position: absolute;
  top: 12px;
  left: 0;
}



.c-txt {
  font-size: 18px;
  line-height: 1.875;
}

@media screen and (max-width: 768px) {
  .c-headTitle01 {
    margin-bottom: 30px;
  }
  .c-headTitle01__sub {
    font-size: 20px;
    margin-bottom: 2px;
  }
  .c-headTitle01__txt {
    font-size: 22px;
  }

  .c-headTitle02 {
    margin-bottom: 30px;
    font-size: 24px;
    border-bottom: #007124 2px solid;
    padding: 0 0 17px 0;
  }

  .c-headLineTitle01 {
    margin-bottom: 25px;
    font-size: 24px;
    padding: 0 0 2px 15px;
  }
  .c-headLineTitle01:before {
    width: 3px;
    height: 100%;
    border-radius: 10px;
  }


  .c-headLineTitle02 {
    margin-bottom: 25px;
    font-size: 20px;
    padding: 0 0 1px 0px;
  }
  .c-headLineTitle02 > span {
    padding: 0 20px;
  }
  .c-headLineTitle02 > span:before ,
  .c-headLineTitle02 > span:after {
    height: 42px;
    width: 2px;
    bottom: 2px;
  }
  
  
  .c-middleTitle {
    font-size: 18px;
    padding: 0 0 0 17px;
    margin-bottom: 15px;
  }
  .c-middleTitle:before {
    width: 12px;
    height: 12px;
    border: #75c242 3px solid;
    top: 9px;
  }
  
  .c-middleTitle02 {
    font-size: 20px;
    padding: 0 0 0 25px;
    margin-bottom: 20px;
  }
  .c-middleTitle02:before {
    width: 18px;
    height: 18px;
    border: #c0bea5 4px solid;
    top: 8px;
  }

  
  .c-txt {
    font-size: 14px;
    line-height: 1.875;
  }
  
}


.c-btnOuter {
  margin-top: 60px;
}
.c-btnOuter + .c-btnOuter {
  margin-top: 20px;
}
.c-btn ,
a.c-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 300px;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif;
  background: #f0eed8;
  position: relative;
  margin: 0 auto;
  min-height: 60px;
  box-sizing: border-box;
  padding: 15px 30px;
}
.c-btn:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}
.c-btn.c-btn--green ,
a.c-btn.c-btn--green {
  background: #007124;
  color: #FFF;
}
.c-btn.c-btn--dl:before {
  background: url("../images/common/icon-dl02.png") no-repeat center;
  background-size: contain;
  width: 20px;
  height: 20px;
  right: 20px
}
@media screen and (max-width: 768px) {
  .c-btnOuter {
    margin-top: 50px;
  }
  .c-btnOuter + .c-btnOuter {
    margin-top: 15px;
  }
  .c-btn ,
  a.c-btn {
    max-width: 240px;
    font-size: 17px;
    min-height: 60px;
    padding: 15px 30px;
  }
  .c-btn:before {
    width: 12px;
    height: 12px;
    right: 10px;
  }
  .c-btn.c-btn--green ,
  a.c-btn.c-btn--green {
    background: #007124;
    color: #FFF;
  }
  .c-btn.c-btn--dl:before {
    background: url("../images/common/icon-dl02.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    right: 20px
  }
}

.c-category {
  display: flex;
  flex-wrap: wrap;
}
.c-category a {
  display: block;
  color: #FFF;
  background: #75c242;
  font-size: 16px;
  line-height: 1.3;
  padding: 4px 15px 5px;
  border-radius: 50px;
  margin: 0 10px 5px 0;
}
@media screen and (max-width: 768px) {
  .c-category a {
    font-size: 14px;
    padding: 4px 12px 5px;
    margin: 0 5px 5px 0;
  }
}




.c-technologyList {
  display: flex;
  flex-wrap: wrap;
}
.c-technologyListItem {
  width: calc(25% - 15px);
  margin-left: 20px;
}
.c-technologyListItem:nth-of-type(4n + 1) {
  margin-left: 0px;
}
.c-technologyListItem:nth-of-type(n + 5) {
  margin-top: 20px;
}
a.c-technologyListItem__anc {
  display: block;
  position: relative;
}
.c-technologyListItem__img {
  position: relative;
  z-index: 1;
}
.c-technologyListItem__img img {
  aspect-ratio: 6 / 4;
  object-fit: cover;
  width: 100%;
}
.c-technologyListItem__title {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 1.3;
  font-weight: 700;
  color: #007124;
  text-align: left;
  border-radius: 0 10px 0 0;
  padding: 11px 30px 12px 12px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  background: #fbfaf1;
}
.c-technologyListItem__title:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}
@media screen and (max-width: 960px) {
  .c-technologyList {
  }
  .c-technologyListItem {
    width: calc(33.33% - 13.33px);
    margin-left: 20px;
  }
  .c-technologyListItem:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-technologyListItem:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-technologyListItem:nth-of-type(n + 4) {
    margin-top: 20px;
  }
  .c-technologyListItem__title {
    font-size: 15px;
    border-radius: 0 10px 0 0;
    padding: 11px 30px 12px 12px;
  }
  .c-technologyListItem__title:before {
    content: '';
    background: url("../images/common/icon-arrow01.png") no-repeat center;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-technologyList {
  }
  .c-technologyListItem {
    width: calc(33.33% - 6.66px);
    margin-left: 10px;
  }
  .c-technologyListItem:nth-of-type(4n + 1) {
    margin-left: 10px;
  }
  .c-technologyListItem:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-technologyListItem:nth-of-type(n + 4) {
    margin-top: 10px;
  }
  .c-technologyListItem__title {
    font-size: 14px;
    border-radius: 0 10px 0 0;
    padding: 8px 20px 10px 12px;
  }
  .c-technologyListItem__title:before {
    width: 12px;
    height: 12px;
    right: 7px;
  }
}
@media screen and (max-width: 600px) {
  .c-technologyListItem {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .c-technologyListItem:nth-of-type(4n + 1) {
    margin-left: 10px;
  }
  .c-technologyListItem:nth-of-type(3n + 1) {
    margin-left: 10px;
  }
  .c-technologyListItem:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-technologyListItem:nth-of-type(n + 3) {
    margin-top: 10px;
  }
}


.c-postSearch {
  padding: 50px 0;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-postSearchItem {
  
}
.c-postSearchItem + .c-postSearchItem {
  margin-top: 30px;
}
.c-postSearch__title {
  
}
.c-postSearchList {
  display: flex;
  flex-wrap: wrap;
}
.c-postSearchList li {
  width: calc(25% - 15px);
  margin-left: 20px;
  display: flex;
}
.c-postSearchList li:nth-of-type(4n + 1) {
  margin-left: 0px;
}
.c-postSearchList li:nth-of-type(n + 5) {
  margin-top: 20px;
}
.c-postSearchList li a {
  display: flex;
  align-items: center;
  width: 100%;
  background: #FFF;
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  min-height: 50px;
  box-sizing: border-box;
  padding: 10px 30px 10px 15px;
  text-align: left;
}
.c-postSearchList li a:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}
@media screen and (max-width: 768px) {
  .c-postSearch {
    padding: 30px 0;
  }
  .c-postSearchItem + .c-postSearchItem {
    margin-top: 30px;
  }
  .c-postSearch__title {

  }
  .c-postSearchList {
  }
  .c-postSearchList li {
    width: calc(25% - 7.5px);
    margin-left: 10px;
  }
  .c-postSearchList li:nth-of-type(4n + 1) {
    margin-left: 0px;
  }
  .c-postSearchList li:nth-of-type(n + 5) {
    margin-top: 10px;
  }
  .c-postSearchList li a {
    font-size: 13px;
    min-height: 40px;
    padding: 10px 27px 10px 12px;
  }
  .c-postSearchList li a:before {
    width: 12px;
    height: 12px;
    right: 8px;
  }
}
@media screen and (max-width: 520px) {
  .c-postSearchList li {
    width: calc(33.33% - 6.66px);
    margin-left: 10px;
  }
  .c-postSearchList li:nth-of-type(4n + 1) {
    margin-left: 10px;
  }
  .c-postSearchList li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-postSearchList li:nth-of-type(n + 4) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 400px) {
  .c-postSearchList li {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .c-postSearchList li:nth-of-type(4n + 1) {
    margin-left: 10px;
  }
  .c-postSearchList li:nth-of-type(3n + 1) {
    margin-left: 10px;
  }
  .c-postSearchList li:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-postSearchList li:nth-of-type(n + 3) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 521px) {
  .c-postSearch.is-teleco .c-postSearchList li a {
    background: #f0eed8;
  }
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(8n + 2) a ,
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(8n + 4) a ,
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(8n + 5) a ,
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(8n + 7) a {
    background: #fbfaf1;
  }
}
@media screen and (min-width:401px) and ( max-width:520px) {
  .c-postSearch.is-teleco .c-postSearchList li a {
    background: #f0eed8;
  }
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(2n) a {
    background: #fbfaf1;
  }
}
@media screen and (max-width: 400px) {
  .c-postSearch.is-teleco .c-postSearchList li a {
    background: #f0eed8;
  }
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(4n + 2) a ,
  .c-postSearch.is-teleco .c-postSearchList li:nth-of-type(4n + 3) a {
    background: #fbfaf1;
  }
}




.c-caseList {
  display: flex;
  flex-wrap: wrap;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-caseList li {
  width: calc(25% - 15px);
  margin-left: 20px;
}
.c-caseList li:nth-of-type(4n + 1) {
  margin-left: 0px;
}
.c-caseList li:nth-of-type(n + 5) {
  margin-top: 50px;
}
.c-caseList li a {
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  min-height: 50px;
  box-sizing: border-box;
  text-align: left;
}
.c-caseListItem__title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  color: #007124;
  margin: 15px 0 9px;
  
}
.c-caseListItem__img {
  
}
.c-caseListItem__img img {
  aspect-ratio: 6 / 4;
  object-fit: cover;
  width: 100%;
}
.c-caseListItemInfo {
}
.c-caseListItemInfoItem {
  display: flex;
  font-size: 15px;
  line-height: 1.6;
}
.c-caseListItemInfoItem:nth-of-type(n + 2) {
  margin-top: 4px;
}
.c-caseListItemInfoItem__tag {
  font-weight: 700;
  width: 70px;
}
.c-caseListItemInfoItem__txt {
  width: calc(100% - 70px);
  box-sizing: border-box;
  position: relative;
  padding: 0 0 0 15px;
}
.c-caseListItemInfoItem__txt:before {
  content: '';
  display: block;
  width: 8px;
  left: 1px;
  top: 12px;
  height: 1px;
  background: #d2d0c1;
  position: absolute;
}
.c-caseListItem__txt {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 10px;
}
@media screen and (max-width: 960px) {
  .c-caseList li {
    width: calc(33.33% - 13.33px);
    margin-left: 20px;
  }
  .c-caseList li:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-caseList li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-caseList li:nth-of-type(n + 4) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 600px) {
  .c-caseList li {
    width: calc(50% - 10px);
    margin-left: 20px;
  }
  .c-caseList li:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-caseList li:nth-of-type(3n + 1) {
    margin-left: 20px;
  }
  .c-caseList li:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-caseList li:nth-of-type(n + 3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 400px) {
  .c-caseList li {
    width: 100%;
    margin-left: 0px;
  }
  .c-caseList li:nth-of-type(4n + 1) {
    margin-left: 0px;
  }
  .c-caseList li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-caseList li:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-caseList li:nth-of-type(n + 2) {
    margin-top: 50px;
  }
}


.c-productList {
  display: flex;
  flex-wrap: wrap;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-productList li {
  width: calc(25% - 15px);
  margin-left: 20px;
}
.c-productList li:nth-of-type(4n + 1) {
  margin-left: 0px;
}
.c-productList li:nth-of-type(n + 5) {
  margin-top: 50px;
}
.c-productList li a {
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  min-height: 50px;
  box-sizing: border-box;
  text-align: left;
}
.c-productListItem__img {
  margin-bottom: 15px;
}
.c-productListItem__img img {
  aspect-ratio: 6 / 4;
  object-fit: cover;
  width: 100%;
}
.c-productListItem__maker {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #595959;
  margin-bottom: 6px;
}
.c-productListItem__title {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  color: #4e4b2f;
}
.c-productListItemInfo {
  margin-top: 7px;
}
.c-productListItemInfoItem {
  display: flex;
  font-size: 15px;
  line-height: 1.6;
}
.c-productListItemInfoItem:nth-of-type(n + 2) {
  margin-top: 4px;
}
.c-productListItemInfoItem__tag {
  font-weight: 700;
  width: 84px;
}
.c-productListItemInfoItem__txt {
  width: calc(100% - 84px);
  box-sizing: border-box;
  position: relative;
  padding: 0 0 0 15px;
}
.c-productListItemInfoItem__txt:before {
  content: '';
  display: block;
  width: 8px;
  left: 1px;
  top: 12px;
  height: 1px;
  background: #d2d0c1;
  position: absolute;
}
.c-productListItem__txt {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .c-productList:not(.is-info) li {
    width: calc(33.33% - 13.33px);
    margin-left: 20px;
  }
  .c-productList:not(.is-info) li:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-productList:not(.is-info) li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-productList:not(.is-info) li:nth-of-type(n + 4) {
    margin-top: 40px;
  }
  .c-productList li a {
    font-size: 18px;
    min-height: 50px;
  }
  .c-productListItem__img {
    margin-bottom: 15px;
  }
  .c-productListItem__maker {
    font-size: 14px;
    margin-bottom: 6px;
  }
  .c-productListItem__title {
/*
    font-size: 16px;
*/
  }
  .c-productListItemInfo {
    margin-top: 7px;
  }
  .c-productListItemInfoItem {
    display: flex;
    font-size: 15px;
    line-height: 1.6;
  }
  .c-productListItemInfoItem:nth-of-type(n + 2) {
    margin-top: 4px;
  }
  .c-productListItemInfoItem__tag {
    font-weight: 700;
    width: 84px;
  }
  .c-productListItemInfoItem__txt {
    width: calc(100% - 84px);
    box-sizing: border-box;
    position: relative;
    padding: 0 0 0 15px;
  }
  .c-productListItemInfoItem__txt:before {
    content: '';
    display: block;
    width: 8px;
    left: 1px;
    top: 12px;
    height: 1px;
    background: #d2d0c1;
    position: absolute;
  }
  .c-productListItem__txt {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 10px;
  }
}
@media screen and (max-width: 550px) {
  .c-productList:not(.is-info) li {
    width: calc(50% - 10px);
    margin-left: 20px;
  }
  .c-productList:not(.is-info) li:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-productList:not(.is-info) li:nth-of-type(3n + 1) {
    margin-left: 20px;
  }
  .c-productList:not(.is-info) li:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-productList:not(.is-info) li:nth-of-type(n + 3) {
    margin-top: 40px;
  }
}
@media screen and (max-width: 960px) {
  .c-productList.is-info li {
    width: calc(33.33% - 13.33px);
    margin-left: 20px;
  }
  .c-productList.is-info li:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-productList.is-info li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-productList.is-info li:nth-of-type(n + 4) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 600px) {
  .c-productList.is-info li {
    width: calc(50% - 10px);
    margin-left: 20px;
  }
  .c-productList.is-info li:nth-of-type(4n + 1) {
    margin-left: 20px;
  }
  .c-productList.is-info li:nth-of-type(3n + 1) {
    margin-left: 20px;
  }
  .c-productList.is-info li:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-productList.is-info li:nth-of-type(n + 3) {
    margin-top: 50px;
  }
}
@media screen and (max-width: 400px) {
  .c-productList.is-info li {
    width: 100%;
    margin-left: 0px;
  }
  .c-productList.is-info li:nth-of-type(4n + 1) {
    margin-left: 0px;
  }
  .c-productList.is-info li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-productList.is-info li:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-productList.is-info li:nth-of-type(n + 2) {
    margin-top: 50px;
  }
}




.c-issuesList {
  display: flex;
  flex-wrap: wrap;
}
.c-issuesListItem {
  width: calc(20% - 12.8px);
  margin-left: 16px;
}
.c-issuesListItem:nth-of-type(5n + 1) {
  margin-left: 0px;
}
.c-issuesListItem:nth-of-type(n + 6) {
  margin-top: 16px;
}
a.c-issuesListItem__anc {
  display: block;
  position: relative;
}
.c-issuesListItem__img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.c-issuesListItem__img img {
  object-fit: cover;
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
}
.c-issuesListItem__title {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  color: #007124;
  text-align: left;
  border-radius: 0 10px 0 0;
  padding: 11px 30px 12px 12px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  background: #fbfaf1;
}
.c-issuesListItem__title:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}
@media screen and (max-width: 960px) {
  .c-issuesListItem {
    width: calc(25% - 12px);
    margin-left: 16px;
  }
  .c-issuesListItem:nth-of-type(5n + 1) {
    margin-left: 16px;
  }
  .c-issuesListItem:nth-of-type(4n + 1) {
    margin-left: 0px;
  }
  .c-issuesListItem:nth-of-type(n + 5) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  .c-issuesList {
  }
  .c-issuesListItem {
    width: calc(25% - 7.5px);
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(5n + 1) {
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(4n + 1) {
    margin-left: 0px;
  }
  .c-issuesListItem:nth-of-type(n + 5) {
    margin-top: 10px;
  }
  .c-issuesListItem__title {
    font-size: 15px;
    border-radius: 0 7px 0 0;
    padding: 6px 22px 7px 10px;
  }
  .c-issuesListItem__title:before {
    width: 12px;
    height: 12px;
    right: 6px;
  }
}
@media screen and (max-width: 580px) {
  .c-issuesList {
  }
  .c-issuesListItem {
    width: calc(33.33% - 6.66px);
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(5n + 1) {
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(4n + 1) {
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-issuesListItem:nth-of-type(n + 4) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 480px) {
  .c-issuesList {
  }
  .c-issuesListItem {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(5n + 1) {
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(4n + 1) {
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(3n + 1) {
    margin-left: 10px;
  }
  .c-issuesListItem:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-issuesListItem:nth-of-type(n + 3) {
    margin-top: 10px;
  }
}


.c-issuesList02 {
  display: flex;
  flex-wrap: wrap;
}
.c-issuesList02Item {
  width: 16.66%;
}
a.c-issuesList02Item__anc {
  display: block;
  position: relative;
}
.c-issuesList02Item__img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.c-issuesList02Item__img img {
  object-fit: cover;
  aspect-ratio: 1;
  height: 100%;
  width: 100%;
}
.c-issuesList02Item__title {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  width: calc(100% - 20px);
  box-sizing: border-box;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 700;
  color: #007124;
  text-align: left;
  border-radius: 0 10px 0 0;
  padding: 7px 28px 8px 10px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  background: #fbfaf1;
}
.c-issuesList02Item__title:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 6px;
}
@media screen and (max-width: 960px) {
  .c-issuesList02Item {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .c-issuesList02 {
  }
  .c-issuesList02Item {
    width: 25%;
  }
  .c-issuesList02Item__title {
    width: calc(100% - 10px);
    font-size: 14px;
    border-radius: 0 10px 0 0;
    padding: 6px 22px 7px 10px;
  }
  .c-issuesList02Item__title:before {
    width: 12px;
    height: 12px;
    right: 6px;
  }
}
@media screen and (max-width: 560px) {
  .c-issuesList02Item {
    width: 33.33%;
  }
}



.c-learnList {
  border-top: #f0eed8 1px solid;
}
.c-learnList li {
  border-bottom: #f0eed8 1px solid;
}
.c-learnList li a {
  display: block;
  position: relative;
  font-size: 18px;
  line-height: 1.6;
  text-align: left;
  font-weight: 700;
  padding: 15px 30px 15px 0;
}

.c-learnList li a:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}
@media screen and (max-width: 768px) {
  .c-learnList {
  }
  .c-learnList li {
  }
  .c-learnList li a {
    font-size: 16px;
    padding: 11px 22px 11px 0;
  }

  .c-learnList li a:before {
    width: 12px;
    height: 12px;
    right: 7px;
  }
}


.c-downloadList {
  display: flex;
  flex-wrap: wrap;
}
.c-downloadListItem {
  width: calc(33.33% - 20px);
  margin-left: 30px;
  background: #fbfaf1;
  box-sizing: border-box;
  padding: 30px 20px 90px 20px;
  text-align: left;
  position: relative;
}
.c-downloadListItem:nth-of-type(3n + 1) {
  margin-left: 0px;
}
.c-downloadListItem:nth-of-type(n + 4) {
  margin-top: 30px;
}
.c-downloadListItem__img {
  height: 240px;
  margin-bottom: 18px;
}
.c-downloadListItem__img img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.c-downloadListItem__title {
  color: #4e4b2f;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
.c-downloadListItem__txt {
  font-size: 15px;
  line-height: 1.6;
  margin-top: 10px;
}
.c-downloadListItemBtnOuter {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
}
a.c-downloadListItem__btn {
  color: #FFF;
  background: #007124;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 5px 10px 6px;
}

@media screen and (max-width: 960px) {
  .c-downloadListItem {
    width: calc(50% - 15px);
    margin-left: 30px;
    padding: 30px 20px 90px 20px;
  }
  .c-downloadListItem:nth-of-type(3n + 1) {
    margin-left: 30px;
  }
  .c-downloadListItem:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-downloadListItem:nth-of-type(n + 3) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-downloadListItem {
    width: calc(50% - 10px);
    margin-left: 20px;
    padding: 20px 20px 90px 20px;
  }
  .c-downloadListItem:nth-of-type(3n + 1) {
    margin-left: 20px;
  }
  .c-downloadListItem:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-downloadListItem:nth-of-type(n + 3) {
    margin-top: 20px;
  }
  .c-downloadListItem__img {
    height: 200px;
    margin-bottom: 18px;
  }
  .c-downloadListItem__title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
  }
  .c-downloadListItem__txt {
    font-size: 14px;
    margin-top: 10px;
  }
  .c-downloadListItemBtnOuter {
    bottom: 20px;
    padding: 0 20px;
  }
  a.c-downloadListItem__btn {
    font-size: 14px;
    min-height: 50px;
    padding: 5px 10px 6px;
  }
}
@media screen and (max-width: 500px) {
  .c-downloadListItem {
    width: 100%;
    margin-left: 0px;
  }
  .c-downloadListItem:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .c-downloadListItem:nth-of-type(2n + 1) {
    margin-left: 0px;
  }
  .c-downloadListItem:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}


/*
20   16 1.875
*/

.c-newsList {
  background: #FFF;
}
.c-newsListItem {
  
}
.c-newsListItem:nth-of-type(n + 2) {
  border-top: #cacaca 1px solid;
}
.c-newsListItem__anc {
  display: flex;
  text-align: left;
  padding: 21px 20px 21px 0;
}
.c-newsListItem__date {
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #007124;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  width: 176px;
  box-sizing: border-box;
  padding: 1px 0 0 30px;
}
.c-newsListItem__txt {
  font-size: 16px;
  line-height: 1.875;
  font-weight: 700;
  color: #4e4b2f;
  width: calc(100% - 176px);
}
@media screen and (max-width: 768px) {
  .c-newsListItem:nth-of-type(n + 2) {
    border-top: #cacaca 1px solid;
  }
  .c-newsListItem__anc {
    display: block;
    padding: 18px 20px 19px 20px;
  }
  .c-newsListItem__date {
    font-size: 16px;
    width: 100%;
    padding: 0 0 0 0px;
    margin-bottom: 3px;
  }
  .c-newsListItem__txt {
    font-size: 14px;
    width: 100%;
  }
}


.c-faqList {
  
}
.c-faqListItem {
  text-align: left;
}
.c-faqListItem:nth-of-type(n + 2) {
  margin-top: 20px;
}
.c-faqListItemQuestion {
  background: #fbfaf1;
  position: relative;
  cursor: pointer;
}
.c-faqListItemQuestion:before ,
.c-faqListItemQuestion:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #007124;
}
.c-faqListItemQuestion:before {
  width: 16px;
  height: 2px;
  right: 15px;
}
.c-faqListItemQuestion:after {
  width: 2px;
  height: 16px;
  right: 22px;
}
.c-faqListItemQuestion.is-open:after {
  opacity: 0;
}
.c-faqListItemQuestion__txt {
  font-size: 18px;
  line-height: 1.5;
  font-weight: 700;
  padding: 16px 40px 16px 70px;
}
.c-faqListItemAnswer {
  position: relative;
  display: none;
}
.c-faqListItemAnswer__txt {
  font-size: 16px;
  line-height: 1.875;
  padding: 16px 40px 16px 70px;
}
.c-faqListItemQuestion__txt:before ,
.c-faqListItemAnswer__txt:before {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 100px;
  font-size: 23px;
  line-height: 1;
  box-sizing: border-box;
  padding-bottom: 3px;
  font-weight: 500;
}
.c-faqListItemQuestion__txt:before {
  background: #007124;
  color: #FFF;
  content: 'Q';
}
.c-faqListItemAnswer__txt:before {
  background: #e4f2da;
  color: #007124;
  content: 'A';
}
@media screen and (max-width: 768px) {
  .c-faqListItem {
  }
  .c-faqListItem:nth-of-type(n + 2) {
    margin-top: 20px;
  }
  .c-faqListItemQuestion:before {
    width: 16px;
    height: 2px;
    right: 15px;
  }
  .c-faqListItemQuestion:after {
    width: 2px;
    height: 16px;
    right: 22px;
  }
  .c-faqListItemQuestion__txt {
    font-size: 16px;
    padding: 16px 40px 16px 55px;
  }
  .c-faqListItemAnswer {
  }
  .c-faqListItemAnswer__txt {
    font-size: 14px;
    line-height: 1.875;
    padding: 16px 0px 16px 55px;
  }
  .c-faqListItemQuestion__txt:before ,
  .c-faqListItemAnswer__txt:before {
    width: 34px;
    height: 34px;
    top: 10px;
    left: 10px;
    font-size: 19px;
    padding-bottom: 3px;
    font-weight: 500;
  }
}

.c-infoList {
  
}
.c-infoListItem {
  
}
.c-infoListItem + .c-infoListItem {
  border-top: #FFF 1px solid;
}
a.c-infoListItemFrame {
  display: block;
  position: relative;
  background: rgba(255,255,255, 0.6);
  padding: 19px 25px 20px 25px;
}
a.c-infoListItemFrame:hover {
  background: rgba(255,255,255, 0.8);
  opacity: 1;
}
.c-infoListItemUpper {
  display: flex;
}
.c-infoListItemUpper__date {
  color: #007124;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 500;
  padding: 4px 0 0 0;
  margin-right: 25px;
}
.c-infoListItemUpperCategory {
  display: flex;
  flex-wrap: wrap;
}
.c-infoListItemUpperCategory span {
  display: block;
  color: #FFF;
  margin-bottom: 5px;
  margin-right: 9px;
/*
  background: #75c242;
*/
  background: #007124;
  font-size: 16px;
  line-height: 1.3;
  padding: 4px 15px 5px;
  border-radius: 50px;
}
.c-infoListItem__txt {
  font-size: 16px;
  line-height: 1.875;
  text-align: left;
  margin-top: 2px;
  min-height: 3.75em;
}

.c-infoList.is-rank {
  counter-reset: item;
}
.c-infoList.is-rank .c-infoListItem {
  
}
.c-infoList.is-rank .c-infoListItemUpper {
  display: block;
}
.c-infoList.is-rank .c-infoListItemUpper__date {
  display: none;
}
.c-infoList.is-rank .c-infoListItemUpperCategory span {
  background: #75c242;
}
.c-infoList.is-rank .c-infoListItem__txt {
  padding: 0 0 0 54px;
  position: relative;
}
.c-infoList.is-rank .c-infoListItem__txt:before {
  counter-increment: item;
  content: counter(item);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 20px;
  line-height: 1;
  border-radius: 50%;
  background: #CCC;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0 0 2px 0;
  position: absolute;
  top: 16px;
  left: 0;
}
.c-infoList.is-rank .c-infoListItem:nth-of-type(1) .c-infoListItem__txt:before {
  background: #dfd029;
}
.c-infoList.is-rank .c-infoListItem:nth-of-type(2) .c-infoListItem__txt:before {
  background: #b6b6b6;
  color: #FFF;
}
.c-infoList.is-rank .c-infoListItem:nth-of-type(3) .c-infoListItem__txt:before {
  background: #8d7b18;
  color: #FFF;
}
.c-infoList.is-rank .c-infoListItem:nth-of-type(4) .c-infoListItem__txt:before {
  background: #007124;
  color: #FFF;
}
.c-infoList.is-rank .c-infoListItem:nth-of-type(5) .c-infoListItem__txt:before {
  background: #007124;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  .c-infoList {

  }
  .c-infoListItem {

  }
  .c-infoListItem + .c-infoListItem {
  }
  a.c-infoListItemFrame {
    padding: 19px 15px 18px 20px;
  }
  .c-infoListItemUpper__date {
    font-size: 16px;
    padding: 4px 0 0 0;
    margin-right: 15px;
  }
  .c-infoListItemUpperCategory {
    display: flex;
    flex-wrap: wrap;
  }
  .c-infoListItemUpperCategory span {
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 12px;
    padding: 4px 10px 5px;
  }
  .c-infoListItem__txt {
    font-size: 14px;
    margin-top: 2px;
    min-height: 3.75em;
  }

  .c-infoList.is-rank .c-infoListItem__txt {
    padding: 0 0 0 44px;
  }
  .c-infoList.is-rank .c-infoListItem__txt:before {
    width: 32px;
    height: 32px;
    font-size: 20px;
    padding: 0 0 2px 0;
    top: 13px;
  }
}




.l-section {
  padding: 110px 0 120px;
}
@media screen and (max-width: 768px) {
  .l-section {
    padding: 70px 0 80px;
  }
}



.p-topKv {
  background: url("../images/top/kv-bg.jpg") no-repeat center bottom;
  background-size: cover;
  aspect-ratio: 1920 / 801;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 40px;
}
.p-topKv__title {
  max-width: 1376px;
  margin: 0 auto 0;
  padding-top: clamp(10px, 6.86vw, 100px);
  position: relative;
  z-index: 10;
}
.p-topKv__img {
  max-width: 350px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom:-20px;
  width: 18.22%;
  z-index: 1;
}



.p-topValue {
  padding: 110px 0 120px;
  position: relative;
  overflow: hidden;
}
.p-topValueFrame {
  display: flex;
  justify-content: space-between;
}
.p-topValueLeft {
  width: 50%;
  padding: 20px 0 260px 0;
}
.p-topValueRight {
  width: calc(50% - 70px);
}
.p-topValue__img02 {
  height: 310px;
  position: relative;
}
.p-topValue__img02:before {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(50vw - 70px);
  height: 100%;
  background: url("../images/top/value-bg01.jpg") no-repeat left center;
  background-size: cover;
  display: block;
  content: '';
}
.p-topValue__txt {
  font-size: 18px;
  line-height: 2;
  text-align: left;
  margin-top: 60px;
}
.p-topValue__img03 {
  height: 310px;
  position: absolute;
  width: 50vw;
  background: url("../images/top/value-bg02.jpg") no-repeat center;
  background-size: cover;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 960px) {
  .p-topValueRight {
    width: calc(50% - 40px);
  }
  .p-topValue__img02:before {
    width: calc(50vw - 40px);
  }
}
@media screen and (max-width: 768px) {
  .p-topValue {
    padding: 60px 0 calc(34vw + 40px);
  }
  .p-topValueFrame {
    display: block;
    justify-content: space-between;
  }
  .p-topValueLeft {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .p-topValueRight {
    width: 100%;
    margin-top: 30px;
  }
  .p-topValue__img01 {
    max-width: 400px;
    margin: 0 auto;
  }
  .p-topValue__img02 {
    height: 34vw;
  }
  .p-topValue__img02:before {
    width: calc(100% + 20px);
  }
  .p-topValue__txt {
    font-size: 15px;
    line-height: 1.875;
    margin-top: 30px;
  }
  .p-topValue__img03 {
    height: 34vw;
    width: calc(100% - 20px);
  }
}

.p-topIssues {
  background: #fbfaf1;
}


.p-topSolutions {
  background: #f0eed8;
}




.p-topLearn {
}
.p-topLearnFrame {
  
}
.p-topLearnFrame .c-postSearch {
  padding: 0;
}

.p-topInfo {
  background: url("../images/top/learn-bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 120px 0 120px;
}
.p-topInfoFrame {
  display: flex;
  justify-content: space-between;
}
.p-topInfoContent {
  width: calc(50% - 20px);
}
.p-topInfo__title {
  background: #75c242;
  color: #FFF;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Zen Kaku Gothic New", sans-serif;
  position: relative;
  text-align: left;
  padding: 9px 20px 11px 45px;
}
.p-topInfo__title:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  top: 20px;
  left: 22px;
}
.p-topInfoContent.is-rank .p-topInfo__title {
  background: #007124;
}

@media screen and (max-width: 960px) {
  .p-topInfoFrame {
    display: block;
  }
  .p-topInfoContent {
    width: 100%;
  }
  .p-topInfoContent + .p-topInfoContent {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .p-topInfo {
    padding: 80px 0 80px;
  }
  .p-topInfoFrame {
  }
  .p-topInfoContent {
  }
  .p-topInfoContent + .p-topInfoContent {
    margin-top: 20px;
  }
  .p-topInfo__title {
    font-size: 20px;
    padding: 9px 20px 10px 35px;
  }
  .p-topInfo__title:before {
    width: 8px;
    height: 8px;
    top: 20px;
    left: 18px;
  }
}


.p-topNews {
  background: #fbfaf1;
}
.p-topNewsFrame {
  
}






.p-pageValueIntro {
  margin-bottom: 100px;
}
.p-pageValueIntroFrame {
  display: flex;
  justify-content: space-between;
}
.p-pageValueIntro__img {
  width: calc(50% - 40px);
/*
  width: calc(50% - 20px);
*/
}
.p-pageValueIntroTxtWrap {
  width: 50%;
/*
  width: calc(50% - 20px);
*/
  text-align: left;
}


.p-pageValueDetail {
  
}
.p-pageValueDetailItem {
  padding: 70px 0;
}
.p-pageValueDetailItem:nth-of-type(2n + 1) {
  background: #f0eed8;
}
.p-pageValueDetailItem__title {
  font-size: 32px;
  line-height: 1.5;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  text-align: left;
  margin-bottom: 40px;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.p-pageValueDetailItem__title span {
  display: block;
}
.p-pageValueDetailItem__title .is-num {
  font-size: 100px;
  line-height: 1;
  font-weight: 400;
  font-style: italic;
  color: #007124;
  width: 140px;
}
.p-pageValueDetailItem__title span:nth-of-type(2) {
  display: block;
  width: calc(100% - 140px);
}
.p-pageValueDetailItemFrame {
  display: flex;
  justify-content: space-between;
}
.p-pageValueDetailItem__img {
  width: calc(50% - 20px);
}
.p-pageValueDetailItemTxtWrap {
  width: calc(50% - 20px);
  text-align: left;
}

@media screen and (max-width: 768px) {
  .p-pageValueIntro {
    margin-bottom: 70px;
  }
  .p-pageValueIntroFrame {
  }
  .p-pageValueIntro__img {
    width: calc(50% - 20px);
  }
  .p-pageValueIntroTxtWrap {
    width: 50%;
  }


  .p-pageValueDetail {
  }
  .p-pageValueDetailItem {
    padding: 70px 0;
  }
  .p-pageValueDetailItem__title {
    font-size: 20px;
    margin-bottom: 30px;
    align-items: flex-start;
  }
  .p-pageValueDetailItem__title span {
  }
  .p-pageValueDetailItem__title .is-num {
    font-size: 50px;
    width: 70px;
  }
  .p-pageValueDetailItem__title span:nth-of-type(2) {
    display: block;
    width: calc(100% - 70px);
  }
  .p-pageValueDetailItemFrame {
  }
  .p-pageValueDetailItem__img {
    width: calc(50% - 10px);
  }
  .p-pageValueDetailItemTxtWrap {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 600px) {
  .p-pageValueIntroFrame {
    display: block;
  }
  .p-pageValueIntro__img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .p-pageValueIntroTxtWrap {
    width: 100%;
    margin-top: 15px;
  }
  .p-pageValueDetailItemFrame {
    display: block;
  }
  .p-pageValueDetailItem__img {
    width: 100%;
  }
  .p-pageValueDetailItemTxtWrap {
    width: 100%;
    margin-top: 15px;
  }
}



.p-pageTechnologyArchive {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-pageTechnologyArchive {
    margin-top: 50px;
  }
}


.p-pageTechnologySingle {
  
}
.p-pageTechnologySingleIntro {
  text-align: left;
}
.p-pageTechnologySingleFeature {
  margin-top: 70px;
}
.p-pageTechnologySingleFeatureFrame {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-pageTechnologyFeatureBox {
  width: calc(50% - 20px);
  border: #68bd29 2px solid;
  border-top: none;
  overflow: hidden;
  border-radius: 10px;
}
.p-pageTechnologyFeatureBox__title {
  background: #68bd29;
  color: #FFF;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 26px;
  line-height: 1.3;
  padding: 14px 20px 15px;
}
.p-pageTechnologyFeatureBox__title span {
  display: inline-block;
  position: relative;
}
.p-pageTechnologyFeatureBox__title span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.p-pageTechnologyFeatureBox.is-result {
}
.p-pageTechnologyFeatureBox.is-result .p-pageTechnologyFeatureBox__title span {
  padding: 0 0 0 45px;
}
.p-pageTechnologyFeatureBox.is-result .p-pageTechnologyFeatureBox__title span:before {
  background-image: url("../images/common/icon-result.png");
  width: 42px;
  height: 40px;
  top: -5px;
}


.p-pageTechnologyFeatureBox.is-merit {
  border-color: #007124;
}
.p-pageTechnologyFeatureBox.is-merit .p-pageTechnologyFeatureBox__title {
  background: #007124;
}
.p-pageTechnologyFeatureBox.is-merit .p-pageTechnologyFeatureBox__title span {
  padding: 0 0 0 45px;
}
.p-pageTechnologyFeatureBox.is-merit .p-pageTechnologyFeatureBox__title span:before {
  background-image: url("../images/common/icon-merit.png");
  width: 31px;
  height: 39px;
  top: -3px;
}

.p-pageTechnologyFeatureList {
  padding: 20px 20px;
}
.p-pageTechnologyFeatureList li {
  text-align: left;
  font-size: 18px;
  line-height: 1.5;
  position: relative;
  padding: 0 0 0 40px;
}
.p-pageTechnologyFeatureList li:nth-of-type(n + 2) {
  margin-top: 15px;
}
.p-pageTechnologyFeatureList li:before {
  content: '';
  background: url("../images/common/icon-check.png") no-repeat center;
  background-size: contain;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 1px;
  left: 0;
}

.p-pageTechnologySingleProduct {
  margin-top: 100px;
}
.p-pageTechnologySingleProduct .c-txt {
  text-align: left;
  margin-bottom: 40px;
}
.p-pageTechnologySingleCase {
  margin-top: 100px;
}
.p-pageTechnologySingleBody {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageTechnologySingle {

  }
  .p-pageTechnologySingleIntro {
  }
  .p-pageTechnologySingleFeature {
    margin-top: 40px;
  }
  .p-pageTechnologyFeatureBox {
    width: calc(50% - 10px);
    border: #68bd29 2px solid;
    border-radius: 7px;
  }
  .p-pageTechnologyFeatureBox__title {
    font-size: 20px;
    line-height: 1.3;
    padding: 14px 20px 15px;
  }
  .p-pageTechnologyFeatureBox.is-result {
  }
  .p-pageTechnologyFeatureBox.is-result .p-pageTechnologyFeatureBox__title span {
    padding: 0 0 0 35px;
  }
  .p-pageTechnologyFeatureBox.is-result .p-pageTechnologyFeatureBox__title span:before {
    background-image: url("../images/common/icon-result.png");
    width: 28px;
    height: 40px;
    top: -8px;
  }


  .p-pageTechnologyFeatureBox.is-merit .p-pageTechnologyFeatureBox__title span {
    padding: 0 0 0 35px;
  }
  .p-pageTechnologyFeatureBox.is-merit .p-pageTechnologyFeatureBox__title span:before {
    background-image: url("../images/common/icon-merit.png");
    width: 22px;
    height: 39px;
    top: -7px;
  }

  .p-pageTechnologyFeatureList {
    padding: 20px 20px;
  }
  .p-pageTechnologyFeatureList li {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    padding: 0 0 0 34px;
  }
  .p-pageTechnologyFeatureList li:nth-of-type(n + 2) {
    margin-top: 15px;
  }
  .p-pageTechnologyFeatureList li:before {
    width: 24px;
    height: 24px;
    top: 1px;
  }

  .p-pageTechnologySingleProduct {
    margin-top: 60px;
  }
  .p-pageTechnologySingleProduct .c-txt {
    margin-bottom: 30px;
  }
  .p-pageTechnologySingleCase {
    margin-top: 60px;
  }
  .p-pageTechnologySingleBody {
    margin-top: 60px;
  }
}
@media screen and (max-width: 650px) {
  .p-pageTechnologySingleFeatureFrame {
  }
  .p-pageTechnologyFeatureBox {
    width: 100%;
    border-radius: 7px;
  }
  .p-pageTechnologyFeatureBox:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}


.p-pageCaseIntro {
  margin-bottom: 100px;
  text-align: left;
}
.p-pageCaseArchiveSearch {
  background: #fbfaf1;
}
.p-pageCaseArchiveList {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageCaseIntro {
    margin-bottom: 50px;
  }
  .p-pageCaseArchiveList {
    margin-top: 50px;
  }
}


.p-pageCaseSingle {
}
.p-pageCaseSingleUpper {
  display: flex;
  justify-content: space-between;
}
.p-pageCaseSingleUpper__img {
  width: calc(50% - 20px);
}
.p-pageCaseSingleUpperDetal {
  width: calc(50% - 20px);
}
.p-pageCaseSingleUpperInfo {
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.p-pageCaseSingleUpperInfo__title {
  background: #68bd29;
  color: #FFF;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  padding: 10px 20px 9px;
  border-radius: 10px 10px 0 0;
}
.p-pageCaseSingleUpperInfoFrame {
  border: #68bd29 2px solid;
  padding: 20px;
}
.p-pageCaseSingleUpperInfoItem {
}
.p-pageCaseSingleUpperInfoItem__tag {
}
.p-pageCaseSingleUpperInfoItem__txt {
}
.p-pageCaseSingleUpperInfoItem {
  display: flex;
  font-size: 18px;
  line-height: 1.6;
}
.p-pageCaseSingleUpperInfoItem:nth-of-type(n + 2) {
  margin-top: 7px;
}
.p-pageCaseSingleUpperInfoItem__tag {
  font-weight: 700;
  width: 100px;
  color: #007124;
}
.p-pageCaseSingleUpperInfoItem__txt {
  width: calc(100% - 100px);
  box-sizing: border-box;
  position: relative;
  padding: 0 0 0 15px;
}
.p-pageCaseSingleUpperInfoItem__txt:before {
  content: '';
  display: block;
  width: 10px;
  left: -8px;
  top: 13px;
  height: 1px;
  background: #d2d0c1;
  position: absolute;
}


.p-pageCaseSingleBody {
  margin-top: 100px;
}
.p-pageCaseSingleOther {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageCaseSingle {
  }
  .p-pageCaseSingleUpper {
    display: flex;
    justify-content: space-between;
  }
  .p-pageCaseSingleUpper__img {
    width: calc(50% - 10px);
  }
  .p-pageCaseSingleUpperDetal {
    width: calc(50% - 10px);
  }
  .p-pageCaseSingleUpperInfo__title {
    font-size: 18px;
    padding: 10px 20px 9px;
    border-radius: 7px 7px 0 0;
  }
  .p-pageCaseSingleUpperInfoFrame {
    border: #68bd29 2px solid;
    padding: 15px;
  }
  .p-pageCaseSingleUpperInfoItem {
    font-size: 16px;
    line-height: 1.6;
  }
  .p-pageCaseSingleUpperInfoItem:nth-of-type(n + 2) {
    margin-top: 7px;
  }
  .p-pageCaseSingleUpperInfoItem__tag {
    width: 85px;
  }
  .p-pageCaseSingleUpperInfoItem__txt {
    width: calc(100% - 85px);
    padding: 0 0 0 10px;
  }
  .p-pageCaseSingleUpperInfoItem__txt:before {
    width: 10px;
    left: -8px;
    top: 13px;
    height: 1px;
  }


  .p-pageCaseSingleBody {
    margin-top: 50px;
  }
  .p-pageCaseSingleOther {
    margin-top: 50px;
  }
}
@media screen and (max-width: 650px) {
  .p-pageCaseSingleUpper {
    display: block;
  }
  .p-pageCaseSingleUpper__img {
    width: 100%;
  }
  .p-pageCaseSingleUpperDetal {
    width: 100%;
    margin-top: 30px;
  }
}





.p-pageProductIntro {
  margin-bottom: 100px;
  text-align: left;
}
.p-pageProductArchiveSearch {
  background: #fbfaf1;
  margin-bottom: 100px;
}
.p-pageProductArchiveList {
  
}
.p-pageProductArchiveListItem + .p-pageProductArchiveListItem {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageProductIntro {
    margin-bottom: 60px;
  }
  .p-pageProductArchiveSearch {
    margin-bottom: 60px;
  }
  .p-pageProductArchiveList {

  }
  .p-pageProductArchiveListItem + .p-pageProductArchiveListItem {
    margin-top: 60px;
  }
}

.p-pageProductSingle {
}
.p-pageProductSingleUpper {
  display: flex;
  justify-content: space-between;
}
.p-pageProductSingleUpper__img {
  width: calc(50% - 20px);
}
.p-pageProductSingleUpperDetal {
  width: calc(50% - 20px);
}
.p-pageProductSingleFeature {
  text-align: left;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.p-pageProductSingleFeature__title {
  background: #68bd29;
  color: #FFF;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  padding: 10px 20px 9px;
  border-radius: 10px 10px 0 0;
}
.p-pageProductSingleFeatureFrame {
  border: #68bd29 2px solid;
  padding: 20px;
}
.p-pageProductSingleFeatureList {
  
}
.p-pageProductSingleFeatureList li {
  text-align: left;
  font-size: 18px;
  line-height: 1.5;
  position: relative;
  padding: 0 0 0 40px;
}
.p-pageProductSingleFeatureList li:nth-of-type(n + 2) {
  margin-top: 15px;
}
.p-pageProductSingleFeatureList li:before {
  content: '';
  background: url("../images/common/icon-check.png") no-repeat center;
  background-size: contain;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 1px;
  left: 0;
}


.p-pageProductSingleBody {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageProductSingle {
  }
  .p-pageProductSingleUpper {
  }
  .p-pageProductSingleUpper__img {
    width: calc(50% - 10px);
  }
  .p-pageProductSingleUpperDetal {
    width: calc(50% - 10px);
  }
  .p-pageProductSingleFeature__title {
    font-size: 18px;
    padding: 10px 20px 9px;
    border-radius: 7px 7px 0 0;
  }
  .p-pageProductSingleFeatureFrame {
    border: #68bd29 2px solid;
    padding: 15px;
  }
  .p-pageProductSingleFeatureList {

  }
  .p-pageProductSingleFeatureList li {
    font-size: 16px;
    padding: 0 0 0 32px;
  }
  .p-pageProductSingleFeatureList li:nth-of-type(n + 2) {
    margin-top: 12px;
  }
  .p-pageProductSingleFeatureList li:before {
    width: 24px;
    height: 24px;
    top: 1px;
  }


  .p-pageProductSingleBody {
    margin-top: 50px;
  }
}
@media screen and (max-width: 650px) {
  .p-pageProductSingleUpper {
    display: block;
  }
  .p-pageProductSingleUpper__img {
    width: 100%;
  }
  .p-pageProductSingleUpperDetal {
    width: 100%;
    margin-top: 30px;
  }
}


.p-pageIssuesIntro {
  text-align: left;
}
.p-pageIssuesArchive {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-pageIssuesArchive {
    margin-top: 50px;
  }
}

.p-pageIssuesSingleIntro {
  text-align: left;
}
.p-pageIssuesSingleMenu {
  text-align: left;
  background: #fbfaf1;
  padding: 70px 0;
  position: relative;
  margin-bottom: 150px;
  margin-top: 70px;
}
.p-pageIssuesSingleMenu:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -110px;
  background: url("../images/common/icon-arrow02.png") no-repeat center;
  background-size: 100% 100%;
  width: 400px;
  height: 60px;
}
.p-pageIssuesSingleMenuList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-pageIssuesSingleMenuList li {
  display: flex;
  width: calc(33.33% - 13.33px);
  margin-left: 20px;
}
.p-pageIssuesSingleMenuList li:nth-of-type(3n + 1) {
  margin-left: 0;
}
.p-pageIssuesSingleMenuList li:nth-of-type(n + 4) {
  margin-top: 20px;
}
.p-pageIssuesSingleMenuList li a {
  display: flex;
  align-items: center;
  width: 100%;
  background: #FFF;
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  min-height: 76px;
  box-sizing: border-box;
  padding: 10px 30px 10px 15px;
  border: #c0bea5 2px solid;
  border-radius: 10px;
}
.p-pageIssuesSingleMenuList li a:before {
  content: '';
  background: url("../images/common/icon-arrow01.png") no-repeat center;
  background-size: contain;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
}

.p-pageIssuesSingleContents {
  
}
.p-pageIssuesSingleContent {
  text-align: left;
}
.p-pageIssuesSingleContent:nth-of-type(n + 2) {
  margin-top: 80px;
}
.p-pageIssuesSingleContentFrame {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-pageIssuesSingleContent__img {
  width: calc(50% - 20px);
}
.p-pageIssuesSingleContent__img + .c-txt {
  width: calc(50% - 20px);
}
.p-pageIssuesSingleContent__img + .p-pageIssuesSingleContent__img + .c-txt {
  width: 100%;
  margin-top: 20px;
}

.p-pageIssuesSingleTechnology {
  margin-top: 100px;
}
.p-pageIssuesSingleTechnology .c-txt {
  text-align: left;
  margin-bottom: 40px;
}
.p-pageIssuesSingleCase {
  margin-top: 100px;
}
.p-pageIssuesSingleBody {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageIssuesSingleIntro {
  }
  .p-pageIssuesSingleMenu {
    padding: 50px 0;
    margin-bottom: 100px;
    margin-top: 50px;
  }
  .p-pageIssuesSingleMenu:before {
    bottom: -70px;
    width: 200px;
    height: 40px;
  }
  .p-pageIssuesSingleMenuList {
  }
  .p-pageIssuesSingleMenuList li {
    width: calc(50% - 8px);
    margin-left: 16px;
  }
  .p-pageIssuesSingleMenuList li:nth-of-type(3n + 1) {
    margin-left: 16px;
  }
  .p-pageIssuesSingleMenuList li:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .p-pageIssuesSingleMenuList li:nth-of-type(n + 3) {
    margin-top: 16px;
  }
  .p-pageIssuesSingleMenuList li a {
    font-size: 16px;
    min-height: 70px;
    padding: 10px 22px 10px 13px;
    border-radius: 7px;
  }
  .p-pageIssuesSingleMenuList li a:before {
    width: 12px;
    height: 12px;
    right: 7px;
  }

  .p-pageIssuesSingleContent:nth-of-type(n + 2) {
    margin-top: 60px;
  }
  .p-pageIssuesSingleContentFrame {
  }
  .p-pageIssuesSingleContent__img {
    width: calc(50% - 10px);
  }
  .p-pageIssuesSingleContent__img + .c-txt {
    width: calc(50% - 10px);
  }
  .p-pageIssuesSingleContent__img + .p-pageIssuesSingleContent__img + .c-txt {
    width: 100%;
    margin-top: 20px;
  }

  .p-pageIssuesSingleTechnology {
    margin-top: 60px;
  }
  .p-pageIssuesSingleTechnology .c-txt {
    margin-bottom: 30px;
  }
  .p-pageIssuesSingleCase {
    margin-top: 60px;
  }
  .p-pageIssuesSingleBody {
    margin-top: 60px;
  }
}
@media screen and (max-width: 500px) {
  .p-pageIssuesSingleMenuList li {
    width: 100%;
    margin-left: 0px;
  }
  .p-pageIssuesSingleMenuList li:nth-of-type(3n + 1) {
    margin-left: 0px;
  }
  .p-pageIssuesSingleMenuList li:nth-of-type(2n + 1) {
    margin-left: 0;
  }
  .p-pageIssuesSingleMenuList li:nth-of-type(n + 2) {
    margin-top: 10px;
  }
  .p-pageIssuesSingleContent__img {
    width: 100%;
  }
  .p-pageIssuesSingleContent__img + .p-pageIssuesSingleContent__img {
    margin-top: 10px;
  }
  .p-pageIssuesSingleContent__img + .c-txt {
    width: 100%;
    margin-top: 20px;
  }
  .p-pageIssuesSingleContent__img + .p-pageIssuesSingleContent__img + .c-txt {
    width: 100%;
    margin-top: 20px;
  }
}


.p-pageLearnIntro {
  margin-bottom: 100px;
  text-align: left;
}
.p-pageLearnArchiveSearch {
  background: #fbfaf1;
  margin-bottom: 100px;
}
.p-pageLearnArchiveSearch {
  
}
@media screen and (max-width: 768px) {
  .p-pageLearnIntro {
    margin-bottom: 60px;
  }
  .p-pageLearnArchiveSearch {
    margin-bottom: 60px;
  }
  .p-pageLearnArchiveSearch {

  }
}


.p-pageLearnSingle .c-category {
  margin-bottom: 15px;
}
.p-pageLearnSingleBody {
  margin-top: 70px;
}
.p-pageLearnSingleOther {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .p-pageLearnSingle .c-category {
    margin-bottom: 10px;
  }
  .p-pageLearnSingleBody {
    margin-top: 50px;
  }
  .p-pageLearnSingleOther {
    margin-top: 60px;
  }
}

.p-pageDownloadIntro {
  margin-bottom: 100px;
  text-align: left;
}
.p-pageDownloadSearch {
  background: #fbfaf1;
  margin-bottom: 100px;
}
.p-pageDownloadArchive {
  
}
.p-pageDownloadArchiveItem {
  
}
.p-pageDownloadArchiveItem:nth-of-type(n + 2) {
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  .p-pageDownloadIntro {
    margin-bottom: 50px;
  }
  .p-pageDownloadSearch {
    margin-bottom: 50px;
  }
  .p-pageDownloadArchiveItem:nth-of-type(n + 2) {
    margin-top: 50px;
  }
}

.p-pageDownloadSingleDetail {
  text-align: left;
}
.p-pageDownloadSingleForm {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .p-pageDownloadSingleForm {
    margin-top: 50px;
  }
}


.p-pageContactIntro {
  text-align: left;
}
.p-pageContactForm {
  margin-top: 70px;
}

.p-pageContactThanks .c-txt {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-pageContactForm {
    margin-top: 50px;
  }
}



.u-dp--ib {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .u-spOnly {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .u-pcOnly {
    display: none;
  }
}
