@charset "UTF-8";
.sectorListLink {
  color: inherit;
  display: block;
  text-decoration: none;
  width: 100%;
  transition: color 0.3s;
}
.sectorListLink:hover {
  color: #5F9CD8;
}
.sectorListLink:hover .sectorListImg {
  transform: scale(1.1);
}
.sectorListLink:hover .sectorMoreIcon {
  background-color: #fff;
}
.sectorListLink:hover .sectorMoreIcon:after {
  border-top: solid 1px #5F9CD8;
  border-right: solid 1px #5F9CD8;
}

.sectorListImgBox {
  border-radius: 12px;
  padding-top: 40%;
  overflow: hidden;
  -webkit-filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
  will-change: filter;
}

.sectorListImg {
  display: block;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: transform 0.3s 0s ease-out;
}

.sectorListText {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 24px;
  position: relative;
}

.sectorMoreIcon {
  background-color: #5F9CD8;
  border: 1px solid #5F9CD8;
  border-radius: 50%;
  display: block;
  min-width: 15px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 4px;
  left: 0;
  transition: background 0.3s, border 0.3s;
}
.sectorMoreIcon:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 2px;
  margin: auto;
  transition: border 0.3s;
}

.sectorIndexLink {
  margin: auto;
}

.sectorheading {
  background-color: #F5F5F5;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 0.5em 0 0.5em 0.8em;
  position: relative;
}

.clinical-engineering-Link .c-anchorMenuList {
  gap: 20px 15px;
}

.clinical-engineeringTable .c-dataTable {
  grid-template-columns: 5fr 1fr;
}

.oral-careTable .c-dataTable {
  grid-template-columns: 1fr;
  border-bottom: 1px solid #5F9CD8;
}

.oral-careImg .c-grid_tb02 {
  grid-template-columns: 1fr;
}
.oral-careImg .c-mediumGap {
  gap: 15px;
}
.oral-careImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pharmacyTable02 .c-dataTable {
  border-bottom: 1px solid #5F9CD8;
}

