@charset "UTF-8";
/*!
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  /*outline:0;*/
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

input, select {
  vertical-align: middle;
}

/***************** Base *****************/
/*** setting ***/
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020";
}
.clearfix:after {
  clear: both;
}

.mt_50 {
  margin-top: 50px;
}

.mr_50 {
  margin-right: 50px;
}

.mb_50 {
  margin-bottom: 50px!important;
}

.ml_50 {
  margin-left: 50px;
}

.mt_45 {
  margin-top: 45px;
}

.mr_45 {
  margin-right: 45px;
}

.mb_45 {
  margin-bottom: 45px!important;
}

.ml_45 {
  margin-left: 45px;
}

.mt_40 {
  margin-top: 40px;
}

.mr_40 {
  margin-right: 40px;
}

.mb_40 {
  margin-bottom: 40px!important;
}

.ml_40 {
  margin-left: 40px;
}

.mt_35 {
  margin-top: 35px;
}

.mr_35 {
  margin-right: 35px;
}

.mb_35 {
  margin-bottom: 35px!important;
}

.ml_35 {
  margin-left: 35px;
}

.mt_30 {
  margin-top: 30px;
}

.mr_30 {
  margin-right: 30px;
}

.mb_30 {
  margin-bottom: 30px!important;
}

.ml_30 {
  margin-left: 30px;
}

.mt_25 {
  margin-top: 25px;
}

.mr_25 {
  margin-right: 25px;
}

.mb_25 {
  margin-bottom: 25px!important;
}

.ml_25 {
  margin-left: 25px;
}

.mt_20 {
  margin-top: 20px;
}

.mr_20 {
  margin-right: 20px;
}

.mb_20 {
  margin-bottom: 20px!important;
}

.ml_20 {
  margin-left: 20px;
}

.mt_15 {
  margin-top: 15px;
}

.mr_15 {
  margin-right: 15px;
}

.mb_15 {
  margin-bottom: 15px!important;
}

.ml_15 {
  margin-left: 15px;
}

.mt_10 {
  margin-top: 10px;
}

.mr_10 {
  margin-right: 10px;
}

.mb_10 {
  margin-bottom: 10px!important;
}

.ml_10 {
  margin-left: 10px;
}

.mt_5 {
  margin-top: 5px;
}

.mr_5 {
  margin-right: 5px;
}

.mb_5 {
  margin-bottom: 5px!important;
}

.ml_5 {
  margin-left: 5px;
}

.mt_0 {
  margin-top: 0px;
}

.mr_0 {
  margin-right: 0px;
}

.mb_0 {
  margin-bottom: 0px!important;
}

.ml_0 {
  margin-left: 0px;
}

.pt_50 {
  padding-top: 50px;
}

.pr_50 {
  padding-right: 50px;
}

.pb_50 {
  padding-bottom: 50px;
}

.pl_50 {
  padding-left: 50px;
}

.pt_45 {
  padding-top: 45px;
}

.pr_45 {
  padding-right: 45px;
}

.pb_45 {
  padding-bottom: 45px;
}

.pl_45 {
  padding-left: 45px;
}

.pt_40 {
  padding-top: 40px;
}

.pr_40 {
  padding-right: 40px;
}

.pb_40 {
  padding-bottom: 40px;
}

.pl_40 {
  padding-left: 40px;
}

.pt_35 {
  padding-top: 35px;
}

.pr_35 {
  padding-right: 35px;
}

.pb_35 {
  padding-bottom: 35px;
}

.pl_35 {
  padding-left: 35px;
}

.pt_30 {
  padding-top: 30px;
}

.pr_30 {
  padding-right: 30px;
}

.pb_30 {
  padding-bottom: 30px;
}

.pl_30 {
  padding-left: 30px;
}

.pt_25 {
  padding-top: 25px;
}

.pr_25 {
  padding-right: 25px;
}

.pb_25 {
  padding-bottom: 25px;
}

.pl_25 {
  padding-left: 25px;
}

.pt_20 {
  padding-top: 20px;
}

.pr_20 {
  padding-right: 20px;
}

.pb_20 {
  padding-bottom: 20px;
}

.pl_20 {
  padding-left: 20px;
}

.pt_15 {
  padding-top: 15px;
}

.pr_15 {
  padding-right: 15px;
}

.pb_15 {
  padding-bottom: 15px;
}

.pl_15 {
  padding-left: 15px;
}

.pt_10 {
  padding-top: 10px;
}

.pr_10 {
  padding-right: 10px;
}

.pb_10 {
  padding-bottom: 10px;
}

.pl_10 {
  padding-left: 10px;
}

.pt_5 {
  padding-top: 5px;
}

.pr_5 {
  padding-right: 5px;
}

.pb_5 {
  padding-bottom: 5px;
}

.pl_5 {
  padding-left: 5px;
}

.pt_0 {
  padding-top: 0px;
}

.pr_0 {
  padding-right: 0px;
}

.pb_0 {
  padding-bottom: 0px;
}

.pl_0 {
  padding-left: 0px;
}

@media only screen and (max-width: 767px) {
  .br-pc {
    display: none;
  }
}
/*** non-display ***/
@media only screen and (min-width: 1200px) {
  .pc-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .sp-hide {
    display: none !important;
  }
}
.txt-r {
  text-align: right;
}

.txt-l {
  text-align: left;
}

.txt-c {
  text-align: center;
}

.float-r {
  float: right;
}

.float-l {
  float: left;
}

.display-i {
  display: inline !important;
}

.display-ib {
  display: inline-block !important;
}

.display-b {
  display: block !important;
}

small {
  font-size: 12px;
}

/*** color ***/
.f-red {
  color: #c8002f;
}

.f-blue {
  color: #0f5274;
}

.f-purple {
  color: #6d47a1;
}

.f-strong {
  font-weight: bold;
}

sub {
  font-size: smaller;
}

/*** body ***/
body {
  font-family: "IBM Plex Sans JP", "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo", verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  color: #333;
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
}

@font-face {
  font-family: 'Ropa Sans';
  src: url(../fonts/RopaSans-Regular.ttf) format("opentype");
  font-family: 'IBM Plex Sans JP';
  src: url(../fonts/IBMPlexSansJP-Regular.ttf) format("opentype");
}
img {
  border: 0;
  vertical-align: bottom;
}

a {
  cursor: pointer;
}
a:link {
  color: #333;
  text-decoration: underline;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover, a:focus {
  color: #0f5274;
  text-decoration: underline;
}

/*** layout ***/
html {
  height: 100%;
}

body, body > .ccm-page {
  display: flex;
  flex-direction: column;
  height: 100%;
}

#contents {
  flex: 1;
}

/*** header ***/
#header #header-site a {
  display: inline-block;
}
#header #header-site img {
  max-width: 100%;
  height: auto;
}
#header #header-nav #mainNav ul li a {
  color: #333;
  text-decoration: none;
  padding: 0.3em 0.1em;
}
#header #header-nav #mainNav ul li a:hover {
  color: #c8002f;
  border-bottom: #c8002f solid 2px;
}
#header #header-nav #mainNav ul li.current a, #header #header-nav #mainNav ul li.nav-selected a {
  color: #c8002f;
  border-bottom: #c8002f solid 2px;
}

