@charset "UTF-8";
/*============================================
responsive
============================================*/
/*============================================
color
============================================*/
/*============================================
common
============================================*/
/*============================================
下層共通
============================================*/
/*--------------------------------------------
basic
--------------------------------------------*/
h1, h2, h3, h4, h5 {
  font-family: 'Zen Maru Gothic', sans-serif; }

h2, h3, h4, h5 {
  margin-bottom: 15px; }

a {
  opacity: 1;
  transition: 0.3s; }
  a:hover {
    opacity: 0.6; }

.inner {
  width: 1140px;
  margin: 0 auto;
  font-weight: 400;
  text-align: justify;
  line-height: 2;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 897px) {
    .inner {
      width: 100%;
      box-sizing: border-box; } }
  @media screen and (max-width: 897px) and (max-width: 897px) {
    .inner {
      padding: 15px; } }

article {
  margin-bottom: 160px; }
  @media screen and (max-width: 1290px) {
    article {
      margin-bottom: 80px; } }
  @media screen and (max-width: 897px) {
    article {
      margin-bottom: 50px; } }
  article .img_wide {
    margin-bottom: 68px; }
    @media screen and (max-width: 897px) {
      article .img_wide {
        margin-bottom: 15px; } }
    article .img_wide img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 1290px) {
        article .img_wide img {
          object-fit: contain;
          max-height: 100vh;
          max-width: 90vw; } }
      @media screen and (max-width: 897px) {
        article .img_wide img {
          max-height: inherit;
          max-width: inherit;
          width: 100%; } }

div[class$="__box"] {
  /* セレクタ名の後方一致 */ }
  div[class$="__box"] + div[class$="__box"] {
    margin-top: 100px; }
    @media screen and (max-width: 897px) {
      div[class$="__box"] + div[class$="__box"] {
        margin-top: 38px; } }

.ttl {
  margin-bottom: 68px;
  font-family: 'Zen Maru Gothic', sans-serif;
  letter-spacing: 0.1rem;
  line-height: 1.4; }
  @media screen and (max-width: 897px) {
    .ttl {
      margin-bottom: 15px; } }
  .ttl b {
    background-color: #FFFFBF;
    padding: 0 10px; }
  .ttl_23 {
    font-size: 2.3rem; }
    @media screen and (max-width: 897px) {
      .ttl_23 {
        font-size: 2rem; } }
  .ttl_line {
    border-top: 2px solid #3FC0B0;
    border-bottom: 2px solid #E4E4E4;
    padding: 44px 0;
    font-size: 3rem;
    color: #3FC0B0;
    position: relative; }
    @media screen and (max-width: 897px) {
      .ttl_line {
        border-top: 1px solid #3FC0B0;
        border-bottom: 1px solid #E4E4E4;
        padding: 9px 0;
        font-size: 2rem;
        line-height: 1.6; } }
    .ttl_line .month {
      width: 106px;
      height: 106px;
      line-height: 106px;
      box-sizing: border-box;
      display: block;
      color: #fff;
      font-size: 28px;
      text-align: center;
      border-radius: 50%;
      background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 897px) {
        .ttl_line .month {
          width: 90px;
          height: 90px;
          line-height: 90px; } }
      .ttl_line .month .month_no {
        font-size: 5.2rem; }
        @media screen and (max-width: 897px) {
          .ttl_line .month .month_no {
            font-size: 3.2rem; } }
      @media screen and (max-width: 897px) {
        .ttl_line .month {
          height: auto;
          line-height: 1;
          padding: 10px;
          border-radius: 30px;
          font-size: 2.4rem;
          position: static;
          left: auto;
          top: auto;
          width: auto !important; } }
    .ttl_line .rate {
      width: 106px;
      height: 106px;
      line-height: 106px;
      box-sizing: border-box;
      display: block;
      color: #fff;
      font-size: 28px;
      text-align: center;
      border-radius: 50%;
      background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%);
      line-height: 1;
      font-size: 4.2rem; }
      @media screen and (max-width: 897px) {
        .ttl_line .rate {
          width: 90px;
          height: 90px;
          line-height: 90px; } }
      .ttl_line .rate .month_no {
        font-size: 5.2rem; }
        @media screen and (max-width: 897px) {
          .ttl_line .rate .month_no {
            font-size: 3.2rem; } }
      @media screen and (max-width: 897px) {
        .ttl_line .rate {
          width: auto !important;
          border-radius: 30px;
          position: static;
          left: auto;
          top: auto; } }
      .ttl_line .rate_txt {
        font-size: 1.7rem;
        line-height: 1; }
      @media screen and (max-width: 897px) {
        .ttl_line .rate {
          width: 42px;
          height: 42px;
          line-height: 42px;
          font-size: 2rem; } }
    .ttl_line .sub {
      display: block;
      font-size: 2rem;
      margin-bottom: 10px;
      color: #383838;
      font-weight: normal; }
      @media screen and (max-width: 897px) {
        .ttl_line .sub {
          font-size: 1.4rem; } }
  .ttl_undline {
    padding-bottom: 28px;
    box-sizing: border-box;
    position: relative;
    font-size: 2.4rem; }
    @media screen and (max-width: 897px) {
      .ttl_undline {
        padding-bottom: 15px;
        font-size: 1.8rem; } }
    .ttl_undline::before {
      content: "";
      display: inline-block;
      width: 100%;
      height: 2px;
      background-color: #E4E4E4;
      position: absolute;
      bottom: 0;
      left: 0; }
      @media screen and (max-width: 897px) {
        .ttl_undline::before {
          height: 1px; } }
    .ttl_undline::after {
      content: "";
      display: inline-block;
      width: 14%;
      height: 2px;
      background-color: #3FC0B0;
      position: absolute;
      bottom: 0;
      left: 0; }
      @media screen and (max-width: 897px) {
        .ttl_undline::after {
          height: 1px; } }
  .ttl_undline_gry {
    padding-bottom: 28px;
    box-sizing: border-box;
    position: relative; }
    .ttl_undline_gry::before {
      content: "";
      display: inline-block;
      width: 100%;
      height: 2px;
      background-color: #E4E4E4;
      position: absolute;
      bottom: 0;
      left: 0; }
  .ttl_gr_txt {
    display: inline-block;
    background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
    background: -webkit- linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: auto !important;
    display: table !important; }
  .ttl_lead {
    font-size: 3rem; }
    @media screen and (max-width: 897px) {
      .ttl_lead {
        font-size: 1.6rem; } }

.hl_numlst {
  position: absolute;
  top: -50px;
  display: table;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  font-weight: 500; }
  @media screen and (max-width: 897px) {
    .hl_numlst {
      top: -38px;
      width: 100%; } }
.hl_ullst {
  position: absolute;
  top: -50px;
  display: table;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  font-weight: 500; }
  @media screen and (max-width: 897px) {
    .hl_ullst {
      top: -38px;
      width: 100%; } }

.txt_basic {
  width: 95%;
  margin-left: auto;
  margin-right: auto; }
  .txt_basic span {
    display: table;
    margin-left: auto;
    margin-top: 38px;
    font-weight: 700; }
    @media screen and (max-width: 897px) {
      .txt_basic span {
        margin-top: 18px; } }
.txt_no p {
  position: relative;
  margin-top: 106px; }
.txt_no .txt_no {
  width: 106px;
  height: 106px;
  line-height: 106px;
  box-sizing: border-box;
  display: block;
  color: #fff;
  font-size: 28px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 2.9rem;
  position: absolute;
  width: 56px;
  height: 56px;
  line-height: 56px;
  top: -66px;
  left: 50%;
  transform: translateX(-50%); }
  @media screen and (max-width: 897px) {
    .txt_no .txt_no {
      width: 90px;
      height: 90px;
      line-height: 90px; } }
  .txt_no .txt_no .month_no {
    font-size: 5.2rem; }
    @media screen and (max-width: 897px) {
      .txt_no .txt_no .month_no {
        font-size: 3.2rem; } }
.txt_ct {
  text-align: center;
  display: block; }
