<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500&amp;display=swap');
body {
  line-height: 1.5em;
  overflow-y: scroll;
}
a {
  text-decoration: none;
}
ul {
  list-style: none;
}
.row {
  display: flex;
}
.col {
  flex: none;
}
#wrap {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  line-height: 1.5em;
}
#home_header_wrap {
  width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  font-size: 14px;
  font-family: Verdana, Geneva, sans-serif;
  color: #000;
  line-height: 1.5em;
}
#contents p {
  margin-bottom: 1em;
}
#header {
  overflow: hidden;
  margin: 0 0 8px;
}
#header .lead {
  font-size: 12px;
  color: #8c8c8c;
  line-height: 12px;
  margin-bottom: 5px;
}
.row.btn {
  justify-content: space-between;
  margin-bottom: 1em;
}
#st-btn {
  display: flex;
  justify-content: space-between;
  width: 178px;
  margin: 0 82px 0 0;
}
#st-btn div {
  flex: none;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  cursor: pointer;
  background: #928178;
  color: #fff;
}
#st-btn div#l-btn {
  width: 140px;
  height: 34px;
  line-height: 34px;
}
#st-btn div#s-btn {
  width: 34px;
  height: 0px;
  padding-top: 34px;
  background: url("../images/loupe.gif") no-repeat left top / contain;
  overflow: hidden;
}
#langmenu {
  width: 600px;
  margin: 18px 82px 18px auto;
}
#langmenu ul {
  display: flex;
  justify-content: flex-end;
}
#langmenu li {
  flex: none;
  width: 74px;
  margin-right: 6px;
  margin-bottom: 6px;
  height: 26px;
}
#langmenu li a {
  font-size: 10px;
  color: #FFF;
  background-color: #CCC;
  display: block;
  width: 100%;
  text-align: center;
  vertical-align: bottom;
  line-height: 1em;
  padding-top: 8px;
  padding-bottom: 8px;
  height: 1em;
}
html:lang(ja) #langmenu li.lm_jpn a {
  background-color: #000;
}
html:lang(en) #langmenu li.lm_eng a {
  background-color: #000;
}
html:lang(zh-cmn-Hans-CN) #langmenu li.lm_kan a {
  background-color: #000;
}
html:lang(zh-cmn-Hant-TW) #langmenu li.lm_han a {
  background-color: #000;
}
html:lang(vi) #langmenu li.lm_vnm a {
  background-color: #000;
}
html:lang(id) #langmenu li.lm_idn a {
  background-color: #000;
}
html:lang(th) #langmenu li.lm_tha a {
  background-color: #000;
}
html:lang(pt) #langmenu li.lm_prt a {
  background-color: #000;
}
#search_block {
  display: block;
  width: 600px;
  margin: 18px 82px 18px auto;
  text-align: end;
}
#search_block .sbox span {
  font-size: 10px;
  color: #666;
  line-height: 1em;
}
#search_block .sbox input[type="text"] {
  height: 24px;
  width: 200px;
}
#langmenu, #search_block {
  display: none;
}
#logotype {
  display: flex;
  justify-content: flex-start;
  margin-top: -8px;
}
#header #logotype a {
  flex: none;
  background-image: url("../images/logo.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: contain;
  display: inline-block;
  height: 0px;
  width: 426px;
  padding-top: 50px;
  overflow: hidden;
  font-size: xx-small;
}
#header #logotype .bn_iten {
  flex: none;
  width: 300px;
  height: 0;
  padding-top: 50px;
  overflow: hidden;
  background-image: url("../images/bn_iten.jpg");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: contain;
  font-size: 1rem;
}
.navToggleWrapFixed {
  position: fixed;
  left: 0;
  top: 20px;
  width: 100%;
  z-index: 30000;
}
.navToggleWrap {
  position: relative;
  width: 1024px;
  margin: 0 auto;
}
.navToggle {
  position: absolute;
  right: -4px;
  top: -4px;
  display: block;
  padding: 0;
  width: 78px;
  height: 78px;
  background: #80292d;
  color: #fff;
  line-height: 60px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  border: solid 4px #fff;
}
.navToggle span {
  display: block;
  position: absolute;
  width: 40px;
  border-bottom: solid 4px #eee;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  left: 19px;
}
.navToggle span:nth-child(1) {
  top: 22px;
}
.navToggle span:nth-child(2) {
  top: 37px;
}
.navToggle span:nth-child(3) {
  top: 52px;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
  top: 37px;
  left: 19px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2), .navToggle.active span:nth-child(3) {
  top: 37px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
nav {
  width: 90%;
  height: 100%;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition: all 0.6s;
  -webkit-overflow-scrolling: touch;
  background: #80292d;
  padding: 0;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: scroll;
  margin-top: 0;
}
nav.active {
  transform: translateX(0%);
  transition: all 0.6s;
  box-shadow: 2px 2px 6px #333;
}
nav &gt; ul {
  width: 80%;
  display: block;
  margin: 80px 10%;
  box-sizing: border-box;
}
nav &gt; ul &gt; .n_list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0px;
  border-right: none;
  border-bottom: dotted 1px #fff;
  box-sizing: border-box;
}
nav &gt; ul &gt; .n_list:first-child {
  border-top: dotted 1px #fff;
}
nav &gt; ul &gt; .n_list .n_item, nav &gt; ul &gt; .n_list span {
  display: block;
  padding: 20px 10px 20px 30px;
  font-size: 16px;
  line-height: 1.2;
  width: 30%;
  background-color: #80292d;
  color: #fff;
}
nav &gt; ul &gt; .n_list.home .n_item, nav &gt; ul &gt; .n_list.study .n_item, nav &gt; ul &gt; .n_list.schedule .n_item {
  width: 100%;
}
nav &gt; ul &gt; .n_list &gt; ul {
  width: 70%;
  margin: 0;
}
nav &gt; ul &gt; .n_list &gt; ul &gt; .s_list {
  margin: 0;
  border-bottom: dotted 1px #fff;
}
nav &gt; ul &gt; .n_list &gt; ul &gt; .s_list:last-child {
  margin: 0;
  border-bottom: none;
}
nav &gt; ul &gt; .n_list &gt; ul &gt; .s_list &gt; a {
  display: block;
  padding: 20px;
  font-size: 16px;
  line-height: 1;
  width: 100%;
  color: #fff;
}
nav &gt; ul &gt; .n_list &gt; a:hover, 
nav &gt; ul &gt; .n_list &gt; ul &gt; .s_list &gt; a:hover {
  color: #FFEF69;
}
#topicpath {
  width: 100%;
  font-size: 12px;
  text-indent: 20px;
  margin: 30px 0 10px;
}
#topicpath a {
  color: #000;
}
#topicpath a:hover {
  color: #933;
}
.pagetop {
  position: fixed;
  right: 0px;
  bottom: 80px;
  width: 60px;
  margin-right: 0px;
  font-size: 10px;
  line-height: 1em;
  color: #000;
  text-align: center;
  height: 1em;
  padding-top: 45px;
  background-image: url(../images/bg_pagetop.png);
  background-repeat: no-repeat;
  background-position: center top;
  font-weight: bold;
  white-space: nowrap;
  cursor: pointer;
}
.pagetop:hover {
  opacity: 0.8;
}
#footer {
  width: 100%;
  clear: both;
}
#footer .cr {
  font-size: 10px;
  color: #333;
  text-align: center;
}
#bnFacebook {
  position: fixed;
  z-index: 9999;
  top: 20%;
  right: 0px;
}
#bnFacebook a {
  display: block;
  width: 51px;
  height: 0px;
  padding: 0px;
  padding-top: 160px;
  overflow: hidden;
  background-image: url(../images/bn_facebook.png);
  background-position: 0px 0px;
  margin: 0px 0px 5px
}
#bnFacebook a.hmt {
  background-image: url(../images/bn_facebook_hmt.png);
}
#bnFacebook a.nmz {
  background-image: url(../images/bn_facebook_nmz.png);
}
.numazu #bnFacebook a.hmt, .hamamatsu #bnFacebook a.nmz {
  display: none;
}
#bnFacebook a:hover {
  opacity: 0.9;
}
.sec {
  margin-bottom: 30px;
}
#home .movie {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 1200px;
  height: 675px;
  margin: 0 auto 40px;
  background: #999;
  overflow: hidden;
}
#home .movie video {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
    }