@media only screen and (min-width: 1200px) {
  #header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 15px 20px;
  }
  #header #header-site {
    max-width: 650px;
    width: 40%;
  }
  #header #header-nav {
    margin-left: auto;
  }
  #header #header-nav .chiba-logo {
    height: 36px;
    padding-bottom: 20px;
    margin-left: auto;
    text-align: right;
  }
  #header #header-nav .chiba-logo img {
    max-height: 100%;
    width: auto;
  }
  #header #header-nav #menu-btn {
    display: none;
  }
  #header #header-nav #mainNav ul {
    display: flex;
  }
  #header #header-nav #mainNav ul li {
    font-size: clamp(1.2rem, 1.1vw, 1.6rem);
    margin: 0 0.9em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #header {
    padding: 30px;
    position: relative;
  }
  #header #header-site {
    max-width: 650px;
    margin-bottom: 40px;
  }
  #header #header-nav {
    width: 100%;
  }
  #header #header-nav .chiba-logo {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 30px;
    padding-bottom: 20px;
    margin-left: auto;
    text-align: right;
  }
  #header #header-nav .chiba-logo img {
    max-height: 100%;
    width: auto;
  }
  #header #header-nav #menu-btn {
    display: none;
  }
  #header #header-nav #mainNav ul {
    display: flex;
    justify-content: space-around;
  }
  #header #header-nav #mainNav ul li {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  #header #header-site {
    min-height: 60px;
    box-sizing: border-box;
    padding: 10px 70px 10px 2%;
  }
  #header #header-nav .chiba-logo {
    height: 20px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: 3%;
    text-align: right;
  }
  #header #header-nav .chiba-logo img {
    max-height: 100%;
    width: auto;
  }
  #header #header-nav #menu-btn {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
    box-sizing: border-box;
    transition: background 0.5s;
  }
  #header #header-nav #menu-btn i {
    color: #c8002f;
    font-style: normal;
    display: none;
    text-align: center;
    padding-top: 8px;
    font-size: 11px;
  }
  #header #header-nav #menu-btn:before, #header #header-nav #menu-btn:after {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    background: #c8002f;
    position: absolute;
    transform: rotate(0deg);
    transition: all 0.3s !important;
    -webkit-transform: rotate(0deg);
    -webkit-transition: all 0.3s !important;
    left: 50%;
    top: 0;
    transform-origin: 50% 50%;
  }
  #header #header-nav #menu-btn:before {
    transform: translate(-50%, 25px);
    -webkit-transform: translate(-50%, 25px);
  }
  #header #header-nav #menu-btn:after {
    transform: translate(-50%, 35x);
    -webkit-transform: translate(-50%, 35px);
  }
  #header #header-nav #menu-btn.open:before {
    transform: translate(-50%, 30px) rotate(45deg);
    -webkit-transform: translate(-50%, 30px) rotate(45deg);
  }
  #header #header-nav #menu-btn.open:after {
    transform: translate(-50%, 30px) rotate(-45deg);
    -webkit-transform: translate(-50%, 30px) rotate(-45deg);
  }
  #header #header-nav #mainNav {
    position: fixed;
    top: 60px;
    width: 100%;
    z-index: 1000;
    display: none;
  }
  #header #header-nav #mainNav ul {
    background-color: #ffffff;
  }
  #header #header-nav #mainNav ul li {
    font-size: 1.6rem;
  }
  #header #header-nav #mainNav ul li a {
    display: block;
    border-bottom: #cccccc solid 2px;
    padding: 0.8em 2%;
  }
  #header #header-nav #mainNav.open {
    display: block;
    animation: appear .6s ease;
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes disappear {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*** footer ***/
#footer {
  z-index: 12;
  display: flex;
  justify-content: space-around;
  align-items: center;
  position: static;
}
#footer #footer-site {
  max-width: 650px;
  width: 60%;
  padding: 60px 15px 20px;
  box-sizing: border-box;
}
#footer #footer-site img {
  max-width: 100%;
  height: auto;
}
#footer .footer-link {
  width: 40%;
  background: linear-gradient(90deg, #009cc8 0%, #7aa3da 100%);
  margin-left: auto;
}
#footer .footer-link .footer-link-list {
  border-bottom: #ffffff 1px solid;
}
#footer .footer-link .footer-link-list ul {
  padding: 30px 30px 100px;
}
#footer .footer-link .footer-link-list ul li {
  font-size: clamp(1.2rem, 1.1vw, 1.4rem);
  display: inline-block;
  margin-right: 5em;
}
#footer .footer-link .footer-link-list ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footer .footer-link p {
  text-align: right;
  color: #ffffff;
  font-size: clamp(1.1rem, 1.1vw, 1.3rem);
  padding: 10px 30px;
}

@media only screen and (min-width: 1200px) {
  body.top #footer {
    margin-top: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  body.top #footer {
    margin-top: -30px;
  }

  #footer {
    margin-top: -30px;
  }
  #footer .footer-link .footer-link-list ul {
    padding: 20px 5% 50px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
    display: block;
  }
  #footer #footer-site {
    width: 100%;
    padding: 20px 3%;
  }
  #footer .footer-link {
    width: 100%;
  }
  #footer .footer-link .footer-link-list ul {
    padding: 30px 3%;
  }
  #footer .footer-link p {
    text-align: center;
  }
}
/***************** svg *****************/
@media only screen and (min-width: 1200px) {
  #header #header-site {
    min-height: 60px;
    box-sizing: border-box;
  }
  #header #header-nav #mainNav li:first-child a {
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 85 85'%3E%3Cpath fill='%23333333' d='M42.4 3.6.8 33.4v51h32.7V57.1h17.7v27.3h32.7v-51z'/%3E%3C/svg%3E") no-repeat 50% 100%;
    background-position: center 20%;
    width: 12px;
    height: 12px;
    min-height: 1.0em;
    min-width: 1.0em;
    text-indent: 200%;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: #ffffff solid 2px;
  }
  #header #header-nav #mainNav li:first-child a:hover {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 85 85'%3E%3Cpath fill='%23c8002f' d='M42.4 3.6.8 33.4v51h32.7V57.1h17.7v27.3h32.7v-51z'/%3E%3C/svg%3E") no-repeat 50% 100%;
    background-position: center 20%;
  }
  #header #header-nav #mainNav li:first-child.current a, #header #header-nav #mainNav li:first-child.nav-selected a {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 85 85'%3E%3Cpath fill='%23c8002f' d='M42.4 3.6.8 33.4v51h32.7V57.1h17.7v27.3h32.7v-51z'/%3E%3C/svg%3E") no-repeat 50% 100%;
    background-position: center 20%;
  }
}
#pageTtl .breadcrumb ul li:first-child a {
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 85 85'%3E%3Cpath fill='%23333333' d='M42.4 3.6.8 33.4v51h32.7V57.1h17.7v27.3h32.7v-51z'/%3E%3C/svg%3E") no-repeat 50% 100%;
  background-position: center 20%;
  height: 12px;
  min-height: 1.0em;
  min-width: 1.0em;
  text-indent: 300%;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 1.5em;
}
#pageTtl .breadcrumb ul li:first-child a:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 85 85'%3E%3Cpath fill='%23c8002f' d='M42.4 3.6.8 33.4v51h32.7V57.1h17.7v27.3h32.7v-51z'/%3E%3C/svg%3E") no-repeat 50% 100%;
  background-position: center 20%;
}

#portal #portal-user .portal-user-attending .attending-system a {
  vertical-align: middle;
}
#portal #portal-user .portal-user-attending .attending-system a:before {
  background-repeat: no-repeat;
  background: url("data:image/svg+xml,%0A%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 85 85' style='enable-background:new 0 0 85 85;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M64.1,37.8V21c0-2.5-2-4.6-4.5-4.6H14.5C12,16.4,10,18.5,10,21v3.7L2.6,24C1.9,24,1.3,24.4,1,25 c-0.3,0.6-0.1,1.4,0.5,1.8l8.5,7v3.9c0,2.5,2,4.6,4.5,4.6h45.1C62.1,42.4,64.1,40.3,64.1,37.8z M13.2,37.8v-4.6 c0-0.5-0.2-0.9-0.6-1.2l-5.1-4.2l3.9,0.4c0.5,0,0.9-0.1,1.2-0.4c0.3-0.3,0.5-0.7,0.5-1.2V21c0-0.8,0.6-1.4,1.3-1.4h45.1 c0.7,0,1.3,0.6,1.3,1.4v16.7c0,0.8-0.6,1.4-1.3,1.4H14.5C13.8,39.2,13.2,38.6,13.2,37.8z'/%3E%3Cpath fill='%23ffffff' d='M53.7,25.1H20.1c-0.9,0-1.6,0.7-1.6,1.6c0,0.9,0.7,1.6,1.6,1.6h33.6c0.9,0,1.6-0.7,1.6-1.6 C55.3,25.8,54.6,25.1,53.7,25.1z'/%3E%3Cpath fill='%23ffffff' d='M53.7,31.4H20.1c-0.9,0-1.6,0.7-1.6,1.6c0,0.9,0.7,1.6,1.6,1.6h33.6c0.9,0,1.6-0.7,1.6-1.6 C55.3,32.1,54.6,31.4,53.7,31.4z'/%3E%3Cpath fill='%23ffffff' d='M83.7,60.7l-9.4-5.8V51c0-2.3-1.9-4.2-4.2-4.2H29.4c-2.3,0-4.2,1.9-4.2,4.2v14.8c0,2.3,1.9,4.2,4.2,4.2h40.7 c2.3,0,4.2-1.9,4.2-4.2v-2.4l8.5,0.3c0.8,0.1,1.4-0.4,1.6-1.1C84.6,61.9,84.4,61.1,83.7,60.7z M72.8,60.1c-0.4,0-0.9,0.1-1.2,0.4 c-0.3,0.3-0.5,0.7-0.5,1.1v4.1c0,0.6-0.5,1-1,1H29.4c-0.6,0-1-0.5-1-1V51c0-0.6,0.5-1,1-1h40.7c0.6,0,1,0.5,1,1v4.8 c0,0.6,0.3,1.1,0.8,1.4l5,3.1L72.8,60.1z'/%3E%3Cpath fill='%23ffffff' d='M65.1,54H34.7c-0.9,0-1.6,0.7-1.6,1.6c0,0.9,0.7,1.6,1.6,1.6h30.3c0.9,0,1.6-0.7,1.6-1.6 C66.7,54.7,65.9,54,65.1,54z'/%3E%3Cpath fill='%23ffffff' d='M65.1,59.5H34.7c-0.9,0-1.6,0.7-1.6,1.6c0,0.9,0.7,1.6,1.6,1.6h30.3c0.9,0,1.6-0.7,1.6-1.6 C66.7,60.2,65.9,59.5,65.1,59.5z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat 50% 50%;
  display: inline-block;
  content: '';
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 1.2em;
}

