@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500&display=swap);
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* webkit specific styles */
input[type=color]::-webkit-color-swatch {
  border: none;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
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%;
  vertical-align: baseline;
  background: transparent;
  font-weight: inherit;
}

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;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

html {
  overflow-x: hidden;
}

body {
  position: relative;
  color: #272343;
  min-width: 78.75rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  line-height: 1.5;
  background-color: #FFFAF3;
}
@media screen and (max-width: 750px) {
  body {
    min-width: initial !important;
  }
}

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  color: #272343;
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
a:focus, a:hover {
  opacity: 0.5;
}

small {
  display: inline-block;
}

button:focus, button:hover {
  cursor: pointer;
  opacity: 0.5;
}

input,
textarea {
  padding: 0.5em;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

::-moz-selection {
  background: #007CB9;
  color: #fff;
}

::selection {
  background: #007CB9;
  color: #fff;
}

.ly_cont {
  position: relative;
  padding-bottom: 10rem;
}

.ly_cont::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8.75rem;
  background: white;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
  z-index: -1;
}

.ly_cont::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8.75rem;
  background: white;
  background: -webkit-gradient(linear, left bottom, left top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}

.ly_cont_inner {
  width: 68.75rem;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 750px) {
  .ly_cont_inner {
    width: auto;
  }
}