.txt_bg {
  padding: 48px;
  border-radius: 15px;
  margin: 48px 0; }
  @media screen and (max-width: 897px) {
    .txt_bg {
      margin: 40px 0;
      padding: 28px; } }
  .txt_bg_bgr {
    background-color: #EFF9F8; }
  .txt_bg_bgy {
    background-color: #F0F3F5; }
  .txt_bg_gy {
    background-color: #F7F7F7; }
  .txt_bg.txt_plus-ttl {
    margin-top: 100px; }
    @media screen and (max-width: 897px) {
      .txt_bg.txt_plus-ttl {
        margin-top: 68px; } }
  .txt_bg h3, .txt_bg h4 {
    font-size: 2.5rem;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      .txt_bg h3, .txt_bg h4 {
        font-size: 1.8rem; } }
.txt_frame {
  border: 4px solid #3FC0B0;
  border-radius: 15px;
  font-weight: 700;
  padding: 32px;
  font-size: 2.2rem; }
  @media screen and (max-width: 897px) {
    .txt_frame {
      padding: 20px;
      font-size: 1.6rem; } }
  .txt_frame strong {
    color: #3FC0B0; }
.txt b {
  font-weight: 600; }
  .txt b.name {
    display: block;
    display: table;
    margin-left: auto;
    margin-top: 28px;
    font-weight: 500;
    text-align: right; }
    .txt b.name span {
      font-size: 2.4rem; }
      @media screen and (max-width: 897px) {
        .txt b.name span {
          font-size: 2rem; } }
.txt p + b {
  margin-top: 28px;
  display: block; }
.txt strong.color-rd {
  color: #c60011; }
.txt ul {
  margin: 38px 0; }
  @media screen and (max-width: 897px) {
    .txt ul {
      margin: 18px 0; } }
.txt + div[class$="_headline"] {
  margin-top: 80px; }

div[class$="_headline"] + .txt {
  margin-bottom: 80px; }
  @media screen and (max-width: 897px) {
    div[class$="_headline"] + .txt {
      margin-bottom: 38px; } }
div[class$="_headline"] + .txt_bg_bgr {
  margin-top: 80px; }
  @media screen and (max-width: 897px) {
    div[class$="_headline"] + .txt_bg_bgr {
      margin-top: 38px; } }

p + .btn_gradient {
  margin-top: 18px; }
p + p {
  margin-top: 18px; }

.en {
  font-family: "century-gothic", sans-serif;
  font-style: normal; }

.jp {
  font-family: "source-han-sans-japanese", sans-serif;
  font-style: normal; }

.bg_cl {
  padding: 80px 0; }
  @media screen and (max-width: 897px) {
    .bg_cl {
      padding: 40px 0; } }
  .bg_cl_bgr-2 {
    background-color: #F6FCFC; }
  .bg_cl_bg_gy {
    background-color: #F7F7F7; }

.shadow__box {
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.13);
  padding: 60px;
  border-radius: 15px; }
  @media screen and (max-width: 897px) {
    .shadow__box {
      padding: 30px; } }

/*--------------------------------------------
parts　/　other
--------------------------------------------*/
.mainvisual {
  position: relative;
  width: 100%;
  height: 280px;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 1290px) {
    .mainvisual {
      height: 188px; } }
  @media screen and (max-width: 897px) {
    .mainvisual {
      padding: 15px 15px 0;
      box-sizing: border-box;
      height: auto;
      border-top: 1px solid #E4E4E4; } }
  .mainvisual::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url("../img/und/bg_mainvisual_xxx.jpg");
    /*コンテンツごとに変更する*/
    width: 100%;
    height: 280px;
    max-height: 30vh;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1; }
    @media screen and (max-width: 1290px) {
      .mainvisual::before {
        height: 188px;
        max-height: inherit;
        background-position: center; } }
    @media screen and (max-width: 897px) {
      .mainvisual::before {
        height: 110px;
        content: none; } }
  .mainvisual_headline {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 897px) {
      .mainvisual_headline {
        display: inherit; } }
    .mainvisual_headline h1, .mainvisual_headline .ttl {
      font-size: 4rem;
      color: #fff;
      margin-right: 68px;
      margin-bottom: 0;
      line-height: 1.2;
      font-weight: bold; }
      @media screen and (max-width: 897px) {
        .mainvisual_headline h1, .mainvisual_headline .ttl {
          color: #3FC0B0;
          font-size: 2.8rem;
          font-weight: 500;
          margin-right: 0; } }
  .mainvisual--information::before {
    background-image: url("../img/und/bg_mainvisual_information.jpg"); }
  .mainvisual--about::before {
    background-image: url("../img/und/bg_mainvisual_about.jpg"); }
  .mainvisual--nurse::before {
    background-image: url("../img/und/bg_mainvisual_nurse.jpg"); }
  .mainvisual--care::before {
    background-image: url("../img/und/bg_mainvisual_care.jpg"); }
  .mainvisual--message::before {
    background-image: url("../img/und/bg_mainvisual_message.jpg"); }
  .mainvisual--readmission::before {
    background-image: url("../img/und/bg_mainvisual_readmission.jpg"); }
  .mainvisual--faq::before {
    background-image: url("../img/und/bg_mainvisual_faq.jpg"); }
  .mainvisual--student::before {
    background-image: url("../img/und/bg_mainvisual_student.jpg"); }
  .mainvisual--events::before {
    background-image: url("../img/und/bg_mainvisual_events.jpg"); }
  .mainvisual--mailinglist::before {
    background-image: url("../img/und/bg_mainvisual_mailinglist.jpg"); }
  .mainvisual--recruit::before {
    background-image: url("../img/und/bg_mainvisual_recruit.jpg"); }
  .mainvisual--access::before {
    background-image: url("../img/und/bg_mainvisual_access.jpg"); }
  .mainvisual--form::before {
    background-image: url("../img/und/bg_mainvisual_form.jpg"); }
  .mainvisual--policy::before {
    background-image: url("../img/und/bg_mainvisual_policy.jpg"); }

.pankuzu {
  margin: 18px 18px 80px; }
  @media screen and (max-width: 897px) {
    .pankuzu {
      margin: 18px; } }
  .pankuzu ul {
    display: flex;
    flex-wrap: wrap;
    float: right;
    font-size: 1.5rem; }
    @media screen and (max-width: 897px) {
      .pankuzu ul {
        float: inherit; } }
    @media screen and (max-width: 897px) {
      .pankuzu ul li {
        font-size: 1.1rem; } }
    .pankuzu ul li + li::before {
      content: "　/　"; }

.btn_right a {
  margin-right: 0;
  margin-left: auto; }
  @media screen and (max-width: 897px) {
    .btn_right a {
      margin-left: auto;
      margin-right: auto; } }
.btn_ct a {
  margin-right: auto;
  margin-left: auto; }
  @media screen and (max-width: 897px) {
    .btn_ct a {
      margin-left: auto;
      margin-right: auto; } }

.btn_txt {
  display: block;
  width: 100%; }
  .btn_txt a {
    text-align: center;
    position: relative;
    padding: 20px 50px;
    display: block;
    width: 100%;
    box-sizing: border-box; }
    .btn_txt a::after {
      content: "";
      display: inline-block;
      width: 26px;
      height: 26px;
      background-size: contain;
      background-image: url("../img/und/icon_btn_txt.png");
      position: absolute;
      right: 25px;
      top: 50%;
      transform: translateY(-50%); }
  .btn_txt.ttl {
    margin-bottom: 0; }

.campus {
  padding: 141px 0 156px;
  padding: 72px 0 138px;
  position: relative;
  /*background-color: #F3F3F3;*/ }
  .campus .h2Ttl {
    font-size: 3.2rem;
    font-weight: 500;
    position: relative;
    letter-spacing: 0.13em; }
    .campus .h2Ttl a {
      color: #fff; }
      .campus .h2Ttl a:hover {
        opacity: 0.7; }
    .campus .h2Ttl .icon {
      padding-right: 40px;
      background: url("../img/common/icon01.png") no-repeat right center; }
  .campus .lBox {
    width: 50%;
    position: relative;
    padding: 134px 0 138px 108px;
    border-radius: 20px 0 0 20px;
    background-color: #3BBFB2;
    box-sizing: border-box; }
    .campus .lBox .h2Ttl::before {
      position: absolute;
      left: 75px;
      top: -134px;
      width: 34px;
      height: 88px;
      background: url("../img/common/line01.png");
      content: ""; }
    .campus .lBox .h2Ttl::after {
      position: absolute;
      left: 77px;
      bottom: -138px;
      width: 34px;
      height: 88px;
      background: url("../img/common/line02.png");
      content: ""; }
    .campus .lBox::before {
      position: absolute;
      right: 24.3%;
      bottom: 0;
      width: 244px;
      height: 394px;
      background: url("../img/index/campus_img03.png") no-repeat left top;
      content: "";
      z-index: 100; }
  .campus .rBox {
    width: 50%;
    position: relative;
    text-align: right;
    padding: 134px 42px 138px 0;
    border-radius: 0 20px 20px 0;
    box-sizing: border-box;
    background-color: #F0AE97; }
    .campus .rBox .h2Ttl::before {
      position: absolute;
      right: 140px;
      top: -134px;
      width: 34px;
      height: 88px;
      background: url(../img/common/line03.png);
      content: ""; }
    .campus .rBox .h2Ttl::after {
      position: absolute;
      right: 140px;
      bottom: -139px;
      width: 34px;
      height: 88px;
      background: url("../img/common/line04.png");
      content: ""; }
    .campus .rBox::before {
      position: absolute;
      left: 25.4%;
      bottom: -1px;
      width: 188px;
      height: 396px;
      background: url("../img/index/campus_img04.png") no-repeat left top;
      content: "";
      z-index: 100; }
  .campus .midBox {
    padding: 39px 50px;
    margin: 0 0 92px -221px;
    position: absolute;
    left: 50%;
    z-index: 10;
    bottom: 0;
    width: 446px;
    height: 446px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 5px solid #fff;
    background-color: #FED501;
    box-shadow: 0 0 19px 2px rgba(0, 0, 0, 0.1); }
    .campus .midBox .headLine01 {
      margin-bottom: 15px;
      padding-top: 66px;
      letter-spacing: -0.08em;
      font-size: 4rem;
      color: #3e3b53;
      background: url("../img/index/campus_img01.png") no-repeat center top; }
      .campus .midBox .headLine01 .en {
        margin-top: -4px; }
    .campus .midBox .txt {
      margin-bottom: 9px;
      font-weight: 400;
      letter-spacing: 0.08em;
      line-height: 1.67;
      text-align: center; }
    .campus .midBox .pho {
      text-align: center; }

@media all and (min-width: 897px) and (max-width: 1500px) {
  .campus .lBox {
    padding-left: 40px; }
    .campus .lBox::before {
      width: 180px;
      height: 300px;
      background-size: 180px 300px; }
  .campus .h2Ttl {
    font-size: 2vw; }
  .campus .midBox {
    padding: 39px 50px;
    margin: 0 0 94px -15vw;
    width: 30vw;
    height: 30vw; }
    .campus .midBox .headLine01 {
      margin-bottom: 12px;
      padding-top: 60px;
      font-size: 2vw; }
      .campus .midBox .headLine01 .en {
        font-size: 1.2vw; }
    .campus .midBox .txt {
      font-size: 1.2vw; }
  .campus .rBox::before {
    width: 150px;
    height: 300px;
    background-size: 150px 300px; } }
@media all and (min-width: 1300px) and (max-width: 1400px) {
  .campus .midBox {
    margin-bottom: 8%; } }
@media all and (min-width: 1200px) and (max-width: 1299px) {
  .campus .midBox {
    margin-bottom: 10%;
    width: 400px;
    height: 400px; }
  .campus .rBox::before {
    left: 30%; } }
@media all and (min-width: 897px) and (max-width: 1199px) {
  .campus .midBox {
    margin-bottom: 11.5%;
    width: 350px;
    height: 350px;
    margin-bottom: 15.9%;
    padding: 10px 50px; }
  .campus .rBox {
    padding-right: 20px; }
    .campus .rBox::before {
      left: 35%;
      width: 105px;
      height: 216px;
      background-size: 105px 216px; }
  .campus .lBox::before {
    width: 130px;
    height: 218px;
    background-size: 130px 218px; }
  .campus .h2Ttl .icon {
    padding: 5px 40px 5px 0; } }
@media (min-width: 1101px) and (max-width: 1199px) {
  .campus .midBox {
    margin-bottom: 11.9%; } }
@media (min-width: 1000px) and (max-width: 1100px) {
  .campus .midBox {
    margin-bottom: 12.9%; }
  .campus .rBox::before {
    left: 35%; } }
@media (min-width: 900px) and (max-width: 1009px) {
  .campus .midBox {
    margin-bottom: 13.9%; }
  .campus .rBox::before {
    left: 35%; } }
@media screen and (max-width: 897px) {
  .campus {
    padding: 28px 0 68px;
    position: static; }
    .campus .content {
      display: block; }
    .campus .h2Ttl {
      font-size: 2.5rem;
      letter-spacing: 0.08em; }
      .campus .h2Ttl .icon {
        padding-right: 30px;
        background: url("../img/common/icon01.png") no-repeat right center;
        background-size: 20px 20px; }
    .campus .lBox {
      width: 100%;
      padding: 70px 0 70px 20px;
      border-radius: 20px 20px 0 0; }
      .campus .lBox .h2Ttl::before {
        left: 55px;
        top: -70px;
        width: 17px;
        height: 44px;
        background-size: 17px 44px; }
      .campus .lBox .h2Ttl::after {
        left: 55px;
        bottom: -70px;
        width: 17px;
        height: 44px;
        background-size: 17px 44px; }
      .campus .lBox::before {
        display: none; }
    .campus .rBox {
      width: 100%;
      text-align: right;
      padding: 70px 20px 70px 0;
      border-radius: 0 0 20px 20px; }
      .campus .rBox .h2Ttl::before {
        right: 55px;
        top: -70px;
        width: 17px;
        height: 44px;
        background-size: 17px 44px; }
      .campus .rBox .h2Ttl::after {
        right: 55px;
        bottom: -70px;
        width: 17px;
        height: 44px;
        background-size: 17px 44px; }
      .campus .rBox::before {
        display: none; }
    .campus .midBox {
      padding: 20px 15px;
      margin: 0;
      position: static;
      left: auto;
      bottom: auto;
      width: auto;
      height: auto;
      border-radius: 0;
      border: 2px solid #fff; }
      .campus .midBox .headLine01 {
        margin-bottom: 15px;
        padding-top: 50px;
        font-size: 3rem;
        background: url("../img/index/campus_img01.png") no-repeat center top;
        background-size: 50px 40px; }
      .campus .midBox .txt {
        margin-bottom: 10px;
        font-weight: 400;
        line-height: 1.5; } }
.outLine {
  padding: 90px 0 92px;
  position: relative;
  background: url("../img/index/outline_bg.jpg") no-repeat center center;
  background-size: cover;
  border-bottom: 2px solid #fff; }
  .outLine .headLine01 {
    margin-bottom: 41px; }
    .outLine .headLine01 .en {
      margin-top: 1px; }
  .outLine .content {
    position: relative;
    z-index: 10; }
  .outLine .pho {
    position: absolute;
    right: 0;
    bottom: -4px; }
  .outLine .linkList li {
    width: 30%;
    margin: 0 1.6%; }
  .outLine .comLink {
    width: 100%; }
    .outLine .comLink a {
      padding: 34px 10px;
      border-radius: 55px;
      font-size: 2.2rem;
      border: 3px solid #fff;
      background: url("../img/common/icon01.png") no-repeat right 30px center, linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%); }
  @media screen and (max-width: 897px) {
    .outLine {
      padding: 80px 0 180px; }
      .outLine .headLine01 {
        margin-bottom: 20px; }
      .outLine .pho {
        bottom: -2px; }
        .outLine .pho img {
          width: 200px; }
      .outLine .linkList {
        display: block; }
        .outLine .linkList li {
          width: 80%;
          max-width: 400px;
          margin: 0 auto 20px; }
          .outLine .linkList li:last-child {
            margin-bottom: 0; }
      .outLine .comLink a {
        padding: 15px 10px;
        border-radius: 35px;
        font-size: 2rem;
        background-size: 20px 20px,auto,auto; } }

/*--------------------------------------------
parts　/　photo
--------------------------------------------*/
.img img {
  border-radius: 15px;
  overflow: hidden; }

.photo_set {
  position: relative;
  height: 50vh;
  display: block;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 48px; }
  @media screen and (max-width: 1290px) {
    .photo_set {
      height: 80vh; } }
  @media screen and (max-width: 897px) {
    .photo_set {
      margin-bottom: 18px;
      height: 25vh; } }
  .photo_set .img {
    position: absolute;
    box-sizing: border-box; }
    .photo_set .img:nth-child(1) {
      left: 0;
      top: 0;
      width: 60%;
      height: 100%;
      border-right: 2px solid #F6FCFC; }
    .photo_set .img:nth-child(2) {
      left: 60%;
      top: 0;
      width: 40%;
      height: 50%;
      border-bottom: 2px solid #F6FCFC; }
    .photo_set .img:nth-child(3) {
      left: 60%;
      top: 50%;
      width: 40%;
      height: 50%; }
    .photo_set .img img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: 0; }

figure {
  margin: 0 10%; }
  @media screen and (max-width: 897px) {
    figure {
      margin: 0; } }
  figure figcaption {
    margin-top: 15px;
    font-size: 1.8rem;
    text-align: center; }

/*============================================
parts　/　table
============================================*/
.js-scrollable {
  margin: 38px 0; }
  .js-scrollable .inner {
    padding: 0; }
  .js-scrollable .unim-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 160px;
    height: 160px;
    background-color: #fff;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto; }
    .js-scrollable .unim-logo img {
      width: 100%;
      height: 100%; }
  .js-scrollable .hero-title {
    line-height: 1; }
  .js-scrollable table {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #3FC0B0;
    background-color: #F7F7F7;
    font-weight: 500; }
    @media screen and (max-width: 897px) {
      .js-scrollable table {
        font-size: 1.4rem; } }
    .js-scrollable table td {
      padding: 2%;
      border-top: 1px solid #3FC0B0;
      border-right: 1px solid #3FC0B0; }
      @media screen and (max-width: 897px) {
        .js-scrollable table td {
          white-space: nowrap;
          word-break: break-all; } }
      .js-scrollable table td:last-child {
        border-right: none; }
      .js-scrollable table td b {
        color: #c60011; }
      .js-scrollable table td p + h4 {
        margin-top: 28px; }
    .js-scrollable table span[data-content="○"], .js-scrollable table span[data-content="-"] {
      text-align: center;
      margin: 0 auto;
      display: block; }
    .js-scrollable table th {
      border-right: 1px solid #F7F7F7;
      border-top: 1px solid #fff;
      letter-spacing: 0.1em;
      line-height: 1.4;
      text-align: center;
      padding: 2%;
      background-color: #3FC0B0;
      min-width: 58px;
      color: #fff; }
      @media screen and (max-width: 897px) {
        .js-scrollable table th {
          white-space: nowrap;
          word-break: break-all; } }
      .js-scrollable table th:last-child {
        border-bottom: none;
        border-right: none; }
        .js-scrollable table th:last-child.last_td_border {
          border-right: 1px solid #fff; }
      .js-scrollable table th.th_l {
        background-color: #EFF9F8;
        color: #3FC0B0;
        border-right: 1px solid #3FC0B0;
        border-top: 1px solid #3FC0B0; }
        .js-scrollable table th.th_l strong {
          color: #383838;
          font-size: 1.5rem;
          background-color: #fff;
          padding: 20px;
          margin-top: 20px;
          border-radius: 20px;
          display: block;
          text-align: left; }
    .js-scrollable table tr:first-child th {
      border-top: 0; }
    .js-scrollable table .tb_bg {
      background-color: #d8e6dc;
      color: #242424; }
    .js-scrollable table b {
      color: #c60011; }
  .js-scrollable .js-scrollable {
    margin: 30px auto 0 auto; }
    .js-scrollable .js-scrollable .img {
      border: 1px solid #dedede;
      border-radius: 15px;
      margin: 0 auto;
      width: 80%; }
      .js-scrollable .js-scrollable .img img {
        box-sizing: border-box;
        width: 100%;
        border: none !important;
        padding: 4px;
        background: #fff;
        border-radius: 15px;
        overflow: hidden;
        transition: 0.3s; }
  .js-scrollable .js-scrollable-shadow {
    margin: 30px auto 0 auto; }
    .js-scrollable .js-scrollable-shadow table {
      background-color: transparent; }
  .js-scrollable .scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); }
  .js-scrollable .scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); }
  .js-scrollable .scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)); }

@media screen and (max-width: 897px) {
  .js-scrollable .unim-logo-box {
    order: -1; }
  .js-scrollable table {
    margin: 0; }
    .js-scrollable table td {
      padding: 0; }
    .js-scrollable table th {
      padding: 0; }
    .js-scrollable table span {
      margin: 20px;
      display: block; }
  .js-scrollable .js-scrollable {
    width: 100%; }
    .js-scrollable .js-scrollable .img {
      border: none;
      width: auto;
      max-width: inherit;
      min-width: inherit;
      width: auto; }
      .js-scrollable .js-scrollable .img img {
        max-width: 270%;
        min-width: inherit;
        width: auto; }
  .js-scrollable .js-scrollable-shadow {
    width: 100%; } }
/*============================================
parts　/　sortlst
============================================*/
@keyframes "test" {
  0% {
    transform: scale(0.1); }
  100% {
    transform: none; } }
.sortlst .btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .sortlst .btn {
      margin-top: 40px; } }
  .sortlst .btn a {
    width: 27.5%;
    padding: 22px;
    margin: 2.5%;
    border-radius: 15px;
    text-align: center;
    font-weight: 500;
    box-sizing: border-box;
    margin-bottom: 24px;
    position: relative; }
    @media screen and (max-width: 897px) {
      .sortlst .btn a {
        width: 100%;
        margin-bottom: 5px; } }
    .sortlst .btn a.all {
      background: linear-gradient(90deg, #F0AE97 0%, #CCF0B0 50%, #79C1BA 100%); }
    .sortlst .btn a.nurse {
      background: linear-gradient(90deg, #EFDA93 0%, #F0AE97 100%); }
    .sortlst .btn a.care {
      background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%); }
    .sortlst .btn a::after {
      position: absolute;
      content: "";
      display: inline-block;
      background-image: url(../img/common/icon01.png);
      width: 24px;
      height: 24px;
      background-size: cover;
      top: 50%;
      right: 20px;
      transform: translateY(-50%); }
.sortlst .list li {
  margin-bottom: 128px;
  list-style: none;
  animation: test .8s; }
  @media screen and (max-width: 897px) {
    .sortlst .list li {
      margin-bottom: 80px; } }
  .sortlst .list li:nth-child(even) {
    margin-right: 0; }

/*============================================
parts　/　accordion
============================================*/
.faqlst__Box {
  margin-bottom: 100px; }
  @media screen and (max-width: 897px) {
    .faqlst__Box {
      margin-bottom: 40px; } }
.faqlst .cat {
  border-radius: 3px;
  text-align: center;
  padding: 5px 10px;
  margin-left: 28px;
  font-size: 1.5rem;
  color: #fff;
  white-space: nowrap; }
  @media screen and (max-width: 897px) {
    .faqlst .cat {
      font-size: 2vw;
      margin-left: 10px; } }
  .faqlst .cat.nurse {
    background: linear-gradient(90deg, #EFDA93 0%, #F0AE97 100%); }
  .faqlst .cat.care {
    background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%); }
.faqlst dl {
  position: relative;
  margin: 30px 0 0;
  cursor: pointer;
  border: 1px solid #DDD;
  border-radius: 15px;
  overflow: hidden; }
  .faqlst dl:first-child {
    margin-top: 0; }
  .faqlst dl::after {
    position: absolute;
    top: 27px;
    right: 26px;
    display: block;
    width: 7px;
    height: 7px;
    margin: auto;
    content: '';
    transform: rotate(135deg);
    border-top: 2px solid #000;
    border-right: 2px solid #000; }
  .faqlst dl dt {
    position: relative;
    margin: 0;
    height: auto;
    box-sizing: border-box;
    padding: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    background: #E5F3DB; }
    @media screen and (max-width: 897px) {
      .faqlst dl dt {
        height: auto;
        padding: 15px 35px;
        height: auto; } }
    .faqlst dl dt span {
      max-width: 85%;
      display: inline-block; }
    .faqlst dl dt b.faq-q {
      width: 58px;
      height: 58px;
      line-height: 58px;
      display: inline-block;
      border-radius: 50%;
      background-color: #A3D47E;
      color: #fff;
      font-size: 2.5rem;
      text-align: center;
      margin-right: 28px; }
      @media screen and (max-width: 897px) {
        .faqlst dl dt b.faq-q {
          position: absolute;
          left: 8px;
          width: 28px;
          height: 28px;
          line-height: 28px;
          margin-right: 15px;
          font-size: 1.5rem; } }
  .faqlst dl dd {
    position: relative;
    margin: 0;
    padding: 20px 20px 20px 20px; }
    .faqlst dl dd p {
      margin: 30px 0 0; }
      .faqlst dl dd p:first-child {
        margin-top: 0; }
      .faqlst dl dd p a {
        padding: 5px 10px;
        position: relative;
        background-color: #FED501;
        border-radius: 3px;
        margin: 0 5px; }
        .faqlst dl dd p a::after {
          content: "";
          display: inline-block;
          width: 20px;
          height: 8px;
          border-bottom: 1px solid #000;
          border-right: 1px solid #000;
          transform: skew(45deg); }
.faqlst .open::after {
  transform: rotate(-45deg); }

@media screen and (max-width: 897px) {
  .faqlst dl {
    margin: 10px 0 0; }
    .faqlst dl:after {
      top: 20px;
      right: 20px;
      width: 7px;
      height: 7px; }
    .faqlst dl dt {
      padding: 16px 16px 16px 50px;
      font-size: 14px;
      display: inherit;
      padding: 15px 35px 15px 48px; }
      .faqlst dl dt::before {
        font-size: 14px;
        top: 20px;
        left: 20px; }
    .faqlst dl dd {
      margin: 0;
      padding: 16px 16px 16px 50px;
      font-size: 14px; }
      .faqlst dl dd::before {
        font-size: 14px;
        left: 20px;
        margin-top: 5px; }
      .faqlst dl dd p {
        margin: 30px 0 0; }
        .faqlst dl dd p:first-child {
          margin-top: 0; } }
/*--------------------------------------------
parts　/　flex
--------------------------------------------*/
.column {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.cntlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  @media screen and (max-width: 897px) {
    .cntlist {
      display: block;
      margin-bottom: 0; } }
  .cntlist__item {
    width: 48%; }
    @media screen and (max-width: 897px) {
      .cntlist__item {
        width: 100% !important; } }
    .cntlist__item .txt {
      background-color: #fff;
      box-sizing: border-box;
      border-radius: 15px;
      max-width: 318px;
      width: 100%;
      padding: 20px 14px;
      margin: -30px auto 0;
      display: table;
      position: relative; }
      .cntlist__item .txt::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background-color: #fff;
        width: 34px;
        height: 11px;
        clip-path: polygon(0 0, 50% 100%, 100% 0); }
      .cntlist__item .txt h2 {
        font-size: 2.2rem;
        line-height: 1;
        padding: 0 0 20px 0;
        position: relative; }
        @media screen and (max-width: 897px) {
          .cntlist__item .txt h2 {
            font-size: 2.0rem; } }
      .cntlist__item .txt p {
        margin: 0 0 20px;
        min-height: 60px; }
        @media screen and (max-width: 897px) {
          .cntlist__item .txt p {
            min-height: inherit; } }
    .cntlist__item .btn_gradient {
      width: 100%; }
      .cntlist__item .btn_gradient a {
        display: block;
        width: 100%; }
    .cntlist__item .comBtn01 {
      text-align: right; }
      .cntlist__item .comBtn01 span {
        padding-right: 0;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.5rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        padding-bottom: 5px;
        position: relative;
        border-bottom: 1px solid #fff;
        transition: 0.5s; }
        .cntlist__item .comBtn01 span a {
          color: #383838; }
        .cntlist__item .comBtn01 span small {
          font-size: 1.2rem;
          margin-left: 1%; }
        .cntlist__item .comBtn01 span::before {
          content: "";
          display: inline-block;
          width: 22px;
          height: 22px;
          position: absolute;
          left: -38px;
          top: 50%;
          transform: translateY(-50%);
          background: url("../img/und/icon01.png") no-repeat left center/22px; }
    .cntlist__item:not(:last-of-type) {
      margin: 0 0 60px 0; }
      @media screen and (max-width: 897px) {
        .cntlist__item:not(:last-of-type) {
          margin: 0 0 40px 0; } }
    .cntlist__item .img img {
      border-radius: 0; }
  .cntlist.column02::after {
    content: "";
    display: inline-block;
    width: calc(100%/2); }
  .cntlist.column02 .cntlist__item {
    width: calc(100%/2); }
    .cntlist.column02 .cntlist__item:nth-child(n+3) {
      margin-top: 0; }
      .cntlist.column02 .cntlist__item:nth-child(n+3):nth-child(n+2) {
        margin: 60px 0 0 0; }
    .cntlist.column02 .cntlist__item .txt h2 {
      font-size: 1.9rem;
      text-align: center; }
      @media screen and (max-width: 897px) {
        .cntlist.column02 .cntlist__item .txt h2 {
          font-size: 4.5vw; } }
  .cntlist.column03::after {
    content: "";
    display: inline-block;
    width: calc(100%/3); }
  .cntlist.column03 .cntlist__item {
    width: calc(100%/3); }
    .cntlist.column03 .cntlist__item:nth-child(n+3) {
      margin-top: 0; }
    @media screen and (max-width: 897px) {
      .cntlist.column03 .cntlist__item:last-child {
        margin-bottom: 0 !important; } }
    .cntlist.column03 .cntlist__item .txt h2 {
      font-size: 2rem;
      padding-bottom: 0; }
      @media screen and (max-width: 897px) {
        .cntlist.column03 .cntlist__item .txt h2 {
          font-size: 4.5vw; } }
    .cntlist.column03 .cntlist__item .txt .btn_gradient {
      width: 100%; }
      .cntlist.column03 .cntlist__item .txt .btn_gradient a {
        padding-top: 12px;
        padding-bottom: 12px;
        width: 100%; }
  .cntlist.column04::after {
    content: "";
    display: inline-block;
    width: calc(100%/4 - 44px); }
  .cntlist.column04 .cntlist__item {
    width: calc(100%/4 - 44px); }
    .cntlist.column04 .cntlist__item:nth-child(n+3) {
      margin-top: 0; }
      .cntlist.column04 .cntlist__item:nth-child(n+3):nth-child(n+5) {
        margin: 60px 0 0 0; }
        @media screen and (max-width: 897px) {
          .cntlist.column04 .cntlist__item:nth-child(n+3):nth-child(n+5) {
            margin: 0; } }
    .cntlist.column04 .cntlist__item .txt {
      border-left: none;
      padding: 0; }
    .cntlist.column04 .cntlist__item h3 {
      margin-bottom: 26px;
      font-size: 1.9rem;
      text-align: center; }
    .cntlist.column04 .cntlist__item p {
      color: #383838;
      font-size: calc(var(--f) * 1.75); }
  .cntlist:last-child {
    margin-bottom: 0; }
  .cntlist_basic {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .cntlist_basic__item {
      width: calc(100%/2 - 18px);
      overflow: hidden;
      border-radius: 0 0 15px 15px; }
      @media screen and (max-width: 897px) {
        .cntlist_basic__item {
          width: auto; } }
      .cntlist_basic__item .ttl {
        text-align: center; }
      @media screen and (max-width: 897px) {
        .cntlist_basic__item + .cntlist_basic__item {
          margin-top: 38px; } }
    .cntlist_basic .txt::before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 0;
      transform: translateX(-50%);
      background-color: #fff;
      width: 34px;
      height: 11px;
      clip-path: polygon(0 0, 50% 100%, 100% 0); }

[class$="__item"] .ttl {
  width: 100%;
  display: block; }

.und_cntlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.13);
  border-radius: 15px;
  overflow: hidden; }
  @media screen and (max-width: 897px) {
    .und_cntlist {
      display: inherit;
      box-shadow: none;
      margin-bottom: 0; } }
  .und_cntlist__item {
    width: calc(100%/3);
    background-color: #fff;
    box-sizing: border-box;
    position: relative; }
    @media screen and (max-width: 897px) {
      .und_cntlist__item {
        width: auto;
        margin-bottom: 40px;
        border-radius: 15px;
        margin: 8px;
        overflow: hidden;
        box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.13);
        display: inline-block; } }
    .und_cntlist__item:nth-child(2)::before, .und_cntlist__item :nth-child(5)::before {
      content: "";
      display: inline-block;
      width: 2px;
      height: 100%;
      background-color: #E4E4E4;
      position: absolute;
      left: 0;
      top: 0; }
    .und_cntlist__item:nth-child(2)::after, .und_cntlist__item :nth-child(5)::after {
      content: "";
      display: inline-block;
      width: 2px;
      height: 100%;
      background-color: #E4E4E4;
      position: absolute;
      right: 0;
      top: 0; }
    .und_cntlist__item .txt {
      box-sizing: border-box;
      position: relative; }
      .und_cntlist__item .txt h2 {
        font-size: 1.9rem;
        line-height: 1;
        padding: 0 0 24px 0;
        position: relative; }
      .und_cntlist__item .txt p {
        margin: 0 0 20px; }
    .und_cntlist__item .img img {
      border-radius: 0; }
    .und_cntlist__item a {
      display: block; }

.artlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px; }
  @media screen and (max-width: 897px) {
    .artlist {
      display: inherit;
      margin-bottom: 40px; } }
  .artlist::after {
    content: "";
    display: inline-block;
    width: calc(100%/3 - 30px); }
    @media screen and (max-width: 897px) {
      .artlist::after {
        content: none; } }
  .artlist__item {
    width: calc(100%/3 - 30px);
    margin-bottom: 68px; }
    @media screen and (max-width: 897px) {
      .artlist__item {
        width: auto;
        margin-bottom: 40px; } }
    .artlist__item .img {
      border-radius: 15px;
      margin-bottom: 24px;
      overflow: hidden; }
    .artlist__item .txt {
      box-sizing: border-box;
      display: table;
      position: relative; }
      .artlist__item .txt h2 {
        font-size: 1.9rem;
        position: relative;
        line-height: 1.4; }
        @media screen and (max-width: 897px) {
          .artlist__item .txt h2 {
            line-height: 1.4;
            padding: 0; } }
      .artlist__item .txt p {
        margin: 0 0 20px; }
    .artlist__item a {
      display: block; }
    .artlist__item:last-child {
      margin-bottom: 0; }
  .artlist.column2 .artlist__item {
    width: calc(100%/2 - 2.5%);
    box-sizing: border-box; }
    @media screen and (max-width: 897px) {
      .artlist.column2 .artlist__item {
        width: auto; } }
    .artlist.column2 .artlist__item.shadow__box {
      padding: 54px; }
      @media screen and (max-width: 897px) {
        .artlist.column2 .artlist__item.shadow__box {
          padding: 28px; } }
      .artlist.column2 .artlist__item.shadow__box + .shadow__box {
        margin-top: 0; }
    .artlist.column2 .artlist__item p:last-child {
      margin-bottom: 0; }
  .artlist.column2::after {
    content: none; }
  .artlist:last-child {
    margin-bottom: 0; }

.artphoto {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 897px) {
    .artphoto {
      direction: inherit; } }
  .artphoto__item:first-child {
    width: 48%; }
    @media screen and (max-width: 897px) {
      .artphoto__item:first-child {
        width: auto;
        margin-bottom: 40px; } }
  .artphoto__item:last-child {
    width: 50%; }
    @media screen and (max-width: 897px) {
      .artphoto__item:last-child {
        width: auto; } }
  .artphoto__item p + p {
    margin-top: 18px; }
  .artphoto__item .btn_gradient {
    width: 100%; }
    .artphoto__item .btn_gradient a {
      width: 100%;
      line-height: 1.4; }
  .artphoto + .txt {
    margin-top: 60px; }

.artphoto_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.13);
  border-radius: 15px;
  overflow: hidden; }
  @media screen and (max-width: 897px) {
    .artphoto_box {
      display: inherit;
      margin-bottom: 68px; } }
  .artphoto_box:last-child {
    margin-bottom: 0; }
  .artphoto_box__item {
    box-sizing: border-box;
    width: 50%;
    display: block; }
    @media screen and (max-width: 897px) {
      .artphoto_box__item {
        width: auto; } }
    .artphoto_box__item:last-child {
      display: flex;
      align-items: center; }
      .artphoto_box__item:last-child .txt {
        padding: 48px; }
        @media screen and (max-width: 897px) {
          .artphoto_box__item:last-child .txt {
            padding: 38px; } }
    .artphoto_box__item .ttl {
      margin-bottom: 18px;
      font-size: 2.5rem; }
      @media screen and (max-width: 897px) {
        .artphoto_box__item .ttl {
          font-size: 2rem; } }
    .artphoto_box__item .img {
      width: 100%;
      height: 100%;
      line-height: 0; }
      .artphoto_box__item .img img {
        border-radius: 0;
        object-fit: cover;
        width: 100%;
        height: 100%;
        max-width: inherit; }
    .artphoto_box__item .btn_gradient a {
      min-width: 260px;
      padding-top: 12px;
      padding-bottom: 12px; }
  .artphoto_box + .artphoto_box {
    margin-top: 68px; }

.photolst {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .photolst__item {
    width: calc(100%/2 - 2.5%); }

.pointlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .pointlist {
      display: inherit; } }
  .pointlist__item {
    width: calc(100%/3 - 30px);
    box-sizing: border-box;
    background-color: #F7F7F7;
    border-radius: 15px;
    padding: 42px;
    position: relative; }
    @media screen and (max-width: 897px) {
      .pointlist__item {
        width: auto;
        margin-bottom: 40px; } }
    .pointlist__item b {
      position: absolute;
      left: 50%;
      top: -40px;
      transform: translateX(-50%);
      font-size: 4rem; }
    .pointlist__item .ttl {
      text-align: center;
      font-size: 1.8rem;
      margin-bottom: 24px; }
    .pointlist__item .txt {
      font-size: 1.8rem; }

.steplist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .steplist {
      display: inherit; } }
  .steplist__item {
    width: calc(100%/3 - 30px);
    box-sizing: border-box;
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.13);
    border-radius: 15px;
    padding: 75px 42px 42px;
    position: relative; }
    @media screen and (max-width: 897px) {
      .steplist__item {
        width: auto;
        margin-bottom: 80px; } }
    .steplist__item::after {
      content: "";
      display: inline-block;
      position: absolute;
      right: -9%;
      top: 50%;
      transform: translateY(-50%);
      width: 0;
      height: 0;
      border: solid 6px transparent;
      border-left: solid 8px #FED501; }
      @media screen and (max-width: 897px) {
        .steplist__item::after {
          left: 50%;
          right: auto;
          top: auto;
          bottom: -38px;
          transform: translateX(-50%);
          border-top: 8px solid #FED501;
          border-right: 8px solid transparent;
          border-left: 8px solid transparent; } }
    .steplist__item:last-child::after {
      content: none; }
    .steplist__item b {
      width: 106px;
      height: 106px;
      line-height: 106px;
      box-sizing: border-box;
      display: block;
      color: #fff;
      font-size: 28px;
      text-align: center;
      border-radius: 50%;
      background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%);
      line-height: 1;
      padding-top: 20px;
      position: absolute;
      left: 50%;
      top: -50px;
      transform: translateX(-50%); }
      @media screen and (max-width: 897px) {
        .steplist__item b {
          width: 90px;
          height: 90px;
          line-height: 90px; } }
      .steplist__item b .month_no {
        font-size: 5.2rem; }
        @media screen and (max-width: 897px) {
          .steplist__item b .month_no {
            font-size: 3.2rem; } }
      @media screen and (max-width: 897px) {
        .steplist__item b {
          width: 80px;
          height: 80px;
          line-height: 1;
          font-size: 1.8rem;
          top: -32px; } }
      .steplist__item b.en {
        font-size: 1.5rem;
        margin-bottom: 10px; }
      .steplist__item b .no {
        display: block;
        font-size: 3.8rem;
        line-height: 1.5; }
        @media screen and (max-width: 897px) {
          .steplist__item b .no {
            font-size: 2.8rem;
            line-height: 1.2; } }
    .steplist__item .ttl {
      text-align: center;
      font-size: 1.8rem;
      margin-bottom: 24px; }
    .steplist__item .txt {
      font-size: 1.8rem; }
      .steplist__item .txt p + p {
        margin-top: 15px; }

.txtlst {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 897px) {
    .txtlst {
      display: inherit; } }
  .txtlst__item {
    width: calc(100%/2 - 18px);
    margin-bottom: 38px;
    box-sizing: border-box;
    background-color: #3FC0B0;
    border-radius: 15px;
    padding: 38px;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1.4; }
    @media screen and (max-width: 897px) {
      .txtlst__item {
        width: auto;
        padding: 15px;
        margin-bottom: 5px; } }
    .txtlst__item strong {
      text-align: center;
      width: 100%;
      display: block;
      font-size: 2rem; }
      @media screen and (max-width: 897px) {
        .txtlst__item strong {
          font-size: 1.6rem; } }

.txtlst_hl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .txtlst_hl {
      display: inherit;
      margin-top: 15px; } }
  .txtlst_hl__item {
    width: calc(100%/2 - 18px);
    margin-bottom: 38px;
    box-sizing: border-box;
    border-radius: 0 0 15px 15px;
    overflow: hidden; }
    @media screen and (max-width: 897px) {
      .txtlst_hl__item {
        width: auto; } }
    .txtlst_hl__item .ttl {
      text-align: center;
      width: 100%;
      display: block;
      margin-bottom: 20px;
      font-size: 2.4rem; }
      @media screen and (max-width: 897px) {
        .txtlst_hl__item .ttl {
          margin-bottom: 10px;
          font-size: 1.7rem; } }
    .txtlst_hl__item .txt {
      padding: 38px;
      border-radius: 15px;
      background-color: #EFF9F8;
      position: relative;
      height: 100%; }
      @media screen and (max-width: 897px) {
        .txtlst_hl__item .txt {
          padding: 20px; } }
      .txtlst_hl__item .txt::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background-color: #fff;
        width: 34px;
        height: 11px;
        clip-path: polygon(0 0, 50% 100%, 100% 0); }
      .txtlst_hl__item .txt p + ul, .txtlst_hl__item .txt p ol, .txtlst_hl__item .txt p dl {
        margin: 28px 0 0; }
      .txtlst_hl__item .txt.txt_ct {
        text-align: center; }
    @media screen and (max-width: 897px) {
      .txtlst_hl__item:last-child {
        margin-bottom: 0; } }
  @media screen and (max-width: 897px) {
    .txtlst_hl .column {
      display: inherit; } }
  .txtlst_hl .column__item {
    margin-bottom: 24px;
    width: 50%;
    box-sizing: border-box;
    position: relative;
    padding: 0 16px 0 0; }
    @media screen and (max-width: 897px) {
      .txtlst_hl .column__item {
        width: auto;
        padding: 0; } }
    @media screen and (max-width: 897px) {
      .txtlst_hl .column__item:first-child {
        padding-bottom: 28px; } }
    .txtlst_hl .column__item:first-child::after {
      content: "";
      display: inline-block;
      width: 2px;
      height: 100%;
      background-color: #B7B7B7;
      position: absolute;
      right: 0;
      top: 0; }
      @media screen and (max-width: 897px) {
        .txtlst_hl .column__item:first-child::after {
          width: 100%;
          height: 2px;
          top: auto;
          bottom: 0; } }
    .txtlst_hl .column__item:last-child {
      padding-left: 19px;
      padding-right: 0; }
    .txtlst_hl .column__item [class^="icon-"] {
      display: block;
      padding-top: 82px;
      font-size: 2.3rem;
      font-weight: 800;
      line-height: 1.2; }
      @media screen and (max-width: 897px) {
        .txtlst_hl .column__item [class^="icon-"] {
          font-size: 5vw; } }
      .txtlst_hl .column__item [class^="icon-"]::before {
        content: "";
        display: inline-block;
        background-size: cover;
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%); }
    .txtlst_hl .column__item .icon-tel::before {
      width: 72px;
      height: 65px;
      background-image: url("../img/common/icon-tel.png"); }
    .txtlst_hl .column__item .icon-fax::before {
      width: 72px;
      height: 65px;
      background-image: url("../img/common/icon_fax.png"); }
    .txtlst_hl .column__item.icon-mail {
      padding: 0;
      display: flex;
      justify-content: center; }
      .txtlst_hl .column__item.icon-mail img {
        object-fit: contain;
        height: 81%;
        margin: 0 auto; }
        @media screen and (max-width: 897px) {
          .txtlst_hl .column__item.icon-mail img {
            height: 105px; } }

.datalst {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .datalst {
      display: flex;
      margin-top: 40px; } }
  .datalst__item {
    width: 30%;
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px dashed #E4E4E4; }
    @media screen and (max-width: 897px) {
      .datalst__item {
        width: 100%;
        margin-bottom: 15px;
        padding-bottom: 15px; } }
    .datalst__item strong {
      font-size: 1.7rem;
      font-weight: 400;
      padding-left: 70px;
      position: relative;
      display: block; }
      @media screen and (max-width: 897px) {
        .datalst__item strong {
          padding-left: 38px; } }
      .datalst__item strong::before {
        content: "";
        display: inline-block;
        width: 60px;
        height: 1px;
        background-color: #B7B7B7;
        position: absolute;
        top: 50%;
        left: 0; }
        @media screen and (max-width: 897px) {
          .datalst__item strong::before {
            width: 28px; } }
  .datalst::after {
    content: "";
    display: inline-block;
    width: 30%; }

.datalst_bg {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .datalst_bg {
      justify-content: flex-start;
      margin-top: 48px; } }
  .datalst_bg__item {
    width: 33%;
    padding: 22px;
    background-color: #F7F7F7;
    border-radius: 15px;
    box-sizing: border-box;
    margin-bottom: 24px; }
    @media screen and (max-width: 897px) {
      .datalst_bg__item {
        width: auto;
        display: inline-table;
        padding: 10px;
        margin: 1.5%; } }
    .datalst_bg__item strong {
      font-size: 1.8rem;
      padding-left: 38px;
      position: relative;
      text-align: center;
      display: table;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 897px) {
        .datalst_bg__item strong {
          padding-left: 18px;
          font-size: 1.4rem; } }
      .datalst_bg__item strong::before {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        background-color: #fff;
        border: 2px solid #3FC0B0;
        border-radius: 50%;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 0; }
        @media screen and (max-width: 897px) {
          .datalst_bg__item strong::before {
            width: 7px;
            height: 7px; } }
  .datalst_bg::after {
    content: "";
    display: inline-block;
    width: 33%; }

.btnlist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .btnlist {
      margin-top: 40px; } }
  .btnlist__item img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-width: 440px; }

.linklst {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 78px; }
  @media screen and (max-width: 897px) {
    .linklst {
      display: inherit;
      margin-top: 40px; } }
  .linklst__item {
    width: calc(100%/3 - 2.5%);
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px dashed #E4E4E4; }
    @media screen and (max-width: 897px) {
      .linklst__item {
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 15px; } }
    .linklst__item a {
      font-size: 1.7rem;
      font-weight: 400;
      padding-left: 70px;
      position: relative;
      display: block; }
      @media screen and (max-width: 897px) {
        .linklst__item a {
          padding-left: 40px; } }
      .linklst__item a::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        background-image: url("../img/und/icon_linklst.png");
        background-size: cover;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0; }
        @media screen and (max-width: 897px) {
          .linklst__item a::before {
            width: 18px;
            height: 18px; } }

.pagelink {
  margin: 80px auto;
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 897px) {
    .pagelink {
      margin: 40px auto;
      display: inherit; } }
  .pagelink a {
    position: relative; }
    @media screen and (max-width: 897px) {
      .pagelink a {
        display: block;
        width: 100%; } }
    .pagelink a::after {
      content: "";
      display: inline-block;
      content: "/";
      margin: 0 20px; }

.downloadlist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media screen and (max-width: 897px) {
    .downloadlist {
      display: flex; } }
  .downloadlist__item {
    width: calc(100%/3 - 30px);
    background-color: #F7F7F7;
    border-radius: 15px;
    padding: 38px 58px 28px;
    box-sizing: border-box;
    position: relative; }
    @media screen and (max-width: 897px) {
      .downloadlist__item {
        width: auto; } }
    .downloadlist__item .img {
      display: table;
      margin: 0 auto 24px; }
    .downloadlist__item .data {
      text-align: center;
      font-size: 1.3rem;
      padding: 8px; }
    .downloadlist__item .btn_gradient {
      width: 100%; }
      .downloadlist__item .btn_gradient a {
        width: 100%; }

.teltxt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #EFF9F8;
  border: #3FC0B0 1px solid;
  border-radius: 15px;
  padding: 48px;
  max-width: 900px;
  margin: 0 auto 60px; }
  @media screen and (max-width: 897px) {
    .teltxt {
      display: inherit;
      max-width: inherit;
      padding: 100px 15px 15px;
      margin: 0 auto 40px;
      text-align: center; } }
  .teltxt h2 {
    position: relative;
    padding-left: 88px;
    font-size: 2.4rem;
    line-height: 1.4;
    margin-bottom: 0; }
    @media screen and (max-width: 897px) {
      .teltxt h2 {
        padding-left: 0;
        margin-bottom: 15px; } }
    .teltxt h2::before {
      content: "";
      display: inline-block;
      width: 67px;
      height: 60px;
      background-image: url("../img/common/icon-tel.png");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      left: 0;
      top: 30%;
      transform: translateY(-50%); }
      @media screen and (max-width: 897px) {
        .teltxt h2::before {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          top: -78px; } }
  .teltxt .tel_no {
    width: 48%;
    border-left: 1px dashed #383838;
    padding-left: 32px; }
    @media screen and (max-width: 897px) {
      .teltxt .tel_no {
        width: auto;
        padding-left: 0;
        border-left: none;
        margin-bottom: 15px; } }
    .teltxt .tel_no a {
      line-height: 1;
      font-size: 5.9rem;
      font-weight: 500; }
      @media screen and (max-width: 897px) {
        .teltxt .tel_no a {
          font-size: 2.9rem;
          margin-bottom: 15px;
          display: block; } }

/*--------------------------------------------
parts　/　list
--------------------------------------------*/
.txtlist dl > div, .txtlist ul > li {
  padding: 28px  10px;
  display: flex;
  align-items: center;
  position: relative; }
  .txtlist dl > div .ttl, .txtlist ul > li .ttl {
    margin-bottom: 0;
    margin-right: 38px; }
    @media screen and (max-width: 897px) {
      .txtlist dl > div .ttl, .txtlist ul > li .ttl {
        margin-right: 0; } }
  .txtlist dl > div p, .txtlist ul > li p {
    text-align: center; }
.txtlist_history div.txtlist__item {
  border-top: 2px solid #3FC0B0;
  border-bottom: 2px solid #3FC0B0;
  height: 100px;
  box-sizing: border-box; }
  @media screen and (max-width: 897px) {
    .txtlist_history div.txtlist__item {
      height: auto;
      display: inherit; } }
  .txtlist_history div.txtlist__item + .txtlist__item {
    margin-top: 38px; }
  .txtlist_history div.txtlist__item::before {
    content: "";
    display: inline-block;
    width: 80%;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    background: #F7F7F7;
    transform: scaleY(0.89) perspective(1em) rotateX(1deg);
    transform-origin: top right;
    box-sizing: border-box; }
    @media screen and (max-width: 897px) {
      .txtlist_history div.txtlist__item::before {
        content: none;
        width: 72%;
        height: 97%; } }
  .txtlist_history div.txtlist__item dt {
    width: 30%; }
    @media screen and (max-width: 897px) {
      .txtlist_history div.txtlist__item dt {
        width: auto; } }
  .txtlist_history div.txtlist__item dd {
    width: 70%; }
    @media screen and (max-width: 897px) {
      .txtlist_history div.txtlist__item dd {
        width: auto; } }

.numlst {
  list-style: decimal-leading-zero;
  padding-left: 45px; }
  @media screen and (max-width: 897px) {
    .numlst {
      padding-left: 25px; } }
  .numlst__box {
    position: relative;
    margin: 0;
    height: 100%; }
  .numlst__item {
    position: relative;
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px dashed #E4E4E4; }
    .numlst__item::marker {
      font-size: 2.5rem;
      font-weight: 600;
      font-family: "century-gothic", sans-serif;
      font-style: normal; }
      @media screen and (max-width: 897px) {
        .numlst__item::marker {
          font-size: 1.6rem; } }
    .numlst__item:last-child {
      margin-bottom: 0; }

.ullst__box {
  position: relative;
  margin-top: 100px; }
  @media screen and (max-width: 897px) {
    .ullst__box {
      margin-top: 48px; } }
.ullst__item {
  position: relative;
  padding-bottom: 28px;
  margin-bottom: 28px;
  border-bottom: 1px dashed #E4E4E4;
  padding-left: 38px;
  font-weight: 600;
  line-height: 1.4; }
  @media screen and (max-width: 897px) {
    .ullst__item {
      padding-bottom: 18px;
      margin-bottom: 18px; } }
  .ullst__item::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 2px solid #3FC0B0;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    left: 0; }
    @media screen and (max-width: 897px) {
      .ullst__item::before {
        top: 2%; } }
  .ullst__item:last-child {
    margin-bottom: 0; }

.dllst__box {
  position: relative; }
.dllst__item {
  position: relative;
  padding-bottom: 28px;
  margin-bottom: 28px;
  display: flex;
  border-bottom: 1px dashed #E4E4E4; }
  @media screen and (max-width: 897px) {
    .dllst__item {
      display: inherit; } }
  .dllst__item:last-child {
    margin-bottom: 0; }
  .dllst__item dt {
    font-weight: 700;
    width: 12%; }
    @media screen and (max-width: 897px) {
      .dllst__item dt {
        width: auto; } }
  .dllst__item dd {
    margin-left: 90px; }
    @media screen and (max-width: 897px) {
      .dllst__item dd {
        width: auto;
        margin-left: 0; } }

.schedulelist__item {
  padding: 0 38px 0 100px;
  margin-bottom: 60px;
  border-radius: 15px;
  background-color: #F7F7F7;
  display: flex;
  flex-wrap: nowrap;
  align-items: center; }
  @media screen and (max-width: 897px) {
    .schedulelist__item {
      display: inherit;
      padding: 0 20px 20px;
      margin-bottom: 40px; } }
  .schedulelist__item > .month {
    width: 100px;
    display: flex;
    align-items: center;
    height: 300px;
    position: relative; }
    @media screen and (max-width: 897px) {
      .schedulelist__item > .month {
        height: 150px;
        margin: 0 auto; } }
    .schedulelist__item > .month::before {
      content: "";
      display: inline-block;
      width: 1px;
      height: 120%;
      border-left: 1px dashed #3FC0B0;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 897px) {
        .schedulelist__item > .month::before {
          height: 167%; } }
    .schedulelist__item > .month h2, .schedulelist__item > .month h3 {
      width: 106px;
      height: 106px;
      line-height: 106px;
      box-sizing: border-box;
      display: block;
      color: #fff;
      font-size: 28px;
      text-align: center;
      border-radius: 50%;
      background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
      position: absolute;
      left: 24px;
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
      @media screen and (max-width: 897px) {
        .schedulelist__item > .month h2, .schedulelist__item > .month h3 {
          width: 90px;
          height: 90px;
          line-height: 90px; } }
      .schedulelist__item > .month h2 .month_no, .schedulelist__item > .month h3 .month_no {
        font-size: 5.2rem; }
        @media screen and (max-width: 897px) {
          .schedulelist__item > .month h2 .month_no, .schedulelist__item > .month h3 .month_no {
            font-size: 3.2rem; } }
  .schedulelist__item > ul {
    width: 330px;
    padding: 38px;
    margin: 0 68px; }
    @media screen and (max-width: 897px) {
      .schedulelist__item > ul {
        padding: 15px;
        margin: 0; } }
    .schedulelist__item > ul li {
      border-radius: 10px;
      background-color: #3FC0B0;
      text-align: center;
      position: relative;
      color: #fff;
      padding: 10px;
      line-height: 1; }
      .schedulelist__item > ul li::before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%); }
      .schedulelist__item > ul li + li {
        margin-top: 8px; }
      .schedulelist__item > ul li h3, .schedulelist__item > ul li h4 {
        font-weight: 500;
        margin: 0; }
  .schedulelist__item > .img {
    padding: 38px;
    width: 390px;
    margin-left: auto; }
    @media screen and (max-width: 897px) {
      .schedulelist__item > .img {
        padding: 15px;
        width: auto;
        margin-left: 0; } }

.information_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  overflow: hidden;
  border-bottom: 2px solid #E4E4E4; }
  @media screen and (max-width: 897px) {
    .information_box {
      display: inherit;
      margin-bottom: 48px; } }
  .information_box__item {
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    display: block;
    box-sizing: border-box; }
    @media screen and (max-width: 897px) {
      .information_box__item {
        width: auto; } }
    .information_box__item:last-child .txt {
      padding: 48px; }
      @media screen and (max-width: 897px) {
        .information_box__item:last-child .txt {
          padding: 24px 0 36px; } }
    .information_box__item .ttl {
      margin-bottom: 18px; }
    .information_box__item .img {
      width: 100%; }
      .information_box__item .img img {
        object-fit: cover;
        height: 100%;
        width: 100%; }

.information_pagination {
  display: flex;
  justify-content: center;
  padding: 60px 0; }
  @media screen and (max-width: 897px) {
    .information_pagination {
      padding-top: 0; } }
  .information_pagination__prev, .information_pagination__next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    aspect-ratio: 1/1;
    margin: 0 5px;
    font-size: 20px;
    border-radius: 15px;
    background: #FED501; }
  .information_pagination__items {
    display: flex; }
    .information_pagination__items a {
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 64px;
      aspect-ratio: 1/1;
      margin: 0 5px;
      font-size: 20px;
      border: 1px solid #E4E4E4;
      border-radius: 15px; }
  @media screen and (max-width: 897px) {
    .information_pagination {
      gap: 5px; }
      .information_pagination__prev, .information_pagination__next {
        width: calc((100vw - 60px) / 7);
        margin: 0;
        font-size: 16px; }
      .information_pagination__items {
        gap: 5px; }
        .information_pagination__items a {
          width: calc((100vw - 60px) / 7);
          margin: 0;
          font-size: 16px; } }

.catelst {
  position: relative;
  margin: -1em 0 3em; }
  @media screen and (max-width: 897px) {
    .catelst {
      display: inherit;
      margin-top: 40px; } }
  .catelst__item {
    padding-bottom: 28px;
    margin-bottom: 28px;
    border-bottom: 1px dashed #E4E4E4; }
    @media screen and (max-width: 897px) {
      .catelst__item {
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 15px; } }
    .catelst__item a {
      font-size: 1.7rem;
      font-weight: 400;
      padding-left: 70px;
      position: relative; }
      @media screen and (max-width: 897px) {
        .catelst__item a {
          padding-left: 40px; } }
      .catelst__item a::before {
        content: "";
        display: inline-block;
        width: 28px;
        height: 28px;
        background-image: url("../img/und/icon_linklst.png");
        background-size: cover;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0; }
        @media screen and (max-width: 897px) {
          .catelst__item a::before {
            width: 18px;
            height: 18px; } }

/*--------------------------------------------
und-about-building
--------------------------------------------*/
.und-about-building .artlist__item .txt {
  width: 100%; }
  .und-about-building .artlist__item .txt h2 {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

/*--------------------------------------------
und-nurse
--------------------------------------------*/
.und-nurse .und-nurse__box .und_cntlist:last-child {
  width: 66.5%; }
  @media screen and (max-width: 897px) {
    .und-nurse .und-nurse__box .und_cntlist:last-child {
      width: auto; } }
  .und-nurse .und-nurse__box .und_cntlist:last-child .und_cntlist__item {
    width: calc(100%/2); }
    @media screen and (max-width: 897px) {
      .und-nurse .und-nurse__box .und_cntlist:last-child .und_cntlist__item {
        width: auto; } }

/*--------------------------------------------
und-nurse-education
--------------------------------------------*/
.und-nurse-education .txt_basic span.skill-card {
  display: inline-block;
  line-height: 1; }
  .und-nurse-education .txt_basic span.skill-card .skill-exp {
    font-weight: 400;
    margin: 0; }

/*--------------------------------------------
und-nurse-schoollife
--------------------------------------------*/
.und-nurse-schoollife .artlist__item .txt {
  display: block; }
  .und-nurse-schoollife .artlist__item .txt h2 {
    font-size: 1.8rem;
    line-height: 1.1;
    text-align: center;
    width: 100%; }

/*--------------------------------------------
und-care
--------------------------------------------*/
.und-care .und_cntlist:last-child {
  width: 33.5%; }
  @media screen and (max-width: 897px) {
    .und-care .und_cntlist:last-child {
      width: auto; } }
  .und-care .und_cntlist:last-child .und_cntlist__item {
    width: auto; }
    @media screen and (max-width: 897px) {
      .und-care .und_cntlist:last-child .und_cntlist__item {
        width: auto; } }

/*--------------------------------------------
und-care-aftergraduation
--------------------------------------------*/
.und-care-aftergraduation .datalst__item {
  width: 48%; }
  @media screen and (max-width: 897px) {
    .und-care-aftergraduation .datalst__item {
      width: auto; } }

/*--------------------------------------------
und-care-facilities
--------------------------------------------*/
.und-care-facilities .artlist__item .txt {
  width: 100%; }
  .und-care-facilities .artlist__item .txt h2 {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

/*--------------------------------------------
und-nurse-guideline
--------------------------------------------*/
.und-nurse-guideline .js-scrollable table th.th_l {
  width: 25%; }
  @media screen and (max-width: 897px) {
    .und-nurse-guideline .js-scrollable table th.th_l {
      width: 10%; } }
@media screen and (max-width: 897px) {
  .und-nurse-guideline .txt_bg:last-child {
    margin-bottom: 0; } }

/*--------------------------------------------
.und-care-opencampus
--------------------------------------------*/
.und-care-opencampus .txtlst_hl__item .txt .column {
  display: inherit; }
  .und-care-opencampus .txtlst_hl__item .txt .column .column__item {
    width: auto;
    border: none; }
    .und-care-opencampus .txtlst_hl__item .txt .column .column__item:first-child::after {
      content: none; }

/*--------------------------------------------
und-care-scholarship
--------------------------------------------*/
@media screen and (max-width: 897px) {
  .und-care-scholarship .js-scrollable {
    margin-bottom: 0; } }
.und-care-scholarship table th {
  width: 25%; }
@media screen and (max-width: 897px) {
  .und-care-scholarship .ullst__box:last-child {
    margin-bottom: 0; } }
@media screen and (max-width: 897px) {
  .und-care-scholarship .teltxt {
    margin-bottom: 0; } }

/*--------------------------------------------
und-care-knowmore
--------------------------------------------*/
article .und-care-knowmore .img_wide {
  box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.13);
  border-radius: 15px; }
  article .und-care-knowmore .img_wide img {
    object-fit: contain;
    width: 100%;
    height: auto;
    max-height: inherit;
    max-width: inherit; }

/*--------------------------------------------
und-readmission
--------------------------------------------*/
.und-readmission .artlist.column2 .artlist__item {
  margin-bottom: 0; }
  .und-readmission .artlist.column2 .artlist__item .txt h2 {
    font-size: 2.2rem;
    text-align: center; }
    @media screen and (max-width: 897px) {
      .und-readmission .artlist.column2 .artlist__item .txt h2 {
        font-size: 2rem; } }
.und-readmission .artphoto__item img + p {
  margin-top: 38px; }

/*--------------------------------------------
mailinglist
--------------------------------------------*/
.und-mailinglist .cntlist.column02 .cntlist__item {
  margin-bottom: 0; }

/*--------------------------------------------
und-access
--------------------------------------------*/
.und-access__box .txtlst_hl {
  margin-top: 0; }
.und-access__box .txt_frame {
  margin-bottom: 0; }

/*--------------------------------------------
und-policy
--------------------------------------------*/
@media screen and (max-width: 897px) {
  .und-policy .txt_no .txt_no {
    width: 50px;
    height: 50px;
    line-height: 50px; } }

/*--------------------------------------------
und-policy
--------------------------------------------*/
.und-message .artphoto__item:first-child {
  width: 60%; }
  @media screen and (max-width: 897px) {
    .und-message .artphoto__item:first-child {
      width: auto; } }
.und-message .artphoto__item:last-child {
  width: 35%; }
  @media screen and (max-width: 897px) {
    .und-message .artphoto__item:last-child {
      width: auto; } }
.und-message .artphoto__item figure {
  margin: 0; }
.und-message .artphoto__item .btn_gradient {
  margin: 150px 0 0; }
  @media screen and (max-width: 897px) {
    .und-message .artphoto__item .btn_gradient {
      margin: 18px 0 0; } }
.und-message__box .und_cntlist__item {
  width: calc(100%/2); }
  @media screen and (max-width: 897px) {
    .und-message__box .und_cntlist__item {
      width: auto; } }

/*--------------------------------------------
contact
--------------------------------------------*/
#contact .contact__headline {
  border: 2px solid #3FC0B0;
  border-radius: 15px;
  padding: 30px;
  margin: 0 0 50px;
  text-align: center;
  font-weight: 700; }
  #contact .contact__headline h2 {
    font-size: 2.5rem;
    color: #3FC0B0; }
  #contact .contact__headline a {
    font-size: 3.5rem;
    color: #3FC0B0; }
#contact form {
  margin-top: 60px; }
  #contact form dl {
    overflow: hidden; }
    #contact form dl dt {
      min-height: 50px;
      width: 20%;
      float: left;
      border-top: 1px dashed #B7B7B7;
      padding-top: 30px;
      margin-bottom: 10px;
      margin-right: 10px;
      font-weight: bold; }
    #contact form dl dd {
      min-height: 50px;
      padding: 30px 0;
      width: 75%;
      float: left;
      border-top: 1px dashed #B7B7B7;
      display: block; }
    #contact form dl .content {
      margin: 0 !important;
      width: 98%;
      ackground-color: #FFFFFF; }
    #contact form dl .wpcf7c-elm-step1 span {
      color: #999;
      margin: 5px 0 0 5px;
      display: block; }
    #contact form dl span.wpcf7-list-item.first {
      margin-left: 0; }
  #contact form dl.error dd {
    color: #FF2D31;
    font-weight: bold; }
