@charset "utf-8";
/* CSS Document */

/*PC*/
@media print, screen and (min-width: 769px) {
.hedImg_in::after {
  content: '';
  display: inline-block;
  width: 70%;
  height: 180px;
  background: url("../images/product/hed_img.jpg")  center center no-repeat;
  background-size: cover;
  margin-top: 20px;
}

.comBtn03, .comBtn04 {
    margin-top: 60px;
}
#contents p {
    line-height: 1.8;
}

/* index
--------------------------------------------*/
.pdBoxWrap {
margin-top: 40px;
}
.pdBox {
padding: 40px;
background: -webkit-gradient(linear, right top, left top, from(#C6F1FF), to(#F4FFE8));
background: linear-gradient(-90deg, #C6F1FF, #F4FFE8);
border-radius: 20px;
}
.pdBox:nth-child(n+2) {
margin-top: 40px;
}
.pdList{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.pdList li {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
margin-right: 5%;
}
.pdList li:nth-child(3n) {
margin-right: 0;
}
.pdList li:nth-child(n+4) {
margin-top: 30px;
}


.pdList2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 0 60px;
}

.pdList2 li {
-ms-flex-preferred-size: 47.5%;
flex-basis: 47.5%;
margin-right: 5%;
}
.pdList2 li:nth-child(2n) {
margin-right: 0;
}


.pdBox_ttl p {
font-size: 1.6rem;
color: #008CA7;
margin-bottom: 15px;
}

.pdList_img {
position: relative;
z-index: 1;
}
.pdList_txt p {
margin-top: 10px;
}
.pdList_txt p span {
font-weight: 600;
}
.pdList_img::before {
position: absolute;
width: 100%;
height: 100%;
background: -webkit-repeating-linear-gradient(-45deg,#0ECC8A 0,#0ECC8A 5px,transparent 5px,transparent 10px);
background: -o-repeating-linear-gradient(-45deg,#0ECC8A 0,#0ECC8A 5px,transparent 5px,transparent 10px);
background: repeating-linear-gradient(-45deg,#0ECC8A 0,#0ECC8A 5px,transparent 5px,transparent 10px);
content: "";
display: block;
left: 5px;
top: 5px;
z-index: -1;
}

}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {
.hedImg_in::after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100px;
  background: url("../images/product/hed_img.jpg")  center center no-repeat;
  background-size: cover;
  margin-top: 10px;
}

.comBtn03, .comBtn04 {
    margin-top: 40px;
}

/* index
--------------------------------------------*/
.pdBoxWrap {
margin-top: 30px;
}
.pdBox {
padding: 20px;
background: -webkit-gradient(linear, right top, left top, from(#C6F1FF), to(#F4FFE8));
background: linear-gradient(-90deg, #C6F1FF, #F4FFE8);
border-radius: 20px;
}
.pdBox:nth-child(n+2) {
margin-top: 40px;
}
.pdList{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.pdList li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-right: 4%;
}
.pdList li:nth-child(2n) {
margin-right: 0;
}
.pdList li:nth-child(n+3) {
margin-top: 30px;
}

.pdList,
.pdList2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto 40px;
}

.pdList2 li {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-right: 4%;
}
.pdList2 li:nth-child(2n) {
margin-right: 0;
}

.pdBox_ttl p {
font-size: 1.5rem;
color: #008CA7;
margin-bottom: 15px;
}

.pdList_img {
position: relative;
z-index: 1;
}
.pdList_txt p {
margin-top: 10px;
}
.pdList_txt p span {
font-weight: 600;
}
.pdList_img::before {
position: absolute;
width: 100%;
height: 100%;
background: -webkit-repeating-linear-gradient(-45deg,#0ECC8A 0,#0ECC8A 5px,transparent 5px,transparent 10px);
background: -o-repeating-linear-gradient(-45deg,#0ECC8A 0,#0ECC8A 5px,transparent 5px,transparent 10px);
background: repeating-linear-gradient(-45deg,#0ECC8A 0,#0ECC8A 5px,transparent 5px,transparent 10px);
content: "";
display: block;
left: 3px;
top: 3px;
z-index: -1;
}









}