#home .movie iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#home .movie::after {
  content: "";
  position: absolute;
  display: block;
  left: 58px;
  bottom: 50px;
  margin: auto;
  width: 542px;
  height: 46px;
  background: url("../images/catchphrase.png") left top / contain no-repeat;
  color: #fff;
  z-index: 300;
}
#home #contents .btn-details {
  width: 140px;
  margin-right: auto;
  margin-left: auto;
}
#home #contents .btn-details a {
  display: block;
  height: 0px;
  width: 100%;
  padding-top: 26px;
  overflow: hidden;
  background-image: url(../images/btn_home_detail.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: contain;
  font-size: xx-small;
}
#home #contents .btn-details a:hover {
  opacity: 0.9;
}
.bn-yumemirai {
 display: flex;
  flex-direction: column;
  margin: -2em auto 60px;
}
.bn-yumemirai a {
  display: block;
  width: 524px;
  height: 92px;
  margin: 0 auto 0.6em;
}
.bn-yumemirai a:hover {
  opacity: 0.8;
}
.bn-yumemirai img {
  width: 100%;
  height: 100%;
  margin: 0;
}
.bn-yumemirai figcaption {
  text-align: center;
  font-size: 14px;
  color: #17223D;
}
#home #school {
  width: 100%;
  overflow: hidden;
  background-color: #ecebea;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-bottom: 0px;
  clear: both;
}
#home #school .school-list {
  width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#home #school .school-list .sli {
  flex: none;
  width: 250px;
  height: 50px;
  margin: 0px 8px 20px 0px;
}
#home #school .school-list .sli:nth-child(2n), #home #school .school-list .sli:nth-child(6n) {
  margin-right: 30px;
}
#home #school .school-list .sli:nth-child(4n) {
  width: 205px;
  margin-right: 0px;
}
#home #school .school-list .sli a {
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  overflow: hidden;
  height: 0px;
  width: 100%;
  padding-top: 50px;
}
#school .school-list .sli.s01 a {
  background-image: url(../images/bn_school_01.gif);
}
#school .school-list .sli.s02 a {
  background-image: url(../images/bn_school_02.gif);
}
#school .school-list .sli.s03 a {
  background-image: url(../images/bn_school_03.gif);
}
#school .school-list .sli.s04 a {
  background-image: url(../images/bn_school_04.gif);
}
#school .school-list .sli.s05 a {
  background-image: url(../images/bn_school_05.gif);
}
#school .school-list .sli.s06 a {
  background-image: url(../images/bn_school_06.gif);
}
#school .school-list .sli.s07 a {
  background-image: url(../images/bn_school_07.gif);
}
#school .school-list .sli.s08 a {
  background-image: url(../images/bn_school_08.gif);
}
#home #movie-area {
  width: 100%;
  text-align: center;
  margin: 0 auto 120px;
}
#home #movie-area .row {
  justify-content: space-around;
  flex-wrap: wrap;
}
#home #movie-area .st-movie, #info .st-info {
  width: 100%;
  padding: 12px 0;
  background: #80292D;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  text-indent: 1em;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}

#home #movie-area .yt_movie {
  flex: none;
  width: 420px;
  margin-bottom: 2em;
}
#home #movie-area .movie-item {
  width: 420px;
  height: 236.25px;
}
#home #movie-area .yt_title {
  font-weight: normal;
}
#home #movie-area .btn_more {
  position: relative;
  display: block;
  width: 12em;
  background: #000;
  text-align: center;
  margin: 20px auto;
  padding: 4px;
  border-radius: 14px;
  height: 28px;
  vertical-align: middle;
  box-sizing: border-box;
}
#home #movie-area .btn_more a {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  background: #000;
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  padding: 4px 18px 4px 1em;
  border-radius: 10px;
  height: 20px;
  box-sizing: border-box;
}
#home #movie-area .btn_more a::before, #home #movie-area .btn_more a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  content: "";
}
#home #movie-area .btn_more a::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
#home #movie-area .btn_more a::after {
  right: 2px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #000;
  z-index: 2;
}
#contents .ptitle, #contact .ptitle {
  background-color: #000;
  color: #fff;
  text-align: left;
  vertical-align: middle;
  width: 100%;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  font-weight: bold;
  text-indent: 20px;
  margin-bottom: 30px;
}
#home #contents {
  width: 100%;
}
#home #info {
  margin-bottom: 1em;
  overflow: hidden;
}
#info .st-info img {
  width: 52px;
  height: auto;
  margin: 0 1em;
  vertical-align: middle;
}
#info .row {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#info .st-news {
  line-height: 1;
  font-size: 14px;
  display: flex;
  align-items: center;
}
#info .st-news::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 0.2em;
  border-radius: 50%;
  background: url("../images/icon_facebook.gif") no-repeat left top / 100%;
}
#info p.btn-more {
  margin: 0;
}
#info p.btn-more a {
  font-size: 9px;
  line-height: 1em;
  height: 1em;
  padding-right: 6px;
  margin-bottom: 0;
  text-align: right;
  background-image: url(../images/icon_arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
}
#info .news-area {
  background-color: #CCC;
  width: 480px;
  height: 300px;
  border: solid 4px #ccc;
}
#home #info #banner {}
#home #emg-area.sec {
  display: flex;
  align-items: flex-start;
  border: solid 1px #80292D;
  margin: 2em 0;
  padding: 10px 6px;
  box-sizing: border-box;
}
#home #emg-area.sec h2 {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  background: #80292D;
  color: #fff;
  width: 5em;
  padding: 4px 0.5em;
  margin: 0;
  font-size: 16px;
  text-align: center;
}
#home #emg-area.sec .emg-wrap {
  width: 100%;
  height: 10em;
}
#home #emg-area.sec .emg-wrap iframe {
  width: 100%;
  height: 100%;
  overflow: scroll;
}
#home .sec {
  clear: both;
}
#home #banner_bg {
  padding: 30px 0 0;
  background: #F4F1EB;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}