#portal #portal-user .portal-user-patients .patients-system a {
  vertical-align: middle;
}
#portal #portal-user .portal-user-patients .patients-system a:before {
  background-repeat: no-repeat;
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 85 85' style='enable-background:new 0 0 85 85;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23ffffff' d='M78.3,48.8L70,31.3c-0.3-0.6-1-1-1.7-1h-4.1c-1,0-1.8,0.8-1.8,1.8c0,1,0.8,1.8,1.8,1.8h2.9l6.7,14H12.2 l6.9-14.1c0.7-0.3,1.2-0.9,1.2-1.7c0-1-0.8-1.8-1.8-1.8h-0.5c-0.7,0-1.3,0.4-1.7,1L7.7,48.8c0,0.1,0,0.2-0.1,0.2c0,0,0,0.1,0,0.1 c0,0.2-0.1,0.3-0.1,0.5c0,0.1,0,0.1,0,0.2v32.1c0,1,0.8,1.8,1.8,1.8h67.4c1,0,1.8-0.8,1.8-1.8V49.8c0,0,0,0,0,0 C78.5,49.4,78.5,49.1,78.3,48.8z M74.8,80H11.1V51.6h63.7V80z'/%3E%3Cpath fill='%23ffffff' d='M25.3,41.6h35.4c0.7,0,1.4-0.4,1.7-1.1c0.3-0.7,0.1-1.5-0.4-2l-0.8-0.8c-0.3-0.3-0.8-0.5-1.3-0.5c0,0,0,0,0,0 l-6.4,0l15.5-15.5c0.7-0.7,0.7-1.9,0-2.6L52,2.2c-0.3-0.3-0.8-0.5-1.3-0.5c-0.5,0-1,0.2-1.3,0.5L24.9,26.6c-0.7,0.7-0.7,1.9,0,2.6 l8.1,8.1l-7.1,0c-0.5,0-1,0.2-1.3,0.5L24,38.5c-0.5,0.5-0.7,1.3-0.4,2C23.9,41.2,24.5,41.6,25.3,41.6z M37.8,36.8l-8.9-8.9 L50.7,6.1L65,20.4L48.2,37.2l-10.1,0C38,37.1,37.9,36.9,37.8,36.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
  display: inline-block;
  content: '';
  width: 24px;
  height: 30px;
  vertical-align: middle;
  margin-right: 1.2em;
}

body.patients #footer-fixed.patients a {
  vertical-align: middle;
}
body.patients #footer-fixed.patients a:before {
  background-repeat: no-repeat;
  background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 85 85' style='enable-background:new 0 0 85 85;' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23e8689e' d='M78.3,48.8L70,31.3c-0.3-0.6-1-1-1.7-1h-4.1c-1,0-1.8,0.8-1.8,1.8c0,1,0.8,1.8,1.8,1.8h2.9l6.7,14H12.2 l6.9-14.1c0.7-0.3,1.2-0.9,1.2-1.7c0-1-0.8-1.8-1.8-1.8h-0.5c-0.7,0-1.3,0.4-1.7,1L7.7,48.8c0,0.1,0,0.2-0.1,0.2c0,0,0,0.1,0,0.1 c0,0.2-0.1,0.3-0.1,0.5c0,0.1,0,0.1,0,0.2v32.1c0,1,0.8,1.8,1.8,1.8h67.4c1,0,1.8-0.8,1.8-1.8V49.8c0,0,0,0,0,0 C78.5,49.4,78.5,49.1,78.3,48.8z M74.8,80H11.1V51.6h63.7V80z'/%3E%3Cpath fill='%23e8689e' d='M25.3,41.6h35.4c0.7,0,1.4-0.4,1.7-1.1c0.3-0.7,0.1-1.5-0.4-2l-0.8-0.8c-0.3-0.3-0.8-0.5-1.3-0.5c0,0,0,0,0,0 l-6.4,0l15.5-15.5c0.7-0.7,0.7-1.9,0-2.6L52,2.2c-0.3-0.3-0.8-0.5-1.3-0.5c-0.5,0-1,0.2-1.3,0.5L24.9,26.6c-0.7,0.7-0.7,1.9,0,2.6 l8.1,8.1l-7.1,0c-0.5,0-1,0.2-1.3,0.5L24,38.5c-0.5,0.5-0.7,1.3-0.4,2C23.9,41.2,24.5,41.6,25.3,41.6z M37.8,36.8l-8.9-8.9 L50.7,6.1L65,20.4L48.2,37.2l-10.1,0C38,37.1,37.9,36.9,37.8,36.8z'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50% 50%;
  display: inline-block;
  content: '';
  width: 36px;
  height: 40px;
  vertical-align: middle;
  margin-right: 1.2em;
}

.arrow a {
  position: relative;
  display: inline-block;
  padding-left: 2.4em;
  color: #0f5274;
  text-decoration: none;
}
.arrow a:hover {
  text-decoration: underline;
}
.arrow a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 15px;
  height: 1px;
  background: #0f5274;
  position: absolute;
  top: 11.5px;
  left: 0;
}
.arrow a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #0f5274;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 12px;
  left: 8px;
  box-sizing: border-box;
}

#footer .footer-link .footer-link-list ul li a {
  position: relative;
  display: inline-block;
  padding-left: 2.4em;
}
#footer .footer-link .footer-link-list ul li a:hover {
  text-decoration: underline;
}
#footer .footer-link .footer-link-list ul li a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 15px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 11.5px;
  left: 0;
}
#footer .footer-link .footer-link-list ul li a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #ffffff;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 12px;
  left: 8px;
  box-sizing: border-box;
}

#portal #portal-user .portal-user-patients .patients-page a,
#portal #portal-user .portal-user-attending .attending-page a {
  position: relative;
  display: inline-block;
  padding-left: 2.4em;
  color: #0f5274;
}
#portal #portal-user .portal-user-patients .patients-page a:before,
#portal #portal-user .portal-user-attending .attending-page a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 1.5em;
  height: 1px;
  background: #0f5274;
  position: absolute;
  top: 31.5px;
  right: 5%;
}
#portal #portal-user .portal-user-patients .patients-page a:after,
#portal #portal-user .portal-user-attending .attending-page a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #0f5274;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 32px;
  right: 5%;
  box-sizing: border-box;
}
#portal #portal-user .portal-user-patients .patients-page a:hover:before,
#portal #portal-user .portal-user-attending .attending-page a:hover:before {
  transform: translateX(10px);
  transition: all 0.5s;
}
#portal #portal-user .portal-user-patients .patients-page a:hover:after,
#portal #portal-user .portal-user-attending .attending-page a:hover:after {
  transform: translateX(10px) rotate(45deg);
  transition: all 0.5s;
}

.defBtn a {
  background-color: #0f5274;
  position: relative;
  display: inline-block;
  padding: 0.4em 2em;
  padding-right: 3em;
  font-size: 1.6rem;
  text-decoration: none;
  color: #ffffff;
  box-sizing: border-box;
}
.defBtn a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 1.5em;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}
.defBtn a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #ffffff;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: 10%;
  box-sizing: border-box;
}
.defBtn a:hover {
  background: linear-gradient(90deg, #009cc8 0%, #7aa3da 100%);
}
.defBtn a:hover:before {
  transform: translateX(10px);
  transition: all 0.5s;
}
.defBtn a:hover:after {
  transform: translateX(10px) rotate(45deg);
  transition: all 0.5s;
}

.boxCenter {
  text-align: center;
  padding: 30px 0;
}
.boxCenter .defBtn a {
  padding: 0.4em 6em;
}

#contents .linkButton a {
  background-color: #0f5274;
  position: relative;
  display: inline-block;
  padding: 0.4em 2em;
  padding-right: 6em;
  font-size: 1.6rem;
  text-decoration: none;
  color: #ffffff;
  box-sizing: border-box;
}
#contents .linkButton a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 1.5em;
  height: 1px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: 10%;
  transform: translateY(-50%);
}
#contents .linkButton a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #ffffff;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: 10%;
  box-sizing: border-box;
}
#contents .linkButton a:hover {
  background: linear-gradient(90deg, #009cc8 0%, #7aa3da 100%);
}
#contents .linkButton a:hover:before {
  transform: translateX(10px);
  transition: all 0.5s;
}
#contents .linkButton a:hover:after {
  transform: translateX(10px) rotate(45deg);
  transition: all 0.5s;
}
#contents .linkButton.pink a {
  background-color: #e8689e;
}
#contents .linkText a {
  position: relative;
  display: inline-block;
  padding-left: 2.4em;
  color: #0f5274;
  text-decoration: none;
}
#contents .linkText a:hover {
  text-decoration: underline;
}
#contents .linkText a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 15px;
  height: 1px;
  background: #0f5274;
  position: absolute;
  top: 11.5px;
  left: 0;
  margin-top: 0.2em;
}
#contents .linkText a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #0f5274;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 12px;
  left: 8px;
  box-sizing: border-box;
  margin-top: 0.2em;
}

