@charset "UTF-8";
/* CSS Document */
/* =========================================================
 update :
 2018.11.28 高橋
========================================================= */
/* ---------------------------------------------------------
変数（色）
--------------------------------------------------------- */
/*黒 C-00B:#000*/
/*赤紫 C-01pR:#e91e70*/
/*赤 C-02R:#e93261*/
/*赤黄 C-03yR:#e83f52*/
/*橙赤 C-04rO:#ea3840*/
/*橙 C-05O:#eb5336*/
/*橙黄 C-06yO:#f17230*/
/*黄橙 C-07rY:#f79c24*/
/*黄 C-08Y:#fac11a*/
/*黄緑 C-09gY:#e5dc14*/
/*黄緑 C-10YG:#bbd416*/
/*緑黄 C-11yG:#56bb38*/
/*緑 C-12G:#00ae3f*/
/*緑青 C-13bG:#00a753*/
/*青緑 C-14BG:#009f71*/
/*青緑 C-15BG:#f17230*/
/*青緑 C-16gB:#00848e*/
/*青 C-17B:#f17230*/
/*青 C-18B:#0171ab*/
/*青紫 C-19pB:#0e52a4*/
/*スミレ C-20V:#322493*/
/*紫青 C-21bP:#561e91*/
/*紫 C-22P:#711a8e*/
/*紫赤 C-23rP:#a81889*/
/*赤紫 C-24RP:#cf0d76*/
/*グレー C-93G1:#111*/
/*グレー C-94G2:#333*/
/*グレー C-95G6:#666*/
/*グレー C-95G9:#999*/
/*グレー C-96GC:#ccc*/
/*グレー C-97GD:#ddd*/
/*グレー C-98GW:#eee*/
/*グレー C-99GW:#fafafa*/
/*白 C-99W:#fff*/
/*-lは背景用*/
/*赤紫 C-01pR-l:#fde8f0*/
/*赤 C-02R-l:#fdeaef*/
/*赤黄 C-03yR-l:#fdebed*/
/*橙赤 C-04rO-l:#fdebec*/
/*橙 C-05O-l:#fdedeb*/
/*橙黄 C-06yO-l:#fef1ea*/
/*黄橙 C-07rY-l:#fef5e9*/
/*黄 C-08Y-l:#fef9e8*/
/*黄緑 C-09gY-l:#fcfbe7*/
/*黄緑 C-10YG-l:#eef8eb*/
/*緑黄 C-11yG-l:#eef8eb*/
/*緑 C-12G-l:#e5f7eb*/
/*緑青 C-13bG-l:#e5f6ed*/
/*青緑 C-14BG-l:#e5f5f1*/
/*青緑 C-15BG-l:#e5f4f3*/
/*青緑 C-16gB-l:#e5f2f3*/
/*青 C-17B-l:#e5f2f6*/
/*青 C-18B-l:#e5f1f6*/
/*青紫 C-19pB-l:#e6edf6*/
/*スミレ C-20V-l:#eae9f4*/
/*紫青 C-21bP-l:#eee8f4*/
/*紫 C-22P-l:#f1e8f3*/
/*紫赤 C-23rP-l:#f6e7f3*/
/*赤紫 C-24RP-l:#fae6f1*/
/*赤紫 C-01pR-sl:#f8bbd4*/
/*赤 C-02R-sl:#f8c1cf*/
/*赤黄 C-03yR-sl:#f8c5cb*/
/*橙赤 C-04rO-sl:#f9c3c5*/
/*橙 C-05O-sl:#f9cbc2*/
/*橙黄 C-06yO-sl:#fbd4c0*/
/*黄橙 C-07rY-sl:#fde1bd*/
/*黄 C-08Y-sl:#fdecba*/
/*黄緑 C-09gY-sl:#f7f4b8*/
/*黄緑 C-10YG-sl:#eaf2b9*/
/*緑黄 C-11yG-sl:#cceac3*/
/*緑 C-12G-sl:#b2e7c5*/
/*緑青 C-13bG-sl:#b2e4cb*/
/*青緑 C-14BG-sl:#b2e2d4*/
/*青緑 C-15BG-sl:rgba(255,255,255,.5)*/
/*青緑 C-16gB-sl:#b2dadd*/
/*青 C-17B-sl:#b2d9e4*/
/*青 C-18B-sl:#80b8d5*/
/*青紫 C-19pB-sl:#b6cbe4*/
/*スミレ C-20V-sl:#c1bdde*/
/*紫青 C-21bP-sl:#ccbbde*/
/*紫 C-22P-sl:#d4badd*/
/*紫赤 C-23rP-sl:#e5b9db*/
/*赤紫 C-24RP-sl:#f1b6d6*/
/*赤紫 C-01pR-sd:#ad0225*/
/*赤 C-02R-sd:#d50a25*/
/*赤黄 C-03yR-sd:#d3101a*/
/*橙赤 C-04rO-sd:#d70c10*/
/*橙 C-05O-sd:#d91b0b*/
/*橙黄 C-06yO-sd:#e43309*/
/*黄橙 C-07rY-sd:#ef5f05*/
/*黄 C-08Y-sd:#f59203*/
/*黄緑 C-09gY-sd:#cebe02*/
/*黄緑 C-10YG-sd:#89b002*/
/*緑黄 C-11yG-sd:#1d890c*/
/*緑 C-12G-sd:#b2e7c5*/
/*緑青 C-13bG-sd:#006d1b*/
/*青緑 C-14BG-sd:#006332*/
/*青緑 C-15BG-sd:#00584a*/
/*青緑 C-16gB-sd:#00444f*/
/*青 C-17B-sd:#003273*/
/*青 C-18B-sd:#003273*/
/*青紫 C-19pB-sd:#011a69*/
/*スミレ C-20V-sd:#0a0555*/
/*紫青 C-21bP-sd:#1d0452*/
/*紫 C-22P-sd:#32034f*/
/*紫赤 C-23rP-sd:#6f024a*/
/*赤紫 C-24RP-sd:#a80137*/
/*赤紫 C-01pR-d:#910115*/
/*赤 C-02R-d:#c30515*/
/*赤黄 C-03yR-d:#c1080e*/
/*橙赤 C-04rO-d:#c60608*/
/*橙 C-05O-d:#c90f05*/
/*橙黄 C-06yO-d:#d81e04*/
/*黄橙 C-07rY-d:#e74102*/
/*黄 C-08Y-d:#f07301*/
/*黄緑 C-09gY-d:#699401*/
/*黄緑 C-10YG-d:#4a7900*/
/*緑黄 C-11yG-d:#106906*/
/*緑 C-12G-d:#005708*/
/*緑青 C-13bG-d:#004e0f*/
/*青緑 C-14BG-d:#00441e*/
/*青緑 C-15BG-d:#003b2f*/
/*青緑 C-16gB-d:#002b33*/
/*青 C-17B-d:#00294a*/
/*青 C-18B-d:#001e53*/
/*青紫 C-19pB-d:#000e4a*/
/*スミレ C-20V-d:#050238*/
/*紫青 C-21bP-d:#100236*/
/*紫 C-22P-d:#1e0133*/
/*紫赤 C-23rP-d:#4f012f*/
/*赤紫 C-24RP-d:#8b0021*/
/* ---------------------------------------------------------
変数（base情報/fontの基本色）
--------------------------------------------------------- */
/*グレー C-93G1:#111*/
/* ---------------------------------------------------------
変数（primary情報/darkとlightは主として使わない）
--------------------------------------------------------- */
/*青緑 C-15BG:#f17230*/
/*青緑 C-15BG-sd:#00584a*/
/*青緑 C-15BG-sl:rgba(255,255,255,.5)*/
/*青緑 C-15BG-l:#e7f3f3*/
/* ---------------------------------------------------------
変数（secondary情報/アクセントカラー/darkとlightは主として使わない）
--------------------------------------------------------- */
/*赤黄 C-03yR:#e83f52*/
/*赤紫 C-03yR-dark:#a01037*/
/*赤紫 C-03yR-light:#f06289*/
@media screen and (max-width: 768px) {
  body, html {
    height: 100%; } }