#home .banner_block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1024px;
  margin: 0 auto;
}
#home .banner_block .banner_item {
  flex: none;
  width: 485px;
  margin: 0 0 36px;
}
#home .banner_block .banner_item .bn_title {
  width: 100%;
  margin-bottom: 1em;
}
#home .banner_block .banner_item .bn_title img {
  width: 100%;
  height: auto;
}
#home .banner_block .banner_item .bn_comment {
  line-height: 1.75;
}
#home #contents p {
  color: #666;
}
#subcol {
  float: right;
  width: 296px;
}
#subcol .sbn {
  width: 100%;
  margin-bottom: 10px;
}
#subcol .sbn a {
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  height: 0px;
  overflow: hidden;
  padding-top: 120px;
}
#subcol .sbn.gkj a {
  background-image: url(../images/bn_home_kaigo.jpg);
}
#subcol .sbn.auditor a {
  background-image: url(../images/bn_auditor.gif);
}
#subcol .sbn.voice a {
  background-image: url(../images/bn_home_voice.jpg);
}
#subcol .sbn.clife a {
  background-image: url(../images/bn_home_clife.jpg);
}
#subcol .sbn.guide a {
  background-image: url(../images/bn_home_guide.jpg);
}
#subcol .sbn.business a {
  background-image: url(../images/bn_home_business.jpg);
}
#subcol .sbn.teacher a {
  background-image: url(../images/bn_home_teacher.jpg);
}
#subcol .bn-hamagaku, #subcol .bn-numagaku {
  width: 254px;
  margin: 0px auto;
  margin-bottom: 20px;
}
#subcol .bn-hamagaku a, #subcol .bn-numagaku a {
  background-image: url(../images/bn_home_hamagaku.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  display: block;
  height: 0px;
  overflow: hidden;
  padding-top: 60px;
  width: 100%;
}
#subcol .bn-numagaku a {
  background-image: url(../images/bn_home_numagaku.gif);
}
#subcol .add {
  margin-left: 20px;
  font-size: 11px;
  line-height: 1.5em;
  margin-bottom: 20px;
}
#subcol .bn-map, #subcol .bn-map-nu, #subcol .bn-inq {
  width: 286px;
  margin: 0px auto;
  margin-bottom: 20px;
  box-shadow: 0px 0px 6px 0px #999;
}
#subcol .bn-map a, #subcol .bn-map-nu a, #subcol .bn-inq a {
  width: 286px;
  height: 0px;
  display: block;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  overflow: hidden;
  padding-top: 59px;
}
#subcol .bn-map a:hover, #subcol .bn-map-nu a:hover, #subcol .bn-inq a:hover {
  opacity: 0.6;
}
#subcol .bn-map a {
  background-image: url(../images/bn_home_map.gif)
}
#subcol .bn-map-nu a {
  background-image: url(../images/bn_home_map_numazu.gif)
}
#subcol .bn-inq a {
  background-image: url(../images/bn_home_inq.gif)
}
#access #contents .st {
  font-size: 12px;
  color: #FFF;
  background-color: #000;
  text-align: center;
  height: 22px;
  width: 120px;
  float: left;
  margin-right: 45px;
  font-weight: normal;
  line-height: 22px;
  padding: 2px 0px;
}
#access #map {
  width: 800px;
  height: 480px;
}
#access .sec {
  border-top: dashed 1px #b8b8b8;
  padding: 30px 20px;
}
#access #contents .add {
  margin-left: 165px;
}
#access #contents a {
  color: #000;
}
#access #contents a:hover {
  color: #7F282D;
}
#profile .sec {
  overflow: visible;
}
#profile .row.vr {
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: flex-start;
}
#profile .row.vr .col{
  flex: none;
  width: 48%;
}
#profile .row.vr .img_pro01{
  flex: none;
  width: 50%;
}
#profile .row.vr .img_pro01:hover {
  background: #84AA2F;
}
#profile .row.vr .img_pro01 a {
  display: block;
  outline: none;
}
#profile .row.vr .img_pro01 img {
  width: 100%;
  height: auto;
  object-fit: contain;
  vertical-align: top;
}
#profile .row.vr .img_pro01:hover img {
  opacity: 0.9;
}
#profile .st.pro01 {
  display: inline-block;
  margin-bottom: 16px;
  padding: 0 0 4px;
  border-bottom: solid 2px #84AA2F;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 26px;
  line-height: 1em;
  font-feature-settings:"palt";
  color: #000;
}
#profile.numazu .st.pro01 {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0 0 4px 1em;
  border-bottom: none;
  border-left: solid 10px #E400AA;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 20px;
  line-height: 32px;
  font-feature-settings:"palt";
  color: #000;
}
#profile .st.pro01 span {
  font-size: 20px;
}
#profile.numazu .row {
  margin: 0 auto 60px;
}
#profile.numazu .row .img_pro01 {
  width: 20%;
}
#profile.numazu .row .col {
  width: 80%;
}
#profile .st.pro01 .moji_vr {
  width: 44px;
  height: 20px;
  margin-right: 5px;
  vertical-align: baseline;
}
#profile .st.pro02 {
  position: relative;
  height: 34px;
  width: 100%;
  margin-bottom: 30px;
  border-bottom: solid 1px #E400AA;
  line-height: 34px;
  font-size: 20px;
  text-indent: 70px;
  overflow: visible;
}
#profile .st.pro02::before {
  position: absolute;
  display: block;
  left: 3px;
  bottom: -8px;
  content: "";
  width: 53px;
  height: 53px;
  background: url("../images/icon_st_pro02.png") left top /contain no-repeat;
  z-index: 200;
}
#profile .sst {
  width: 100%;
  height: 32px;
  margin-left: 10px;
  margin-bottom: 30px;
  line-height: 32px;
  vertical-align: middle;
}
#profile .sst.pro01 {
  display: flex;
  line-height: 1.2;
}
#profile .sst span {
  position: relative;
  display: inline-block;
  padding: 0 1em;
  height: 100%;
  margin: 0 1em 0 0;
  color: #fff;
  background: #E400AA;
  text-align: center;
}
#profile .sst.pro01 span {
  line-height: 32px;
}
#profile .sst span::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px 4px;
  border-color: transparent #fff transparent transparent;
}
#profile .row.vr .sst-vr {
  height: 20px;
  padding-left: 7px;
  font-size: 16px;
  line-height: 20px;
  border-left: solid 7px #84AA2F;
}
#profile .ssst {
  font-weight: bold;
  line-height: 1em;
  margin-left: 10px;
  margin-bottom: 16px;
}
#profile .ssst .bg-b {
  background-color: #000;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-right: 10px;
  padding: 2px 20px;
}
#profile.numazu .sst.pro02 {
  display: flex;
  align-items: center;
  line-height: 1.2;
  margin-bottom: 80px;
}
#profile.numazu .sst.pro02 span {
  display: flex;
  align-items: center;
  justify-content: center;
}
#profile .row.vr .sst-vr+p {
  margin-left: 14px;
  width: auto;
}
#profile .row.vr .sst-vr+ul {
  margin-left: 28px;
  list-style: disc;
}
#profile table.gakka {
  width: auto;
  border-collapse: collapse;
}
#profile table.gakka th, #profile table.gakka td {
  border-bottom: solid 1px #eb32b7;
  padding: 10px;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  text-align: left;
  vertical-align: top;
  line-height: 1.5em;
}
#profile table.gakka tr:last-child th, #profile table.gakka tr:last-child td, #profile table.gakka tr:first-child th, #profile table.gakka tr:first-child td {
  border-bottom: none;
}
#profile table.gakka tr:first-child th, #profile table.gakka tr:first-child td {
  padding: 5px;
}
#profile .photo-area {
  margin-left: 10px;
}
#profile .photo-area .row {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  border-bottom: dashed 1px #B8B8B8;
  margin-bottom: 1.5em;
}
#profile .photo-area .row.cRoom {
  align-items: flex-start;
}
#profile .photo-area .row:last-child {
  border-bottom: none;
}
#profile .photo-area#room01 {
  margin-top: -40px;
}
#profile .photo-area#room01 .row {
  align-items: flex-end;
  border-bottom: dashed 1px #B8B8B8;
  margin-bottom: 3em;
}
#profile .photo-area figure {
  position: relative;
  width: 318px;
  height: auto;
  flex: none;
  margin: 0 12px 1em 0;
  padding: 0 12px 0 0;
}
#profile .photo-area figure img {
  display: block;
  width: 100%;
  height: 224px;
  object-fit: cover;
  border-right: dashed 1px #B8B8B8;
  margin-bottom: 1em;
  padding: 0 12px 0 0;
}
#profile .photo-area figure:last-child img, #profile .photo-area figure.nob img {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
#profile .photo-area figure figcaption {
  display: inline-block;
  min-width: 4em;
  margin: 0 0 0.8em;
  padding: 3px 1em;
  background: #000;
  color: #fff;
  text-align: center;
}
#profile .photo-area#room01 figure {
  position: relative;
  width: 268px;
  height: auto;
  flex: none;
  margin: 0 30px 2em 0;
  padding: 0;
}
#profile .photo-area#room01 figure:nth-child(2) {
  width: 275px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#profile .photo-area#room01 figure:nth-child(3) {
  width: 366px;
  margin-right: 0;
}
#profile .photo-area#room01 figure img {
  display: block;
  width: 100%;
  height: 324px;
  object-fit: cover;
  border-right: none;
  margin-bottom: 1em;
  padding: 0 12px 0 0;
}
#profile .photo-area#room01 figure:nth-child(2) img {
  height: 148px;
}
#profile .photo-area#room01 figure:nth-child(2) img:first-child {
  margin-bottom: 28px;
}
#profile .photo-area#room01 figure:nth-child(3) img {
  height: 366px;
  object-fit: contain;
}
#profile .photo-area#room02 figure {
  position: relative;
  width: 268px;
  height: 338px;
  flex: none;
  margin: 0 30px 2em 0;
  padding: 0;
}
#profile .photo-area#room02 figure:nth-child(2) {
  width: 275px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#profile .photo-area#room02 figure:nth-child(3) {
  width: 366px;
  margin-right: 0;
}
#profile .photo-area#room02 figure img {
  display: block;
  width: 100%;
  height: 324px;
  object-fit: cover;
  border-right: none;
  margin-bottom: 1em;
  padding: 0;
}
#profile .photo-area#room02 figure:nth-child(2) img {
  height: 148px;
}
#profile .photo-area#room02 figure:nth-child(2) img:first-child {
  margin-bottom: 28px;
}
#profile .photo-area#room02 figure:nth-child(3) img {
  height: 338px;
  object-fit: contain;
}
#profile .photo-area .sb01::after {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha01.png") left top /contain no-repeat;
  right: 15px;
  top: 5px;
  width: 108px;
  height: 70px;
  z-index: 101;
  overflow: hidden;
}
#profile .photo-area .sb02 {
  position: absolute;
  right: 20px;
  top: -25px;
  width: 358px;
  height: 289px;
  z-index: 102;
}
#profile .photo-area .sb02 img {
  width: 100%;
  height: 100%;
}
#profile .photo-area .sb03::before {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha03.png") left top /contain no-repeat;
  left: -63px;
  top: -30px;
  width: 90px;
  height: 67px;
  z-index: 103;
  overflow: hidden;
}
#profile .photo-area .sb04::after {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha04.png") left top /contain no-repeat;
  right: 35px;
  top: 5px;
  width: 90px;
  height: 67px;
  z-index: 104;
  overflow: hidden;
}
#profile .photo-area .sb05::after {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha05.png") left top /contain no-repeat;
  right: 5px;
  top: -10px;
  width: 106px;
  height: 80px;
  z-index: 105;
  overflow: hidden;
}
#profile .photo-area .sb06::after {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha06.png") left top /contain no-repeat;
  right: -64px;
  top: -37px;
  width: 128px;
  height: 99px;
  z-index: 106;
  overflow: hidden;
}
#profile .photo-area .sb07::after {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha07.png") left top /contain no-repeat;
  right: -5px;
  top: 0px;
  width: 106px;
  height: 82px;
  z-index: 107;
  overflow: hidden;
}
#profile .photo-area .sb08::after {
  position: absolute;
  content: "";
  background: url("../images/sb_pro_ha08.png") left top /contain no-repeat;
  right: -24px;
  top: -10px;
  width: 48px;
  height: 48px;
  z-index: 108;
  overflow: hidden;
}