#link-area p.linkText a {
  position: relative;
  display: inline-block;
  padding-left: 2.4em;
  color: #0f5274;
  text-decoration: none;
}
#link-area p.linkText a:hover {
  text-decoration: underline;
}
#link-area p.linkText a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  width: 18px;
  height: 1px;
  background: #0f5274;
  position: absolute;
  top: 11.5px;
  left: 0;
}
#link-area p.linkText a:after {
  content: '';
  width: 0.6em;
  height: 0.6em;
  border: 1px solid #0f5274;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 12px;
  left: 10px;
  box-sizing: border-box;
}

#contents p.linkText a[target="_blank"] {
  position: static;
  display: inline-block;
  padding-left: 0;
  text-decoration: none;
}
#contents p.linkText a[target="_blank"]:before {
  content: none;
}
#contents p.linkText a[target="_blank"]:after {
  content: '';
  width: auto;
  height: auto;
  border: none;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(0);
  position: static;
  box-sizing: border-box;
  margin-top: 0;
}
#contents p a[target="_blank"]:after,
#contents p.linkText a[target="_blank"]:after {
  background-repeat: no-repeat;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 552.09 554.75'%3E%3Cpath fill='%230f5274' d='M559.91,482.48H83.64V6.2H559.91Zm-444.27-32H527.91V38.2H115.64Z' transform='translate(-7.82 -6.2)'/%3E%3Cpolygon fill='%230f5274' points='460.27 554.75 0 554.75 0 94.48 32 94.48 32 522.75 460.27 522.75 460.27 554.75'/%3E%3Cpolygon fill='%230f5274' points='232.82 130.35 232.82 162.35 364.45 162.35 213.52 313.28 236.15 335.91 384.42 187.64 384.42 313.96 416.42 313.96 416.42 130.35 232.82 130.35'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}
#contents p.linkButton a[target="_blank"] {
  padding-right: 2em;
}
#contents p.linkButton a[target="_blank"]:before {
  content: none;
}
#contents p.linkButton a[target="_blank"]:after {
  content: auto;
  width: auto;
  height: 0.6em;
  border: none;
  transform: rotate(0);
  position: static;
}
#contents p.linkButton a[target="_blank"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 552.09 554.75'%3E%3Cpath fill='%23ffffff' d='M559.91,482.48H83.64V6.2H559.91Zm-444.27-32H527.91V38.2H115.64Z' transform='translate(-7.82 -6.2)'/%3E%3Cpolygon fill='%23ffffff' points='460.27 554.75 0 554.75 0 94.48 32 94.48 32 522.75 460.27 522.75 460.27 554.75'/%3E%3Cpolygon fill='%23ffffff' points='232.82 130.35 232.82 162.35 364.45 162.35 213.52 313.28 236.15 335.91 384.42 187.64 384.42 313.96 416.42 313.96 416.42 130.35 232.82 130.35'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}

#contents p.linkText a[href$=".pdf"] {
  position: static;
  display: inline-block;
  padding-left: 0;
  text-decoration: none;
}
#contents p.linkText a[href$=".pdf"]:before {
  content: none;
}
#contents p.linkText a[href$=".pdf"]:after {
  content: '';
  width: auto;
  height: auto;
  border: none;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(0);
  position: static;
  box-sizing: border-box;
  margin-top: 0;
}
#contents p a[href$=".pdf"]:after,
#contents p.linkText a[href$=".pdf"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.16 561.33'%3E%3Cpath fill='%230f5274' d='M466.81,326.71c-7.49-7.36-24.07-11.28-49.33-11.61-17.09-.19-37.66,1.32-59.29,4.35-9.68-5.59-19.68-11.66-27.51-19-21.08-19.68-38.68-47-49.66-77.07.72-2.81,1.32-5.28,1.9-7.79,0,0,11.87-67.47,8.73-90.27a26.39,26.39,0,0,0-1.54-6.47l-1-2.65c-3.23-7.46-9.56-15.35-19.49-14.91l-6-.2c-11.07,0-20.11,5.67-22.48,14.13-7.21,26.55.23,66.27,13.7,117.72l-3.45,8.38c-9.65,23.51-21.72,47.17-32.38,68.06l-1.39,2.72c-11.21,21.95-21.4,40.57-30.61,56.36l-9.52,5c-.71.37-17,9-20.84,11.31-32.49,19.4-54,41.42-57.57,58.89-1.14,5.58-.3,12.72,5.49,16l9.21,4.63a27.73,27.73,0,0,0,12.52,3c23.14,0,50-28.82,87-93.39a865.21,865.21,0,0,1,134-31.84c32.49,18.3,72.43,31,97.65,31a45.2,45.2,0,0,0,11.48-1.26,19.54,19.54,0,0,0,11.4-7.79c4.89-7.37,5.88-17.51,4.56-27.89-.4-3.09-2.86-6.9-5.53-9.49ZM121.26,449.82c4.22-11.54,20.91-34.35,45.6-54.57,1.55-1.26,5.37-4.84,8.88-8.18C149.92,428.26,132.62,444.66,121.26,449.82ZM267.5,113c7.44,0,11.66,18.75,12,36.31s-3.76,29.91-8.86,39c-4.23-13.51-6.27-34.8-6.27-48.73,0,0-.31-26.61,3.11-26.61ZM223.87,353c5.18-9.28,10.58-19.05,16.09-29.41A560.54,560.54,0,0,0,268.18,262c12.56,22.85,28.21,42.27,46.59,57.83q3.45,2.92,7.28,5.84c-37.39,7.41-69.71,16.4-98.16,27.33h0Zm235.74-2.1c-2.28,1.42-8.8,2.24-13,2.24-13.55,0-30.3-6.19-53.79-16.26,9-.66,17.3-1,24.72-1,13.58,0,17.61-.05,30.89,3.34s13.45,10.26,11.17,11.7h0Z' transform='translate(-40.32 -3.58)'/%3E%3Cpath fill='%230f5274' d='M508.34,129.16c-12.17-16.61-29.15-36-47.78-54.66S422.51,38.89,405.9,26.72C377.63,6,363.93,3.58,356.07,3.58H84.17A43.9,43.9,0,0,0,40.32,47.43V521.06a43.9,43.9,0,0,0,43.85,43.85H487.63a43.91,43.91,0,0,0,43.85-43.85V179c0-7.86-2.4-21.58-23.14-49.84ZM435.76,99.3a480.84,480.84,0,0,1,39.78,44.61H391.15V59.52A479.55,479.55,0,0,1,435.76,99.3ZM496.4,521.06a8.89,8.89,0,0,1-8.77,8.77H84.17a8.89,8.89,0,0,1-8.77-8.77V47.43a8.89,8.89,0,0,1,8.77-8.77h271.9V161.45A17.55,17.55,0,0,0,373.61,179H496.4Z' transform='translate(-40.32 -3.58)'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}
#contents p.linkButton a[href$=".pdf"]:before {
  content: none;
}
#contents p.linkButton a[href$=".pdf"]:after {
  content: auto;
  width: auto;
  height: 0.6em;
  border: none;
  transform: rotate(0);
  position: static;
}
#contents p.linkButton a[href$=".pdf"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.16 561.33'%3E%3Cpath fill='%23ffffff' d='M466.81,326.71c-7.49-7.36-24.07-11.28-49.33-11.61-17.09-.19-37.66,1.32-59.29,4.35-9.68-5.59-19.68-11.66-27.51-19-21.08-19.68-38.68-47-49.66-77.07.72-2.81,1.32-5.28,1.9-7.79,0,0,11.87-67.47,8.73-90.27a26.39,26.39,0,0,0-1.54-6.47l-1-2.65c-3.23-7.46-9.56-15.35-19.49-14.91l-6-.2c-11.07,0-20.11,5.67-22.48,14.13-7.21,26.55.23,66.27,13.7,117.72l-3.45,8.38c-9.65,23.51-21.72,47.17-32.38,68.06l-1.39,2.72c-11.21,21.95-21.4,40.57-30.61,56.36l-9.52,5c-.71.37-17,9-20.84,11.31-32.49,19.4-54,41.42-57.57,58.89-1.14,5.58-.3,12.72,5.49,16l9.21,4.63a27.73,27.73,0,0,0,12.52,3c23.14,0,50-28.82,87-93.39a865.21,865.21,0,0,1,134-31.84c32.49,18.3,72.43,31,97.65,31a45.2,45.2,0,0,0,11.48-1.26,19.54,19.54,0,0,0,11.4-7.79c4.89-7.37,5.88-17.51,4.56-27.89-.4-3.09-2.86-6.9-5.53-9.49ZM121.26,449.82c4.22-11.54,20.91-34.35,45.6-54.57,1.55-1.26,5.37-4.84,8.88-8.18C149.92,428.26,132.62,444.66,121.26,449.82ZM267.5,113c7.44,0,11.66,18.75,12,36.31s-3.76,29.91-8.86,39c-4.23-13.51-6.27-34.8-6.27-48.73,0,0-.31-26.61,3.11-26.61ZM223.87,353c5.18-9.28,10.58-19.05,16.09-29.41A560.54,560.54,0,0,0,268.18,262c12.56,22.85,28.21,42.27,46.59,57.83q3.45,2.92,7.28,5.84c-37.39,7.41-69.71,16.4-98.16,27.33h0Zm235.74-2.1c-2.28,1.42-8.8,2.24-13,2.24-13.55,0-30.3-6.19-53.79-16.26,9-.66,17.3-1,24.72-1,13.58,0,17.61-.05,30.89,3.34s13.45,10.26,11.17,11.7h0Z' transform='translate(-40.32 -3.58)'/%3E%3Cpath fill='%23ffffff' d='M508.34,129.16c-12.17-16.61-29.15-36-47.78-54.66S422.51,38.89,405.9,26.72C377.63,6,363.93,3.58,356.07,3.58H84.17A43.9,43.9,0,0,0,40.32,47.43V521.06a43.9,43.9,0,0,0,43.85,43.85H487.63a43.91,43.91,0,0,0,43.85-43.85V179c0-7.86-2.4-21.58-23.14-49.84ZM435.76,99.3a480.84,480.84,0,0,1,39.78,44.61H391.15V59.52A479.55,479.55,0,0,1,435.76,99.3ZM496.4,521.06a8.89,8.89,0,0,1-8.77,8.77H84.17a8.89,8.89,0,0,1-8.77-8.77V47.43a8.89,8.89,0,0,1,8.77-8.77h271.9V161.45A17.55,17.55,0,0,0,373.61,179H496.4Z' transform='translate(-40.32 -3.58)'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}