/* ---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
GLOBAL NAVI_START
---------------------------------------------------------
---------------------------------------------------------
--------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .l-header {
    height: 60px;
    width: 100%;
    background: rgba(255, 255, 255, 0.96);
    z-index: 20000;
    position: relative; }

  .l-header__logo {
    padding-top: 6px;
    padding-left: 8px;
    z-index: 20001; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .l-header {
    height: 70px;
    width: 100%;
    background: rgba(255, 255, 255, 0.96);
    z-index: 20000;
    position: relative; }

  .l-header__logo {
    padding-top: 6px;
    padding-left: 12px; } }
@media screen and (min-width: 1200px) {
    body{
        background:#fafafa;
    }
  .l-header {
    height: 100px;
    padding: 0 2.5%;
    width: 100%;
    background: rgba(255, 255, 255, 0.96);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20000; }

  .l-header__logo {
    margin-top: 20px; }

  .l-gnav-sub {
    margin-top: 16px; }

  .l-gnav-sub > ul {
    display: flex;
    flex-direction: row-reverse;
    list-style: none; }

  .l-gnav-sub > ul > li {
    margin-right: 2.5em;
    font-size: 1.3em;
    letter-spacing: 0.1em; }

  .l-gnav-sub > ul > li a span.l-header__icon {
    color: #f17230;
    font-size: 0.8em;
    margin-right: 0.8em;
    transition: all .2s ease-out; }

  .l-gnav-sub > ul > li a span.l-header__txt {
    padding-bottom: 8px;
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: all .2s ease-out; }

  .l-gnav-sub > ul > li a:hover span.l-header__txt {
    color: #f17230;
    border-bottom: 1px solid #f17230;
    transition: all .2s ease-out; }

  .l-gnav-sub > ul > li:first-child {
    margin-right: 0; }

  .l-gnav-main {
    margin-top: 6px; }

  .l-gnav-main > ul {
    display: flex;
    flex-direction: row-reverse;
    list-style: none; }

  .l-gnav-main > ul > li {
    margin-right: 5em;
    letter-spacing: 0.3em; }

  .l-gnav-main > ul > li:first-child {
    margin-right: 0; }

  .l-gnav-main > ul > li a span.l-header__txt {
    font-size: 1.8em;
    padding-bottom: 8px;
    display: inline-block;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: all .2s ease-out; }

  .l-gnav-main > ul > li:hover a span.l-header__txt {
    color: #f17230;
    border-bottom: 1px solid #f17230;
    transition: all .2s ease-out; }

  .l-gnav-main > ul > li > a {
    padding-bottom: 12px; }

  .l-gnav-main > ul > li:hover > a {
    padding-bottom: 12px; }

  .l-gnav-main > ul > li:hover .menu {
    max-height: 9999px;
    opacity: 1;
    z-index: 20001;
    top: 100px; }

  .l-gnav-main > ul > li > a {
    display: block;
    transition: all .4s ease-in-out; }

  .l-gnav-main > ul .menu {
    background: url(../images_c/allcl/common/bg_g95.png);
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 88px;
    left: 0;
    transition: all .4s ease-in-out; }

  .l-gnav-pd {
    padding: 48px 0; }

  .l-gnav__btnBor li:nth-child(1), .l-gnav__btnBor li:nth-child(2) {
    border-top: 1px solid #e2e2e2 !important; }

  a.l-gnav-card-side {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e2e2e2; }

  .l-gnav-card-side__thumb {
    width: 30%; }

  .l-gnav-card-side__thumb img {
    width: 70%;
    margin: 0 auto;
    display: block; }

  .l-gnav-card-side__txt {
    width: 65%;
    font-size: 1.4em;
    position: relative; }

  .l-txt__vertical {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    width: 100%;
    padding-right: 40px; }

  a.l-gnav-btn {
    padding: 24px 0 16px 5%;
    border-bottom: 1px solid #e2e2e2;
    font-size: 1.4em;
    display: block;
    vertical-align: text-top;
    position: relative; }

  a.l-gnav-btn span {
    font-size: 2.1em;
    vertical-align: top; }

  a.l-gnav-btn-normal {
    padding: 24px 0 24px 5%;
    border-bottom: 1px solid #e2e2e2;
    font-size: 1.4em;
    display: block;
    vertical-align: text-top;
    position: relative; }

  .l-gnav__btnBor3 li:nth-child(1), .l-gnav__btnBor3 li:nth-child(2), .l-gnav__btnBor3 li:nth-child(3) {
    border-top: 1px solid #e2e2e2 !important; } }



/* ---------------------------------------------------------
---------------------------------------------------------
---------------------------------------------------------
GLOBAL NAVI_END
---------------------------------------------------------
---------------------------------------------------------
--------------------------------------------------------- */
/* INDEX_KV
--------------------------- */
@media screen and (max-width: 768px) {
  #kv {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10; }

  .fullSlideShow_inner {
    position: absolute;
    top: 22%;
    left: 0;
    z-index: 1000;
    text-align: center;
    width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #kv {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10; }

  .fullSlideShow_inner {
    position: absolute;
    top: 25%;
    left: 0;
    z-index: 1000;
    text-align: center;
    width: 100%; } }
@media screen and (min-width: 1200px) {
  #kv {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 10; } }
.fullSlideShow {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden; }

.fullSlideShow ul {
  top: 50%;
  left: 50%;
  width: 100%;
  position: absolute;
  /* absolute or fixed */
  overflow: hidden; }

#kv .fullSlideShow ul {
  position: absolute;
  left: 50%;
  margin-left: -50%; }

#kv .fullSlideShow {
  width: 100%; }