/*沼津*/
#profile.numazu .photo-area figure {
  position: relative;
  width: 276px;
  height: auto;
  flex: none;
  margin: 0 36px 1em 0;
  padding: 0 36px 0 0;
}
#profile.numazu .photo-area figure img {
  display: block;
  width: 100%;
  height: 196px;
  object-fit: cover;
  border-right: dashed 1px #B8B8B8;
  margin-bottom: 1em;
  padding: 0 36px 0 0;
}
#profile.numazu .photo-area figure:last-child img {
  border-right: none;
  padding: 0;
}
#profile.numazu .photo-area .cRoom figure:first-child {
  width: 350px;
  margin-right: 0;
}
#profile.numazu .photo-area .cRoom figure:first-child img {
  border-right: none;
  height: 252px;
}
#profile.numazu .photo-area .cRoom figure:nth-child(2) {
  width: 245px;
}
#profile.numazu .photo-area .cRoom figure:nth-child(2) img {
  border-right: none;
  height: 164px;
}
#profile.numazu .photo-area .cRoom figure:last-child {
  width: 312px;
}
#profile.numazu .photo-area .cRoom figure:last-child img {
  margin-top: -26px;
  margin-left: -80px;
  height: 288px;
  object-fit: contain;
}
#profile.numazu .photo-area .ic01::after {
  position: absolute;
  content: "";
  background: url("../images/icon_pro_nu01.png") left top /contain no-repeat;
  left: -15px;
  top: -20px;
  width: 56px;
  height: 56px;
  z-index: 201;
  overflow: hidden;
}
#profile.numazu .photo-area .ic02::after {
  position: absolute;
  content: "";
  background: url("../images/icon_pro_nu02.png") left top /contain no-repeat;
  right: 36px;
  top: -30px;
  width: 52px;
  height: 42px;
  z-index: 202;
  overflow: hidden;
}
#profile.numazu .photo-area .ic03::after {
  position: absolute;
  content: "";
  background: url("../images/icon_pro_nu03.png") left top /contain no-repeat;
  right: 80px;
  top: -85px;
  width: 70px;
  height: 64px;
  z-index: 203;
  overflow: hidden;
}

#study #contents .schedule {
  width: 956px;
  margin-bottom: 30px;
  border-collapse: separate;
  border-spacing: 2px;
}
#study #contents .schedule:nth-child(3) {
  margin-bottom: 2px;

}
#study #contents .schedule th, #study #contents .schedule td {
  padding: 10px;
  font-size: 10px;
}
#study #contents .schedule th {
  text-align: left;
  background-color: #d3de22;
}
#study #contents .schedule th .st {
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  line-height: 1em;
}
#study #contents .schedule th .st em {
  font-weight: bold;
  font-style: normal;
}
#study #contents .schedule td {
  text-align: center;
  background-color: #f3f5df;
}
#study #contents .schedule td span {
  color: #b45a5d;
}
#study #contents .schedule td span.pc-only {
  color: #000;
}
#study #contents .schedule td.sentaku,
#study #contents .timetable td.sentaku {
  background-color: #cfce98;
}
#study #contents .timetable {
  width: 350px;
  float: left;
  border-collapse: separate;
  border-spacing: 2px;
  margin-right: 30px;
}
#study #contents .timetable th, #study #contents .timetable td {
  padding: 10px;
  font-size: 12px;
}
#study #contents .timetable th {
  width: 5em;
  background-color: #d3de22;
  color: #FFF;
}
#study #contents .timetable th .st {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  line-height: 1em;
}
#study #contents .timetable th .st em {
  font-weight: bold;
  font-style: normal;
}
#study #contents .timetable td {
  text-align: center;
  background-color: #f3f5df;
}
#study #contents .timetable td span {
  color: #b45a5d;
}
#study .timetable td.sentaku {
  background-color: #cfce98;
}
#study #contents .sst.bg-b {
  width: 100px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  margin-right: 45px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: center;
  float: left;
}
#study #contents .kamoku {
  width: 860px;
  margin-left: 150px;
}
#study #contents .kamoku li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-image: url("../images/line_tbr.gif");
  background-repeat: repeat-x;
  background-position: left 18px;
  margin-bottom: 1em;
}
#study #contents .kamoku li .kt,
#study #contents .kamoku li .kd {
  display: inline-block;
  background: #fff;
  padding: 0.5em 1em 0.5em 0;
}
#study #contents .kamoku li .kt {
  text-indent: -1em;
  margin-right: 24px;
  padding-left: 1em;
}
#study #contents .kamoku li .kd {
  flex: none;
  width: 600px;
  padding: 0.5em 0 0.5em 1em;
}

#study #contents .img-curriculum {
  float: right;
  margin-right: 60px;
}
#study #contents .curriculum {
  margin-left: 150px;
  margin-right: 0px;
  font-size: 12px;
  width: 654px;
}
#study #contents .schedule + .curriculum {
  margin-left: 1em;
  margin-top: 5px;
}
#study #contents .teacher {
  background-color: #f6f9ed;
  padding: 20px 0px 30px 0px;
  overflow: hidden;
  margin-bottom: 60px;
}
#study #contents .teacher .tshimada {
  float: left;
  width: 420px;
  margin-left: 50px;
  margin-top: -15px;
}