.interview-name {
  position: relative;
  padding: 0.25em 0 0.25em 1.5em;
}
.interview-name::before {
  content: "";
  display: block;
  background: #5F9CD8;
  background: linear-gradient(0deg, rgb(95, 156, 216) 0%, rgb(252, 195, 195) 75%, rgb(255, 245, 190) 100%);
  width: 8px;
  height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.interview-Table .c-dataTable {
  border-bottom: 1px solid #5F9CD8;
  grid-template-columns: 1fr;
  padding: 10px 0;
}
.interview-Table .non-border-bottom {
  border-bottom: none;
}

.sector-bgGray {
  background-color: #F8F8F8;
}

.nursing-DataTitle {
  width: 110px;
}

.nursing-pageLink {
  background: linear-gradient(165deg, rgb(95, 156, 216) 0%, rgb(252, 195, 195) 75%, rgb(255, 245, 190) 100%);
  border-radius: 10px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
  font-weight: bold;
  text-decoration: none;
  width: 100%;
  height: 100%;
  transition: background 0.3s, color 0.3s;
  position: relative;
  padding: 2px;
}
.nursing-pageLink .nursing-pageLinkText {
  background-color: rgba(255, 255, 255, 0);
  border-radius: 10px;
  padding: 1.25em 2.75em 1.25em 1.25em;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nursing-pageLink .nursing-pageLinkText:hover {
  background-color: #fff;
}
.nursing-pageLink:after {
  content: "";
  display: block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  min-width: 5px;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  transition: border 0.3s;
  position: absolute;
  right: 50px;
}
.nursing-pageLink:hover {
  background-color: #5F9CD8;
  color: #5F9CD8;
}
.nursing-pageLink:hover:after {
  border-top: solid 2px #5F9CD8;
  border-right: solid 2px #5F9CD8;
}

.nursing-linkBox {
  text-decoration: none;
}
.nursing-linkBox .nursing-flexLink {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
  padding: 0;
}
.nursing-linkBox .nursing-flexLink .flexLinkImg {
  width: 100%;
}
.nursing-linkBox .nursing-flexLink .flexLinkImg img {
  border-radius: 20px 0 0 20px;
}
.nursing-linkBox .nursing-flexLink .flexLinkText {
  width: 100%;
}
.nursing-linkBox .nursing-flexLink .LinkArrow {
  padding-right: 2em;
  position: relative;
  display: inline;
}
.nursing-linkBox .nursing-flexLink .LinkArrow:after {
  content: "";
  display: block;
  border-top: solid 2px #98A6B5;
  border-right: solid 2px #98A6B5;
  width: 10px;
  height: 10px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1em;
  transform: rotate(45deg);
  transition: border 0.3s;
}
.nursing-linkBox:hover {
  opacity: 0.8;
}

.sectorborderBlueSolid {
  width: 100%;
  border-bottom: 1px solid #5F9CD8;
}

.sectorborderGraySolid {
  width: 100%;
  border-bottom: 1px solid #BEBEBE;
}

.sectorimghalf {
  width: 100%;
}

.rehabilitationImg {
  width: 100%;
}

.rehabilitationTraining .c-dataTable {
  border-bottom: 1px dashed #707070;
}

.rehabilitationActivities {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 10px;
}
.rehabilitationActivities a {
  text-decoration: none;
  color: inherit;
}
.rehabilitationActivities a:hover {
  color: #09568D; /* 好きな色に変更 */
}

.rehabilitationAcademic a {
  text-decoration: none;
  color: inherit;
}
.rehabilitationAcademic a:hover {
  color: #09568D; /* 好きな色に変更 */
}

.rehabilitationspan {
  font-size: 1.4rem;
}

.NPImgflex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.NPImgflex img {
  display: block;
  width: 100%;
  height: auto;
  min-width: 0;
}

.NPWorkImgflex {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.NPWorkImg {
  width: 100%;
  height: auto;
  display: block;
}

.paramedicGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 25px;
}

.paramedicTagBoxGreen {
  position: relative;
  display: flex;
  align-items: center;
  width: 200px;
  height: 37px;
  background: #76A293;
  color: #FFFFFF;
  border-radius: 15px 20px 0 0;
  padding: 10px 70px 10px 20px;
}
.paramedicTagBoxGreen::after {
  content: "";
  position: absolute;
  top: 0;
  right: -33px;
  width: 55px;
  height: 37px;
  background: #76A293;
  border-radius: 15px 10px 0 0;
  transform: skewX(35deg);
  transform-origin: bottom left;
}

.paramedicGreenBox {
  background-color: #306234;
  border: 1px solid #707070;
  border-radius: 15px;
  padding: 10px 15px;
}
.paramedicGreenBox p {
  color: #FFFFFF;
  text-align: center;
  font-size: 16px;
}

.paramedicGreenTopBox {
  background-color: #F5F5F5;
  border-top: 2px solid #76A293;
  padding: 30px;
}

.paramedicGrayBoxGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
}

.paramedicBlueLine {
  width: 100%;
  height: 2px;
  background-color: #5F9CD8;
}

.paramedicTagBoxYellow {
  position: relative;
  display: flex;
  align-items: center;
  width: 200px;
  height: 37px;
  background: #E3C64D;
  color: #FFFFFF;
  border-radius: 15px 20px 0 0;
  padding: 10px 70px 10px 20px;
}
.paramedicTagBoxYellow::after {
  content: "";
  position: absolute;
  top: 0;
  right: -33px;
  width: 55px;
  height: 37px;
  background: #E3C64D;
  border-radius: 15px 10px 0 0;
  transform: skewX(35deg);
  transform-origin: bottom left;
}

.paramedicYellowTopBox {
  background-color: #F5F5F5;
  border-top: 2px solid #E3C64D;
  padding: 30px;
}

.paramedicTagBoxPurple {
  position: relative;
  display: flex;
  align-items: center;
  width: 200px;
  height: 38px;
  background: #C388BC;
  color: #FFFFFF;
  border-radius: 15px 20px 0 0;
  padding: 10px 50px 10px 20px;
}
.paramedicTagBoxPurple::after {
  content: "";
  position: absolute;
  top: 0;
  right: -33px;
  width: 55px;
  height: 38px;
  background: #C388BC;
  border-radius: 15px 10px 0 0;
  transform: skewX(35deg);
  transform-origin: bottom left;
}

.paramedicPurpleTopBox {
  background-color: #F5F5F5;
  border-top: 2px solid #C388BC;
  padding: 30px;
  height: 90%;
}

.paramedicTagBoxBrown {
  position: relative;
  display: flex;
  align-items: center;
  width: 200px;
  height: 38px;
  background: #A38F89;
  color: #FFFFFF;
  border-radius: 15px 20px 0 0;
  padding: 10px 70px 10px 20px;
}
.paramedicTagBoxBrown::after {
  content: "";
  position: absolute;
  top: 0;
  right: -33px;
  width: 55px;
  height: 38px;
  background: #A38F89;
  border-radius: 15px 10px 0 0;
  transform: skewX(35deg);
  transform-origin: bottom left;
}

.paramedicBrownTopBox {
  background-color: #F5F5F5;
  border-top: 2px solid #A38F89;
  padding: 30px;
  height: 90%;
}

.paramedicTransportationGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.paramedicTransportationItem {
  background-color: #F5F5F5;
  max-width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 50px;
}

.paramedicTransportationText {
  font-weight: bold;
  font-size: 15px;
}

.paramedicTransportationNo {
  font-size: 40px;
  font-weight: bold;
  color: #2F659B;
}

.paramedicTransportationPercent {
  font-size: 40px;
  font-weight: bold;
  color: #DC1818;
}
.paramedicTransportationPercent p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.paramedicTransportationPercent p::before {
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url("../images/paramedic-08.png") center/contain no-repeat;
}

.paramedicRedLine {
  width: 100%;
  height: 2px;
  background-color: #DC1818;
}

.paramedicTransportationCount {
  width: 160px;
  margin: auto;
}

.paramedicTransportationTrend {
  width: 135px;
  margin: auto;
}

.paramedicTaskGrayBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-color: #F5F5F5;
  width: 100%;
  padding: 25px;
}