.fullSlideShow ul li {
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  position: absolute; }

.fullSlideShow ul li img {
  width: 100%; }

@media screen and (max-width: 768px) {
  #container {
    width: 100%;
    background: #FFF; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #container {
    width: 100%;
    background: #FFF; } }
@media screen and (min-width: 1200px) {
  #container {
    width: 100%;
    background: #FFF; } }
/* PAGE_KV
--------------------------- */
#page_kv {
  background: url(../images_c/allcl/000_dental/clinic_underlayer_kv.jpg) no-repeat top;
  background-size: cover;
  height: 300px;
  z-index: 100;
  position: relative; }

/* PAGE_KV有(Dr,Dh,AsRe,clinical training)
--------------------------- */
.page_kv_show {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  height: 550px;
  filter: brightness(1.03);
}

.page_kv_show .page_kv_bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  background-image: linear-gradient( -45deg, rgba(240, 114, 48, 0.8) 25%, transparent 25%, transparent 50%, rgba(240, 114, 48, 0.8) 50%, rgba(240, 114, 48, 0.8) 75%, transparent 75%);
  background-size: 4px 4px;
  background-repeat: repeat;
}

@media screen and (max-width: 768px) {
  .page_kv_show {
    background-position: center;
    height: 300px;
  }
}

.page_kv_show .page_kv_txt {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8%;
}
.page_kv_show .page_kv_txt p img {
  width: 400px;
}
/* Dr */
.page_kv_show.page_kv_dr .kv_dr_main img{
  width: 170px;
}