#study #contents .teacher .st {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
  color: #AAB531;
}
#study #contents .teacher .st span {
  display: inline-block;
  margin-right: 2em;
  padding: 0.5em 4em 0.5em 1em;
  color: #fff;
  background: #AAB531;
}
#study #contents .teacher .profile {
  background-image: url(../images/photo_study_shimada.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  padding-right: 110px;
  font-size: 12px;
  margin-bottom: 15px;
}
#study #contents .teacher .profile .sst {
  font-size: 14px;
  font-weight: bold;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #333;
  width: auto;
  margin-top: 25px;
  margin-bottom: 5px;
}
#study #contents .teacher .profile ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#study #contents .teacher .tyosyo {
  line-height: 1.5em;
  font-size: 11px;
}
#study #contents .teacher .katei {
  float: right;
  width: 440px;
  margin-right: 50px;
}
#study #contents .teacher .katei table {
  border: solid 1px #d7dc94;
  width: 100%;
  margin-bottom: 10px;
}
#study #contents .teacher .katei table th, #study #contents .teacher .katei table td {
  padding: 5px 20px;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
#study #contents .teacher .katei table th {
  background-color: #d7dc94;
  font-weight: normal;
}
#study #contents .teacher .katei table td {
  background-color: #fff;
}
#study #contents .price {
  margin-left: 150px;
}
#study #contents .price .ssst {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 12px;
}
#study #contents .price .ssst span {
  font-weight: normal;
  font-size: 90%;
}
#study #contents .price .noufu {
  width: 800px;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 40PX;
}
#study #contents .price .noufu th, #study #contents .price .noufu td {
  text-align: left;
  font-size: 12px;
  background-color: #f3f5df;
  font-weight: normal;
  padding: 5px 10px;
  vertical-align: middle;
}
#study #contents .price .noufu .total th, #study #contents .price .noufu .total td {
  background-color: #e7e8c4;
}
#study #contents .price .noufu th.tt1 {
  background-color: #d3de22;
  text-align: center;
  font-weight: bold;
  height: 25px;
}
#study #contents .price .noufu th.tt1 sup {
  font-weight: normal;
}
#study #contents .price .noufu th.tt2 {
  background-color: #e7e8c4;
  text-align: center;
  height: 25px;
}
#study #contents .price .noufu td.val {
  text-align: right;
  width: 22%;
}
#study #contents .price .noufu th.ex {
  width: 1em;
  line-height: 1.1em;
}
#study #contents .price .noufu .st_block {
  position: relative;
  height: 50px;
}
#study #contents .price .noufu .st_block .ssst {
  position: absolute;
  top: 0%;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px #000;
  text-align: center;
  line-height: 70px;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
}
#study #contents .price .noufu2 {
  width: 800px;
  margin-bottom: 40PX;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#study #contents .price .noufu2 table {
  width: 55%;
  border-collapse: separate;
  border-spacing: 2px;
  margin-left: 5px;
}
#study #contents .price .noufu2 th, #study #contents .price .noufu2 td {
  padding: 5px 10px;
  vertical-align: middle;
}
#study #contents .price .noufu2 th {
  background-color: #e7e8c4;
  text-align: center;
}
#study #contents .price .noufu2 td {
  text-align: right;
  background-color: #f3f5df;
}
#study #contents .price .noufu2 .tt {
  width: 40%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 72px;
  line-height: 70px;
}
#study #contents .price .noufu2 .ttb {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#study #contents .price .noufu2 .tt span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: #fff;
  border: solid 1px #000;
  font-size: 12px;
  text-align: center;
  line-height: 1;
  margin: 0px 5px;
}
#study #contents .price .note {
  font-size: 11px;
  line-height: 1.5em;
  width: 800px;
}
/*追加分*/
#study #contents .price ul {
  font-size: 11px;
  line-height: 1.5em;
  width: 800px;
  margin: 0 0 1em;
}
#study #contents .price .noufu th.tt3 {
  background-color: #e7e8c4;
  text-align: left;
  height: 25px;
  text-indent: 1em;
}
#study #contents .price .ext {
  width: 800px;
  margin: 0 0 1em;
  font-size: 12px;
  font-weight: bold;
}
#study #contents .price dl {
  width: 800px;
  margin: 0 0 1em;
  font-size: 11px;
}
#study #contents .price dl dt {
  margin: 0 0 0.3em;
  padding-left: 1em;
  text-indent: -1em;
}
#study #contents .price dl dd {
  margin: 0 0 2em 1em;
}
#study #contents .price dl dd::before {
  content: "→";
}