#contact .haveto {
  font-size: 13px;
  padding: 5px;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
  background-color: #3FC0B0;
  color: #fff; }
#contact .any {
  font-size: 13px;
  padding: 5px;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  bottom: 1px;
  font-size: 13px;
  padding: 5px;
  border-radius: 2px;
  margin-right: 10px;
  position: relative;
  background: #ececec;
  color: #222;
  bottom: 1px; }
#contact input {
  line-height: 1.4;
  padding: 10px;
  margin: 0 5px 10px 0; }
#contact select {
  line-height: 1.4;
  padding: 10px;
  margin: 0 5px 10px 0;
  -webkit-appearance: none; }
#contact date {
  line-height: 1.4;
  padding: 10px;
  margin: 0 5px 10px 0; }
#contact input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  margin: 30px auto; }
#contact input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
  margin: 30px auto; }
#contact select[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  margin: 30px auto; }
#contact date[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
  margin: 30px auto; }
#contact input[type="checkbox"] {
  display: inline-block;
  margin-bottom: 0;
  width: auto; }
#contact select[type="checkbox"] {
  display: inline-block;
  margin-bottom: 0;
  width: auto; }
#contact date[type="checkbox"] {
  display: inline-block;
  margin-bottom: 0;
  width: auto; }
#contact input[type="radio"] {
  display: inline-block;
  margin-bottom: 0;
  width: auto; }