/* DH */
.page_kv_show.page_kv_dh .kv_dh_main img{
  width: 190px;
}

/* ReAs */
.page_kv_show.page_kv_asre .kv_asre_main img{
  width: 330px;
}

/* clinical training */
.page_kv_show.page_kv_ct .kv_ct_main img {
  width: 450px;
}

@media screen and (max-width: 768px) {
  .page_kv_show.page_kv_dr .kv_dr_main img,
  .page_kv_show.page_kv_dh .kv_dh_main img{
    width: 100px;
  }
  .page_kv_show.page_kv_asre .kv_asre_main img{
    width: 180px;
  }
  .page_kv_show .page_kv_txt p img {
    width: 240px;
  }
  .page_kv_show.page_kv_ct .kv_ct_main img {
    width: 250px;
  }
}



/* SideNavi
------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
  margin-top: -25px;
  top: 50%;
  width: 50px;
  height: 50px;
  position: absolute;
  /* absolute or fixed */
  z-index: 105; }

.fullSlideShow .btnPrev {
  left: 10px;
  background: transparent url(../img/btnPrev.png) no-repeat center center; }

.fullSlideShow .btnNext {
  right: 10px;
  background: transparent url(../img/btnNext.png) no-repeat center center; }

/* PagiNation
--------------------------- */
.pagiNation {
  bottom: 30px;
  left: 0;
  width: 100%;
  height: 15px;
  text-align: center;
  position: absolute;
  /* absolute or fixed */
  z-index: 110;
  /* 非表示にする場合は「90」以下に */
  visibility: hidden;
  /* 非表示にする場合は「hidden」に */ }

.pagiNation a {
  margin: 0 5px;
  width: 20px;
  height: 20px;
  display: inline-block;
  overflow: hidden;
  background: #000; }

.pagiNation a.pnActive {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important; }

/* =======================================
    fullSlideShow
======================================= */
.fullSlideShow ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden; }

.fullSlideShow ul {
  display: inline-block;
  overflow: hidden; }

.fullSlideShow ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden; }

.fullSlideShow ul {
  display: inline-block;
  overflow: hidden; }

