@charset "UTF-8";
/* ------------------------------------------------- *
 *        変数　　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *        デバイス分岐　　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *        ＠共通項目　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  margin: auto;
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-weight: normal;
  font-style: normal; }

body, html {
  font-size: 14px;
  color: #555; }
  body img, html img {
    max-width: 100%;
    height: auto; }
  @media only screen and (min-width: 768px) {
    body, html {
      font-size: 14px; } }
  @media only screen and (min-width: 1000px) {
    body, html {
      font-size: 16px; } }

.switch {
  visibility: hidden; }

#whole {
  overflow: hidden; }

a:hover .alpha {
  opacity: 0.7; }

img {
  max-width: 100%;
  height: auto; }

li {
  list-style-type: none; }

.ryumin {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
  /*font-family: a-otf-ryumin-pr6n, serif;*/
  font-style: normal;
  font-weight: normal; }

.gothic {
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-style: normal;
  font-weight: normal; }

.yugo {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-style: normal;
  font-weight: normal; }

/* PC・SP分岐 */
.pcnone {
  display: block; }
  @media only screen and (min-width: 768px) {
    .pcnone {
      display: none; } }

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

.sp {
  display: inline !important; }
  @media only screen and (min-width: 768px) {
    .sp {
      display: none !important; } }

.sp2 {
  display: block !important; }
  @media only screen and (min-width: 768px) {
    .sp2 {
      display: none !important; } }

.pc {
  display: none !important; }
  @media only screen and (min-width: 768px) {
    .pc {
      display: inline !important; } }

.pc2 {
  display: none !important; }
  @media only screen and (min-width: 768px) {
    .pc2 {
      display: block !important; } }

/* BACK-TO-TOP */
#backToTop {
  position: fixed;
  z-index: 9999;
  bottom: 40px;
  right: 3%; }
  @media only screen and (min-width: 768px) {
    #backToTop {
      bottom: 85px;
      right: 5%; } }

#backToTop a {
  display: block;
  width: 32px;
  height: 32px;
  padding-top: 7px;
  border-radius: 50%;
  text-align: center;
  text-decoration: none;
  background-color: #f76caa; }
  #backToTop a img {
    width: 13px;
    height: 10px; }
  @media only screen and (min-width: 768px) {
    #backToTop a {
      width: 43px;
      height: 43px;
      padding-top: 12px; }
      #backToTop a img {
        width: 18px;
        height: 13px; } }

.uchikeshi {
  content: "";
  display: block;
  position: absolute;
  height: 5px;
  width: 90%;
  background: #848383;
  bottom: calc(50% - 5px);
  left: 5%; }

.uchikeshi.large {
  bottom: 57%; }

/* ------------------------------------------------- *
 *        ＠HEADER　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
#header {
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 55px;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
  @media only screen and (min-width: 768px) {
    #header {
      height: 134px; } }

#header .inner {
  width: 100%;
  display: flex;
  justify-content: space-between; }
  @media only screen and (min-width: 768px) {
    #header .inner {
      height: 79px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #header .inner .logos,
      #header .inner .links {
        display: flex;
        justify-content: center;
        align-items: center; }
      #header .inner .logos {
        padding-right: 15px; }
        #header .inner .logos .btn-eng {
          padding-left: 20px; }
      #header .inner .links {
        padding-right: 15px; }
        #header .inner .links .btn-contact,
        #header .inner .links .btn-shiryo {
          padding-left: 12px; }
        #header .inner .links .btn-bekka {
          padding-right: 12px; } }
  #header .inner .logo {
    padding: 6px 0 6px 15px; }

#menu-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 55px;
  height: 55px; }

#menu-conts {
  display: none;
  background: #ea99c0;
  position: absolute;
  top: 55px;
  width: 100%;
  z-index: 1; }

#menu-conts a {
  display: block;
  width: 100%;
  height: 48px;
  position: relative;
  padding: 0;
  font-size: 20px;
  color: #fff;
  line-height: 48px;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: none;
  border-bottom: 1px solid #d581aa;
  box-sizing: border-box;
  background-color: #ea99c0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #menu-conts a img {
    max-width: 100%;
    margin: 0 7px; }

#menu-conts ul li.eng a {
  background-color: #ef6aa9; }

#care #menu-conts ul li.bekka a {
  background-color: #152578; }

#care_en #menu-conts ul li.bekka a {
  padding-top: 6px;
  font-size: 16px;
  line-height: 1.2;
  background-color: #152578; }

@media only screen and (min-width: 768px) {
  #header .pc-gnav {
    width: 100%;
    margin: auto;
    padding: 0;
    height: 55px;
    background: url("../img/common/navi_base.png") repeat-x;
    background-position: center top;
    margin: auto; }
    #header .pc-gnav ul {
      max-width: 1000px;
      height: 55px;
      margin: auto;
      display: flex;
      justify-content: center;
      align-items: center; } }

/* ------------------------------------------------- *
 *        ＠FOOTER　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* F-BTNS */
#f-btns {
  width: 100%;
  margin: auto;
  padding-top: 30px; }
  @media only screen and (min-width: 768px) {
    #f-btns {
      padding: 60px 0 80px; } }
  @media only screen and (min-width: 1450px) {
    #f-btns {
      padding: 20px 0 80px; } }

#f-btns .inner {
  width: 100%;
  margin: 30px auto 0;
  padding: 0; }
  @media only screen and (max-width: 767px) {
    #f-btns .inner {
      margin: 20px auto 0; } }
  #f-btns .inner p {
    width: 90%;
    margin: 0 auto 10px; }
    @media only screen and (max-width: 767px) {
      #f-btns .inner p {
        width: 73.6%; } }
  @media only screen and (min-width: 768px) {
    #f-btns .inner {
      width: 100%;
      max-width: 861px;
      display: flex;
      justify-content: center; }
      #f-btns .inner p {
        width: 33%;
        display: inline;
        margin: 0 auto; } }

/* FOOTER */
#footer {
  width: 100%;
  margin: auto; }