#contents p.linkText a[href$=".xls"],
#contents p a[href$=".xlsx"] {
  position: static;
  display: inline-block;
  padding-left: 0;
  text-decoration: none;
}
#contents p.linkText a[href$=".xls"]:before,
#contents p a[href$=".xlsx"]:before {
  content: none;
}
#contents p.linkText a[href$=".xls"]:after,
#contents p a[href$=".xlsx"]:after {
  content: '';
  width: auto;
  height: auto;
  border: none;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(0);
  position: static;
  box-sizing: border-box;
  margin-top: 0;
}
#contents p a[href$=".xls"]:after,
#contents p a[href$=".xlsx"]:after,
#contents p.linkText a[href$=".xls"]:after,
#contents p.linkText a[href$=".xlsx"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.12 558.99'%3E%3Cpath fill='%230f5274' d='M412,214.37H338.17l-52.27,77-52.26-77H159.78l88.53,132.36L148.42,493.87H285.9v-50H258.53l27.37-40.94,60.81,90.92h76.67L323.49,346.71,412,214.35Z' transform='translate(-41.34 -4.75)'/%3E%3Cpath fill='%230f5274' d='M507.42,129.81c-12.13-16.55-29-35.87-47.59-54.43S421.94,39.91,405.4,27.79c-28.16-20.65-41.8-23-49.63-23H85A43.72,43.72,0,0,0,41.34,48.42V520.07A43.72,43.72,0,0,0,85,563.74H486.79a43.73,43.73,0,0,0,43.67-43.67V179.43c0-7.82-2.39-21.48-23-49.62Zm-72.29-29.73a476.06,476.06,0,0,1,39.62,44.42h-84v-84a476.06,476.06,0,0,1,44.42,39.62Zm60.39,420a8.85,8.85,0,0,1-8.73,8.73H85a8.85,8.85,0,0,1-8.73-8.73V48.42A8.85,8.85,0,0,1,85,39.69H355.77V162a17.47,17.47,0,0,0,17.47,17.46H495.52Z' transform='translate(-41.34 -4.75)'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}
#contents p.linkButton a[href$=".xls"],
#contents p.linkButton a[href$=".xlsx"] {
  padding-right: 2em;
}
#contents p.linkButton a[href$=".xls"]:before,
#contents p.linkButton a[href$=".xlsx"]:before {
  content: none;
}
#contents p.linkButton a[href$=".xls"]:after,
#contents p.linkButton a[href$=".xlsx"]:after {
  content: auto;
  width: auto;
  height: 0.6em;
  border: none;
  transform: rotate(0);
  position: static;
}
#contents p.linkButton a[href$=".xls"]:after,
#contents p.linkButton a[href$=".xlsx"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.12 558.99'%3E%3Cpath fill='%23ffffff' d='M412,214.37H338.17l-52.27,77-52.26-77H159.78l88.53,132.36L148.42,493.87H285.9v-50H258.53l27.37-40.94,60.81,90.92h76.67L323.49,346.71,412,214.35Z' transform='translate(-41.34 -4.75)'/%3E%3Cpath fill='%23ffffff' d='M507.42,129.81c-12.13-16.55-29-35.87-47.59-54.43S421.94,39.91,405.4,27.79c-28.16-20.65-41.8-23-49.63-23H85A43.72,43.72,0,0,0,41.34,48.42V520.07A43.72,43.72,0,0,0,85,563.74H486.79a43.73,43.73,0,0,0,43.67-43.67V179.43c0-7.82-2.39-21.48-23-49.62Zm-72.29-29.73a476.06,476.06,0,0,1,39.62,44.42h-84v-84a476.06,476.06,0,0,1,44.42,39.62Zm60.39,420a8.85,8.85,0,0,1-8.73,8.73H85a8.85,8.85,0,0,1-8.73-8.73V48.42A8.85,8.85,0,0,1,85,39.69H355.77V162a17.47,17.47,0,0,0,17.47,17.46H495.52Z' transform='translate(-41.34 -4.75)'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}

#contents p.linkText a[href$=".doc"],
#contents p.linkText a[href$=".docx"] {
  position: static;
  display: inline-block;
  padding-left: 0;
  text-decoration: none;
}
#contents p.linkText a[href$=".doc"]:before,
#contents p.linkText a[href$=".docx"]:before {
  content: none;
}
#contents p.linkText a[href$=".doc"]:after,
#contents p.linkText a[href$=".docx"]:after {
  content: '';
  width: auto;
  height: auto;
  border: none;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(0);
  position: static;
  box-sizing: border-box;
  margin-top: 0;
}
#contents p a[href$=".doc"]:after,
#contents p a[href$=".docx"]:after,
#contents p.linkText a[href$=".docx"]:after,
#contents p.linkText a[href$=".doc"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.12 558.99'%3E%3Cpath fill='%230f5274' d='M380.35,262.24C347.23,246.6,305,243.44,274,265.54c37.75-3.6,79.13,2.63,106.51,31.18,26.2-30.07,67.76-35.71,105.33-32.62-31.37-20.82-72.72-18-105.47-1.86Zm-13.42,73.19c-37.33-.86-73.38,12.64-104.32,32.8-58.5-24.89-132.5-20.26-182.33,21.28,14.37-.51,28.38-4.07,42.6-5.89,52-5.17,107.31,7.72,146.58,43.57a158.15,158.15,0,0,1,65.31-54.55C369.2,356,408,354.24,445.49,353.79c-22.76-15.64-51.66-18.54-78.58-18.38Z' transform='translate(-38.51 -4.75)'/%3E%3Cpath fill='%230f5274' d='M504.58,129.81c-12.12-16.55-29-35.87-47.58-54.43s-37.89-35.47-54.43-47.59c-28.16-20.65-41.8-23-49.63-23H82.18A43.72,43.72,0,0,0,38.51,48.42V520.07a43.72,43.72,0,0,0,43.67,43.67H484a43.73,43.73,0,0,0,43.67-43.67V179.43c0-7.82-2.39-21.48-23-49.62ZM432.3,100.08a479,479,0,0,1,39.62,44.42h-84v-84a476.06,476.06,0,0,1,44.42,39.62Zm60.39,420A8.85,8.85,0,0,1,484,528.8H82.18a8.86,8.86,0,0,1-8.74-8.73V48.42a8.86,8.86,0,0,1,8.74-8.73H352.94V162a17.47,17.47,0,0,0,17.47,17.46H492.69Z' transform='translate(-38.51 -4.75)'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}
#contents p.linkButton a[href$=".doc"],
#contents p.linkButton a[href$=".docx"] {
  padding-right: 2em;
}
#contents p.linkButton a[href$=".doc"]:before,
#contents p.linkButton a[href$=".docx"]:before {
  content: none;
}
#contents p.linkButton a[href$=".doc"]:after,
#contents p.linkButton a[href$=".docx"]:after {
  content: auto;
  width: auto;
  height: 0.6em;
  border: none;
  transform: rotate(0);
  position: static;
}
#contents p.linkButton a[href$=".doc"]:after,
#contents p.linkButton a[href$=".docx"]:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489.12 558.99'%3E%3Cpath fill='%23ffffff' d='M380.35,262.24C347.23,246.6,305,243.44,274,265.54c37.75-3.6,79.13,2.63,106.51,31.18,26.2-30.07,67.76-35.71,105.33-32.62-31.37-20.82-72.72-18-105.47-1.86Zm-13.42,73.19c-37.33-.86-73.38,12.64-104.32,32.8-58.5-24.89-132.5-20.26-182.33,21.28,14.37-.51,28.38-4.07,42.6-5.89,52-5.17,107.31,7.72,146.58,43.57a158.15,158.15,0,0,1,65.31-54.55C369.2,356,408,354.24,445.49,353.79c-22.76-15.64-51.66-18.54-78.58-18.38Z' transform='translate(-38.51 -4.75)'/%3E%3Cpath fill='%23ffffff' d='M504.58,129.81c-12.12-16.55-29-35.87-47.58-54.43s-37.89-35.47-54.43-47.59c-28.16-20.65-41.8-23-49.63-23H82.18A43.72,43.72,0,0,0,38.51,48.42V520.07a43.72,43.72,0,0,0,43.67,43.67H484a43.73,43.73,0,0,0,43.67-43.67V179.43c0-7.82-2.39-21.48-23-49.62ZM432.3,100.08a479,479,0,0,1,39.62,44.42h-84v-84a476.06,476.06,0,0,1,44.42,39.62Zm60.39,420A8.85,8.85,0,0,1,484,528.8H82.18a8.86,8.86,0,0,1-8.74-8.73V48.42a8.86,8.86,0,0,1,8.74-8.73H352.94V162a17.47,17.47,0,0,0,17.47,17.46H492.69Z' transform='translate(-38.51 -4.75)'/%3E%3C/svg%3E") no-repeat 50% 100%;
  display: inline-block;
  content: '';
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 10px;
}