.paramedicTaskImg {
  width: 200px;
  height: auto;
}

.paramedicTaskGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.paramedicTaskYellowBox {
  background-color: #FFFAD8;
  width: 100%;
  padding: 20px 30px;
  font-size: 18px;
}

.paramedicTaskblue {
  color: #2F659B;
}

.paramedicTaskred {
  color: #EF1242;
  text-decoration: none;
}

.paramedicBorderGrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 50px;
}

.paramedicBorderItem {
  position: relative;
}
.paramedicBorderItem:first-child::after {
  display: none;
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  width: 1px;
  height: 100%;
  background-color: #707070;
}

.paramedicBorderText {
  font-size: 1.5rem;
}

.paramedicGrayBox {
  background-color: #F5F5F5;
  padding: 30px;
}

.paramedicGrayBoxTitle {
  color: #2F659B;
  font-size: 1.6rem;
  line-height: 1.4;
  text-align: center;
}

.paramedicPhilosophy {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
}

.paramedicPhilosophyText {
  font-size: 1.5rem;
}

.paramedicScrolltable {
  margin-left: auto;
  margin-right: auto;
  overflow-x: scroll;
}
.paramedicScrolltable:before {
  content: "※スクロールしてご覧ください。";
  font-size: 1.4rem;
  display: block;
  margin-bottom: 5px;
  position: sticky;
  top: 0;
  left: 0;
}
.paramedicScrolltable table {
  width: 100%;
  min-width: 800px;
}
.paramedicScrolltable .c-tableCaption {
  text-align: left;
}

.paramedictable {
  border-collapse: collapse;
  border: 1px solid #D9D9D9;
  text-align: left;
  vertical-align: top;
  max-width: 100%;
  width: 100%;
  height: fit-content;
}

.paramedicHead {
  background-color: #F5F5F5;
  border: 1px solid #D9D9D9;
  font-weight: bold;
  padding: 0.8em 0.3em;
  vertical-align: top;
}
.c-tableSpList .paramedicHead {
  display: block;
  width: 100%;
  padding: 0.7em;
}

.paramedicData {
  background-color: #fff;
  border: 1px solid #D9D9D9;
  padding: 0.7em;
  vertical-align: top;
}
.paramedicData.c-verticalMiddle {
  vertical-align: middle;
}
.c-tableSpList .paramedicData {
  display: block;
  width: 100%;
}