#footer .inner {
  width: 100%;
  margin: auto;
  padding: 0;
  text-align: center;
  letter-spacing: 0.05em; }
  #footer .inner .logo {
    margin: auto;
    padding: 20px 0 30px;
    width: 61.87%; }
    @media only screen and (min-width: 768px) {
      #footer .inner .logo {
        padding: 0 0 30px;
        width: 100%; } }
  #footer .inner .title {
    font-size: 16px;
    line-height: 1.7;
    font-weight: bold; }
    @media only screen and (min-width: 768px) {
      #footer .inner .title {
        font-size: 22px; } }
    #footer .inner .title span {
      display: block;
      font-size: 14px;
      font-weight: normal; }
  #footer .inner .freedial {
    width: 100%;
    padding: 0 5%;
    margin: 20px auto 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #d74b8f; }
    @media only screen and (min-width: 768px) {
      #footer .inner .freedial {
        width: auto;
        padding: 0;
        justify-content: center;
        font-size: 42px; } }
    #footer .inner .freedial img {
      width: 48px;
      height: 35px;
      margin-right: 10px; }
      @media only screen and (min-width: 768px) {
        #footer .inner .freedial img {
          width: 52px;
          height: 38px; } }
  #footer .inner .tel {
    font-size: 12px; }
    @media only screen and (min-width: 1000px) {
      #footer .inner .tel {
        font-size: 14px; } }
  #footer .inner .mail {
    width: 100%;
    padding: 0;
    margin: 12px auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px; }
    @media only screen and (min-width: 768px) {
      #footer .inner .mail {
        font-size: 15px;
        margin: 12px auto 13px; } }
    #footer .inner .mail .tantou {
      color: #fff;
      padding: 2px 5px;
      background-color: #5c5c5c; }
    #footer .inner .mail .name {
      margin-left: 10px;
      margin-right: 20px; }
    #footer .inner .mail a {
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #555; }
    #footer .inner .mail img {
      width: 15px;
      height: 12px;
      margin-right: 6px; }
      @media only screen and (min-width: 768px) {
        #footer .inner .mail img {
          width: 17px;
          height: 14px; } }
  #footer .inner .comment {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 20px; }
    @media only screen and (min-width: 768px) {
      #footer .inner .comment {
        font-size: 14px;
        margin-bottom: 50px; } }

/* COPYRIGHT */
#copyright {
  width: 100%;
  height: 20px;
  margin: auto;
  padding: 0;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 9px;
  font-weight: normal;
  line-height: 20px;
  color: #fff;
  text-align: center;
  letter-spacing: -0.05em;
  background-color: #5c5c5c; }
  @media only screen and (min-width: 768px) {
    #copyright {
      height: 35px;
      font-size: 13px;
      line-height: 35px;
      letter-spacing: 0; } }

/* ------------------------------------------------- *
 *        ＠CONTENTS　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* 共通部 */
h3 {
  padding: 15px 0 20px;
  font-size: 18px;
  font-family: a-otf-ryumin-pr6n, serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.075em;
  text-align: center; }
  @media only screen and (min-width: 768px) {
    h3 {
      padding: 18px 0 25px;
      font-size: 23px; } }

p.text {
  font-size: 14px;
  font-family: a-otf-gothic-bbb-pr6n, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: 0.025em;
  text-align: left;
  text-align: justify;
  word-break: break-all; }
  @media only screen and (min-width: 768px) {
    p.text {
      font-size: 15px; } }

#care_en h3 {
  padding: 15px 0 10px;
  font-family: serif;
  line-height: 1.3; }
  @media only screen and (min-width: 768px) {
    #care_en h3 {
      padding: 18px 0 10px; } }

#care_en p.text {
  letter-spacing: 0; }

#bekka,
#shinro {
  margin-top: -60px;
  padding-top: 60px; }
  @media only screen and (min-width: 768px) {
    #bekka,
    #shinro {
      margin-top: -150px;
      padding-top: 150px; } }

#fees {
  margin-top: -60px;
  padding-top: 60px; }
  @media only screen and (min-width: 768px) {
    #fees {
      margin-top: -80px;
      padding-top: 80px; } }

#access {
  margin-top: -20px;
  padding-top: 20px; }
  @media only screen and (min-width: 768px) {
    #access {
      margin-top: -130px;
      padding-top: 130px; } }

/* MV */
#care .sec-mv,
#care_en .sec-mv {
  width: 100%;
  height: 1;
  margin-bottom: 250px;
  padding-bottom: 55%; }
  @media only screen and (min-width: 768px) {
    #care .sec-mv,
    #care_en .sec-mv {
      margin-bottom: 0;
      padding-top: 134px;
      padding-bottom: 0; } }
  #care .sec-mv .inner,
  #care_en .sec-mv .inner {
    position: relative;
    height: 0;
    padding-top: 109.33%;
    margin: auto;
    background: url("../img/img_mv_sp.jpg") no-repeat;
    background-position: center top 55px;
    background-size: cover; }
    @media only screen and (min-width: 768px) {
      #care .sec-mv .inner,
      #care_en .sec-mv .inner {
        padding-top: 47.793103%;
        margin: auto;
        background: url("../img/img_mv_pc.jpg") no-repeat;
        background-position: center top;
        background-size: cover; } }
    #care .sec-mv .inner .catch,
    #care_en .sec-mv .inner .catch {
      position: absolute;
      top: 93%;
      left: 0;
      right: 0;
      width: 65%;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        #care .sec-mv .inner .catch,
        #care_en .sec-mv .inner .catch {
          position: absolute;
          top: 5%;
          left: 8%;
          right: auto;
          width: 33.5%;
          max-width: 486px;
          margin-right: 0; } }
    #care .sec-mv .inner .fb-box,
    #care_en .sec-mv .inner .fb-box {
      display: block;
      width: 100%;
      padding-top: 35%;
      margin: auto;
      height: 280px; }
      @media only screen and (min-width: 768px) {
        #care .sec-mv .inner .fb-box,
        #care_en .sec-mv .inner .fb-box {
          position: absolute;
          top: 40%;
          left: 7.5%;
          width: 33.5%;
          max-width: 486px;
          margin-right: 0;
          padding-top: 0; } }
    #care .sec-mv .inner #fb-root,
    #care_en .sec-mv .inner #fb-root {
      display: none; }
    #care .sec-mv .inner .fb_iframe_widget,
    #care .sec-mv .inner .fb_iframe_widget span,
    #care .sec-mv .inner .fb_iframe_widget span iframe[style],
    #care_en .sec-mv .inner .fb_iframe_widget,
    #care_en .sec-mv .inner .fb_iframe_widget span,
    #care_en .sec-mv .inner .fb_iframe_widget span iframe[style] {
      width: 100% !important; }