/***************** Top *****************/
#portal {
  display: flex;
  justify-content: space-between;
}
#portal #portal-user {
  width: 30%;
}
#portal #portal-mainimage {
  margin-left: auto;
  width: 65%;
}

@media only screen and (max-width: 767px) {
  #portal {
    display: block;
  }
  #portal #portal-user {
    width: 100%;
  }
  #portal #portal-mainimage {
    width: 100%;
  }
}
/***************** modal*****************/
.tingle-modal {
  padding-top: 40px;
  padding-bottom: 40px;
}

.tingle-modal-box {
  width: 850px;
  max-width: 90%;
  border-radius: 0;
}

.tingle-modal-box__content {
  padding: 0;
}

.tingle-modal__close {
  height: 45px;
  width: 48px;
  outline: none !important;
  background-color: rgba(0, 0, 0, 0.8);
}

/***************** user link *****************/
#portal #portal-user {
  text-align: center;
}
#portal #portal-user a {
  text-decoration: none;
  font-weight: bold;
}
#portal #portal-user .portal-user-patients {
  background: #a7ddec;
  background: linear-gradient(90deg, #a7ddec 0%, #eef8fb 100%);
}
#portal #portal-user .portal-user-patients .patients-page {
  font-size: 1.8rem;
  background: url(../images/bg_portal-patients.png) no-repeat 0 0;
  background-size: 150px auto;
}
#portal #portal-user .portal-user-patients .patients-page a {
  display: block;
  aspect-ratio: 2.2 / 1;
  color: #0f5274;
  padding: 1.0em 0.5em;
  box-sizing: border-box;
  background: url(../images/bg_portal-user-patients.png) no-repeat 50% bottom;
  background-size: auto 70%;
}
#portal #portal-user .portal-user-patients .patients-system {
  font-size: 1.4em;
}
#portal #portal-user .portal-user-patients .patients-system a {
  display: block;
  background-color: #e8689e;
  color: #ffffff;
  padding: 0.5em;
}
#portal #portal-user .portal-user-patients .patients-system a:hover {
  background: linear-gradient(90deg, #009cc8 0%, #7aa3da 100%);
}
#portal #portal-user .portal-user-attending {
  background: #a7ddec;
  background: linear-gradient(90deg, #a7ddec 0%, #eef8fb 100%);
}
#portal #portal-user .portal-user-attending .attending-page {
  font-size: 1.8rem;
  background: url(../images/bg_portal-attending.png) no-repeat 0 0;
  background-size: 150px auto;
}
#portal #portal-user .portal-user-attending .attending-page a {
  display: block;
  aspect-ratio: 2.2 / 1;
  color: #0f5274;
  padding: 1.0em 0.5em;
  box-sizing: border-box;
  background: url(../images/bg_portal-user-attending.png) no-repeat 50% bottom;
  background-size: auto 70%;
}
#portal #portal-user .portal-user-attending .attending-system {
  font-size: 1.4em;
  /*
  display: block;
  background-color: $purple;
  color: $white;
  padding: 0.5em;*/
}
#portal #portal-user .portal-user-attending .attending-system a {
  display: block;
  background-color: #6d47a1;
  color: #ffffff;
  padding: 0.5em;
}
#portal #portal-user .portal-user-attending .attending-system a:hover {
  background: linear-gradient(90deg, #009cc8 0%, #7aa3da 100%);
}

#portal #fllow {
  z-index: 100;
  transition: all 0.1s;
  animation: appear .6s ease;
}
#portal #fllow .close-btn i {
  display: none;
}
#portal #fllow.smallPopup {
  position: fixed;
  width: 20%;
  transition: all 0.1s;
}
#portal #fllow.smallPopup .close-btn {
  cursor: pointer;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: #0f5274;
  position: absolute;
  right: -30px;
  top: 0;
}
#portal #fllow.smallPopup .close-btn:before, #portal #fllow.smallPopup .close-btn:after {
  content: "";
  display: block;
  width: 16px;
  height: 1px;
  background: #ffffff;
  position: absolute;
  transform: rotate(0deg);
  transition: all 0.3s !important;
  -webkit-transform: rotate(0deg);
  -webkit-transition: all 0.3s !important;
  left: 22%;
  top: 50%;
}
#portal #fllow.smallPopup .close-btn:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
#portal #fllow.smallPopup .close-btn:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#portal #fllow.close {
  display: none;
  animation: appear .6s ease;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #portal #portal-user .portal-user-patients .patients-page {
    font-size: 1.6rem;
  }
  #portal #portal-user .portal-user-patients .patients-page a {
    background-size: auto 60%;
  }
  #portal #portal-user .portal-user-patients .patients-system {
    font-size: 1.2em;
  }
  #portal #portal-user .portal-user-attending .attending-page {
    font-size: 1.6rem;
  }
  #portal #portal-user .portal-user-attending .attending-page a {
    background-size: auto 60%;
  }
  #portal #portal-user .portal-user-attending .attending-system {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 767px) {
  #portal #portal-user {
    display: flex;
  }
  #portal #portal-user .portal-user-patients {
    width: 50%;
  }
  #portal #portal-user .portal-user-patients .patients-page {
    font-size: 1.4rem;
  }
  #portal #portal-user .portal-user-patients .patients-page a {
    padding: 0.5em;
    background-size: auto 60%;
  }
  #portal #portal-user .portal-user-patients .patients-system {
    font-size: 0.90em;
  }
  #portal #portal-user .portal-user-attending {
    width: 50%;
  }
  #portal #portal-user .portal-user-attending .attending-page {
    font-size: 1.4rem;
  }
  #portal #portal-user .portal-user-attending .attending-page a {
    padding: 0.5em;
    background-size: auto 60%;
  }
  #portal #portal-user .portal-user-attending .attending-system {
    font-size: 0.9em;
  }
}
/***************** mainimage *****************/
#portal #portal-mainimage {
  position: relative;
}
#portal #portal-mainimage .splide__slide img {
  max-width: 100%;
  height: auto;
}
#portal #portal-mainimage .lede {
  overflow: hidden;
  position: absolute;
  bottom: -30%;
  right: 0;
  width: 50%;
  max-width: 580px;
  padding-top: 50px;
}
#portal #portal-mainimage .lede img {
  max-width: 100%;
  height: auto;
}
#portal #portal-mainimage .lede:before {
  content: '';
  top: 0;
  right: -10%;
  position: absolute;
  width: 50%;
  height: 300px;
  background: url(../images/mainimage_lede_circle.png) no-repeat 0 0;
  background-size: 100% auto;
  animation: 100s linear infinite rotation1;
}