#contact select[type="radio"] {
  display: inline-block;
  margin-bottom: 0;
  width: auto; }
#contact date[type="radio"] {
  display: inline-block;
  margin-bottom: 0;
  width: auto; }
#contact input#confirm {
  font-size: 1.6rem;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background: none;
  background-color: #0a46b7;
  color: #FFFFFF;
  display: block; }
  #contact input#confirm:disabled {
    background: #DCDCDC;
    cursor: not-allowed; }
#contact input#submit {
  font-size: 1.6rem;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background: none;
  background: linear-gradient(90deg, #A4D47E 0%, #3CBFB3 100%);
  color: #FFFFFF;
  display: block; }
  #contact input#submit:disabled {
    background: #DCDCDC;
    cursor: not-allowed; }
#contact input#back {
  font-size: 1.6rem;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background: none;
  background-color: #0a46b7;
  color: #FFFFFF;
  display: block;
  background-color: #FFFFFF;
  width: 150px;
  line-height: 1;
  color: #0a46b7;
  border: 1px solid #0a46b7; }
#contact select#confirm {
  font-size: 1.6rem;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background: none;
  background-color: #0a46b7;
  color: #FFFFFF;
  display: block; }
  #contact select#confirm:disabled {
    background: #DCDCDC;
    cursor: not-allowed; }
