html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font: inherit;
  list-style: none;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote before,
blockquote after,
q before,
q after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: bottom;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input,
select {
  vertical-align: middle;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
body {
  width: 100%;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333;
}
body.overflow-y {
  overflow: hidden;
}
.breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
  box-sizing: border-box;
}
.breadcrumb ul {
  display: flex;
}
.breadcrumb ul li {
  font-size: 0.75rem;
}
.breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.breadcrumb ul li a {
  text-decoration: underline;
}
.breadcrumb ul li span {
  font-size: 0.75rem;
  line-height: 1rem;
}
@media only screen and (max-width: 767px) {
  .breadcrumb ul li span {
    font-size: 8px;
    line-height: 14px;
  }
}
a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
a:visited,
a:active,
a:hover {
  color: #333;
  text-decoration: none;
}
h1 {
  color: #333;
  text-align: center;
  font-size: 2.125rem;
  line-height: 2.875rem;
  margin: 33px 0 35px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 20px;
    line-height: 30px;
  }
}
h2 {
  color: #fff;
  text-align: center;
  font-size: 2rem;
  line-height: 2.625rem;
  background: #4066b3;
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  h2 {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
h3 {
  padding: 15px 0;
  text-align: center;
  background: #f2f2f2;
  border-bottom: 3px solid #039;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media only screen and (max-width: 1024px) {
  h3 {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  h3 {
    font-size: 19px;
    line-height: 27px;
  }
}
h3.content-title {
  border-bottom: 4px solid #039;
  background: #808080;
  text-align: center;
}
.c-select {
  display: inline-block;
  position: relative;
}
.c-select:after {
  content: '';
  background: url("/-/Media/jpz/zrh/travel/images/icons/ico_downarrow.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 12px;
  height: 8px;
  position: absolute;
  top: calc(50% - 3px);
  right: 20px;
  z-index: 1;
}
.c-select select {
  width: 291px;
  height: 63px;
  padding-left: 1.125rem;
  border: #4066b3 2px solid;
  font-size: 1rem;
  line-height: 1.875rem;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-appearance: none;
  outline: none;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .c-select select {
    width: 100%;
    height: calc(100vw * 105 / 750);
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 410px) {
  .c-select select {
    font-size: 16px;
  }
}
.c-select select.first {
  border-color: #dadada;
  color: rgba(51,51,51,0.5);
  background: rgba(246,156,0,0.08);
}
.c-select select.error {
  color: rgba(51,51,51,0.5);
  background: rgba(234,99,92,0.15);
  border-color: #ea635c;
}
.c-select select::-ms-expand {
  display: none;
}
.c-input,
.c-date {
  display: inline-block;
}
.c-input input,
.c-date input {
  width: 291px;
  height: 63px;
  padding: 1.375rem 1.125rem 1.375rem 1.125rem;
  border: #4066b3 2px solid;
  font-size: 1rem;
  border-radius: 5px;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-appearance: none;
  outline: none;
}
@media only screen and (max-width: 767px) {
  .c-input input,
  .c-date input {
    height: calc(100vw * 105 / 750);
    font-size: 1.875rem;
  }
}
@media only screen and (max-width: 410px) {
  .c-input input,
  .c-date input {
    font-size: 16px;
  }
}
.c-input input.first,
.c-date input.first {
  background: rgba(246,156,0,0.08);
  border-color: #dadada;
}
.c-input input.error,
.c-date input.error {
  color: rgba(51,51,51,0.5);
  background: rgba(234,99,92,0.15);
  border-color: #ea635c;
}
.c-input input::placeholder,
.c-date input::placeholder {
  color: rgba(51,51,51,0.5);
}
.c-input input:-ms-input-placeholder,
.c-date input:-ms-input-placeholder {
  color: rgba(51,51,51,0.5);
}
.c-input input::-ms-input-placeholder,
.c-date input::-ms-input-placeholder {
  color: rgba(51,51,51,0.5);
}
.c-date {
  position: relative;
}
.c-date + .c-date {
  margin-left: 1.25rem;
}
.c-date.no:after {
  content: '';
}
.c-date:after {
  content: url("/-/Media/jpz/zrh/travel/images/icons/ico_calendar.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  width: 18px;
  top: calc(50% - 9px);
  right: 30px;
}
@media only screen and (max-width: 767px) {
  .c-date:after {
    top: 35%;
    right: 5%;
  }
}
.c-birth {
  display: flex;
}
.c-birth .year {
  width: 150px !important;
}
@media only screen and (max-width: 767px) {
  .c-birth .year {
    width: 38% !important;
  }
}
.c-birth .month {
  width: 110px !important;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .c-birth .month {
    width: 29% !important;
    margin-left: 2%;
  }
}
.c-birth .date {
  width: 110px !important;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .c-birth .date {
    width: 29% !important;
    margin-left: 2%;
  }
}
.c-radio {
  display: flex;
  flex-wrap: wrap;
}
.c-radio input {
  display: none;
}
.c-radio input:checked + label {
  border-color: #4066b3;
  background: #4066b3;
  box-shadow: 0 3px #4066b3;
}
.c-radio input:checked + label span {
  color: #fff;
}
.c-radio input:checked + label:after {
  opacity: 1;
}
.c-radio input:checked + label:before {
  border-color: #fff;
}
.c-radio label {
  margin-top: 20px;
  height: 63px;
  width: 40%;
  max-width: 290px;
  display: inline-block;
  box-sizing: border-box;
  border: #738bbc 1px solid;
  background: #fff7eb;
  border-radius: 5px;
  box-shadow: 0 3px #738bbc;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: 0.3s;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .c-radio label {
    height: calc(100vw * 110 / 750);
  }
}
.c-radio label:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .c-radio label:first-child {
    margin-top: 0;
  }
}
.c-radio label:last-child {
  margin-right: 0;
}
.c-radio label:before {
  content: "";
  display: block;
  position: absolute;
  transition: 0.3s;
  top: 18px;
  left: 20px;
  width: 25px;
  height: 25px;
  border: 2px solid #738bbc;
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .c-radio label:before {
    top: calc(100vw * 31 / 750);
    left: calc(100vw * 30 / 750);
    width: calc(100vw * 50 / 750);
    height: calc(100vw * 50 / 750);
  }
}
.c-radio label:after {
  content: "";
  opacity: 0;
  transition: 0.3s;
  position: absolute;
  top: 25px;
  left: 27px;
  width: 11px;
  height: 11px;
  background: #4066b3;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .c-radio label:after {
    top: calc(100vw * 47 / 750);
    left: calc(100vw * 47 / 750);
    width: calc(100vw * 16 / 750);
    height: calc(100vw * 16 / 750);
  }
}
.c-radio label > div {
  display: flex;
  align-items: center;
  margin-left: 55px;
}
@media only screen and (max-width: 767px) {
  .c-radio label > div {
    margin-left: calc(100vw * 100 / 750);
  }
}
.c-radio label span {
  transition: 0.3s;
  color: #4066b3;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.8125rem;
}
@media only screen and (max-width: 767px) {
  .c-radio label span {
    font-size: 1.75rem;
    line-height: 2.5625rem;
  }
}
.c-radio label img {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .c-radio label img {
    width: calc(100vw * 40 / 750);
  }
}
@media only screen and (max-width: 767px) {
  .c-radio label img {
    margin-right: 0.9375rem;
  }
}
.c-checkbox {
  max-width: 446px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .c-checkbox {
    max-width: initial;
  }
}
.c-checkbox input {
  display: none;
}
.c-checkbox input:checked + label {
  background: #4066b3;
  color: #fff;
  border-color: #4066b3;
  box-shadow: 0 3px #4066b3;
}
.c-checkbox input:checked + label:before {
  border-color: #fff;
}
.c-checkbox input:checked + label:after {
  opacity: 1;
}
.c-checkbox label {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  background: #fff;
  color: #4066b3;
  border: 3px solid #738bbc;
  box-shadow: 0 3px #738bbc;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  font-size: 1.25rem;
  line-height: 1.8125rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .c-checkbox label {
    height: calc(100vw * 120 / 750);
    font-size: 2rem;
    line-height: 2.9375rem;
  }
}
.c-checkbox label:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-checkbox label:before {
  content: '';
  position: absolute;
  top: 22px;
  left: 29px;
  width: 22px;
  height: 22px;
  background: #fff;
  border: 2px solid #738bbc;
  box-sizing: border-box;
  border-radius: 3px;
}
@media only screen and (max-width: 767px) {
  .c-checkbox label:before {
    width: calc(100vw * 32 / 750);
    height: calc(100vw * 32 / 750);
    top: calc(100vw * 38 / 750);
    left: calc(100vw * 40 / 750);
  }
}
.c-checkbox label:after {
  content: '';
  opacity: 0;
  background: url("/-/Media/jpz/zrh/travel/images/icons/ico_check.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 27px;
  left: 33px;
  width: 15px;
  height: 11px;
}
@media only screen and (max-width: 767px) {
  .c-checkbox label:after {
    width: calc(100vw * 18 / 750);
    height: calc(100vw * 12 / 750);
    top: calc(100vw * 47 / 750);
    left: calc(100vw * 47 / 750);
  }
}
.c-errmsg {
  color: #ea635c;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: bold;
  margin-top: 0.6875rem;
}
@media only screen and (max-width: 767px) {
  .c-errmsg {
    font-size: 1.625rem;
    line-height: 3.125rem;
    margin-top: 1.25rem;
  }
}
br.c-pc-br {
  display: block;
}
@media only screen and (max-width: 1024px) {
  br.c-pc-br {
    display: none;
  }
}
br.c-md-br {
  display: none;
}
@media only screen and (max-width: 1024px) {
  br.c-md-br {
    display: block;
  }
}
br.c-sm-br {
  display: none;
}
@media only screen and (max-width: 767px) {
  br.c-sm-br {
    display: block;
  }
}
.c-link {
  display: inline-block;
}
.c-link:after {
  content: '';
  display: inline-block;
  background: url("/-/Media/jpz/zrh/travel/images/icons/ico_link.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
}
.c-headline {
  font-size: 2rem;
  line-height: 2.6875rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #4066b3;
  padding: 1.375rem 0;
}
@media only screen and (max-width: 1024px) {
  .c-headline {
    font-size: 2.25rem;
    line-height: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-headline {
    font-size: 2.5rem;
    line-height: 3.3125rem;
    padding: 2.6875rem 0;
  }
}
.c-tit {
  display: flex;
  height: 33px;
  align-items: center;
}
.c-tit:before {
  content: '';
  display: block;
  height: 33px;
  width: 6px;
  background: #4066b3;
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .c-tit:before {
    width: 0.75rem;
    height: 3.375rem;
  }
}
.c-tit h3 {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .c-tit h3 {
    font-size: 2.25rem;
    line-height: 3.375rem;
  }
}
.c-tit h4,
.c-tit p {
  font-size: 1.375rem;
  line-height: 2.0625rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .c-tit h4,
  .c-tit p {
    font-size: 2rem;
    line-height: 2.9375rem;
  }
}
.c-quest-s:before {
  content: '';
  display: block;
  background: url("/-/Media/jpz/zrh/travel/images/icons/ico_q.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 5px;
  width: 18px;
  height: 18px;
}
@media only screen and (max-width: 767px) {
  .c-quest-s:before {
    width: calc(100vw * 30 / 750);
    height: calc(100vw * 30 / 750);
    margin-right: 0.3125rem;
  }
}
.c-quest-b {
  margin-top: 17px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.c-quest-b:before {
  content: '';
  display: block;
  background: url("/-/Media/jpz/zrh/travel/images/ico_q.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .c-quest-b:before {
    width: 20px;
    height: 20px;
  }
}
.c-layer {
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
}
.c-layer.show {
  opacity: 1;
  pointer-events: auto;
}
.c-layer .box {
  background: #fff;
  max-width: 950px;
  width: 85vw;
  height: 65vh;
  padding: 2.5rem;
  position: relative;
  overflow: scroll;
}
@media only screen and (max-width: 767px) {
  .c-layer .box {
    padding: 2.5rem 20px 2.5rem;
    box-sizing: border-box;
  }
}
.c-layer .box .close-button {
  border: 3px solid #333;
  background: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
}
@media only screen and (max-width: 767px) {
  .c-layer .box .close-button {
    width: calc(100vw * 70 / 750);
    height: calc(100vw * 70 / 750);
    top: calc(100vw * -25 / 750);
    right: calc(100vw * -25 / 750);
  }
}
.c-layer .box .close-button:before,
.c-layer .box .close-button:after {
  content: '';
  position: relative;
  display: block;
  width: 2px;
  height: 20px;
  background: #333;
}
@media only screen and (max-width: 767px) {
  .c-layer .box .close-button:before,
  .c-layer .box .close-button:after {
    width: calc(100vw * 3 / 750);
    height: calc(100vw * 35 / 750);
  }
}
.c-layer .box .close-button:before {
  transform: rotate(45deg);
  left: 1px;
}
@media only screen and (max-width: 767px) {
  .c-layer .box .close-button:before {
    left: calc(100vw * 2 / 750);
  }
}
.c-layer .box .close-button:after {
  transform: rotate(-45deg);
  left: -1px;
}
@media only screen and (max-width: 767px) {
  .c-layer .box .close-button:after {
    left: calc(100vw * -2 / 750);
  }
}
.c-layer .box .button {
  width: 360px;
  height: 64px;
  margin: 10% auto 0;
  border-radius: 5px;
  border: 3px solid #738bbc;
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px #738bbc;
  cursor: pointer;
  color: #4066b3;
}
@media only screen and (max-width: 767px) {
  .c-layer .box .button {
    font-size: 16px;
    line-height: 41px;
    width: calc(100vw * 570 / 750);
    max-width: 75%;
  }
}
.c-layer .box .button:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-pagetop {
  position: fixed;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 107px;
  transition: 0.3s;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}
.c-pagetop.show {
  opacity: 1;
  pointer-events: auto;
}
@media only screen and (max-width: 767px) {
  .c-pagetop.foot {
    bottom: 135px;
  }
}
.c-pagetop a {
  width: 50px;
  height: 50px;
  display: block;
  background: rgba(218,218,218,0.92);
  border-radius: 6px;
}
.c-pagetop a:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-pagetop a:before {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 5px #fff;
  border-right: solid 5px #fff;
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 17px;
  margin-top: -0.25rem;
}
.c-btn-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 66px;
  background: #eee;
  border-radius: 4px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-btn-prev {
    width: calc(100vw * 387 / 750);
    height: calc(100vw * 88 / 750);
  }
  .c-btn-prev:before {
    left: 15px !important;
  }
}
.c-btn-prev span {
  margin-left: 14px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .c-btn-prev span {
    font-size: 1.75rem;
    line-height: 2.5625rem;
  }
}
.c-btn-prev:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-btn-prev:before {
  content: '';
  display: block;
  position: absolute;
  left: 25px;
  top: calc((100% - 12px) / 2);
  width: 7px;
  height: 12px;
  background: url("/-/Media/jpz/zrh/travel/images/icons/ico_arrow.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
.c-list {
  max-width: 950px;
  width: 92vw;
}
.c-list dl {
  display: flex;
  align-items: center;
  border-bottom: solid 2px #f2f2f2;
  padding: 1.3125rem 0;
}
@media only screen and (max-width: 767px) {
  .c-list dl {
    display: block;
    padding: 2.625rem 0;
  }
}
.c-list dl:first-child {
  padding-top: 0;
}
.c-list dl dt {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
  display: flex;
  width: 30%;
  min-width: 310px;
}
@media only screen and (max-width: 767px) {
  .c-list dl dt {
    font-size: 2rem;
    line-height: 2.6875rem;
    width: 100%;
    max-width: initial;
  }
}
.c-list dl dd {
  font-size: 1rem;
  line-height: 1.875rem;
  width: 70%;
}
@media only screen and (max-width: 767px) {
  .c-list dl dd {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-top: 1.5625rem;
    width: 100%;
  }
}
.c-button {
  border-radius: 5px;
  box-sizing: border-box;
  background: #f69c00;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: 0.3s;
  margin: 0 auto;
  width: 460px;
  height: 89px;
}
.c-button:disabled {
  background: rgba(246,156,0,0.3);
}
.c-button:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .c-button {
    max-width: 92vw;
    width: calc(100vw * 690 / 750);
    height: calc(100vw * 167 / 750);
  }
}
.c-button span {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .c-button span {
    font-size: 2rem;
    line-height: 2.9375rem;
  }
}
.c-edit-button {
  width: 178px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 2px solid #4066b3;
  border-radius: 5px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-edit-button {
    width: calc(100vw * 368 / 750);
    height: calc(100vw * 88 / 750);
  }
}
.c-edit-button:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-edit-button:disabled {
  opacity: 0.3;
}
.c-edit-button span {
  color: #4066b3;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .c-edit-button span {
    font-size: 1.625rem;
    line-height: 2.375rem;
    margin-left: 2vw;
  }
}
.c-edit-button span:before {
  content: "";
  background-image: url("/-/Media/jpz/zrh/travel/images/icons/ico_pen.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 12px;
  left: 10px;
}
@media only screen and (max-width: 767px) {
  .c-edit-button span:before {
    top: 4vw;
    left: 2vw;
    width: 5vw;
    height: 3vw;
  }
}
.c-pdf-button {
  width: 440px;
  height: 80px;
  border-radius: 115px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ff807a;
  cursor: pointer;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-pdf-button {
    max-width: 690px;
    width: 92vw;
    height: calc(100vw * 146 / 750);
    margin-top: 3.75rem;
  }
}
.c-pdf-button:hover {
  opacity: 0.8;
  transition: 0.3s;
}
.c-pdf-button span {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .c-pdf-button span {
    font-size: 2rem;
    line-height: 2.6875rem;
    display: flex;
    justify-content: center;
  }
}
.c-pdf-button span:before {
  content: "";
  background-image: url("/-/Media/jpz/zrh/travel/images/icons/ico_dl.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 25px;
  height: 20px;
  position: absolute;
  left: 10%;
}
@media only screen and (max-width: 767px) {
  .c-pdf-button span:before {
    width: 7vw;
    height: 6vw;
  }
}
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-holiday > a {
  background: #ffc0c0;
}
.ui-datepicker-calendar .day-saturday > a {
  background: #c0d0ff;
}
.ui-widget-header {
  border: none !important;
  background: #fff !important;
}
.ui-datepicker-title {
  background-color: #039;
  color: #fff;
}
.ui-datepicker .ui-datepicker-header {
  margin-top: 6px;
}
@media only screen and (max-width: 767px) {
  .ui-datepicker .ui-datepicker-header {
    margin-top: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .ui-datepicker {
    font-size: 125% !important;
  }
}
.ui-datepicker .ui-datepicker-buttonpane {
  display: flex;
  justify-content: center;
}
.ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
  border-radius: 5px;
  box-sizing: border-box;
  background: #4c79c1;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: 0.3s;
  margin: 10px 0;
  height: 40px;
  font-size: 16px;
  width: 200px;
}
@media only screen and (max-width: 767px) {
  .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close {
    width: 30%;
    min-width: 200px;
    font-size: 1.5rem;
  }
}
.ui-datepicker .ui-icon.ui-icon-circle-triangle-e,
.ui-datepicker .ui-icon.ui-icon.ui-icon-circle-triangle-w {
  transform: scale(1.5);
}
@media only screen and (max-width: 767px) {
  .ui-datepicker.ui-widget.ui-widget-content {
    width: 90%;
  }
}
.ui-datepicker .ui-datepicker-prev .ui-icon {
  background: url("/-/Media/jpz/zrh/travel/images/btn_back.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .ui-datepicker .ui-datepicker-prev span {
    margin-top: -3px !important;
  }
}
.ui-datepicker .ui-datepicker-next .ui-icon {
  background: url("/-/Media/jpz/zrh/travel/images/btn_next.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 767px) {
  .ui-datepicker .ui-datepicker-next span {
    margin-top: -3px !important;
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  .ui-datepicker .ui-datepicker-group {
    width: 100% !important;
    float: none !important;
  }
  .ui-datepicker .ui-datepicker-group-last {
    margin-top: 2.5rem !important;
  }
  .ui-datepicker .ui-datepicker-title {
    font-size: 1.875rem;
  }
  .ui-datepicker .ui-datepicker-calendar th,
  .ui-datepicker .ui-datepicker-calendar td {
    font-size: 1.875rem;
  }
  .ui-datepicker .ui-datepicker-calendar th span,
  .ui-datepicker .ui-datepicker-calendar td span,
  .ui-datepicker .ui-datepicker-calendar th a,
  .ui-datepicker .ui-datepicker-calendar td a {
    text-align: center;
    padding: 1rem 0;
  }
}
header {
  border-bottom: #4066b3 3px solid;
  padding: 15px 1.5%;
  position: fixed;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  z-index: 1000;
}
@media only screen and (max-width: 767px) {
  header {
    height: 62px;
  }
}
header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  width: 100%;
}
header .wrap .zurich {
  display: flex;
  align-items: flex-end;
}
header .wrap .zurich .logo {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  header .wrap .zurich .logo {
    width: 100px;
  }
}
header .wrap .zurich span {
  color: #039;
  font-size: 0.9375rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  header .wrap .zurich span {
    font-size: 10px;
  }
}
header .wrap .invoice {
  display: flex;
  position: absolute;
  right: 60px;
  background: #ea635c;
  padding: 15px 26px 15px 42px;
  box-sizing: border-box;
  max-width: 180px;
  width: 100%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
header .wrap .invoice:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  header .wrap .invoice {
    max-width: initial;
    width: 110px;
    padding: 13px 7px 12px 20px;
    right: 38px;
  }
}
header .wrap .invoice span {
  color: #fff;
  font-size: 0.875rem;
  line-height: 0.875rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  header .wrap .invoice span {
    font-size: 0.5rem;
  }
}
header .wrap .invoice span:before {
  content: "";
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_invoice.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 12%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  header .wrap .invoice span:before {
    width: 13px;
    height: 15px;
    position: absolute;
    left: 6px;
  }
}
header .menu {
  position: relative;
  top: -75px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  header .menu {
    top: -53px;
  }
}
header .menu #menu {
  display: none;
}
header .menu #menu:checked ~ .content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
}
header .menu #menu:checked ~ .open span {
  opacity: 0;
}
header .menu #menu:checked ~ .open:before {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
  bottom: 64px;
}
@media only screen and (max-width: 767px) {
  header .menu #menu:checked ~ .open:before {
    bottom: 45px;
  }
}
header .menu #menu:checked ~ .open:after {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
  bottom: 24px;
}
@media only screen and (max-width: 767px) {
  header .menu #menu:checked ~ .open:after {
    bottom: 5px;
  }
}
header .menu .open {
  display: inline-block;
  width: 40px;
  height: 60px;
  vertical-align: middle;
  position: absolute;
  top: 34px;
  right: 0;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  header .menu .open {
    top: 17px;
    right: -3px;
    height: 37px;
  }
}
header .menu .open span,
header .menu .open:before,
header .menu .open:after {
  position: absolute;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  header .menu .open span,
  header .menu .open:before,
  header .menu .open:after {
    width: 25px;
    height: 3px;
    left: 8px;
  }
}
header .menu .open:before {
  position: absolute;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  bottom: 45px;
}
@media only screen and (max-width: 767px) {
  header .menu .open:before {
    bottom: 26px;
    width: 25px;
  }
}
header .menu .open:after {
  position: absolute;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  bottom: 32px;
}
@media only screen and (max-width: 767px) {
  header .menu .open:after {
    bottom: 18px;
    width: 25px;
  }
}
header .menu .open p {
  display: inline;
  position: absolute;
  top: 35px;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  header .menu .open p {
    font-size: 9px;
    top: 25px;
  }
}
header .menu .content {
  overflow: auto;
  position: fixed;
  top: 93px;
  left: 0;
  z-index: 999;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  background: #fff;
  transition: 0.5s ease-in-out;
  -webkit-transform: translateX(150vw);
  transform: translateX(150vw);
  display: flex;
  align-items: center;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  header .menu .content {
    top: 62px;
  }
}
header .menu .content ul {
  max-width: 950px;
  width: 90%;
  margin: 0 auto;
}
header .menu .content ul li {
  width: 100%;
}
header .menu .content ul li:hover {
  opacity: 0.8;
}
header .menu .content ul li + li {
  margin-top: 20px;
}
header .menu .content ul li a {
  color: #fff;
  font-size: 1rem;
  line-height: 1.3125rem;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 17px 32px 17px 60px;
  border-radius: 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  header .menu .content ul li a {
    font-size: 16px;
    line-height: 21px;
  }
}
header .menu .content ul li .index {
  background: #4066b3;
  position: relative;
}
header .menu .content ul li .index:before {
  content: '';
  width: 18px;
  height: 24px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_index.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
}
header .menu .content ul li .emergency {
  background: #ea635c;
  position: relative;
}
header .menu .content ul li .emergency:before {
  content: '';
  width: 21px;
  height: 24px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_emergency.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
}
header .menu .content ul li .document {
  background: #4066b3;
  position: relative;
}
header .menu .content ul li .document:before {
  content: '';
  width: 21px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_doc.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
}
header {
  border-bottom: #4066b3 3px solid;
  padding: 15px 1.5%;
  position: fixed;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  z-index: 1000;
}
@media only screen and (max-width: 767px) {
  header {
    height: 62px;
  }
}
header .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  width: 100%;
}
header .wrap .zurich {
  display: flex;
  align-items: flex-end;
}
header .wrap .zurich .logo {
  width: 200px;
}
@media only screen and (max-width: 767px) {
  header .wrap .zurich .logo {
    width: 100px;
  }
}
header .wrap .zurich span {
  color: #039;
  font-size: 0.9375rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  header .wrap .zurich span {
    font-size: 10px;
  }
}
header .wrap .invoice {
  display: flex;
  position: absolute;
  right: 60px;
  background: #ea635c;
  padding: 15px 26px 15px 42px;
  box-sizing: border-box;
  max-width: 180px;
  width: 100%;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
header .wrap .invoice:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  header .wrap .invoice {
    max-width: initial;
    width: 110px;
    padding: 13px 7px 12px 20px;
    right: 38px;
  }
}
header .wrap .invoice span {
  color: #fff;
  font-size: 0.875rem;
  line-height: 0.875rem;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  header .wrap .invoice span {
    font-size: 0.5rem;
  }
}
header .wrap .invoice span:before {
  content: "";
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_invoice.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 12%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  header .wrap .invoice span:before {
    width: 13px;
    height: 15px;
    position: absolute;
    left: 6px;
  }
}
header .menu {
  position: relative;
  top: -75px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  header .menu {
    top: -53px;
  }
}
header .menu #menu {
  display: none;
}
header .menu #menu:checked ~ .content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  opacity: 1;
}
header .menu #menu:checked ~ .open span {
  opacity: 0;
}
header .menu #menu:checked ~ .open:before {
  -webkit-transform: translateY(20px) rotate(-315deg);
  transform: translateY(20px) rotate(-315deg);
  bottom: 64px;
}
@media only screen and (max-width: 767px) {
  header .menu #menu:checked ~ .open:before {
    bottom: 45px;
  }
}
header .menu #menu:checked ~ .open:after {
  -webkit-transform: translateY(-20px) rotate(315deg);
  transform: translateY(-20px) rotate(315deg);
  bottom: 24px;
}
@media only screen and (max-width: 767px) {
  header .menu #menu:checked ~ .open:after {
    bottom: 5px;
  }
}
header .menu .open {
  display: inline-block;
  width: 40px;
  height: 60px;
  vertical-align: middle;
  position: absolute;
  top: 34px;
  right: 0;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  header .menu .open {
    top: 17px;
    right: -3px;
    height: 37px;
  }
}
header .menu .open span,
header .menu .open:before,
header .menu .open:after {
  position: absolute;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  header .menu .open span,
  header .menu .open:before,
  header .menu .open:after {
    width: 25px;
    height: 3px;
    left: 8px;
  }
}
header .menu .open:before {
  position: absolute;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  bottom: 45px;
}
@media only screen and (max-width: 767px) {
  header .menu .open:before {
    bottom: 26px;
    width: 25px;
  }
}
header .menu .open:after {
  position: absolute;
  height: 3px;
  width: 38px;
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
  bottom: 32px;
}
@media only screen and (max-width: 767px) {
  header .menu .open:after {
    bottom: 18px;
    width: 25px;
  }
}
header .menu .open p {
  display: inline;
  position: absolute;
  top: 35px;
  font-size: 10px;
  font-weight: bold;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  header .menu .open p {
    font-size: 9px;
    top: 25px;
  }
}
header .menu .content {
  overflow: auto;
  position: fixed;
  top: 93px;
  left: 0;
  z-index: 999;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  background: #fff;
  transition: 0.5s ease-in-out;
  -webkit-transform: translateX(150vw);
  transform: translateX(150vw);
  display: flex;
  align-items: center;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  header .menu .content {
    top: 62px;
  }
}
header .menu .content ul {
  max-width: 950px;
  width: 90%;
  margin: 0 auto;
}
header .menu .content ul li {
  width: 100%;
}
header .menu .content ul li:hover {
  opacity: 0.8;
}
header .menu .content ul li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  header .menu .content ul li + li {
    margin-top: 10px;
  }
}
header .menu .content ul li a {
  color: #fff;
  font-size: 1rem;
  line-height: 1.3125rem;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 17px 32px 17px 60px;
  border-radius: 5px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  header .menu .content ul li a {
    font-size: 13px;
    line-height: 21px;
    padding: 17px 32px 17px 48px;
  }
}
header .menu .content ul li .otaindex {
  background: #4066b3;
  position: relative;
}
header .menu .content ul li .otaindex:before {
  content: '';
  width: 18px;
  height: 24px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_index.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
}
header .menu .content ul li .otaemergency {
  position: relative;
  background: #4066b3;
}
header .menu .content ul li .otaemergency:before {
  content: '';
  width: 18px;
  height: 24px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_emergency.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
  display: inline-block;
}
header .menu .content ul li .otaassistance {
  background: #ea635c;
  position: relative;
}
header .menu .content ul li .otaassistance:before {
  content: '';
  width: 21px;
  height: 24px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_assis.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
  display: inline-block;
}
header .menu .content ul li .otaservice {
  background: #4066b3;
  position: relative;
}
header .menu .content ul li .otaservice:before {
  content: '';
  width: 21px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_suport.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
  display: inline-block;
}
header .menu .content ul li .otaassistance {
  position: relative;
}
header .menu .content ul li .otaassistance:before {
  content: '';
  width: 21px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_doc.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
  display: inline-block;
}
header .menu .content ul li .otacashless {
  background: #4066b3;
  position: relative;
}
header .menu .content ul li .otacashless:before {
  content: '';
  width: 21px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_cashless.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
  display: inline-block;
}
header .menu .content ul li .otadocument {
  background: #4066b3;
  position: relative;
}
header .menu .content ul li .otadocument:before {
  content: '';
  width: 21px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_doc.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  left: 15px;
}
footer .pagetop {
  width: 100%;
  height: 40px;
  display: none;
  background: #dadada;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 767px) {
  footer .pagetop {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
footer .pagetop .arrow {
  transform: rotate(90deg);
  width: 7px;
  height: 12px;
  background: url("/-/Media/jpz/zrh/travel/images/ico_arrow.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}
footer .nav {
  overflow: hidden;
  background: #dadada;
}
footer .nav .wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 1.25rem 2%;
  overflow: hidden;
}
footer .nav .wrap ul {
  float: left;
}
@media only screen and (max-width: 767px) {
  footer .nav .wrap ul {
    float: none;
    margin: 0 auto;
    padding: 0 3.6%;
    text-align: center;
    line-height: 2;
  }
}
footer .nav .wrap ul li {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  padding-right: 1.5em;
  margin-right: 1.5em;
  border-right: 1px solid;
}
footer .nav .wrap ul li:last-child {
  border-right: none;
}
footer .nav .wrap ul li a {
  font-size: 0.75rem;
  text-decoration: none;
  color: #333;
}
footer .nav .wrap ul li a:hover {
  text-decoration: underline;
}
footer .nav .wrap .copyright {
  float: right;
}
@media only screen and (max-width: 1024px) {
  footer .nav .wrap .copyright {
    margin-top: 1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  footer .nav .wrap .copyright {
    float: none;
    text-align: center;
  }
}
footer .nav .wrap .copyright span {
  font-size: 0.625rem;
}
.view-menu {
  max-width: 950px;
  width: 96%;
  margin: 46px auto 0;
}
@media only screen and (max-width: 767px) {
  .view-menu {
    margin-top: 20px;
  }
}
.view-menu .wrap-menu {
  display: flex;
  justify-content: space-between;
}
.view-menu .wrap-menu .menu {
  width: 48%;
  max-width: 465px;
  max-height: 136px;
  background: #ea635c;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px -5px 0px 0px #de5049 inset;
  padding: 25px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.view-menu .wrap-menu .menu:active {
  box-shadow: none;
  transform: translate(0, 2px);
}
.view-menu .wrap-menu .menu:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .view-menu .wrap-menu .menu {
    max-height: 90px;
  }
}
.view-menu .wrap-menu .menu span {
  font-size: 1.125rem;
  line-height: 1.9375rem;
  margin-top: 12px;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .view-menu .wrap-menu .menu span {
    font-size: 11px;
    line-height: 12px;
  }
}
.view-menu .wrap-menu .menu span br {
  display: none;
}
@media only screen and (max-width: 730px) {
  .view-menu .wrap-menu .menu span br {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .view-menu .wrap-menu .menu img {
    width: 18%;
    height: 31px;
    max-width: 26px;
  }
}
.view-menu .wrap-menu .menu:nth-child(2n) {
  background: #4066b3;
  box-shadow: 0px -5px 0px 0px #3057a7 inset;
}
.view-menu .wrap-menu .menu:nth-child(2n) img {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .view-menu .wrap-menu .menu:nth-child(2n) img {
    width: 100%;
    height: 28px;
    max-width: 36px;
  }
}
.view-menu .wrap-link {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.view-menu .wrap-link .link {
  background: #4f90c8;
  border-radius: 5px;
  width: 48%;
  max-width: 465px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.view-menu .wrap-link .link:hover {
  opacity: 0.8;
}
.view-menu .wrap-link .link a {
  display: block;
  padding: 20px 0;
}
.view-menu .wrap-link .link a span {
  color: #fff;
  font-size: 1rem;
  line-height: 1.6875rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .view-menu .wrap-link .link a span {
    font-size: 12px;
    line-height: 20px;
  }
}
.view-menu .wrap-link .link:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 5%;
  top: 40%;
}
@media only screen and (max-width: 767px) {
  .view-menu .wrap-link .link:after {
    right: 8%;
  }
}
.view-ota_menu {
  max-width: 950px;
  width: 96%;
  margin: 46px auto 0;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc {
    display: none;
  }
}
.view-ota_menu .view-pc .wrap-menu01 {
  display: flex;
  justify-content: space-between;
}
.view-ota_menu .view-pc .wrap-menu01 .menu {
  width: 66%;
  max-width: 628px;
  max-height: 136px;
  background: #ea635c;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px -5px 0px 0px #de5049 inset;
  padding: 25px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.view-ota_menu .view-pc .wrap-menu01 .menu:active {
  box-shadow: none;
  transform: translate(0, 2px);
}
.view-ota_menu .view-pc .wrap-menu01 .menu:hover {
  opacity: 0.8;
}
.view-ota_menu .view-pc .wrap-menu01 .menu + .menu {
  background: #4066b3;
  box-shadow: 0px -5px 0px 0px #3057a7 inset;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu01 .menu {
    max-height: 90px;
  }
}
.view-ota_menu .view-pc .wrap-menu01 .menu span {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 12px;
  text-align: center;
  color: #fff;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu01 .menu span {
    font-size: 11px;
    line-height: 12px;
  }
}
.view-ota_menu .view-pc .wrap-menu01 .menu span br {
  display: none;
}
@media only screen and (max-width: 730px) {
  .view-ota_menu .view-pc .wrap-menu01 .menu span br {
    display: block;
  }
}
.view-ota_menu .view-pc .wrap-menu01 .menu span + span {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0;
}
.view-ota_menu .view-pc .wrap-menu01 .menu img {
  height: 42px;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu01 .menu img {
    width: 18%;
    max-height: 31px;
    height: auto;
    max-width: 26px;
  }
}
.view-ota_menu .view-pc .wrap-menu01 .menu:nth-child(2n) {
  width: 32%;
  max-width: 307px;
}
.view-ota_menu .view-pc .wrap-menu01 .menu:nth-child(2n) img {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu01 .menu:nth-child(2n) img {
    width: 100%;
    height: 28px;
    max-width: 36px;
  }
}
.view-ota_menu .view-pc .wrap-menu02 {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.view-ota_menu .view-pc .wrap-menu02 .menu {
  width: 32%;
  max-width: 307px;
  max-height: 136px;
  background: #4066b3;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px -5px 0px 0px #3057a7 inset;
  padding: 25px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.view-ota_menu .view-pc .wrap-menu02 .menu:active {
  box-shadow: none;
  transform: translate(0, 2px);
}
.view-ota_menu .view-pc .wrap-menu02 .menu:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu02 .menu {
    max-height: 90px;
  }
}
.view-ota_menu .view-pc .wrap-menu02 .menu span {
  font-size: 1.125rem;
  line-height: 1.25rem;
  margin-top: 12px;
  text-align: center;
  color: #fff;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu02 .menu span {
    font-size: 11px;
    line-height: 12px;
  }
}
.view-ota_menu .view-pc .wrap-menu02 .menu span br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu02 .menu span br {
    display: block;
  }
}
.view-ota_menu .view-pc .wrap-menu02 .menu img {
  height: 34px;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-pc .wrap-menu02 .menu img {
    width: 18%;
    height: auto;
    max-height: 30px;
    max-width: 26px;
  }
}
.view-ota_menu .view-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-sp {
    display: block;
  }
}
.view-ota_menu .view-sp .wrap-menu01 .menu {
  width: 100%;
  max-height: 136px;
  background: #ea635c;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0px -5px 0px 0px #de5049 inset;
  padding: 25px 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (-ms-high-contrast: none) {
  .view-ota_menu .view-sp .wrap-menu01 .menu {
    box-sizing: content-box;
    padding: 15px 0;
  }
}
.view-ota_menu .view-sp .wrap-menu01 .menu:active {
  box-shadow: none;
  transform: translate(0, 2px);
}
.view-ota_menu .view-sp .wrap-menu01 .menu:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-sp .wrap-menu01 .menu {
    max-height: 90px;
  }
}
.view-ota_menu .view-sp .wrap-menu01 .menu span {
  font-size: 1.125rem;
  line-height: 1.9375rem;
  text-align: center;
  color: #fff;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-sp .wrap-menu01 .menu span {
    font-size: 14px;
    line-height: 16px;
  }
}
.view-ota_menu .view-sp .wrap-menu01 .menu img {
  height: 42px;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-sp .wrap-menu01 .menu img {
    width: 18%;
    height: auto;
    max-height: 30px;
    max-width: 26px;
    margin-bottom: 10px;
  }
}
.view-ota_menu .view-sp .wrap-menu02 {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.view-ota_menu .view-sp .wrap-menu02 .menu {
  width: 49%;
  max-height: 85px;
  padding: 25px 0;
  background: #4066b3;
  border-radius: 5px;
  box-shadow: 0px -5px 0px 0px #3057a7 inset;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media all and (-ms-high-contrast: none) {
  .view-ota_menu .view-sp .wrap-menu02 .menu {
    box-sizing: content-box;
    padding: 15px 0;
  }
}
.view-ota_menu .view-sp .wrap-menu02 .menu span {
  font-size: 1.125rem;
  line-height: 1.9375rem;
  text-align: center;
  color: #fff;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-sp .wrap-menu02 .menu span {
    font-size: 14px;
    line-height: 16px;
  }
}
.view-ota_menu .view-sp .wrap-menu02 .menu span br {
  display: none;
}
@media only screen and (max-width: 730px) {
  .view-ota_menu .view-sp .wrap-menu02 .menu span br {
    display: block;
  }
}
.view-ota_menu .view-sp .wrap-menu02 .menu img {
  width: 50px;
  height: 50px;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .view-sp .wrap-menu02 .menu img {
    width: 100%;
    height: auto;
    max-height: 28px;
    max-width: 25px;
    margin-bottom: 10px;
  }
}
.view-ota_menu .view-sp .wrap-menu02 .menu:first-child {
  background: #4066b3;
  box-shadow: 0px -5px 0px 0px #3057a7 inset;
}
.view-ota_menu .view-sp .wrap-menu02 .menu:nth-child(n+3) {
  margin-top: 10px;
}
.view-ota_menu .wrap-link {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .wrap-link {
    margin-top: 30px;
  }
}
.view-ota_menu .wrap-link .link {
  background: #4f90c8;
  border-radius: 5px;
  width: 49%;
  max-width: 465px;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.view-ota_menu .wrap-link .link:hover {
  opacity: 0.8;
}
.view-ota_menu .wrap-link .link a {
  display: block;
  padding: 20px 0;
}
.view-ota_menu .wrap-link .link a span {
  color: #fff;
  font-size: 1rem;
  line-height: 1.6875rem;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .wrap-link .link a span {
    font-size: 12px;
    line-height: 20px;
  }
}
.view-ota_menu .wrap-link .link:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  right: 5%;
  top: 40%;
}
@media only screen and (max-width: 767px) {
  .view-ota_menu .wrap-link .link:after {
    right: 8%;
  }
}
.acodion {
  max-width: 1200px;
  width: 100%;
  margin: 87px auto 0;
}
@media only screen and (max-width: 767px) {
  .acodion {
    margin-top: 60px;
  }
}
.acodion #app .acod {
  color: #4066b3;
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .acodion #app .acod {
    font-size: 18px;
    line-height: 30px;
  }
}
.acodion #app .acod02 {
  margin-top: 80px;
}
.acodion #app ul.wrap-acod {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .acodion #app ul.wrap-acod {
    margin-top: 20px;
  }
}
.acodion #app ul.wrap-acod li.acod-li {
  max-height: 64px;
  overflow: hidden;
  transition: 0.5s;
  box-sizing: border-box;
  background: #fff;
  border-radius: 4px;
  border: 2px solid #ddd;
  padding: 20px 20px 20px 46px;
  cursor: pointer;
}
.acodion #app ul.wrap-acod li.acod-li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
  .acodion #app ul.wrap-acod li.acod-li + li {
    margin-top: 27px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .acodion #app ul.wrap-acod li.acod-li + li {
    margin-top: 10px;
  }
}
.acodion #app ul.wrap-acod li.acod-li.show {
  max-height: 100%;
  height: auto;
}
.acodion #app ul.wrap-acod li.acod-li.show .q:after {
  content: '';
  width: 16px;
  height: 2px;
  background: #4066b3;
  margin-left: auto;
  transform: rotate(0deg);
}
.acodion #app ul.wrap-acod li.acod-li.show .q:before {
  opacity: 0;
  transform: rotate(90deg);
}
@media only screen and (max-width: 1024px) {
  .acodion #app ul.wrap-acod li.acod-li .q {
    max-height: calc(100vw * 70 / 750);
  }
}
.acodion #app ul.wrap-acod li.acod-li .q:after,
.acodion #app ul.wrap-acod li.acod-li .q:before {
  content: '';
  position: absolute;
  left: -35px;
  width: 16px;
  height: 2px;
  background: #4066b3;
  margin-left: auto;
  transition: 0.3s;
}
.acodion #app ul.wrap-acod li.acod-li .q:after {
  transform: rotate(-90deg);
}
.acodion #app ul.wrap-acod li.acod-li .q:before {
  transform: rotate(0deg);
}
@media only screen and (max-width: 1024px) and (max-width: 570px) {
  .acodion #app ul.wrap-acod li.acod-li .q {
    max-height: calc(100vw * 52 / 750);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 570px) and (max-width: 570px) {
  .acodion #app ul.wrap-acod li.acod-li .q {
    max-height: calc(100vw * 50 / 750);
  }
}
@media only screen and (max-width: 1024px) and (max-width: 570px) and (max-width: 570px) and (max-width: 767px) {
  .acodion #app ul.wrap-acod li.acod-li .q {
    max-height: calc(100vw * 50 / 750);
  }
}
.acodion #app ul.wrap-acod li.acod-li .a {
  margin: 50px 0 0 128px;
}
.acodion #app ul.wrap-acod li.acod-li .a ul li {
  font-size: 1.125rem;
  line-height: 1.875rem;
  border-bottom: 1px solid #f2f2f2;
  padding: 15px 0;
}
@media only screen and (max-width: 767px) {
  .acodion #app ul.wrap-acod li.acod-li .a ul li {
    font-size: 14px;
    line-height: 30px;
  }
}
.acodion #app ul.wrap-acod li.acod-li .q {
  display: flex;
  align-items: center;
  position: relative;
}
.acodion #app ul.wrap-acod li.acod-li .q p {
  font-size: 1.5rem;
  word-wrap: break-word;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .acodion #app ul.wrap-acod li.acod-li .q p {
    font-size: 18px;
  }
}
.acodion #app ul.wrap-acod li.acod-li .q + .a {
  margin: 30px 0 0 0;
}
.acodion #app ul.wrap-acod li.acod-li .q + .a:after {
  content: none;
}
.acodion #app ul.wrap-acod li.acod-li .q + .a p {
  font-size: 0.875rem;
  line-height: 1rem;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .acodion #app ul.wrap-acod li.acod-li .q + .a p {
    font-size: 13px;
    line-height: 20px;
  }
}
.view-link {
  max-width: 950px;
  width: 96%;
  margin: 20px auto 0;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .view-link {
    margin-top: 10px;
  }
}
.view-link .menu {
  width: 48%;
  max-width: 465px;
  max-height: 136px;
  background: #4f90c8;
  border-radius: 5px;
  cursor: pointer;
}
.view-link .menu a {
  color: #fff;
  text-align: center;
  font-size: 1rem;
  line-height: 1.3125rem;
  display: block;
  padding: 17px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .view-link .menu a {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.view-link .menu a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 45%;
  left: 5%;
  margin-top: -4px;
}
.view-pdf {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 76px;
}
@media only screen and (max-width: 767px) {
  .view-pdf {
    margin-top: 40px;
  }
}
.view-pdf a {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.view-pdf a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .view-pdf a {
    font-size: 15px;
    line-height: 22px;
  }
}
.view-pdf a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4066b3;
  border-right: solid 2px #4066b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -4px;
}
@media only screen and (max-width: 767px) {
  .view-pdf a:before {
    left: -20px;
  }
}
.view-pdf a br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .view-pdf a br {
    display: block;
  }
}
.fix {
  background: #fff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: 0.2s;
}
@media only screen and (max-width: 767px) {
  .fix {
    margin-top: 68px;
  }
}
.fix.close2 {
  opacity: 1;
  pointer-events: auto;
}
.fix.close {
  opacity: 0;
  pointer-events: none;
}
.fix .wrap-info {
  background: #f2f2f2;
  padding: 12px 0;
  box-sizing: border-box;
  width: 100%;
}
.fix .wrap-info .info {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .fix .wrap-info .info {
    display: flex;
    justify-content: flex-start;
  }
}
.fix .wrap-info .info h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #707070;
  display: inline;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .fix .wrap-info .info h4 {
    font-size: 14px;
    line-height: 24px;
    display: block;
  }
}
.fix .wrap-info .info span {
  font-size: 0.875rem;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .fix .wrap-info .info span {
    font-size: 10px;
    line-height: 14px;
    display: block;
    width: 70%;
  }
}
@media only screen and (max-width: 767px) and (max-width: 410px) {
  .fix .wrap-info .info span {
    width: 58%;
  }
}
.fix .view-pc {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .fix .view-pc {
    display: none;
  }
}
.fix .view-pc .pc-web {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f2f2f2;
}
.fix .view-pc .pc-web span {
  position: relative;
}
.fix .view-pc .pc-web span:nth-child(2n) {
  margin: 0 2%;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.fix .view-pc .pc-web .web {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.fix .view-pc .pc-web .web:before {
  content: '';
  width: 20px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_web_pink.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -17%;
  top: 15%;
}
.fix .view-pc .pc-web a {
  padding: 22px 0;
  background: #ea635c;
  color: #fff;
  max-width: 475px;
  width: 37%;
  text-align: center;
  border-radius: 5px;
}
.fix .view-pc .pc-web a:hover {
  opacity: 0.8;
}
.fix .view-pc .pc-web a span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fix .view-pc .pc-tel {
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fix .view-pc .pc-tel span:first-child {
  font-size: 1rem;
  line-height: 1.3125rem;
}
.fix .view-pc .pc-tel span:nth-child(2n) {
  margin: 0 38px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.fix .view-pc .pc-tel span:last-child {
  font-size: 1.125rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #ea635c;
}
.fix .view-pc .pink {
  color: #ea635c;
}
.fix .view-sp {
  display: none;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .fix .view-sp {
    display: block;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    margin: 10px auto 0;
    padding-bottom: 8px;
  }
}
.fix .view-sp .sp-web {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 52%;
}
.fix .view-sp .sp-web a {
  background: #ea635c;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.fix .view-sp .sp-web a span {
  position: relative;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  left: 5%;
}
.fix .view-sp .sp-web a span:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_sp_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -56%;
  top: 22%;
}
.fix .view-sp .sp-web span {
  font-size: 10px;
  line-height: 14px;
  margin-top: 3px;
}
.fix .view-sp .sp-tel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 46%;
}
.fix .view-sp .sp-tel a {
  color: #ea635c;
  padding: 19px 0 19px 10px;
  background: #fff;
  font-size: 10px;
  line-height: 14px;
  border-radius: 5px;
  border: 2px solid #ddd;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.fix .view-sp .sp-tel a span {
  font-size: 10px;
  line-height: 10px;
  margin-top: 3px;
  position: relative;
}
.fix .view-sp .sp-tel a span:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_tel_pink.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -20%;
}
.fix .view-sp .sp-tel p {
  font-size: 10px;
  line-height: 10px;
  margin-top: 5px;
}
.modal01,
.modal02 {
  border-bottom: 1px solid #a9a9a9;
  border-left: 1px solid #a9a9a9;
  border-collapse: collapse;
  font-family: sans-serif;
  width: 100%;
}
.modal01 .blue,
.modal02 .blue {
  background-color: #4066b3;
}
.modal01 .blue .thirty_per,
.modal02 .blue .thirty_per {
  width: 50%;
  vertical-align: middle;
}
.modal01 .blue .quarter,
.modal02 .blue .quarter {
  width: calc(50% / 4);
}
@media only screen and (max-width: 767px) {
  .modal01 .blue .name,
  .modal02 .blue .name {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    white-space: nowrap;
    text-orientation: upright;
    align-items: center;
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .modal01 .blue .name br,
  .modal02 .blue .name br {
    display: none;
  }
}
.modal01 tr .th_title,
.modal02 tr .th_title {
  background-color: #f2f2f2;
  color: #636363;
  text-align: left;
}
.modal01 tr th,
.modal02 tr th,
.modal01 tr td,
.modal02 tr td {
  border-top: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  font-size: 1rem;
  line-height: 22px;
  padding: 2% 1%;
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .modal01 tr th,
  .modal02 tr th,
  .modal01 tr td,
  .modal02 tr td {
    font-size: 12px;
  }
}
.modal01 tr th,
.modal02 tr th {
  color: #fff;
}
.modal01 tr th td,
.modal02 tr th td {
  text-align: center;
}
.modal-ul {
  margin: 2% 0;
}
.modal-ul li + li {
  margin-top: 10px;
}
.modal02 {
  margin-top: 7%;
}
.page-kokunai,
.page-kaigai {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-kokunai,
  .page-kaigai {
    padding-top: 62px;
  }
}
.page-kokunai .breadcrumb,
.page-kaigai .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-kokunai .breadcrumb ul,
.page-kaigai .breadcrumb ul {
  display: flex;
}
.page-kokunai .breadcrumb ul li,
.page-kaigai .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-kokunai .breadcrumb ul li + li:before,
.page-kaigai .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-kokunai .breadcrumb ul li a,
.page-kaigai .breadcrumb ul li a {
  text-decoration: underline;
}
.page-kokunai .kokunai .main_img,
.page-kaigai .kokunai .main_img {
  width: 100%;
  text-align: right;
  overflow: hidden;
  background-color: #84dbfe;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img,
  .page-kaigai .kokunai .main_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    max-width: 950px;
    max-height: initial;
    width: 96%;
    margin: 0 auto;
  }
}
.page-kokunai .kokunai .main_img .comment,
.page-kaigai .kokunai .main_img .comment {
  background-color: #f7fcff;
  width: 40%;
  padding-top: 4%;
  padding-bottom: 4%;
  position: absolute;
  left: 11%;
  top: 18%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img .comment,
  .page-kaigai .kokunai .main_img .comment {
    position: relative;
    top: auto;
    left: auto;
    background: #f7fcff;
    max-width: initial;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-kokunai .kokunai .main_img .comment .main-title,
.page-kaigai .kokunai .main_img .comment .main-title {
  font-size: 2vw;
  left: 20%;
  padding-bottom: 1%;
  color: #4066b3;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img .comment .main-title,
  .page-kaigai .kokunai .main_img .comment .main-title {
    font-size: 21px;
    line-height: 36px;
  }
}
.page-kokunai .kokunai .main_img .comment .main-title + p,
.page-kaigai .kokunai .main_img .comment .main-title + p {
  font-size: 1.6vw;
  line-height: 2.6vw;
  text-align: left;
  padding: 3% 10%;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img .comment .main-title + p,
  .page-kaigai .kokunai .main_img .comment .main-title + p {
    font-size: 18px;
    line-height: 27px;
    padding: 10px 0;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img .comment .main-title + p br,
  .page-kaigai .kokunai .main_img .comment .main-title + p br {
    display: none;
  }
}
.page-kokunai .kokunai .main_img img,
.page-kaigai .kokunai .main_img img {
  width: 80%;
  right: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img img,
  .page-kaigai .kokunai .main_img img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img .view-pc,
  .page-kaigai .kokunai .main_img .view-pc {
    display: none;
  }
}
.page-kokunai .kokunai .main_img .view-sp,
.page-kaigai .kokunai .main_img .view-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .main_img .view-sp,
  .page-kaigai .kokunai .main_img .view-sp {
    display: block;
  }
}
.page-kokunai .kokunai .wrap-news,
.page-kaigai .kokunai .wrap-news {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
  margin-top: 40px;
  padding: 37px 1%;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news,
  .page-kaigai .kokunai .wrap-news {
    margin-top: 20px;
    padding: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
}
.page-kokunai .kokunai .wrap-news .news,
.page-kaigai .kokunai .wrap-news .news {
  border-left: 4px solid #039;
  padding-left: 15px;
  color: #333;
  font-size: 1.5rem;
  line-height: 2.5625rem;
  width: 15%;
}
@media only screen and (max-width: 1024px) {
  .page-kokunai .kokunai .wrap-news .news,
  .page-kaigai .kokunai .wrap-news .news {
    padding-left: 8px;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news .news,
  .page-kaigai .kokunai .wrap-news .news {
    font-size: 18px;
    line-height: 31px;
    width: 100%;
  }
}
.page-kokunai .kokunai .wrap-news a,
.page-kaigai .kokunai .wrap-news a {
  text-decoration: underline;
  display: flex;
  width: 85%;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news a,
  .page-kaigai .kokunai .wrap-news a {
    width: calc(100% - 15px);
    margin: 15px 0 0 15px;
  }
}
.page-kokunai .kokunai .wrap-news a p,
.page-kaigai .kokunai .wrap-news a p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news a p,
  .page-kaigai .kokunai .wrap-news a p {
    display: block;
  }
}
.page-kokunai .kokunai .wrap-news a p:before,
.page-kaigai .kokunai .wrap-news a p:before {
  content: '';
  width: 7px;
  height: 7px;
  background: transparent;
  border-bottom: 2px solid #053399;
  border-left: 2px solid #053399;
  position: absolute;
  left: -20px;
  transform: rotate(225deg);
}
@media only screen and (max-width: 1024px) {
  .page-kokunai .kokunai .wrap-news a p:before,
  .page-kaigai .kokunai .wrap-news a p:before {
    left: -4%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news a p:before,
  .page-kaigai .kokunai .wrap-news a p:before {
    width: 4px;
    height: 4px;
    left: -15px;
    top: 10px;
  }
}
.page-kokunai .kokunai .wrap-news a p .day,
.page-kaigai .kokunai .wrap-news a p .day,
.page-kokunai .kokunai .wrap-news a p .news-title,
.page-kaigai .kokunai .wrap-news a p .news-title {
  color: #333;
  display: block;
  font-size: 1rem;
  line-height: 1.6875rem;
}
@media only screen and (max-width: 1024px) {
  .page-kokunai .kokunai .wrap-news a p .day,
  .page-kaigai .kokunai .wrap-news a p .day,
  .page-kokunai .kokunai .wrap-news a p .news-title,
  .page-kaigai .kokunai .wrap-news a p .news-title {
    display: inline !important;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news a p .day,
  .page-kaigai .kokunai .wrap-news a p .day,
  .page-kokunai .kokunai .wrap-news a p .news-title,
  .page-kaigai .kokunai .wrap-news a p .news-title {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-kokunai .kokunai .wrap-news a p .day,
.page-kaigai .kokunai .wrap-news a p .day {
  margin-right: 1%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news a p .day,
  .page-kaigai .kokunai .wrap-news a p .day {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news a p .news-title,
  .page-kaigai .kokunai .wrap-news a p .news-title {
    line-height: 24px;
  }
}
.page-kokunai .kokunai .wrap-news .wrap-link,
.page-kaigai .kokunai .wrap-news .wrap-link {
  display: flex;
  justify-content: space-between;
}
.page-kokunai .kokunai .wrap-news .wrap-link .menu,
.page-kaigai .kokunai .wrap-news .wrap-link .menu {
  width: 48%;
  max-width: 465px;
  max-height: 136px;
  background: #4f90c8;
  border-radius: 5px;
  cursor: pointer;
}
.page-kokunai .kokunai .wrap-news .wrap-link .menu:active,
.page-kaigai .kokunai .wrap-news .wrap-link .menu:active {
  box-shadow: none;
  transform: translate(0, 2px);
}
.page-kokunai .kokunai .wrap-news .wrap-link .menu a,
.page-kaigai .kokunai .wrap-news .wrap-link .menu a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 0;
}
.page-kokunai .kokunai .wrap-news .wrap-link .menu a span,
.page-kaigai .kokunai .wrap-news .wrap-link .menu a span {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 12px;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai .wrap-news .wrap-link .menu a span,
  .page-kaigai .kokunai .wrap-news .wrap-link .menu a span {
    font-size: 11px;
    line-height: 12px;
  }
}
.page-kokunai .kokunai .wrap-news .wrap-link .menu a span br,
.page-kaigai .kokunai .wrap-news .wrap-link .menu a span br {
  display: none;
}
@media only screen and (max-width: 730px) {
  .page-kokunai .kokunai .wrap-news .wrap-link .menu a span br,
  .page-kaigai .kokunai .wrap-news .wrap-link .menu a span br {
    display: block;
  }
}
.page-kokunai .kokunai section,
.page-kaigai .kokunai section {
  margin-top: -92px;
  padding-top: 184px;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section,
  .page-kaigai .kokunai section {
    margin-top: -40px;
    padding-top: 80px;
  }
}
.page-kokunai .kokunai section .wrap-detail,
.page-kaigai .kokunai section .wrap-detail {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
.page-kokunai .kokunai section .wrap-detail p,
.page-kaigai .kokunai section .wrap-detail p {
  color: #4066b3;
  font-size: 2.125rem;
  line-height: 2.875rem;
  text-align: center;
  margin-top: 33px;
}
@media only screen and (max-width: 1024px) {
  .page-kokunai .kokunai section .wrap-detail p,
  .page-kaigai .kokunai section .wrap-detail p {
    font-size: 1.625rem;
    line-height: 2.5625rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail p,
  .page-kaigai .kokunai section .wrap-detail p {
    font-size: 19px;
    line-height: 36px;
  }
}
.page-kokunai .kokunai section .wrap-detail ul,
.page-kaigai .kokunai section .wrap-detail ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 43px;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail ul,
  .page-kaigai .kokunai section .wrap-detail ul {
    flex-direction: column;
  }
}
.page-kokunai .kokunai section .wrap-detail ul li,
.page-kaigai .kokunai section .wrap-detail ul li {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail ul li,
  .page-kaigai .kokunai section .wrap-detail ul li {
    width: 100%;
    margin: 20px auto 0;
  }
}
.page-kokunai .kokunai section .wrap-detail ul li:nth-child(n+4),
.page-kaigai .kokunai section .wrap-detail ul li:nth-child(n+4) {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail ul li:nth-child(n+4),
  .page-kaigai .kokunai section .wrap-detail ul li:nth-child(n+4) {
    margin-top: 20px;
  }
}
.page-kokunai .kokunai section .wrap-detail ul li img,
.page-kaigai .kokunai section .wrap-detail ul li img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail ul li img,
  .page-kaigai .kokunai section .wrap-detail ul li img {
    width: 66%;
  }
}
.page-kokunai .kokunai section .wrap-detail ul li .item,
.page-kaigai .kokunai section .wrap-detail ul li .item,
.page-kokunai .kokunai section .wrap-detail ul li .detail,
.page-kaigai .kokunai section .wrap-detail ul li .detail {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
}
.page-kokunai .kokunai section .wrap-detail ul li .item,
.page-kaigai .kokunai section .wrap-detail ul li .item {
  margin-top: 17px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail ul li .item,
  .page-kaigai .kokunai section .wrap-detail ul li .item {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 23px;
  }
}
.page-kokunai .kokunai section .wrap-detail ul li .detail,
.page-kaigai .kokunai section .wrap-detail ul li .detail {
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-detail ul li .detail,
  .page-kaigai .kokunai section .wrap-detail ul li .detail {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.page-kokunai .kokunai section .wrap-change,
.page-kaigai .kokunai section .wrap-change {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
.page-kokunai .kokunai section .wrap-change > p,
.page-kaigai .kokunai section .wrap-change > p {
  margin-top: 37px;
  color: #333;
  font-size: 1rem;
  line-height: 1.1875rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change > p,
  .page-kaigai .kokunai section .wrap-change > p {
    margin-top: 40px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
  }
}
.page-kokunai .kokunai section .wrap-change dl,
.page-kaigai .kokunai section .wrap-change dl {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #4066b3;
  margin-top: 38px;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl,
  .page-kaigai .kokunai section .wrap-change dl {
    margin-top: 40px;
  }
}
.page-kokunai .kokunai section .wrap-change dl dt,
.page-kaigai .kokunai section .wrap-change dl dt,
.page-kokunai .kokunai section .wrap-change dl dd,
.page-kaigai .kokunai section .wrap-change dl dd {
  text-align: center;
}
.page-kokunai .kokunai section .wrap-change dl dt,
.page-kaigai .kokunai section .wrap-change dl dt {
  background: #4066b3;
  padding: 15px 0;
}
.page-kokunai .kokunai section .wrap-change dl dt span,
.page-kaigai .kokunai section .wrap-change dl dt span {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-kokunai .kokunai section .wrap-change dl dt span,
  .page-kaigai .kokunai section .wrap-change dl dt span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.page-kokunai .kokunai section .wrap-change dl dt span:before,
.page-kaigai .kokunai section .wrap-change dl dt span:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_tel.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 5%;
  left: -10%;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl dt span:before,
  .page-kaigai .kokunai section .wrap-change dl dt span:before {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl dt span,
  .page-kaigai .kokunai section .wrap-change dl dt span {
    font-size: 16px;
    line-height: 31px;
  }
}
.page-kokunai .kokunai section .wrap-change dl dd,
.page-kaigai .kokunai section .wrap-change dl dd {
  padding: 18px 0 23px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl dd,
  .page-kaigai .kokunai section .wrap-change dl dd {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl dd .wrap-tel,
  .page-kaigai .kokunai section .wrap-change dl dd .wrap-tel {
    width: 87%;
    border: 2px solid #ddd;
    padding: 20px 0;
  }
}
.page-kokunai .kokunai section .wrap-change dl dd .wrap-tel .tel,
.page-kaigai .kokunai section .wrap-change dl dd .wrap-tel .tel {
  color: #4066b3;
  font-size: 2.5rem;
  line-height: 2.875rem;
  border-bottom: 1px solid #4066b3;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl dd .wrap-tel .tel,
  .page-kaigai .kokunai section .wrap-change dl dd .wrap-tel .tel {
    font-size: 24px;
    line-height: 32px;
  }
}
.page-kokunai .kokunai section .wrap-change dl dd .wrap-tel .tel a,
.page-kaigai .kokunai section .wrap-change dl dd .wrap-tel .tel a {
  color: #4066b3;
  text-decoration: none;
}
.page-kokunai .kokunai section .wrap-change dl dd .wrap-tel .tel + span,
.page-kaigai .kokunai section .wrap-change dl dd .wrap-tel .tel + span {
  margin-top: 8px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change dl dd .wrap-tel .tel + span,
  .page-kaigai .kokunai section .wrap-change dl dd .wrap-tel .tel + span {
    font-size: 12px;
    line-height: 15px;
  }
}
.page-kokunai .kokunai section .wrap-change .code,
.page-kaigai .kokunai section .wrap-change .code {
  text-align: right;
  margin-top: 36px;
  margin-bottom: 58px;
  color: #666;
  font-size: 1rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 767px) {
  .page-kokunai .kokunai section .wrap-change .code,
  .page-kaigai .kokunai section .wrap-change .code {
    margin: 20px 0 68px;
    font-size: 12px;
    line-height: 15px;
  }
}
.page-emergency {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-emergency {
    padding-top: 62px;
  }
}
.page-emergency .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-emergency .breadcrumb ul {
  display: flex;
}
.page-emergency .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-emergency .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-emergency .breadcrumb ul li a {
  text-decoration: underline;
}
.page-emergency .emergency h2:before {
  content: "";
  width: 32px;
  height: 38px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_emergency.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-emergency .emergency section {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
.page-emergency .emergency section .wrap {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap {
    max-width: initial;
    width: 92%;
  }
}
.page-emergency .emergency section .wrap h3 {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 1024px) {
  .page-emergency .emergency section .wrap h3 {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-emergency .emergency section .wrap h3 {
    margin-top: 20px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow {
  margin-top: 35px;
}
.page-emergency .emergency section .wrap .wrap-flow dl {
  width: 100%;
}
.page-emergency .emergency section .wrap .wrap-flow dl .flow {
  color: #039;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: bold;
}
@media only screen and (max-width: 1024px) {
  .page-emergency .emergency section .wrap .wrap-flow dl .flow {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
}
.page-emergency .emergency section .wrap .wrap-flow dl .flow + dd {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 14px;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow dl .flow + dd {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow dl .flow {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tit {
  margin-top: 33px;
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web {
  width: 100%;
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-bottom: none;
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dt {
  padding: 15px 0;
  background: #ea635c;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dt .view-pc {
    display: none;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dt .view-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dt .view-sp {
    display: block;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dt span {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  position: relative;
  margin-left: 21px;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dt span {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dd {
  margin-top: 40px;
  padding-bottom: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dd {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dd .web {
  display: block;
  background: #ea635c;
  padding: 22px 0;
  border-radius: 5px;
  position: relative;
  max-width: 593px;
  width: 60%;
  text-align: center;
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dd .web:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dd .web {
    width: 80%;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dd .web span {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dd .web span {
    font-size: 16px;
    line-height: 21px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-web dd > span {
  margin-top: 7px;
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-web dd > span {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tel {
  text-align: center;
  border: 1px solid #ddd;
  border-top: 1px solid #f2f2f2;
  margin-top: 0;
  padding: 20px 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel {
    display: flex;
    flex-direction: column;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tel .top {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel .top {
    display: block;
    letter-spacing: -1.2px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tel .top .cont {
  position: relative;
  margin-right: 5px;
}
.page-emergency .emergency section .wrap .wrap-flow .tel .top .cont:first-child {
  color: #ea635c;
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel .top .cont:first-child {
    font-size: 13px;
    line-height: 19px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tel .top .cont:first-child:before {
  content: '';
  width: 15px;
  height: 15px;
  display: inline-block;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_tel_pink.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7%;
  left: -18%;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel .top .cont:first-child:before {
    top: 0;
    left: -16%;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tel .top .cont:nth-child(2n) {
  margin: 0 15px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel .top > span {
    font-size: 11px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 340px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel .top {
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel a {
    display: inline-block;
    margin-top: 6px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .tel a span {
  color: #ea635c;
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .tel a span {
    font-size: 18px;
    line-height: 31px;
    border-bottom: 1px solid #ea635c;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .c-quest-b {
  cursor: pointer;
}
.page-emergency .emergency section .wrap .wrap-flow .c-quest-b:hover {
  opacity: 0.8;
}
.page-emergency .emergency section .wrap .wrap-flow .c-quest-b .question {
  text-align: right;
  font-size: 14px;
  line-height: 20px;
}
.page-emergency .emergency section .wrap .wrap-flow > p {
  margin-top: 40px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow > p {
    margin-top: 37px;
    font-size: 14px;
    line-height: 20px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-pdf {
  width: 100%;
  margin-top: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-pdf {
    margin-top: 10px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-pdf .pdf {
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 22px 45px;
  width: 46%;
  display: flex;
  align-items: center;
  position: relative;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-pdf .pdf:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .wrap-pdf .pdf {
    width: 100%;
    font-size: 16px;
    line-height: 21px;
  }
  .page-emergency .emergency section .wrap .wrap-flow .wrap-pdf .pdf:nth-child(n+2) {
    margin-top: 10px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-pdf .pdf:before {
  content: url("/-/Media/jpz/zrh/travel/images/ico_pdf.svg");
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.page-emergency .emergency section .wrap .wrap-flow .wrap-pdf .pdf:nth-child(n+3) {
  margin-top: 10px;
}
.page-emergency .emergency section .wrap .wrap-flow .add {
  border: 1px solid #ddd;
  margin: 40px auto 42px;
}
.page-emergency .emergency section .wrap .wrap-flow .add dt {
  background: #f2f2f2;
  padding: 17px 0 17px 25px;
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .add dt {
    font-size: 18px;
    line-height: 31px;
  }
}
.page-emergency .emergency section .wrap .wrap-flow .add dd {
  padding: 17px 0 17px 25px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .wrap-flow .add dd {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-emergency .emergency section .wrap .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
}
.page-emergency .emergency section .wrap .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .back {
    margin-top: 40px;
    width: 270px;
  }
}
.page-emergency .emergency section .wrap .back span {
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .back span {
    font-size: 14px;
    line-height: 19px;
    margin-left: 0;
  }
}
.page-emergency .emergency section .wrap .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-emergency .emergency section .wrap .code {
  text-align: right;
  font-size: 1rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency section .wrap .code {
    margin-top: 27px;
    font-size: 16px;
    line-height: 19px;
    color: #666;
  }
}
.page-emergency .emergency .fixbottom {
  margin-top: 58px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency .fixbottom {
    margin-bottom: 68px;
    margin-top: 40px;
    width: 100%;
  }
}
.page-emergency .emergency .fixbottom .wrap-info {
  background: #f2f2f2;
  padding: 12px 0;
  box-sizing: border-box;
  width: 100%;
}
.page-emergency .emergency .fixbottom .wrap-info .info {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency .fixbottom .wrap-info .info {
    display: flex;
    justify-content: flex-start;
  }
}
.page-emergency .emergency .fixbottom .wrap-info .info h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #707070;
  display: inline;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency .fixbottom .wrap-info .info h4 {
    font-size: 14px;
    line-height: 24px;
    display: block;
  }
}
.page-emergency .emergency .fixbottom .wrap-info .info span {
  font-size: 0.875rem;
  color: #333;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency .fixbottom .wrap-info .info span {
    font-size: 10px;
    line-height: 14px;
    display: block;
    width: 70%;
  }
}
.page-emergency .emergency .fixbottom .view-pc {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency .fixbottom .view-pc {
    display: none;
  }
}
.page-emergency .emergency .fixbottom .view-pc .pc-web {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #f2f2f2;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web span {
  position: relative;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web span:nth-child(2n) {
  margin: 0 2%;
  font-size: 1rem;
  line-height: 1.3125rem;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web .web {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web .web:before {
  content: '';
  width: 20px;
  height: 16px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_web_pink.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -17%;
  top: 15%;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web a {
  padding: 22px 0;
  background: #ea635c;
  color: #fff;
  max-width: 475px;
  width: 37%;
  text-align: center;
  border-radius: 5px;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web a:hover {
  opacity: 0.8;
}
.page-emergency .emergency .fixbottom .view-pc .pc-web a span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-emergency .emergency .fixbottom .view-pc .pc-tel {
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-emergency .emergency .fixbottom .view-pc .pc-tel span:first-child {
  font-size: 1rem;
  line-height: 1.3125rem;
}
.page-emergency .emergency .fixbottom .view-pc .pc-tel span:nth-child(2n) {
  margin: 0 16px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.page-emergency .emergency .fixbottom .view-pc .pc-tel span:last-child {
  font-size: 1.125rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #ea635c;
}
.page-emergency .emergency .fixbottom .view-pc .pink {
  color: #ea635c;
}
.page-emergency .emergency .fixbottom .view-sp {
  display: none;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .page-emergency .emergency .fixbottom .view-sp {
    display: block;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 96%;
    margin: 10px auto 0;
    padding-bottom: 8px;
  }
}
.page-emergency .emergency .fixbottom .view-sp .sp-web {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 52%;
}
.page-emergency .emergency .fixbottom .view-sp .sp-web a {
  background: #ea635c;
  border-radius: 5px;
  padding: 8px;
  width: 100%;
  height: 56px;
  text-align: center;
  box-sizing: border-box;
}
.page-emergency .emergency .fixbottom .view-sp .sp-web a span {
  position: relative;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  left: 5%;
}
.page-emergency .emergency .fixbottom .view-sp .sp-web a span:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_sp_white.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -56%;
  top: 22%;
}
.page-emergency .emergency .fixbottom .view-sp .sp-web span {
  font-size: 10px;
  line-height: 14px;
  margin-top: 3px;
}
.page-emergency .emergency .fixbottom .view-sp .sp-tel {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 46%;
}
.page-emergency .emergency .fixbottom .view-sp .sp-tel a {
  color: #ea635c;
  padding: 19px 0 19px 10px;
  background: #fff;
  font-size: 10px;
  line-height: 14px;
  border-radius: 5px;
  border: 2px solid #ddd;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.page-emergency .emergency .fixbottom .view-sp .sp-tel a span {
  font-size: 10px;
  line-height: 10px;
  margin-top: 3px;
  position: relative;
}
.page-emergency .emergency .fixbottom .view-sp .sp-tel a span:before {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_tel_pink.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  left: -20%;
}
.page-emergency .emergency .fixbottom .view-sp .sp-tel p {
  font-size: 10px;
  line-height: 10px;
  margin-top: 5px;
}
.page-document {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-document {
    padding-top: 62px;
  }
}
.page-document .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-document .breadcrumb ul {
  display: flex;
}
.page-document .breadcrumb ul li {
  font-size: 12px;
}
.page-document .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-document .breadcrumb ul li a {
  text-decoration: underline;
}
.page-document .document h2:before {
  content: "";
  width: 33px;
  height: 26px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_doc.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-document .document .wrap {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
.page-document .document .wrap .detail {
  margin: auto 0;
  width: 100%;
}
.page-document .document .wrap .detail dl {
  display: flex;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 1024px) {
  .page-document .document .wrap .detail dl {
    flex-direction: column;
    width: 100%;
  }
}
.page-document .document .wrap .detail dl dt,
.page-document .document .wrap .detail dl dd {
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 1024px) {
  .page-document .document .wrap .detail dl:first-child {
    margin-bottom: 20px;
  }
}
.page-document .document .wrap .detail dl + dl {
  border-top: 0;
}
@media only screen and (max-width: 1024px) {
  .page-document .document .wrap .detail dl + dl {
    border-top: 1px solid #ddd;
  }
}
.page-document .document .wrap .detail dl dt {
  background: #f2f2f2;
  text-align: left;
  width: 30%;
  padding: 49px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .page-document .document .wrap .detail dl dt {
    width: 100%;
    padding: 18px 40px 18px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-document .document .wrap .detail dl dt br.hidden {
    display: none;
  }
}
.page-document .document .wrap .detail dl dd {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .page-document .document .wrap .detail dl dd {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
}
.page-document .document .wrap .detail dl dd .pdf {
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 22px 0 22px 48px;
  width: 48%;
  display: flex;
  align-items: center;
  position: relative;
}
.page-document .document .wrap .detail dl dd .pdf:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-document .document .wrap .detail dl dd .pdf {
    width: 100%;
  }
}
.page-document .document .wrap .detail dl dd .pdf span {
  font-size: 16px;
  line-height: 21px;
}
.page-document .document .wrap .detail dl dd .pdf + a {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .page-document .document .wrap .detail dl dd .pdf + a {
    margin-left: 0;
    margin-top: 10px;
  }
}
.page-document .document .wrap .detail dl dd .pdf:before {
  content: "";
  width: 14px;
  height: 18px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-document .document .wrap .detail dl dd {
    flex-direction: column;
  }
}
.page-document .document .wrap .detail .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
}
.page-document .document .wrap .detail .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-document .document .wrap .detail .back {
    width: 270px;
  }
}
.page-document .document .wrap .detail .back span {
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (max-width: 767px) {
  .page-document .document .wrap .detail .back span {
    font-size: 14px;
    line-height: 19px;
  }
}
.page-document .document .wrap .detail .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-document .document .wrap .detail .code {
  text-align: right;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 58px;
}
@media only screen and (max-width: 767px) {
  .page-document .document .wrap .detail .code {
    margin-top: 27px;
    margin-bottom: 68px;
  }
}
.page-kaigai {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai {
    padding-top: 62px;
  }
}
.page-kaigai .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-kaigai .breadcrumb ul {
  display: flex;
}
.page-kaigai .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-kaigai .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-kaigai .breadcrumb ul li a {
  text-decoration: underline;
}
.page-kaigai .kaigai .main_img {
  width: 100%;
  text-align: right;
  overflow: hidden;
  background-color: #84dbfe;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    max-width: 950px;
    max-height: initial;
    width: 96%;
    margin: 0 auto;
  }
}
.page-kaigai .kaigai .main_img .comment {
  background-color: #f7fcff;
  width: 32%;
  padding-top: 4%;
  padding-bottom: 4%;
  position: absolute;
  left: 11%;
  top: 18%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img .comment {
    position: relative;
    top: auto;
    left: auto;
    background: #f7fcff;
    max-width: initial;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-kaigai .kaigai .main_img .comment .main-title {
  font-size: 2vw;
  left: 20%;
  padding-bottom: 1%;
  color: #4066b3;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img .comment .main-title {
    font-size: 21px;
    line-height: 36px;
  }
}
.page-kaigai .kaigai .main_img .comment .main-title + p {
  font-size: 1.6vw;
  line-height: 2.6vw;
  text-align: left;
  padding: 3% 10%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img .comment .main-title + p {
    font-size: 18px;
    line-height: 27px;
    padding: 10px 0;
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img .comment .main-title + p br {
    display: none;
  }
}
.page-kaigai .kaigai .main_img img {
  width: 100%;
  right: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img img {
    width: 100%;
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img .view-pc {
    display: none;
  }
}
.page-kaigai .kaigai .main_img .view-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .main_img .view-sp {
    display: block;
  }
}
.page-kaigai .kaigai .wrap-news {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
  margin-top: 40px;
  padding: 37px 1%;
  background: #fafafa;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news {
    margin-top: 20px;
    padding: 10px;
    align-items: flex-start;
    flex-direction: column;
  }
}
.page-kaigai .kaigai .wrap-news .news {
  border-left: 4px solid #039;
  padding-left: 15px;
  color: #333;
  font-size: 1.5rem;
  line-height: 2.5625rem;
  width: 15%;
}
@media only screen and (max-width: 1024px) {
  .page-kaigai .kaigai .wrap-news .news {
    padding-left: 8px;
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news .news {
    font-size: 18px;
    line-height: 31px;
    width: 100%;
  }
}
.page-kaigai .kaigai .wrap-news a {
  text-decoration: underline;
  display: flex;
  width: 85%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news a {
    width: calc(100% - 15px);
    margin: 15px 0 0 15px;
  }
}
.page-kaigai .kaigai .wrap-news a p {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news a p {
    display: block;
  }
}
.page-kaigai .kaigai .wrap-news a p:before {
  content: '';
  width: 7px;
  height: 7px;
  background: transparent;
  border-bottom: 2px solid #053399;
  border-left: 2px solid #053399;
  position: absolute;
  left: -20px;
  transform: rotate(225deg);
}
@media only screen and (max-width: 1024px) {
  .page-kaigai .kaigai .wrap-news a p:before {
    left: -4%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news a p:before {
    width: 4px;
    height: 4px;
    left: -15px;
    top: 10px;
  }
}
.page-kaigai .kaigai .wrap-news a p .day,
.page-kaigai .kaigai .wrap-news a p .news-title {
  color: #333;
  display: block;
  font-size: 1rem;
  line-height: 1.6875rem;
}
@media only screen and (max-width: 1024px) {
  .page-kaigai .kaigai .wrap-news a p .day,
  .page-kaigai .kaigai .wrap-news a p .news-title {
    display: inline !important;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news a p .day,
  .page-kaigai .kaigai .wrap-news a p .news-title {
    font-size: 14px;
    line-height: 24px;
  }
}
.page-kaigai .kaigai .wrap-news a p .day {
  margin-right: 1%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news a p .day {
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news a p .news-title {
    line-height: 24px;
  }
}
.page-kaigai .kaigai .wrap-news .wrap-link {
  display: flex;
  justify-content: space-between;
}
.page-kaigai .kaigai .wrap-news .wrap-link .menu {
  width: 48%;
  max-width: 465px;
  max-height: 136px;
  background: #4f90c8;
  border-radius: 5px;
  cursor: pointer;
}
.page-kaigai .kaigai .wrap-news .wrap-link .menu:active {
  box-shadow: none;
  transform: translate(0, 2px);
}
.page-kaigai .kaigai .wrap-news .wrap-link .menu a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 0;
}
.page-kaigai .kaigai .wrap-news .wrap-link .menu a span {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-top: 12px;
  text-align: center;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .wrap-news .wrap-link .menu a span {
    font-size: 11px;
    line-height: 12px;
  }
}
.page-kaigai .kaigai .wrap-news .wrap-link .menu a span br {
  display: none;
}
@media only screen and (max-width: 730px) {
  .page-kaigai .kaigai .wrap-news .wrap-link .menu a span br {
    display: block;
  }
}
.page-kaigai .kaigai .section-detail {
  margin-top: -92px;
  padding-top: 184px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail {
    margin-top: -40px;
    padding-top: 80px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail {
  max-width: 950px;
  width: 96%;
  margin: 0 auto;
}
.page-kaigai .kaigai .section-detail .wrap-detail p {
  color: #4066b3;
  font-size: 2.125rem;
  line-height: 2.875rem;
  text-align: center;
  margin-top: 33px;
}
@media only screen and (max-width: 1024px) {
  .page-kaigai .kaigai .section-detail .wrap-detail p {
    font-size: 1.625rem;
    line-height: 2.5625rem;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail p {
    font-size: 19px;
    line-height: 36px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 43px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail ul {
    flex-direction: column;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail ul li {
  width: 30%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail ul li {
    width: 100%;
    margin: 20px auto 0;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail ul li:nth-child(n+4) {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail ul li:nth-child(n+4) {
    margin-top: 20px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail ul li img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail ul li img {
    width: 66%;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail ul li .item,
.page-kaigai .kaigai .section-detail .wrap-detail ul li .detail {
  color: #333;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
}
.page-kaigai .kaigai .section-detail .wrap-detail ul li .item {
  margin-top: 17px;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail ul li .item {
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    margin-top: 23px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail ul li .detail {
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail ul li .detail {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail .pdf {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 76px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail .pdf {
    margin-top: 40px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail .pdf a {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.page-kaigai .kaigai .section-detail .wrap-detail .pdf a:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail .pdf a {
    font-size: 15px;
    line-height: 22px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail .pdf a:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4066b3;
  border-right: solid 2px #4066b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: -15px;
  margin-top: -4px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail .pdf a:before {
    left: -20px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-detail .pdf a br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-detail .pdf a br {
    display: block;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
.page-kaigai .kaigai .section-detail .wrap-change > p {
  margin-top: 37px;
  color: #333;
  font-size: 1rem;
  line-height: 1.1875rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change > p {
    margin-top: 40px;
    text-align: left;
    font-size: 14px;
    line-height: 24px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change dl {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #4066b3;
  margin-top: 38px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl {
    margin-top: 40px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change dl dt,
.page-kaigai .kaigai .section-detail .wrap-change dl dd {
  text-align: center;
}
.page-kaigai .kaigai .section-detail .wrap-change dl dt {
  background: #4066b3;
  padding: 15px 0;
}
.page-kaigai .kaigai .section-detail .wrap-change dl dt span {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dt span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change dl dt span:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_tel.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 5%;
  left: -10%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dt span:before {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dt span {
    font-size: 16px;
    line-height: 31px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change dl dd {
  padding: 18px 0 23px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dd {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dd .wrap-tel {
    width: 87%;
    border: 2px solid #ddd;
    padding: 20px 0;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change dl dd .wrap-tel .tel {
  color: #4066b3;
  font-size: 2.5rem;
  line-height: 2.875rem;
  border-bottom: 1px solid #4066b3;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dd .wrap-tel .tel {
    font-size: 24px;
    line-height: 32px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change dl dd .wrap-tel .tel a {
  color: #4066b3;
  text-decoration: none;
}
.page-kaigai .kaigai .section-detail .wrap-change dl dd .wrap-tel .tel + span {
  margin-top: 8px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change dl dd .wrap-tel .tel + span {
    font-size: 12px;
    line-height: 15px;
  }
}
.page-kaigai .kaigai .section-detail .wrap-change .code {
  text-align: right;
  margin-top: 36px;
  margin-bottom: 58px;
  color: #666;
  font-size: 1rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 1060px) {
  .page-kaigai .kaigai .section-detail .wrap-change .code {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-detail .wrap-change .code {
    margin: 20px 0 68px;
    font-size: 12px;
    line-height: 15px;
  }
}
.page-kaigai .kaigai .section-change {
  padding-top: 80px;
  margin-top: -40px;
}
.page-kaigai .kaigai .section-change .change {
  margin: 40px auto 0;
  max-width: 950px;
  width: 96%;
}
.page-kaigai .kaigai .section-change .change p {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-top: 34px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change p {
    font-size: 14px;
    line-height: 19px;
  }
}
.page-kaigai .kaigai .section-change .change dl dt {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #4066b3;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl dt {
    font-size: 18px;
    line-height: 25px;
  }
}
.page-kaigai .kaigai .section-change .change dl dd {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl dd {
    font-size: 14px;
    line-height: 19px;
  }
}
.page-kaigai .kaigai .section-change .change dl + dl {
  margin-top: 36px;
}
.page-kaigai .kaigai .section-change .change dl.customer {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #4066b3;
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer {
    margin-top: 40px;
  }
}
.page-kaigai .kaigai .section-change .change dl.customer dt,
.page-kaigai .kaigai .section-change .change dl.customer dd {
  text-align: center;
}
.page-kaigai .kaigai .section-change .change dl.customer dt {
  background: #4066b3;
  padding: 15px 0;
}
.page-kaigai .kaigai .section-change .change dl.customer dt span {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-kaigai .kaigai .section-change .change dl.customer dt span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.page-kaigai .kaigai .section-change .change dl.customer dt span:before {
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_tel.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 5%;
  left: -10%;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer dt span:before {
    width: 18px;
    height: 18px;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer dt span {
    font-size: 16px;
    line-height: 31px;
  }
}
.page-kaigai .kaigai .section-change .change dl.customer dd {
  padding: 18px 0 23px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer dd {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer dd .wrap-tel {
    width: 87%;
    border: 2px solid #ddd;
    padding: 20px 0;
  }
}
.page-kaigai .kaigai .section-change .change dl.customer dd .wrap-tel .tel {
  color: #4066b3;
  font-size: 2.5rem;
  line-height: 2.875rem;
  border-bottom: 1px solid #4066b3;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer dd .wrap-tel .tel {
    font-size: 24px;
    line-height: 32px;
  }
}
.page-kaigai .kaigai .section-change .change dl.customer dd .wrap-tel .tel a {
  color: #4066b3;
  text-decoration: none;
}
.page-kaigai .kaigai .section-change .change dl.customer dd .wrap-tel .tel + span {
  margin-top: 8px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change dl.customer dd .wrap-tel .tel + span {
    font-size: 12px;
    line-height: 15px;
  }
}
.page-kaigai .kaigai .section-change .change .code {
  text-align: right;
  margin-top: 37px;
  margin-bottom: 58px;
  color: #666;
  font-size: 1rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 767px) {
  .page-kaigai .kaigai .section-change .change .code {
    margin: 20px 0 68px;
    font-size: 12px;
    line-height: 15px;
  }
}
.page-otaassistance {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance {
    padding-top: 62px;
  }
}
.page-otaassistance .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-otaassistance .breadcrumb ul {
  display: flex;
}
.page-otaassistance .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-otaassistance .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-otaassistance .breadcrumb ul li a {
  text-decoration: underline;
}
.page-otaassistance .assistance h2:before {
  content: "";
  width: 32px;
  height: 38px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_assis.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-otaassistance .assistance section {
  max-width: 950px;
  width: 96%;
  margin: 37px auto 0;
}
.page-otaassistance .assistance section p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 37px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section p {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .c-quest-b {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .c-quest-b {
    justify-content: center;
    margin: 33px 0 60px;
  }
}
.page-otaassistance .assistance section .c-quest-b .question {
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .c-quest-b .question {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .c-layer .box > p {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .c-layer .box .viewq1-pc {
    display: none;
  }
}
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 {
  margin-top: 20px;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 th,
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 td {
  border: 1px solid #a9a9a9;
  border-collapse: collapse;
  font-family: sans-serif;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 th {
  text-align: left;
  padding: 2% 1%;
  width: 8%;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 th {
    width: 13%;
    padding: 3%;
    min-width: 25px;
  }
}
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 th img {
  max-width: 100%;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 td {
  border-top: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  font-size: 16px;
  line-height: 22px;
  padding: 2% 1%;
  font-weight: normal;
  text-align: left;
  box-sizing: border-box;
  vertical-align: middle;
  width: 20%;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 td {
    width: 26%;
  }
}
.page-otaassistance .assistance section .c-layer .box .viewq1-pc table.q-1 td + td {
  width: 72%;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .c-layer .box .viewq1-sp {
    display: block;
    margin: 40px 0 40px;
  }
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp .wrapq1-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 1px solid #a9a9a9;
  padding-bottom: 10%;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp .wrapq1-box img {
  width: 20%;
  min-width: 60px;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp .wrapq1-box .q1title {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp .wrapq1-box .q1detail {
  font-size: 16px;
  line-height: 20px;
  margin-top: 10px;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp .wrapq1-box:nth-child(n+2) {
  margin-top: 10%;
}
.page-otaassistance .assistance section .c-layer .box .viewq1-sp .wrapq1-box:last-child {
  border-bottom: none;
}
.page-otaassistance .assistance section .telno_serch {
  padding: 40px 45px;
  margin-top: 43px;
  background: #f7f9fd;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch {
    padding: 30px 2%;
  }
}
.page-otaassistance .assistance section .telno_serch p.message {
  width: 320px;
  background: #fff;
  padding: 8px 0;
  margin: 0 auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -2%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  box-shadow: 6px 6px 12px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch p.message {
    width: 92%;
    top: -3%;
  }
}
.page-otaassistance .assistance section .telno_serch p.message:before {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_exclamation.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 5px;
}
.page-otaassistance .assistance section .telno_serch p.message:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
.page-otaassistance .assistance section .telno_serch p.message .blue {
  color: #4066b3;
}
.page-otaassistance .assistance section .telno_serch .telno {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch .telno {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-otaassistance .assistance section .telno_serch .telno select {
  font-size: 17px;
  line-height: 20px;
  max-width: 420px;
  width: 48%;
  display: block;
  padding: 22px 20px;
  border: 2px solid #ddd;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_arrow_select.svg");
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 20px center;
  border-radius: 4px;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch .telno select {
    max-width: auto;
    max-width: initial;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch .telno select + select {
    margin-top: 10px;
  }
}
.page-otaassistance .assistance section .telno_serch .telno select:focus {
  border: 2px solid #4066b3;
}
.page-otaassistance .assistance section .telno_serch .telno select::-ms-expand {
  display: none;
}
.page-otaassistance .assistance section .telno_serch .check1 {
  margin-top: 17px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch .check1 {
    margin-top: 27px;
  }
}
.page-otaassistance .assistance section .telno_serch dl {
  display: flex;
}
.page-otaassistance .assistance section .telno_serch dl dt,
.page-otaassistance .assistance section .telno_serch dl dd {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl dt,
  .page-otaassistance .assistance section .telno_serch dl dd {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .telno_serch .check2 {
  margin-top: 5px;
}
.page-otaassistance .assistance section .telno_serch .check3 dd a.checkthis {
  text-decoration: underline;
}
.page-otaassistance .assistance section .telno_serch .check3 dd a.checkthis:hover {
  opacity: 0.8;
}
.page-otaassistance .assistance section .telno_serch dl.freephone {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 100px;
  margin-top: -62px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone {
    margin-top: 0;
    padding-top: 80px;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dt,
.page-otaassistance .assistance section .telno_serch dl.freephone dd {
  text-align: center;
}
.page-otaassistance .assistance section .telno_serch dl.freephone dt {
  background: #ea635c;
  padding: 15px 0;
}
.page-otaassistance .assistance section .telno_serch dl.freephone dt span {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dt span {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd {
  padding: 37px 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-height: 176px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area {
    width: 87%;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectF {
  font-size: 2.125rem;
  line-height: 2.875rem;
  margin: 73px 0 57px;
  color: #ea635c;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectF {
    font-size: 20px;
    line-height: 30px;
    margin: 0;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectF br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectF br {
    display: block;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectT {
  margin-top: 0;
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectT .stayarea {
  font-size: 12px;
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectT .telarea {
  color: #ea635c;
  font-size: 2.25rem;
  line-height: 3.625rem;
  display: block;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectT .telarea {
    font-size: 35px;
    line-height: 60px;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectT .telarea + span {
  color: #333;
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: block;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telno-select .selectT .telarea + span {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea {
  display: none;
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .area {
  color: #333;
  font-size: 1.5rem;
  line-height: 1.25rem;
  display: block;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .area {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .tel {
  color: #00bfb3;
  font-size: 2.125rem;
  line-height: 2.875rem;
  display: block;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .tel {
    font-size: 24px;
    line-height: 32px;
  }
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .tel a {
  color: #00bfb3;
  text-decoration: none;
}
.page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .tel + span {
  margin-top: 12px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch dl.freephone dd .select-area .telarea .tel + span {
    font-size: 12px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .telno_serch p.care {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.375rem;
  color: #4066b3;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch p.care {
    font-size: 16px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .telno_serch p.care + p {
  margin-top: 0;
}
.page-otaassistance .assistance section .telno_serch .wrap-care {
  margin-top: 10px;
}
.page-otaassistance .assistance section .telno_serch .wrap-care dl.care {
  display: flex;
  margin-top: 5px;
}
.page-otaassistance .assistance section .telno_serch .wrap-care dl.care dt,
.page-otaassistance .assistance section .telno_serch .wrap-care dl.care dd {
  font-size: 1rem;
  line-height: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch .wrap-care dl.care dt,
  .page-otaassistance .assistance section .telno_serch .wrap-care dl.care dd {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .telno_serch span.care {
  display: block;
  margin-top: 20px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .telno_serch span.care {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section .telno_serch span.care a {
  text-decoration: underline;
}
.page-otaassistance .assistance section:nth-child(2n) {
  padding-top: 140px;
  margin-top: -60px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) {
    padding-top: 100px;
    margin-top: -50px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) h3 br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) h3 br {
    display: block;
  }
}
.page-otaassistance .assistance section:nth-child(2n) p.cont {
  margin-top: 37px;
  height: 33%;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) p.cont {
    font-size: 14px;
    line-height: 20px;
    margin-top: 30px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall {
  width: 100%;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  margin-top: 38px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall {
    margin-top: 14px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt,
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd {
  text-align: center;
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt {
  background: #4066b3;
  padding: 15px 0;
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt span {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt span br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt span br {
    display: block;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dt span {
    font-size: 18px;
    line-height: 20px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd {
  padding: 18px 0 23px;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd {
    padding: 20px 0;
    font-size: 14px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd .wrap-tel {
    width: 87%;
  }
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd .wrap-tel .tel {
  color: #4066b3;
  font-size: 2.125rem;
  line-height: 2.875rem;
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd .wrap-tel .tel display inline-block {
  color: #4066b3;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd .wrap-tel .tel {
    font-size: 24px;
    line-height: 32px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd .wrap-tel .tel + span {
  margin-top: 8px;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) dl.collectcall dd .wrap-tel .tel + span {
    font-size: 12px;
    line-height: 15px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow {
  margin-top: 75px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow {
    margin-top: 57px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow p {
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: left;
  color: #4066b3;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow p {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul {
  margin-top: 17px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul {
    flex-direction: column;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box {
  width: 31%;
  border: 1px solid #ddd;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box + li {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box {
    max-width: auto !important;
    max-width: initial !important;
    width: 100%;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box > span {
  color: #4066b3;
  font-size: 1.5rem;
  line-height: 2rem;
  position: absolute;
  top: 15px;
  left: 20px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box > span {
    font-size: 24px;
    line-height: 32px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box img {
  height: 118px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box img {
    height: auto;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box .flow01 {
  width: 75px;
  position: relative;
  top: 10%;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box .flow02 {
  width: 96px;
  position: relative;
  top: 10%;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box .flow03 {
  width: 115px;
  position: relative;
  right: -10%;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box .flow03 {
    right: initial;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box p {
  margin-top: 48px;
  height: 33%;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: left;
  color: #333;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow ul li.flow-box p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 30px;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .tellist,
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .exe {
  border-bottom: 1px solid #333;
  cursor: pointer;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .tellist:hover,
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .exe:hover {
  opacity: 0.8;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .tellist p.question,
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .exe p.question {
  margin-top: 13px;
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .tellist p.question,
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .exe p.question {
    font-size: 16px;
    line-height: 21px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box .view-pc {
    display: none;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box .view-pc table {
  width: 100%;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box .view-pc table th {
  width: calc(100% / 4);
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box .view-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box .view-sp {
    display: block;
    width: 100%;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box .view-sp table {
  width: 100%;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table th,
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table td {
  border: 1px solid #a9a9a9;
  border-collapse: collapse;
  font-family: sans-serif;
  text-align: center;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table .blue {
  background: #4066b3;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table .gray {
  background: rgba(242,242,242,0.82);
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table th {
  background-color: #f2f2f2;
  color: #636363;
  padding: 2% 1%;
  width: 40%;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table th {
    font-size: 14px;
    padding: 6% 1%;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table td {
  border-top: 1px solid #a9a9a9;
  border-right: 1px solid #a9a9a9;
  font-size: 1rem;
  line-height: 22px;
  padding: 2% 1%;
  font-weight: normal;
  box-sizing: border-box;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box table td {
    font-size: 14px;
    padding: 6% 1%;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .box p {
  height: auto;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 p.tit {
  font-weight: bold;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 p.tit:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #4066b3;
  display: inline-block;
  margin-right: 5px;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 p.tit + p {
  margin-top: 10px;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .wrap-en {
  background: #fdd5d6;
  margin-top: 15px;
  padding: 2%;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .wrap-en p {
  margin-top: 0;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .wrap-en p .en {
  font-weight: bold;
  display: block;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .wrap-en p + p {
  margin-top: 10px;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .wrap-en p + p .en {
  margin-top: 10px;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .res {
  font-weight: bold;
  margin-top: 10px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .res {
    display: block;
  }
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .res dt,
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .res dd {
  font-size: 16px;
  line-height: 24px;
}
.page-otaassistance .assistance section:nth-child(2n) .collectcall-flow .c-layer .q-3 .res + p {
  margin-top: 5px;
}
.page-otaassistance .assistance section .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
}
.page-otaassistance .assistance section .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .back {
    margin-top: 40px;
    width: 270px;
  }
}
.page-otaassistance .assistance section .back span {
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .back span {
    font-size: 14px;
    line-height: 19px;
    margin-left: 0;
  }
}
.page-otaassistance .assistance section .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-otaassistance .assistance section .code {
  text-align: right;
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: 58px;
}
@media only screen and (max-width: 1060px) {
  .page-otaassistance .assistance section .code {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaassistance .assistance section .code {
    margin-top: 27px;
    font-size: 16px;
    line-height: 19px;
    color: #666;
  }
}
.page-otacashless {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-otacashless {
    padding-top: 62px;
  }
}
.page-otacashless .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-otacashless .breadcrumb ul {
  display: flex;
}
.page-otacashless .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-otacashless .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-otacashless .breadcrumb ul li a {
  text-decoration: underline;
}
.page-otacashless .cashless h2:before {
  content: "";
  width: 32px;
  height: 38px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_cashless.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-otacashless .cashless h2 br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless h2 br {
    display: block;
  }
}
.page-otacashless .cashless section {
  max-width: 950px;
  width: 96%;
  margin: 37px auto 0;
}
.page-otacashless .cashless section p {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section p {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otacashless .cashless section .wrap h3 {
  margin-top: 78px;
}
.page-otacashless .cashless section .wrap > p {
  margin-top: 40px;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap > p {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otacashless .cashless section .wrap .c-quest {
  margin-top: 40px;
}
.page-otacashless .cashless section .wrap .c-quest p {
  text-align: left;
  width: 280px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .c-quest p {
    width: 255px;
  }
}
.page-otacashless .cashless section .wrap .c-quest p .moreq-1 {
  margin-top: 35px;
  text-align: center;
  text-decoration: underline;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}
.page-otacashless .cashless section .wrap .c-quest p .moreq-1:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 450px) {
  .page-otacashless .cashless section .wrap .c-quest p .moreq-1 {
    width: 80%;
    margin: 20px auto 0;
    text-align: left;
  }
}
.page-otacashless .cashless section .wrap .c-quest p .moreq-1:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4066b3;
  border-right: solid 2px #4066b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: -10%;
  margin-top: -4px;
}
@media only screen and (max-width: 450px) {
  .page-otacashless .cashless section .wrap .c-quest p .moreq-1:before {
    top: 55%;
    left: -20px;
  }
}
.page-otacashless .cashless section .wrap .c-quest a {
  text-decoration: underline;
  cursor: pointer;
}
.page-otacashless .cashless section .wrap .c-quest a:hover {
  opacity: 0.8;
}
.page-otacashless .cashless section .wrap .c-layer .box .cashlesbox {
  background: #f7f9fd;
  font-size: 16px;
  line-height: 22px;
  padding: 1%;
  font-weight: bold;
}
.page-otacashless .cashless section .wrap .c-layer .box .cashlesstit {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.page-otacashless .cashless section .wrap .c-layer .box .cashul {
  margin-top: 10px;
}
.page-otacashless .cashless section .wrap .c-layer .box .cashul li {
  font-size: 16px;
  line-height: 22px;
}
.page-otacashless .cashless section .wrap .c-layer .box .teikei {
  margin-top: 20px;
}
.page-otacashless .cashless section .wrap .serch {
  background: #f7f9fd;
  margin-top: 44px;
  padding: 36px 45px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch {
    padding: 30px 2%;
  }
}
.page-otacashless .cashless section .wrap .serch p.message {
  width: 320px;
  background: #fff;
  padding: 8px 0;
  margin: 0 auto;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -10%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  box-shadow: 6px 6px 12px rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch p.message {
    width: 92%;
  }
}
.page-otacashless .cashless section .wrap .serch p.message:before {
  content: '';
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_exclamation.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 5px;
}
.page-otacashless .cashless section .wrap .serch p.message:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
.page-otacashless .cashless section .wrap .serch p.message .blue {
  color: #4066b3;
}
.page-otacashless .cashless section .wrap .serch .select-area {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-area {
    flex-direction: column;
  }
}
.page-otacashless .cashless section .wrap .serch .select-area select {
  font-size: 17px;
  line-height: 20px;
  max-width: 420px;
  width: 48%;
  border: 2px solid #ddd;
  background: #fff;
  border-radius: 4px;
  padding: 22px 20px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_arrow_select.svg");
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 20px center;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-area select {
    max-width: initial;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-area select + select {
    margin-top: 10px;
  }
}
.page-otacashless .cashless section .wrap .serch .select-area select::-ms-expand {
  display: none;
}
.page-otacashless .cashless section .wrap .serch .select-category {
  margin-top: -90px;
  padding-top: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-category {
    margin-top: -60px;
    padding-top: 80px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-otacashless .cashless section .wrap .serch .select-category span.fil {
  font-size: 1rem;
  line-height: 1.3125rem;
  display: block;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-category span.fil {
    font-size: 16px;
    line-height: 27px;
  }
}
.page-otacashless .cashless section .wrap .serch .select-category .check {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-category .check {
    margin-top: 10px;
  }
}
.page-otacashless .cashless section .wrap .serch .select-category .check label {
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.page-otacashless .cashless section .wrap .serch .select-category .check label:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #cdd6dd;
  background: #fff;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 5%;
  top: 20%;
  margin-right: 10px;
}
.page-otacashless .cashless section .wrap .serch .select-category .check label:after {
  content: "";
  width: 12px;
  height: 7px;
  border-left: 4px solid #4066b3;
  border-bottom: 4px solid #4066b3;
  display: block;
  transform: rotate(-45deg);
  position: absolute;
  top: 11px;
  left: 10px;
  opacity: 0;
}
.page-otacashless .cashless section .wrap .serch .select-category .check label .em,
.page-otacashless .cashless section .wrap .serch .select-category .check label .ja {
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: bold;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .serch .select-category .check label .em,
  .page-otacashless .cashless section .wrap .serch .select-category .check label .ja {
    font-size: 12px;
    line-height: 20px;
  }
}
.page-otacashless .cashless section .wrap .serch .select-category .check .sel02 {
  margin-left: 20px;
}
.page-otacashless .cashless section .wrap .serch .select-category .check input[type="checkbox"] {
  display: none;
}
.page-otacashless .cashless section .wrap .serch .select-category .check input[type="checkbox"]:checked + label {
  background: #4066b3;
}
.page-otacashless .cashless section .wrap .serch .select-category .check input[type="checkbox"]:checked + label .em,
.page-otacashless .cashless section .wrap .serch .select-category .check input[type="checkbox"]:checked + label .ja {
  color: #fff;
}
.page-otacashless .cashless section .wrap .serch .select-category .check input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.page-otacashless .cashless section .wrap .show-area {
  margin: 80px auto 160px;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area {
    margin: 50px auto 60px;
  }
}
.page-otacashless .cashless section .wrap .show-area .selectF {
  text-align: center;
  font-size: 2.125rem;
  line-height: 3.625rem;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area .selectF {
    font-size: 20px;
    line-height: 30px;
  }
}
.page-otacashless .cashless section .wrap .show-area .selectF br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area .selectF br {
    display: block;
  }
}
.page-otacashless .cashless section .wrap .show-area .wrap-area .hospitalname {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.6875rem;
  background: #f2f2f2;
  padding: 20px 25px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area .wrap-area .hospitalname {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital {
  width: 100%;
}
.page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital th,
.page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital td {
  border: 1px solid #f2f2f2;
  border-collapse: collapse;
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 20px 25px;
  box-sizing: border-box;
  white-space: pre-line;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital th,
  .page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital td {
    font-size: 14px;
    line-height: 24px;
    padding: 20px 8px;
  }
}
.page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital th {
  width: 13%;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital th {
    width: 27%;
  }
}
.page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital td .corre {
  background: #4066b3;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  padding: 6px 20px;
  box-sizing: border-box;
}
.page-otacashless .cashless section .wrap .show-area .wrap-area .show-hospital td .corre + .corre {
  margin-left: 10px;
}
.page-otacashless .cashless section .wrap .show-area .wrap-area + .wrap-area {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .show-area .wrap-area + .wrap-area {
    margin-top: 20px;
  }
}
.page-otacashless .cashless section .wrap .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
}
.page-otacashless .cashless section .wrap .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .back {
    margin-top: 40px;
    width: 270px;
  }
}
.page-otacashless .cashless section .wrap .back span {
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .back span {
    font-size: 14px;
    line-height: 19px;
    margin-left: 0;
  }
}
.page-otacashless .cashless section .wrap .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-otacashless .cashless section .wrap .code {
  text-align: right;
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: 58px;
}
@media only screen and (max-width: 1060px) {
  .page-otacashless .cashless section .wrap .code {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otacashless .cashless section .wrap .code {
    margin-top: 27px;
    font-size: 16px;
    line-height: 19px;
    color: #666;
  }
}
.page-otadocument {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-otadocument {
    padding-top: 62px;
  }
}
.page-otadocument .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-otadocument .breadcrumb ul {
  display: flex;
}
.page-otadocument .breadcrumb ul li {
  font-size: 12px;
}
.page-otadocument .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-otadocument .breadcrumb ul li a {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document h2 {
    font-size: 19px;
  }
}
.page-otadocument .document h2:before {
  content: "";
  width: 33px;
  height: 26px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_doc.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-otadocument .document .wrap {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
.page-otadocument .document .wrap .detail {
  margin: auto 0;
  width: 100%;
}
.page-otadocument .document .wrap .detail .covid19 {
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .covid19 {
    width: 95%;
    margin: 0 auto;
  }
}
.page-otadocument .document .wrap .detail .covid19 a {
  text-decoration: underline;
}
.page-otadocument .document .wrap .detail .covid19 a:before {
  content: '▶';
  display: inline-block;
  margin-right: 5px;
  color: #4066b3;
}
.page-otadocument .document .wrap .detail .covid19:hover {
  opacity: 0.8;
}
.page-otadocument .document .wrap .detail .covid19 + p {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .covid19 + p {
    width: 95%;
    margin: 20px auto 0;
  }
}
.page-otadocument .document .wrap .detail .anzen {
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .anzen {
    width: 95%;
    margin: 0 auto;
  }
}
.page-otadocument .document .wrap .detail .anzen a {
  text-decoration: underline;
}
.page-otadocument .document .wrap .detail .anzen a:hover {
  opacity: 0.8;
}
.page-otadocument .document .wrap .detail .wrap-detail {
  margin-top: 40px;
}
.page-otadocument .document .wrap .detail .wrap-detail dl {
  display: flex;
  border: 1px solid #ddd;
}
@media only screen and (max-width: 1024px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl {
    flex-direction: column;
    width: 100%;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl + dl {
  border-top: none;
}
@media only screen and (max-width: 1024px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl + dl {
    border-top: 1px solid #ddd;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl dt,
.page-otadocument .document .wrap .detail .wrap-detail dl dd {
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 1024px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl:first-child {
    margin-bottom: 20px;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl dt {
  background: #f2f2f2;
  text-align: left;
  width: 30%;
  padding: 49px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: 1024px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl dt {
    width: 100%;
    padding: 18px 40px 18px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl dt br.hidden {
    display: none;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd {
  width: 70%;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  padding: 1%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1024px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl dd {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf {
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 22px 0 22px 48px;
  width: 49%;
  display: flex;
  align-items: center;
  position: relative;
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf {
    width: 100%;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf span {
  font-size: 16px;
  line-height: 21px;
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf:nth-child(2n) {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf:nth-child(2n) {
    margin-left: 0;
    margin-top: 10px;
  }
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf:nth-child(3n) {
  margin-top: 10px;
}
.page-otadocument .document .wrap .detail .wrap-detail dl dd .pdf:before {
  content: "";
  width: 14px;
  height: 18px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .wrap-detail dl dd {
    flex-direction: column;
  }
}
.page-otadocument .document .wrap .detail .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
}
.page-otadocument .document .wrap .detail .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .back {
    width: 270px;
  }
}
.page-otadocument .document .wrap .detail .back span {
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .back span {
    font-size: 14px;
    line-height: 19px;
  }
}
.page-otadocument .document .wrap .detail .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-otadocument .document .wrap .detail .code {
  text-align: right;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 58px;
}
@media only screen and (max-width: 1060px) {
  .page-otadocument .document .wrap .detail .code {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otadocument .document .wrap .detail .code {
    margin-top: 27px;
    margin-bottom: 68px;
  }
}
.page-otaemergency {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency {
    padding-top: 62px;
  }
}
.page-otaemergency .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-otaemergency .breadcrumb ul {
  display: flex;
}
.page-otaemergency .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-otaemergency .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-otaemergency .breadcrumb ul li a {
  text-decoration: underline;
}
.page-otaemergency .emergency h2:before {
  content: "";
  width: 33px;
  height: 26px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_emergency.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-otaemergency .emergency h2 + p {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  margin: 37px auto 0;
  max-width: 950px;
  width: 96%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency h2 + p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }
}
.page-otaemergency .emergency .wrap {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
.page-otaemergency .emergency .wrap ul.link {
  display: flex;
  justify-content: space-between;
}
.page-otaemergency .emergency .wrap ul.link li.links {
  background: #4f90c8;
  border-radius: 5px;
  max-width: 304px;
  width: 32%;
  text-align: center;
  position: relative;
}
.page-otaemergency .emergency .wrap ul.link li.links a {
  color: #fff;
  display: block;
  padding: 17px 0;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap ul.link li.links a {
    font-size: 11px;
    line-height: 16px;
    padding: 15px 0;
  }
}
.page-otaemergency .emergency .wrap ul.link li.links a:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 7%;
  top: 40%;
}
.page-otaemergency .emergency .wrap ul.link li.links a br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap ul.link li.links a br {
    display: block;
  }
}
.page-otaemergency .emergency .wrap ul.link li.links:hover {
  opacity: 0.8;
}
.page-otaemergency .emergency .wrap ul.link li.links:first-child {
  background: #ea635c;
}
.page-otaemergency .emergency .wrap #link01,
.page-otaemergency .emergency .wrap #link02,
.page-otaemergency .emergency .wrap #link03 {
  margin-top: -60px;
  padding-top: 120px;
}
.page-otaemergency .emergency .wrap #link01 h3 + p,
.page-otaemergency .emergency .wrap #link02 h3 + p,
.page-otaemergency .emergency .wrap #link03 h3 + p {
  width: 90%;
  margin: 40px auto 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap #link01 h3 + p,
  .page-otaemergency .emergency .wrap #link02 h3 + p,
  .page-otaemergency .emergency .wrap #link03 h3 + p {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 {
  border: 1px solid #ddd;
  margin-top: 38px;
}
.page-otaemergency .emergency .wrap dl.cont01 dt {
  color: #fff;
  background: #ea635c;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 15px 0;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dt {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dt br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dt br {
    display: block;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd {
  padding: 40px 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd {
    padding: 4%;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd p {
  font-size: 0.875rem;
  line-height: 1.1875rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd p {
    font-size: 14px;
    line-height: 19px;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd a.button {
  color: #fff;
  background: #ea635c;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  max-width: 465px;
  min-width: 304px;
  width: 48%;
  display: block;
  padding: 19px 0;
  border-radius: 5px;
}
.page-otaemergency .emergency .wrap dl.cont01 dd a.button:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd a.button {
    min-width: initial;
    width: 80%;
    font-size: 16px;
    line-height: 20px;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd a.button br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd a.button br {
    display: block;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd a.button + p {
  margin-top: 25px;
  font-size: 14px;
  line-height: 20px;
}
.page-otaemergency .emergency .wrap dl.cont01 dd .pdf {
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-top: 18px;
  padding: 17px 26px 17px 42px;
  max-width: 330px;
  width: 35%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd .pdf {
    max-width: 100%;
    width: 85%;
    padding: 17px 17px 17px 27px;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd .pdf:hover {
  opacity: 0.8;
}
.page-otaemergency .emergency .wrap dl.cont01 dd .pdf span {
  font-size: 16px;
  line-height: 21px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd .pdf span {
    font-size: 14px;
  }
}
.page-otaemergency .emergency .wrap dl.cont01 dd .pdf span:before {
  content: "";
  width: 14px;
  height: 18px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.page-otaemergency .emergency .wrap dl.cont01 dd .pdf span br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont01 dd .pdf span br {
    display: block;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 {
  border: 1px solid #ddd;
  margin-top: 38px;
}
.page-otaemergency .emergency .wrap dl.cont02 dt {
  color: #fff;
  background: #4066b3;
  font-size: 1.5rem;
  line-height: 2rem;
  padding: 15px 0;
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont02 dt {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 dd {
  padding: 40px 4%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont02 dd {
    padding: 4%;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 dd a.button {
  color: #fff;
  background: #4066b3;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  max-width: 465px;
  min-width: 304px;
  width: 48%;
  display: block;
  padding: 19px 0;
  border-radius: 5px;
}
.page-otaemergency .emergency .wrap dl.cont02 dd a.tel {
  color: #4066b3;
  font-size: 2.125rem;
  line-height: 2.875rem;
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont02 dd a.tel {
    font-size: 30px;
    line-height: 50px;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 dd a.tel + span {
  margin-top: 10px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont02 dd a.tel + span {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 dd .pdf {
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-top: 18px;
  padding: 17px 26px 17px 42px;
  max-width: 330px;
  width: 35%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont02 dd .pdf {
    width: 85%;
    padding: 17px 17px 17px 27px;
    max-width: 100%;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 dd .pdf:hover {
  opacity: 0.8;
}
.page-otaemergency .emergency .wrap dl.cont02 dd .pdf span {
  font-size: 16px;
  line-height: 21px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dl.cont02 dd .pdf span {
    font-size: 14px;
  }
}
.page-otaemergency .emergency .wrap dl.cont02 dd .pdf span:before {
  content: "";
  width: 14px;
  height: 18px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_pdf.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: -25px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.page-otaemergency .emergency .wrap dl.cont02 dd .pdf span br {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .page-otaemergency .emergency .wrap dl.cont02 dd .pdf span br {
    display: block;
  }
}
.page-otaemergency .emergency .wrap .send {
  margin-top: 40px;
}
.page-otaemergency .emergency .wrap dt {
  background: #f2f2f2;
  padding: 17px 25px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dt {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaemergency .emergency .wrap dd {
  border: 1px solid #ddd;
  padding: 16px 23px;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap dd {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaemergency .emergency .wrap .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
}
.page-otaemergency .emergency .wrap .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap .back {
    margin-top: 40px;
    width: 270px;
  }
}
.page-otaemergency .emergency .wrap .back span {
  font-size: 1rem;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap .back span {
    font-size: 14px;
    line-height: 19px;
    margin-left: 0;
  }
}
.page-otaemergency .emergency .wrap .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-otaemergency .emergency .wrap .code {
  text-align: right;
  font-size: 1rem;
  line-height: 1.1875rem;
  margin-bottom: 58px;
}
@media only screen and (max-width: 1060px) {
  .page-otaemergency .emergency .wrap .code {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaemergency .emergency .wrap .code {
    margin-top: 27px;
    font-size: 16px;
    line-height: 19px;
    color: #666;
  }
}
.page-otaservice {
  padding-top: 94px;
}
@media only screen and (max-width: 767px) {
  .page-otaservice {
    padding-top: 62px;
  }
}
.page-otaservice .breadcrumb {
  width: 100%;
  padding: 15px 1.5%;
  background: #fafafa;
}
.page-otaservice .breadcrumb ul {
  display: flex;
}
.page-otaservice .breadcrumb ul li {
  font-size: 0.75rem;
}
.page-otaservice .breadcrumb ul li + li:before {
  content: ">";
  padding: 0 4px;
}
.page-otaservice .breadcrumb ul li a {
  text-decoration: underline;
}
.page-otaservice .service h2:before {
  content: "";
  width: 33px;
  height: 26px;
  background-image: url("/-/Media/jpz/zrh/travel/images/ico_suport.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: relative;
  left: -1%;
}
.page-otaservice .service h2 + p {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  margin: 37px auto 0;
  max-width: 950px;
  width: 96%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service h2 + p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
  }
}
.page-otaservice .service .wrap {
  max-width: 950px;
  width: 96%;
  margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap section.cont .japanese h3,
  .page-otaservice .service .wrap section.cont .medical h3,
  .page-otaservice .service .wrap section.cont .bring h3 {
    font-size: 17px;
  }
}
.page-otaservice .service .wrap section.cont .japanese p,
.page-otaservice .service .wrap section.cont .medical p,
.page-otaservice .service .wrap section.cont .bring p {
  font-size: 1rem;
  line-height: 1.3125rem;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap section.cont .japanese p,
  .page-otaservice .service .wrap section.cont .medical p,
  .page-otaservice .service .wrap section.cont .bring p {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaservice .service .wrap section.cont .japanese a.button,
.page-otaservice .service .wrap section.cont .medical a.button,
.page-otaservice .service .wrap section.cont .bring a.button {
  background: #4066b3;
  box-shadow: 0px -5px 0px 0px #3057a7 inset;
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.5rem;
  max-width: 580px;
  min-width: 304px;
  margin: 35px auto 80px;
  display: block;
  padding: 19px 0;
  border-radius: 5px;
}
.page-otaservice .service .wrap section.cont .japanese a.button:hover,
.page-otaservice .service .wrap section.cont .medical a.button:hover,
.page-otaservice .service .wrap section.cont .bring a.button:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap section.cont .japanese a.button,
  .page-otaservice .service .wrap section.cont .medical a.button,
  .page-otaservice .service .wrap section.cont .bring a.button {
    min-width: initial;
    width: 80%;
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaservice .service .wrap section.cont .japanese a.button br,
.page-otaservice .service .wrap section.cont .medical a.button br,
.page-otaservice .service .wrap section.cont .bring a.button br {
  display: none;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap section.cont .japanese a.button br,
  .page-otaservice .service .wrap section.cont .medical a.button br,
  .page-otaservice .service .wrap section.cont .bring a.button br {
    display: block;
  }
}
.page-otaservice .service .wrap section.cont .japanese .c-quest,
.page-otaservice .service .wrap section.cont .medical .c-quest,
.page-otaservice .service .wrap section.cont .bring .c-quest {
  margin: 70px auto 0;
  cursor: pointer;
  width: 270px;
}
.page-otaservice .service .wrap section.cont .japanese .c-quest:hover,
.page-otaservice .service .wrap section.cont .medical .c-quest:hover,
.page-otaservice .service .wrap section.cont .bring .c-quest:hover {
  opacity: 0.8;
}
.page-otaservice .service .wrap section.cont .japanese .c-quest .question,
.page-otaservice .service .wrap section.cont .medical .c-quest .question,
.page-otaservice .service .wrap section.cont .bring .c-quest .question {
  margin-top: 0;
  border-bottom: 1px solid #333;
  font-size: 15px;
  line-height: 22px;
  display: inline;
}
.page-otaservice .service .wrap section.cont .japanese .c-quest .question,
.page-otaservice .service .wrap section.cont .medical .c-quest .question,
.page-otaservice .service .wrap section.cont .bring .c-quest .question {
  position: relative;
}
.page-otaservice .service .wrap section.cont .japanese .c-quest .question:before,
.page-otaservice .service .wrap section.cont .medical .c-quest .question:before,
.page-otaservice .service .wrap section.cont .bring .c-quest .question:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4066b3;
  border-right: solid 2px #4066b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: -30px;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap section.cont .japanese .c-quest .question:before,
  .page-otaservice .service .wrap section.cont .medical .c-quest .question:before,
  .page-otaservice .service .wrap section.cont .bring .c-quest .question:before {
    left: -18px;
  }
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box dl,
.page-otaservice .service .wrap section.cont .medical .c-layer .box dl,
.page-otaservice .service .wrap section.cont .bring .c-layer .box dl {
  border: none;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box dl dt.tit,
.page-otaservice .service .wrap section.cont .medical .c-layer .box dl dt.tit,
.page-otaservice .service .wrap section.cont .bring .c-layer .box dl dt.tit {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  background: #fff;
  color: #333;
  text-align: left;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box dl dd,
.page-otaservice .service .wrap section.cont .medical .c-layer .box dl dd,
.page-otaservice .service .wrap section.cont .bring .c-layer .box dl dd {
  padding: 0;
  margin-top: 10px;
  font-size: 16px;
  line-height: 22px;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box dl + ul,
.page-otaservice .service .wrap section.cont .medical .c-layer .box dl + ul,
.page-otaservice .service .wrap section.cont .bring .c-layer .box dl + ul {
  margin-top: 30px;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box dl + ul li,
.page-otaservice .service .wrap section.cont .medical .c-layer .box dl + ul li,
.page-otaservice .service .wrap section.cont .bring .c-layer .box dl + ul li {
  font-size: 16px;
  line-height: 28px;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box p.tit,
.page-otaservice .service .wrap section.cont .medical .c-layer .box p.tit,
.page-otaservice .service .wrap section.cont .bring .c-layer .box p.tit {
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  background: #fff;
  color: #333;
  text-align: left;
  margin-top: 50px;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box p.tit + ul,
.page-otaservice .service .wrap section.cont .medical .c-layer .box p.tit + ul,
.page-otaservice .service .wrap section.cont .bring .c-layer .box p.tit + ul {
  margin-top: 30px;
  padding-left: 20px;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box p.tit + ul li,
.page-otaservice .service .wrap section.cont .medical .c-layer .box p.tit + ul li,
.page-otaservice .service .wrap section.cont .bring .c-layer .box p.tit + ul li {
  font-size: 16px;
  line-height: 28px;
  list-style-type: disc;
}
.page-otaservice .service .wrap section.cont .japanese .c-layer .box .teikei,
.page-otaservice .service .wrap section.cont .medical .c-layer .box .teikei,
.page-otaservice .service .wrap section.cont .bring .c-layer .box .teikei {
  text-align: left;
  margin-top: 10px;
  font-size: 16px;
  line-height: 28px;
}
.page-otaservice .service .wrap section.cont .japanese .button,
.page-otaservice .service .wrap section.cont .medical .button,
.page-otaservice .service .wrap section.cont .bring .button {
  max-width: 582px;
  width: 100%;
}
.page-otaservice .service .wrap section.care {
  margin-top: 40px;
}
.page-otaservice .service .wrap section.care dl {
  display: flex;
}
.page-otaservice .service .wrap section.care dl dt,
.page-otaservice .service .wrap section.care dl dd {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap section.care dl dt,
  .page-otaservice .service .wrap section.care dl dd {
    font-size: 14px;
    line-height: 20px;
  }
}
.page-otaservice .service .wrap section.care dl dt {
  margin-right: 10px;
}
.page-otaservice .service .wrap section.care dl + dl {
  margin-top: 22px;
}
.page-otaservice .service .wrap .back {
  background: #ddd;
  padding: 17px;
  margin-top: 80px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  width: 298px;
  text-align: center;
  border-radius: 4px;
}
.page-otaservice .service .wrap .back:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap .back {
    width: 270px;
  }
}
.page-otaservice .service .wrap .back span {
  font-size: 16px;
  line-height: 21px;
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap .back span {
    font-size: 14px;
    line-height: 19px;
  }
}
.page-otaservice .service .wrap .back span:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #888;
  border-right: solid 2px #888;
  -ms-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  position: absolute;
  top: 50%;
  left: 5%;
  margin-top: -4px;
}
.page-otaservice .service .wrap .code {
  text-align: right;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 58px;
}
@media only screen and (max-width: 1060px) {
  .page-otaservice .service .wrap .code {
    padding-right: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .page-otaservice .service .wrap .code {
    margin-top: 27px;
    margin-bottom: 68px;
  }
}