@keyframes rotation1 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
ul.splide__pagination {
  justify-content: left;
  margin-top: 20px;
}
ul.splide__pagination li {
  margin-right: 8px;
}
ul.splide__pagination li button {
  cursor: pointer;
  border: none;
  width: 60px;
  height: 6px;
  transition: 1s;
}
ul.splide__pagination li button.splide__pagination__page {
  background-color: #cccccc;
}
ul.splide__pagination li button.is-active {
  background-color: #009cc8;
}
ul.splide__pagination li button:hover {
  background-color: #009cc8;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #portal #portal-mainimage .lede:before {
    height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  #portal #portal-mainimage .lede {
    padding-top: 20px;
  }
  #portal #portal-mainimage .lede:before {
    height: 120px;
  }

  ul.splide__pagination {
    margin-left: 20px;
  }
  ul.splide__pagination li button {
    width: 30px;
    height: 4px;
  }
}
/***************** pickup *****************/
#information {
  background-color: #f6f6f6;
  text-align: center;
  margin-top: 60px;
}
#information #pickup {
  width: 80%;
  margin: auto;
  padding: 50px 0 100px;
}
#information #pickup .ttl {
  display: inline-block;
  font-family: 'Ropa Sans';
  color: #0f5274;
  font-size: clamp(3.6rem, 3vw, 4.6rem);
  line-height: 1.4em;
  text-align: left;
  padding-left: 30px;
  margin-bottom: 80px;
  position: relative;
}
#information #pickup .ttl span {
  font-family: 'IBM Plex Sans JP';
  font-size: 1.2rem;
  line-height: 1.0em;
  display: block;
  color: #009cc8;
}
#information #pickup .ttl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 9px;
  content: '';
  border-radius: 50%;
  background: #009cc8;
}
#information #pickup #pickup-wrp {
  display: flex;
  justify-content: space-between;
  text-align: left;
}
#information #pickup #pickup-wrp .box {
  width: 26%;
}
#information #pickup #pickup-wrp .box a {
  display: block;
  text-decoration: none;
}
#information #pickup #pickup-wrp .box a:hover .img img {
  transform: scale(1.05);
}
#information #pickup #pickup-wrp .box a:hover .txt {
  text-decoration: underline;
  transition: all 0.5s;
}
#information #pickup #pickup-wrp .box .img {
  position: relative;
}
#information #pickup #pickup-wrp .box .img img {
  transition: all 0.5s;
  max-width: 100%;
  height: auto;
}
#information #pickup #pickup-wrp .box .img .tag {
  position: absolute;
  right: -7%;
  bottom: -7%;
  text-align: center;
  width: 60px;
  height: 60px;
  content: '';
  border-radius: 50%;
  background: #009cc8;
  color: #ffffff;
}
#information #pickup #pickup-wrp .box .img .tag i {
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.4em;
  width: 60px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}
#information #pickup #pickup-wrp .box .img .tag.attending {
  background-color: #6d47a1;
}
#information #pickup #pickup-wrp .box .img .tag.medStudent {
  background-color: #37b77c;
}
#information #pickup #pickup-wrp .box .img .tag.patients {
  background-color: #e8689e;
}
#information #pickup #pickup-wrp .box .date {
  font-size: 1.2rem;
  color: #009cc8;
  margin-top: 1.0em;
}
#information #pickup #pickup-wrp .box .txt {
  font-size: 1.6rem;
  color: #0f5274;
  margin-top: 1.0em;
}
#information #pickup #pickup-wrp .box:first-child {
  width: 34%;
  margin-top: -5%;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #information #pickup {
    padding: 50px 0 60px;
  }
  #information #pickup #pickup-wrp .box .txt {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  #information {
    margin-top: 30px;
  }
  #information #pickup {
    padding: 50px 0 40px;
  }
  #information #pickup .ttl {
    margin-bottom: 20px;
  }
  #information #pickup #pickup-wrp {
    display: block;
  }
  #information #pickup #pickup-wrp .box,
  #information #pickup #pickup-wrp .box:first-child {
    width: 80%;
    margin: 0 auto 20px;
  }
  #information #pickup #pickup-wrp .box .txt,
  #information #pickup #pickup-wrp .box:first-child .txt {
    font-size: 1.4rem;
    margin-top: 0.2em;
  }
}
/***************** news *****************/
#information #news {
  background: linear-gradient(90deg, #d8edf4 0%, #d8edf4 30%, #f6f6f6 30%, #f6f6f6 100%);
}
#information #news #news-wrp {
  display: flex;
  width: 80%;
  margin: auto;
  padding: 120px 0;
}
#information #news #news-wrp .news-left {
  width: 20%;
  text-align: left;
}
#information #news #news-wrp .news-left .defBtn {
  padding-left: 30px;
}
#information #news #news-wrp .news-left .defBtn a {
  font-size: 1.2rem;
  padding: 0.4em 6.0em 0.4em 1em;
}
#information #news #news-wrp .news-left .ttl {
  display: inline-block;
  font-family: 'Ropa Sans';
  color: #0f5274;
  font-size: clamp(3.6rem, 3vw, 4.6rem);
  line-height: 1.4em;
  text-align: left;
  padding-left: 30px;
  margin-bottom: 30px;
  position: relative;
}
#information #news #news-wrp .news-left .ttl span {
  font-size: 1.2rem;
  line-height: 1.0em;
  display: block;
  color: #009cc8;
}
#information #news #news-wrp .news-left .ttl:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 9px;
  height: 9px;
  content: '';
  border-radius: 50%;
  background: #009cc8;
}
#information #news #news-wrp .news-left .btn a {
  display: inline-block;
  background-color: #0f5274;
  color: #ffffff;
}
#information #news #news-wrp .news-right {
  width: 80%;
}

#news .category {
  display: flex;
  justify-content: space-between;
}
#news .category li {
  font-size: clamp(1rem, 1.1vw, 1.5rem);
  list-style: none;
  width: 24%;
}
#news .category li:hover, #news .category li.current {
  cursor: pointer;
}
#news .category li:first-child {
  background-color: #ffffff;
  border: #009cc8 solid 2px;
  color: #009cc8;
}
#news .category li:first-child.current, #news .category li:first-child:hover {
  background-color: #009cc8;
  color: #ffffff;
  position: relative;
}
#news .category li:first-child.current:after, #news .category li:first-child:hover:after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #009cc8;
  transform: translateX(-50%);
}
#news .category li:nth-of-type(2) {
  background-color: #ffffff;
  border: #6d47a1 solid 2px;
  color: #6d47a1;
}
#news .category li:nth-of-type(2).current, #news .category li:nth-of-type(2):hover {
  background-color: #6d47a1;
  color: #ffffff;
  position: relative;
}
#news .category li:nth-of-type(2).current:after, #news .category li:nth-of-type(2):hover:after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #6d47a1;
  transform: translateX(-50%);
}
#news .category li:nth-of-type(3) {
  background-color: #ffffff;
  border: #37b77c solid 2px;
  color: #37b77c;
}
#news .category li:nth-of-type(3).current, #news .category li:nth-of-type(3):hover {
  background-color: #37b77c;
  color: #ffffff;
  position: relative;
}
#news .category li:nth-of-type(3).current:after, #news .category li:nth-of-type(3):hover:after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #37b77c;
  transform: translateX(-50%);
}
#news .category li:nth-of-type(4) {
  background-color: #ffffff;
  border: #e8689e solid 2px;
  color: #e8689e;
}
#news .category li:nth-of-type(4).current, #news .category li:nth-of-type(4):hover {
  background-color: #e8689e;
  color: #ffffff;
  position: relative;
}
#news .category li:nth-of-type(4).current:after, #news .category li:nth-of-type(4):hover:after {
  position: absolute;
  left: 50%;
  bottom: -9px;
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e8689e;
  transform: translateX(-50%);
}

