.con-about .box-about, .con-medicalinformation .box-medicalinformation, .con-news { max-width: 1120px; margin-left: auto; margin-right: auto; width: calc(100% - 160px); }
@media only screen and (min-width: 1025px) and (max-width: 1280px) { .con-about .box-about, .con-medicalinformation .box-medicalinformation, .con-news { width: calc(100% - 80px); } }
@media print { .con-about .box-about, .con-medicalinformation .box-medicalinformation, .con-news { width: calc(100% - 80px); } }
.ie8 .con-about .box-about, .con-about .ie8 .box-about, .ie8 .con-medicalinformation .box-medicalinformation, .con-medicalinformation .ie8 .box-medicalinformation, .ie8 .con-news { width: calc(100% - 80px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-about .box-about, .con-medicalinformation .box-medicalinformation, .con-news { width: 92%; } }
@media only screen and (max-width: 767px) { .con-about .box-about, .con-medicalinformation .box-medicalinformation, .con-news { width: 84%; } }

/*Animate */
/* ----------------------------------------------------------- .con-mainvisual
----------------------------------------------------------- */
.con-mainvisual { position: relative; width: 100%; overflow: hidden; }
@media only screen and (min-width: 768px) { .con-mainvisual { height: 100vh; } }
@media print { .con-mainvisual { height: 100vh; } }
.ie8 .con-mainvisual { height: 100vh; }
.con-mainvisual .box-mainvisual .blur-wrap { width: 400vw; display: flex; overflow: hidden; position: absolute; top: 0; left: 0; z-index: -1; }
@media only screen and (min-width: 768px) { .con-mainvisual .box-mainvisual .blur-wrap { height: 100vh; } }
@media print { .con-mainvisual .box-mainvisual .blur-wrap { height: 100vh; } }
.ie8 .con-mainvisual .box-mainvisual .blur-wrap { height: 100vh; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap { width: calc(264vw * 2); height: 100%; opacity: 0.7; } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list { width: 200vw; display: flex; animation: infinity-scroll-left 35s infinite linear 0.5s both; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list { width: 264vw; } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item { width: 25vw; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item { width: 33vw; } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+1) { margin-top: 12vh; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+1) { transform: scale(2.5); margin-top: 45vh; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+1) { transform: scale(1.2); } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+2) { margin-top: 50vh; padding-left: 2.8vw; }
@media only screen and (min-width: 1025px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+2) { transform: scale(0.7); } }
@media print { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+2) { transform: scale(0.7); } }
.ie8 .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+2) { transform: scale(0.7); }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+3) { margin-top: 41.6vh; padding-left: 5.6vw; transform: scale(0.8); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+3) { transform: scale(1.7); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n+3) { margin-top: 30vh; transform: scale(1.4); } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n) { margin-top: 73vh; padding-left: 2.8vw; padding-bottom: 20px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n) { transform: scale(2.5); transform-origin: center bottom; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(4n) { display: flex; flex-direction: column; justify-content: flex-end; margin-top: auto; transform: scale(1.7); transform-origin: center bottom; } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(5) { margin-top: 15vh; }
@media only screen and (min-width: 1025px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(5) { transform: scale(0.7); } }
@media print { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(5) { transform: scale(0.7); } }
.ie8 .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(5) { transform: scale(0.7); }
@media only screen and (max-width: 1024px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(5) { margin-top: 24vh; transform: scale(1.3); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item:nth-child(5) { margin-top: 17vh; } }
.con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; filter: blur(10px); max-width: 240px; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .blur-wrap .blur-list .blur-item img { max-width: 120px; } }
.con-mainvisual .box-mainvisual .mainvisual-wrap { width: calc(200vw * 2); display: flex; padding-top: 95px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap { width: calc(200vw * 4); padding-top: 40px; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap { width: calc(200vw * 6); padding-top: 8px; } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list { width: 200vw; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 0px; grid-row-gap: 0px; animation: infinity-scroll-left 30s infinite linear 0.5s both; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list { width: calc(200vw * 2); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list { width: calc(200vw * 3); } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item { overflow: hidden; aspect-ratio: 1/0.55; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item span { overflow: hidden; display: inline-block; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(5) { grid-area: 1 / 3 / 3 / 4; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(6) { grid-area: 1 / 4 / 2 / 5; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(7) { grid-area: 2 / 4 / 3 / 5; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(8) { grid-area: 1 / 5 / 2 / 6; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(9) { grid-area: 2 / 5 / 3 / 6; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(10) { grid-area: 1 / 6 / 3 / 7; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(1), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(6) { width: 39.3vw; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(1), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(6) { width: calc(39.3vw * 2); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(1), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(6) { width: calc(39.3vw * 3); } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(1) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(6) span { margin-left: 2vw; height: 100%; aspect-ratio: 1/0.75; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(1) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(6) span { margin-left: 0; } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(2), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(7) { width: 39.3vw; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; text-align: right; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(2), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(7) { width: calc(39.3vw * 2); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(2), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(7) { width: calc(39.3vw * 3); } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(2) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(7) span { margin-top: 64px; margin-right: 4.5vw; height: 22.9vh; aspect-ratio: 1/0.66; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(3), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(8) { width: 37.3vw; display: flex; flex-direction: column; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(3), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(8) { width: calc(37.3vw * 2); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(3), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(8) { width: calc(37.3vw * 3); } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(3) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(8) span { margin-top: auto; margin-left: 9.4vw; margin-bottom: 34px; height: 24.2vh; width: 22.6vh; aspect-ratio: 1/0.659; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(4), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(9) { width: 37.3vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(4), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(9) { width: calc(37.3vw * 2); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(4), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(9) { width: calc(37.3vw * 3); text-align: right; } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(4) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(9) span { height: 90%; aspect-ratio: 1/0.65; margin-top: 33px; margin-left: 3.1vw; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(4) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(9) span { margin-left: auto; } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(5), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(10) { width: 23.4vw; display: flex; flex-direction: column; justify-content: center; align-items: center; aspect-ratio: 1/0.75; height: 100%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(5), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(10) { width: calc(23.4vw * 2); } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(5), .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(10) { width: calc(23.4vw * 3); } }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(5) span, .con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item:nth-child(10) span { width: 82.5%; margin: 0 2vw; }
.con-mainvisual .box-mainvisual .mainvisual-wrap .mainvisual-list .mainvisual-item img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; width: 100%; height: 100%; object-fit: cover; }
.con-mainvisual .box-catchcopy { position: absolute; z-index: 1; top: 136px; right: 56px; text-align: right; mix-blend-mode: difference; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-mainvisual .box-catchcopy { top: 64px; right: 32px; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-catchcopy { position: static; text-align: left; } }
@media only screen and (max-width: 767px) { .con-mainvisual .box-catchcopy h1 { position: absolute; top: 35vh; left: 0; right: 0; margin: 0 auto; text-align: center; } }
.con-mainvisual .box-catchcopy .txt { color: #5E5D5C; line-height: 1.75; letter-spacing: 0.04em; font-weight: 500; margin-top: 32px; display: block; }
@media only screen and (max-width: 767px) { .con-mainvisual .box-catchcopy .txt { position: absolute; bottom: 7%; left: 32px; } }

@keyframes infinity-scroll-left { from { transform: translateX(0); }
  to { transform: translateX(-100%); } }
/* ----------------------------------------------------------- .con-top-news
----------------------------------------------------------- */
.con-top-news { position: absolute; top: 91.3vh; left: 0; width: 34.9vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-top-news { width: 45%; } }
@media only screen and (max-width: 767px) { .con-top-news { width: 94.4vw; position: static; } }
.con-top-news .box-top-news { border-radius: 0px 24px 24px 0px; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); }
.con-top-news .box-top-news .swiper-wrapper .swiper-slide a { display: flex; align-items: center; gap: 16px; width: 100%; padding: 16px 56px 16px 16px; }
@media only screen and (min-width: 1025px) { .con-top-news .box-top-news .swiper-wrapper .swiper-slide a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:before, .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover { color: #6ABC72; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover:before { border-color: #6ABC72; background-color: #6ABC72; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover:after { background-image: url(../images/common/icon-arrow-wh.svg); } }
@media print { .con-top-news .box-top-news .swiper-wrapper .swiper-slide a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:before, .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover { color: #6ABC72; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover:before { border-color: #6ABC72; background-color: #6ABC72; }
  .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover:after { background-image: url(../images/common/icon-arrow-wh.svg); } }
.ie8 .con-top-news .box-top-news .swiper-wrapper .swiper-slide a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:before, .ie8 .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover { color: #6ABC72; }
.ie8 .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover:before { border-color: #6ABC72; background-color: #6ABC72; }
.ie8 .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:hover:after { background-image: url(../images/common/icon-arrow-wh.svg); }
@media only screen and (max-width: 767px) { .con-top-news .box-top-news .swiper-wrapper .swiper-slide a { padding-right: 40px; } }
.con-top-news .box-top-news .swiper-wrapper .swiper-slide a:before, .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { content: ""; display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 8px; width: 40px; height: 24px; }
@media only screen and (max-width: 767px) { .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:before, .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { width: 32px; height: 19px; } }
.con-top-news .box-top-news .swiper-wrapper .swiper-slide a:before { border: 1px solid #dedede; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
.con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { content: ""; background-image: url(../images/common/icon-arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; }
@media only screen and (max-width: 767px) { .con-top-news .box-top-news .swiper-wrapper .swiper-slide a:after { background-size: 12px auto; } }
.con-top-news .box-top-news .swiper-wrapper .swiper-slide a .date { font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 1.3rem; font-weight: 400; line-height: 1; letter-spacing: 0.04em; }
.con-top-news .box-top-news .swiper-wrapper .swiper-slide a .title { color: #282828; font-size: 1.5rem; font-weight: 500; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ----------------------------------------------------------- .con-about
----------------------------------------------------------- */
.con-about { position: relative; margin-top: 64px; width: 100%; overflow: hidden; padding-bottom: 160px; }
@media only screen and (max-width: 767px) { .con-about { margin-top: 80px; padding-bottom: 120px; } }
.con-about:before { content: ""; background: url(../images/common/deco-irohanaclinic.svg) 0 0 no-repeat; background-size: contain; position: absolute; top: 0; right: 18px; z-index: -1; width: 50vw; aspect-ratio: 1/0.262; }
@media only screen and (max-width: 767px) { .con-about:before { width: 100vw; right: 0; } }
.con-about:after { content: ""; background: url(../images/common/deco-logomark.svg) 0 0 no-repeat; background-size: contain; position: absolute; left: -123px; bottom: -203px; width: 74.6vw; aspect-ratio: 1/0.574; }
@media only screen and (max-width: 767px) { .con-about:after { width: 100%; left: -15%; bottom: -32px; } }
.con-about .box-about { position: relative; z-index: 1; }
@media only screen and (min-width: 768px) { .con-about .box-about { display: flex; justify-content: space-between; } }
@media print { .con-about .box-about { display: flex; justify-content: space-between; } }
.ie8 .con-about .box-about { display: flex; justify-content: space-between; }
@media only screen and (min-width: 768px) { .con-about .box-about h2 { width: 25%; text-align: right; order: 2; } }
@media print { .con-about .box-about h2 { width: 25%; text-align: right; order: 2; } }
.ie8 .con-about .box-about h2 { width: 25%; text-align: right; order: 2; }
@media only screen and (max-width: 767px) { .con-about .box-about h2 { width: 28.7vw; margin-left: auto; } }
@media only screen and (min-width: 768px) { .con-about .box-about .item-txt { order: 1; width: 50%; } }
@media print { .con-about .box-about .item-txt { order: 1; width: 50%; } }
.ie8 .con-about .box-about .item-txt { order: 1; width: 50%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-about .box-about .item-txt { width: 65%; } }
@media only screen and (min-width: 1025px) { .con-about .box-about .item-txt { padding-left: 80px; } }
@media print { .con-about .box-about .item-txt { padding-left: 80px; } }
.ie8 .con-about .box-about .item-txt { padding-left: 80px; }
@media only screen and (max-width: 767px) { .con-about .box-about .item-txt { width: 100%; margin-top: -32px; } }
.con-about .box-about .item-txt .txt { font-size: 2.2rem; font-weight: 500; line-height: 2.4; margin-bottom: 56px; }
@media only screen and (max-width: 767px) { .con-about .box-about .item-txt .txt { font-size: 1.5rem; margin-bottom: 40px; } }
.con-about .box-about .item-txt .button-basic { max-width: 260px; }
.con-about .box-about .item-txt .button-basic a { display: block; }
.con-about .box-about .infograf { position: absolute; bottom: 0; right: 0; width: 40%; }
@media only screen and (max-width: 767px) { .con-about .box-about .infograf { position: static; width: 100%; text-align: center; margin-top: 40px; } }

/* ----------------------------------------------------------- .con-medicalinformation
----------------------------------------------------------- */
.con-medicalinformation { background-color: #FDFBEE; -webkit-border-radius: 64px 0; -moz-border-radius: 64px 0; -ms-border-radius: 64px 0; border-radius: 64px 0; padding: 120px 0; }
@media only screen and (max-width: 767px) { .con-medicalinformation { padding: 80px 0 120px; } }
@media only screen and (min-width: 1281px) { .con-medicalinformation .box-medicalinformation { padding-left: 80px; } }
@media print { .con-medicalinformation .box-medicalinformation { padding-left: 80px; } }
.ie8 .con-medicalinformation .box-medicalinformation { padding-left: 80px; }
.con-medicalinformation .box-medicalinformation .box-title { margin-bottom: 40px; }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .box-title { margin-bottom: 32px; } }
.con-medicalinformation .box-medicalinformation .txt-intro { line-height: 1.75; letter-spacing: 0.04em; margin-bottom: 50px; }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .txt-intro { margin-bottom: 40px; }
  .con-medicalinformation .box-medicalinformation .txt-intro br { display: none; } }
@media only screen and (min-width: 1025px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation { display: flex; justify-content: space-between; align-items: center; } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation { display: flex; justify-content: space-between; align-items: center; } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation { display: flex; justify-content: space-between; align-items: center; }
@media only screen and (min-width: 1025px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area { width: 40%; position: relative; } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area { width: 40%; position: relative; } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area { width: 40%; position: relative; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area li { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; width: 100%; aspect-ratio: 3/4; overflow: hidden; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area li:not(:first-child) { position: absolute; top: 0; left: 0; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area li img { width: 100%; height: 100%; object-fit: cover; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area li img.main-image { opacity: 0; transition: opacity 0.3s ease; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .img-area li img.main-image.active { opacity: 1; }
@media only screen and (min-width: 768px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { display: flex; flex-wrap: wrap; justify-content: space-between; } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { display: flex; flex-wrap: wrap; justify-content: space-between; } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { display: flex; flex-wrap: wrap; justify-content: space-between; }
@media only screen and (min-width: 1025px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { width: 53.3%; } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { width: 53.3%; } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { width: 53.3%; }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area { border-top: 1px solid #dedede; } }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation { border-bottom: 1px solid #dedede; }
@media only screen and (min-width: 768px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation { width: 50%; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation:nth-child(-n+2) { border-top: 1px solid #dedede; } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation { width: 50%; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation:nth-child(-n+2) { border-top: 1px solid #dedede; } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation { width: 50%; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation:nth-child(-n+2) { border-top: 1px solid #dedede; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a { display: block; padding: 32px 0; }
@media only screen and (min-width: 1025px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3 { color: #6ABC72; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3:before { background-color: #6ABC72; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3:after { background-image: url(../images/common/icon-arrow-wh.svg); } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3 { color: #6ABC72; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3:before { background-color: #6ABC72; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3:after { background-image: url(../images/common/icon-arrow-wh.svg); } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3 { color: #6ABC72; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3:before { background-color: #6ABC72; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:hover h3:after { background-image: url(../images/common/icon-arrow-wh.svg); }
@media only screen and (max-width: 1024px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a { position: relative; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:after { content: ""; display: block; position: absolute; bottom: 32px; right: 8px; width: 40px; height: 24px; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:before { border: 1px solid #dedede; background-color: #fff; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:after { content: ""; background-image: url(../images/common/icon-arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; } }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a { padding: 32px 16px; } }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a { display: flex; justify-content: space-between; padding: 16px 0; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a:after { right: auto; left: 0; bottom: 16px; } }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .img { margin-bottom: 32px; }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .img { order: 2; margin-bottom: 0; width: 36.8%; aspect-ratio: 3/4; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; overflow: hidden; } }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .img img { -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; border-radius: 16px; }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .img img { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; width: 100%; height: 100%; object-fit: cover; } }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail { width: 51.2%; padding-top: 16px; } }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3 { font-size: 2rem; display: inline-block; position: relative; color: #282828; font-weight: 500; line-height: 1; letter-spacing: 0.04em; }
@media only screen and (min-width: 1025px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3 { padding-right: 56px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { content: ""; display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 8px; width: 40px; height: 24px; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before { border: 1px solid #dedede; background-color: #fff; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { content: ""; background-image: url(../images/common/icon-arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; } }
@media print { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3 { padding-right: 56px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before, .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { content: ""; display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 8px; width: 40px; height: 24px; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before { border: 1px solid #dedede; background-color: #fff; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
  .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { content: ""; background-image: url(../images/common/icon-arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; } }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3 { padding-right: 56px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before, .ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before, .ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { content: ""; display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 8px; width: 40px; height: 24px; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:before { border: 1px solid #dedede; background-color: #fff; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
.ie8 .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail h3:after { content: ""; background-image: url(../images/common/icon-arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; }
.con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail .txt { margin-top: 16px; width: 100%; font-size: 1.4rem; font-weight: 500; line-height: 1.43; }
@media only screen and (max-width: 767px) { .con-medicalinformation .box-medicalinformation .inner-medicalinformation .link-area .item-medicalinformation a .detail .txt { font-size: 1.3rem; } }

/* ----------------------------------------------------------- .con-news
----------------------------------------------------------- */
.con-news { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-top: 160px; }
@media only screen and (max-width: 767px) { .con-news { margin: 120px auto 0; } }
.con-news .list-news { width: 100%; margin-top: 40px; border-top: 1px solid #dedede; }
@media only screen and (max-width: 767px) { .con-news .list-news { margin-top: 24px; } }
.con-news .list-news .item-news { border-bottom: 1px solid #dedede; }
.con-news .list-news .item-news a { display: flex; align-items: center; gap: 0 40px; padding: 32px 60px 32px 8px; position: relative; }
@media only screen and (max-width: 767px) { .con-news .list-news .item-news a { align-items: flex-start; padding: 16px 0; gap: 0 20px; } }
.con-news .list-news .item-news a:before, .con-news .list-news .item-news a:after { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.con-news .list-news .item-news a:before, .con-news .list-news .item-news a:after { content: ""; display: block; position: absolute; top: 50%; transform: translate(0, -50%); right: 8px; width: 40px; height: 24px; }
@media only screen and (max-width: 767px) { .con-news .list-news .item-news a:before, .con-news .list-news .item-news a:after { top: auto; transform: translate(0, 0); bottom: -12px; right: 0; } }
.con-news .list-news .item-news a:before { border: 1px solid #dedede; background-color: #fff; -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
.con-news .list-news .item-news a:after { content: ""; background-image: url(../images/common/icon-arrow.svg); background-position: center center; background-repeat: no-repeat; background-size: 16px auto; }
.con-news .list-news .item-news a .date { font-family: "Montserrat", sans-serif; font-weight: 400; font-style: normal; font-size: 1.4rem; font-weight: 500; line-height: 1; letter-spacing: 0.04em; }
@media only screen and (max-width: 767px) { .con-news .list-news .item-news a .date { font-size: 1.2rem; } }
.con-news .list-news .item-news a .date em { font-size: 2.6rem; letter-spacing: 0; display: block; }
@media only screen and (max-width: 767px) { .con-news .list-news .item-news a .date em { font-size: 1.6rem; } }
.con-news .list-news .item-news a .title { border-left: 1px solid #dedede; font-size: 1.8rem; font-weight: 500; line-height: 1.43; padding-left: 40px; color: #282828; }
@media only screen and (min-width: 768px) { .con-news .list-news .item-news a .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
@media print { .con-news .list-news .item-news a .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }
.ie8 .con-news .list-news .item-news a .title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media only screen and (max-width: 767px) { .con-news .list-news .item-news a .title { font-size: 1.6rem; padding-left: 20px; } }