#study #contents .price .syougaku {
  width: 800px;
  border-collapse: separate;
  border-spacing: 2px;
  margin-bottom: 30px;
}
#study #contents .price .syougaku th, #study #contents .price .syougaku td {
  padding: 5px;
  text-align: center;
  font-size: 12px;
}
#study #contents .price .syougaku th {
  background-color: #d3de22;
  color: #fff;
}
#study #contents .price .syougaku td {
  background-color: #f3f5df;
}
#study #contents .sec.tb {
  padding-top: 30px;
  margin-top: 30px;
}
#study #contents .sec.tb::after {
  content: "";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
}
#group #contents .ptitle {
  margin-bottom: 70px;
}
#group #contents .tokusyoku .st, #group #contents .gaiyou .st {
  width: auto;
  height: 34px;
  padding: 0 0 0 20px;
  border-left: solid 9px #DD00A3;
  overflow: auto;
  font-family: 'Noto Serif SC', serif;
  font-size: 20px;
  font-weight: lighter;
  line-height: 34px;
  margin: 0 0 15px 34px;
}
#group #contents .sst-wrap {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  height: 65px;
  padding: 0 0 0 52px;
  margin: 0 0 12px 64px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#group #contents .sst-wrap.st01 {
  background-image: url(../images/sst_group_01.gif);
}
#group #contents .sst-wrap.st02 {
  background-image: url(../images/sst_group_02.gif);
}
#group #contents .sst-wrap.st03 {
  background-image: url(../images/sst_group_03.gif);
}
#group #contents .sst-wrap .sst {
  margin: 0 0 0 10px;
  padding-top: 5px;
  font-size: 28px;
  font-family: 'Noto Serif SC', serif;
  font-weight: bold;
  line-height: 1;
}
#group #contents .sec.tokuten .sst-wrap p {
  font-family: 'Noto Serif SC', serif;
  margin: 5px 0 0 10px;
}
#group #contents .sec.tokusyoku {
  border-bottom: solid 1px #e400aa;
}
#group #contents .sec.tokusyoku p {
  margin-left: 64px;
  margin-bottom: 35px;
}
#group #contents .sec.gaiyou p {
  margin-left: 64px;
  text-align: justify;
}
#group #contents .sec.tokuten p {
  margin-left: 64px;
}
#group #contents .sec.tokuten table {
  border-collapse: separate;
  border-spacing: 2px;
  width: 790px;
  margin-left: 64px;
  margin-bottom: 40px;
}
#group #contents .sec.tokuten table:last-of-type {
  margin-bottom: 5px;
}
#group #contents .sec.tokuten th, #group #contents .sec.tokuten td {
  background-color: #dfdfdf;
  text-align: center;
  vertical-align: middle;
  line-height: 1em;
}
#group #contents .sec.tokuten th {
  font-size: 11px;
  padding: 5px;
  font-weight: normal;
}
#group #contents .sec.tokuten td {
  font-size: 14px;
  padding: 10px;
}
#group #contents .sec.tokuten td.tt1 {
  background-color: #00b8c0;
  color: #fff;
  line-height: 1.5em;
  width: 24%;
}
#group #contents .sec.tokuten td.tt2 {
  background-color: #00c6e7;
  color: #fff;
  line-height: 1.5em;
  width: 24%;
}
#group #contents .sec.tokuten td.toku {
  background-color: #ea31b7;
  color: #fff;
  font-size: 16px;
}
#group #contents .sec.tokuten .note {
  text-align: left;
  width: 779px;
  font-size: 11px;
  margin-left: 75px;
  text-indent: -11px;
}
#group #contents .sec.g-list {
  padding-left: 35px;
}
#group #contents .sec.g-list .sst {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 180px;
  padding: 0 2em;
  height: 32px;
  margin: 0 0 1em;
  color: #fff;
  font-size: 15px;
  line-height: 32px;
  background: #FF8E00;
}
#group #contents .sec.g-list .sst::after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 16px 4px;
  border-color: transparent #fff transparent transparent;
}
#group #contents .sec.g-list .sst.g01 {
  background-color: #00b8c0;
}
#group #contents .tokuten + .gaiyou {
  margin-top: 60px;
}
#group #contents .sec.g-list .gakka {
  color: #333;
}
#group #contents .sec.g-list .row {
  justify-content: flex-start;
  margin-bottom: 60px;
}
#group #contents .sec.g-list .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-content: stretch;
  justify-content: space-between;
}
#group #contents .sec.g-list .photo {
  flex: none;
  margin: 0 24px 0 0;
}
#group #contents .sec.g-list .photo img {
  margin: 0;
  padding: 0;
  vertical-align: top;
}
#group #contents .sec.g-list .comment {
  color: #797979;
  text-align: justify;
}
#group #contents .sec.g-list ul {
  font-weight: bold;
  line-height: 1em;
}
#group #contents .sec.g-list ul a {
  color: #000;
}
#group #contents .sec.g-list ul a:hover {
  color: #FFA400;
}
#group #contents .sec.g-list .url {
  font-size: 20px;
  margin-bottom: 24px;
}
#group #contents .sec.g-list .add {
  font-size: 14px;
  margin-bottom: 10px;
}
#group #contents .sec.g-list .telNum {
  font-size: 14px;
}
#schedule #contents .schedule-area {
  background-image: url(../images/img_schedule.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  height: 0px;
  width: 1010px;
  padding-top: 1308px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 60px;
}
#schedule #contents .comment {
  margin-right: 60px;
  margin-left: 20px;
  margin-bottom: 50px;
}
#corp #contents .sec {
  padding-top: 30px;
  padding-right: 60px;
  padding-bottom: 40px;
  padding-left: 70px;
}
#corp #contents .st-corp {
  width: 100%;
  margin: 0 0 20px;
  padding: 5px 1em;
  background: #80292D;
  color: #fff;
  box-sizing: border-box;
}
#corp #contents #aisatsu.sec {
  background-color: #f7f7f7;
}
#corp #contents #aisatsu .com-area {
  width: auto;
}
#corp #contents #aisatsu .photo {
  float: left;
  margin-right: 50px;
  width: 200px;
}
#corp #contents #aisatsu .photo dt {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 14px;
  text-align: center;
}
#corp #contents #aisatsu .photo dt .pname {
  font-size: 20px;
}
#corp #contents #aisatsu .st {
  line-height: 24px;
  background-color: #b8b8b8;
  text-align: center;
  height: 24px;
  width: 125px;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 14px;
  color: #FFF;
  margin-bottom: 20px;
}
#corp #contents #aisatsu .sst {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 20px;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
}
#corp #contents #aisatsu .comment {
  color: #666;
  font-size: 12px;
  line-height: 2.4em;
}
#corp #contents #gaiyou .st-gaiyou {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  margin: 0 0 20px;
  padding: 0;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 80%, rgba(201, 202, 202, 1) 100%);
  border: solid 1px #b3b3b3;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 18px;
  line-height: 40px;
  text-indent: 20px;
  box-sizing: border-box;
  color: #000;
}
#corp #contents #gaiyou .st-gaiyou::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 100%;
  background: #FF9F00;
}
#corp #wrap #contents #gaiyou .sst {
  width: 100%;
  margin: 0 0 20px;
  color: #000;
  font-size: 18px;
  font-weight: normal;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