#news .newsList {
  text-align: left;
  background-color: #ffffff;
  padding: 10px 2%;
  margin-top: 12px;
  display: none;
}
#news .newsList dl {
  border-bottom: #cccccc solid 1px;
  padding: 26px 10px;
  display: flex;
}
#news .newsList dl dt {
  vertical-align: middle;
  width: 30%;
}
#news .newsList dl dt > div {
  display: inline-block;
}
#news .newsList dl dt .date {
  color: #009cc8;
  font-size: 1.3rem;
}
#news .newsList dl dt .tag {
  font-size: 1.1rem;
  border: #009cc8 solid 1px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  width: 8em;
  color: #009cc8;
  margin-left: 2em;
}
#news .newsList dl dt .tag.attending {
  border-color: #6d47a1;
  color: #6d47a1;
}
#news .newsList dl dt .tag.medStudent {
  border-color: #37b77c;
  color: #37b77c;
}
#news .newsList dl dt .tag.patients {
  border-color: #e8689e;
  color: #e8689e;
}
#news .newsList dl dd {
  font-size: clamp(1.4rem, 1.1vw, 1.5rem);
  width: 70%;
}
#news .newsList dl dd a {
  color: #0f5274;
  text-decoration: none;
}
#news .newsList dl dd a:hover {
  text-decoration: underline;
}
#news .newsList dl:last-child {
  border-bottom: none;
}
#news .newsList.active {
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #information #news {
    background: linear-gradient(90deg, #d8edf4 0%, #d8edf4 40%, #f6f6f6 40%, #f6f6f6 100%);
  }
  #information #news #news-wrp {
    padding: 60px 0;
  }
  #information #news #news-wrp .news-left {
    width: 30%;
  }
  #information #news #news-wrp .news-right {
    width: 70%;
  }

  #news .category li {
    width: 23%;
  }

  #news .newsList dl {
    display: table;
    width: 100%;
  }
  #news .newsList dl dt {
    display: table-cell;
    vertical-align: middle;
  }
  #news .newsList dl dt .date {
    display: block;
  }
  #news .newsList dl dt .tag {
    margin: 0.5em 0 0;
    width: 7em;
  }
  #news .newsList dl dd {
    display: table-cell;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 767px) {
  #information #news #news-wrp {
    padding: 60px 0;
    display: block;
  }
  #information #news #news-wrp .news-left, #information #news #news-wrp .news-right {
    width: 100%;
  }
  #information #news #news-wrp .news-left {
    width: 100%;
    margin-bottom: 30px;
  }
  #information #news #news-wrp .news-left .ttl {
    margin-bottom: 0;
  }
  #information #news #news-wrp .news-left .defBtn {
    padding-left: 0;
    text-align: right;
  }

  #news .category li {
    width: 22%;
  }

  #news .newsList dl {
    display: block;
  }
  #news .newsList dl dt {
    width: 100%;
    margin-bottom: 0.6em;
  }
  #news .newsList dl dd {
    width: 100%;
  }
}
/***************** introduction *****************/
#introduction {
  padding-top: 30vh;
  background: linear-gradient(90deg, #009cc8 0%, #7aa3da 100%);
  position: relative;
}
#introduction:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30vh;
  content: '';
  background: url(../images/bg_introduction.png) no-repeat center -10vh;
  background-size: 80% auto;
  mix-blend-mode: soft-light;
}
#introduction .introduction-wrp {
  background-color: #ffffff;
  text-align: center;
  padding: 5vh 0 10vh;
  position: relative;
}
#introduction .introduction-wrp .ttl {
  display: inline-block;
  font-family: 'Ropa Sans';
  font-weight: bold;
  color: #0f5274;
  font-size: clamp(2.6rem, 3.6vw, 3.6rem);
  line-height: 1.4em;
  margin-bottom: 80px;
}
#introduction .introduction-wrp .ttl span {
  font-size: 1.2rem;
  line-height: 1.0em;
  display: block;
  font-weight: normal;
  color: #009cc8;
}
#introduction .introduction-wrp:before {
  position: absolute;
  left: 50%;
  top: -5vh;
  content: '';
  width: 100%;
  height: 10vh;
  background-color: #ffffff;
  transform: translateX(-50%);
  border-radius: 50%;
}
#introduction .introduction-ctt {
  border-bottom: #0f5274 solid 1px;
  display: flex;
  width: 80%;
  margin: auto;
}
#introduction .introduction-ctt .introduction-left {
  width: 60%;
  text-align: left;
  padding-bottom: 60px;
}
#introduction .introduction-ctt .introduction-left .lede {
  font-size: clamp(1.8rem, 1.6vw, 3.2rem);
  color: #0f5274;
  margin-bottom: 50px;
  line-height: 2em;
  font-weight: bold;
}
#introduction .introduction-ctt .introduction-left p {
  font-size: clamp(1.3rem, 1.1vw, 1.6rem);
  color: #0f5274;
  line-height: 2em;
}
#introduction .introduction-ctt .introduction-right {
  width: 40%;
  background: url(../images/bg_mudstudents.png) no-repeat center bottom;
  background-size: 80% auto;
}
#introduction .introduction-ctt .introduction-right .defBtn {
  margin-bottom: 15px;
}
#introduction .introduction-ctt .introduction-right .defBtn a {
  font-size: 2.0rem;
  width: 60%;
}
#introduction .introduction-fig {
  width: 80%;
  margin: auto;
  padding: 120px 0 80px;
}
#introduction .introduction-fig .pointFig {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: auto;
}
#introduction .introduction-fig .pointFig li {
  text-align: center;
  width: 25%;
  list-style: none;
}
#introduction .introduction-fig .pointFig li img {
  max-width: 100%;
  height: auto;
}
#introduction .introduction-fig .pointFig li span {
  display: block;
  font-size: clamp(1rem, 1vw, 1.4rem);
  color: #0f5274;
  font-weight: bold;
  margin-top: 15px;
  padding: 0 0.8em;
}
#introduction .introduction-fig .pointFig li:first-child {
  margin-right: -2%;
}
#introduction .introduction-fig .pointFig li:nth-of-type(2) {
  margin-right: -1%;
}
#introduction .introduction-fig .pointFig li:nth-of-type(3) {
  margin-left: -1%;
}
#introduction .introduction-fig .pointFig li:nth-of-type(4) {
  margin-left: -2%;
}
#introduction .introduction-user {
  width: 80%;
  margin: auto;
}
#introduction .introduction-user .userSystemLink {
  display: flex;
  justify-content: space-between;
  margin: auto;
}
#introduction .introduction-user .userSystemLink > .box {
  width: 48%;
  border: #0f5274 solid 2px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -border-radius: 10px;
  border-radius: 10px;
}
#introduction .introduction-user .userSystemLink > .box .userTtl {
  font-weight: bold;
  background-color: #0f5274;
  color: #ffffff;
  font-size: clamp(1.6rem, 2vw, 2.4rem);
  width: 100%;
  padding: 0.6em 0;
  border-radius: 8px 8px 0 0;
}
#introduction .introduction-user .userSystemLink > .box .innr {
  padding: 30px 5%;
}
#introduction .introduction-user .userSystemLink > .box .innr .innr-text {
  min-height: 22em;
}
#introduction .introduction-user .userSystemLink > .box .innr p {
  font-size: clamp(1.3rem, 1.1vw, 1.5rem);
  text-align: left;
  color: #0f5274;
  margin-bottom: 15px;
}
#introduction .introduction-user .userSystemLink > .box .innr .img {
  width: 80%;
  margin: 20px auto;
}
#introduction .introduction-user .userSystemLink > .box .innr .img img {
  max-width: 100%;
  height: auto;
}
#introduction .introduction-user .userSystemLink .userSystemLink-patients .innr .defBtn a {
  background-color: #e8689e;
  width: 90%;
  font-size: 1.8rem;
  font-size: clamp(1.2rem, 1.2vw, 1.8rem);
  font-weight: bold;
  padding: 0.8em;
}
#introduction .introduction-user .userSystemLink .userSystemLink-attending .innr .defBtn a {
  color: #ffffff;
  display: block;
  background-color: #6d47a1;
  width: 90%;
  margin: auto;
  font-size: 1.8rem;
  font-size: clamp(1.2rem, 1.2vw, 1.8rem);
  font-weight: bold;
  padding: 0.8em;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
  #introduction {
    padding-top: 15vh;
  }
  #introduction:after {
    height: 15vh;
  }
  #introduction .introduction-ctt .introduction-right {
    text-align: right;
  }
  #introduction .introduction-ctt .introduction-right .defBtn a {
    text-align: center;
    font-size: 1.6rem;
    width: 90%;
    padding: 0.4em;
  }
  #introduction .introduction-fig .pointFig {
    width: 100%;
  }
  #introduction .introduction-user .userSystemLink .userSystemLink-patients .innr .defBtn a,
  #introduction .introduction-user .userSystemLink .userSystemLink-attending .innr .defBtn a {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #introduction {
    padding-top: 15vh;
  }
  #introduction:after {
    height: 15vh;
  }
  #introduction .introduction-wrp {
    padding: 5vh 0 50px;
  }
  #introduction .introduction-wrp .ttl {
    margin-bottom: 30px;
  }
  #introduction .introduction-ctt {
    display: block;
  }
  #introduction .introduction-ctt .introduction-right {
    width: 100%;
    text-align: center;
    background-size: auto 200px;
    background-position: center top;
    padding-top: 200px;
  }
  #introduction .introduction-ctt .introduction-right .defBtn a {
    text-align: center;
    font-size: 1.6rem;
    width: 90%;
    padding: 0.4em;
  }
  #introduction .introduction-ctt .introduction-left {
    width: 100%;
    padding-bottom: 20px;
  }
  #introduction .introduction-ctt .introduction-left .lede {
    margin-bottom: 20px;
  }
  #introduction .introduction-fig {
    padding: 40px 0 0;
  }
  #introduction .introduction-fig .pointFig {
    width: 100%;
    flex-wrap: wrap;
  }
  #introduction .introduction-fig .pointFig li {
    width: 45%;
    margin-bottom: 30px;
  }
  #introduction .introduction-fig .pointFig li span {
    margin-top: 8px;
  }
  #introduction .introduction-user .userSystemLink {
    display: block;
  }
  #introduction .introduction-user .userSystemLink > .box {
    width: 100%;
  }
  #introduction .introduction-user .userSystemLink > .box .innr {
    padding: 20px 4%;
  }
  #introduction .introduction-user .userSystemLink > .box .innr .innr-text {
    min-height: auto;
  }
  #introduction .introduction-user .userSystemLink .userSystemLink-patients {
    margin-bottom: 20px;
  }
}
/***************** introduction *****************/
#sitLlink {
  background-color: #f6f6f6;
  background-size: cover;
}
#sitLlink #sitLlink-wrp {
  width: 80%;
  margin: auto;
  padding: 60px 0 80px;
}
#sitLlink #sitLlink-wrp .linkList {
  display: flex;
  flex-wrap: wrap;
}
#sitLlink #sitLlink-wrp .linkList li {
  width: 31%;
  text-align: center;
  list-style: none;
  margin: 0 1% 20px;
}
#sitLlink #sitLlink-wrp .linkList li img {
  width: 100%;
  max-width: 340px;
  height: auto;
}
#sitLlink #sitLlink-wrp .linkList li:hover img {
  transition: all 0.5s;
  transform: scale(1.05);
}

@media only screen and (max-width: 767px) {
  #sitLlink #sitLlink-wrp {
    padding: 30px 0 40px;
    width: 90%;
  }
  #sitLlink #sitLlink-wrp .linkList li {
    width: 48%;
  }
}

/*# sourceMappingURL=master_top.css.map */