@charset "UTF-8";

#nayami {
  overflow: hidden;
}

#nayami .pcView {
  position: relative;
  width: 100%;
  height: 72.153vw;
}

#redRect {
  background-color: #fff5f5;
}

#grayRect {
  background-color: #f6f6f6;
}

#nayami #nayamiJa {
  display: flex;
  justify-content: space-between;
  height: 9.16vw;
}

#nayami h3 {
  color: #cd2929;
  font-size: 2.6vw;
}

#nayami h4 {
  font-size: 1.6vw;
}

#nayami .horizontalLines {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 8.6vw;
}

#nayami .horizontalLines .line {
  background-color: black;
  width: 100%;
  height: 1.25vw;
}

#nayami #nayamiJa .horizontalLines {
  width: 30vw;
  height: 100%;
}


#nayami #nayamiJa #title {
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}

#nayami #checkListContainer {
  position: relative;
}

#nayami #checkList {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: left;
  margin: 0 15.4vw;
  padding: 3vw 0;
  height: 38vw;
  font-size: 1.8vw;
}

#nayami #nayamiBottom {
  display: flex;
  justify-content: space-between;
  height: 8.6vw;
}

#nayamiBottom .verticalLines {
  width: 17.5vw;
}

#nayami .verticalLines {
  height: 16.8vw;
  display: flex;
  justify-content: space-between;
}

#nayami .verticalLines .line {
  width: 1.25vw;
  background: black;
  height: 100%;
}

#nayamiBottom #message {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  font-size: 2vw;
}

#nayami #checkList li, #nayami #checkListSP li {
  position: relative;
}

.nayamiCheckImage {
  position: absolute;
  width: 1.9vw;
  left: -1vw;
  top: 0;
  opacity: 0;
  transition : all 1000ms;
  transition-delay: 1s;
}

.nayamiCheckImage.checked {
  opacity: 1;
}

#checkListContainer {
  top: 19.6vw;
}

#nayami #checkListSP {
  margin: 0;
  height: auto;
}

#nayami #checkListSP li {
  font-size: 6.9vw;
  margin: 7vw 3.7vw;
  padding-left: 6vw;
  background-color: #e9f6ff;
  height: 21vw;
  text-align: left;
  display: flex;
  align-items: center;
  box-shadow: 3.7vw 3.7vw 0 0 #fff5f5;
}

#nayami #checkListSP li .nayamiCheckImage {
  width: 10vw;
  height: 11vw;
  left: -1vw;
  bottom: 0;
  top: 0;
  margin: auto;
}

@media screen and (max-width: 600px) {
  #nayami .pcView {
    display: none;
  }
  #nayami .spView {
    display: block;
  }
  #nayami .verticalLines .line {
    width: 2.4vw;
  }
  #nayami .horizontalLines {
    height: 16.8vw;
  }
  #nayami .horizontalLines .line {
    height: 2.4vw;
  }
  #nayami #title h3 {
    font-size: 6.9vw;
  }
  #nayami #title h4 {
    font-size: 5.3vw;
  }
  #nayami #message {
    font-size: 6.9vw;
    text-align: left;
    width: 91vw;
    margin: 8.8vw auto;
  }
}