@media screen and (min-width: 1200px) {
  .fullSlideShow_inner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    text-align: center;
    width: 100%;
    height: 100vh;
    display: flex; } }
@media screen and (max-width: 768px) {
  .l-gnav {
    display: none; }

  .fullSlideShow_lead {
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    letter-spacing: 0.3em; }

  .fullSlideShow_title {
    font-size: 2.4em;
    text-align: center;
    color: #fff;
    letter-spacing: 0.3em;
    line-height: 1.7;
    margin-top: 18px; }

  .fullSlideShow_txt {
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    margin-top: 24px;
    letter-spacing: 0.2em;
    line-height: 2; }

  a.fullSlideShow_link {
    display: block;
    text-decoration: none;
    width: 270px;
    margin: 0 auto; }

  a.fullSlideShow_link .fullSlideShow_btn {
    width: 100%;
    margin: 16px auto 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px; }

  a.fullSlideShow_link .fullSlideShow_note {
    margin-top: 5px;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    color: #fff;
    text-decoration: none; }

  .fullSlideShow_down {
    display: none; }

  .fullSlideShow_special {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 1000; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .l-gnav {
    display: none; }

  .fullSlideShow_lead {
    font-size: 2em;
    text-align: center;
    color: #fff;
    letter-spacing: 0.3em; }

  .fullSlideShow_title {
    font-size: 3.6em;
    text-align: center;
    color: #fff;
    letter-spacing: 0.3em;
    margin-top: 20px; }

  .fullSlideShow_txt {
    font-size: 2.4em;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    letter-spacing: 0.1em;
    line-height: 1.8; }

  a.fullSlideShow_link {
    display: block;
    text-decoration: none;
    width: 270px;
    margin: 0 auto; }

  a.fullSlideShow_link .fullSlideShow_btn {
    width: 100%;
    margin: 24px auto 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px; }

  a.fullSlideShow_link .fullSlideShow_note {
    margin-top: 5px;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    color: #fff;
    text-decoration: none; }

  .fullSlideShow_down {
    display: none; }

  .fullSlideShow_special {
    width: 90%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    z-index: 1000; } }
@media screen and (min-width: 1200px) {
  .l-gnav {
    display: block; }

  .fullSlideShow_lead {
    font-size: 2.2em;
    text-align: center;
    color: #fff;
    letter-spacing: 0.3em; }

  .fullSlideShow_title {
    font-size: 4em;
    text-align: center;
    color: #fff;
    letter-spacing: 0.4em;
    line-height: 1.6;
    font-weight: 400;
    margin-top: 24px; }

  .fullSlideShow_txt {
    font-size: 2.1em;
    text-align: center;
    color: #fff;
    margin-top: 32px;
    letter-spacing: 0.3em;
    line-height: 2.2; }

  a.fullSlideShow_link {
    display: block;
    text-decoration: none;
    width: 270px;
    margin: 0 auto; }

  a.fullSlideShow_link .fullSlideShow_btn {
    width: 100%;
    margin: 24px auto 0 auto;
    padding: 10px 0;
    text-align: center;
    border-radius: 6px; }

  a.fullSlideShow_link .fullSlideShow_note {
    margin-top: 8px;
    letter-spacing: 0.2em;
    font-size: 1.8em;
    color: #fff;
    text-decoration: none; }

  .fullSlideShow_down {
    width: 32px;
    margin: 60px auto 0 auto;
    height: 32px;
    text-align: center; }

  .fullSlideShow_down a {
    color: #fff;
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.1em; }

  .fullSlideShow_down a span {
    font-size: 28px;
    display: block;
    padding-top: 8px; }

  .fullSlideShow_special {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.95); } }
