@charset "UTF-8";
body {
  font-family: "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
  border: none;
  -webkit-text-size-adjust: 100%;
}
a{
	cursor:pointer;
}
hr {
border: none;
}
.flexcentered{
	display:flex;
	justify-content:center;
	flex-direction: row;
    align-items: center;
gap:1vw;
}
.blue{
  color: #647798;
}
.policypage{color: #647798; margin-top: 10vw;}
.white{
  color: white !important;
}
.u-desktop {
  display: none;
}
#bumonshokai{
  margin-top: 26vw;
}
#accesslink{
  font-size: 1.8rem;
  text-align: center;
  text-decoration: underline;
  font-weight: 600;
  color: #647798;
}
.timeannai{
  padding: 1.2rem;
  border: solid 1px #647798;
  text-align: center;
  margin-bottom: 1.2rem;
  font-size: 1.6vw;
}

.columnsannai{
  display: flex;
  column-gap: 1vw;
}
.masuikatime{
  margin-bottom: 1.5rem;
}
.sekitsuitime{
  margin-bottom: 1.5rem;
}
.reception-information__title2{margin-bottom: 1.2rem !important;}
.bottomline{
  border-bottom: 1px solid #647798;
  border-collapse: collapse;
  }
  .topline{
    border-top: solid 1px #647798;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
  }
  .rightsideannai{
    margin-top: 0;
    flex: 50%;
  }
  table{
    text-align: justify;
  }
.mwform-tel-field input[type="text"] {
	display: inline-block;
	width: 28%;
}

@media screen and (min-width: 768px) {
  .u-desktop {
    display: block;
  }
}
.responsive-menu{
  display: none;
 }
 .sekitsui{
background-color: white;
 }
 .expand {
  display: block !important; 
 }
@media screen and (min-width: 768px) {
  .u-mobile {
    display: none;
  }
}

/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  html {
    font-size: 0.9195402299vw;
  }
}
@media (min-width: 1740px) {
  html {
    font-size: 16px;
  }
}
.bigger{
  font-size: larger;
}
/* pcの電話番号発信対応 */
@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
  .namebig{
    color: white;
    font-size: 1.4vw;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.3vw;
  }
  .namesmall{
    color: white;
    font-size: 1vw;
    font-weight: 500;
    line-height: 0.5;
  }
}