#contact date#confirm {
  font-size: 1.6rem;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background: none;
  background-color: #0a46b7;
  color: #FFFFFF;
  display: block; }
#contact input#confirm2 {
  font-size: 1.6rem;
  line-height: 3;
  width: 230px;
  border: none;
  border-radius: 10px;
  background: none;
  background-color: #0697A6;
  color: #FFFFFF;
  background-color: #E8E8E8;
  color: #5F5F5F; }
#contact main form date#confirm:disabled {
  background: #DCDCDC;
  cursor: not-allowed; }
#contact span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em; }
#contact .contact-btn {
  text-align: center;
  margin: 30px 0 100px; }
  #contact .contact-btn span.wpcf7-list-item {
    margin-left: 0; }

@media screen and (max-width: 897px) {
  #contact {
    padding: 40px 0; }
    #contact .contact__headline {
      padding: 20px; }
      #contact .contact__headline h2 {
        font-size: 1.7rem; }
      #contact .contact__headline a {
        font-size: 7vw; }
    #contact form {
      margin-top: 30px; }
      #contact form dl dt {
        min-height: inherit;
        width: auto;
        float: none; }
      #contact form dl dd {
        min-height: inherit;
        width: auto;
        float: none;
        border: none;
        padding: 0;
        margin-bottom: 30px; }
    #contact input {
      width: 85%;
      margin-bottom: 10px !important;
      font-size: 1.6rem;
      line-height: 3;
      border: 1px solid #AFAFAF;
      border-radius: 10px;
      background: none;
      background-color: #fff; }
    #contact select {
      width: 85%;
      margin-bottom: 10px !important;
      font-size: 1.6rem;
      line-height: 3;
      border: 1px solid #AFAFAF;
      border-radius: 10px;
      background: none;
      background-color: #fff; }
    #contact date {
      width: 85%;
      margin-bottom: 10px !important;
      font-size: 1.6rem;
      line-height: 3;
      border: 1px solid #AFAFAF;
      border-radius: 10px;
      background: none;
      background-color: #fff; }
    #contact input[type="submit"] {
      width: auto; }
    #contact input[type="button"] {
      width: auto; }
    #contact select[type="submit"] {
      width: auto; }
    #contact date[type="submit"] {
      width: auto; }
    #contact input[type="radio"] {
      width: auto; }
    #contact select[type="radio"] {
      width: auto; }
    #contact date[type="radio"] {
      width: auto; }
    #contact input[type="date"] {
      width: auto; }
    #contact select[type="date"] {
      width: auto; }
    #contact date[type="date"] {
      width: auto; }
    #contact textarea {
      width: 90%; }
    #contact .contact-btn {
      text-align: center;
      margin: 30px 0; }
      #contact .contact-btn input {
        width: auto; } }
.news .info__box {
  display: flex !important; }

@media screen and (max-width: 897px) {
  .news .info__box {
    display: block !important; } }
.news .info__box .left {
  margin: 0 40px 0 0; }

@media screen and (max-width: 897px) {
  .news .info__box .left {
    margin: 0; } }
