.name{
  font-size: 1.5em;
  font-weight: bold;
}
.pntc{
  font-weight: bold;
}
.desc{
  font-size: 85%;
  margin-bottom: 42px;
  border-top: 1px solid gray;
}
.desc-2{
  font-size: 85%;
  background-color: #99abcd08;

}
.come1{
  margin-bottom: 60px;
}
.insertimg5 img{
  width:80%;
  border: solid 1px #4bf;
}
.prfimg{
  float:right;
  box-shadow: 0 0 3px;
}
.page-css-container{
  display: block;
  width: 100%;
  justify-content: space-around;
  margin: 0 auto;
}
.page-css-col{
  display: block;
  width: 85%;
  text-align: center;
  font-size: 85%;
  margin: 0 auto;
}
.page-css-contents1{
  width: 100%;
  margin: 0 auto;
}
.page-css-contents2{
  width: 100%;
  border-radius: 0 10px;
  background-color: #bf4;
}
.page-css-contents3{
  font-size: 85%;
  text-align: left;
  background-color:aliceblue;
  width: 98%;
  margin: 0 auto;
  padding: 2px;
}
details{
  padding: 2px;
}

#modal-container2 {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, .6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
#moda-con2 {
  display:flex;
  width: 100vw;
  margin-top:50px;
  justify-content: center;
  align-items: center;
}
#moda-con2 img {
width:85vw;
}
img.popuplarger {
  cursor: pointer;
}



/* CSS（タブレット用） */
@media screen and (min-width: 479px) {
  .come1{
    margin:5px 10%;
  }
  .prof{
    width: 80%;
    margin: 10%;
  }
  .page-css-container{
    width: 80%;
  }
  .page-css-col{
    display: block;
    width: 48%;
  }
  
}

/* CSS（PC用） */
@media screen and (min-width: 769px) {
  #desc-2{
    padding: 5px 3px;
  }
  .come1{
    margin:5px 10%;
  }
  .prof{
    width: 80%;
    margin: 10%;
  }
  .page-css-container{
    width: 80%;
  }
  .page-css-col{
    display: block;
    width: 48%;
  }
  .page-css-col img{
    width: 100%;
  }
}