#corp #contents #gaiyou .ennkaku {
  width: 894px;
  border: 2px solid #b3ccd0;
  border-collapse: collapse;
}
#corp #contents #gaiyou .ennkaku th, #corp #contents #gaiyou .ennkaku td {
  color: #333;
  font-size: 13px;
  padding: 10px 0px;
  font-weight: normal;
}
#corp #contents #gaiyou .ennkaku tr:nth-child(odd) {
  background-color: #dde7e9;
}
#corp #contents #gaiyou .ennkaku .wareki {
  text-align: right;
  width: 70px;
  padding-left: 20px;
}
#corp #contents #gaiyou .ennkaku .seireki {
  text-align: center;
  width: 60px;
  padding: 0 1em;
}
#corp #contents #gaiyou .ennkaku .month {
  width: 40px;
  padding: 0 1em;
  border-right: none;
  text-align: center;
}
#corp #contents #gaiyou .ennkaku td {
  width: auto;
  padding-left: 30px;
  border-right: solid 1px #b3ccd0;
}
#corp #contents #photo {
  display: flex;
  justify-content: space-around;
}
#corp #contents #photo dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  width: 214px;
}
#corp #contents #photo dl dd {
  flex: none;
  margin-bottom: 1em;
}
#corp #contents #photo dl dt {
  text-align: left;
  vertical-align: middle;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  font-size: 14px;
  font-weight: normal;
  flex: none;
}
#corp #contents #photo dl dt .pname {
  display: inline-block;
  margin-top: 8px;
  font-size: 20px;
}
#corp #contents .st-info {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 80%, rgba(201, 202, 202, 1) 100%);
  border: solid 1px #b3b3b3;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 18px;
  line-height: 40px;
  text-indent: 20px;
  box-sizing: border-box;
  margin: 0 0 40px;
  padding: 0;
  color: #000;
}
#corp #contents .st-info::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 100%;
  background: #00ABB3;
}
#corp #contents #info .row {
  margin: 0 auto 40px;
}
#corp #contents #info table {
  border-collapse: collapse;
}
#corp #contents #info th, #corp #contents #info td {
  padding: 1em;
  text-align: left;
  border: solid 1px #000;
  box-sizing: border-box;
}
#corp #contents #info th {
  width: 190px;
  background: #FDFFE9;
  font-weight: normal;
}
#corp #contents #info td {
  width: auto;
}
#corp #contents #info td ul li {
  text-indent: -1em;
  margin-left: 1em;
}
#corp #contents #info td ul li::before {
  display: inline-block;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #000;
  margin-right: 3px;
}
#corp #contents #info table.full {
  width: 100%;
  margin: 0 auto 60px;
}
#corp #contents #info dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 0 auto 40px;
}
#corp #contents #info dl:last-child {
  margin: 0 auto;
}
#corp #contents #info dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: none;
  width: 150px;
  height: 68px;
  margin: 0 20px 0 0;
  border-radius: 8px;
  color: #fff;
  background: #84AA2F;
  text-align: center;
}
#guideline #contents {
  background-image: url(../images/bg_dots.gif);
  background-repeat: repeat;
}
#guideline #contents .bg-w {
  width: 844px;
  margin-right: auto;
  margin-left: auto;
  background-color: #FFF;
  padding-left: 58px;
  padding-right: 58px;
}
#guideline #contents .ptitle {
  width: 845px;
}
#guideline #contents .sec {
  margin-bottom: 45px;
}
#guideline #contents .st {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000;
  width: 830px;
  padding-bottom: 7px;
  padding-left: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 15px;
}
#guideline #contents .kikan {
  width: 530px;
  border: solid 1px #8f0000;
  margin-bottom: 10px;
}
#guideline #contents .kikan th, #guideline #contents .kikan td {
  padding: 12px;
  text-align: center;
  font-weight: bold;
}
#guideline #contents .kikan th {
  width: 30%;
  background-color: #8f0000;
  color: #fff;
}
#guideline #contents .kikan td {
  color: #8f0000;
}
#guideline #contents ul li {
  list-style: disc;
  margin-left: 1em;
}
#guideline #contents .gansyo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#guideline #contents .gansyo table {
  width: 405px;
  flex: none;
  margin-bottom: 2em;
}
#guideline #contents .gansyo table:last-child {
  margin-right: 0px;
}
#guideline #contents .gansyo th, #guideline #contents .gansyo td {
  padding: 6px;
  text-align: center;
  line-height: 1em;
}
#guideline #contents .gansyo th {
  background-color: #46c9e3;
  color: #fff;
  height: 1.5em;
  vertical-align: middle;
  flex: none;
}
#guideline #contents .gansyo td {
  background-color: #daedf2;
  padding: 15px;
}
#guideline #contents .gansyo td a {
  display: block;
  height: 24px;
  line-height: 24px;
  font-weight: bold;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 0px;
  background-color: #fff;
  color: #000;
}
#guideline #contents .gansyo td a:first-child {
  margin-bottom: 10px;
}
#guideline #contents #acrobat .banner {
  float: left;
  height: 39px;
  width: 158px;
  margin-bottom: 0px;
  margin-right: 10px;
}
#guideline #contents #acrobat .note {
  font-size: 12px;
  line-height: 1.5em;
  height: 39px;
  vertical-align: middle;
}
#contact #contents {
  width: 100%;
}
#contact #contents .st {
  border-left-width: 9px;
  border-left-style: solid;
  border-left-color: #eb32b7;
  font-size: 18px;
  line-height: 34px;
  vertical-align: middle;
  height: 34px;
  padding-left: 20px;
  margin-bottom: 30px;
}
#contact #contents .sst {
  font-size: 12px;
  margin-left: 5px;
  font-weight: normal;
}
#contact #contents p {
  margin-left: 15px;
  font-size: 12px;
}
#contact #mailformpro table {
  border-collapse: collapse;
  margin-left: 10px;
  margin-bottom: 20px;
}
#contact #mailformpro table th, #contact #mailformpro table td {
  border-bottom: solid 1px #a2a2a2;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
}
#contact #mailformpro table tr:last-child th, #contact #mailformpro table tr:last-child td {
  border-bottom: none;
}
#contact #mailformpro table th {
  padding: 1em;
  white-space: nowrap;
}
#contact #mailformpro table td #visa-s select {
  width: 70%;
  margin: 0px auto;
  box-sizing: border-box;
}
#contact #contents #mailformpro .button-block {
  text-align: center;
  width: auto;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
}
#contact #contents em {
  font-style: normal;
  font-weight: normal;
  color: #F00;
}
#contact #contents .ex {
  color: #F00;
}
#contact #contents .ex a {
  color: #F00;
  text-decoration: underline;
}
#contact #contents .ex a:hover {
  color: #33CC99;
}
/*feed*/
#feed {
  width: 533px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F2F2F2;
  height: 220px;
  margin-top: 0px;
  margin-bottom: 0px;
  white-space: nowrap;
  overflow: auto;
}
#feed div.newsItem {
  color: #555;
  padding: 10px;
  line-height: 1em;
  margin-right: 5px;
  margin-left: 5px;
  width: 150px;
  height: 160px;
  overflow: hidden;
  position: relative;
  white-space: normal;
  display: inline-block;
}
#feed p.bImg {
  width: 150px;
  height: 100px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 5px;
}
#feed p.bImg img {
  width: 100%;
  height: auto;
  vertical-align: middle;
}
#feed .bDate {
  font-size: 10px;
  width: 100%;
  margin-bottom: 4px;
}
#feed h3.bTitle {
  font-size: 11px;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  overflow: hidden;
}
#feed .bText {
  font-size: 10px;
  line-height: 1.2em;
  width: 100%;
  margin-bottom: 0px;
}
#feed a.linkItem {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
#feed div.newsItem:hover {
  background-color: #FFC;
}
/*文字調整*/
.ls1 {
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
.ls2 {
  letter-spacing: 1em;
  text-indent: 1em;
}
.tc-gray {
  color: #797979;
}
.ub {
  border-bottom: dashed 1px #b8b8b8;
}
.tb {
  border-top: dashed 1px #b8b8b8;
}
.ub-pink {
  border-bottom: solid 1px #e400aa;
  clear: both;
}
.tate-cho {
  display: block;
  -moz-transform: matrix(0, 1, 1, 0, 0, 0);
  -webkit-transform: matrix(0, 1, 1, 0, 0, 0);
  -o-transform: matrix(0, 1, 1, 0, 0, 0);
  transform: matrix(0, 1, 1, 0, 0, 0);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1);
}
.sp-only {
  display: none !important;
}
#contents .just {
  text-align: justify !important;
  text-justify: auto !important;
}
/*タブ*/
#contents .tab-group {
  width: 100%;
  margin: 60px auto 20px auto;
  border-bottom: solid 4px #666;
}
.hamamatsu #contents .tab-group {
  border-bottom: solid 4px #7b2a2f;
}
.numazu #contents .tab-group {
  border-bottom: solid 4px #006e36;
}
#contents .tab-group ul {
  display: flex;
  justify-content: center;
  list-style: none;
}
#contents .tab-group .tab {
  width: 30%;
  margin: 0px 20px;
}
#contents .tab-group .tab a {
  width: 90%;
  padding: 14px 5% 10px 5%;
  text-align: center;
  display: block;
  line-height: 1em;
  font-size: 16px;
  background-color: #CCC;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
