@charset "UTF-8";
/* staff.css */
main {
  background: url("../img/staff_bg.jpg") center top/100% auto no-repeat;
}
@media only screen and (max-width: 768px) {
  main {
    background: url("../img/staff_bg.jpg") center top/200% auto no-repeat;
  }
}
main .in-contents article .cont-box .inner.staff-index .lead .kv {
  margin: 0;
  padding: 0 0 14%;
  position: relative;
}
main .in-contents article .cont-box .inner.staff-index .lead .kv .kv-ttl {
  font-size: 26px;
  color: #000;
  text-align: left;
  position: absolute;
  top: 4%;
  left: 4%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .lead .kv .kv-ttl {
    font-size: 5.07vw;
    top: 2%;
    left: 2%;
  }
}
main .in-contents article .cont-box .inner.staff-index .lead .kv .kv-img {
  width: 45.53%;
  position: absolute;
  right: 2%;
  bottom: 0;
}
main .in-contents article .cont-box .inner.staff-index .lead .kv .kv-note {
  font-size: 10px;
  color: #fff;
  position: absolute;
  right: 2%;
  bottom: -1%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .lead .kv .kv-note {
    font-size: 2.5vw;
    bottom: -4%;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .ttl2 {
  margin: -1% auto 3%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .ttl2 {
    margin: 4% auto;
    line-height: 1.4;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .ttl2 span {
    display: block;
    line-height: 1.2;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01>p:nth-of-type(n+3) {
  margin: 8% auto 3%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .cont01>p:nth-of-type(n+3) {
    margin: 12% auto 4%;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist {
  display: table;
  width: 100%;
  margin: 0 0 4%;
  padding: 0;
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li {
  display: table-cell;
  width: 50%;
  position: relative;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li:nth-of-type(odd) {
    padding-right: 1%;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li:nth-of-type(even) {
    padding-left: 1%;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .staff-img {
  display: inline-block;
  width: 38.81%;
  margin: 0;
  padding: 0;
  background: #fff;
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li a {
  display: block;
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li a .staff-img img {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media only screen and (min-width: 769px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li:hover {
    background: rgba(31,173,36,0.4);
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li:hover a .staff-img img {
    opacity: 0.8;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .link {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  bottom: 2%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .link {
    position: static;
  }
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .link a.outside:before {
    top: 26%;
    left: -4%;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt {
  display: inline-block;
  width: 58.21%;
  margin: 0;
  padding-left: 2%;
  color: #fff;
  font-size: 1.17vw;
  text-align: left;
  line-height: 1.4;
  vertical-align: top;
  letter-spacing: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 1201px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt {
    font-size: 14px;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt span {
  display: block;
  margin-bottom: 1%;
  font-size: 1.67vw;
}
@media only screen and (min-width: 1201px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt span {
    font-size: 20px;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt i {
  display: block;
  color: #1fad24;
  font-style: normal;
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt b {
  display: block;
  margin-top: 10%;
  font-size: 1vw;
  font-weight: normal;
}
@media only screen and (min-width: 1201px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt b {
    font-size: 12px;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt b.no-mg {
  margin-top: 0;
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt a {
  margin-top: 3%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li {
    margin: 0 auto 8%;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .staff-img {
    display: block;
    width: 80%;
    margin: 0 auto;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt {
    width: 98%;
    padding-left: 0;
    font-size: 3.13vw;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt span {
    font-size: 5.63vw;
    text-align: center;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt i {
    font-size: 3.75vw;
    text-align: center;
  }
  main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt b {
    margin-top: 8%;
    font-size: 3.13vw;
  }
}
main .in-contents article .cont-box .inner.staff-index .cont01 .stafflist li.no-link:hover {
  background: transparent;
}
main .in-contents article .cont-box .inner.staff-index .cont01 .list16 li:hover,
main .in-contents article .cont-box .inner.staff-index .cont01 .list17 li:hover,
main .in-contents article .cont-box .inner.staff-index .cont01 .list18 li:hover {
  background: transparent;
}
main .in-contents article .cont-box .inner.staff-article .ttl2 {
  margin: 0 auto 2%;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box {
    display: block;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box span {
  text-indent: 0;
  padding-left: 0;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .left {
  display: table-cell;
  width: 29.86%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .left {
    display: block;
    width: 100%;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right {
  display: table-cell;
  width: 70.15%;
  padding-left: 3%;
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right {
    display: block;
    width: 100%;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p {
  float: none;
  margin: 0;
  padding: 0;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.name {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.name {
    font-size: 6.88vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.name span {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.name span {
    font-size: 5vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.kana {
  font-size: 12px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.kana {
    font-size: 3.13vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.field {
  margin: 6% 0;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.field {
    font-size: 5vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.field span {
  display: inline-block;
  padding: 0.1% 2%;
  font-size: 14px;
  font-weight: bold;
  background: #363636;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.field span {
    font-size: 3.75vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.contact {
  padding-top: 2%;
  line-height: 2.2;
  border-top: #fff 1px solid;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.contact img {
  display: inline-block;
  float: none;
  width: auto;
  margin: -4px 0 0;
  max-height: 30px;
  line-height: 1;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.contact img {
    width: 36.04%;
    height: auto;
    max-height: 57px;
    margin: -4px 0 0;
  }
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.contact img.display-sp {
    display: inline-block !important;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.contact a {
  padding-left: 0;
  word-break: break-all;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right p.contact a:before {
  display: none;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box {
  margin-top: 6%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box {
    margin-top: 8%;
    text-align: center;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn {
  width: 45%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn {
    width: 60%;
  }
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn a {
  width: 100%;
  margin: 0;
  padding-left: 4%;
  text-decoration: none;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn a:before {
  display: none;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn a span {
  display: block;
  padding-left: 0.8%;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn a span i {
  color: #fff;
}
main .in-contents article .cont-box .inner.staff-article .lead .img-box .right .btn-box .main-btn a span i b {
  padding: 1.5% 0;
}
main .in-contents article .cont-box .inner.staff-article .cont01 .ttl2 {
  margin: 8% auto 2%;
}
main .in-contents article .cont-box .inner.staff-article .cont02 .txt span {
  display: block;
  text-indent: -14px;
  padding-left: 14px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont02 .txt span {
    text-indent: -3.47vw;
    padding-left: 3.47vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont03 .txt span {
  display: block;
  margin-bottom: 3%;
  text-indent: -186px;
  padding-left: 186px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont03 .txt span {
    margin-bottom: 6%;
    text-indent: -3.47vw;
    padding-left: 3.47vw;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont04 .kv {
  margin: 0;
  padding: 0 0 14%;
  position: relative;
}
main .in-contents article .cont-box .inner.staff-article .cont04 .kv .kv-img {
  width: 25.08%;
  position: absolute;
  right: 0;
  bottom: 0;
}
main .in-contents article .cont-box .inner.staff-article .cont04 .kv .kv-note {
  font-size: 12px;
  color: #fff;
  text-align: right;
  line-height: 1.4;
  position: absolute;
  right: 22%;
  bottom: 2%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .kv .kv-note {
    font-size: 3.13vw;
    right: 24%;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt i {
  display: block;
  margin: 6% 0 2%;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt i {
    font-size: 4.27vw;
    margin: 10% auto 4%;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt i+img {
  display: block;
  margin-bottom: 1%;
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box {
  display: table;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box img {
    margin: 0 0 4%;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box p {
  margin: 0;
  padding: 0;
  text-align: left;
}
@media only screen and (min-width: 769px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box.img-l img {
    float: left;
    width: 37.32%;
  }
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box.img-l p {
    float: right;
    width: 59.71%;
  }
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box.img-r img {
    float: right;
    width: 40.3%;
  }
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box.img-r p {
    float: left;
    width: 56.72%;
  }
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt .img-box.img-l img {
    width: 60%;
    display: inline-block;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt.reco-box .img-box {
  background: #262626;
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt.reco-box .img-box p {
  padding: 4%;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt.reco-box .img-box img {
    width: 29.11%;
  }
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt.reco-box .img-box p {
    width: 70.75%;
  }
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.staff-article .cont04 .txt.reco-box .img-box img {
    width: 40%;
    display: inline-block;
    margin: 0;
  }
}
main .in-contents article .cont-box .inner.staff-article .cont04 .txt.reco-box .note {
  margin: 0;
  text-align: right;
}
main .in-contents article .cont-box .inner.lecture-index .lead .txt a {
  padding: 0;
  text-decoration: underline;
}
main .in-contents article .cont-box .inner.lecture-index .lead .txt a:before {
  content: '';
}
@media only screen and (min-width: 769px) {
  main .in-contents article .cont-box .inner.lecture-index .lead .txt a:hover {
    text-decoration: none;
  }
}
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a,
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b {
  padding: 0 3%;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a,
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b {
    padding: 0 3%;
  }
}
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-ttl,
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-ttl {
  font-size: 35px;
  padding: 4% 0 0;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-ttl,
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-ttl {
    padding: 8% 0 4%;
    font-size: 8.13vw;
    text-align: center;
  }
}
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-name,
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-name {
  font-size: 18px;
  color: #fff;
  text-align: right;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-name,
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-name {
    padding: 0;
    font-size: 5.63vw;
    text-align: center;
  }
}
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-txt,
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-txt {
  padding: 2% 0 0;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-txt,
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-txt {
    padding: 4% 0 0;
    text-align: center;
  }
}
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .main-btn,
main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .main-btn {
  margin: 3% 0 0;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .main-btn,
  main .in-contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .main-btn {
    margin: 8% auto 10%;
  }
}
main .in-contents article .cont-box .inner.lecture-article .lead {
  position: relative;
}
main .in-contents article .cont-box .inner.lecture-article .lead p {
  margin: auto;
  position: 0;
  color: #000;
  position: absolute;
  left: 4%;
}
main .in-contents article .cont-box .inner.lecture-article .lead p.lecture-ttl {
  font-size: 5.84vw;
  font-family: 'sawarabi';
  top: 28%;
}
main .in-contents article .cont-box .inner.lecture-article .lead p.name {
  font-size: 2vw;
  top: 56%;
}
main .in-contents article .cont-box .inner.lecture-article .lead p.name span {
  font-size: 1.5vw;
}
main .in-contents article .cont-box .inner.lecture-article .lead p.lecture-right-ttl {
  left: 0;
  right: 4%;
  text-align: right;
}
main .in-contents article .cont-box .inner.lecture-article .lead p.right-name {
  left: 0;
  right: 4%;
  text-align: right;
}
main .in-contents article .cont-box .inner.lecture-article .lead p.lecture-ttl-letter {
  letter-spacing: -1px;
}
@media only screen and (min-width: 1201px) {
  main .in-contents article .cont-box .inner.lecture-article .lead p.lecture-ttl {
    font-size: 70px;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
  }
  main .in-contents article .cont-box .inner.lecture-article .lead p.name {
    font-size: 24px;
  }
  main .in-contents article .cont-box .inner.lecture-article .lead p.name span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-article .lead p.lecture-ttl {
    font-size: 8vw;
    font-family: 'sawarabi';
    top: 26%;
  }
  main .in-contents article .cont-box .inner.lecture-article .lead p.name {
    font-size: 3.74vw;
    top: 56%;
  }
  main .in-contents article .cont-box .inner.lecture-article .lead p.name span {
    font-size: 3.2vw;
  }
}
main .in-contents article .cont-box .inner.lecture-article .txt i {
  display: block;
  margin: 0 0 1%;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-article .txt i {
    font-size: 3.74vw;
  }
}
main .in-contents article .cont-box .inner.lecture-article .txt span {
  text-indent: -14px;
  padding-left: 14px;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-article .txt span {
    text-indent: -3.47vw;
    padding-left: 3.47vw;
  }
}
main .in-contents article .cont-box .inner.lecture-article .txt .txt-box {
  display: block;
  margin: 0;
  padding: 3%;
  text-indent: 0;
  background: #262626;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-article .txt .txt-box {
    padding: 6%;
    text-indent: 0;
  }
}
main .in-contents article .cont-box .inner.lecture-article .txt u {
  display: block;
  margin-top: 2%;
  font-size: 12px;
  text-align: right;
  line-height: 1.4;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  main .in-contents article .cont-box .inner.lecture-article .txt u {
    font-size: 2.4vw;
  }
}
body#english main .contents article .cont-box .inner.staff-article .cont03 .txt span {
  text-indent: -81px;
  padding-left: 81px;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.staff-article .cont03 .txt span {
    text-indent: -8.85vw;
    padding-left: 8.86vw;
  }
}
body#english main .contents article .cont-box .inner.staff-index .lead .kv .kv-ttl {
  font-size: 18px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.staff-index .lead .kv .kv-ttl {
    font-size: 2.6vw;
  }
}
body#english main .contents article .cont-box .inner.staff-index .lead .kv .kv-note {
  bottom: -4%;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.staff-index .lead .kv .kv-note {
    bottom: -8%;
  }
}
body#english main .contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt span {
  text-indent: 0;
  padding-left: 0;
}
body#english main .contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt.link {
  width: 65%;
  position: static;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt.link {
    width: 89%;
    text-align: left;
  }
}
body#english main .contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt.link a.outside:before {
  top: 26%;
  left: 38%;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt.link a.outside:before {
    top: 7px;
    left: 83px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.staff-index .cont01 .stafflist li .txt.link a.outside:before {
    top: 26%;
    left: -4%;
  }
}
body#english main .contents article .cont-box .inner.staff-article .cont04 .kv .kv-note {
  right: 25%;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.staff-article .cont04 .kv .kv-note {
    bottom: -2%;
  }
}
body#english main .contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-ttl,
body#english main .contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-ttl {
  padding: 2% 0;
  font-size: 26px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.lecture-index .link-box.oblong .left-a .box-ttl,
  body#english main .contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .box-ttl {
    padding: 6% 0 4%;
    font-size: 7.63vw;
  }
}
body#english main .contents article .cont-box .inner.lecture-index .link-box.oblong .right-b .main-btn {
  margin: 3% 0;
}
body#english main .contents article .cont-box .inner.lecture-article .lead p.lecture-ttl {
  width: 60%;
  font-size: 4.17vw;
  top: 5%;
  text-align: left;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
}
body#english main .contents article .cont-box .inner.lecture-article .lead p.name {
  top: auto;
  bottom: 5%;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
}
body#english main .contents article .cont-box .inner.lecture-article .lead p.lecture-right-ttl {
  left: auto;
  text-align: right;
}
body#english main .contents article .cont-box .inner.lecture-article .lead p.right-name {
  left: auto;
  text-align: right;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .cont-box .inner.lecture-article .lead p.lecture-ttl {
    font-size: 50px;
  }
  body#english main .contents article .cont-box .inner.lecture-article .lead p.name {
    font-size: 24px;
  }
  body#english main .contents article .cont-box .inner.lecture-article .lead p.name span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .cont-box .inner.lecture-article .lead p.lecture-ttl {
    font-size: 5.34vw;
    font-family: 'sawarabi';
    top: 5%;
  }
  body#english main .contents article .cont-box .inner.lecture-article .lead p.name {
    font-size: 3.74vw;
    top: auto;
  }
  body#english main .contents article .cont-box .inner.lecture-article .lead p.name span {
    font-size: 3.2vw;
  }
}