/* ホバー */
a {
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
@media screen and (min-width: 768px) {
  a:hover {
    opacity: 0.8;
  }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.8;
  overflow-x: hidden; /* 横スクロール */
  width: 100%;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
/*img:not([alt]) {
  filter: blur(10px);
}*/
/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

/* input[type=checkbox],
input[type=radio] {
  display: none;
} */

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.btn__contact {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 320px;
  width: 100%;
  padding: 57.4px 0 57.4px 30px;
  background-color: #647798;
  opacity: 1;
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0.05em;
  border: 1px solid #707070;
}
@media screen and (min-width: 1024px) {
.header__mob-access-items{
	display:none;
}
}
@media screen and (min-width: 400px) {
  .btn__contact {
    max-width: 401px;
    padding: 57.4px 0 57.4px 60px;
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .btn__contact {
    display: flex;
    max-width: 230px;
    font-size: 14px;
    padding: 50px 0 50px 28px;
  }
}
@media screen and (min-width: 1024px) {
  .btn__contact {
    max-width: 280px;
    font-size: 16px;
    padding: 55px 0 55px 28px;
  }
  .ColorScroll{
    background-color: #284372 !important;
    -webkit-transition: color 0.4s ease-out;
    transition: color 0.4s ease-out;
}
}
@media screen and (min-width: 1440px) {
  .btn__contact {
    max-width: 50vw;
    font-size: 2vw;
    padding: 80px 0 80px 17px;
  }
	.white_receptioninfo{
		background-color:white !important;
		border: solid 1px #647798;
		color: #647798! important;
		font-weight:600! important;
		box-sizing:content-box;
	}
	.daysoff{
		text-align:center;
		color: #647798;
		font-weight:600;
	}
	.spacebefore2{
		padding-top:0.5vw;
	}
	.reception-information__tel{
		
	}
	}
@media screen and (min-width: 1920px) {
  .btn__contact {
    max-width: 559px;
    padding: 121px 0 122px 50px;
    font-size: 40px;
  }
}

.btn__contact.contact__btn-info::after {
  content: "";
  border-top: 3px solid #fff;
  width: 98px;
  margin-left: 38px;
}
.btn__contact.contact__btn-sick::before {
  content: "";
  border-top: 3px solid #fff;
  width: 158px;
  margin-right: 79.39999999999999px;
}
@media screen and (min-width: 400px) {
  .btn__contact.contact__btn-info::after  {
    width: 100px;
  }
  .btn__contact.contact__btn-sick::before {
     width: 134px;
  }
}

@media screen and (min-width: 1024px) {
  .btn__contact.contact__btn-info::after  {
    width: 10vw;
    margin-right: -14vw;
    margin-left: 6vw;
  }
  .btn__contact.contact__btn-sick::before {
    width: 10vw;
    margin-left: -19vw;
    margin-right: 8vw;
  }

}
@media screen and (min-width: 1440px) {
  .btn__contact.contact__btn-info::after  {
    margin-right: -12vw;
    width: 10vw;
    margin-left: 9vw;
  }
  .btn__contact.contact__btn-sick::before {
    width: 10vw;
    margin-right: 9vw;
    margin-left: -17vw;
  }
}
.fcards{
  display: flex;
}
.fright{
  margin-top: 3vw;
  margin-left: 3.1vw;
}

.btn {
  display: inline-block;
  width: 198.87px;
  padding: 16.2px 0;
  background-color: #647798;
  opacity: 1;
  color: #fff;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.026em;
  border: 1px solid #707070;
}

.card {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.card__image {
  height: 100px;
  /* position: relative;
  width: 90%;
  -o-object-fit: cover;
  object-fit: cover; */
}
@media screen and (min-width: 451px){
  .card__image {
    height: 200px;
  }
}

.card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card__body {
  padding-top: 4.3px;
  padding-top: 0.26875rem;
  color: #4D4D4D;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
@media screen and (min-width: 768px) {
  .card__body {
    padding-top: 13px;
  }
}

.card__time {
  font-size: 8px;
  font-size: 0.5rem;
  color: #4D4D4D;
}
@media screen and (min-width: 768px) {
  .card__time {
    font-size: 0.75rem;
    margin-bottom: 6px;
  }
}
@media screen and (min-width: 1920px) {
  .card__time {
    font-size: 0.9375rem;
    margin-bottom: 12px;
  }
}

.card__title {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1px;
  letter-spacing: 0.0625rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
  /* width: fit-content; */
}
.article__title h1{
	width:80%
}
@media screen and (min-width: 768px) {
  .card__title {
    font-size: 1.6rem;
    margin-bottom: 15px;
	  font-weight:600;
  }
}
@media screen and (min-width: 1920px) {
  .card__title {
    font-size: 1.5rem;
    margin-bottom: 25px;
	   font-weight:600;
  }
}

.card__text {
  display: none;
}
@media screen and (min-width: 768px) {
  .card__text {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1920px) {
  .card__text {
    font-size: 1.5rem;
    margin-bottom: 50px;
  }
}

.card__more {
  display: none;
}
@media screen and (min-width: 768px) {
  .card__more {
    display: block;
    position: relative;
    font-size: 1rem;
    color: #000;
    border-bottom: 2px solid #000;
    width: 123.5px; /* borderの長さ */
    letter-spacing: 0.3em;
  }
}
@media screen and (min-width: 1920px) {
  .card__more {
    font-size: 1.25rem;
    border-bottom: 3px solid #000;
    letter-spacing: 0.3em;
  }
}

.card__more-arrow {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  right: 0;
	margin-top:0.5vw;
}

.card__more-arrow::before {
  content: "";
  width: 10px;
  border-top: 1.5px solid #000;
  display: inline-block;
}

.card__more-arrow::after {
  content: "";
  border-left: 4px solid #000;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .category {
    padding-top: 6.82vw;
    margin-bottom: 6.3vw;
  }
}

@media screen and (min-width: 768px) {
  .inner.category__inner {
    max-width: 76.45vw;
    padding: 0;
  }
}

.category__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 2vw;
     -moz-column-gap: 2vw;
          column-gap: 2vw;
  row-gap: 2vw;
  margin-bottom: 60px;
  margin-bottom: 3.75rem;
}
@media screen and (min-width: 768px) {
  .category__wrapper {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -webkit-column-gap: 0.6vw;
    -moz-column-gap: 0.6vw;
    column-gap: 0.6vw;
    margin-top: 3vw;
  }
}

.category__btn {
  background-color: #9D9D9D;
  width: 44vw;
  padding: 14px 0;
  padding: 0.875rem 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  border: none;
}
@media screen and (min-width: 768px) {
  .category__btn {
    width: 18.22vw;
    font-size: 1.75rem;
  }
}

.footer {
  padding: 55px 0 15px;
  background-color: #647798;
}
@media screen and (min-width: 1024px) {
  .footer {
    padding: 4.6875rem 0 2.1875rem;
  }
}
@media screen and (min-width: 1920px) {
  .footer {
    padding: 6.8125rem 0 5.625rem;
  }
}

@media screen and (min-width: 1024px) {
  .footer__wrapper {
    display: flex;
    width: 80vw;
    height: 7vw;
    margin: 0 auto 34px;
  }
}
@media screen and (min-width: 1440px) {
  .footer__wrapper {
    height: 8vw;
  }
}

.footer__logo {
  margin-bottom: 30px;
}

.footer__logo-wrapper {
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1vw;
     -moz-column-gap: 1vw;
          column-gap: 1vw;
}

.footer__logo--logo {
  max-width: 109px;
  max-height: 127px;
  width: 10%;
  height: 10%;
}
@media screen and (min-width: 1440px) {
  .footer__logo--logo {
    width: 4.79vw;
    height: 4.58vw;
  }
}
@media screen and (min-width: 1920px) {
  .footer__logo--logo {
    width: 100%;
    height: 100%;
  }
}

.footer__logo--title {
  max-width: 183px;
  max-height: 51px;
  width: 40%;
  height: 45%;
}
@media screen and (min-width: 1440px) {
  .footer__logo--title {
    max-width: 183px;
    max-height: 51px;
    width: 43%;
    height: 46%;
  }
}
@media screen and (min-width: 1920px) {
  .footer__logo--title {
    width: 100%;
    height: 100%;
  }
}

.footer__pc-nav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .footer__pc-nav {
    display: block;
    height: inherit;
    margin-left: auto;
  }
}

.footer__pc-nav-items {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4vw;
}
.footer__pc-nav-items2 {
  margin-top: -3rem;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: inherit;
  flex-direction: row;
  flex-wrap: nowrap;
}
.footer__pc-nav-item {
  height: inherit;
  padding-left: 6px;
  padding-right: 6px;
}
@media screen and (min-width: 1440px) {
  .footer__pc-nav-item {
    padding-left: 14px;
    padding-right: 14px;
  }
}
@media screen and (min-width: 1920px) {
  .footer__pc-nav-item {
    padding-left: 34px;
    padding-right: 34px;
  }
}

.footer__pc-nav-item a {
  height: inherit;
  color: #fff;
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  line-height: 1;
}
@media screen and (min-width: 1440px) {
  .footer__pc-nav-item a {
    font-size: 0.9vw;
  }
}
@media screen and (min-width: 1920px) {
  .footer__pc-nav-item a {
    font-size: 1.0625rem;
  }
}

.footer__copy {
  text-align: center;
}

.footer__copy p {
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 300;
}
@media screen and (min-width: 1920px) {
  .footer__copy p {
    font-size: 1.125rem;
  }
}

.fv {
  position: relative;
  width: 100%;
  height: 52vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.fv__about {
  background-image: url(../images/about/ヘッダー.png);
}

.fv__subjects {
  background-image: url(../images/subjects/header.png);
  margin-bottom: 44px;
  margin-bottom: 2.75rem;
}
@media screen and (min-width: 768px) {
  .fv__subjects {
    margin-bottom: 5.5rem;
  }
}

.fv__recruitment {
  background-image: url(../images/recruitment/fv.jpg);
  margin-bottom: 44px;
  margin-bottom: 2.75rem;
}
@media screen and (min-width: 768px) {
  .fv__recruitment {
    margin-bottom: 5.5rem;
  }
}

.fv__contact {
  background: url(../images/contact/fv.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 44px;
  margin-bottom: 2.75rem;
}
@media screen and (min-width: 768px) {
  .fv__contact {
    margin-bottom: 4.58vw;
  }
}

.fv__recruitment-title {
  width: 60.91vw;
  line-height: 3.23;
  text-align: center;
  background-color: rgba(0, 0, 0, .15);
}
@media screen and (min-width: 1024px) {
  .fv__recruitment-title {
    width: 50.91vw;
    line-height: 2;
  }
}

.fv__contact-title {
  width: 75.91vw;
  line-height: 2.5;
  text-align: center;
  background-color: rgba(0, 0, 0, .15);
}
@media screen and (min-width: 1024px) {
  .fv__contact-title {
    width: 50.91vw;
    line-height: 2;
  }
}

.fv__title {
  position: absolute;
  top: 46%;
  left: 48%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 4.5rem;
  letter-spacing: 0.03em;
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .fv__title {
  }
}
@media screen and (min-width: 2560px) {
  .fv__title {
    font-size: 7.5rem;
  }
}

.hamburger {
  display: block;
  width: 66px;
  height: 62px;
  position: relative;
  z-index: 9999;
  border: none;
  top: 2vw;
  left: 46%;
  margin-left: auto;
  background-color: #647798;
  padding: 0 19px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .hamburger {
    display: none;
  }
}

.hamburger__bar {
  width: 25px;
  height: 3px;
  display: block;
  position: relative;
  background-color: white;
  -webkit-transition: ease 0.3s;
  transition: ease 0.3s;
  margin-top: 50%;
}
.hamburger__bar.bar_top {
  top: 0;
}
.hamburger__bar.bar_mid {
  margin: 9px 0;
}
.hamburger__bar.bar_bottom {
  top: 0;
  margin-top: 0.5px;
}

.hamburger.open .bar_top {
  top: 7px;
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
  background-color: #fff;
}

.hamburger.open .bar_mid {
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hamburger.open .bar_bottom {
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
  top: -5px;
  background-color: #fff;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}
@media screen and (min-width: 1024px) {
  .header {
    width: 100%;
    height: 75px;
    background-color: rgba(0, 0, 0, .149);
  }
}
@media screen and (min-width: 1440px) {
  .header {
    height: 120px;
  }
}
@media screen and (min-width: 1920px) {
  .header {
    height: 152px;
  }
}

.header-blue {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
}
@media screen and (min-width: 1024px) {
  .header-blue {
    width: 100%;
    height: 75px;
    background-color: #647798;
  }
}
@media screen and (min-width: 1440px) {
  .header-blue {
    height: 120px;
  }
}
@media screen and (min-width: 1920px) {
  .header-blue {
    height: 152px;
  }
}

.header.headerColorScroll {
  background-color: #284372;
  -webkit-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out;
}

@media screen and (min-width: 1024px) {
  .header__inner {
    width: 93vw;
    height: inherit;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
  }
}

.header__title {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header__title {
    display: block;
    width: 4.79vw;
    height: 4.84vw;
  }
}

.header__pc-nav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header__pc-nav {
    display: block;
    height: inherit;
    margin-left: auto;
  }
}

.header__pc-nav-items {
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: inherit;
}

.header__pc-nav-item {
  height: inherit;
  padding-left: 14px;
  padding-right: 14px;
}

.header__pc-nav-item a {
  height: inherit;
  color: #fff;
  display: grid;
  place-items: center;
  padding: 0;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
}
@media screen and (min-width: 1440px) {
  .header__pc-nav-item a {
    font-size: 0.9vw;
  }
}
@media screen and (min-width: 1920px) {
  .header__pc-nav-item a {
    font-size: 1.25rem;
    line-height: 1.7;
  }
}

.header__pc-access {
  display: none;
}
@media screen and (min-width: 1024px) {
  .header__pc-access {
    display: block;
    margin-left: 1.5vw;
	      margin-top: 1vw;
  }
}

.header__pc-access-item a {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #fff;
}
@media screen and (min-width: 1440px) {
  .header__pc-access-item a {
    font-size: 1.2rem;
    line-height: 0.5;
  }
}
@media screen and (min-width: 1920px) {
  .header__pc-access-item a {
    font-size: 1.875rem;
  }
}

@media screen and (min-width: 768px) {
  .header__pc-access-item.tel {
    margin-bottom: 0;
    line-height: 0.9;
  }
}

.inner {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .inner {
    max-width: 1790px;
    padding-right: 25px;
    padding-left: 25px;
  }
}

.pagination {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 75px;
  margin-bottom: 4.6875rem;
}
@media screen and (min-width: 768px) {
  .pagination {
    margin-bottom: 7.81vw;
  }
}

.nav-links {
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pagination .page-numbers {
  display: inline-block;
  text-align: center;
  width: 40px;
  width: 2.5rem;
  height: 40px;
  height: 2.5rem;
  /* padding: 10px 0; */
  /* padding: 0.625rem 0; */
  margin-right: 10px;
  margin-right: 0.625rem;
  border: 1px solid #707070;
  border-radius: 50%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #647798;
}
@media screen and (min-width: 768px) {
  .pagination .page-numbers {
    margin-right: 2.0625rem;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    /* padding: 0.9375rem 0; */
  }
}

.pagination .current {
  background: #A2A2A2;
  color: #fff;
}

ul.page-numbers {
  border: none !important;
}

.page-numbers.prev {
  position: relative;
  border: none;
}

.page-numbers.prev::before {
  position: absolute;
  display: block;
  content: "";
  top: 20%;
  left: 50%;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  border-top: solid 2px;
  border-right: solid 2px;
  border-radius: 0;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  color: #707070;
}

.page-numbers.next {
  position: relative;
  border: none;
}

.page-numbers.next::after {
  position: absolute;
  content: "";
  top: 20%;
  right: 50%;
  display: block;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  border-top: solid 2px;
  border-right: solid 2px;
  border-left: none;
  border-bottom: none;
  border-radius: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  color: #707070;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

.recruitment__image {
  margin-bottom: 0;
  overflow: hidden;
}

.recruitment__image-sp {
  display: block;
}
@media screen and (min-width: 768px) {
  .recruitment__image-sp {
    display: none;
  }
}

.recruitment__image-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .recruitment__image-pc {
    display: flex;
    width: 100%;
  }
}

.recruitment__image-pc-item img {
  width: auto;
  max-width: 100%;
  height: 21vw;
  max-height: 100%;
  overflow: hidden;
  z-index: 1;
}

.subject {
  background-color: #647798;
  padding-top: 43px;
  padding-top: 2.6875rem;
  padding-bottom: 65px;
  padding-bottom: 4.0625rem;
}
@media screen and (min-width: 768px) {
  .subject {
    padding-top: 5.4375rem;
    padding-bottom: 8.1875rem;
  }
}

@media screen and (min-width: 2560px) {
  .subject__inner {
    max-width: 93.22vw;
  }
}

.subject.bg__white {
  background-color: #fff;
}

.subject__title {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-size: 1.20rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  text-align: center;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .subject__title {
    font-size: 2.3rem;
    line-height: 2.5;
    margin-bottom: 6.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .subject__title {
    font-size: 5rem;
    margin-bottom: 6.25rem;
  }
}

.subject__title.bg__white {
  color: #647798;
}

.subject__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 45.22vw; /* 下線の幅 */
  height: 3px; /* 下線の太さ */
  background-color: #fff; /* 下線の色 */
}
@media screen and (min-width: 768px) {
  .subject__title::after {
    width: 23.22vw;
  }
}

.subject__title.bg__white::after {
  background-color: #647798;
}

.subject__wrapper {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 768px) {
  .subject__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 1vw;
       -moz-column-gap: 1vw;
            column-gap: 1vw;
  }
}
@media screen and (min-width: 1440px) {
  .subject__wrapper {
    -webkit-column-gap: 3vw;
       -moz-column-gap: 3vw;
            column-gap: 3vw;
  }
}

@media screen and (min-width: 768px) {
  .subject__description {
    width: 45.43vw;
  }
}
@media screen and (min-width: 1920px) {
  .subject__description {
    width: 43.43vw;
  }
}
@media screen and (min-width: 2560px) {
  .subject__description {
    width: 38.43vw;
  }
}

.subject__description-text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.785;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .subject__description-text {
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1.8;
  }
}
@media screen and (min-width: 1920px) {
  .subject__description-text {
    margin-bottom: 7.5rem;
  }
}
@media screen and (min-width: 2560px) {
  .subject__description-text {
    font-size: 2.1875rem;
  }
}

.subject__description-text.bg__white {
  color: #647798;
}

.subject__description-btn {
  text-align: center! important;
}

.subject__btn {
  display: inline-block;
  width: 85.5vw;
  padding: 24px 0;
  padding: 1.5rem 0;
  color: #647798;
  opacity: 1;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  border: 1px solid #707070;
  border-radius: 77px;
  background-color: #fff;
  margin: 3rem 0;
}
@media screen and (min-width: 768px) {
  .subject__btn {
    width: 27.5vw;
    padding: 3rem 0;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .subject__btn {
    font-size: 2.5rem;
  }
}

.subject__btn.bg__white {
  color: #fff;
  background-color: #647798;
}

.subject__image {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .subject__image {
    width: 55.72vw;
  }
}

@media screen and (min-width: 768px) {
  .brainDock__topWrapper {
    margin-bottom: 4.52vw;
  }
}

@media screen and (min-width: 768px) {
  .subject__description--secondary {

    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .subject__description-text.secondary {
    width: 54.64vw;
  }
}
@media screen and (min-width: 1920px) {
  .subject__description-text.secondary {
    width: 49.64vw;
  }
}
@media screen and (min-width: 2560px) {
  .subject__description-text.secondary {
    width: 46.64vw;
  }
}

@media screen and (min-width: 768px) {
  .brainDock__btn {
    margin: 0 4.375vw;
    margin-top: 0rem;
  }
}
@media screen and (min-width: 1920px) {
  .brainDock__btn {
    margin: 0 6.375vw;
  }
}
@media screen and (min-width: 2560px) {
  .brainDock__btn {
    margin: 0 8.375vw;
  }
}

.tag {
  background-color: #5A7B00;
  width: 25vw;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding: 8px 0;
  padding: 0.5rem 0;
}
@media screen and (min-width: 768px) {
  .tag {
    width: 9vw;
    font-size: 1.125rem;
  }
}

.title-eng {
  text-align: center;
}

.title-eng__title {
  color: #647798;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.3;
}
@media screen and (min-width: 1440px) {
  .title-eng__title {
    font-size: 60px;
  }
}
@media screen and (min-width: 1920px) {
  .title-eng__title {
    font-size: 83.38px;
  }
}

.title-eng__engTitle {
  color: #647798;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 300;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .title-eng__engTitle {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .title-eng__engTitle {
    FONT-WEIGHT: 300;
    font-size: 1.6vw;
  }
}
@media screen and (min-width: 1920px) {
  .title-eng__engTitle {
    font-size: 2.125rem;
  }
}

.title-underLine__title {
  color: #647798;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.6;
  border-bottom: 4px solid #647798;
  display: inline-block; /* borderの長さを文字数に設定 */
}
@media screen and (min-width: 768px) {
  .title-underLine__title {
    font-size: 2.8125rem;
  }
}
@media screen and (min-width: 1440px) {
  .title-underLine__title {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .title-underLine__title {
    font-size: 5rem;
    border-bottom: 4px solid #647798;
  }
}

.title-underLine__subtitle {
  color: #647798;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .title-underLine__subtitle {
    font-size: 1.4375rem;
    line-height: 2;
  }
}
@media screen and (min-width: 1440px) {
  .title-underLine__subtitle {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .title-underLine__subtitle {
    font-size: 2.5rem;
  }
}

.achievement-number {
  background-color: #647798;
  padding-bottom: 30px;
  padding-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .achievement-number {
    padding-bottom: 3.17vw;
  }
}

@media screen and (min-width: 1920px) {
  .achievement-number__inner {
    max-width: 90.625vw;
  }
}

.achievement-number__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .achievement-number__title {
    text-align: left;
  }
}
.navboxes{display: flex;color: white;column-gap: 2vw;font-size: 1.4vw; margin-right: -4vw; align-items: center;}
.safetypolicy{

}
.policies{text-align: center;padding: 1vw;border: white solid 1px;width: 20vw;
    margin-right: -1vw;
    margin-top: 3vw;
    margin-bottom: -9vw;
    font-size: 1vw;}
.covidpolicy{

}
.personalprivacy{

}
.achievement-number__underLineTitle {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  border-bottom: 2px solid #fff;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .achievement-number__underLineTitle {
    font-size: 2.5rem;
  }
}

.achievement-number__wrapper {

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
@media screen and (min-width: 768px) {
  .achievement-number__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: 1.87vw;
       -moz-column-gap: 1.87vw;
            column-gap: 1.87vw;
    margin-bottom: 1.92vw;
  }
}

.achievement-number__item {

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 51vw;
  height: 50vw;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  border: 3px solid #fff;
}
@media screen and (min-width: 768px) {
  .achievement-number__item {
    width: 22vw;
    height: 21vw;
    margin-bottom: 0;
  }
}

.achievement-number__item p {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.achievement-number__item-title {
  font-size: 25px;
  font-size: 1.5625rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .achievement-number__item-title {
    font-size: 2.5rem;
    margin-bottom: 2.1875vw;
  }
}
@media screen and (min-width: 2560px) {
  .achievement-number__item-title {
    font-size: 3.75rem;
  }
}

.achievement-number__item-number {
  font-size: 35px;
  font-size: 2.1875rem;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .achievement-number__item-number {
    font-size: 2.5rem;
    margin-bottom: 2.1875vw;
  }
}
@media screen and (min-width: 2560px) {
  .achievement-number__item-number {
    font-size: 5rem;
  }
}

.achievement-number__item-unit {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
  .achievement-number__item-unit {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 2560px) {
  .achievement-number__item-unit {
    font-size: 3.125rem;
  }
}

.achievement-number__period {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .achievement-number__period {
    text-align: left;
  }
}

.achievement-number__period p {
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 1440px) {
  .achievement-number__period p {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1920px) {
  .achievement-number__period p {
    font-size: 1.5rem;
  }
}

.achievement {
  background-color: #647798;
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .achievement {
    padding-top: 3.64vw;
    padding-bottom: 3.59vw;
  }
}

.achievement__title {
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .achievement__title {
    margin-bottom: 3.75vw;
  }
}

.achievement__underLineTitle {
  position: relative;
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .achievement__underLineTitle {
    font-size: 3.75rem;
  }
}

.achievement__underLineTitle::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: -7px; /* 下線の上下位置調整 */
  width: 55vw; /* 下線の幅 */
  height: 3px; /* 下線の太さ */
  background-color: #fff; /* 下線の色 */
}
@media screen and (min-width: 768px) {
  .achievement__underLineTitle::after {
    width: 20.364vw;
  }
}

.achievement__wrapper {
  text-align: center;
}

.achievement__btn {
  background-color: #fff;
  color: #647798;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 200;
  margin: 0 auto 10px;
  margin: 0 auto 0.625rem;
  padding: 35px 0;
  padding: 2.1875rem 0;
  width: 44vw;
}
@media screen and (min-width: 768px) {
  .achievement__btn {
    font-size: 1.5625rem;
    margin: 0 1vw 2vw;
    padding: 4.4375rem 0;
    width: 29vw;
  }
}
@media screen and (min-width: 1920px) {
  .achievement__btn {
    font-size: 2.125rem;
  }
}
.policytext{
	font-size:1.4vw;
}
.signoff{
	text-align: right;
	font-size: 1.2vw;
}
.policysubtitle{
	font-size:1.6vw;
	font-weight: 500;
}
.policybiggertext{
	font-size:1.6vw;
}
.floor-guide {
  text-align: center;
  padding-top: 35px;
  padding-top: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .floor-guide {
    text-align: left;
    padding-top: 7.29vw;
    margin-bottom: 2.7vw;
  }
}

.floor-guide__inner {
  max-width: 90.625vw;
}

@media screen and (min-width: 768px) {
  .floor__guide-wrapper {

    display: flex;
  }
}

.floor-guide__title-eng {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .floor-guide__title-eng {
    text-align: left;
    margin-bottom: 2.6vw;
  }
}

.floor-guide__title-eng--title {
  display: inline-block;
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.5;
  border-bottom: 3px solid #647798;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .floor-guide__title-eng--title {
    font-size: 4.375rem;
  }
}

.floor-guide__title-eng--engTitle {
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .floor-guide__title-eng--engTitle {
    font-size: 1.75rem;
  }
}

.floor-guide__text {
  color: #647798;
  line-height: 2;
  font-size: 13px;
  font-size: 0.8125rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .floor-guide__text {
    font-size: 1.5rem;
    margin-bottom: 3vw;
  }
}

.floor-guide__right {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .floor-guide__right {
    position: relative;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 45%;
    height: 57vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .floor-guide__image-waiting {
    width: 51.14vw;
  }
}

@media screen and (min-width: 768px) {
  .floor-guide__image-surgicalHoll {
    position: absolute;
    left: 10%;
    width: 30.72vw;
  }
}

@media screen and (min-width: 768px) {
  .floor-guide__image-staffStation {
    position: absolute;
    top: 36%;
    left: 30%;
    width: 30.72vw;
  }
}

.floor-guide__btn {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 200;
  margin-top: 30px;
  margin-top: 1.875rem;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .floor-guide__btn {
    width: 31.82vw;
    margin-top: auto;
    margin-bottom: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1440px) {
  .floor-guide__btn {
    font-size: 1.625rem;
    padding: 2.9375rem 0;
  }
}

.greeting {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .greeting {
    margin-bottom: 1.66vw;
  }
}

.greeting__inner {
  max-width: 90.625vw;
}

.greeting__title {
  text-align: center;
  margin: 0 auto 35px;
  margin: 0 auto 2.1875rem;
}
@media screen and (min-width: 768px) {
  .greeting__title {
    text-align: left;
    margin: 0;
  }
}

.greeting__underLineTitle {
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .greeting__underLineTitle {
    position: relative;
    font-size: 3.125rem;
    line-height: 2;
    border-bottom: none;
  }
}

.greeting__underLineTitle::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .greeting__underLineTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 0; /* 位置調整 */
    bottom: 0px; /* 下線の上下位置調整 */
    width: 45vw; /* 下線の幅 */
    height: 3px; /* 下線の太さ */
    background-color: #647798; /* 下線の色 */
  }
}
@media screen and (min-width: 1920px) {
  .greeting__underLineTitle::after {
    width: 33vw;
  }
}

@media screen and (min-width: 768px) {
  .greeting__wrapper {

    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.greeting__image {
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}

.greeting__image-thumbnail {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .greeting__image-thumbnail {
    width: 40vw;
    margin-bottom: 2.81vw;
    margin-left: 5vw;
  }
}

.greeting__image-name {
  text-align: center;
}

.greeting__image-name--chairman {
  color: #647798;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .greeting__image-name--chairman {
    font-size: 2.5rem;
    margin-bottom: 0.7vw;
    margin-left: 4vw;
  }
}

.greeting__image-name--name {
  color: #647798;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .greeting__image-name--name {
    font-size: 3.125rem;
    margin-left: 4vw;
  }
}

.greeting__description-text {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .greeting__description-text {
    padding-top: 3.43vw;
    margin-bottom: 5.26vw;
  }
}
@media screen and (min-width: 1024px) {
  .greeting__description-text {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .greeting__description-text {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .greeting__description-text {
    font-size: 1.5rem;
  }
}

.greeting__description-text--bottom {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8;
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .greeting__description-text--bottom {
    margin-bottom: 5.26vw;
  }
}
@media screen and (min-width: 1024px) {
  .greeting__description-text--bottom {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 1440px) {
  .greeting__description-text--bottom {
    padding-top: 0;
    font-size: 1.3rem;
  }
}

.greeting__description-subtitle {
  color: #647798;
  font-size: 23px;
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 25px;
  margin-bottom: 1.5625rem;
}
@media screen and (min-width: 768px) {
  .greeting__description-subtitle {
    font-size: 2.1rem;
    line-height: 1.3;
  }
}

.greeting__description-subtitle span {
  font-size: 18px;
  font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
  .greeting__description-subtitle span {
    font-size: 1.5625rem;
  }
}

.mission {
  padding-top: 4.583vw;
  margin-bottom: 7.1875vw;
}

.mission__wrapper {
  position: relative;
  margin-bottom: 70px;
  margin-bottom: 4.375rem;
}
@media screen and (min-width: 768px) {
  .mission__wrapper {

    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 2.34vw;
       -moz-column-gap: 2.34vw;
            column-gap: 2.34vw;
    margin-bottom: 8vw;
  }
}

.mission__wrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: -7%; /* 下線の上下位置調整 */
  width: 75.78125vw; /* 下線の幅 */
  height: 1px; /* 下線の太さ */
  background-color: #647798; /* 下線の色 */
}
@media screen and (min-width: 768px) {
  .mission__wrapper::after {
    bottom: -15%; /* 下線の上下位置調整 */
  }
}

.mission__body {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .mission__body {
    margin-bottom: 0;
    width: 32%;
  }
}
@media screen and (min-width: 1920px) {
  .mission__body {
    width: 40%;
  }
}
@media screen and (min-width: 2560px) {
  .mission__body {
    width: 52%;
  }
}

.mission__body-title {
  text-align: center;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .mission__body-title {
    text-align: left;
    margin-bottom: 3.125rem;
  }
}

.mission__body-underLineTitle {
  font-size: 30px;
  font-size: 1.875rem;
}
@media screen and (min-width: 768px) {
  .mission__body-underLineTitle {
    position: relative;
    font-size: 3.125rem;
    line-height: 2;
    border-bottom: none;
  }
}
@media screen and (min-width: 1920px) {
  .mission__body-underLineTitle {
    font-size: 3.75rem;
  }
}

.mission__body-underLineTitle::after {
  display: none;
}
@media screen and (min-width: 768px) {
  .mission__body-underLineTitle::after {
    content: "";
    display: block;
    position: absolute;
    left: 0; /* 位置調整 */
    bottom: 0px; /* 下線の上下位置調整 */
    width: 23vw; /* 下線の幅 */
    height: 3px; /* 下線の太さ */
    background-color: #647798; /* 下線の色 */
  }
}

.mission__body-underLineSubtitle {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .mission__body-underLineSubtitle {
    font-size: 2.5rem;
    line-height: 2.5;
  }
}
@media screen and (min-width: 1920px) {
  .mission__body-underLineSubtitle {
    font-size: 2.8125rem;
  }
}

.mission__text p {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .mission__text p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .mission__text p {
    font-size: 1.5rem;
  }
}

.description__inner {
  max-width: 1537px;
  width: 80%;
  margin: 0 auto;
}

.mission__description-title {
  text-align: center;
  color: #647798;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .mission__description-title {
    font-size: 3.125rem;
    margin-bottom: 3vw;
  }
}
@media screen and (min-width: 1920px) {
  .mission__description-title {
    font-size: 3.75rem;
  }
}

.mission__description-text {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .mission__description-text {
    margin-bottom: 5vw;
  }
}

.mission__description-text p {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
  .mission__description-text p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .mission__description-text p {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .mission__image {
    width: 61.14vw;
  }
}

.movie {
  height: 56.25vw;
}

.overview {
  background-color: #647798;
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 110px;
  padding-bottom: 6.875rem;
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .overview {
    padding-bottom: 11.4vw;
    margin-bottom: 4.89vw;
  }
}

@media screen and (min-width: 1920px) {
  .overview__inner {
    max-width: 90.625vw;
  }
}

.overview__wrapper {
  position: relative;
  margin-bottom: 140px;
  margin-bottom: 8.75rem;
}
@media screen and (min-width: 768px) {
  .overview__wrapper {

    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 1.7vw;
       -moz-column-gap: 1.7vw;
            column-gap: 1.7vw;
    margin-bottom: 7.44vw;
  }
}

.overview__wrapper::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: -7%; /* 下線の上下位置調整 */
  width: 75.78125vw; /* 下線の幅 */
  height: 1px; /* 下線の太さ */
  background-color: #fff; /* 下線の色 */
}

.overview__body {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .overview__body {
    margin-bottom: 0;
    width: 35%;
  }
}
@media screen and (min-width: 1024px) {
  .overview__body {
    width: 30%;
  }
}
@media screen and (min-width: 1920px) {
  .overview__body {
    width: 40%;
  }
}

.overview__body-title {
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .overview__body-title {
    text-align: left;
    margin-bottom: 2.8vw;
  }
}

.overview__body-underLineTitle {
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  border-bottom: 3px solid #fff;
}
@media screen and (min-width: 768px) {
  .overview__body-underLineTitle {
    font-size: 3.75rem;
    line-height: 2;
  }
}
@media screen and (min-width: 1920px) {
  .overview__body-underLineTitle {
    font-size: 4.375rem;
  }
}

.overview__text {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .overview__text {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .overview__text {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .overview__text {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .overview__image {
    width: 62.39vw;
  }
}

.overview__description-title {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
@media screen and (min-width: 768px) {
  .overview__description-title {
    font-size: 3.75rem;
    letter-spacing: 0.05em;
    margin-bottom: 6.14vw;
  }
}

.overview__description-text {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .overview__description-text {
    margin-bottom: 7.6vw;
  }
}

.overview__description-text p {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8333;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .overview__description-text p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .overview__description-text p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .overview__description-text p {
    font-size: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .overview__hospital-profile-wrapper {

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 5.46vw;
       -moz-column-gap: 5.46vw;
            column-gap: 2.46vw;
  }
}

.overview__hospital-profile-image {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .overview__hospital-profile-image {
    width: 37.1875vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .overview__hospital-profile-description {
    width: 70%;
	  margin-right:-7vw;
  }
}

.overview__hospital-profile-description p {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
  margin-bottom: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .overview__hospital-profile-description p {
    margin-bottom: 1.5vw;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .overview__hospital-profile-description p {
    margin-bottom: 1.8vw;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .overview__hospital-profile-description p {
    margin-bottom: 1.3vw;
    font-size: 1.5rem;
  }
}

.overview__hospital-profile-description p:last-child {
  margin-bottom: 0;
}

.smart-hospital {
  background-color: #647798;
  padding-top: 35px;
  padding-top: 2.1875rem;
  padding-bottom: 70px;
  padding-bottom: 4.375rem;
}
@media screen and (min-width: 768px) {
  .smart-hospital {
    padding-top: 3.64vw;
    padding-bottom: 2.91vw;
  }
}

@media screen and (min-width: 1920px) {
  .smart-hospital__inner {
    max-width: 90.625vw;
  }
}

.smart-hospital__title-underLine {
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
@media screen and (min-width: 768px) {
  .smart-hospital__title-underLine {
    margin-bottom: 4.68vw;
  }
}

.smart-hospital__underLine-title--about {
  position: relative;
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .smart-hospital__underLine-title--about {
    font-size: 3.75rem;
  }
}

.smart-hospital__underLine-title--about::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  width: 45vw; /* 下線の幅 */
  height: 2px; /* 下線の太さ */
  background-color: #fff; /* 下線の色 */
}
@media screen and (min-width: 768px) {
  .smart-hospital__underLine-title--about::after {
    width: 20.36vw;
  }
}

.smart-hospital__underLine-subtitle--about {
  color: #fff;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 2.5;
}
@media screen and (min-width: 768px) {
  .smart-hospital__underLine-subtitle--about {
    font-size: 2.1875rem;
  }
}

.smart-hospital__wrapper {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .smart-hospital__wrapper {
    position: relative;

    display: flex;
    width: 90%;
    margin-bottom: 5vw;
  }
}

.smart-hospital__text {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
  margin-left: 5rem;
  width: 30vw;
}

.smart-hospital__text p {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 200;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .smart-hospital__text p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .smart-hospital__text p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .smart-hospital__text p {
    font-size: 1.5rem;
  }
}

.smart-hospital__image--left {
  margin-bottom: 50px;
  margin-bottom: 3.125rem;
}
@media screen and (min-width: 768px) {
  .smart-hospital__image--left {
    position: absolute;
    top: 7vw;
    left: 35vw;
    width: 34.81vw;
    height: 24vw;
    opacity: 0.9;
    z-index: 1;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1024px) {
  .smart-hospital__image--left {
    top: 7vw;
    left: 39vw;
  }
}
@media screen and (min-width: 1920px) {
  .smart-hospital__image--left {
    left: 31vw;
  }
}
@media screen and (min-width: 2560px) {
  .smart-hospital__image--left {
    top: 3vw;
    left: 26vw;
  }
}

@media screen and (min-width: 768px) {
  .smart-hospital__image--right {
    position: absolute;
    top: 0;
    left: 55vw;
    width: 30.869999999999997vw;
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  .smart-hospital__image--right {
    top: 0;
    left: 62vw;
  }
}
@media screen and (min-width: 2560px) {
  .smart-hospital__image--right {
    top: -3vw;
    left: 51vw;
  }
}

.smart-hospital__btn-wrapper {
  text-align: center;
}

.smart-hospital__btn {
  background-color: #fff;
  color: #647798;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 200;
  width: 80vw;
}
@media screen and (min-width: 768px) {
  .smart-hospital__btn {
    width: 31.61vw;
  }
}
@media screen and (min-width: 1440px) {
  .smart-hospital__btn {
    font-size: 1.25rem;
    padding: 2.9375rem 0;
  }
}

.archive__title-wrapper {
  height: 205px;
  height: 12.8125rem;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#637798), to(#1a5aa5));
  background: linear-gradient(#637798 0%, #1a5aa5 100%);
  opacity: 0.47;
  margin-bottom: 53px;
  margin-bottom: 3.3125rem;
}
@media screen and (min-width: 768px) {
  .archive__title-wrapper {
    height: 21.45vw;
    margin-bottom: 5.52vw;
  }
}

.archive__title {
  padding: 0 12vw;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  color: #fff;
  border-bottom: 3px solid #fff;
}
@media screen and (min-width: 768px) {
  .archive__title {
    padding: 0 4vw;
    font-size: 3.75rem;
  }
}

.archive__subtitle {
  color: #fff;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .archive__subtitle {
    font-size: 1.875rem;
    padding-top: 1vw;
  }
}

.archive {
  margin-bottom: 85px;
  margin-bottom: 5.3125rem;
}
@media screen and (min-width: 768px) {
  .archive {
    margin-bottom: 8.85vw;
  }
}

@media screen and (min-width: 768px) {
  .archive__inner {
    max-width: 76.4vw;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .archive__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -webkit-column-gap: 0.98vw;
       -moz-column-gap: 0.98vw;
            column-gap: 0.98vw;
    row-gap: 6.82vw;
  }
}

.article {
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.article img {
  width: auto;
}
@media screen and (min-width: 768px) {
  .article {
    margin-bottom: 3vw;
  }
}

@media screen and (min-width: 768px) {
  .article__inner {
    max-width: 76.45vw;
    padding: 0;
	  overflow: hidden;
  }
}

.article__tag {
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .article__tag {
    margin-bottom: 0.8vw;
  }
}

.article__title {
  width: 100%;
  border-bottom: 2px solid #647798;
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
}
@media screen and (min-width: 768px) {
  .article__title {
    width: 75.31vw;
    border-bottom: 3px solid #647798;
    margin-bottom: 4.84vw;
  }
}

.article__title h1 {
  color: #647798;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .article__title h1 {
    font-size: 3rem;
    margin-bottom: 0;
	  width: 85%;
    line-height: 1.2;
  }
}

.article__title time {
  color: #647798;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .article__title time {
    font-size: 1.25rem;
  }
}

.article__date {
  text-align: right;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
	margin-top: -2.2rem;
}

.article__text {
  margin-bottom: 59px;
  margin-bottom: 3.6875rem;
}
@media screen and (min-width: 768px) {
  .article__text {
    margin-bottom: 3vw;
  }
}

.article__text p {
  color: #647798;
  text-indent: 1em;
	max-width:100%;
	overflow-x:hidden;
}
.article__inner a{
	text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .article__text p {
    font-size: 1.3rem;
    margin-bottom: 1vw;
  }
}

.article__btn {
  width: 90%;
  margin: 0 auto;
  margin-bottom: 90px;
  margin-bottom: 5.625rem;
}
@media screen and (min-width: 768px) {
  .article__btn {
    width: 52.55vw;
    margin-bottom: 9.53vw;
  }
}

.article__btn-flex {

  display: flex;
  -webkit-column-gap: 2vw;
     -moz-column-gap: 2vw;
          column-gap: 2vw;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .article__btn-flex {
    -webkit-column-gap: 0.4vw;
       -moz-column-gap: 0.4vw;
            column-gap: 0.4vw;
    margin-bottom: 0.8vw;
  }
}

.article-btn {
  width: 44vw;
  padding: 11px 0;
  padding: 0.6875rem 0;
}
@media screen and (min-width: 768px) {
  .article-btn {
    width: 26vw;
    padding: 1.375rem 0;
  }
}

.article-topBtn {
  width: 100%;
  padding: 11px 0;
  padding: 0.6875rem 0;
}
@media screen and (min-width: 768px) {
  .article-topBtn {
    padding: 1.375rem 0;
  }
}

.article__card {
  display: block;
  align-items: center;
  column-gap: 5vw;
}
.article__card:not(:last-child) {
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .article__card {
    margin-bottom: 0;
  }
}


.article__card-image, .article__card img{
  height: 40vw;
  margin-bottom: 10px;
	    object-fit: cover;
}
@media screen and (min-width: 768px) {
  .article__card-image, .article__card img {
    height: 8vw;
    margin-bottom: 0.6vw;
	      object-fit: cover;
  }
}

.article__card-body {
  padding-top: 0;
}

.article__card-time {
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}

@media screen and (min-width: 768px) {
  .article__card-time {
    font-size: 0.9375rem;
    margin-bottom: 0.6vw;
  }
}

@media screen and (min-width: 768px) {
  .article__card-title {
    font-size: 1.5rem;
    margin-bottom: 1.3vw;
	  font-weight:600;
  }
}

.article__card-text,
.article__card-more {
  display: block;
}

.article__card-text {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.8;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
}
@media screen and (min-width: 768px) {
  .article__card-text {
    font-size: 1.1rem;
    margin-bottom: 1.6vw;
  }
	.news__card-image{
		height: 10vw;
	}
}

.article__card-more {
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .article__card-more {
    font-size: 1.25rem;
  }
}

.newArrival {
  margin-bottom: 125px;
  margin-bottom: 7.8125rem;
}
@media screen and (min-width: 768px) {
  .newArrival {
    margin-bottom: 13.28vw;
  }
}

.related {
  margin-bottom: 85px;
  margin-bottom: 5.3125rem;
}
@media screen and (min-width: 768px) {
  .related {
    /* margin-bottom: 8.85vw; */
    margin-bottom: 4.85vw;
  }
}

.related__inner {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .related__inner {
    max-width: 76.45vw;
    padding: 0;
  }
}

.related__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -1rem 0 0;
}
.related__wrapper .article__card {
  width: 100%;
  margin: 1rem 0 0;
}
@media screen and (min-width: 768px) {
  .related__wrapper  {
    margin: -1rem 0 0 -2%;
  }
  .related__wrapper .article__card {
    width: 23%;
    margin: 1rem 0 0 2%;
  }
}

.related__title {
  color: #647798;
}
@media screen and (min-width: 768px) {
  .related__title {
    font-size: 2.8rem;
  }
}

.related__title::after {
  background-color: #647798;
}

.form {
  background-color: #647798;
  padding-top: 15vw;
  padding-bottom: 14vw;
  margin-bottom: 0vw;
}
@media screen and (min-width: 768px) {
  .form {
    padding-top: 5.1vw;
    padding-bottom: 8vw;
    margin-bottom: 4.84vw;
  }
}

@media screen and (min-width: 768px) {
  .form__inner {
    max-width: 47vw;
    padding: 0;
  }
  #bumonshokai {
    margin-top: 22vw;
}
}

.form__wrapper {
  max-width: 700px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form__wrapper {
    max-width: 900px;
  }
}

.form__box {
  margin-bottom: 7.56vw;
}
@media screen and (min-width: 768px) {
  .form__box {
    margin-bottom: 2.76vw;
  }
}

.form__box label {
  display: block;
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 3vw;
}
@media screen and (min-width: 768px) {
  .form__box label {
    font-size: 1.5625rem;
    margin-bottom: 0.9vw;
  }
}

.mandatory {background-color: #e60012;color: #fff;font-size: 10px;width: 44px;padding: 4px 7px 3px;border-radius: 5px;text-align: center;float: none;margin-left: 0.5rem;}

.form__box select {
  width: 90vw;
  height: 10vw;
  padding-left: 2vw;
  color: #343434;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  background-color: #fff;
}
.form__box.form__box--3col select {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0rem 2rem;
  text-align: center;
}
.form__box.form__box--3col select:not(:first-child) {
  margin: 0 0 0 1rem;
}
.form-preferred-date {
  display: inline-block !important;
  width: 10vw !important;
  margin: 0 3vw 0 0;
  padding: 0rem 2rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .form__box select {
    width: 47vw;
    height: 3.59vw;
    font-size: 1.5625rem;
  }
}

.form__box input {
  width: 90vw;
  height: 10vw;
  display: block;
  background-color: #fff;
  padding-left: 2vw;
  color: #343434;
   font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .form__box input {
    width: 47vw;
    height: 3.59vw;
    font-size: 1.5625rem;
  }
}

.form__text-radio {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
  margin-bottom: 7vw;
}
@media screen and (min-width: 768px) {
  .form__text-radio {
    font-size: 1.5625rem;
    margin-bottom: 2.7vw;
	      text-align: center;
    font-weight: 700;
    text-decoration: underline;
  }
}

.form__radio {
  margin-bottom: 3vw;
}
@media screen and (min-width: 768px) {
  .form__radio {
    text-align: center;
	      color: white;
    font-size: 1.5rem;
  }
}

.form__radio label {
  font-size: 16px;
  font-size: 1rem;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .form__radio label {
    font-size: 1.5625rem;
    margin-right: 2vw;
  }
}

input[type=radio] + span::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #fff;
  border: 1px solid #707070;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: block;
}
@media screen and (min-width: 768px) {
  input[type=radio] + span::before {
    width: 1.875rem;
    height: 1.875rem;
  }
}

input[type=radio]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: #00A7FF;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  border: none;
  display: block;
}
@media screen and (min-width: 768px) {
  input[type=radio]:checked + span::after {
    left: 0.46875rem;
    width: 0.9375rem;
    height: 0.9375rem;
  }
}

input[type=radio] + span {
  display: inline-block;
  position: relative;
  padding: 0 0 0 6vw;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
  cursor: pointer;
  margin-right: 1rem;
}
@media screen and (min-width: 768px) {
  input[type=radio] + span {
    display: inline-block;
    padding: 0 0 0 3vw;
    margin: 0 auto;
  }
}

input[type=radio] {
  display: none;
}

#radio_mail,
#radio_tel {
  margin-right: 19px;
}
@media screen and (min-width: 768px) {
  #radio_mail,
#radio_tel {
    margin-right: 3vw;
  }
}

.form__box textarea {
  display: block;
  background-color: #fff;
  max-width: 700px;
  width: 100%;
  height: 240.42px;
  border: 1px solid #707070;
  font-size: 16px;
  font-size: 1rem;
  color: #343434;
  font-weight: 500;
  letter-spacing: 0.05em;
  padding-top: 22px;
  padding-left: 23.23px;
  margin-bottom: 30.58px;
}
@media screen and (min-width: 768px) {
  .form__box textarea {
    max-width: 47vw;
    height: 17.76vw;
    padding: 2vw;
    font-size: 1.5625rem;
    margin-bottom: 5.46vw;
  }
}

.form__submit {
  text-align: center;
}

.form__btn {
  width: 85vw;
  padding: 16px 0 18px;
  color: #647798;
  background-color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  border-radius: 77px;
}
@media screen and (min-width: 768px) {
  .form__btn {
    width: 28.159999999999997vw;
    font-size: 2rem;
    padding: 2.5rem 0;
  }
}

.policy {
  padding-bottom: 16vw;
  padding-left: 5%;
  padding-right: 5%;
}
@media screen and (min-width: 768px) {
  .policy {
    padding-bottom: 0;
    margin-bottom: 8.54vw;
  }
}

@media screen and (min-width: 768px) {
  .policy__inner {
    max-width: 80.45vw;
    padding: 0;
  }
}
@media screen and (min-width: 1920px) {
  .policy__inner {
    max-width: 71.45vw;
  }
}

.policy__title {
  color: #647798;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 20px;
  padding-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .policy__title {
    margin-bottom: 4.53vw;
  }
}
@media screen and (min-width: 1920px) {
  .policy__title {
    font-size: 2.5rem;
  }
}

.policy__title::after {
  background-color: #647798; /* 下線の色 */
}

.policy__section {
  margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
  .policy__section {
    margin-bottom: 5vw;
  }
}

.policy__text,
.policy__indent,
.policy__indent-1pl,
.policy__indent-3pl,
.policy__indent-2em {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .policy__text,
.policy__indent,
.policy__indent-1pl,
.policy__indent-3pl,
.policy__indent-2em {
    font-size: 1.2rem;
  }
}

.policy__indent {
  text-indent: 1em;
}

.policy__indent-2em {
  text-indent: 1em;
  padding-left: 2em;
}

.policy__indent-1pl {
  padding-left: 1em;
}

.policy__indent-3pl {
  padding-left: 3em;
}

.top {
  text-align: center;
  margin-bottom: 13.43vw;
}
@media screen and (min-width: 768px) {
  .top {
    margin-bottom: 4.23vw;
  }
}

.top__title {
  color: #647798;
  margin-bottom: 4.15vw;
}
@media screen and (min-width: 768px) {
  .top__title {
    margin-bottom: 1vw;
  }
}
@media screen and (min-width: 1920px) {
  .top__title {
    font-size: 3.75rem;
  }
}

.top__title::after {
  background-color: #647798; /* 下線の色 */
}

.top__text,
.top__tel {
  color: #647798;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.top__text {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
@media screen and (min-width: 768px) {
  .top__text {
    font-size: 1.875rem;
  }
}

.top__tel {
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 768px) {
  .top__tel {
    font-size: 3.25rem;
  }
}

.gallery {
  text-align: center;
  padding-top: 9.18vw;
  padding-bottom: 1.75vw;
  background-color: #a0a3a7;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .gallery {
    padding-top: 5.15vw;
    padding-bottom: 6.45vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .gallery__title {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .gallery__wrapper {
    margin-bottom: 8.17vw;
  }
}

.ict {
  text-align: center;
  padding-top: 14.18vw;
  padding-bottom: 3.75vw;
  background-color: #647798;
  margin-bottom: 13.56vw;
}
@media screen and (min-width: 768px) {
  .ict {
    padding-top: 4.53vw;
    padding-bottom: 5.539999999999999vw;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .ict__inner {
    max-width: 93.22vw;
    padding: 0;
  }
}

.ict__title {
  font-size: 16px;
  font-size: 1rem;
  line-height: 3;
}
@media screen and (min-width: 768px) {
  .ict__title {
    font-size: 2.5rem;
    line-height: 2.5;
    margin-bottom: 5.52vw;
  }
}

@media screen and (min-width: 768px) {
  .ict__title::after {
    width: 22.65vw;
  }
}

@media screen and (min-width: 768px) {
  .ict__wrapper {

    display: flex;
    -webkit-column-gap: 2vw;
       -moz-column-gap: 2vw;
            column-gap: 2vw;
    margin-bottom: 7vw;
  }
}

.ict__description-title,
.recruitment__description-title {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
  .ict__description-title,
.recruitment__description-title {
    font-size: 2.8rem;
    margin-bottom: 1.97vw;
  }
}

.ict__text,
.recruitment__description-text {
  color: #fff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.78;
  letter-spacing: 0.05em;
  text-align: left;
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
  .ict__text,
.recruitment__description-text {
    font-size: 1.3rem;
    width: 40.43vw;
    font-weight: 300;
  }
}
@media screen and (min-width: 2560px) {
  .ict__text,
.recruitment__description-text {
    font-size: 2.5rem;
  }
}

@media screen and (min-width: 768px) {
  .ict__image {
    width: 55.78vw;
  }
}

.ict__btn {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .ict__btn {
    width: 35.15vw;
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1440px) {
  .ict__btn {
    font-size: 1.8rem;
  }
  .subjects__item--rehabilitation .subjects__item-title {
    font-size: 1.200rem !important;
}
}

.introduction {
  text-align: center;
  margin-bottom: 13.56vw;
}
@media screen and (min-width: 768px) {
  .introduction {
    margin-bottom: 8.38vw;
  }
}

@media screen and (min-width: 768px) {
  .introduction__inner {
    max-width: 92.22vw;
    padding: 0;
  }
}

.introduction__title {
  margin-bottom: 28px;
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 768px) {
  .introduction__title {
    margin-bottom: 5vw;
  }
}

.introduction__title h2 {
  position: relative;
  color: #647798;
  text-align: center;
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .introduction__title h2 {
    font-size: 5rem;
  }
}

.introduction__title h2::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 45.22vw; /* 下線の幅 */
  height: 3px; /* 下線の太さ */
  background-color: #647798; /* 下線の色 */
}
@media screen and (min-width: 768px) {
  .introduction__title h2::after {
    width: 23.22vw;
  }
}

.introduction__subtitle {
  text-align: center;
  color: #647798;
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .introduction__subtitle {
    padding-top: 2vw;
    font-size: 1.75rem;
  }
}

.introduction__item {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  max-width: 220px;
  width: 100%;
  height: 220px;
  text-align: center;
  border-radius: 50%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 768px) {
  .introduction__item {
    max-width: 19vw;
    max-height: 19vw;
    width: 22vw;
    height: 22vw;
    margin: 0.3vw;
  }
}

.introduction__item-titleWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.introduction__item-title {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .introduction__item-title {
    width: 21vw;
    font-size: 1.8rem;
    font-weight: 300;
  }
}

.introduction__item.neurosurgery {
  background-image: url(../images/recruitment/事務部.png);
}

.introduction__item.rehabilitation {
  background-image: url(../images/recruitment/Rehabilitation-mask.png), url(../images/recruitment/Rehabilitation.jpg);
}

.introduction__item.anesthesia {
  background-image: url(../images/recruitment/臨床工学科.png);
}

.introduction__item.brainDock {
  background-image: url(../images/recruitment/braindock-mask.png), url(../images/recruitment/braindock.jpg);
}

.introduction__item.nurse {
	 background-image: url(../images/recruitment/Nurse.png);
}

.introduction__item.pharmacy {
  background-image: url(../images/recruitment/Pharmaceutical-mask.png), url(../images/recruitment/Pharmaceutical.jpg);
}

.introduction__item.inspection {
  background-image: url(../images/recruitment/Inspection-mask.png), url(../images/recruitment/Inspection.jpg);
}

.introduction__item.nutrition {
  background-image: url(../images/recruitment/Nutrition-mask.png), url(../images/recruitment/Nutrition.jpg);
}

.required {
  margin-bottom: -8.24vw;
}

@media screen and (min-width: 768px) {
  .required__inner {
    max-width: 83.69vw;
    padding: 0;
  }
}

.required__title {
  color: #647798;
}

.required__text {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin-bottom: 10.68vw;
}
@media screen and (min-width: 768px) {
  .required__text {
    font-size: 1.53125rem;
    margin-bottom: 3.95vw;
    font-weight: 300;
  }
}
@media screen and (min-width: 1440px) {
  .required__text {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 2560px) {
  .required__text {
    font-size: 2.375rem;
  }
}

.required__image {
  margin-bottom: 10.68vw;
}
@media screen and (min-width: 768px) {
  .required__image {
    margin-bottom: 5.93vw;
  }
}

.required__btn-wrapper {
  text-align: center;
  margin-bottom: 23.43vw;
}
@media screen and (min-width: 768px) {
  .required__btn-wrapper {
    margin-bottom: 7.76vw;
  }
}

.required__btn {
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .required__btn {
    width: 35.31vw;
    font-size: 2.1875rem;
    padding: 3.625rem 0;
    margin-bottom: 3vw;
  }
}

.requirements {
  text-align: center;
  padding-top: 14.18vw;
  padding-bottom: 19.75vw;
  background-color: #647798;
}
@media screen and (min-width: 768px) {
  .requirements {
    padding-top: 5.15vw;
    padding-bottom: 6.25vw;
  }
}

@media screen and (min-width: 768px) {
  .requirements__inner {
    max-width: 93.22vw;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .requirements__title {
    margin-bottom: 0;
  }
}

.requirements__items {
  margin-bottom: 10vw;
}
@media screen and (min-width: 768px) {
  .requirements__items {
    margin-bottom: 5vw;
  }
}

.requirements__item {
  position: relative;
  display: inline-block;
  max-width: 280px;
  max-height: 280px;
  width: 53vw;
  height: 53vw;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  margin-bottom: 5vw;
}
@media screen and (min-width: 768px) {
  .requirements__item {
    max-width: 24vw;
    max-height: 24vw;
    width: 22.98vw;
    height: 22.98vw;
  }
}

.requirements__item-titleWrapper {
  position: absolute;
  margin-bottom: 25.5px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.requirements__item-title {
  color: #647798;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  width: 200px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .requirements__item-title {
    font-size: 2rem;
    width: 26vw;
    line-height: 3rem;
  }
}

@media screen and (min-width: 768px) {
  .requirements__item.nurse {
    margin-bottom: 1.61vw;
  }
}

.requirements__item.pharmacist {
  width: 49vw;
  height: 49vw;
  margin-left: 35vw;
	background-color: white;
}

@media screen and (min-width: 768px) {
  .requirements__item.pharmacist {
    width: 22vw;
    height: 22vw;
    margin-right: 7.5vw;
    margin-left: 6.45vw;
    margin-bottom: 2vw;
	  background-color: #0006;
  }
	.pharmacist .requirements__item-title{
		color:white;
	}
}

.requirements__item.nursing {
  margin-left: -30vw;
	background-color: white;
color: #647798;
}

@media screen and (min-width: 768px) {
  .requirements__item.nursing {
    margin-left: -4rem;
    margin-bottom: 4.27vw;
    width: 24vw;
    height: 24vw;
	  background-color: white;
	  color: #647798;
  }

}

.requirements__item.rehabilitation {
  width: 60vw;
  height: 60vw;
  margin-left: 30vw;
}
@media screen and (min-width: 768px) {
  .requirements__item.rehabilitation {
    width: 19.98vw;
    height: 19.98vw;
    margin-left: 5vw;
  }
}

.requirements__item-title.rehabilitation {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .requirements__item-title.rehabilitation {
    font-size: 1.5rem;
  }
}

.requirements__item.hospital {
  width: 62vw;
  height: 62vw;
  margin-left: -20vw;
}
@media screen and (min-width: 768px) {
  .requirements__item.hospital {
    width: 24.52vw;
    height: 24.52vw;
    margin-left: 4.58vw;
    margin-right: 5.34vw;
  }
}

.requirements__item-title.hospital {
  font-size: 16px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .requirements__item-title.hospital {
    font-size: 1.5rem;
  }
}

.requirements__item.nutritionist {
  width: 51vw;
  height: 51vw;
  margin-left: 30vw;
}
@media screen and (min-width: 768px) {
  .requirements__item.nutritionist {
    width: 19.32vw;
    height: 19.32vw;
    margin-left: 0;
  }
}

.requirements__btn {
  border-radius: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .requirements__btn {
    width: 35.51vw;
    font-size: 2.1875rem;
    padding: 3.6875rem 0;
  }
}

@media screen and (min-width: 768px) {
  .voice__inner {
    max-width: 93.22vw;
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .voice__wrapper {

    display: flex;
    -webkit-column-gap: 5.57vw;
       -moz-column-gap: 5.57vw;
            column-gap: 5.57vw;
    margin-bottom: 13vw;
  }
}

.voice__wrapper.image__right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .voice__image {
    width: 55.71vw;
  }
}

.voice__description-title {
  color: #647798 !important;
}
@media screen and (min-width: 768px) {
  .voice__description-title {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 3.8vw;
  }
}

.voice__description-text {
  color: #647798;
}

.about-subjects {
  text-align: center;
}

@media screen and (min-width: 2560px) {
  .about-subjects__inner {
    max-width: 93.22vw;
  }
}

.about-subjects__title-underLine {
  text-align: center;
  margin-bottom: 44px;
  margin-bottom: 2.75rem;
}
@media screen and (min-width: 768px) {
  .about-subjects__title-underLine {
    margin-bottom: 4.58vw;
  }
}

.about-subjects__title {
  position: relative;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  border-bottom: none;
}
@media screen and (min-width: 768px) {
  .about-subjects__title {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .about-subjects__title {
    font-size: 5rem;
  }
}

.about-subjects__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 45.22vw; /* 下線の幅 */
  height: 2px; /* 下線の太さ */
  background-color: #647798; /* 下線の色 */
}
@media screen and (min-width: 768px) {
  .about-subjects__title::after {
    width: 23.22vw;
  }
}
@media screen and (min-width: 1920px) {
  .about-subjects__title::after {
    height: 5px;
  }
}

.about-subjects__subtitle {
  padding-top: 10px;
  padding-top: 0.625rem;
}
@media screen and (min-width: 768px) {
  .about-subjects__subtitle {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 1920px) {
  .about-subjects__subtitle {
    font-size: 2.5rem;
  }
}

.about-subjects__btn-wrapper {
  margin-bottom: 5.9375rem;
}
@media screen and (min-width: 768px) {
  .about-subjects__btn-wrapper {
    margin-bottom: 6.25vw;
  }
}

.about-subjects__btn {
  width: 74.76vw;
  padding: 25px 0;
  padding: 1.5625rem 0;
  margin-bottom: 44px;
  margin-bottom: 2.75rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .about-subjects__btn {
    width: 29.759999999999998vw;
    font-size: 2rem;
    padding: 3.1875rem 0;
    margin-left: 3.12vw;
    margin-right: 3.12vw;
    margin-bottom: 4.58vw;
  }
}
@media screen and (min-width: 1920px) {
  .about-subjects__btn {
    font-size: 3.125rem;
  }
}

.docter__title {
  text-align: center;
  color: #647798;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  padding: 33px 0;
  padding: 2.0625rem 0;
}
@media screen and (min-width: 768px) {
  .docter__title {
    font-size: 2.5rem;
    padding: 4.125rem 0;
    font-weight: 300;
  }
}
@media screen and (min-width: 1920px) {
  .docter__title {
    font-size: 4.0625rem;
    font-weight: 200;
  }
}

.docter__title.bg__blue {
  color: #fff;
  background-color: #647798;
}

.docter__bgWrapper {
  padding-top: 50px;
  padding-top: 3.125rem;
  padding-bottom: 50px;
  padding-bottom: 3.125rem;
  background-color: #647798;
}
@media screen and (min-width: 768px) {
  .docter__bgWrapper {
    padding-top: 6.375rem;
  }
}

.docter__bgWrapper.bg__white {
  background-color: #fff;
}

.docter__name--left {
  width: 87.29vw;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  border-bottom: 2px solid #fff;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .docter__name--left {
    font-size: 3.5rem;
    margin-bottom: 6.6875rem;
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1920px) {
  .docter__name--left {
    font-size: 5rem;
  }
}

.docter__name--left.bg__white {
  color: #647798;
  border-bottom: 2px solid #647798;
}

.docter__name--right {
  width: 85.29vw;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 2;
  border-bottom: 2px solid #fff;
  margin-left: auto;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .docter__name--right {
    font-size: 3rem;
    margin-bottom: 6.6875rem;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 1920px) {
  .docter__name--right {
    font-size: 5rem;
    margin-bottom: 6.6875rem;
  }
}

@media screen and (min-width: 768px) {
  .docter__description {

    display: flex;
    margin-bottom: 6.125vw;
  }
}

.docter__description.image__right {

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (min-width: 768px) {
  .docter__description.image__right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.docter__description-image--left {
  width: 80vw;
}
@media screen and (min-width: 768px) {
  .docter__description-image--left {
    width: 38.75vw;
  }
}

.docter__description-image--right {
  width: 60vw;
  margin-left: auto;
  margin-top: -26vw;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .docter__description-image--right {
    width: 29.53vw;
    margin-top: 10vw;
    margin-left: -12vw;
  }
}

.docter__description-image--right.image__right {
  width: 80vw;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .docter__description-image--right.image__right {
    width: 38.75vw;
    margin-left: auto;
    z-index: 0;
  }
}

.docter__description-image--left.image__right {
  width: 60vw;
  margin-top: -34vw;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .docter__description-image--left.image__right {
    width: 25.31vw;
    margin-top: 10vw;
    margin-right: -9vw;
    z-index: 1;
  }
}

.docter__description-text {
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.78;
  padding: 0 15px;
  padding: 0 0.9375rem;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
@media screen and (min-width: 768px) {
  .docter__description-text {
    width: 40.43vw;
    font-size: 1.5rem;
    padding: 0;
    margin-left: 3.38vw;
    line-height: 5rem;
    padding-left: 4rem;
    font-weight: 300;
  }
}
@media screen and (min-width: 1920px) {
  .docter__description-text {
    width: 38.43vw;
    line-height: 7rem;
    margin-left: 8rem;
  }
}
@media screen and (min-width: 2560px) {
  .docter__description-text {
    width: 35.43vw;
    font-size: 2.1875rem;
  }
}

.docter__description-text.bg__white {
  color: #647798;
}

.docter__interview {
  margin-bottom: 70px;
  margin-bottom: 4.375rem;
}
@media screen and (min-width: 768px) {
  .docter__interview {
    width: 66.82vw;
    margin: 0 auto 5.9375vw;
  }
}

.about {
  position: relative;
  padding-top: 13px;
  background-color: #647798;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .about {
    padding-top: 7.44vw;
    padding-bottom: 4.57vw;
    margin-bottom: 0;
  }
}

.about::before {
  position: absolute;
  top: 5%;
  left: 28%;
  content: "SCROLL";
  width: 152px;
  color: #fff;
  line-height: 2;
  letter-spacing: 0.05em;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 1.1vw;
}
@media screen and (min-width: 768px) {
  .about::before {
    width: 11.927vw;
    top: 5%;
    left: 45%;
  }
}
@media screen and (min-width: 1440px) {
  .about::before {
    top: 5%;
    left: 46%;
  }
}

.about__image--waitingRoom {
  max-width: 270px;
  margin-left: auto;
  margin-bottom: 44px;
}
@media screen and (min-width: 768px) {
  .about__image--waitingRoom {
    display: none;
  }
}

.about__image--waitingRoom img {
  width: 37vw;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .about__image--waitingRoom img {
    width: 100%;
  }
}

.about__image--nightView {
  position: absolute;
  top: 3%;
  width: 33vw;
}
@media screen and (min-width: 768px) {
  .about__image--nightView {
    opacity: 0.9;
    width: 29vw;
    top: 23%;
    left: 37%;
    z-index: 1;
  }
}
@media screen and (min-width: 1440px) {
  .about__image--nightView {
    top: 24%;
  }
}

.about__image--surgery {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__image--surgery {
    display: block;
    width: 45.67vw;
    position: absolute;
    top: 5%;
    right: 0;
    z-index: 0;
  }
}

.about__item {

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
}

.about__wrapper {
  text-align: center;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .about__wrapper {
    text-align: left;
  }
}

.about__title {
  text-align: center;
  margin: 0 auto 19.5px;
  width: 41.75vw;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .about__title {
    text-align: left;
    margin: 0 4.16vw 1.79vw;
    width: 18.54vw;
    border-top: none;
    border-bottom: none;
  }
}

.about__title-mainTitle {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .about__title-mainTitle {
    font-weight: 700;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1440px) {
  .about__title-mainTitle {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .about__title-mainTitle {
    font-size: 5rem;
  }
}

.about__title-subTitle {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 1440px) {
  .about__title-subTitle {
    font-size: 1.5625rem;
  }
}
@media screen and (min-width: 1920px) {
  .about__title-subTitle {
    font-size: 2.125rem;
  }
}

.about__title-underLine {
  text-align: left;
  margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .about__title-underLine {
    margin-bottom: 0px;
  }
}

.about__underLine-title {
  color: #fff;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  border-bottom: 2px solid #fff;
}
@media screen and (min-width: 768px) {
  .about__underLine-title {
    position: relative;
    font-size: 2.5rem;
    line-height: 2;
    border-bottom: none;
  }
}
@media screen and (min-width: 1440px) {
  .about__underLine-title {
    font-size: 3.75rem;
  }
}
@media screen and (min-width: 1920px) {
  .about__underLine-title {
    font-size: 4.375rem;
  }
}

@media screen and (min-width: 768px) {
  .about__underLine-title::after {
    content: "";
    display: block;
    position: absolute;
    left: 0; /* 位置調整 */
    bottom: 0px; /* 下線の上下位置調整 */
    width: 27.22vw; /* 下線の幅 */
    height: 2px; /* 下線の太さ */
    background-color: #fff; /* 下線の色 */
  }
}

.about__underLine-subtitle {
  color: #fff;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .about__underLine-subtitle {
    font-size: 1.875rem;
    line-height: 2;
  }
}
@media screen and (min-width: 1440px) {
  .about__underLine-subtitle {
    font-size: 2.8125rem;
  }
}
@media screen and (min-width: 1920px) {
  .about__underLine-subtitle {
    font-size: 3.4375rem;
  }
}

.about__text {
  text-align: left;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  margin-bottom: 48.3px;
  max-width: 280px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .about__text {
    font-size: 0.75rem;
    line-height: 1.8;
    font-weight: 100;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 1440px) {
  .about__text {
    font-size: 1.25rem;
    line-height: 2;
    max-width: 37vw;
  }
}
@media screen and (min-width: 1920px) {
  .about__text {
    font-size: 1.5rem;
  }
}

.about__btn {
  background-color: #fff;
  padding: 23.6px 0;
  color: #647798;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  margin: 0 auto 55.4px;
  width: 193px;
}
@media screen and (min-width: 768px) {
  .about__btn {
    margin: 0;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 1440px) {
  .about__btn {
    font-size: 1.2vw;
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .about__btn {
    font-size: 1.375rem;
  }
}

.about__mission {
  background-size: cover;
  padding-top: 30.1px;
  background: url(../images/top-sp/about-mission-mask2x.png), url(../images/top-sp/about-mission@2x.jpg) no-repeat center;
  background-position-y: center;
}
@media screen and (min-width: 768px) {
  .about__mission {
    position: relative;
    width: 46.875vw;
    height: 32.4375vw;
    margin-bottom: 15vw;
    z-index: 0;
  }
}

@media screen and (min-width: 768px) {
  .about__mission-wrapper {
    position: absolute;
    top: 27%;
    left: 20%;
  }
}

@media screen and (min-width: 768px) {
  .about__mission-btn {
    width: 22.6vw;
    padding: 2.2vw 0;
  }
}

.about__chairman {
  position: relative;
  padding-top: 40.2px;
  background: url(../images/top-sp/about-chairman-new.jpg) no-repeat;
  background-size: 48vh;
  background-position: 50% 100%;
}
@media screen and (min-width: 768px) {
  .about__chairman {
    width: 100%;
    -webkit-column-gap: 2.35vw;
       -moz-column-gap: 2.35vw;
            column-gap: 2.35vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: none;
    padding-top: 0;
  }
}

.about__chairman-image {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__chairman-image {
    display: block;
    width: 51vw;
  }
}

.about__chairman::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(100, 119, 152, .8);
}
@media screen and (min-width: 768px) {
  .about__chairman::before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .about__chairman-about__underLine-title {
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 768px) {
  .about__chairman-about__underLine-title.about__underLine-title::after {
    width: 20vw;
  }
}

@media screen and (min-width: 768px) {
  .about__chairman-about__text {
    margin-bottom: 2vw;
  }
}

@media screen and (min-width: 768px) {
  .about__chairman-btn {
    width: 18.43vw;
    padding: 2vw 0;
  }
}

.about__smart-hospital {
  position: relative;
  padding-top: 61px;
  background: url(../images/top-sp/about-hospitality-new.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .about__smart-hospital {
    -webkit-column-gap: 45.3px;
       -moz-column-gap: 45.3px;
            column-gap: 45.3px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    background: none;
    padding-top: 0;
    margin-bottom: 20.9vw;
  }
}

.about__smart-hospital::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(100, 119, 152, .6);
}
@media screen and (min-width: 768px) {
  .about__smart-hospital::before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .about__smart-hospital-about__wrapper {
    position: relative;
    padding-top: 4.5vw;
    z-index: 1;
  }
}
@media screen and (min-width: 1440px) {
  .about__smart-hospital-about__wrapper {
    padding-top: 5vw;
    padding-right: 9vw;
  }
}

@media screen and (min-width: 768px) {
  .about__smart-hospital-about__wrapper::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: -3%;
    width: 47vw;
    background-color: rgba(0, 0, 0, .45);
    z-index: -2;
    height: 29vw;
  }
}
@media screen and (min-width: 1440px) {
  .about__smart-hospital-about__wrapper::before {
    left: auto;
  }
}
@media screen and (min-width: 1920px) {
  .about__smart-hospital-about__wrapper::before {
    left: -10%;
  }
}

@media screen and (min-width: 1440px) {
  .smart-hospital__underLine-subtitle {
    font-size: 2rem;
    line-height: 2.5;
  }
}
@media screen and (min-width: 1920px) {
  .smart-hospital__underLine-subtitle {
    font-size: 2.8125rem;
  }
}

@media screen and (min-width: 1440px) {
  .smart-hospital__underLine-title::after {
    width: 21.84vw; /* 下線の幅 */
  }
}

.about__smart-hospital-image {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__smart-hospital-image {
    display: block;
    width: 49vw;
    z-index: 1;
  }
}

@media screen and (min-width: 768px) {
  .about__smart-hospital-btn {
    width: 21vw;
    padding: 2.5vw 0;
  }
}

.about__image--smartphone {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__image--smartphone {
    display: block;
    position: absolute;
    top: 57.5%;
    left: 34%;
    width: 21.5625vw;
    z-index: 3;
  }
}

@media screen and (min-width: 768px) {
  .about__information-container {

    display: flex;
    -webkit-column-gap: 1vw;
       -moz-column-gap: 1vw;
            column-gap: 1vw;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .about__information-container-about__wrapper {
    position: absolute;
    top: -21%;
    right: 0;
    bottom: 0;
    left: 13%;
  }
}

.about__information {
  position: relative;
  padding-top: 63.5px;
  background: url(../images/top-sp/about-waitingroom@2x.jpg), url(../images/top-sp/about-infomation@2x.jpg) no-repeat center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .about__information {
    width: 52.9vw;
    height: 37.7vw;
    margin-left: auto;
  }
}

.about__information::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .5);
}

.about__information-image {
  display: none;
}
@media screen and (min-width: 768px) {
  .about__information-image {
    display: block;
    position: absolute;
    top: -5%;
    width: 46.3vw;
  }
}

@media screen and (min-width: 768px) {
  .about__information-btn {
    font-size: 1.2vw! important;
    width: 19.16vw;
    padding: 2vw 0;
  }
}

.banner {
  display: none;
}
@media screen and (min-width: 768px) {
  .banner {
    position: relative;
    display: block;
    width: 100vw;
    height: 46vw;
    background: url(../images/top-sp/top-smart-hospital.jpg) no-repeat center;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .banner__text {
    position: absolute;
    top: 32%;
    right: 3%;
    color: #fff;
    font-weight: 700;
    font-size: 2.375rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}
@media screen and (min-width: 1440px) {
  .banner__text {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 1920px) {
  .banner__text {
    font-size: 4.3125rem;
  }
}

.contact {
  text-align: center;
  margin-bottom: 25.4px;
  margin-bottom: 1.5875rem;
}
@media screen and (min-width: 768px) {
  .contact {
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 1920px) {
  .contact {
    margin-bottom: 3.55625rem;
  }
}

.contact__title-underLine {
  margin-bottom: 14.6px;
}
@media screen and (min-width: 400px) {
  .contact__title-underLine {
    margin-bottom: 37.4px;
  }
}

.contact__title-underLine-title {
  border-bottom: none;
  position: relative;
}

.contact__title-underLine-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%; /* 位置調整 */
  -webkit-transform: translate(-50%);
          transform: translate(-50%); /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 69.5px; /* 下線の幅 */
  height: 2px; /* 下線の太さ */
  background-color: #647798; /* 下線の色 */
}
@media screen and (min-width: 1024px) {
  .contact__title-underLine-title::after {
    height: 4px;
    width: 264.5px;
  }
}

.contact__btn-wrapper {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .contact__btn-wrapper {

    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 93.3845vw;
  }
}
@media screen and (min-width: 768px) {
  .contact__btn-wrapper {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .contact__btn-wrapper {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .contact__btn-wrapper {
    -webkit-column-gap: 58px;
       -moz-column-gap: 58px;
            column-gap: 58px;
  }
}

.contact__btn-hospital {
  background-color: #495582;
}

.contact__btn-sick {
  background-color: #284372;
}

.information {
  margin-bottom: 67px;
}
@media screen and (min-width: 768px) {
  .information {

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 43.1px;
       -moz-column-gap: 43.1px;
            column-gap: 43.1px;
  }
}
@media screen and (min-width: 768px) {
  .information {
    margin-bottom: 69.3px;
  }
}

.information__image {
  display: none;
}
@media screen and (min-width: 768px) {
  .information__image {
    display: block;
    width: 64.63vw;
  }
}

.information__title-eng {
  margin-bottom: 18.5px;
}
@media screen and (min-width: 768px) {
  .information__title-eng {
    margin-bottom: 1.8vw;
    text-align: left;
  }
}

.information__btn-wrapper {
  text-align: center;
}

.information__btn {
  width: 100%;
  font-size: 13px;
  font-weight: 100;
  margin-bottom: 15.9px;
  padding: 39px 0 43.7px;
}
@media screen and (min-width: 768px) {
  .information__btn {
    font-size: 1.5vw;
    margin-bottom: 1.5vw;
    padding: 2vw 0;
    width: 25vw;
    display: block;
    margin-left: auto;
  }
}

.mv {
  position: relative;
  background: url(../images/top-sp/MV@2x.jpg) no-repeat center;
  background-size: cover;
  height: 414px;
  height: 25.875rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mv {
    height: 62.3125rem;
  }
}

.mv__title-wrapper {

  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  -webkit-column-gap: 0.9vw;
     -moz-column-gap: 0.9vw;
          column-gap: 0.9vw;
}
@media screen and (min-width: 1024px) {
  .mv__title-wrapper {
    height: 100vh;
  }
}

.mv__title-logo {
  max-width: 52px;
  max-width: 3.25rem;
  width: 100%;
  max-height: 62px;
  max-height: 3.875rem;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .mv__title-logo {
    max-width: 8.375rem;
    max-height: 8.0625rem;
  }
}

.mv__title {
  max-width: 150px;
  max-width: 9.375rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mv__title {
    max-width: 29.75rem;
  }
}

.mv__subTitle {
  position: absolute;
  left: 10px;
  left: 0.625rem;
  bottom: 10px;
  bottom: 0.625rem;
  color: #fff;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .mv__subTitle {
    bottom: 18%;
    left: 30%;
    font-size: 3.125rem;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .mv__subTitle {
    left: 35%;
  }
}

.news {
  width: 100%;
}

.news__inner {
  width: 93.4375vw;
  margin: 0 auto;
}

.news__wrapper {
  margin: 19.7px auto 10.8px;
  padding-bottom: 37.5px;
  border-bottom: 1px solid #707070;
}
@media screen and (min-width: 768px) {
  .news__wrapper {

    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 60.2px 0 58.2px;
    padding-bottom: 6.1458vw;
  }
}

.news__title-wrapper {

  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  margin-bottom: 20.7px;
}
@media screen and (min-width: 400px) {
  .news__title-wrapper {
    -webkit-column-gap: 90px;
       -moz-column-gap: 90px;
            column-gap: 90px;
  }
}
@media screen and (min-width: 768px) {
  .news__title-wrapper {
    display: inline-block;
  }
}

@media screen and (min-width: 768px) {
  .news__title-underLine {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 1920px) {
  .news__title-underLine {
    margin-bottom: 144px;
  }
}

.news__card {
  margin-right: 2.6vw;
}
@media screen and (min-width: 1024px) {
  .news__card {
    max-width: 349px;
    width: 18.17vw;
    margin-left: 5.41vw;
  }
}

.swiper-container {
  margin-left: auto;
  max-width: 91.25vw;
  position: relative;
  overflow-x: hidden;
}

.swiper {
  max-width: 91.25vw;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .swiper {
    max-width: 58vw;
  }
}
@media screen and (min-width: 1440px) {
  .swiper {
    max-width: 70vw;
  }
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  /* height: auto; */
}

/* ページネーションの色 */
.swiper-pagination-bullet {
  background-color: #484848 !important;
}

/* ページネーション位置設定 */
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  left: 35% !important;
  bottom: -15% !important;
}

@media screen and (min-width: 1920px) {
  .btn-news {
    width: 428.74px;
    padding: 47.5px 0;
    font-size: 26px;
  }
}

@media screen and (min-width: 768px) {
  .reception-information {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .reception-information__wrapper {

    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 15px;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .reception-information__wrapper {
    padding: 0 10px;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__wrapper {
    -webkit-column-gap: 96px;
    -moz-column-gap: 96px;
    column-gap: 31px;
  }
}

.reception-information__description {
  text-align: center;
  /* margin-bottom: 1rem; */
  padding: 0 2px;
  padding-top: 1rem;
  width: 55%;
}
@media screen and (min-width: 768px) {
  .reception-information__description {
    text-align: left;
  }
}

.reception-information__tel {
  color: #647798;
  font-size: 35px;
  margin-bottom: 5px;
  margin-top: 0.5rem;
}
@media screen and (min-width: 400px) {
  .reception-information__tel {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .reception-information__tel {
    font-size: 2.2rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__tel {
    font-size: 3.3vw;
    /* margin-bottom: 15px; */
    line-height: 1;
	  font-weight:600;
  }
	.fright{
		flex:50;
		text-align:center;
		font-weight:100! important;
		border: solid 1px #647798;
			color: #647798;
		padding: 1.5vw 3vw;
		background-color: white;
		border-radius:24px;
	    margin-top: 1vw;
    margin-left: 3.5vw;
	max-width: 21vw;
		max-height: 4vw;
		vertical-align:center;
	}
	#accesslink {
    font-size: 1rem;
    text-align: center;
text-decoration:none;
    font-weight: 100;
    color: #647798;
}
}
@media screen and (min-width: 1920px) {
  .reception-information__tel {
    font-size: 4.125rem;
  }
}

.reception-information__address {
  font-size: 11px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #647798;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
  .reception-information__address {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__address {
    font-size: 1.1vw;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__address {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1920px) {
  .reception-information__address {
    font-size: 1.375rem;
  }
}

.reception-information__title {
  background-color: #647798;
  padding: 1vw 0;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.3;
  width: 56vw;
}
@media screen and (min-width: 768px) {
  .reception-information__title {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .reception-information__title {
    padding: 8px 0;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__title {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1920px) {
  .reception-information__title {
    padding: 14px 0;
    font-size: 1.375rem;
    width: 365px;
  }
}

.reception-information__neurosurgery {
  margin-bottom: 0px;
  line-height: 1.8;
}
@media screen and (min-width: 1440px) {
  .reception-information__neurosurgery {
    margin-bottom: 1.7vw;
  }
}

.reception-information__neurosurgery-title {
  /* margin-bottom: 14px; */
}
@media screen and (min-width: 1440px) {
  .reception-information__neurosurgery-title {
    margin-bottom: 0.5vw !important;
  }
  .neuroschedule{
    margin-bottom: -0.5vw! important;
  }
  .leftsideannai{
    flex: 50%;
  }
  .columnsannai {
    display: flex;
    column-gap: 2vw;
    margin-bottom: 0;
}
.masuikatime {
    margin-bottom: 2vw;
}
.reception-information__receptionTime-table.bottomline{margin-top: 1.1vw;/* margin-bottom: 1vw; */}
table.bottomline{
  /* padding-bottom: -17vw; */
}
.fleft{
  margin-bottom: 0;
}
.sekitsuitime {
    margin-bottom:0;
}
.tenkantime{
  margin-bottom: 0;
}
.spaceafter{
  padding-bottom: 0.5vw;
}
.spacebefore{
  padding-top: 0.5vw;
}
}

.reception-information__neurosurgery-wrapper {display: flex;/* -webkit-box-pack: justify; */-ms-flex-pack: justify;justify-content: center;-webkit-column-gap: 15px;-moz-column-gap: 15px;column-gap: 10px;overflow: hidden;flex-direction: column;align-items: stretch;/* margin-top: 0; */}
@media screen and (min-width: 768px) {
  .reception-information__neurosurgery-wrapper {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}

.reception-information___neurosurgeryClosed {
  width: 20vw;
}
@media screen and (min-width: 768px) {
  .reception-information___neurosurgeryClosed {
    width: 8vw;
  }
}

.reception-information__receptionTime-table th,
.reception-information__receptionTime-table td {
  color: #647798;
  font-size: 11px;
  font-size: 1.2rem;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .reception-information__receptionTime-table th,
.reception-information__receptionTime-table td {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__receptionTime-table th,
.reception-information__receptionTime-table td {
    font-size: 1.3vw;
  }
}
@media screen and (min-width: 1920px) {
  .reception-information__receptionTime-table th,
.reception-information__receptionTime-table td {
    font-size: 1.6875rem;
  }
}

.reception-information__receptionTime-table th {
  padding-right: 5px;
}
@media screen and (min-width: 400px) {
  .reception-information__receptionTime-table th {
    padding-right: 29px;
  }
}
@media screen and (min-width: 768px) {
  .reception-information__receptionTime-table th {
    padding-right: 9px;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__receptionTime-table th {
    padding-right: 29px;
    vertical-align: baseline;
  }
}

@media screen and (min-width: 1440px) {
  .reception-information__receptionTime-table td {
    padding-right: 20px;
  }
}

.reception-information__otherOutpatients {

  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.reception-information__otherOutpatients-epilepsy-title {
  width: 22vw;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .reception-information__otherOutpatients-epilepsy-title {
    width: 9vw;
    margin-bottom: 13px;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__otherOutpatients-epilepsy-title {
    margin-bottom: 18px;
  }
}

.reception-information__otherOutpatients-spine-title {
  width: 17vw;
  margin-bottom: 8px;
}
@media screen and (min-width: 768px) {
  .reception-information__otherOutpatients-spine-title {
    width: 7vw;
    margin-bottom: 13px;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__otherOutpatients-spine-title {
    margin-bottom: 18px;
  }
}

.reception-information__otherOutpatients-epilepsy-date,
.reception-information__otherOutpatients-spine-date {
  color: #647798;
  font-size: 11px;
  font-size: 1.2rem;
  font-weight: 300;
}
@media screen and (min-width: 1024px) {
  .reception-information__otherOutpatients-epilepsy-date,
.reception-information__otherOutpatients-spine-date {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1440px) {
  .reception-information__otherOutpatients-epilepsy-date,
.reception-information__otherOutpatients-spine-date {
    font-size: 1.08vw;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1920px) {
  .reception-information__otherOutpatients-epilepsy-date,
.reception-information__otherOutpatients-spine-date {
    font-size: 1.5rem;
  }
}

.reception-information__otherOutpatients-spine-date span {
  padding-right: 20px;
}

.reception-information__map {
  position: relative;
  height: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .reception-information__map {
    width: 45%;
  }
}

.reception-information__map-wrapper {
  width: 100%; /* ここに横幅を指定 */
  padding-top: 70%; /* 比率を4:3に固定 */
  height: 100%;
}

.g-map { /* Google Mapのiframe */
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.recruitment {
  text-align: center;
  margin-bottom: 52px;
}
@media screen and (min-width: 768px) {
  .recruitment {
    position: relative;
    padding-top: 30px;
    text-align: left;
    z-index: 1;
    margin-bottom: 0;
    background: url(../images/top-sp/Recruitment@2x.jpg) no-repeat center;
    background-size: cover;
  }
}

@media screen and (min-width: 768px) {
  .recruitment::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, .5)));
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .5));
    z-index: -1;
  }
}

.recruitment__title-eng {
  margin-bottom: 24.6px;
}
@media screen and (min-width: 768px) {
  .recruitment__title-eng {
    text-align: left;
    margin-left: 45px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .recruitment__title-eng {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1920px) {
  .recruitment__title-eng {
    margin-bottom: 134px;
  }
}

.recruitment__title-eng--title {
  line-height: 2;
}

.recruitment__title-underLine--sp {
  margin-bottom: 32.3px;
}
@media screen and (min-width: 768px) {
  .recruitment__title-underLine--sp {
    display: none;
  }
}

.recruitment__underLine-title {
  color: #4D4D4D;
  font-size: 22px;
  border-bottom: 2px solid #4D4D4D;
}

.recruitment__underLine-subtitle {
  color: #4D4D4D;
  font-size: 22px;
}

.recruitment__pc-items {
  display: none;
}
@media screen and (min-width: 768px) {
  .recruitment__pc-items {

    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-column-gap: 8vw;
       -moz-column-gap: 8vw;
            column-gap: 8vw;
    color: #4D4D4D;
    width: 86vw;
    margin: 0 auto 100px;
  }
}
@media screen and (min-width: 1440px) {
  .recruitment__pc-items {
    margin-bottom: 130px;
  }
}
@media screen and (min-width: 1920px) {
  .recruitment__pc-items {
    -webkit-column-gap: 165px;
       -moz-column-gap: 165px;
            column-gap: 165px;
  }
}

@media screen and (min-width: 768px) {
  .recruitment__pc-item-title {
    position: relative;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2;
    letter-spacing: 0.05em;
    display: inline-block;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .recruitment__pc-item-title {
    font-size: 1.875rem;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1920px) {
  .recruitment__pc-item-title {
    font-size: 2.5rem;
    margin-bottom: 84px;
  }
}

.recruitment__pc-item-title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0; /* 位置調整 */
  bottom: 0px; /* 下線の上下位置調整 */
  width: 90%; /* 下線の幅 */
  height: 4px; /* 下線の太さ */
  background-color: #4D4D4D; /* 下線の色 */
}

@media screen and (min-width: 768px) {
  .recruitment__pc-item-subtitle {
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.05em;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .recruitment__pc-item-subtitle {
    font-size: 1.875rem;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1920px) {
  .recruitment__pc-item-subtitle {
    font-size: 2.5rem;
    margin-bottom: 64px;
  }
}

.recruitment__pc-item-text {
  width: 39vw;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 200;
  line-height: 1.8333;
}
@media screen and (min-width: 1440px) {
  .recruitment__pc-item-text {
    font-size: 1.15625rem;
  }
}
@media screen and (min-width: 1920px) {
  .recruitment__pc-item-text {
    font-size: 1.5rem;
  }
}

.recruitment__btn-wrapper {
  text-align: center;
}

.recruitment__btn {
  font-size: 15px;
  font-weight: 200;
  margin-bottom: 32.3px;
}
@media screen and (min-width: 768px) {
  .recruitment__btn {
    font-size: 0.75rem;
    max-width: 289px;
    width: 20%;
    padding: 25px 0;
    margin: 0 auto 50px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1440px) {
  .recruitment__btn {
    font-size: 1.25rem;
    width: 50%;
    padding: 35px 0;
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 1920px) {
  .recruitment__btn {
    font-size: 1.4375rem;
    width: 100%;
    padding: 45px 0;
    margin-bottom: 116px;
  }
}

.subjects {
  margin-bottom: 53.5px;
}
@media screen and (min-width: 768px) {
  .subjects {
    padding: 61.7px 0 60.9px;
    background-color: #647798;
  }
}

.subjects__title-eng {
  margin-bottom: 25.4px;
}
@media screen and (min-width: 768px) {
  .subjects__title-eng {
    text-align: left;
    margin-left: 30px;
  }
}
@media screen and (min-width: 1440px) {
  .subjects__title-eng {
    margin-left: 97.8px;
    margin-bottom: 41.9px;
  }
}

@media screen and (min-width: 768px) {
  .subjects__title-eng--title {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .subjects__title-eng--engTitle {
    color: #fff;
  }
}

.subjects__items {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center; /* 横中央寄せ */
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 11.3px;
      
}
@media screen and (min-width: 768px) {
  .subjects__items {
    width: 100vw;
    margin: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr  1fr 1fr;
        column-gap: 5px;
        overflow: hidden;
  }
}

.subjects__item {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  max-width: 220px;
  width: 100%;
  height: 220px;
  text-align: center;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .subjects__item {
    max-width: 15vw;
    max-height: 15vw;
    width: 15vw;
    height: 15vw;
  }
}

.subjects__item-titleWrapper {
  position: absolute;
  margin-bottom: 25.5px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.subjects__item-title {
  color: #fff;
  font-size: 18px;
  margin-bottom: 25.5px;
}
@media screen and (min-width: 768px) {
  .subjects__item-title {
    font-size: 1.5625rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1440px) {
  .subjects__item-title {
    font-size: 1.875rem;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 1920px) {
  .subjects__item-title {
    font-size: 2.125rem;
    margin-bottom: 74.6px;
  }
}

@media screen and (min-width: 768px) {
  .subjects__item--rehabilitation .subjects__item-title {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1440px) {
  .subjects__item--rehabilitation .subjects__item-title {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 1920px) {
  .subjects__item--rehabilitation .subjects__item-title {
    font-size: 1.5625rem;
  }
}

.subjects__item-title span {
  display: block;
  color: #fff;
  font-size: 8px;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .subjects__item-title span {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 1440px) {
  .subjects__item-title span {
    font-size: 1.3125rem;
  }
}

.subjects__item-text {
  color: #fff;
  font-size: 7px;
  width: 200px;
  text-align: left;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
	.mwform-tel-field input[type="text"]{
		width: 31%;
}
  .subjects__item-text {
    font-size: 0.625rem;
    width: 15vw;
  }
}
@media screen and (min-width: 1440px) {
  .subjects__item-text {
    font-size: 0.75rem;
    width: 17vw;
    line-height: 1.8269;
  }
}
@media screen and (min-width: 1920px) {
  .subjects__item-text {
    font-size: 0.875rem;
    width: 15vw;
  }
}

.subjects__item--neurosurgery {
  background-image: url(../images/top-sp/neurocircle.png);
}

.subjects__item--rehabilitation {
  background-image: url(../images/top-sp/rehab.png);
}

.subjects__item--anesthesiology {
  background-image: url(../images/top-sp/anaste.png);
}
.subjects__item--radDep {
  background-image: url(../images/gallery/ranDev.png);
}
.subjects__item--itami {
  background-image: url(../images/top-sp/itami.png);
}
.subjects__item--painClinic {
  background-image: url(../images/top-sp/plain.png);
}

/*# sourceMappingURL=styles.css.map */
#video{
  width: 70vw;
  height: auto;
  display: inline-flex;
  object-fit: fill;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  margin-left: 15%;
  }
  #video3{
    width: 70vw;
    height: auto;
    display: inline-flex;
    object-fit: fill;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    margin-left: 15%;
    }
    #background-video{
    width: 100%;
    /* height: 40%; */
    object-fit: fill;
    object-position: center;
    overflow: hidden;
    margin-top: 0.5em;
    }
    #background-video3{
      width: 100%;
      /* height: 40%; */
      object-fit: fill;
      object-position: center;
      overflow: hidden;
      margin-top: 0.5em;
      }
    #video2{
      width: 100vw;
      height: auto;
      display: inline-flex;
      object-fit: fill;
      }
    #background-video2{
        width: 100%;
        /* height: 40%; */
        object-fit: fill;
        object-position: center;
        overflow: hidden;
        /* margin-top: 0.5em; */
        }
@media screen and (max-width: 1024px) {
  #video2{
    width: 100vw;
    height: auto;
    display: inline-flex;
    object-fit: fill;
    }
    .access2{

    }
  #background-video2{
      width: 100%;
      /* height: 40%; */
      object-fit: fill;
      object-position: center;
      overflow: hidden;
      margin-top: 3vw;
      }
      #menu-g-nav-header-1{
        margin-top: 10vw;
      }
  .topnav {
    display: flex;
    overflow: hidden;
    background-color: #647798;
    position: relative;
    width: 100vw;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: fit-content;
    padding-bottom: 1vw;
    }
 
  #overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -10;
    background-color: transparent;
}
  #overlay.active {
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.6);
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    transition: all 0.2s ease-in-out 0s;
}
  /* Hide the links inside the navigation menu (except for logo/home) */
  .topnav #myLinks {
    display: none;
    list-style: none;
    padding-bottom: 66vw;
  }
  
  /* Style navigation menu links */
  .topnav a {
    color: white;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    display: block;
  }
	.header__mob-access-items{
		
	}
	.header__mob-access {
    display: block;
		 color: white;
		z-index:9999;
}
    .namesmall2 {
      display: block;
      position: absolute;
      top: 3.7vw;
      left: 10%;
      color: white;
      font-size: 1.4vw;
      font-weight: 500;
      line-height: 0.5;
      visibility: visible;
      z-index: 9999;
  }
	.namebig2 {
    display: block;
    position: absolute;
    top: 5.2vw;
    left: 10%;
    color: white;
    font-size: 1.8vw;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: 0.3vw;
    visibility: visible;
    z-index: 9999;
}
	.header__mob-access-item.tel2 {
		  display: block;
  position: absolute;
right:20%;
  margin-bottom: 0;
     z-index:9999;
  width:7rem;
  margin-top: 2rem;
}
.header__mob-access-item.access2 {
		display: block;
		position: absolute;
	right:10%;
    margin-bottom: 0;
   		z-index:9999;
		width:7rem;
    margin-top: 2rem;
}

  /* Add a grey background color on mouse-over */
  .topnav a:hover {
       color: #AEBBD1;
  }
  
  /* Style the active link (or home/logo) */
  .active {
    color: white;
  }

  .centered3{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  #myLinks li{
    margin-bottom: 1vw;
  }
  #myLinks li:hover{
 
      color:  #AEBBD1;

  }
  .flexstart{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: fit-content;
  }
  img.active{
    position: absolute;
    top: 2%;
    left: 2%;
    width: 100%;
    margin-top: 0.5vw;
    }
    .fv__about  {
      margin-top: 70px;
    }
    .mainbanner{
      padding-top: 70px;
    }
    .mainbanner-wrapper {
      padding-top: 72px;
    }
    .nurse{
      padding-top: 70px;
    }
    .fv__contact {
      margin-top: 70px;
    }
.mainbanner-image {
  padding-top: 70px;
  margin-top: 70px;
}
.fv__subjects{
  margin-top: 70px;
}
.fv__recruitment {
  margin-top: 7vw;
}
#logolink{
  width: 6%;
  height: 6vw;
  position: absolute;
  top: 2vw;
  left: 2vw;
}
.form__btn {
  width: 20vw;
  padding: 16px 0 18px;
  color: #647798;
  background-color: #fff;
  font-size: 28px;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 77px;
}
.policy__text, .policy__indent, .policy__indent-1pl, .policy__indent-3pl, .policy__indent-2em {
  color: #647798;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 2;
  padding: 0 3%;
}
.category{
  margin-top: 90px;
}
.archive__wrapper{
  padding: 0 5%;
}
}
@media screen and (min-width: 480px)  and (max-width: 768px) {
  .fv__title {
    position: absolute;
    top: 46%;
    left: 48%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
    font-weight: 300;
}
}

@media screen and (max-width: 768px) {
.hamburger {
  display: block;
  width: 66px;
  height: 62px;
  position: relative;
  z-index: 9999;
  border: none;
  right: 6%;
  margin-left: auto;
  background-color: #647798;
  padding: 0 19px;
  margin: 0;

}
.header__mob-access-item.access2{
  width: 3rem;
  margin-top: 5%;
}
.access2{
width: 3rem;
    left: 72vw;
    top: 0;
    margin-top: 1rem;}
  #accesslink{
    font-size: 1.8rem;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    color: #647798;
  }
  .reception-information__otherOutpatients-epilepsy-date, .reception-information__otherOutpatients-spine-date{
    font-size: 1rem;
  }
  .timeannai{
    padding: 1.2rem;
    border: solid 1px #647798;
    text-align: center;
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
  }
  .columnsannai{
    display: flex;
    column-gap: 0.5rem;
    /* width: 30vw; */
  }
  .masuikatime{
    margin-bottom: 1rem;
  }
  .sekitsuitime{
    margin-bottom: 1rem;
  }
  .reception-information__title2{margin-bottom: 0.8rem !important;width: 35vw;}
  .bottomline{
    border-bottom: 1px solid #647798;
    /* border-collapse: collapse; */
    }
    .topline{
      border-top: solid 1px #647798;
      padding-top: 0.5rem;
      margin-top: 0.5rem;
    }
    .rightsideannai{
      margin-top: 0;
      width: 35vw;
    }
    .leftsideannai{
      margin-left: 1rem;
    }
    .reception-information__description{
      width: 100%;
    }
  .docter__description-text {
    color: #fff;
    /* font-size: 14px; */
    font-size: 0.900rem;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 1.78;
    /* padding: 0 15px; */
    padding: 0 1rem;
    /* margin-bottom: 55px; */
    margin-bottom: 3.4375rem;
    margin-top: -39vw;
    margin-right: 53vw;
}
.docter__description-text3{
 
padding: 0 1em;
 
/* padding: 0 1em; */
 
margin-top: -41vw;
 
margin-right: 60vw;
 
font-family:  "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
.docter__description-text2{
 
padding: 0 1rem;
 
/* padding: 0 1rem; */
 
margin-top: -41vw;
 
margin-left: 60vw;
 
margin-right: 0;
}
.docter__description-image--right {
  width: 60vw;
  margin-left: auto;
  margin-top: -29vw;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
.docter__description-image--left{
  width: 60vw;
  margin-top: -50vw;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
.docter__description{
  margin-top: 54vw;
}
.docter__description.image__right {
  margin-top: 2vw;
}

#video2{
  width: 100vw;
  height: auto;
  display: inline-flex;
  object-fit: fill;
  }
#background-video2{
    width: 100%;
    /* height: 40%; */
    object-fit: fill;
    object-position: center;
    overflow: hidden;
    margin-top: 3vw;
    }}
@media screen and (max-width: 740px) {
  #accesslink{
    padding-top: 2rem;
    font-size: 1.3rem;
  }
  .fv__about  {
    margin-top: 7vw;
  }
  .mainbanner{
    padding-top: 64px;
  }
  .nurse{
    padding-top: 8px;
  }
  .mainbanner-wrapper {
    padding-top: 64px;
  }
  .fv__contact {
 margin-top: 64px; 
  }
.mainbanner-image {
padding-top: 64px;
margin-top: 64px;
}
.fv__subjects{
margin-top: 64px;
}
.fv__recruitment {
margin-top: 7vw;
}

 
}

  @media screen and (min-width: 1024px) {
  .active{
    display: none;
  }
  .topnav{
    display: none;
  }

}
.blueback2{
background-color: #647798;
height: 15vw;
z-index: 9999;
}
.blueback2 img{
  width: 100%;
 
}
.blueback2 a{
  width: 8.5vw;
 height: 8.5vw;
}
.centered2{display: flex;flex-direction: row;justify-content: space-around;align-items: center;padding-top: 3.5vw;}
@media screen and (max-width: 768px) {
  #logolink{
    width: 8%;
    height: 8vw;
    position: absolute;
      top: 2vw;
      left: 2vw;
  }
	.topnav {
		/* height:13vw; */
	}
.header__mob-access {
    font-size: larger;
    width:20vw;
    position: absolute;
    top: 1vw;
    left: 11.5vw;
}
	.namebig2{
		font-size:1.8vw;
		line-height:1.8;
	}
	.namesmall2{
		font-size: 1.8vw;
	}
.header__mob-access-item.tel2 {
		width: 3rem;
    margin-top: 5%;
	}
img.active {
  position: absolute;
  top: 2%;
  left: 2%;
  width: 100%;
  margin-top: 0.5vw;
}
}
@media screen and (min-width: 480px) {
#bumonshokai {
  margin-top: 10vw;
}
	.onlyOnMobile{
		display:none;
	}}
@media screen and (max-width: 480px) {
	.topnav {
		min-height: 19vw;
	}
	.spacebefore2{
		padding-top:3vw;
	}
	.spaceafter{
	padding-bottom:3vw;	
	}
	.none .textalign{
	font-size: 6vw;
    margin-top: 3vw;
    margin-bottom: 9vw;
	}
  .header__mob-access-item.access2{
    right: 10%;
  }
	.fv__recruitment{
		margin-top: 19vw;
	}
	.header__mob-access {
    left: 15.5vw;
		width:25vw;
		top:2vw;
}
	.namebig2{
		    font-size: 3vw;
		    width: 44vw;
	}
	.policypage{
		margin-top:15vw;
	}
	.policytext{
		font-size:0.8rem;
	}
	.policybiggertext{
		font-size:1rem;
	}
	.policysubtitle{
			font-size:1rem;
		font-weight:500;
	}
	.signoff{
			font-size:0.7rem;
		margin-bottom:6vw;
	}
.namesmall2{
  font-size: 2.3vw;
}
	.header__mob-access-item.tel2 {
    left: 180%;
    margin-top: 8%;
	}
  .header__mob-access-item.access2{
  width: 3rem;
  margin-top: 8%;
  left: 235%;}
.hamburger {
    height: 2vw;
    width: 2vw;
    left: 40vw;
}
  .reception-information__description {
    padding-right: 0;
    padding-left: 0;
  }
  .reception-information__receptionTime-table th,   .reception-information__receptionTime-table td{font-size: 1rem;text-align: justify;
}
.reception-information__receptionTime-table th{
padding-left: 10%;
}
  #accesslink{
    font-size: 1.5rem;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    color: #647798;
  }
  .timeannai{
    padding: 0.8rem;
    border: solid 1px #647798;
    text-align: center;
    margin-bottom: 1.2rem;
    font-size: 1.2rem;
    font-weight: 500;
  }
  .columnsannai{
    display: flex;
    column-gap: 0rem;
    /* width: 30vw; */
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .masuikatime{
    margin-bottom: 1rem;
  }
  .sekitsuitime{
    margin-bottom: 1rem;
  }
  .reception-information__title2{margin-bottom: 0.5rem !important;width: 35vw;}
  .bottomline{
    border-bottom: 1px solid #647798;
    /* border-collapse: collapse; */
    }
    .topline{
      border-top: solid 1px #647798;
      padding-top: 0.5rem;
      margin-top: 0.5rem;
    }
    .rightsideannai{
      margin-top: 0;
      width: 100%;
      margin-right: 0rem;
    }
    .leftsideannai{
      margin-left: 0;
      width: 100%;
      margin-right: 0;
      padding-right: 0;
      margin-bottom: 1rem;
    }
    .reception-information__description{
      width: 100%;
    }
    .reception-information__title {
      width: 99%;
      font-size: 1rem;
      text-align: center;
      overflow: hidden;
		margin-left:0.5%;
		margin-right:0.5%;
    }
.docter__description-text3{
 
padding: 0 1em;
 
/* padding: 0 1em; */
 
margin-top: -57vw;
 
margin-right: 60vw;
 
font-family:  "Hiragino Sans", "ヒラギノ角ゴシック", sans-serif;
}
	.reception-information__receptionTime-table:first-of-type{
		margin-top: 3vw;
	}
.docter__description-text2{
 
padding: 0 1rem;
 
/* padding: 0 1rem; */
 
margin-top: -54vw;
 
margin-left: 0vw;
 
margin-right: 0;
}
.docter__description-image--right {
  width: 60vw;
  margin-left: auto;
  margin-top: -29vw;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
.docter__description-image--left{
  width: 60vw;
  margin-top: -50vw;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
}
.docter__description{
  margin-top: 54vw;
}
.docter__description.image__right {
  margin-top: 2vw;
}
#background-video2 {
    width: 100%;
    /* height: 40%; */
    object-fit: fill;
    object-position: center;
    overflow: hidden;
    margin-top: 15vw;
}
#logolink{
 width: 12%;
 height: 12vw;
 position: absolute;
 top: 10px;
 left: 2%;
  }
img.active {
 position: absolute;
 top: 5px;
 left: 2%;
 width: 100%;
 margin-top: 0.5vw;
  }
.docter__name--left {
width: 95.29vw;
text-align: center;
color: #fff;
font-size: 30px;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0em;
line-height: 2;
border-bottom: 2px solid #fff;
margin-bottom: 55px;
margin-bottom: 3.4375rem;
margin-top: 2vw;
}
.docter__name--right {
  width: 87.29vw;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.025em;
  line-height: 2;
  border-bottom: 2px solid #fff;
  margin-left: auto;
  margin-bottom: 55px;
  margin-bottom: 2rem;
  margin-top: 2rem;
}
#sato{

width: 72.29vw;

text-align: center;

color: #fff;

font-size: 30px;

font-size: 1.2rem;

font-weight: 500;

letter-spacing: 0em;

line-height: 2;

border-bottom: 2px solid #fff;

margin-bottom: 55px;

margin-bottom: 3.4375rem;

margin-top: 2rem;
}
#urakami{
     width: 99.29vw;
}
#shirasaki{
  
width: 98.3vw;
}
.fv__title {
  position: absolute;
  top: 46%;
  left: 48%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  font-weight: 300;
}
.subject__description-text {
  color: #fff;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.785;
  margin-bottom: 35px;
  margin-bottom: 2.1875rem;
}
.little {
  font-size: 2.5rem;
}
.docter__description-text {
  color: #fff;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.78;
  padding: 0 15px;
  padding: 0 0.9375rem;
  margin-bottom: 55px;
  margin-bottom: 3.4375rem;
  margin-top: 2vw;
  text-align: center;
  margin-right: 0;
}
.docter__description-image--left {
  width: 80vw;
  margin-left: -3rem;
}
.about-subjects__btn-wrapper {
  margin-bottom: 0.9375rem;
}
.about-subjects__btn {
  width: 74.76vw;
  padding: 25px 0;
  padding: 1.5625rem 0;
  margin-bottom: 44px;
  margin-bottom: 1.75rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.required__btn {
  font-size: 0.7rem;
  width: 57vw;
}

.recruitment__description-title {
  color: #fff;
  font-size: 24px;
  font-size: 1.2rem;
  margin-top: -1.5rem;
  margin-bottom: 2rem;
}
.smart-hospital__text {
margin-bottom: 50px;
margin-bottom: 3.125rem;
margin-left: 0rem;
padding: 0 2rem;
}

.overview__text {
padding: 0 2rem ;
}

.mission__text p {
padding: 0 2rem;
}

}
@media screen and (max-width: 391px) {
	.mwform-radio-field .horizontal-item{
		margin-left: 0;
	}
	.horizontal-item{
	margin-left: 0! important;	
	}
    #background-video2 {
      width: 100%;
      /* height: 40%; */
      object-fit: fill;
      object-position: center;
      overflow: hidden;
      margin-top: 17vw;
  }
}
.little{font-size: 0.9rem;}
@media screen and (min-width: 768px) {
.blueback2{
  height: auto;
  margin-bottom: 0.5vw;
  margin-top: -4px;
}
.centered2 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  padding-top: 2.5vw;
  padding-bottom: 2.5vw;
}
.bigger {
  font-size: 2rem !important;
  font-weight: 600 !important;
}
.little {
  font-size: 1.8rem;
}

.blueback2 a {
  width: 7.5vw;
  height: 7.5vw;
}
}
@media screen and (min-width: 1024px) {
	.onlyOnPc{
		    margin-top: 2.7vw! important;
	}
  .blueback2 a {
    margin-left: 3vw;
    width: 5.5vw;
    height: 5.5vw;
    margin-right: 3vw;
  }
    .centered2 {
    display: flex;
    flex-direction: row;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1440px) {
	.onlyOnPc{
		    margin-top: 0.7vw! important;
	}
  .anesthesia__text{
    padding: 0 2vw;
  }
  .rehabilitation__text{
    padding: 0 2vw;
  }
	.docter__description.image__right{
		margin-bottom: 0;
	}
	.neurosurgery__btn{
		margin-bottom:6vw;
	}
	.docter__description{
		margin-bottom: 0;
	}
	.rehabilitation__btn{
			margin-bottom:6vw;
	}
	.brainDock__btn{
		margin-top: 3vw;
	}
  .brainDock__text{
    padding: 0 2vw;
  }
  .neurosurgery__text{
    padding: 0 2vw;
  }

  .blueback2 a {
    width: 4.5vw;
    height: 4.5vw;
    margin-right: 4vw;
  }
  .blueback2 a:first-child {
    width: 4.5vw;
    height: 4.5vw;
    margin-left: 4vw;
}
  .blueback2{
    height: auto;
  }

}
@media screen and (min-width: 1920px) {
  .blueback2 a {
    width: 3.5vw;
    height: 3.5vw;
  }
}

.fv__about-title{
  position: absolute;
  top: 55.5%;
  left: 48%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 4.5vw;
  letter-spacing: 0.03em;
  font-weight: 300;
}

.scrollablepolicy{
  padding-top: 2vw;
  display:
  flex;
  width: 100%;
  height: 42vw;
  overflow-y: scroll;
  border: 1px solid white;
  background-color: white;
  margin-bottom: 3vw;
  margin-top: 3vw;
}
.textalign{
  text-align: center;

}
input#chkbox4[type="checkbox"] {
  position: relative;
  appearance: checkbox;
  display: inline;
  width: 1.2rem;
  text-align: center;
  margin-right: 5px;
}
.chkbox-privacy {
  appearance: checkbox;
  transform: scale(1.5);
}
.policyBox label {
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
  text-align: center;
  margin-right: 0.5rem;
}
.policyBox {
  display: flex;
  justify-content: center;
  margin: 1rem 0;
}
span.hissu {
  background-color: #e60012;
  color: #fff;
  font-size: 14px;
  width: 44px;
  padding: 5px 8px 4px;
  border-radius: 5px;
  text-align: center;
  float: none;
}
.policy h2{
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {

  .scrollablepolicy{
    display: flex;
    width: 100%;
    height: 63vw;
    overflow-y: scroll;
    border: 1px solid white;
    background-color: white;
    margin-bottom: 3vw;
    margin-top: 3vw;
  }}
@media screen and (max-width: 480px) {
  .btn__contact.contact__btn-info{
    width: 100%;
  }
	#rehabdoc .docter__bgWrapper {
		margin-bottom:-2rem;
	}
	.ortho__btn{
		margin-right:10vw;
		margin-bottom:3vw;
	}
	.namebig2{
		top:6vw;
		left:1%;
	}
	.namesmall2{
		top:4.5vw;
		left:1%;
	}
	.ict__btn{
		font-size:0.8rem;
	}
	.gallery__btn{
		font-size:0.8rem;
	}
	.recruitpage .bigtext.blue{
		text-align:center;
	}
	.fright{
		margin-bottom:6vw;
		margin-left:0;
	}
	.onlyOnPc{
		display:none;
	}
	.onlyOnMobile{
		display:block;
	}
  .btn__contact.contact__btn-sick::before {
    border-top: none;
    width: 0;
    padding: 0;
    margin: 0;
}

.btn__contact {max-width: 100%;}
.contact__btn-sick{
  
}
.btn__contact.contact__btn-sick::after {
  content: "";
  border-top: 3px solid #fff;
  width: 108px;
  margin-left: 68px;
}
.about::before {
  width: 69px;
  top: 3%;
  left: 38%;
  font-size: 1.5vw;
}
.information__btn {
  font-size: 3vw;
}
.demo.demo5 th{padding: 0 3vw;}
.fv__subjects {
  margin-top: 18vw;
}
.subject__description-btn {
  text-align: center!important;
}
.subject__btn {
  width: 64vw;
}
.neurosurgery__btn{
    margin-top: -3vw;
    margin-right: 10vw;
}
.anesthesia__btn{
  margin-top: -5vw;
  margin-right: 0vw;
  margin-bottom: -4vw;
}
.brainDock__btn{
  margin-top: 2vw;
  margin-right: 0vw;
  margin-bottom: -4vw;
	margin-left:-15vw;
}
.rehabilitation__btn{text-align: center;margin-right: 11vw;margin-top: -9vw;}
  .smart-hospital__text {
    /* margin-bottom: 50px; */
    margin-bottom: 3.125rem;
    margin-left: 1rem;
    width: 85vw;
    /* padding: 0; */
    /* margin-right: -81vw; */
}
  .navboxes {
	  display: flex;
    color: white;
    column-gap: 3vw;
    font-size: 3.3vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	  margin-top: 6vw;
	  margin-bottom: -18vw;
}
.policies {
    text-align: center;
    padding: 4vw 2vw;
    border: white solid 1px;
    width: 58vw;
    margin-top: 3vw;
    margin-bottom: 6vw;
	font-size: 3.5vw!important;
}
  .fcards {
    display: flex;
    flex-direction: column;
    padding: 0 3vw;
}
.scrollablepolicy{
  display:flex;
  width: 100%;
  height: 128vw;
  overflow-y: scroll;
  border: 1px solid white;
  background-color: white;
  margin-bottom: 3vw;
  margin-top: 3vw;
}
.form__btn {
  width: 41vw;
  padding: 16px 0 18px;
  color: #647798;
  background-color: #fff;
  font-size: 28px;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 77px;
}
.ict {
  text-align: center;
  padding-top: 14.18vw;
  padding-bottom: 3.75vw;
  background-color: #647798;
  margin-bottom: 0;
}
.voice__description.recruitment__description{
  margin-top: 2rem;
}
}
.requirements__item.nutritionist2{
	
} 
.nutritionist2 .requirements__item-title {
   
}
@media only screen and (min-width: 480px)  and (max-width: 1024px) {

  .header__mob-access-item.tel2{
    width: 9vw;
    left: 290%;
  }
  .header__mob-access-item.access2{
    width: 9vw;
    left: 345%;
  }
  .namebig2{
    font-size: 2.4vw;
  }
  .btn__contact.contact__btn-info{
    max-width: 37vw;
    font-size: 0.8rem;
    padding: 42px 0 42px 28px;
    }
    .btn__contact.contact__btn-sick{
    max-width: 37vw;
    font-size: 0.8rem;
    padding: 42px 0 42px 28px;
    }
      .btn__contact.contact__btn-sick::before{
          width: 10vw;
      margin-left: -19vw;
      margin-right: 4vw;
      }	
      .btn__contact.contact__btn-info::after{
          width: 10vw;
          margin-right: -6vw;
          margin-left: 4vw;
      }
      #background-video2{
        margin-top: 12vw;
      }


    }
 @media only screen and (min-width: 480px) 
and (max-width: 768px) {
	.fcards{
	flex-direction:
	column;
	display: flex;
	align-items: center;
	}
	.fright{
		justify-content: center;
		margin-top: -1vw;
		margin-bottom: 3vw;
		margin-left: 0;
		width: 75vw;
		justify-self: center;
}
	.white_receptioninfo{
		margin-top: 1.5vw;
	}
	.reception-information__neurosurgery{
	padding-bottom:4vw;
	}
	.spaceafter{
		padding-bottom: 1.5vw;
	}
	.namebig2{
		width: 40vw;
	}
	.reception-information__receptionTime-table{margin-top: 1.5vw;}
	.timeannai{
		font-size: 1.5rem;
	}
	.reception-information__receptionTime-table th, .reception-information__receptionTime-table td{
		font-size:1rem;
	}
	.reception-information__receptionTime-table th{
		vertical-align:baseline;
	}
	.leftsideannai{
		flex:50%;
		width: 50vw;
		margin-left:0.5rem;
	}
	.rightsideannai{
	width: 40vw;
    margin-right: 1rem;

	}
	.reception-information__otherOutpatients-epilepsy-date, .reception-information__otherOutpatients-spine-date{
				font-size:0.8rem;
	}
	.reception-information__title{
		width:50vw;
	}
		.reception-information__title2{
			width: 45vw;
			font-size: 0.8rem;
				margin-bottom:0.2rem !important;
	}

	.masuikatime{
		margin-bottom:0.2rem;
	}
	.sekitsuitime{
		margin-bottom:0.2rem;
	}
	.information__btn{
		font-size:1rem;
	}
}
    @media only screen and (min-width: 665px) 
		and (max-width: 768px) {
			.reception-information__neurosurgery{
				padding-bottom:0vw;
			}	
			.masuikatime{
				margin-bottom:1.5vw;
			}
			.tenkantime{
						margin-bottom:1.5vw;
			}
			.reception-information__title2{
				margin-bottom: 1.2vw! important;
			}
			.fcards{
				margin-top: -1.5vw;
			}
}
    @media only screen and (min-width: 768px) 
and (max-width: 1024px) {
    #background-video2 {
      margin-top: 10vw;
  }
	.leftsideannai{
		flex:50;
	}
	.reception-information__neurosurgery{margin-bottom: 1.6vw;}
	.reception-information__neurosurgery-title{
		margin-bottom: 1vw;
	}
	.spaceafter{
		padding-bottom:1vw;
	}
	.spacebefore2{
		padding-top:1vw;
	}
	.daysoff{
		padding-top:0.5vw;
	}
	.namebig2{
		width: 40vw;
	}
	.btn__contact.contact__btn-info{
		font-size:1.8vw;
	}
	.btn__contact.contact__btn-sick{
		font-size:1.8vw! important;
	}
	.subjects__title-eng--engTitle.title-eng__engTitle{
		font-size:1.8rem;
	}
	.title-eng__engTitle{
		font-size:1.8rem! important;
	}
	.about__text{
		font-size:1.6rem;
	}
	.about__btn{
		font-size:1.5rem;
	}
  .header__mob-access-item.tel2{
    width: 8vw;
    left: 70%;
  }
  .header__mob-access-item.access2{
    width: 8vw;
    left: 80%;
  }
  .centered2{
    justify-content: center;}
    .blueback2 a{
    margin-left: 3vw;
    margin-right: 3vw;
}
.footer__pc-nav-item a{
font-size: 1vw;
}
.reception-information__receptionTime-table th, .reception-information__receptionTime-table td{
font-size: 1vw;
}
.reception-information__receptionTime-table th{
vertical-align: baseline;
}
.reception-information__address{
font-size: 1.1vw;
}
.reception-information__tel{
line-height: 1;
}
.fright{
    margin-top: 0vw;
    margin-left: 2vw;
    margin-bottom: 2vw;
}
.reception-information__otherOutpatients-epilepsy-date, .reception-information__otherOutpatients-spine-date{
font-size: 1vw;
}
.reception-information__title2{
margin-bottom: 0.5vw! important;
}
.reception-information__wrapper{
column-gap: 1vw;
}
}

.mw_wp_form_confirm .form__box{
	     color: #fff;
    display: flex;
    column-gap: 4vw;
    align-items: center;
    flex-direction: column;
    /* align-items: baseline; */
    border-bottom: 1px white solid;
    padding: 1%;
    /* width: 60vw; */
    /* align-items: unset; */
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
}
.mw_wp_form_confirm .form__box label{
 font-size: 2rem;
    font-weight: 500;
}
.form__box #text{
	text-align: left;
	font-size: 1.3rem;
}
#mw_wp_form_mw-wp-form-115 input[type=text]{
	font-size: 1.3rem;
	text-align: left;
}
#mw_wp_form_mw-wp-form-115{
	font-size: 1.3rem;
	text-align:left;
}
.form h1{
	font-size: 3.5vw;
	text-align:center;
	color: white;
	margin-bottom: 2vw;
}
	.boldunderline{
		font-weight: 700;
		text-decoration: underline;
	}
@media only screen and (min-width: 1024px) 
and (max-width: 1440px) {
	
.about__btn{margin-top: 0;font-size: 1.1vw;font-weight: 700;}
.information__btn{
font-size: 1.6rem;
font-weight: 600;
}
	.footer__logo--logo{
		max-width:20vw;
	}
	.reception-information__neurosurgery{
		margin-bottom: 1vw;
	}
	.floor-guide__btn{
			font-size:1rem;
	}


	.spaceafter{
		padding-bottom: 1vw;
	}
	.reception-information__map{
		height: 33vw;
	}
		.white_receptioninfo{
		background-color:
		white !important;
		border: solid 1px #647798;
		color: #647798! important;
		font-weight:600! important;
		box-sizing:
		content-box;
		margin-top: -2.3vw;
	}
	.daysoff{
		text-align:
		center;
		color: #647798;
		font-weight:600;
		margin-top: 0.5vw;
	}
	.spacebefore2{
		padding-top:0.5vw;
	}
	.sekitsuitime{
		margin-bottom: 0;
	}
		.fright{
		flex:50;
		text-align:
		center;
		font-weight:100! important;
		border: solid 1px #647798;
		color: #647798;
		padding: 1vw 3vw;
		background-color: white;
		border-radius:24px;
		margin-top: 1vw;
		margin-left: 3.5vw;
		max-width: 21vw;
		max-height: 4vw;
		vertical-align:
		center;
	}
	#accesslink {
    font-size: 1rem;
    text-align: center;
text-decoration:none;
    font-weight: 100;
    color: #647798;
}
	.subject__btn{
		width:25vw;
		font-size:1.4vw;
	}
	
.policyBox label {
  font-size: 1.3vw;
}
	.neurosurgery__btn {
		width:21vw;
		font-size:1.4vw;
		    margin-bottom: 5vw;
    margin-top: 2vw;
	}
	.ortho__btn{
	
    margin-top: 5vw;
	}
	.rehabilitation__btn{
	 margin-top: -3vw;	
	}
.chkbox-privacy {
  transform: scale(2);
}
.btn__contact.contact__btn-info{
  max-width: 37vw;
  font-size: 1.5vw;
}
.btn__contact.contact__btn-sick{
  max-width: 37vw;
  font-size: 1.5vw;
}
.about__text{margin-top: 2vw;font-size: 1.4vw;font-weight: 500;max-width: 37vw;/* line-height: 1; */}
.recruitment__pc-item-text {/* margin-right: 2vw; */font-size: 1.28vw;width: 40vw;}
.swiper-container{
  width: 96%;
}
.news__title-wrapper{
  column-gap: 4vw;
}
.swiper{
  max-width: 68vw;
}
.footer__pc-nav-item a{
  font-size: 1vw;
}
.reception-information__receptionTime-table th, .reception-information__receptionTime-table td{
  font-size: 1vw;
}
.reception-information__receptionTime-table th{
  vertical-align: baseline;
}
.reception-information__address{
  font-size: 1.1vw;
  text-align: center;
}
.reception-information__tel{
  line-height: 1;
  font-size: 3.5vw;
  text-align: center;
}
.fright{
  margin-top: 1.5vw;
  margin-left: 3.5vw;
}
.reception-information__otherOutpatients-epilepsy-date, .reception-information__otherOutpatients-spine-date{
  font-size: 1vw;
}
.reception-information__title2{
  margin-bottom: 0.5vw! important;
}
.reception-information__wrapper{
  column-gap: 1vw;
}
.about__smart-hospital-about__wrapper::before{
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: -12%;
  width: 48vw;
  background-color: rgba(0, 0, 0, .45);
  z-index: -2;
  height: 25vw;
}
.about__smart-hospital-about__wrapper{
  position: relative;
  padding-top: 1.5vw;
  z-index: 1;
  padding-right: 2.2vw;
}
.about__smart-hospital-btn{
  margin-top: 3vw;
}
.about__mission{
  position: relative;
  width: 46.875vw;
  height: 28.4375vw;
  margin-bottom: 15vw;
  background-size: cover;
}
.about__mission-btn{
  margin-top: 3vw;
}
.about__chairman-btn{
  margin-top: 2vw;
}
.about__information-container-about__wrapper{
  position: absolute;
  top: -14%;
  
}
.about__mission-wrapper{
  top: 20%;
  left: 20%;
}
.about__underLine-title{
font-size: 3vw;
}
.recruitment__btn {
font-weight: 600;
font-size: 1.5vw;
width: 50%;
padding: 35px 0;
margin-bottom: 80px;
}
.leftsideannai{
flex: 55%;
}
.reception-information__receptionTime-table{margin-top: 1vw;}
.smart-hospital__btn {
  font-size: 1.3vw;
  padding: 2.9375rem 1rem;
}
.subject__description-text {
  font-size: 1.3vw;
  line-height: 3;
}
	.neuroschedule{
	margin-top: 0;
	/* margin-bottom: -0.5vw! important; */
	}
	.text p{
		font-size: 1.3vw
	}
  .docter__description {
    margin-bottom: 0;
  }
  .header{
    min-height: 7vw;
  }
  .header__inner{
    min-height: 7vw;
  }
.namebig{font-size: 1vw;
    margin-bottom: 0;}
.namesmall{
  font-size: 0.7vw;
}
.header__pc-nav-item a{
  font-size: 1vw;
}
}
	.white_receptioninfo{
		background-color:
		white !important;
		border: solid 1px #647798;
		color: #647798! important;
		font-weight:600! important;
		box-sizing:
		content-box;

	}
	.daysoff{
		text-align:
		center;
		color: #647798;
		font-weight:600;

	}
		.fright{
		flex:50;
		text-align:
		center;
		font-weight:100! important;
		border: solid 1px #647798;
		color: #647798;
		padding: 1vw 3vw;
		background-color: white;
		border-radius:24px;
		vertical-align: middle;
	}
	#accesslink {
    font-size: 1rem;
    text-align: center;
text-decoration:none;
    font-weight: 100;
    color: #647798;
}
/* =============================================
  フォーム 切り替え
  *mw_wp_form_XXX → MW WP Form によって画面ごとに自動付与されるclass
============================================= */
.mw_wp_form_confirm .form__box {
  color: #fff;
}
.mw_wp_form_confirm .mandatory {
  display: none;
}
/* 確認 + 完了 */
.mw_wp_form_confirm .none,
.mw_wp_form_complete .none {
  display: none;
}

/* thanks */
.thanks-wrap {
  max-width: 800px;
  margin: 0 auto 4.23vw;
}

/* =============================================
  フォーム mw wp form 調整(他のcssと絡まっている為)
============================================= */
.ui-widget.ui-widget-content {
  width: auto;
}
.ui-datepicker th {
  color: #333;
}
.ui-datepicker th,
.ui-datepicker td {
  font-size: 1.4rem;
}

.mw_wp_form .error {
  padding: .6rem 0 0;
}
	.boldunderline{
		font-weight: 700;
		text-decoration: underline;
	}
/* Surgical Achievements Section */
.surgical-achievements {
  background-color: #556C87;
  padding: 40px;
  color: #fff;
  font-family: Arial, sans-serif;
}

.surgical-achievements__title {
  text-align: center;
  margin-bottom: 30px;
}

.surgical-achievements__wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.surgical-achievements__item {
  background-color: #637890;
  padding: 20px;
  margin-bottom: 20px;
  width: 23%;
  border: 1px solid #fff;
  border-radius: 5px;
}

.surgical-achievements__item-title {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}

.surgical-achievements__list {
  list-style-type: none;
  padding-left: 0;
}

.surgical-achievements__list li {
  font-size: 16px;
  margin-bottom: 8px;
}

.surgical-achievements__period {
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
}

@media (max-width: 768px) {
  .surgical-achievements__item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.binohAccessInfo {
  background: #fff;
  border-top: 1px solid #647798;
  border-bottom: 1px solid #647798;
}

.binohAccessInfo__inner {
  display: grid;
  grid-template-columns: 44% 56%;
}

.binohAccessInfo__map iframe {
  display: block;
  width: 100%;
  height: 38vw;
  border: 0;
}

.binohAccessInfo__content {
  padding: 1.5vw 4vw 2vw;
  color: #647798;
}

.binohAccessInfo__heading {
  margin: 0 0 2vw;
  padding: 1.1vw;
  border: 1px solid #647798;
  font-size: 1.8vw;
  font-weight: 400;
  text-align: center;
}

.binohAccessInfo__schedule {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 4vw;
}

.binohAccessInfo__label {
  margin: 0 0 1vw;
  padding: 0.7vw 1vw;
  background: #647798;
  color: #fff;
  font-size: 1.15vw;
  font-weight: 400;
  text-align: center;
}

.binohAccessInfo__table {
  width: 100%;
  border-collapse: collapse;
}

.binohAccessInfo__table th,
.binohAccessInfo__table td {
  padding: 0.45vw 0.7vw;
  color: #647798;
  font-size: 1.15vw;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
  white-space: nowrap;
}

.binohAccessInfo__side {
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
}

.binohAccessInfo__text {
  margin: 0;
  color: #647798;
  font-size: 1.05vw;
  line-height: 1.7;
  text-align: center;
}

.binohAccessInfo__text a {
  color: #647798;
  font-weight: 700;
  text-decoration: underline;
}

.binohAccessInfo__accessButton {
  display: grid;
  place-items: center;
  margin-top: 0.8vw;
  padding: 1.1vw 2vw;
  border: 1px solid #647798;
  border-radius: 1.5vw;
  color: #647798;
  font-size: 0.95vw;
  text-decoration: none;
}

.binohAccessInfo__bottom {
  display: grid;
  grid-template-columns: 1fr 1.65fr;
  gap: 3vw;
  align-items: center;
  margin-top: 2vw;
}

.binohAccessInfo__closed {
  text-align: center;
}

.binohAccessInfo__closedTitle {
  margin: 0 0 0.6vw;
  padding-bottom: 0.7vw;
  border-bottom: 1px solid rgba(100,119,152,0.35);
  font-size: 1.25vw;
  font-weight: 700;
}

.binohAccessInfo__closedText {
  margin: 0;
  font-size: 1.1vw;
  font-weight: 700;
}

.binohAccessInfo__tel {
  margin: 0 0 0.4vw;
  font-size: 3.3vw;
  font-weight: 700;
  line-height: 1;
}

.binohAccessInfo__tel a {
  color: #647798;
  text-decoration: none;
}

.binohAccessInfo__address {
  margin: 0;
  font-size: 1.05vw;
  line-height: 1.5;
}

/* tablet */
@media screen and (max-width: 1023px) {
  .binohAccessInfo__inner {
    grid-template-columns: 1fr;
  }

  .binohAccessInfo__map iframe {
    height: 52vw;
  }

  .binohAccessInfo__content {
    padding: 5vw 6vw;
  }

  .binohAccessInfo__heading {
    font-size: 1.7rem;
    padding: 2vw;
  }

  .binohAccessInfo__schedule {
    grid-template-columns: 1fr;
    gap: 4vw;
  }

  .binohAccessInfo__label {
    font-size: 1.1rem;
    padding: 1.5vw;
  }

  .binohAccessInfo__table th,
  .binohAccessInfo__table td,
  .binohAccessInfo__text {
    font-size: 1rem;
  }

  .binohAccessInfo__bottom {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .binohAccessInfo__accessButton {
    border-radius: 3vw;
    font-size: 1rem;
  }

  .binohAccessInfo__tel {
    font-size: 2.8rem;
  }

  .binohAccessInfo__address {
    font-size: 1rem;
  }
}

/* mobile */
@media screen and (max-width: 767px) {
  .binohAccessInfo__map iframe {
    height: 80vw;
  }

  .binohAccessInfo__content {
    padding: 8vw 5vw;
  }

  .binohAccessInfo__heading {
    margin-bottom: 6vw;
    padding: 3vw 2vw;
    font-size: 1.35rem;
  }

  .binohAccessInfo__label {
    margin-bottom: 3vw;
    padding: 3vw 2vw;
    font-size: 1rem;
  }

  .binohAccessInfo__table {
    display: block;
    overflow-x: auto;
  }

  .binohAccessInfo__table th,
  .binohAccessInfo__table td {
    padding: 2vw;
    font-size: 0.95rem;
  }

  .binohAccessInfo__side {
    gap: 5vw;
  }

  .binohAccessInfo__accessButton {
    width: 100%;
    padding: 4vw 3vw;
    border-radius: 999px;
    font-size: 0.95rem;
  }

  .binohAccessInfo__bottom {
    gap: 7vw;
    margin-top: 8vw;
  }

  .binohAccessInfo__closedTitle {
    font-size: 1.1rem;
  }

  .binohAccessInfo__closedText {
    font-size: 1rem;
  }

  .binohAccessInfo__tel {
    font-size: 2.2rem;
  }

  .binohAccessInfo__address {
    font-size: 0.9rem;
  }
}
.form__dateSelects {
  display: flex;
  align-items: center;
  gap: 0.7vw;
  flex-wrap: nowrap;
}

.form__dateSelects select {
  width: 7vw !important;
  min-width: 7vw !important;
  max-width: 7vw !important;
  height: 3.2rem;
  padding: 0.4rem 0.6rem;
  font-size: 1rem !important;
}

.form__dateSelects span {
  color: #000;
  font-size: 1.1rem;
  white-space: nowrap;
}