.ly_footer {
  background: #e1f3ff;
  background: -webkit-gradient(linear, left bottom, left top, from(#e1f3ff), to(#c4e7ff));
  background: linear-gradient(0deg, #e1f3ff 0%, #c4e7ff 100%);
}

.md_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0 1.25rem;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 3.5%;
  background-color: #FFF;
  z-index: 1000;
}

@media screen and (max-width: 1300px) {
  .md_header {
    gap: 0;
    position: fixed;
    padding: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
}

.md_header_title {
  padding: 0.75rem 0;
}

@media screen and (max-width: 1300px) {
  .md_header_title {
    width: 30%;
    padding: 0.5rem 1rem;
  }
}

.md_header_title p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.md_header_menu {
  margin-left: auto;
}

@media screen and (max-width: 1300px) {
  .md_header_menu {
    display: none;
  }
}

.md_header_menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1.875rem;
}

.md_header_menu > ul > li {
  position: relative;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
}

.md_header_menu > ul > li > a, .md_header_menu > ul > li > span {
  position: relative;
  text-decoration: none;
}

.md_header_menu > ul > li > a::after, .md_header_menu > ul > li > span::after {
  content: "";
  display: block;
  position: absolute;
  left: -1em;
  bottom: -1em;
  width: calc(100% + 2em);
  border-bottom: solid 0.25rem transparent;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.md_header_menu > ul > li > a:hover, .md_header_menu > ul > li > span:hover {
  opacity: 1;
}

.md_header_menu > ul > li > a:hover::after, .md_header_menu > ul > li > span:hover::after {
  border-bottom-color: #FFD803;
}

.md_header_menu > ul > li.is_hiclas > span::after {
  left: 50%;
  bottom: -1.2em;
  width: 1.25rem;
  height: 0.625rem;
  background-image: url(../img/common/icon_arrow_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-bottom: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.md_header_menu > ul > li.is_hiclas:hover > a::after {
  opacity: 0;
}

.md_header_menu > ul > li.is_hiclas:hover > ul {
  visibility: visible;
  opacity: 1;
}

.md_header_menu > ul > li.is_hiclas:active {
  pointer-events: active;
}

.md_header_menu > ul > li > ul {
  position: absolute;
  top: 0.7em;
  left: calc(-1em - 20%);
  width: 140%;
  padding: 1em;
  visibility: hidden;
  opacity: 0;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.md_header_menu > ul > li > ul li a {
  display: block;
  padding: 1.2em 1.2em 1.2em 2.2em;
  font-weight: normal;
  text-decoration: none;
  background-color: #FFD803;
  background-image: url(../img/common/icon_bar_01.svg);
  background-repeat: no-repeat;
  background-position: left 0.8em center;
  background-size: 0.8em auto;
}

.md_header_menu > ul > li > ul li a:hover {
  opacity: 1;
  background-color: #ffe869;
}

.md_header_contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  padding-left: 1.25rem;
  border-left: solid thin rgba(39, 35, 67, 0.2);
}

@media screen and (max-width: 1300px) {
  .md_header_contact {
    display: none;
  }
}

.md_header_contact p {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.md_header_contact_tel {
  padding-left: 1em;
  font-size: 1.125rem !important;
  font-weight: bold;
  background-image: url(../img/common/icon_tel_01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 0.8em;
}

.md_header_date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  padding-left: 1.25rem;
  border-left: solid thin rgba(39, 35, 67, 0.2);
}

@media screen and (max-width: 1300px) {
  .md_header_date {
    display: none;
  }
}

.md_header_date p {
  font-size: 0.8125rem;
  line-height: 1.5;
}

.md_header_reserve {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 1300px) {
  .md_header_reserve {
    margin-left: auto;
  }
}

.md_header_reserve a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 1rem;
  color: #FFF;
  font-size: 0.8125rem;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  background-color: #007CB9;
  font-feature-settings: "palt";
  letter-spacing: .04em;
}

@media screen and (max-width: 1300px) {
  .md_header_reserve a {
    padding: 0.25rem 1rem;
    font-size: 0.5rem;
    font-size: clamp(0.5rem, 2.8125vw, 0.75rem);
  }
}

.md_header_reserve a.online {
  background-color: #E51C51;
  }

.md_header_reserve a::before {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: solid thin #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.md_header_spmenu {
  display: none;
}

@media screen and (max-width: 1300px) {
  .md_header_spmenu {
    display: block;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }
}

.md_header_spmenu button {
  display: block;
  width: 4.5rem;
  height: 100%;
  text-indent: -20000em;
  background: none;
  background-image: url(../img/common/icon_spmenu_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  border: none;
  overflow: hidden;
}

.md_header_spmenu button.is_selected {
  background-color: #FFD803;
  background-image: url(../img/common/icon_spmenu_02.svg);
}

.md_header_spmenu button:active, .md_header_spmenu button:hover {
  opacity: 1;
}

.md_spmenu {
  display: none;
}

@media screen and (max-width: 1300px) {
  .md_spmenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 7rem 15%;
    background: #FFD803;
    z-index: 999;
  }
}

@media screen and (max-width: 1300px) {
  .md_spmenu.is_show {
    display: block;
  }
}

.md_spmenu ul li {
  font-size: 0.9rem;
  font-weight: bold;
}

.md_spmenu ul li + li {
  margin-top: 1.2em;
}

.md_spmenu ul li a {
  display: block;
  text-decoration: none;
  background-image: url(../img/common/icon_arrow_03.svg);
  background-repeat: no-repeat;
  background-position: right center;
}

.md_spmenu ul li ul {
  margin-top: 1.2em;
}

.md_spmenu ul li ul li {
  padding-left: 2.2em;
  background-image: url(../img/common/icon_bar_01.svg);
  background-repeat: no-repeat;
  background-position: left 0.8em center;
  background-size: 0.8em auto;
}

.md_spmenu ul li ul li a {
  color: #504300;
}

.md_spmenu div {
  margin-top: 1.2em;
  padding-top: 1.2em;
  font-size: 0.9rem;
  text-align: center;
  border-top: solid thin #cfaf00;
}

.md_spmenu .md_header_contact_tel {
  display: inline-block;
}

.md_footer_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0 5rem;
  position: relative;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 0 3.125rem 0;
}

@media screen and (max-width: 750px) {
  .md_footer_inner {
    display: block;
    max-width: 100%;
    padding: 2rem 1rem 6rem 1rem;
  }
}

@media screen and (max-width: 750px) {
  .md_footer_title p {
    text-align: center;
  }
}

.md_footer_title ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0 1.25rem;
  margin-top: 1.25rem;
}

@media screen and (max-width: 750px) {
  .md_footer_title ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 100%;
    margin-top: 0.5rem;
  }
}

.md_footer_title ul li {
  width: 2.25rem;
}

@media screen and (max-width: 750px) {
  .md_footer_title ul li {
    width: 2rem;
  }
}

.md_footer_contact {
  width: 30%;
}

@media screen and (max-width: 750px) {
  .md_footer_contact {
    width: 100%;
    text-align: center;
  }
}

.md_footer_contact_tel {
  padding-left: 1.2em;
  font-size: 1.5625rem;
  font-weight: bold;
  background-image: url(../img/common/icon_tel_01.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1em;
}

@media screen and (max-width: 750px) {
  .md_footer_contact_tel {
    display: inline-block;
    margin-top: 0.5rem;
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 751px) {
  .md_footer_contact_tel a {
    text-decoration: none;
    pointer-events: none;
  }
}

.md_footer_contact_address {
  margin-top: 0.625rem;
}

@media screen and (max-width: 750px) {
  .md_footer_contact_address {
    margin-top: 0;
  }
}

.md_footer_contact_reserve {
  margin-top: 1.25rem;
}

@media screen and (max-width: 750px) {
  .md_footer_contact_reserve {
    margin-top: 1rem;
  }
}

.md_footer_date {
  width: 42%;
}

@media screen and (max-width: 750px) {
  .md_footer_date {
    width: 100%;
    margin-top: 1rem;
  }
}

.md_footer_date table {
  width: 100%;
}

.md_footer_date table th,
.md_footer_date table td {
  padding: 0.8em 1em;
  text-align: center;
  border-bottom: solid thin rgba(39, 35, 67, 0.5);
}

@media screen and (max-width: 750px) {
  .md_footer_date table th,
  .md_footer_date table td {
    padding: 0.5em 0.5em;
    font-size: 0.9rem;
  }
}

.md_footer_date table thead th:first-of-type {
  font-weight: bold;
  text-align: left;
}

.md_footer_date table tbody th {
  font-weight: bold;
  text-align: left;
  word-break: keep-all;
  white-space: nowrap;
}

.md_footer_copyright {
  padding: 3.125rem 0;
  background-color: #FFF;
  text-align: center;
  border-collapse: collapse;
}

@media screen and (max-width: 750px) {
  .md_footer_copyright {
    padding: 2rem 0;
  }
}

.md_headPagetitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 14.375rem;
  margin-bottom: 6.25rem;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  background-image: url(../img/common/bg_heading_01.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

@media screen and (max-width: 1300px) {
  .md_headPagetitle {
    margin-top: 5rem;
  }
}

@media screen and (max-width: 750px) {
  .md_headPagetitle {
    height: 18rem;
    margin-bottom: 5rem;
    font-size: 1.8rem;
    background-image: url(../img/common/bg_heading_02.jpg);
    margin-top: 0;
  }
}

.md_headPagetitle::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.72);
  z-index: 1;
}

.md_headPagetitle small {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 0.875rem;
  font-weight: normal;
  text-align: center;
  -webkit-transform: translateY(-3.4375rem);
  transform: translateY(-3.4375rem);
  z-index: 10;
}

@media screen and (max-width: 750px) {
  .md_headPagetitle small {
    top: 60%;
  }
}

.md_headPagetitle span {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  font-size: 2.5rem;
  text-align: center;
  -webkit-transform: translateY(-1.875rem);
  transform: translateY(-1.875rem);
  z-index: 10;
}

@media screen and (max-width: 750px) {
  .md_headPagetitle span {
    top: 60%;
    font-size: 1.8rem;
  }
}

.md_headPagetitle img {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0.875rem;
  font-weight: normal;
  -webkit-transform: translateX(-50%) translateY(2.1875rem);
  transform: translateX(-50%) translateY(2.1875rem);
  z-index: 10;
}

@media screen and (max-width: 750px) {
  .md_headPagetitle img {
    -webkit-transform: translateX(-50%) translateY(3rem);
    transform: translateX(-50%) translateY(3rem);
  }
}

.md_headPagetitle::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, white 100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: -1;
}

.md_headBaloon {
  position: relative;
  margin-bottom: 6.25rem;
  color: #FF6B6B;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .md_headBaloon {
    font-size: 1.7rem;
    margin-bottom: 5rem;
    letter-spacing: 0;
  }
}

.md_headBaloon::before {
  content: "";
  position: absolute;
  bottom: -2.5rem;
  left: 50%;
  width: 9.4375rem;
  height: 0.9375rem;
  background-image: url(../img/common/image_baloon_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  .md_headBaloon::before {
    bottom: -2.5rem;
  }
}

.md_btnNormal {
  display: inline-block;
  min-width: 13.125rem;
  padding: 0.8em 2em 0.7em 2em;
  color: #504300;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  background-color: #FFD803;
  border: solid 0.1875rem #FFD803;
  border-radius: 3em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.md_btnNormal.is_current {
  background-color: transparent;
}

.md_btnNormal.md_btnNormal__small {
  min-width: 10.625rem;
  font-size: 0.875rem;
}

.md_btnNormal.md_btnNormal__large {
  min-width: 21.25rem;
  padding: 1.6em 2em 1.5em 2em;
  font-size: 1.125rem;
}

.md_dlMod > div {
  position: relative;
}

@media screen and (max-width: 750px) {
  .md_dlMod > div {
    min-height: 3.2em;
  }
}

.md_dlMod > div + div {
  margin-top: 0.9375rem;
}

@media screen and (max-width: 750px) {
  .md_dlMod > div + div {
    margin-top: 1rem;
  }
}

.md_dlMod > div > dt {
  position: absolute;
  top: 0;
  left: 0;
  width: 8rem;
  padding: 1.2em 0;
  color: #FFF;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  background-color: #FFAFAF;
}

@media screen and (max-width: 750px) {
  .md_dlMod > div > dt {
    width: 6em;
    font-size: 0.9rem;
  }
}

.md_dlMod > div > dd {
  padding-left: 10rem;
}

@media screen and (max-width: 750px) {
  .md_dlMod > div > dd {
    padding-left: 7.5em;
    font-size: 0.9rem;
  }
}

.md_dlMod > div > dd:first-of-type {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

@media screen and (max-width: 750px) {
  .md_dlMod > div > dd:first-of-type {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.md_gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.875rem 3.65%;
}

@media screen and (max-width: 750px) {
  .md_gallery {
    gap: 1rem 4%;
  }
}

.md_gallery figure {
  width: 30.9%;
}

@media screen and (max-width: 750px) {
  .md_gallery figure {
    width: 48%;
  }
}

.md_gallery figure > img, .md_gallery figure > picture, .md_gallery figure > source {
  display: block;
  margin-bottom: 0.625rem;
}

.md_gallery figure figcaption {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4;
}

@media screen and (max-width: 750px) {
  .md_gallery figure figcaption {
    font-size: 0.85rem;
  }
}

.md_gallery figure figcaption dl dt {
  font-size: 1rem;
  line-height: 1.6;
}

.md_gallery figure figcaption dl dd {
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.6;
}

@media screen and (max-width: 750px) {
  .md_gallery_spWide {
    width: 100% !important;
  }
}

.md_infoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 3.125rem 3.52%;
  position: relative;
  z-index: 10;
  margin-bottom: 2.1875rem;
}

@media screen and (max-width: 750px) {
  .md_infoList {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.md_infoList li {
  width: 22.36%;
}

@media screen and (max-width: 750px) {
  .md_infoList li {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .md_infoList li + li {
    margin-top: 1rem;
  }
}

.md_infoList li a {
  text-decoration: none;
}

@media screen and (max-width: 750px) {
  .md_infoList li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.md_infoList li a figure {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 0.625rem;
  padding-top: 74.39%;
}

@media screen and (max-width: 750px) {
  .md_infoList li a figure {
    width: 40%;
    padding-top: 30%;
  }
}

.md_infoList li a figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (max-width: 750px) {
  .md_infoList li a div {
    width: 55%;
  }
}

.md_infoList li a div span {
  display: inline-block;
  margin-right: 0.5em;
  padding: 0.2em 0.8em;
  color: #007CB9;
  font-size: 0.875rem;
  line-height: 1.2;
  background-color: #FFF;
}

@media screen and (max-width: 750px) {
  .md_infoList li a div span {
    padding: 0.2em 0.5em;
    font-size: 0.8rem;
  }
}

.md_infoList li a div time {
  font-size: 0.875rem;
  line-height: 1.2;
}

@media screen and (max-width: 750px) {
  .md_infoList li a div time {
    font-size: 0.8rem;
  }
}

.md_infoList li a div p {
  margin-top: 0.625rem;
  font-weight: bold;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 750px) {
  .md_infoList li a div p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 0.5em;
    font-size: 0.95rem;
    white-space: unset;
  }
}

.md_pager {
  margin-top: 6.25rem;
}

.md_pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 0.625rem;
}

.md_pager ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  color: #504300;
  font-size: 0.875rem;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 1.1;
  background-color: #FFD803;
  border: solid 0.1875rem #FFD803;
  border-radius: 3em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.md_pager ul li a.is_current {
  background-color: transparent;
}

.un_indexMv {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 70.27%;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .un_indexMv {
    height: 100vh;
    padding-top: 0;
  }
}

.un_indexMv > div {
  position: absolute;
  bottom: 10%;
  left: 0;
  min-width: 60%;
  padding: 1.875rem 0 1.875rem 5%;
  background: #007CB9;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 124, 185, 0.9)), color-stop(90%, rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(0, 124, 185, 0.9) 0%, rgba(255, 255, 255, 0) 90%);
  z-index: 10;
}

@media screen and (max-width: 750px) {
  .un_indexMv > div {
    bottom: 0;
  }
}

.un_indexMv > div p {
  color: #FFF;
}

@media screen and (max-width: 750px) {
  .un_indexMv > div p {
    margin-bottom: 0.8em;
    padding-right: 10%;
  }
}

.un_indexMv > div p:nth-of-type(1) {
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 750px) {
  .un_indexMv > div p:nth-of-type(1) {
    font-size: 1.6rem;
  }
}

.un_indexMv > div p:nth-of-type(2) {
  font-size: 1.125rem;
  line-height: 2;
}

@media screen and (max-width: 750px) {
  .un_indexMv > div p:nth-of-type(2) {
    font-size: 0.9rem;
  }
}

.un_indexMv > figure img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.un_indexMv .slick-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.un_indexMv .slick-list,
.un_indexMv .slick-track {
  width: 100%;
  height: 100%;
}

.un_indexMv .slick-slide {
  position: relative;
  width: 100%;
  height: 100%;
}

.un_indexMv .slick-slide img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 1;
}

.un_indexGuidance {
  padding-top: 6.25rem;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 80%, white 100%);
}

.un_indexGuidance_intro {
  margin-bottom: 3.125rem;
  font-size: 1.125rem;
  line-height: 1.6;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_indexGuidance_intro {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    text-align: left;
  }
}

.un_indexWorries {
  padding-top: 1.875rem;
  background: #c4e7ff;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(196, 231, 255, 0)), to(#c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 10%, #c4e7ff 100%);
}

@media screen and (max-width: 750px) {
  .un_indexWorries {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), color-stop(20%, #c4e7ff));
    background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 20%);
  }
}

.un_indexWorries h2 {
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_indexWorries h2 {
    font-size: 1.2rem;
  }
}

.un_indexWorries > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .un_indexWorries > ul {
    display: block;
  }
}

.un_indexWorries > ul > li {
  width: 31.27%;
  padding: 1.25rem 2.5rem 1.875rem 2.5rem;
  background: #FFFAF3;
  background: -webkit-gradient(linear, left bottom, left top, from(#fffaf3), color-stop(70%, white));
  background: linear-gradient(0deg, #fffaf3 0%, white 70%);
}

@media screen and (max-width: 750px) {
  .un_indexWorries > ul > li {
    width: 100%;
    padding: 2rem;
    background: #FFF;
  }
}

@media screen and (max-width: 750px) {
  .un_indexWorries > ul > li + li {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 750px) {
  .un_indexWorries > ul > li:last-of-type {
    background: -webkit-gradient(linear, left bottom, left top, from(#fffaf3), color-stop(70%, white));
    background: linear-gradient(0deg, #fffaf3 0%, white 70%);
  }
}

.un_indexWorries > ul > li p {
  margin-bottom: 1.25rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  background-repeat: no-repeat;
  background-position: top center;
}

.un_indexWorries > ul > li > ul {
  margin-bottom: 1.875rem;
}

.un_indexWorries > ul > li > ul li {
  padding-left: 1em;
  background-image: url(../img/common/icon_circle_01.svg);
  background-repeat: no-repeat;
  background-position: left center;
}

.un_indexWorries > ul > li > ul li + li {
  margin-top: 0.2em;
}

.un_indexWorries > ul > li > div {
  text-align: center;
}

.un_indexWorries_hujinka p {
  padding-top: 3.75rem;
  background-image: url(../img/common/icon_hujinka_01.svg);
}

.un_indexWorries_sanka p {
  padding-top: 3.75rem;
  background-image: url(../img/common/icon_sanka_01.svg);
}

.un_indexWorries_naika p {
  padding-top: 3.75rem;
  background-image: url(../img/common/icon_naika_01.svg);
}

.un_indexInfo {
  position: relative;
  margin-top: 6.25rem;
}

.un_indexInfo::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 25rem;
  background: #c4e7ff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), color-stop(80%, #c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 80%);
}

@media screen and (max-width: 750px) {
  .un_indexInfo::before {
    top: 8rem;
    height: 80%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
    background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
  }
}

@media screen and (max-width: 750px) {
  .un_indexInfo .md_headBaloon {
    margin-bottom: 8rem;
  }
}

.un_indexInfo .ly_cont_inner > div {
  position: relative;
  z-index: 10;
  text-align: right;
}

@media screen and (max-width: 750px) {
  .un_indexInfo .ly_cont_inner > div {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_indexMessage {
  margin-top: 8.125rem;
}

@media screen and (max-width: 750px) {
  .un_indexMessage {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_indexMessage p {
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_indexMessage p {
    font-size: 0.95rem;
    text-align: left;
  }
}

.un_indexMessage figure {
  margin-top: 3.125rem;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_indexMessage figure {
    margin-top: 1.5rem;
  }
}

.un_indexMessage figure img {
  max-width: 43.75rem;
}

@media screen and (max-width: 750px) {
  .un_indexMessage figure img {
    max-width: 100%;
  }
}

.un_aboutSummary > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 3.75rem;
  padding-right: 3.75rem;
}

@media screen and (max-width: 750px) {
  .un_aboutSummary > div {
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_aboutIndoor {
  margin-top: 6.25rem;
  position: relative;
}

.un_aboutIndoor::before {
  content: "";
  display: block;
  position: absolute;
  top: 35%;
  left: 0;
  width: 100%;
  height: 25rem;
  background: #c4e7ff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .un_aboutIndoor::before {
    top: 8rem;
    height: 80%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
    background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
  }
}

@media screen and (max-width: 750px) {
  .un_aboutIndoor .md_headBaloon {
    margin-bottom: 8rem;
  }
}

@media screen and (max-width: 750px) {
  .un_aboutIndoor > div {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_aboutEquipment {
  margin-top: 6.25rem;
  position: relative;
}

.un_aboutEquipment::before {
  content: "";
  display: block;
  position: absolute;
  top: 55%;
  left: 0;
  width: 100%;
  height: 25rem;
  background: #c4e7ff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .un_aboutEquipment::before {
    top: 8rem;
    height: 80%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
    background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
  }
}

@media screen and (max-width: 750px) {
  .un_aboutEquipment .md_headBaloon {
    margin-bottom: 8rem;
  }
}

@media screen and (max-width: 750px) {
  .un_aboutEquipment > div {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_aboutDoctor {
  margin-top: 12.5rem;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor {
    margin-top: 6.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_aboutDoctor > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.5rem;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div {
    display: block;
  }
}

.un_aboutDoctor > div > p {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.6;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > p {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
}

.un_aboutDoctor > div > p span {
  display: block;
  font-size: 1.125rem;
  font-weight: normal;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > p span {
    display: inline-block;
    margin-right: 2em;
    font-size: 1rem;
  }
}

.un_aboutDoctor > div > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem 3%;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > dl {
    display: block;
  }
}

.un_aboutDoctor > div > dl > div {
  width: 48.5%;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > dl > div {
    width: 100%;
  }
}

.un_aboutDoctor > div > dl > div + div {
  margin-top: 0;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > dl > div + div {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > dl > div dt {
    position: static;
    width: 8em;
    margin-bottom: 0.8rem;
  }
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > div > dl > div dd {
    padding-left: 0;
  }
}

.un_aboutDoctor > div > dl > div dd:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
}

.un_aboutDoctor > div > dl > div dd + dd {
  margin-top: 0.5em;
}

.un_aboutDoctor > figure {
  margin-top: 3.125rem;
  text-align: center;
}

.un_aboutDoctor > figure img {
  max-width: 68.75rem;
}

@media screen and (max-width: 750px) {
  .un_aboutDoctor > figure img {
    max-width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .un_treatmentSummary {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_treatmentSummary > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.55%;
}

@media screen and (max-width: 750px) {
  .un_treatmentSummary > dl {
    display: block;
  }
}

.un_treatmentSummary > dl > div {
  width: 31.63%;
  padding: 1.875rem 1.5625rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
}

@media screen and (max-width: 750px) {
  .un_treatmentSummary > dl > div {
    width: 100%;
    padding: 1.5rem 1.25rem 3rem 1.25rem;
  }
}

@media screen and (max-width: 750px) {
  .un_treatmentSummary > dl > div + div {
    margin-top: 1rem;
  }
}

.un_treatmentSummary > dl > div > dt {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_treatmentSummary > dl > div > dt {
    font-size: 1rem;
  }
}

.un_treatmentSummary > dl > div > dd {
  margin-top: 1.25rem;
  line-height: 1.8;
}

@media screen and (max-width: 750px) {
  .un_treatmentSummary > dl > div > dd {
    font-size: 0.9rem;
  }
}

.un_treatmentSummary > dl > div.is_wide {
  width: 100%;
  padding: 1.875rem 2.5rem;
}

.un_treatmentSummary > dl > div.is_wide > dt {
  text-align: left;
}

.un_treatmentSummary > dl > div.bg_none {
	width: 100%;
	padding: 0;
	margin-bottom: 3.125rem;
	background: initial!important;
}

.un_treatmentSummary > dl > div.bg_none > dt {
	font-size: 1.375rem;
}

.un_treatmentSummary > dl > div.bg_none > dd {
	font-size: 1.125rem;
	line-height: 2;
	text-align: center;
}

@media screen and (max-width: 750px) {
	.un_treatmentSummary > dl > div.bg_none > dt {
		font-size: 1.125rem;
	}
	.un_treatmentSummary > dl > div.bg_none > dd {
		font-size: 1rem;
		text-align: left;
	}
}


.un_treatmentWorries {
  margin-top: 6.25rem;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_treatmentWorries_q {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.25rem 3%;
  margin-top: 1.875rem;
  padding: 1.875rem;
  background-color: #C4E7FF;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_q {
    display: block;
    padding: 2rem 1.25rem;
  }
}

.un_treatmentWorries_q > li {
  width: 48.5%;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_q > li {
    width: 100%;
  }
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_q > li + li {
    margin-top: 1rem;
  }
}

.un_treatmentWorries_q > li.is_short {
  width: 36%;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_q > li.is_short {
    width: 100%;
  }
}

.un_treatmentWorries_q > li.is_long {
  width: 61%;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_q > li.is_long {
    width: 100%;
  }
}

.un_treatmentWorries_q > li > a {
  display: block;
  padding: 0.5rem 1.5rem 0.5em 0.5rem;
  font-weight: bold;
  text-decoration: none;
  background-color: #FFF;
  background-image: url(../img/common/icon_arrow_02.svg);
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  border-radius: 0.3125rem;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_q > li > a {
    padding-right: 2rem;
    font-size: 0.9rem;
  }
}

.un_treatmentWorries_a {
  margin-top: 6.25rem;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_a {
    margin-top: 4rem;
  }
}

.un_treatmentWorries_a > section {
  padding: 1.875rem 3.4375rem;
  background: linear-gradient(150deg, #c4e7ff 0%, rgba(196, 231, 255, 0) 30%);
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_a > section {
    padding: 1.5rem 2rem;
  }
}

.un_treatmentWorries_a > section + section {
  margin-top: 2.5rem;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_a > section + section {
    margin-top: 1rem;
  }
}

.un_treatmentWorries_a_head {
  position: relative;
  margin-bottom: 0.9375rem;
  font-size: 1.125rem;
  font-weight: bold;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_a_head {
    padding-top: 1rem;
    font-size: 1rem;
  }
}

.un_treatmentWorries_a_head:before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: -1.3em;
  width: 0.7em;
  height: 0.7em;
  background-image: url(../img/common/icon_bar_01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_a_head:before {
    top: 0;
    left: 0;
  }
}

.un_treatmentWorries_a_body {
  line-height: 1.8;
}

@media screen and (max-width: 750px) {
  .un_treatmentWorries_a_body {
    font-size: 0.9rem;
  }
}

.un_treatmentWorries_a_body > .un_treatmentWorries_a_body {
  margin-top: 0.8em;
}

.un_treatmentNav {
  margin-top: 6.25rem;
}

@media screen and (max-width: 750px) {
  .un_treatmentNav {
    margin-top: 2rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_treatmentNav > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0 0.9375rem;
}

@media screen and (max-width: 750px) {
  .un_treatmentNav > ul {
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .un_treatmentNav > ul li + li {
    margin-top: 1.2rem;
  }
}

@media screen and (max-width: 750px) {
  .un_treatmentNav > ul li .md_btnNormal__large {
    width: 100%;
    padding: 1em 0;
    font-size: 1rem;
  }
}

.un_messageSummary > p {
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_messageSummary > p {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem;
    text-align: left;
  }
}

.un_messageSummary_fromStaff {
  margin-top: 3.125rem;
  padding: 3.125rem 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), color-stop(70%, #c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 70%);
}

@media screen and (max-width: 750px) {
  .un_messageSummary_fromStaff {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_messageSummary_fromStaff > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .un_messageSummary_fromStaff > div {
    display: block;
  }
}

.un_messageSummary_fromStaff > div > figure {
  width: 44.54%;
}

@media screen and (max-width: 750px) {
  .un_messageSummary_fromStaff > div > figure {
    width: 100%;
    margin-bottom: 0.5rem;
  }
}

.un_messageSummary_fromStaff > div > div {
  width: 51.63%;
}

@media screen and (max-width: 750px) {
  .un_messageSummary_fromStaff > div > div {
    width: 100%;
  }
}

.un_messageSummary_fromStaff > div > div p {
  font-size: 1.125rem;
  line-height: 2;
}

@media screen and (max-width: 750px) {
  .un_messageSummary_fromStaff > div > div p {
    font-size: 1rem;
  }
}

.un_messageSummary_fromStaff > div > div p + p {
  margin-top: 1.5625rem;
}

.un_messageSummary_fromStaff_signature {
  font-weight: bold;
  text-align: right;
}

.un_messageTreatment {
  margin-top: 6.25rem;
}

@media screen and (max-width: 750px) {
  .un_messageTreatment {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_messageTreatment > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .un_messageTreatment > div {
    display: block;
  }
}

.un_messageTreatment_body {
  width: 47.5%;
}

@media screen and (max-width: 750px) {
  .un_messageTreatment_body {
    width: 100%;
  }
}

.un_messageTreatment_body p {
  font-size: 1.125rem;
  line-height: 2.1;
}

@media screen and (max-width: 750px) {
  .un_messageTreatment_body p {
    font-size: 1rem;
  }
}

.un_messageTreatment_body p + p {
  margin-top: 2em;
}

.un_messageTreatment_img {
  width: 47.5%;
}

@media screen and (max-width: 750px) {
  .un_messageTreatment_img {
    width: 100%;
    margin-top: 2rem;
  }
}

.un_messageTreatment_img figure img {
  display: block;
}

/* オンライン資格確認について */

.un_messageConfirmation {
  margin-top: 6.25rem;
}

@media screen and (max-width: 750px) {
  .un_messageConfirmation {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_messageConfirmation > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 750px) {
  .un_messageConfirmation > div {
    display: block;
  }
}

.un_messageConfirmation_body {
  width: 47.5%;
}

@media screen and (max-width: 750px) {
  .un_messageConfirmation_body {
    width: 100%;
  }
}

.un_messageConfirmation_body p {
  font-size: 1.125rem;
  line-height: 2.1;
}

@media screen and (max-width: 750px) {
  .un_messageConfirmation_body p {
    font-size: 1rem;
  }
}

.un_messageConfirmation_body p + p {
  margin-top: 2em;
}

.un_messageConfirmation_img {
  width: 47.5%;
}

@media screen and (max-width: 750px) {
  .un_messageConfirmation_img {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.un_messageConfirmation_img figure img {
  display: block;
}

/**/

.un_accessSummary {
  position: relative;
}

@media screen and (max-width: 750px) {
  .un_accessSummary {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_accessSummary::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 25rem;
  background: #c4e7ff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(196, 231, 255, 0)), to(#c4e7ff));
  background: linear-gradient(0deg, rgba(196, 231, 255, 0) 0%, #c4e7ff 100%);
  z-index: -1;
}

@media screen and (max-width: 750px) {
  .un_accessSummary::before {
    height: calc(100vw - 2.5rem);
  }
}

.un_accessSummary > div p {
  font-size: 1.125rem;
  line-height: 1.6;
}

@media screen and (max-width: 750px) {
  .un_accessSummary > div p {
    font-size: 1rem;
  }
}

.un_accessSummary > div p + p {
  margin-top: 0.2em;
}

.un_accessSummary > div iframe {
  width: 100%;
  min-height: 24.375rem;
  margin-top: 1.875rem;
}

@media screen and (max-width: 750px) {
  .un_accessSummary > div iframe {
    min-width: none;
    height: calc(100vw - 2.5rem);
  }
}

.un_accessSummary_name {
  font-weight: bold;
}

.un_accessRoute {
  margin-top: 6.25rem;
}

@media screen and (max-width: 750px) {
  .un_accessRoute {
    margin-top: 5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_accessRoute > dl > div > dt {
  width: 12em;
}

@media screen and (max-width: 750px) {
  .un_accessRoute > dl > div > dt {
    position: static;
    margin-bottom: 1rem;
  }
}

.un_accessRoute > dl > div > dd {
  display: list-item;
  list-style: decimal;
  margin-left: 18rem;
  padding-left: 1rem;
  line-height: 1.8;
}

@media screen and (max-width: 750px) {
  .un_accessRoute > dl > div > dd {
    margin-left: 1.3em;
    padding-left: 0;
  }
}

.un_accessRoute > dl > div > dd + dd {
  margin-top: 1em;
}

.un_accessRoute > dl > div > dd:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
}

.un_accessRoute > figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.875rem 4%;
  margin-top: 3.125rem;
}

@media screen and (max-width: 750px) {
  .un_accessRoute > figure {
    margin-top: 2rem;
  }
}

.un_accessRoute > figure img {
  display: block;
  width: 48%;
}

.un_infoDetail > time {
  display: block;
  margin-bottom: 0.625rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .un_infoDetail {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

.un_infoDetail_body {
  line-height: 1.8;
}

.un_infoDetail_body > *:not(h1, h2, h3, h4, h5, h6) + * {
  margin-top: 2em;
}

.un_infoDetail_body h1, .un_infoDetail_body h2, .un_infoDetail_body h3, .un_infoDetail_body h4, .un_infoDetail_body h5, .un_infoDetail_body h6 {
  margin-bottom: 0.3em;
  font-weight: bold;
}

.un_infoDetail_body h1 {
  font-size: 1.5em;
}

.un_infoDetail_body h2 {
  font-size: 1.4em;
}

.un_infoDetail_body h3 {
  font-size: 1.3em;
}

.un_infoDetail_body h4 {
  font-size: 1.2em;
}

.un_infoDetail_body h5 {
  font-size: 1.1em;
}

.un_infoDetail_body ul {
  margin-left: 1.5em;
}

.un_infoDetail_body ul li {
  list-style: disc;
}

.un_infoDetail_body ol {
  margin-left: 1.5em;
}

.un_infoDetail_body ol li {
  list-style: decimal;
}

@media screen and (min-width: 751px) {
  .hp_spOnly {
    display: none !important;
    content-visibility: visible;
  }
}

@media screen and (max-width: 750px) {
  .hp_pcOnly {
    display: none !important;
    content-visibility: visible;
  }
}

.hp_displayNone {
  display: none !important;
}

.hp_m0 {
  margin: 0rem !important;
}

.hp_m5 {
  margin: 0.3125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m5 {
    margin: calc(1.5rem * (5/30)) !important;
  }
}

.hp_m10 {
  margin: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m10 {
    margin: calc(1.5rem * (10/30)) !important;
  }
}

.hp_m20 {
  margin: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m20 {
    margin: calc(1.5rem * (20/30)) !important;
  }
}

.hp_m30 {
  margin: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m30 {
    margin: calc(1.5rem * (30/30)) !important;
  }
}

.hp_m40 {
  margin: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m40 {
    margin: calc(1.5rem * (40/30)) !important;
  }
}

.hp_m50 {
  margin: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m50 {
    margin: calc(1.5rem * (50/30)) !important;
  }
}

.hp_m60 {
  margin: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m60 {
    margin: calc(1.5rem * (60/30)) !important;
  }
}

.hp_m80 {
  margin: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m80 {
    margin: calc(1.5rem * (80/30)) !important;
  }
}

.hp_m90 {
  margin: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m90 {
    margin: calc(1.5rem * (90/30)) !important;
  }
}

.hp_m100 {
  margin: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_m100 {
    margin: calc(1.5rem * (100/30)) !important;
  }
}

.hp_mt0 {
  margin-top: 0rem !important;
}

.hp_mt5 {
  margin-top: 0.3125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt5 {
    margin-top: calc(1.5rem * (5/30)) !important;
  }
}

.hp_mt10 {
  margin-top: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt10 {
    margin-top: calc(1.5rem * (10/30)) !important;
  }
}

.hp_mt20 {
  margin-top: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt20 {
    margin-top: calc(1.5rem * (20/30)) !important;
  }
}

.hp_mt30 {
  margin-top: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt30 {
    margin-top: calc(1.5rem * (30/30)) !important;
  }
}

.hp_mt40 {
  margin-top: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt40 {
    margin-top: calc(1.5rem * (40/30)) !important;
  }
}

.hp_mt50 {
  margin-top: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt50 {
    margin-top: calc(1.5rem * (50/30)) !important;
  }
}

.hp_mt60 {
  margin-top: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt60 {
    margin-top: calc(1.5rem * (60/30)) !important;
  }
}

.hp_mt80 {
  margin-top: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt80 {
    margin-top: calc(1.5rem * (80/30)) !important;
  }
}

.hp_mt90 {
  margin-top: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt90 {
    margin-top: calc(1.5rem * (90/30)) !important;
  }
}

.hp_mt100 {
  margin-top: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mt100 {
    margin-top: calc(1.5rem * (100/30)) !important;
  }
}

.hp_mr0 {
  margin-right: 0rem !important;
}

.hp_mr5 {
  margin-right: 0.3125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr5 {
    margin-right: calc(1.5rem * (5/30)) !important;
  }
}

.hp_mr10 {
  margin-right: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr10 {
    margin-right: calc(1.5rem * (10/30)) !important;
  }
}

.hp_mr20 {
  margin-right: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr20 {
    margin-right: calc(1.5rem * (20/30)) !important;
  }
}

.hp_mr30 {
  margin-right: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr30 {
    margin-right: calc(1.5rem * (30/30)) !important;
  }
}

.hp_mr40 {
  margin-right: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr40 {
    margin-right: calc(1.5rem * (40/30)) !important;
  }
}

.hp_mr50 {
  margin-right: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr50 {
    margin-right: calc(1.5rem * (50/30)) !important;
  }
}

.hp_mr60 {
  margin-right: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr60 {
    margin-right: calc(1.5rem * (60/30)) !important;
  }
}

.hp_mr70 {
  margin-right: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr70 {
    margin-right: calc(1.5rem * (70/30)) !important;
  }
}

.hp_mr80 {
  margin-right: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr80 {
    margin-right: calc(1.5rem * (80/30)) !important;
  }
}

.hp_mr90 {
  margin-right: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr90 {
    margin-right: calc(1.5rem * (90/30)) !important;
  }
}

.hp_mr100 {
  margin-right: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mr100 {
    margin-right: calc(1.5rem * (100/30)) !important;
  }
}

.hp_mb0 {
  margin-bottom: 0rem !important;
}

.hp_mb5 {
  margin-bottom: 0.3125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb5 {
    margin-bottom: calc(1.5rem * (5/30)) !important;
  }
}

.hp_mb10 {
  margin-bottom: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb10 {
    margin-bottom: calc(1.5rem * (10/30)) !important;
  }
}

.hp_mb20 {
  margin-bottom: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb20 {
    margin-bottom: calc(1.5rem * (20/30)) !important;
  }
}

.hp_mb30 {
  margin-bottom: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb30 {
    margin-bottom: calc(1.5rem * (30/30)) !important;
  }
}

.hp_mb40 {
  margin-bottom: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb40 {
    margin-bottom: calc(1.5rem * (40/30)) !important;
  }
}

.hp_mb50 {
  margin-bottom: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb50 {
    margin-bottom: calc(1.5rem * (50/30)) !important;
  }
}

.hp_mb60 {
  margin-bottom: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb60 {
    margin-bottom: calc(1.5rem * (60/30)) !important;
  }
}

.hp_mb70 {
  margin-bottom: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb70 {
    margin-bottom: calc(1.5rem * (70/30)) !important;
  }
}

.hp_mb80 {
  margin-bottom: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb80 {
    margin-bottom: calc(1.5rem * (80/30)) !important;
  }
}

.hp_mb90 {
  margin-bottom: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb90 {
    margin-bottom: calc(1.5rem * (90/30)) !important;
  }
}

.hp_mb100 {
  margin-bottom: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_mb100 {
    margin-bottom: calc(1.5rem * (100/30)) !important;
  }
}

.hp_ml0 {
  margin-left: 0rem !important;
}

.hp_ml5 {
  margin-left: 0.3125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml5 {
    margin-left: calc(1.5rem * (5/30)) !important;
  }
}

.hp_ml10 {
  margin-left: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml10 {
    margin-left: calc(1.5rem * (10/30)) !important;
  }
}

.hp_ml20 {
  margin-left: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml20 {
    margin-left: calc(1.5rem * (20/30)) !important;
  }
}

.hp_ml30 {
  margin-left: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml30 {
    margin-left: calc(1.5rem * (30/30)) !important;
  }
}

.hp_ml40 {
  margin-left: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml40 {
    margin-left: calc(1.5rem * (40/30)) !important;
  }
}

.hp_ml50 {
  margin-left: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml50 {
    margin-left: calc(1.5rem * (50/30)) !important;
  }
}

.hp_ml60 {
  margin-left: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml60 {
    margin-left: calc(1.5rem * (60/30)) !important;
  }
}

.hp_ml70 {
  margin-left: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml70 {
    margin-left: calc(1.5rem * (70/30)) !important;
  }
}

.hp_ml80 {
  margin-left: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml80 {
    margin-left: calc(1.5rem * (80/30)) !important;
  }
}

.hp_ml90 {
  margin-left: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml90 {
    margin-left: calc(1.5rem * (90/30)) !important;
  }
}

.hp_ml100 {
  margin-left: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_ml100 {
    margin-left: calc(1.5rem * (100/30)) !important;
  }
}

.hp_p0 {
  padding: 0rem !important;
}

.hp_p10 {
  padding: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p10 {
    padding: calc(1.5rem * (10/30)) !important;
  }
}

.hp_p20 {
  padding: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p20 {
    padding: calc(1.5rem * (20/30)) !important;
  }
}

.hp_p30 {
  padding: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p30 {
    padding: calc(1.5rem * (30/30)) !important;
  }
}

.hp_p40 {
  padding: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p40 {
    padding: calc(1.5rem * (40/30)) !important;
  }
}

.hp_p50 {
  padding: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p50 {
    padding: calc(1.5rem * (50/30)) !important;
  }
}

.hp_p60 {
  padding: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p60 {
    padding: calc(1.5rem * (60/30)) !important;
  }
}

.hp_p70 {
  padding: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p70 {
    padding: calc(1.5rem * (70/30)) !important;
  }
}

.hp_p80 {
  padding: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p80 {
    padding: calc(1.5rem * (80/30)) !important;
  }
}

.hp_p90 {
  padding: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p90 {
    padding: calc(1.5rem * (90/30)) !important;
  }
}

.hp_p100 {
  padding: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_p100 {
    padding: calc(1.5rem * (100/30)) !important;
  }
}

.hp_pt0 {
  padding-top: 0rem !important;
}

.hp_pt10 {
  padding-top: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt10 {
    padding-top: calc(1.5rem * (10/30)) !important;
  }
}

.hp_pt20 {
  padding-top: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt20 {
    padding-top: calc(1.5rem * (20/30)) !important;
  }
}

.hp_pt30 {
  padding-top: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt30 {
    padding-top: calc(1.5rem * (30/30)) !important;
  }
}

.hp_pt40 {
  padding-top: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt40 {
    padding-top: calc(1.5rem * (40/30)) !important;
  }
}

.hp_pt50 {
  padding-top: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt50 {
    padding-top: calc(1.5rem * (50/30)) !important;
  }
}

.hp_pt60 {
  padding-top: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt60 {
    padding-top: calc(1.5rem * (60/30)) !important;
  }
}

.hp_pt70 {
  padding-top: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt70 {
    padding-top: calc(1.5rem * (70/30)) !important;
  }
}

.hp_pt80 {
  padding-top: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt80 {
    padding-top: calc(1.5rem * (80/30)) !important;
  }
}

.hp_pt90 {
  padding-top: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt90 {
    padding-top: calc(1.5rem * (90/30)) !important;
  }
}

.hp_pt100 {
  padding-top: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pt100 {
    padding-top: calc(1.5rem * (100/30)) !important;
  }
}

.hp_pr0 {
  padding-right: 0rem !important;
}

.hp_pr10 {
  padding-right: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr10 {
    padding-right: calc(1.5rem * (10/30)) !important;
  }
}

.hp_pr20 {
  padding-right: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr20 {
    padding-right: calc(1.5rem * (20/30)) !important;
  }
}

.hp_pr30 {
  padding-right: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr30 {
    padding-right: calc(1.5rem * (30/30)) !important;
  }
}

.hp_pr40 {
  padding-right: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr40 {
    padding-right: calc(1.5rem * (40/30)) !important;
  }
}

.hp_pr50 {
  padding-right: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr50 {
    padding-right: calc(1.5rem * (50/30)) !important;
  }
}

.hp_pr60 {
  padding-right: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr60 {
    padding-right: calc(1.5rem * (60/30)) !important;
  }
}

.hp_pr70 {
  padding-right: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr70 {
    padding-right: calc(1.5rem * (70/30)) !important;
  }
}

.hp_pr80 {
  padding-right: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr80 {
    padding-right: calc(1.5rem * (80/30)) !important;
  }
}

.hp_pr90 {
  padding-right: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr90 {
    padding-right: calc(1.5rem * (90/30)) !important;
  }
}

.hp_pr100 {
  padding-right: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pr100 {
    padding-right: calc(1.5rem * (100/30)) !important;
  }
}

.hp_pb0 {
  padding-bottom: 0rem !important;
}

.hp_pb10 {
  padding-bottom: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb10 {
    padding-bottom: calc(1.5rem * (20/30)) !important;
  }
}

.hp_pb20 {
  padding-bottom: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb20 {
    padding-bottom: calc(1.5rem * (20/30)) !important;
  }
}

.hp_pb30 {
  padding-bottom: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb30 {
    padding-bottom: calc(1.5rem * (30/30)) !important;
  }
}

.hp_pb40 {
  padding-bottom: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb40 {
    padding-bottom: calc(1.5rem * (40/30)) !important;
  }
}

.hp_pb50 {
  padding-bottom: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb50 {
    padding-bottom: calc(1.5rem * (50/30)) !important;
  }
}

.hp_pb60 {
  padding-bottom: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb60 {
    padding-bottom: calc(1.5rem * (60/30)) !important;
  }
}

.hp_pb70 {
  padding-bottom: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb70 {
    padding-bottom: calc(1.5rem * (70/30)) !important;
  }
}

.hp_pb80 {
  padding-bottom: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb80 {
    padding-bottom: calc(1.5rem * (80/30)) !important;
  }
}

.hp_pb90 {
  padding-bottom: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb90 {
    padding-bottom: calc(1.5rem * (90/30)) !important;
  }
}

.hp_pb100 {
  padding-bottom: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pb100 {
    padding-bottom: calc(1.5rem * (100/30)) !important;
  }
}

.hp_pl0 {
  padding-left: 0rem !important;
}

.hp_pl10 {
  padding-left: 0.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl10 {
    padding-left: calc(1.5rem * (10/30)) !important;
  }
}

.hp_pl20 {
  padding-left: 1.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl20 {
    padding-left: calc(1.5rem * (20/30)) !important;
  }
}

.hp_pl30 {
  padding-left: 1.875rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl30 {
    padding-left: calc(1.5rem * (30/30)) !important;
  }
}

.hp_pl40 {
  padding-left: 2.5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl40 {
    padding-left: calc(1.5rem * (40/30)) !important;
  }
}

.hp_pl50 {
  padding-left: 3.125rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl50 {
    padding-left: calc(1.5rem * (50/30)) !important;
  }
}

.hp_pl60 {
  padding-left: 3.75rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl60 {
    padding-left: calc(1.5rem * (60/30)) !important;
  }
}

.hp_pl70 {
  padding-left: 4.375rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl70 {
    padding-left: calc(1.5rem * (70/30)) !important;
  }
}

.hp_pl80 {
  padding-left: 5rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl80 {
    padding-left: calc(1.5rem * (80/30)) !important;
  }
}

.hp_pl90 {
  padding-left: 5.625rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl90 {
    padding-left: calc(1.5rem * (90/30)) !important;
  }
}

.hp_pl100 {
  padding-left: 6.25rem !important;
}

@media screen and (max-width: 750px) {
  .hp_pl100 {
    padding-left: calc(1.5rem * (100/30)) !important;
  }
}

.hp_txtSmall {
  font-size: 0.8em;
}

.hp_txtLarge {
  font-size: 1.2em;
}

.hp_txtBold {
  font-weight: bold;
}

.hp_txtCaution {
  color: #FF895D;
}

.hp_cr5 {
  border-radius: 0.3125rem;
}

.hp_cr10 {
  border-radius: 0.625rem;
}

.hp_cr15 {
  border-radius: 0.9375rem;
}

.hp_alignCenter {
  text-align: center;
}

.hp_alignRight {
  text-align: right;
}

.hp_alignLeft {
  text-align: left;
}

.hp_autoMg {
  margin-left: auto !important;
  margin-right: auto !important;
}

.hp_noLinkborder {
  text-decoration: none;
}

.hp_nowrap {
  word-break: keep-all;
  white-space: nowrap;
}

.hp_shadow {
  -webkit-box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.5) !important;
          box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.5) !important;
}

.hp_noShadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.hp_liftFlex {
  display: block;
}

@media screen and (max-width: 750px) {
  .hp_liftFlex_s {
    display: block;
  }
}

/*************************************************************************************************************************************************************/