@font-face {
  font-family: "URW DIN";
  src: local("URW DIN Bold"), local("URW-DIN-Bold"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-Bold.woff2") format("woff2"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-Bold.woff") format("woff"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "URW DIN";
  src: local("URW DIN Light"), local("URW-DIN-Light"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-Light.woff2") format("woff2"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-Light.woff") format("woff"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "URW DIN";
  src: local("URW DIN Extra Light"), local("URW-DIN-Extra-Light"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-XLight.woff2") format("woff2"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-XLight.woff") format("woff"), url("https://brand.healthcare.omron.com/koishi/access/css/fonts/URWDIN-XLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  background-color: #003153;
}
body .terms {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #003153;
  display: none;
  z-index: 300;
}
body .terms .table {
  display: table;
  width: 100vw;
  height: 100vh;
}
body .terms .table .row {
  display: table-row;
  width: 100vw;
  height: 100vh;
}
body .terms .table .row .cell-100 {
  display: table-cell;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  vertical-align: middle;
}
body .terms .table .row .cell-100 .text-container {
  margin: 0 8.3vw;
}
body .terms .table .row .cell-100 .text-container .label {
  font-family: URW DIN;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: #00eaff;
}
body .terms .table .row .cell-100 .text-container .desc {
  font-family: URW DIN;
  font-weight: 300;
  font-size: 30px;
  line-height: 45px;
  color: white;
}
body .terms .terms-close {
  cursor: pointer;
  position: absolute;
  width: 45px;
  height: 45px;
  top: 60px;
  right: 60px;
  z-index: 1;
}
body section {
  width: 100vw;
  max-width: 100vw;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}
body section .table {
  display: table;
  width: 100vw;
  height: 100vh;
}
body section .table.mobile {
  display: none;
}
@media (max-aspect-ratio: 1/1) {
  body section .table.pc {
    display: none;
  }
  body section .table.mobile {
    display: table;
  }
}
body section .table .row {
  display: table-row;
  width: 100vw;
  height: 100vh;
}
body section .table .row .cell-50 {
  display: table-cell;
  width: 50vw;
  max-width: 50vw;
  height: 100vh;
  max-height: 100vh;
  vertical-align: middle;
}
body section .table .row .cell-50 .text-container.left {
  margin-left: 8.3vw;
  margin-right: 2vw;
}
body section .table .row .cell-50 .text-container.right {
  margin-right: 8.3vw;
  margin-left: 2vw;
}
body section .table .row .cell-50 .text-container .label {
  font-family: URW DIN;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: #00eaff;
}
body section .table .row .cell-50 .text-container .sub-title {
  font-family: URW DIN;
  font-weight: 700;
  font-size: 1.5625vw;
  line-height: 2.34375vw;
  margin-top: 1.5vw;
  margin-bottom: 1.5vw;
  color: white;
}
body section .table .row .cell-50 .text-container .title {
  font-family: URW DIN;
  font-weight: 200;
  font-size: 80px;
  line-height: 96px;
  margin-top: 25px;
  margin-bottom: 25px;
  margin-top: 1.3020833vw;
  margin-bottom: 1.3020833vw;
}
body section .table .row .cell-50 .text-container .desc {
  font-family: URW DIN;
  font-weight: 300;
  font-size: 30px;
  line-height: 45px;
}
body section .table .row .cell-50 .next {
  cursor: pointer;
  position: absolute;
  margin: 0 8.3vw;
  bottom: 80px;
  bottom: 4.16vw;
}
body section .table .row .cell-50 .next .next-text {
  display: block;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 16px;
  line-height: 25.6712px;
  color: #ff7474;
  float: right;
}
body section .table .row .cell-50 .next .next-img {
  width: 26px;
  display: block;
  margin-right: 15px;
  float: left;
}
@media screen and (max-width: 1280px) {
  body section .table .row .cell-50 .next {
    bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body section .table .row .cell-50 .next {
    bottom: 40px;
  }
}
body section .table .row .cell-100 {
  display: table-cell;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  vertical-align: top;
}
body section .table .row .cell-100 .center-img {
  display: block;
  width: 83.4vw;
  height: 83.4vw;
  margin: 8.3vw;
}
body section .table .row .cell-100 .text-container {
  margin: 0 8.3vw;
}
body section .table .row .cell-100 .text-container .label {
  font-family: URW DIN;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: #00eaff;
}
body section .table .row .cell-100 .text-container .sub-title {
  font-family: URW DIN;
  font-weight: 700;
  font-size: max(1.5625vw, 15px);
  line-height: max(2.34375vw, 20px);
  margin-top: max(1.5vw, 20px);
  margin-bottom: max(1.5vw, 20px);
  color: white;
}
body section .table .row .cell-100 .text-container .title {
  font-family: URW DIN;
  font-weight: 200;
  font-size: 80px;
  line-height: 96px;
}
body section .table .row .cell-100 .text-container .desc {
  font-family: URW DIN;
  font-weight: 300;
  font-size: 30px;
  line-height: 45px;
}
body section .table .row .cell-100 .next {
  cursor: pointer;
  margin: 4.15vw;
  text-align: center;
}
body section .table .row .cell-100 .next .next-text {
  display: block;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 16px;
  line-height: 25.6712px;
  color: #ff7474;
}
body section .table .row .cell-100 .next .next-img {
  width: 26px;
  display: block;
  margin: 0.78125vw auto;
}
@media screen and (max-width: 1280px) {
  body section .table .row .cell-100 .next {
    bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body section .table .row .cell-100 .next {
    bottom: 40px;
  }
}
body section#block-7 {
  background-color: #003153;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-7 {
    overflow-y: auto;
  }
}
body section#block-7 #block-7-img, body section#block-7 .block-7-img-background {
  background-color: #306f8f;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 41.4vw;
  height: 41.4vw;
  margin: 0 auto;
  -webkit-mask: url("../img/mask_koishi2.svg");
          mask: url("../img/mask_koishi2.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
body section#block-7 #block-7-img {
  transition: opacity 0.2s ease-out;
  background-image: url(https://brand.healthcare.omron.com/koishi/access/img/section-7-img1.png);
}
body section#block-7 .next {
  cursor: pointer;
  display: block;
  height: 25.5px;
  position: absolute;
  bottom: 80px;
}
@media screen and (max-width: 1280px) {
  body section#block-7 .next {
    bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body section#block-7 .next {
    bottom: 40px;
  }
}
body section#block-7 .text-container {
  margin-right: 8.3vw;
  margin-left: 8.3vw;
}
body section#block-7 .text-container .title {
  font-size: 60px;
  line-height: 72px;
  font-size: 3.125vw;
  line-height: 3.75vw;
  color: #00eaff;
}
body section#block-7 .text-container .label {
  font-size: 21px;
  line-height: 32px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: white;
  margin-top: 0;
}
body section#block-7 .text-container .desc {
  font-size: 30px;
  line-height: 45px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: white;
}
body section#block-7 .text-container .error {
  font-family: URW DIN;
  font-size: 21px;
  line-height: 32px;
  font-size: max(0.9375vw, 13px);
  line-height: max(0.98958333vw, 15px);
  font-weight: 300;
  color: #ff7474;
  margin-bottom: 0;
}
body section#block-7 .text-container input.password {
  background-color: #003153;
  padding: 0;
  border: 1px solid white;
  padding:8px 5px;
  width: 10.26041666vw;
  text-align: center;
  color: white;
  font-family: URW DIN;
  font-weight: 300;
  font-size: 18px;
  line-height: 19px;
  height: 18px;
  font-size: max(0.9375vw, 13px);
  /*line-height: max(0.98958333vw, 15px);*/
  margin-top: 10px;
  outline: 0;
}
body section#block-7 .text-container input.password::-moz-placeholder {
  color: white;
  font-family: URW DIN;
  font-weight: 300;
  font-size: 18px;
  line-height: 19px;
  font-size: max(0.9375vw, 13px);
  line-height: max(0.98958333vw, 15px);
}
body section#block-7 .text-container input.password:-ms-input-placeholder {
  color: white;
  font-family: URW DIN;
  font-weight: 300;
  font-size: 18px;
  line-height: 19px;
  font-size: max(0.9375vw, 13px);
  line-height: max(0.98958333vw, 15px);
}
body section#block-7 .text-container input.password::placeholder {
  color: white;
  font-family: URW DIN;
  font-weight: 300;
  font-size: 18px;
  line-height: 19px;
  font-size: max(0.9375vw, 13px);
  line-height: max(0.98958333vw, 15px);
}
body section#block-7 .text-container input.agree {
  width: 26px;
  height: 26px;
  background-color: #003153;
  margin: 0;
  border: 2px solid #005eb2;
  -moz-appearance: none;
       appearance: none;
  border-radius: 8px;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  float: left;
  margin-right: 15px;
}
body section#block-7 .text-container input.agree:checked:after {
  content: "";
  display: block;
  width: 4px;
  height: 10px;
  border: solid #005eb2;
  border-width: 0px 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 8px;
}
body section#block-7 .text-container .agree-text {
  color: white;
  font-family: URW DIN;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  font-size: max(0.8333vw, 13px);
  float: left;
}
body section#block-7 .text-container .agree-text.bold {
  font-weight: 700;
  color: #005eb2;
  cursor: pointer;
}
body section#block-7 .text-container button.enter {
  cursor: pointer;
  width: 5.208333vw;
  height: 2.2395833vw;
  background-color: #005eb2;
  border-radius: 0.625vw;
  border: none;
  color: white;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 16px;
  font-size: max(0.8333vw, 13px);
  margin-left: 15px;
}
body section#block-7 .text-container #koishi-button {
  width: 164px;
  cursor: pointer;
  display: block;
  margin: 30px 0;
  margin: 1.5625vw 0;
  margin-top: 60px;
  margin-top: 3.125vw;
}
body section#block-7 #download-guidelines {
  filter: invert(1);
  height: 44px;
  margin: 2vw 0;
}
body section#block-7 .back-img {
  position: absolute;
  top: 0;
  left: 0;
}
body section#block-7 .next {
  margin: 0;
}
@media screen and (max-width: 1280px) {
  body section#block-7 .next {
    bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body section#block-7 .next {
    bottom: 40px;
  }
}
body section#block-8 {
  background-color: #dfdfdf;
  transform: translateY(100vh);
  transition: transform 0.2s ease-out;
}
body section#block-8.phase-221 {
  transform: translateY(195vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-222 {
  transform: translateY(190vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-223 {
  transform: translateY(185vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-224 {
  transform: translateY(180vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-225 {
  transform: translateY(175vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-226 {
  transform: translateY(170vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-227 {
  transform: translateY(165vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-228 {
  transform: translateY(160vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-229 {
  transform: translateY(155vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-230 {
  transform: translateY(150vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-231 {
  transform: translateY(145vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-232 {
  transform: translateY(140vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-233 {
  transform: translateY(135vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-234 {
  transform: translateY(130vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-235 {
  transform: translateY(125vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-236 {
  transform: translateY(120vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-237 {
  transform: translateY(115vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-238 {
  transform: translateY(110vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-239 {
  transform: translateY(105vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-240 {
  transform: translateY(100vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-241 {
  transform: translateY(95vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-242 {
  transform: translateY(90vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-243 {
  transform: translateY(85vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-244 {
  transform: translateY(80vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-245 {
  transform: translateY(75vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-246 {
  transform: translateY(70vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-247 {
  transform: translateY(65vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-248 {
  transform: translateY(60vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-249 {
  transform: translateY(55vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-250 {
  transform: translateY(50vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-251 {
  transform: translateY(45vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-252 {
  transform: translateY(40vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-253 {
  transform: translateY(35vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-254 {
  transform: translateY(30vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-255 {
  transform: translateY(25vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-256 {
  transform: translateY(20vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-257 {
  transform: translateY(15vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-258 {
  transform: translateY(10vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-259 {
  transform: translateY(5vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-260 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-261 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-262 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-263 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-264 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-265 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-266 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-267 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-268 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-269 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-270 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-271 {
  transform: translateY(-5vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-272 {
  transform: translateY(-10vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-273 {
  transform: translateY(-15vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-274 {
  transform: translateY(-20vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-275 {
  transform: translateY(-25vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-276 {
  transform: translateY(-30vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-277 {
  transform: translateY(-35vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-278 {
  transform: translateY(-40vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-279 {
  transform: translateY(-45vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-280 {
  transform: translateY(-50vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-281 {
  transform: translateY(-55vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-282 {
  transform: translateY(-60vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-283 {
  transform: translateY(-65vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-284 {
  transform: translateY(-70vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-285 {
  transform: translateY(-75vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-286 {
  transform: translateY(-80vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-287 {
  transform: translateY(-85vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-288 {
  transform: translateY(-90vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-289 {
  transform: translateY(-95vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-290 {
  transform: translateY(-100vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-291 {
  transform: translateY(-105vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-292 {
  transform: translateY(-110vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-293 {
  transform: translateY(-115vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-294 {
  transform: translateY(-120vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-295 {
  transform: translateY(-125vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-296 {
  transform: translateY(-130vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-297 {
  transform: translateY(-135vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-298 {
  transform: translateY(-140vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-299 {
  transform: translateY(-145vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8.phase-300 {
  transform: translateY(-150vh);
  opacity: 1;
  z-index: 10;
}
body section#block-8 .text-container {
  margin-left: 8.3vw;
  margin-right: 8.3vw;
}
body section#block-8 .text-container .label {
  font-family: URW DIN;
  font-weight: 700;
  font-size: 21px;
  line-height: 32px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: black;
  margin-top: 15.83vh;
}
body section#block-8 .text-container .title {
  font-family: URW DIN;
  font-weight: 200;
  font-size: 60px;
  line-height: 72px;
  font-size: 3.125vw;
  line-height: 3.75vw;
  color: black;
}
body section#block-8 .text-container .desc {
  font-family: URW DIN;
  font-weight: 300;
  font-size: 21px;
  line-height: 32px;
  font-size: max(1.09375vw, 13px);
  line-height: max(1.66vw, 15px);
  color: black;
}
body section#block-8 .text-container #download-guidelines {
  width: 187px;
  cursor: pointer;
  display: block;
  margin: 30px 0;
  margin: 1.5625vw 0;
  margin-top: 60px;
  margin-top: 3.125vw;
}
body section#block-8 .text-container .next {
  margin: unset;
}
@media screen and (max-width: 1280px) {
  body section#block-8 .text-container .next {
    bottom: 60px;
  }
}
@media screen and (max-width: 768px) {
  body section#block-8 .text-container .next {
    bottom: 40px;
  }
}
body section#block-8 #block-8-img1 {
  background-image: url(/img/section-8-img.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 50vw;
  height: 100vh;
  margin: 0 auto;
}
body section#block-8 .table .row .cell-50.right {
  vertical-align: top;
}
body section#block-9 {
  background-color: #dfdfdf;
  transform: translateY(100vh);
  transition: transform 0.2s ease-out;
}
body section#block-9.phase-251 {
  transform: translateY(195vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-252 {
  transform: translateY(190vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-253 {
  transform: translateY(185vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-254 {
  transform: translateY(180vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-255 {
  transform: translateY(175vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-256 {
  transform: translateY(170vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-257 {
  transform: translateY(165vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-258 {
  transform: translateY(160vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-259 {
  transform: translateY(155vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-260 {
  transform: translateY(150vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-261 {
  transform: translateY(145vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-262 {
  transform: translateY(140vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-263 {
  transform: translateY(135vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-264 {
  transform: translateY(130vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-265 {
  transform: translateY(125vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-266 {
  transform: translateY(120vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-267 {
  transform: translateY(115vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-268 {
  transform: translateY(110vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-269 {
  transform: translateY(105vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-270 {
  transform: translateY(100vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-271 {
  transform: translateY(95vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-272 {
  transform: translateY(90vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-273 {
  transform: translateY(85vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-274 {
  transform: translateY(80vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-275 {
  transform: translateY(75vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-276 {
  transform: translateY(70vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-277 {
  transform: translateY(65vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-278 {
  transform: translateY(60vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-279 {
  transform: translateY(55vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-280 {
  transform: translateY(50vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-281 {
  transform: translateY(45vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-282 {
  transform: translateY(40vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-283 {
  transform: translateY(35vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-284 {
  transform: translateY(30vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-285 {
  transform: translateY(25vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-286 {
  transform: translateY(20vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-287 {
  transform: translateY(15vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-288 {
  transform: translateY(10vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-289 {
  transform: translateY(5vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-290 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
}
body section#block-9.phase-291 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-292 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-293 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-294 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-295 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-296 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-297 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-298 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-299 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-300 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-301 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-302 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-303 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-304 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-305 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-306 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-307 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-308 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-309 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-310 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-311 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-312 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-313 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-314 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-315 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-316 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-317 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-318 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-319 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-320 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-321 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-322 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-323 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-324 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-325 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-326 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-327 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-328 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-329 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-330 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-331 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-332 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-333 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-334 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-335 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-336 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-337 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-338 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-339 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-340 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-341 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-342 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-343 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-344 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-345 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-346 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-347 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-348 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-349 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-350 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-351 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-352 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-353 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-354 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-355 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-356 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-357 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-358 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-359 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-360 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-361 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-362 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-363 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-364 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-365 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-366 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-367 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-368 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-369 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-370 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-371 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-372 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-373 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-374 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-375 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-376 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-377 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-378 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-379 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-380 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-381 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-382 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-383 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-384 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-385 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-386 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-387 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-388 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-389 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-390 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-391 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-392 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-393 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-394 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-395 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-396 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-397 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-398 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-399 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9.phase-400 {
  transform: translateY(0vh);
  opacity: 1;
  z-index: 10;
  overflow-y: scroll;
}
body section#block-9 .text-container {
  font-family: URW DIN;
  font-weight: 300;
  color: black;
  position: absolute;
  left: 8.3vw;
  top: 16.66vh;
  width: 100vw;
  max-width: 16vw;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .text-container {
    position: relative;
    max-width: 83.3vw;
    top: unset;
    left: unset;
    margin: 8.3vw auto;
  }
}
body section#block-9 .text-container .title {
  font-size: 60px;
  line-height: 72px;
  color: black;
  margin: 0;
  width: 100%;
  font-family: URW DIN;
  font-weight: 300;
  color: black;
}
body section#block-9 .text-container .desc {
  font-size: 21px;
  line-height: 32px;
  color: black;
  margin: 0;
  margin-top: 2.3vw;
  width: 100%;
}
body section#block-9 .faq-container {
  position: absolute;
  top: 18.66vh;
  right: 8.3vw;
  max-width: 58.4375vw;
  padding-bottom: max(17.1775vw, 120px);
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .faq-container {
    position: relative;
    top: unset;
    margin: 0 auto;
    width: 83.3vw;
    max-width: unset;
    right: unset;
  }
}
body section#block-9 .faq-container hr {
  margin: 30px 0;
  margin: 1.5625vw 0;
  margin-top: 0px;
  border: 0;
  border-bottom: 1px solid black;
  opacity: 0.3;
}
body section#block-9 .faq-container .faq-block {
  font-family: URW DIN;
  font-weight: 300;
  color: black;
}
body section#block-9 .faq-container .faq-block .title {
  cursor: pointer;
  font-size: 30px;
  line-height: 36px;
  font-size: max(1.5625vw, 30px);
  font-size: max(1.458333vw, 28px);
  line-height: max(1.875vw, 36px);
  line-height: max(1.75vw, 34px);
  margin: 30px 30px;
  width: calc(100% - 60px);
  display: table;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .faq-container .faq-block .title {
    margin: 8.3vw 0px;
  }
}
@media screen and (max-width: 460px) {
  body section#block-9 .faq-container .faq-block .title {
    width: 100%;
  }
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .faq-container .faq-block .title {
    width: 100%;
  }
}
body section#block-9 .faq-container .faq-block .title div {
  display: table-cell;
}
body section#block-9 .faq-container .faq-block .title div.right-cell {
  width: 95px;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .faq-container .faq-block .title div.right-cell {
    width: 45px;
  }
}
body section#block-9 .faq-container .faq-block .title div.icon {
  background-image: url(https://brand.healthcare.omron.com/koishi/access/img/icon_faq_open.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center right;
}
body section#block-9 .faq-container .faq-block .desc {
  font-size: 21px;
  line-height: 32px;
  margin: 0 30px;
  overflow: hidden;
  max-height: 0px;
  transition: all 0.2s linear;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .faq-container .faq-block .desc {
    margin: 0px;
  }
}
body section#block-9 .faq-container .faq-block .desc div.right-cell {
  width: 45px;
}
body section#block-9 .faq-container .faq-block.opened .title div.icon {
  background-image: url(https://brand.healthcare.omron.com/koishi/access/img/icon_faq_close.svg);
}
body section#block-9 .faq-container .faq-block.opened .desc {
  margin-bottom: 40px;
}
body section#block-9 .footer {
  position: absolute;
  height: 90px;
  bottom: 0;
  width: 100vw;
  right: -8.3vw;
  background-color: white;
  font-family: URW DIN;
  color: black;
  font-size: max(1vw, 14px);
  line-height: max(1.5vw, 17px);
}
body section#block-9 .footer .footer-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .footer .footer-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
    text-align: center;
  }
}
body section#block-9 .footer .footer-container .left {
  font-weight: 300;
  margin-left: 8.3vw;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .footer .footer-container .left {
    margin: 0;
  }
}
body section#block-9 .footer .footer-container .left .link {
  color: #ff7474;
}
body section#block-9 .footer .footer-container .left a {
  text-decoration: none;
  white-space: nowrap;
}
body section#block-9 .footer .footer-container .right {
  font-weight: 300;
  margin-right: 8.3vw;
}
@media (max-aspect-ratio: 1/1) {
  body section#block-9 .footer .footer-container .right {
    margin: 0;
  }
}
body section#block-9 .footer .footer-container .right .nowrap {
  white-space: nowrap;
}








@media only screen and ( max-width:767px){
.table.mobile .stay-mobile{ padding:25px 0;}
	
	
}





#koishi-from .password::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  /*color: #707070 !important;*/
  font-weight:bold !important;
  opacity: 1 ; /* Firefox */
  
}

#koishi-from .password:-ms-input-placeholder { /* Internet Explorer 10-11 */
  /*color: #707070 !important;*/
  font-weight:bold !important;
}

#koishi-from .password::-ms-input-placeholder { /* Microsoft Edge */
  /*color: #707070 !important;*/
  font-weight:bold !important;
}



.koishi_guide {
	color: #fff;
	border: 1px solid #fff;
	min-width: 197px;
	height: 44px;
	display: inline-flex;
	border-radius: 10px;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-decoration: none;
	font-family: URW DIN;
	font-weight:bold;
	margin: 2vw 0;
  transition: all 1s ease;
}
.koishi_guide:hover{ background: #fff; color: #003153; }
#koishi-from{ margin-top:25px;}
body section#block-7 .text-container button.enter{  transition: all 1s ease;}
body section#block-7 .text-container .agree-text.bold:hover{ color: #fff; }
body section#block-7 .text-container button.enter:hover{ color: #005eb2; background: #fff; }

body .landscape-small {
  display: none;
  width: 100vw;
  height: 100vh;
  vertical-align: middle;
  text-align: center;
  font-family: URW DIN;
  font-weight: 300;
  font-size: max(20px, 2.777777vh);
  line-height: max(40px, 5.555555vh);
  color: white;
}

body .portrait-version {
  display: none;
}
body .portrait-version .portrait-page {
  width: 100%;
  min-height: 100vh;
  transition: transform 0.4s ease-out;
  overflow-x: hidden;
}
body .portrait-version .portrait-page .portrait-page-wrapper {
  width: 100%;
  min-height: calc(100vh - 110px);
  position: relative;
  padding-bottom: 110px;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-header {
  width: 100%;
  height: max(250px, 50vw);
  background-image: url("../img/enter_bg_full.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
  text-align: center;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-header .portrait-logo {
  height: 20px;
  margin: 0 auto;
  padding-top: 35px;
  display: block;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-header .top-line {
  width: 40px;
  height: 1px;
  margin: 30px auto 0 auto;
  background-color: white;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-header .title {
  font-family: URW DIN;
  font-weight: 300;
  font-size: 8.41vw;
  line-height: 11vw;
  color: #00EAFF;
  display: inline-block;
  margin: 20px 40px 5px 40px;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-header .title {
    font-size: 28px;
    line-height: 38px;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-header .version {
  font-family: URW DIN;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #306F8F;
  display: inline-block;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block {
  width: calc(100% - 50px);
  margin: 30px 25px;
  position: relative;
}
@media screen and (min-width: 600px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block {
    max-width: 80vw;
    margin: 30px auto;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  margin: 40px;
  display: flex;
  align-items: center;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content {
  font-family: URW DIN;
  color: white;
  width: 100%;
}
@media screen and (min-width: 601px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content {
    max-width: 470px;
    margin: 0 auto;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .text {
  font-weight: 300;
  font-size: 4.2vw;
  line-height: 6.2vw;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .text {
    font-size: 13px;
    line-height: 20px;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.password {
  background-color: white;
  padding: 0;
  border: 0;
  height: 35px;
  width: calc(100% - 100px);
  text-align: center;
  color: #9D9D9C;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 13px;
  line-height: 15px;
  border-radius: 6px;
  margin-top: 25px;
  margin-bottom: 10px;
  outline: 0;
  padding: 8px 0px;
    box-sizing: border-box;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.password {
    height: 27px;
    margin-top: 10px;
    width: 100%;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.password::-moz-placeholder {
  /*color: #9D9D9C;*/
  color: #707070;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 18px;
  line-height: 19px;
  font-size: max(0.9375vw, 15px);
  line-height: max(0.98958333vw, 20px);
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.password:-ms-input-placeholder {
  /*color: #9D9D9C;*/
  color: #707070;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 18px;
  line-height: 19px;
  font-size: max(0.9375vw, 15px);
  line-height: max(0.98958333vw, 20px);
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.password::placeholder {
  /*color: #9D9D9C;*/
  color: #707070;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 18px;
  line-height: 19px;
  font-size: max(0.9375vw, 15px);
  line-height: max(0.98958333vw, 20px);
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.agree {
  width: 26px;
  height: 26px;
  margin: 0 15px 0 0;
  border: 1px solid white;
  -moz-appearance: none;
       appearance: none;
  border-radius: 8px;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  float: left;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.agree {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin: 5px 10px 0 0;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.agree:checked {
  background-color: #306F8F;
  border: 1px solid #306F8F;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.agree:checked:after {
  content: "";
  display: block;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 9px;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content input.agree:checked:after {
    width: 3px;
    height: 8px;
    top: 1px;
    left: 5px;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content .agree-content {
  margin-top: 5px;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content .error {
  font-family: URW DIN;
  font-size: 21px;
  line-height: 32px;
  font-size: max(0.9375vw, 15px);
  line-height: max(0.98958333vw, 27px);
  font-weight: 300;
  color: #ff7474;
  margin-bottom: 0;
}
@media screen and (min-width: 601px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content .error {
    display: block;
    margin-bottom: 20px;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content .agree-text {
  color: white;
  font-family: URW DIN;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  font-size: min(3.2333vw, 16px);
  float: left;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content .agree-text {
    font-size: 13px;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content .agree-text .link {
  font-weight: 700;
  color: #005eb8;
  cursor: pointer;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content button.enter {
  cursor: pointer;
  width: max(5.208333vw, 80px);
  height: max(2.2395833vw, 35px);
  background-color: #FF7474;
  border-radius: 6px;
  border: none;
  color: white;
  font-family: URW DIN;
  font-weight: 700;
  font-size: 14px;
  font-size: max(0.8333vw, 14px);
  margin-left: 15px;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content .form-content button.enter {
    margin: 0;
    height: 27px;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content.mobile .form-content input.password {
  padding-top: 5px;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content.mobile .form-content .agree-text {
  padding-top: 2px;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-input-block .portrait-input-content-wrapper .portrait-input-content.mobile .form-content button.enter {
  padding-top: 5px;
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-info-block {
  width: calc(100% - 50px);
  margin: 30px 25px 20px 25px;
  background-image: url("../img/enter_bg_info.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}
@media screen and (min-width: 600px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-info-block {
    max-width: 80vw;
    margin: 30px auto;
  }
}
body .portrait-version .portrait-page .portrait-page-wrapper .portrait-info-block .portrait-info-content .info-text {
  font-family: URW DIN;
  font-weight: 300;
  color: white;
  display: inline-block;
  margin: 30px 40px;
  font-size: 4.2vw;
  line-height: 6.2vw;
}
@media screen and (max-width: 380px) {
  body .portrait-version .portrait-page .portrait-page-wrapper .portrait-info-block .portrait-info-content .info-text {
    font-size: 13px;
    line-height: 20px;
  }
}
body .portrait-version .portrait-download {
  width: 100%;
  height: 100px;
  background-image: url("../img/enter_bg_bottom.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
body .portrait-version .portrait-download .action-button {
  font-family: URW DIN;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  color: white;
  cursor: pointer;
  padding: 5px 8px;
  border: 1px solid white;
  border-radius: 5px;
  display: inline-block;
  margin: 47px 25px 0 0;
}
body .portrait-version .portrait-download .action-button.white {
  color: white;
  border: 1px solid white;
}
body .portrait-version .portrait-download .action-button.white a {
  text-decoration: none;
  color: white;
}
body .portrait-version .portrait-download .action-button.mobile {
  padding: 7px 8px 3px 8px;
}
body .portrait-version .portrait-terms {
  position: fixed;
  top: 0;
  left: 0;
  transition: transform 0.4s ease-out;
  transform: translate(0, -130vh);
  width: 100%;
  height: 130vh;
  background-image: url("../img/enter_bg_full.svg"), linear-gradient(#003153 60%, transparent 0);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}
body .portrait-version .portrait-terms.active {
  transition: transform 0.4s ease-out;
  transform: translate(0, 0);
}
body .portrait-version .portrait-terms .portrait-terms-content-wrapper {
  width: calc(100% - 37vw);
  height: calc(100vh - 37vw);
  margin: 18.5vw;
  font-family: URW DIN;
  color: white;
  font-size: min(4.2vw, 22px);
  line-height: min(6.2vw, 36px);
  font-weight: 300;
  position: relative;
  transition: opacity 0.4s ease-in-out;
  opacity: 0;
}
body .portrait-version .portrait-terms .portrait-terms-content-wrapper.active {
  transition: opacity 0.4s ease-in-out;
  opacity: 1;
}
body .portrait-version .portrait-terms .portrait-terms-content-wrapper .portrait-terms-content {
  height: 100%;
  overflow-y: auto;
}
body .portrait-version .portrait-terms .portrait-terms-content-wrapper .portrait-terms-content .title {
  color: #00EAFF;
  font-weight: 700;
}
body .portrait-version .portrait-terms .portrait-terms-content-wrapper .portrait_terms_close {
  width: 20px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -9vw;
  cursor: pointer;
}
@media (orientation: portrait) {
  body {
    overflow-y: unset;
    background-color: #306F8F;
  }
  body section, body .terms {
    display: none;
  }
  body .portrait-version {
    display: block;
  }
}
body.no-flow {
  overflow: hidden;
}
body.no-flow .portrait-page {
  overflow: hidden;
}

@media (orientation: landscape) and (max-height: 590px) {
  body {
    background-color: #306F8F;
  }
  body section, body .terms {
    display: none;
  }
  body .landscape-small {
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: rgba(0, 49, 83, 0.9);
  }
  body .landscape-small p {
    width: 100%;
  }
  body .portrait-version {
    display: block;
  }
}
.clear {
  clear: both;
}