#care_en .sec-mv {
  width: 100%;
  height: 0;
  padding-bottom: 78%; }
  @media only screen and (min-width: 768px) {
    #care_en .sec-mv {
      height: 1;
      margin-bottom: 0;
      padding-top: 134px;
      padding-bottom: 47.793%; } }
  #care_en .sec-mv .inner .catch {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 95%;
    margin: auto; }
    @media only screen and (min-width: 768px) {
      #care_en .sec-mv .inner .catch {
        position: absolute;
        top: 10%;
        left: 58%;
        width: 24.5%;
        max-width: 356px;
        margin: auto; } }

/* ABOUT1 */
.sec-about1 {
  width: 100%;
  margin: 0 auto;
  background: url("../img/bg_about1_sp.png") no-repeat;
  background-position: center top;
  background-size: cover; }
  @media only screen and (min-width: 768px) {
    .sec-about1 {
      background: url("../img/bg_about1_pc.png") no-repeat;
      background-position: center top;
      background-size: cover; } }
  .sec-about1 .inner {
    text-align: center;
    padding: 40px 0 0; }
    @media only screen and (min-width: 768px) {
      .sec-about1 .inner {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        max-width: 1200px;
        margin: auto;
        padding: 20px 0 140px; }
        .sec-about1 .inner .pc-box {
          width: 48%; } }
    .sec-about1 .inner .img {
      width: 75%;
      margin: auto;
      padding-bottom: 15px; }
      @media only screen and (min-width: 768px) {
        .sec-about1 .inner .img {
          width: 60%;
          padding-bottom: 15px; } }
    .sec-about1 .inner .second {
      padding: 20px 0 50px;
      background-color: #ffeef9; }
      @media only screen and (min-width: 768px) {
        .sec-about1 .inner .second {
          padding: 0; }
          .sec-about1 .inner .second .pc-box-in {
            display: flex;
            justify-content: center;
            align-items: flex-start; } }
      .sec-about1 .inner .second .text {
        padding: 0 5%; }
        @media only screen and (min-width: 768px) {
          .sec-about1 .inner .second .text {
            width: 52%;
            padding: 0 0 0 10%; } }
      .sec-about1 .inner .second .img {
        width: 100%;
        margin: auto;
        padding: 20px 5% 20px; }
        @media only screen and (min-width: 768px) {
          .sec-about1 .inner .second .img {
            width: 48%;
            padding: 0 0 0 5%; } }

/* ABOUT2 */
.sec-about2 {
  width: 100%;
  margin: auto; }
  @media only screen and (min-width: 768px) {
    .sec-about2 {
      padding: 0; } }
  .sec-about2 .inner {
    margin: -35px auto 0;
    padding: 0 0 15px; }
    @media only screen and (min-width: 768px) {
      .sec-about2 .inner {
        position: relative;
        padding-top: 55%;
        margin: -100px auto 0;
        background: url("../img/img_about2_pc.png") no-repeat;
        background-position: left top;
        background-size: 100%; }
        .sec-about2 .inner .pc-box {
          position: relative;
          width: 33.2%;
          position: absolute;
          top: 16%;
          left: 57.206896%;
          margin: auto;
          z-index: 5; }
        .sec-about2 .inner .waku {
          width: 35.2%;
          position: absolute;
          top: 12%;
          left: 56.206896%;
          z-index: 1; } }
    @media only screen and (min-width: 1000px) {
      .sec-about2 .inner .pc-box {
        width: 31.2%;
        max-width: 440px;
        left: 58.206896%; } }
    .sec-about2 .inner h2 {
      font-size: 15px;
      color: #e74291;
      text-align: center;
      line-height: 1.8;
      letter-spacing: 0.1em; }
      @media only screen and (min-width: 768px) {
        .sec-about2 .inner h2 {
          font-size: 16px;
          line-height: 1.5;
          z-index: 10;
          margin: auto; } }
      @media only screen and (min-width: 1000px) {
        .sec-about2 .inner h2 {
          font-size: 20px; } }
      .sec-about2 .inner h2 span {
        display: block;
        font-size: 38px;
        letter-spacing: 0.2em; }
        .sec-about2 .inner h2 span.english {
          font-size: 28px;
          line-height: 1.2;
          letter-spacing: 0; }
        @media only screen and (min-width: 768px) {
          .sec-about2 .inner h2 span {
            font-size: 32px;
            letter-spacing: 0.1em; } }
        @media only screen and (min-width: 1000px) {
          .sec-about2 .inner h2 span {
            font-size: 40px; } }
    .sec-about2 .inner .text {
      padding: 15px 5%; }
      @media only screen and (min-width: 768px) {
        .sec-about2 .inner .text {
          margin: auto;
          width: 100%;
          padding: 10px 0 0;
          font-size: 12px;
          z-index: 10;
          line-height: 1.5; }
          .sec-about2 .inner .text.eng {
            padding: 10px 0 5px;
            font-size: 12px;
            line-height: 1.4; } }
      @media only screen and (min-width: 1000px) {
        .sec-about2 .inner .text {
          font-size: 15px;
          line-height: 1.8; }
          .sec-about2 .inner .text.eng {
            font-size: 15px; } }
    .sec-about2 .inner .img {
      padding: 0 5%;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        .sec-about2 .inner .img {
          width: 80%;
          max-width: 410px;
          padding: 0 3%; } }
      @media only screen and (min-width: 1000px) {
        .sec-about2 .inner .img {
          width: 85%;
          max-width: 413px; } }

/* POINT */
.sec-point {
  width: 100%;
  height: 0;
  padding-bottom: 180.7%;
  margin: 0 auto;
  background: url("../img/bg_4point_sp.png") no-repeat;
  background-position: center top;
  background-size: cover; }
  @media only screen and (min-width: 768px) {
    .sec-point {
      height: 100%;
      padding: 0;
      margin: 0 auto;
      background: none;
      background-color: #e1f9ff; } }
  .sec-point .inner {
    text-align: center;
    padding: 45px 5% 0; }
    @media only screen and (min-width: 768px) {
      .sec-point .inner {
        padding: 60px 0 90px; } }
    .sec-point .inner .title {
      width: 72%;
      margin: auto;
      padding-bottom: 25px; }
      @media only screen and (min-width: 768px) {
        .sec-point .inner .title {
          width: 100%;
          padding: 0 0 70px; } }
    @media only screen and (min-width: 768px) {
      .sec-point .inner .point {
        width: 100%;
        margin: auto;
        display: flex;
        justify-content: space-between; } }
    @media only screen and (min-width: 1000px) {
      .sec-point .inner .point {
        max-width: 1200px; } }
    .sec-point .inner .point p {
      width: 100%;
      margin: 0 0.5%; }

/* PROGRAM */
.sec-program {
  width: 100%;
  margin: 0 auto; }
  @media only screen and (min-width: 768px) {
    .sec-program {
      background: url("../img/bg_program_pc.png") no-repeat, url("../img/img_program2_pc.png") no-repeat;
      background-position: center top, left top;
      background-size: 100%, 35.86% auto;
      background-color: #fff; } }
  .sec-program .inner {
    padding: 0 5%;
    /* 時間割の表組み */
    /* //.tablelists */ }
    @media only screen and (min-width: 768px) {
      .sec-program .inner {
        padding: 0; }
        .sec-program .inner .pc-box {
          position: relative;
          height: 0;
          padding-bottom: 50%; } }
    .sec-program .inner .title {
      width: 78%;
      margin: auto;
      padding: 35px 0 15px; }
      @media only screen and (min-width: 768px) {
        .sec-program .inner .title {
          width: 80%;
          margin: 0;
          padding: 80px 0 20px 40%; } }
      @media only screen and (min-width: 1000px) {
        .sec-program .inner .title {
          width: 100%;
          padding: 145px 0 40px 40%; } }
    .sec-program .inner h4 {
      position: relative;
      z-index: 1;
      margin-bottom: 20px;
      font-size: 13px;
      line-height: 1.6;
      letter-spacing: 0; }
      @media only screen and (min-width: 768px) {
        .sec-program .inner h4 {
          margin-bottom: 12px;
          width: 100%;
          padding: 0 0 0 40%;
          font-size: 14px; } }
      @media only screen and (min-width: 1000px) {
        .sec-program .inner h4 {
          width: 100%;
          margin-bottom: 20px;
          padding: 0 0 0 40%;
          font-size: 15px; } }
      .sec-program .inner h4 span {
        display: block;
        font-size: 14px;
        font-family: a-otf-ryumin-pr6n, serif;
        color: #e74291;
        letter-spacing: 0.025em; }
        @media only screen and (min-width: 768px) {
          .sec-program .inner h4 span {
            font-size: 15px; } }
        @media only screen and (min-width: 1000px) {
          .sec-program .inner h4 span {
            font-size: 16px; } }
    @media only screen and (min-width: 768px) {
      .sec-program .inner .img {
        width: 26.3%;
        position: absolute;
        top: 200px;
        right: 0;
        z-index: 0; } }
    @media only screen and (min-width: 1000px) {
      .sec-program .inner .img {
        top: 240px; } }
    .sec-program .inner .midashi {
      margin: 35px auto 15px;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media only screen and (min-width: 768px) {
        .sec-program .inner .midashi {
          width: 100%;
          max-width: 1200px;
          margin: 65px auto 30px;
          padding: 0 1%;
          justify-content: flex-start; } }
      .sec-program .inner .midashi .icon_plus {
        padding-right: 10px; }
    .sec-program .inner .lists p {
      margin-bottom: 25px; }
    @media only screen and (min-width: 768px) {
      .sec-program .inner .lists {
        max-width: 1200px;
        margin: 0 auto 50px;
        padding: 0 1%;
        overflow: hidden; }
        .sec-program .inner .lists p {
          float: left;
          width: 49%;
          margin: 0 2% 40px 0; }
          .sec-program .inner .lists p:nth-child(even) {
            margin: 0 0 40px 0; } }
    .sec-program .inner .tablelists {
      width: 100%;
      display: block;
      margin: 0 auto 50px;
      /* //.eachlist */ }
      .sec-program .inner .tablelists .eachlist {
        width: 100%;
        margin-bottom: 20px; }
        .sec-program .inner .tablelists .eachlist .term {
          font-size: 13px;
          font-weight: bold;
          color: #555;
          text-align: left;
          margin-bottom: 5px; }
        .sec-program .inner .tablelists .eachlist .small {
          font-size: 10px;
          text-align: right;
          margin-top: 5px; }
        .sec-program .inner .tablelists .eachlist .star {
          font-size: 10px;
          text-align: left;
          margin-top: 5px; }
        .sec-program .inner .tablelists .eachlist table.firstyear,
        .sec-program .inner .tablelists .eachlist table.secondyear {
          width: 100%;
          font-size: 9px;
          text-align: center;
          border-collapse: collapse;
          background-color: #f8edf1; }
        .sec-program .inner .tablelists .eachlist table.secondyear {
          background-color: #f1f7f8; }
        .sec-program .inner .tablelists .eachlist th,
        .sec-program .inner .tablelists .eachlist td {
          vertical-align: middle;
          padding: 7px 1px;
          border: 1px solid #fff; }
        .sec-program .inner .tablelists .eachlist th {
          font-size: 10px;
          font-weight: bold;
          color: #fff;
          background-color: #f76caa; }
          .sec-program .inner .tablelists .eachlist th:first-child {
            background-color: #f8edf1; }
        .sec-program .inner .tablelists .eachlist .secondyear th {
          background-color: #25b9d2; }
          .sec-program .inner .tablelists .eachlist .secondyear th:first-child {
            background-color: #f1f7f8; }
        .sec-program .inner .tablelists .eachlist td {
          padding: 3px 2px;
          font-size: 9px;
          line-height: 1.1;
          letter-spacing: -0.05em; }
          .sec-program .inner .tablelists .eachlist td:first-child {
            color: #f76caa;
            white-space: nowrap;
            background-color: #fee4ec; }
            .sec-program .inner .tablelists .eachlist td:first-child span {
              display: block;
              margin: auto;
              margin-bottom: 2px;
              padding-top: 2px;
              font-size: 9px;
              line-height: 1;
              color: #eb6da5;
              width: 14px;
              height: 14px;
              border-radius: 50%;
              background-color: #fff; }
        .sec-program .inner .tablelists .eachlist .secondyear td:first-child {
          color: #25b9d2;
          background-color: #d7ecf0; }
          .sec-program .inner .tablelists .eachlist .secondyear td:first-child span {
            color: #25b9d2; }
      @media only screen and (min-width: 768px) {
        .sec-program .inner .tablelists {
          max-width: 1200px;
          padding: 0 1%;
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: flex-start; }
          .sec-program .inner .tablelists .eachlist {
            width: 49%;
            margin: 0 2% 40px 0; }
            .sec-program .inner .tablelists .eachlist:nth-child(2n) {
              margin: 0 0 40px 0; }
            .sec-program .inner .tablelists .eachlist .term {
              font-size: 15px;
              font-weight: bold;
              color: #555;
              text-align: left;
              margin-bottom: 5px; }
            .sec-program .inner .tablelists .eachlist .small {
              font-size: 12px;
              text-align: right;
              margin-top: 5px; }
            .sec-program .inner .tablelists .eachlist .star {
              font-size: 12px;
              text-align: left;
              margin-top: 5px; }
            .sec-program .inner .tablelists .eachlist table.firstyear,
            .sec-program .inner .tablelists .eachlist table.secondyear {
              width: 100%;
              font-size: 12px;
              text-align: center;
              border-collapse: collapse;
              background-color: #f8edf1; }
            .sec-program .inner .tablelists .eachlist table.secondyear {
              background-color: #f1f7f8; }
            .sec-program .inner .tablelists .eachlist th,
            .sec-program .inner .tablelists .eachlist td {
              vertical-align: middle;
              height: 55px;
              border: 1px solid #fff; }
            .sec-program .inner .tablelists .eachlist th {
              font-size: 14px;
              font-weight: bold;
              color: #fff;
              background-color: #f76caa; }
              .sec-program .inner .tablelists .eachlist th:first-child {
                background-color: #f8edf1; }
            .sec-program .inner .tablelists .eachlist .secondyear th {
              background-color: #25b9d2; }
              .sec-program .inner .tablelists .eachlist .secondyear th:first-child {
                background-color: #f1f7f8; }
            .sec-program .inner .tablelists .eachlist td {
              padding: 0 1px;
              font-size: 11px;
              line-height: 1.3;
              letter-spacing: -0.05em; }
              .sec-program .inner .tablelists .eachlist td:first-child {
                color: #f76caa;
                white-space: nowrap;
                background-color: #fee4ec; }
                .sec-program .inner .tablelists .eachlist td:first-child span {
                  display: block;
                  margin: auto;
                  margin-bottom: 3px;
                  padding-top: 4px;
                  font-size: 14px;
                  line-height: 1;
                  color: #eb6da5;
                  width: 24px;
                  height: 24px;
                  border-radius: 50%;
                  background-color: #fff; }
            .sec-program .inner .tablelists .eachlist .secondyear td:first-child {
              color: #25b9d2;
              background-color: #d7ecf0; }
              .sec-program .inner .tablelists .eachlist .secondyear td:first-child span {
                color: #25b9d2; } }
    .sec-program .inner .tablelists.english {
      word-break: normal; }
      .sec-program .inner .tablelists.english td {
        white-space: normal; }
        @media only screen and (min-width: 768px) {
          .sec-program .inner .tablelists.english td {
            font-size: 14px;
            letter-spacing: 0.05em;
            width: 18%; }
            .sec-program .inner .tablelists.english td:first-child {
              width: 10%; } }
      @media only screen and (min-width: 768px) {
        .sec-program .inner .tablelists.english {
          max-width: 1200px;
          padding: 0 1%;
          display: block; }
          .sec-program .inner .tablelists.english .eachlist {
            width: 100%;
            margin: 0 0 40px 0; }
          .sec-program .inner .tablelists.english .small {
            font-size: 12px;
            text-align: left;
            margin-top: 5px;
            line-height: 1.5; } }

/* CAREER */
.sec-career {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px; }
  @media only screen and (min-width: 768px) {
    .sec-career {
      padding-bottom: 80px; } }
  .sec-career .inner {
    padding: 0; }
    @media only screen and (min-width: 768px) {
      .sec-career .inner {
        max-width: 1200px;
        padding: 0;
        margin: auto; } }
    .sec-career .inner .title {
      width: 68%;
      margin: auto;
      padding: 15px 0 25px; }
      @media only screen and (min-width: 768px) {
        .sec-career .inner .title {
          width: 100%;
          padding: 0 1% 40px; } }
    .sec-career .inner .text {
      padding: 0 5% 15px; }
      @media only screen and (min-width: 768px) {
        .sec-career .inner .text {
          padding: 0 1% 25px; } }
  @media only screen and (min-width: 768px) {
    .sec-career p.img {
      width: 100%;
      height: 0;
      padding-bottom: 42.689655%;
      margin: 0 auto;
      background: url("../img/img_career1_pc.jpg") no-repeat;
      background-position: center top;
      background-size: cover; } }

/* INTERVIEW */
/*
.sec-interview{
  position:relative;
  width:100%;
  height:0;
  padding-bottom:199.6%;
  margin:auto;
  background:url("../img/bg_interview_sp.png") no-repeat;
  background-position:center top;
  background-size:cover;
  @include media(tb){
    padding-bottom:55%;
    margin:0 auto;
    background:url("../img/bg_interview_pc.png") no-repeat;
    background-position:center top;
    background-size:cover;
  }
  @include media(pc){
    padding-bottom:42.862068%;
  }
  .inner{
    padding:0 5%;
    @include media(tb){
      margin:auto;
      padding:0;
      .pc-box{
        width:100%;
        max-width:1200px;
        margin:auto;
        padding:20px 1% 0;
        display:flex;
        justify-content:space-between;
        align-items: flex-start;
      }
    }
    @include media(pc){
      .pc-box{
        padding:20px 1% 0;
      }
    }
    .title{
      position:absolute;
      top:-12px;
      left:0;
      right:0;
      width:87%;
      margin:auto;
      @include media(tb){
        position:static;
        width:100%;
        max-width:1200px;
        padding:20px 1% 0;
        text-align:right;
      }
    }
    .img{
      position:static;
      width:65%;
      margin:auto;
      padding:50px 0 20px;
      @include media(tb){
        width:21.6%;
        margin:0;
        padding:0;
      }
    }
    .text{
      padding:0;
      line-height:1.4;
      @include media(tb){
        width:75%;
        font-size:13px;
        line-height:1.8;
        color:#767676;
      }
      @include media(pc){
        font-size:15px;
        line-height:2;
      }
    }
  }
}
*/
/* TUITION */
.sec-tuition {
  width: 100%;
  margin: 0 auto 50px; }
  @media only screen and (min-width: 768px) {
    .sec-tuition {
      margin: 0 auto; } }
  .sec-tuition .inner {
    padding: 0 5%; }
    @media only screen and (min-width: 768px) {
      .sec-tuition .inner {
        width: 100%;
        max-width: 1200px;
        padding: 50px 1% 100px;
        margin: auto; }
        .sec-tuition .inner .pc-box {
          box-sizing: border-box;
          margin: auto;
          display: flex;
          justify-content: space-between;
          align-items: flex-start; }
          .sec-tuition .inner .pc-box .box-in {
            flex: 1;
            font-size: 14px;
            line-height: 2; } }
    @media only screen and (min-width: 768px) {
      .sec-tuition .inner .pc-box {
        align-items: stretch; }
        .sec-tuition .inner .pc-box .box-in {
          font-size: 15px; } }
    @media only screen and (min-width: 1000px) {
      .sec-tuition .inner .pc-box {
        align-items: flex-start; }
        .sec-tuition .inner .pc-box .box-in {
          font-size: 15px; } }
    .sec-tuition .inner .title {
      width: 70%;
      margin: 0;
      padding: 20px 0 0; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .title {
          width: 100%;
          max-width: 1200px;
          margin: 0 auto -20px; } }
    .sec-tuition .inner .midashi {
      margin: 20px 0 0;
      padding: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .midashi {
          width: 100%;
          max-width: 1200px;
          margin: 40px auto 0;
          justify-content: flex-start; } }
      .sec-tuition .inner .midashi .icon_plus {
        padding-right: 10px; }
    .sec-tuition .inner h4 {
      font-size: 14px;
      line-height: 1.8;
      letter-spacing: 0.05em; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner h4 {
          font-size: 15px;
          display: inline;
          margin-right: 15px; } }
      .sec-tuition .inner h4 span {
        color: #25b9d2; }
    .sec-tuition .inner .lists {
      margin: 20px auto 0; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .lists {
          width: 100%;
          max-width: 1200px; } }
      .sec-tuition .inner .lists p {
        margin-bottom: 20px; }
    .sec-tuition .inner .tablelists {
      width: 100%;
      display: block;
      margin: 8px auto 50px; }
      .sec-tuition .inner .tablelists table {
        width: 100%;
        margin-bottom: 20px;
        font-size: 14px;
        text-align: center;
        border-collapse: collapse;
        background-color: #e9f8fa; }
      .sec-tuition .inner .tablelists th,
      .sec-tuition .inner .tablelists td {
        vertical-align: middle;
        padding: 7px 1px;
        border: 1px solid #fff; }
      .sec-tuition .inner .tablelists th {
        width: 33%;
        font-weight: normal;
        color: #fff;
        background-color: #3bc7df; }
        .sec-tuition .inner .tablelists th.last {
          background-color: #11a1ba; }
      .sec-tuition .inner .tablelists td {
        padding: 7px 1px;
        line-height: 1.1;
        letter-spacing: 0.05em; }
        .sec-tuition .inner .tablelists td.year {
          color: #25b9d2;
          background-color: #daf1f5; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .tablelists {
          max-width: 1200px;
          margin-top: 8px;
          padding: 0; }
          .sec-tuition .inner .tablelists table.firstyear {
            width: 100%;
            font-size: 12px;
            text-align: center;
            border-collapse: collapse;
            background-color: #e9f8fa; }
          .sec-tuition .inner .tablelists th,
          .sec-tuition .inner .tablelists td {
            vertical-align: middle;
            height: 55px;
            border: 1px solid #fff; }
          .sec-tuition .inner .tablelists th {
            width: 14.5%;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            background-color: #3bc7df; }
            .sec-tuition .inner .tablelists th:last-child {
              background-color: #11a1ba; }
          .sec-tuition .inner .tablelists td {
            width: 14.5%;
            padding: 0 1px;
            font-size: 15px;
            line-height: 1.3;
            letter-spacing: 0.05em; }
            .sec-tuition .inner .tablelists td:first-child {
              width: 13%;
              color: #25b9d2;
              white-space: nowrap;
              background-color: #daf1f5; }
            .sec-tuition .inner .tablelists td.tdbg {
              color: inherit;
              background-color: #e9f8fa; } }
    @media only screen and (min-width: 768px) {
      .sec-tuition .inner .boxes {
        flex: 1;
        margin: 0 1.5% 30px; } }
    .sec-tuition .inner .boxes .box1 {
      width: 100%;
      margin: 25px auto 0;
      padding: 5% 0 0;
      letter-spacing: 0.025em;
      border: 1px solid #3bc7df; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .boxes .box1 {
          width: 100%;
          margin: 8px 0 0;
          padding: 4% 0 0; } }
      .sec-tuition .inner .boxes .box1 .example1 {
        height: 28px;
        color: #3bc7df;
        line-height: 1.3;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .sec-tuition .inner .boxes .box1 .example1 {
            font-size: 14px; } }
        @media only screen and (min-width: 1000px) {
          .sec-tuition .inner .boxes .box1 .example1 {
            font-size: 15px; } }
      .sec-tuition .inner .boxes .box1 ul {
        margin: 0;
        padding: 5%; }
        @media only screen and (min-width: 768px) {
          .sec-tuition .inner .boxes .box1 ul {
            padding: 3% 2%; } }
        @media only screen and (min-width: 1000px) {
          .sec-tuition .inner .boxes .box1 ul {
            padding: 3% 2% 4% 6%; } }
        .sec-tuition .inner .boxes .box1 ul li {
          margin-bottom: 8px;
          line-height: 1.5;
          text-align: text; }
          @media only screen and (min-width: 768px) {
            .sec-tuition .inner .boxes .box1 ul li {
              margin-bottom: 4px;
              font-size: 14px;
              line-height: 1.8; } }
          @media only screen and (min-width: 1000px) {
            .sec-tuition .inner .boxes .box1 ul li {
              font-size: 15px;
              line-height: 1.8; } }
    .sec-tuition .inner .boxes .small {
      margin-top: 8px;
      font-size: 14px; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .boxes .small {
          font-size: 11px; } }
      @media only screen and (min-width: 1000px) {
        .sec-tuition .inner .boxes .small {
          font-size: 12px; } }
    .sec-tuition .inner .box2 {
      position: relative;
      width: 100%;
      margin-top: 50px;
      letter-spacing: 0.025em; }
      @media only screen and (min-width: 768px) {
        .sec-tuition .inner .box2 {
          flex: 1;
          margin-top: 25px; } }
      .sec-tuition .inner .box2 .example2 {
        text-align: center;
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
        margin: auto; }
      .sec-tuition .inner .box2 .text {
        margin: 0 5%;
        line-height: 2;
        border: 2px solid #25b9d2;
        border-radius: 10px;
        padding: 20px;
        background: #fff; }
        @media only screen and (min-width: 768px) {
          .sec-tuition .inner .box2 .text {
            margin: 0 8.5%;
            padding: 25px 3% 20px;
            font-size: 14px;
            letter-spacing: 0; } }
        @media only screen and (min-width: 1000px) {
          .sec-tuition .inner .box2 .text {
            margin: 0 34px;
            padding: 35px 6% 20px;
            font-size: 15px; } }
    .sec-tuition .inner .btn {
      margin: 15px 0 60px; }

/* ACCESS */
#care .sec-access,
#care_en .sec-access {
  width: 100%;
  height: 0;
  padding-bottom: 187%;
  margin: 0 auto;
  background: url("../img/bg_access_sp.png") no-repeat;
  background-position: center top;
  background-size: cover; }
  @media only screen and (min-width: 768px) {
    #care .sec-access,
    #care_en .sec-access {
      padding-bottom: 75.4137931%;
      margin: 0 auto;
      background: url("../img/bg_access_pc.png") no-repeat;
      background-position: center top;
      background-size: cover; } }
  @media only screen and (min-width: 1000px) {
    #care .sec-access,
    #care_en .sec-access {
      padding-bottom: 58.4137931%; } }
  @media only screen and (min-width: 1450px) {
    #care .sec-access,
    #care_en .sec-access {
      height: 847px;
      padding: 0;
      background-size: 100% 847px; } }
  #care .sec-access .inner,
  #care_en .sec-access .inner {
    margin: auto;
    padding: 0 5%; }
    @media only screen and (min-width: 768px) {
      #care .sec-access .inner,
      #care_en .sec-access .inner {
        padding: 0;
        width: 100%;
        max-width: 1200px; } }
    #care .sec-access .inner .title,
    #care_en .sec-access .inner .title {
      width: 74%;
      margin: auto;
      padding: 55px 0 20px; }
      @media only screen and (min-width: 768px) {
        #care .sec-access .inner .title,
        #care_en .sec-access .inner .title {
          width: 100%;
          max-width: 1200px;
          margin: 0;
          padding: 15px 1% 20px; } }
    #care .sec-access .inner .text,
    #care_en .sec-access .inner .text {
      text-align: center;
      letter-spacing: 0.05em; }
      @media only screen and (min-width: 768px) {
        #care .sec-access .inner .text,
        #care_en .sec-access .inner .text {
          padding: 0 1%;
          font-size: 19px;
          text-align: left; } }
    #care .sec-access .inner .maps,
    #care_en .sec-access .inner .maps {
      margin: 25px auto 30px;
      display: flex;
      flex-direction: column; }
      @media only screen and (min-width: 768px) {
        #care .sec-access .inner .maps,
        #care_en .sec-access .inner .maps {
          width: 100%;
          max-width: 1200px;
          margin: 40px auto 30px;
          padding: 0 1%;
          flex-direction: row;
          justify-content: flex-start; } }
      #care .sec-access .inner .maps .map1,
      #care_en .sec-access .inner .maps .map1 {
        width: 50%;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          #care .sec-access .inner .maps .map1,
          #care_en .sec-access .inner .maps .map1 {
            width: 33%;
            margin: 0 1% 0 0; } }
      #care .sec-access .inner .maps .map2,
      #care_en .sec-access .inner .maps .map2 {
        width: 100%;
        margin: 10px auto; }
        @media only screen and (min-width: 768px) {
          #care .sec-access .inner .maps .map2,
          #care_en .sec-access .inner .maps .map2 {
            width: 66%;
            margin: 0; } }
    #care .sec-access .inner .btn,
    #care_en .sec-access .inner .btn {
      width: 80%;
      margin: auto; }
      @media only screen and (min-width: 768px) {
        #care .sec-access .inner .btn,
        #care_en .sec-access .inner .btn {
          width: 100%;
          margin: auto;
          text-align: center; } }

#care_en .sec-access {
  padding-bottom: 200%; }
  @media only screen and (min-width: 768px) {
    #care_en .sec-access {
      padding-bottom: 75.4137931%; } }
  @media only screen and (min-width: 1000px) {
    #care_en .sec-access {
      padding-bottom: 58.4137931%; } }
  @media only screen and (min-width: 1450px) {
    #care_en .sec-access {
      height: 847px;
      padding: 0;
      background-size: 100% 847px; } }

.other {
  border: 2px solid #25b9d2;
  border-radius: 10px;
  padding: 20px;
  line-height: 1.5; }

.sec-tuition .inner .box2 {
  margin-top: 8px; }

@media screen and (max-width: 768px) {
  .sec-tuition .inner .box2 {
    margin-top: 25px; } }
/* ------------------------------------------------- *
 *        ＠CONTENTS　　　　　　　　　　　　　　　　
 * ------------------------------------------------- */
/* 共通部 */
/* CAMPUS */
#care .sec-campus {
  width: 100%;
  padding-top: 150px;
  margin-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    #care .sec-campus {
      padding-top: 60px;
      margin-bottom: 40px; } }
  #care .sec-campus .inner {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between; }
    @media only screen and (max-width: 767px) {
      #care .sec-campus .inner {
        max-width: 100%;
        flex-direction: column; } }
    #care .sec-campus .inner .txt {
      width: 65%; }
      @media only screen and (max-width: 767px) {
        #care .sec-campus .inner .txt {
          width: 100%; } }
      #care .sec-campus .inner .txt .title {
        font-size: 48px;
        text-align: center;
        line-height: 1.2; }
        @media only screen and (max-width: 767px) {
          #care .sec-campus .inner .txt .title {
            font-size: 20px;
            line-height: 1.5;
            padding: 0 4%; } }
      #care .sec-campus .inner .txt .text {
        width: 90%;
        margin: auto;
        font-size: 18px; }
        @media only screen and (max-width: 767px) {
          #care .sec-campus .inner .txt .text {
            width: 100%;
            margin-top: 10px;
            font-size: 12px;
            line-height: 1.5;
            padding: 0 4%; } }
      #care .sec-campus .inner .txt .photo {
        text-align: center;
        margin: 35px auto; }
        @media only screen and (max-width: 767px) {
          #care .sec-campus .inner .txt .photo {
            width: 100%;
            margin: 15px auto; } }
    #care .sec-campus .inner .image {
      width: 32%;
      max-width: 330px; }
      @media only screen and (max-width: 767px) {
        #care .sec-campus .inner .image {
          width: 100%;
          max-width: 100%; } }

/* CAMPUS-STAIRS */
#care .sec-stairs {
  width: 100%;
  margin: 0 auto 50px; }
  @media only screen and (max-width: 767px) {
    #care .sec-stairs {
      margin: 0 auto 5px; } }
  #care .sec-stairs .inner {
    max-width: 1200px;
    margin: auto; }
    @media only screen and (max-width: 767px) {
      #care .sec-stairs .inner {
        max-width: 100%; } }
    #care .sec-stairs .inner .heading {
      margin-bottom: 15px;
      padding: 0;
      font-size: 36px;
      color: #fff;
      line-height: 50px;
      text-align: left;
      text-indent: 0.75em;
      background-color: #f48bbd; }
      @media only screen and (max-width: 767px) {
        #care .sec-stairs .inner .heading {
          margin-bottom: 10px;
          padding: 0;
          font-size: 18px;
          color: #fff;
          line-height: 40px; } }
    #care .sec-stairs .inner .box {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        #care .sec-stairs .inner .box {
          flex-direction: column;
          padding: 0 4%; } }
      #care .sec-stairs .inner .box .floor {
        width: 33%; }
        #care .sec-stairs .inner .box .floor .photo {
          width: 100%;
          max-width: 340px; }
        #care .sec-stairs .inner .box .floor .text {
          margin-top: 20px;
          margin-left: 20px;
          font-size: 16px; }
        @media only screen and (max-width: 767px) {
          #care .sec-stairs .inner .box .floor {
            width: 100%;
            margin-bottom: 20px; }
            #care .sec-stairs .inner .box .floor .photo {
              width: 100%;
              max-width: 100%; }
            #care .sec-stairs .inner .box .floor .text {
              margin-top: 10px;
              margin-left: 20px;
              font-size: 14px; } }
      #care .sec-stairs .inner .box .image {
        width: 67%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: flex-start; }
        @media only screen and (max-width: 767px) {
          #care .sec-stairs .inner .box .image {
            width: 100%;
            flex-direction: column; } }
        #care .sec-stairs .inner .box .image .photo {
          width: 48%;
          max-width: 385px;
          margin-bottom: 50px; }
          #care .sec-stairs .inner .box .image .photo span {
            display: block;
            margin-top: 5px;
            font-size: 14px;
            text-align: center; }
          @media only screen and (max-width: 767px) {
            #care .sec-stairs .inner .box .image .photo {
              width: 100%;
              max-width: 100%;
              margin-bottom: 20px; }
              #care .sec-stairs .inner .box .image .photo span {
                margin-top: 4px;
                font-size: 12px; } }

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