@charset "utf-8";

.second-view a {
  color: #616df3;
  border-bottom: solid 1px #616df3;
}

.ip-item {
  max-width: 90%;
  padding: 20px;
  line-height: 20px;
}

.ip-item h3 {
  background-color: #aaeafd;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  box-shadow: 0px 0px 0px 10px #aaeafd;
  border-radius: 10px 0px 0px 10px;
  padding: 5px 8px;
  margin-bottom: 20px;
}

.ip-item h3 span {
  color: #ffffff;
  margin-right: 10px;
}

.ip-item-inner {
  margin-left: 20px;
  line-height: 30px;
}

.ip-item-inner p {
  margin-left: 20px;
  margin-top: 10px;
}

.ip-item-inner-2 {
  display: flex;
  align-items: center;
  margin-left: 30px;
}

.ip-item-inner-2 p {
  background-color: #fdaad6;
  position: relative;
  box-shadow: 0px 0px 0px 10px #fdaad6;
  border-radius: 10px;
  padding: 5px 15px;
  margin-left: 10px;
  max-width: 360px;
}

.ip-item-inner-2 p::after {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  border-right: 15px solid #fdaad6;
  top: 50%;
  left: -35px;
  margin-top: -15px;
}

.ip-item-inner-3 {
  background-color: #ffffff;
  border: solid 2px #3f9cf3;
  border-radius: 10px;
  margin-left: 40px;
  margin-top: 20px;
  padding: 5px 10px;
  max-width: 700px;
  color: #1c8bf3;
  font-weight: bold;
}

.ip-item-inner-4 {
  font-size: 25px;
  border: solid 2px #000000;
  max-width: 500px;
  height: 50px;
  text-align: center;
  padding-top: 10px;
  margin-left: 30px;
}

.ip-item-inner-4 sup {
  font-size: 15px;
}

.ip-item-inner-5 {
  margin-left: 100px;
}

.ip-item-inner-5 p {
  background-color: #fdaad6;
  position: relative;
  width: 150px;
  margin-right: 30px;
  margin-top: 25px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 0px 10px #fdaad6;
  border-radius: 10px;
  padding: 5px 8px;
  line-height: 30px;
}


.ip-item-inner-5 p::after {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  border-bottom: 15px solid #fdaad6;
  right: 50%;
  top: -20px;
  margin-top: -15px;
}

.ip-item-second h4 {
  background-color: #84b3f8;
  font-family: 'Montserrat', sans-serif;
  position: relative;
  width: 70px;
  box-shadow: 0px 0px 0px 3px #84b3f8;
  margin: 15px 0 15px 30px;
}

.ip-item-inner span {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  font-size: 18px;
}

/*　表の設定はこの辺りから　*/
.ip-item-table {
  max-width: 520px;
  margin: 10px auto 10px 40px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  display: grid;
  grid-template-rows: 40px 40px;
  grid-template-columns: 130px 130px 130px 130px;
}

.ip-table-1 {
  background-color: #cce9fa;
  grid-row: 1/2;
  grid-column: 1/2;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: dashed 2px #3f9cf3;
}

.ip-table-2 {
  background-color: #cce9fa;
  grid-row: 1/2;
  grid-column: 2/3;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: solid 3px #000000;
}

.ip-table-3 {
  background-color: #f5facc;
  grid-row: 1/2;
  grid-column: 3/4;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: dashed 2px #f5d531;
}

.ip-table-4 {
  background-color: #f5facc;
  grid-row: 1/2;
  grid-column: 4/5;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
}

.ip-table-nw {
  background-color: #cce9fa;
  grid-row: 2/3;
  grid-column: 1/3;
  padding-top: 8px;
  border-top: solid 2px #3f9cf3;
  border-right: solid 3px #000000;
}

.ip-table-ho {
  background-color: #f5facc;
  grid-row: 2/2;
  grid-column: 3/5;
  padding-top: 8px;
  border-top: solid 2px #f5d531;
}

.ip-table-a1 {
  background-color: #cce9fa;
  grid-row: 1/2;
  grid-column: 1/2;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: solid 3px #000000;
}

.ip-table-a2 {
  background-color: #f5facc;
  grid-row: 1/2;
  grid-column: 2/3;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: dashed 2px #f5d531;
}

.ip-table-a3 {
  background-color: #f5facc;
  grid-row: 1/2;
  grid-column: 3/4;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: dashed 2px #f5d531;
}

.ip-table-a4 {
  background-color: #f5facc;
  grid-row: 1/2;
  grid-column: 4/5;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
}

.ip-table-anw {
  background-color: #cce9fa;
  grid-row: 2/3;
  grid-column: 1/2;
  padding-top: 8px;
  border-top: solid 2px #3f9cf3;
  border-right: solid 3px #000000;
  font-size: 15px;
}

.ip-table-aho {
  background-color: #f5facc;
  grid-row: 2/2;
  grid-column: 2/5;
  padding-top: 8px;
  border-top: solid 2px #f5d531;
}

.ip-table-c1 {
  background-color: #cce9fa;
  grid-row: 1/2;
  grid-column: 1/2;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: dashed 2px #3f9cf3;
}

.ip-table-c2 {
  background-color: #cce9fa;
  grid-row: 1/2;
  grid-column: 2/3;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: dashed 2px #3f9cf3;
}

.ip-table-c3 {
  background-color: #cce9fa;
  grid-row: 1/2;
  grid-column: 3/4;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
  border-right: solid 3px #000000;
}

.ip-table-c4 {
  background-color: #f5facc;
  grid-row: 1/2;
  grid-column: 4/5;
  font-family:'Montserrat', sans-serif;
  padding-top: 8px;
}

.ip-table-cnw {
  background-color: #cce9fa;
  grid-row: 2/3;
  grid-column: 1/4;
  padding-top: 8px;
  border-top: solid 2px #3f9cf3;
  border-right: solid 3px #000000;
}

.ip-table-cho {
  background-color: #f5facc;
  grid-row: 2/2;
  grid-column: 4/5;
  padding-top: 8px;
  border-top: solid 2px #f5d531;
}
/* 表の設定　ここまで*/

@media (max-width: 800px) {
  .ip-item {
    max-width: 100%;
    padding: 15px;
  }

  .ip-item-inner {
    margin-left: 0;
  }

  .ip-item-inner p {
    margin-left: 0;
    line-height: 20px;
  }

  .ip-item-inner-2 {
    display: block;
    max-width: 320px;
    margin-bottom: 20px;
  }

  .ip-item-inner-2 p {
    max-width: 300px;
    margin-left: 0;
  }

  .ip-item-inner-2 p::after {
  position: absolute;
  content: '';
  border: 15px solid transparent;
  border-bottom: 15px solid #fdaad6;
  top: -10%;
  left: 35px;
}

  .ip-item-table {
    margin-left: 0;
    max-width: 100%;
    font-size: 13px;
    grid-template-rows: 30px 30px;
    grid-template-columns: 87px 87px 87px 87px;
  }

  .ip-table-anw {
    font-size: 10px;
  }

  .ip-item-inner-3 {
    margin-left: 0;
    font-family: 'Montserrat';
  }

  .ip-item-inner-4 {
    font-size: 18px;
    margin-left: 10px;
    margin-top: 10px;
  }

  .ip-item-inner-4 sup {
    font-size: 11px;
  }

  .ip-item-second h4 {
    margin-left: 8px;
    margin-top: 20px;
  }

}