.paramedicGraphImg {
  max-width: 760px;
  width: 100%;
  height: auto;
}

@media (min-width: 768px){
  .sectorInfoBox {
    grid-template-columns: 40% 1fr;
  }
  .sectorheading {
    font-size: 2rem;
    padding: 0.75em 0 0.75em 1.2em;
  }
  .clinical-engineering-Link .c-anchorMenuList {
    gap: 20px 14px;
  }
  .clinical-engineering-grid .c-grid_tb02 {
    grid-template-columns: 2fr 3fr;
  }
  .oral-careImg .c-grid_tb02 {
    grid-template-columns: repeat(2, 1fr);
  }
  .pharmacyTable01 .c-dataTable {
    grid-template-columns: 12% 1fr;
  }
  .interview-name::before {
    width: 10px;
  }
  .nursing-linkBox .nursing-flexLink {
    flex-wrap: nowrap;
  }
  .interviewInfoBox .sectorInfoBox {
    grid-template-columns: 20% 1fr;
  }
  .rehabilitation-grid .c-grid_tb02 {
    grid-template-columns: 2fr 1fr;
  }
  .sectorimghalf {
    width: 560px;
  }
  .rehabilitationImg {
    width: 70%;
  }
  .rehabilitationOrganization .c-gridBox {
    grid-template-columns: 11fr 9fr;
  }
  .rehabilitationEducational .c-gridBox {
    grid-template-columns: 3fr 7fr;
  }
  .rehabilitationspan {
    font-size: 1.5rem;
  }
  .NPImgflex {
    flex-direction: row;
    align-items: flex-start;
  }
  .NPImg01 {
    flex: 621 1 0;
  }
  .NPImg02 {
    flex: 392 1 0;
  }
  .paramedicGreenBox {
    padding: 10px 65px;
    border-radius: 20px;
  }
  .paramedicGreenBox p {
    font-size: 25px;
  }
  .paramedicGrayBoxGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .paramedicTransportationGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .paramedicTransportationItem {
    max-width: 100%;
  }
  .paramedicTaskYellowBox {
    padding: 30px 60px;
  }
  .paramedicGrayBoxTitle {
    font-size: 2rem;
  }
  .paramedicPhilosophy {
    font-size: 2.5rem;
  }
  .paramedicScrolltable {
    overflow-x: visible;
    white-space: wrap;
  }
  .paramedicScrolltable:before {
    content: none;
  }
  .paramedicScrolltable table {
    min-width: auto;
  }
  .paramedicScrolltable .c-tableCaption {
    text-align: center;
  }
  .paramedictable {
    width: revert-layer;
  }
  .paramedicHead {
    padding: 0.4em;
  }
  .c-tableSpList .paramedicHead {
    display: table-cell;
    width: revert-layer;
    padding: 1em;
  }
  .paramedicData {
    padding: 0.5em 0.1em;
  }
  .c-tableSpList .paramedicData {
    display: table-cell;
    width: revert-layer;
  }
}

@media (min-width: 960px){
  .NPWorkImgflex {
    flex-direction: row;
  }
  .NPWorkImg {
    flex: 1;
    width: 0;
    max-width: none;
  }
  .paramedicGrid {
    grid-template-columns: 1fr 1.7fr;
  }
  .paramedicGrayBoxGrid {
    grid-template-columns: repeat(3, 1fr);
  }
  .paramedicTransportationGrid {
    grid-template-columns: repeat(5, 1fr);
  }
  .paramedicTransportationItem {
    max-width: 200px;
  }
  .paramedicTaskGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .paramedicBorderGrid {
    grid-template-columns: repeat(2, 1fr);
  }
  .paramedicBorderItem:first-child::after {
    display: block;
  }
  .paramedicScrolltable table {
    width: revert-layer;
  }
  .paramedicHead {
    padding: 0.4em;
  }
  .paramedicData {
    padding: 0.8em;
  }
}

@media (min-width: 1080px){
  .nursing-linkBox .nursing-flexLink {
    width: 90%;
  }
}

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