/* =========================================================
 l-footerInformation
========================================================= */
@media screen and (max-width: 768px) {
  .l-footerInformation {
    width: 100%;
    padding: 24px 5%;
    margin: 0 auto; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .l-footerInformation {
    width: 100%;
    padding: 48px 5%;
    margin: 0 auto; } }
@media screen and (min-width: 1200px) {
  .l-footerInformation {
    width: 1200px;
    padding: 64px 0;
    margin: 0 auto; } }
/* =========================================================
 l-footerlink
========================================================= */
@media screen and (max-width: 768px) {
  .l-footer {
    padding: 32px 0 110px 0;
    background: #4D474C; }

  .l-footerlink__inner {
    width: 100%;
    padding: 0 7.5%; }

  .l-footerlink li {
    color: #fff;
    margin-bottom: 16px; }

  .l-footerlink li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.5em;
    transition: all .2s ease-out; }
    .l-footerlink li a:hover {
      text-decoration: underline;
      transition: all .2s ease-out; }

  .l-footer-sp {
    display: none; }

  .l-footerlink li ul li a {
    padding-left: 8px; }

  .l-footerlink li ul {
    margin-top: 16px; }

  .l-footerlink li ul li ul {
    margin-left: 20px;
    margin-top: 16px; }

  a.l-footerlink-bold {
    font-size: 1.6em; }

  .l-footer-address {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin-top: 30px; }

  .l-footer-sp_jb {
    flex-wrap: wrap; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .l-footer {
    padding: 32px 0 110px 0;
    background: #4D474C; }

  .l-footerlink li {
    color: #fff;
    margin-bottom: 16px; }

  .l-footerlink li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.4em;
    transition: all .2s ease-out; }
    .l-footerlink li a:hover {
      text-decoration: underline;
      transition: all .2s ease-out; }

  .l-footerlink li ul li a {
    padding-left: 8px; }

  .l-footerlink li ul {
    margin-top: 16px; }

  .l-footerlink li ul li ul {
    margin-left: 20px;
    margin-top: 16px; }

  a.l-footerlink-bold {
    font-weight: bold;
    font-size: 1.2em;
    border-bottom: 1px dotted #fff;
    padding-bottom: 12px;
    display: block;
    margin-top: 16px; }

  .l-footer-address {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin-top: 30px; }

  .l-footer-sp_jb {
    justify-content: space-between; } }
@media screen and (min-width: 1200px) {
  .l-footer {
    padding: 72px 0;
    background: #4D474C;
    position: relative;
    z-index: 10000; }

  .l-footerlink > li {
    color: rgba(255,255,255,.5); }

  .l-footerlink > li > ul > li {
    color: rgba(255,255,255,.5);
    border-bottom: 1px dotted rgba(255,255,255,.5); }

  .l-footerlink li a {
    color: #fff;
    text-decoration: none;
    font-size: 1.4em;
    transition: all .2s ease-out;
    padding: 12px;
    display: block; }
    .l-footerlink li a:hover {
      transition: all .2s ease-out;
      color: #f17230; }

  .l-footerlink li ul li ul {
    margin-left: 20px;
    margin-top: 16px; }

  .l-footerlink-bold {
    border-bottom: 1px dotted rgba(255,255,255,.5); }

  .l-footer-address {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin-top: 48px; }

  .l-footer-sp_jb {
    justify-content: space-between; } }
/* =========================================================
 l-footerlink
========================================================= */
@media screen and (max-width: 768px) {
  .l-sp-footer a {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f17230;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 14px 0 24px;
    z-index: 10100; } }
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .l-sp-footer a {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #f17230;
    color: #fff;
    border-top: 1px solid #fff;
    padding: 10px 0;
    z-index: 10100; } }
@media screen and (min-width: 1280px) {
  .l-sp-footer,.l-sp-footer-2nd {
    display: none; } }
/* =========================================================
 l-sp-footer
========================================================= */
/* =========================================================
 campusmap
========================================================= */
#campusmap {
  width: 90%;
  height: 540px;
  margin: 0 auto; }

#campusmap2 {
  width: 100%;
  height: 480px; }

@media screen and (max-width: 768px) {
  #l-right_topicPath, #l-left_title {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #l-right_topicPath, #l-left_title {
    display: none; } }
@media screen and (min-width: 1200px) {
  #l-left_title {
    position: fixed;
    width: 5%;
    height: 100vh;
    left: 0;
    z-index: 15000;}

  #l-left_title p {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: 1.7em;
    letter-spacing: 0.6em; }

  #l-right_topicPath {
    position: fixed;
    width: 5%;
    height: 100vh;
    right: 0;
    font-size: 1.2em;
    z-index: 15000;}

  #l-right_topicPath p {
    position: absolute;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0%);
    letter-spacing: 0.5em;
    line-height: 1.3; }

  #l-right_topicPath p span {
    line-height: 2; } }
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, #l-left_title p span {
    display: none; }

  /* IE11 */
  *::-ms-backdrop, #l-right_topicPath p span {
    display: none; }

  /* IE11 */ }
/* =========================================================
 left_topicPath
========================================================= */
/* =========================================================
 right_sNav
========================================================= */

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