#contents .tab-group .tab.hm a {
  background-color: #7b2a2f;
}
#contents .tab-group .tab.nm a {
  background-color: #006e36;
}
.hamamatsu #contents .tab-group .tab.hm a {
  background-color: #7b2a2f;
}
.hamamatsu #contents .tab-group .tab.nm a {
  background-color: #999;
}
.numazu #contents .tab-group .tab.hm a {
  background-color: #999;
}
.numazu #contents .tab-group .tab.nm a {
  background-color: #006e36;
}
.hamamatsu #contents .tab-group .tab.nm a:hover {
  background-color: #006e36;
}
.numazu #contents .tab-group .tab.hm a:hover {
  background-color: #7b2a2f;
}
#contents .tab-group .tab.active {
  background-color: #6CF;
}
#movie #contents .ptitle {
  background: #80292D;
}
#movie #contents .sec {
  width: 920px;
  margin: 0 auto;
}
#movie #contents .comment {
  position: relative;
  padding: 0 0 0 55px;
  margin: 60px auto 30px;
  font-size: 13px;
}
#movie #contents .comment::before {
  position: absolute;
  left: 0;
  bottom: -5px;
  content: "";
  display: inline-block;
  width: 45px;
  height: 40px;
  background: url("../images/icon_movie.png") no-repeat left top / contain;
}
#movie #contents section {
  margin: 0 auto 60px;
}
#movie #contents section .row {
  justify-content: space-between;
  flex-wrap: wrap;
}
#movie #contents section .yt_movie {
  width: 420px;
  height: auto;
  margin: 0 0 2em;
}
#movie #contents section .yt_title {
  font-weight: normal;
}
#movie #contents section .yt_title.sf {
  font-size: 98%;
}
#movie #contents section .yt_movie .movie-item {
  width: 420px;
  height: 236.25px;
}
#movie #contents .st-movie {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(230, 230, 230, 1) 80%, rgba(201, 202, 202, 1) 100%);
  border: solid 1px #b3b3b3;
  font-size: 18px;
  line-height: 40px;
  text-indent: 20px;
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 0;
}
#movie #contents .st-movie::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 100%;
  background: #FF9F00;
}
#movie #contents .m02 .st-movie::before {
  background: #84AA2F;
}
#movie #contents .m03 .st-movie::before {
  background: #00ABB3;
}
#movie #contents .m04 .st-movie::before {
  background: #3C8B64;
}
#outline #contents .ptitle {
  background: #80292D;
}
#outline #contents .comment {
  text-align: justify;
  margin: 0 auto 60px;
}
#outline #contents .img-gaiyou {
  width: 950px;
  margin: 0 auto 60px;
}
#outline #contents .img-gaiyou img {
  width: 950px;
  height: auto;
}
#outline #contents .btn_more {
  position: relative;
  display: block;
  width: 130px;
  background: #80292D;
  text-align: center;
  margin: 20px auto;
  padding: 4px;
  border-radius: 14px;
  height: 28px;
  vertical-align: middle;
  box-sizing: border-box;
}
#outline #contents .btn_more a {
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
  background: #80292D;
  border: solid 1px #fff;
  color: #fff;
  text-align: center;
  font-size: 12px;
  line-height: 12px;
  vertical-align: middle;
  padding: 4px 18px 4px 1em;
  border-radius: 10px;
  height: 20px;
  box-sizing: border-box;
}
#outline #contents .btn_more a::before, #outline #contents .btn_more a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 4px;
  margin: auto;
  content: "";
}
#outline #contents .btn_more a::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}
#outline #contents .btn_more a::after {
  right: 2px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #80292D;
  z-index: 2;
}
#outline #contents .st {
  background-size: auto auto;
  background-color: rgba(208, 219, 229, 1);
  background-image: repeating-linear-gradient(-76.215deg, transparent, transparent 3px, rgba(77, 140, 171, 1) 3px, rgba(77, 140, 171, 1) 6px);
}
#bunya {
  margin-bottom: 80px;
}
#bunya .sst {
  font-size: 9px;
  line-height: 1em;
  border-left-width: 9px;
  border-left-style: solid;
  border-left-color: #000;
  height: 8px;
  margin-bottom: 10px;
  padding-left: 2px;
}
#bunya .sst.ba {
  border-left-color: #7d6853;
}
#bunya .sst.bb {
  border-left-color: #7d6853;
}
#bunya .sst.bc {
  border-left-color: #7d6853;
}
#bunya .sst.bd {
  border-left-color: #2a5e87;
}
#bunya .sst.be {
  border-left-color: #2a5e87;
}
#bunya .sst.bf {
  border-left-color: #65854e;
}
#bunya .bunya-item {
  width: 980px;
  border-bottom: solid 1px #9e9e9e;
  margin: 0 auto 15px;
}
#bunya .bunya-item:last-child {
  border-bottom: none;
}
#bunya .bunya-item2 {
  /*float: left;*/
  flex: none;
}
#bunya ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
#bunya li {
  flex: none;
  height: 104px;
  width: 132px;
  margin-right: 8px;
  margin-bottom: 10px;
}
#bunya li span {
  display: flex;
  align-items: center;
  font-size: 9px;
  height: 14px;
  white-space: nowrap;
}
#bunya li span .sf {
  transform-origin: left center;
  transform: scale(0.8, 1);
  font-style: normal;
}
#bunya li span .ssf {
  transform-origin: left center;
  font-style: normal;
  transform: scale(0.7, 1);
}
#bunya li span::before {
  display: inline-block;
  flex: none;
  content: "";
  width: 2px;
  height: 8px;
  margin: 0 4px;
  background: #4D8CAB;
}
#bunya li.bunya_b span::before {
  background: #A7C19E;
}
#bunya li.bunya_c span::before {
  background: #E0B8AF;
}
#bunya li.bunya_d span::before, #bunya li.bunya_e span::before, #bunya li.bunya_f span::before {
  background: #A3A198;
}
#bunya li:nth-child(7n) {
  margin-right: 0px;
}
#bunya li a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0px;
  padding-top: 104px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  cursor: default;
}
#outline #contents .bunya-item li img {
  display: block;
  width: 132px;
  height: 90px;
}
#outline #contents .bunya-item .bunya_a {
  background-size: auto auto;
  background-color: rgba(208, 219, 229, 1);
  background-image: repeating-linear-gradient(-76.215deg, transparent, transparent 3px, rgba(175, 195, 211, 1) 3px, rgba(175, 195, 211, 1) 6px);
}
#outline #contents .bunya-item .bunya_b {
  background-size: auto auto;
  background-color: rgba(225, 233, 221, 1);
  background-image: repeating-linear-gradient(-76.215deg, transparent, transparent 3px, rgba(213, 224, 207, 1) 3px, rgba(213, 224, 207, 1) 6px);
}
#outline #contents .bunya-item .bunya_c {
  background-size: auto auto;
  background-color: rgba(245, 235, 231, 1);
  background-image: repeating-linear-gradient(-76.215deg, transparent, transparent 3px, rgba(239, 220, 215, 1) 3px, rgba(239, 220, 215, 1) 6px);
}
#outline #contents .bunya-item .bunya_d, #outline #contents .bunya-item .bunya_e, #outline #contents .bunya-item .bunya_f {
  background-size: auto auto;
  background-color: rgba(227, 227, 224, 1);
  background-image: repeating-linear-gradient(-76.215deg, transparent, transparent 3px, rgba(209, 208, 203, 1) 3px, rgba(209, 208, 203, 1) 6px);
}
/*フッターナビ*/
#f-navi ul {
  list-style: none;
  padding: 0px;
}
#f-navi &gt; ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  box-sizing: border-box;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin: 0px 0px 150px 0px;
}
#f-navi &gt; ul &gt; li {
  overflow: hidden;
  width: 110px;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  margin: 0px;
  height: 20px;
  border-left: solid 1px #999;
  position: relative;
}
#f-navi &gt; ul &gt; li:hover {
  overflow: visible;
}
#f-navi &gt; ul &gt; li:last-child {
  border-right: solid 1px #999;
}
#f-navi &gt; ul &gt; li a {
  display: block;
  padding: 0px;
  background: #fff;
  color: #666;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5;
  transition: .2s;
}
#f-navi &gt; ul &gt; li a:hover {
  background: #fff;
  color: #80292d;
}
#f-navi &gt; ul &gt; li &gt; ul {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background: #fff;
}
#f-navi &gt; ul &gt; li:hover &gt; ul {
  z-index: 3;
  margin: 0 auto;
}
#f-navi &gt; ul &gt; li:last-child &gt; ul {
  flex-direction: column;
  width: 100%;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li {
  overflow: hidden;
  width: auto;
  transition: .2s;
  font-size: 10px;
  text-align: left;
  position: relative;
  margin: 0 auto;
  background: #fff;
}
#f-navi &gt; ul &gt; li:last-child &gt; ul &gt; li {
  font-weight: bold;
}
#f-navi &gt; ul &gt; li:hover &gt; ul &gt; li &gt; a {
  padding: 10px 0;
}
#f-navi &gt; ul &gt; li:hover &gt; ul &gt; li:first-child &gt; a {
  padding-top: 20px;
}
#f-navi &gt; ul &gt; li:hover &gt; ul li {
  overflow: visible;
  height: auto;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul {
  width: 100%;
  left: 0;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul {}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li {
  font-weight: normal;
  margin-bottom: 1em;
  line-height: 1.5;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li:hover &gt; ul &gt; li {
  overflow: visible;
}
#f-navi &gt; ul &gt; li:last-child &gt; ul &gt; li &gt; ul &gt; li &gt; ul {}
#f-navi &gt; ul &gt; li:last-child &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li {
  line-height: 1.5;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; a, #f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  display: block;
  width: 100%;
  color: #666;
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.1em;
  background: #fff;
  padding: 5px 0;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  box-sizing: border-box;
  line-height: 1;
  text-align: left;
  padding: 5px 2em 5px 3em;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a::before {
  margin-left: -1em;
  content: "├";
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a::before {
  content: "└";
}
#f-navi &gt; ul &gt; li:last-child &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  padding-top: 0px;
  text-indent: 1em;
}
#f-navi &gt; ul &gt; li:last-child:hover &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  padding-top: 10px;
}
#f-navi &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; ul &gt; li &gt; a::before {
  content: "・";
}</pre></body></html>