@charset "UTF-8";
/* life.css */
main {
  background: url("../img/life_bg.jpg") center top/100% auto no-repeat;
}
@media only screen and (max-width: 768px) {
  main {
    background: url("../img/life_bg.jpg") center top/200% auto no-repeat;
  }
}
main .contents.in-contents article ul.side-navi li.summary a {
  padding: 6% 2% 6% 41%;
}
main .contents.in-contents article ul.side-navi li.summary a:last-child {
  margin: 0 auto;
}
main .contents.in-contents article ul.side-navi li.summary a:after {
  left: 32%;
}
main .contents.in-contents article ul.side-navi li.summary:hover a.current:after {
  left: 32%;
}
main .contents article .cont-box .inner .lead .img-box p:last-child span {
  color: #fff;
}
main .contents article .life-index .inner h2 {
  margin: 0 auto 1%;
}
@media only screen and (max-width: 768px) {
  main .contents article .life-index .inner h2 {
    margin: 0 auto 2%;
  }
}
main .contents article .life-index .inner .subhead {
  margin: 0 auto 8%;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  main .contents article .life-index .inner .subhead {
    margin: 0 auto 12%;
    font-size: 3.47vw;
  }
}
main .contents article .life-index .inner .lead .img-box p {
  margin: 0;
/*&:first-child
                  w-percentage (453/670)
                  padding-right 4%
                  box-sizing border-box
                  @media only screen and (max-width: 768px)
                    width 100%
                    padding-bottom 6%*/
}
main .contents article .life-index .inner .lead .img-box p:first-child {
  float: none;
  width: 31.95%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  main .contents article .life-index .inner .lead .img-box p:first-child {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
}
main .contents article .life-index .inner .lead .img-box p:first-child a {
  padding-left: 0;
}
main .contents article .life-index .inner .lead .img-box p:first-child a:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .life-index .inner .lead .img-box p:first-child a {
    width: 75%;
    margin: 0 auto;
  }
}
main .contents article .life-index .inner .lead .img-box p:first-child a img {
  display: block;
  margin: 0 0 2% 0;
  opacity: 0.8;
}
main .contents article .life-index .inner .lead .img-box p:first-child a u {
  display: inline-block;
  padding-left: 6%;
  position: relative;
}
main .contents article .life-index .inner .lead .img-box p:first-child a u:before {
  content: '\E112';
  margin: 0;
  padding: 0;
  font-size: 1.5vw;
  font-weight: normal;
  color: #fff;
  font-family: 'iconfont';
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  -webkit-transition: right 0.2s 0.25s, -webkit-transform 0.2s;
  transition: right 0.2s 0.25s, -webkit-transform 0.2s;
  transition: right 0.2s 0.25s, transform 0.2s;
  transition: right 0.2s 0.25s, transform 0.2s, -webkit-transform 0.2s;
}
@media only screen and (min-width: 1201px) {
  main .contents article .life-index .inner .lead .img-box p:first-child a u:before {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .life-index .inner .lead .img-box p:first-child a u:before {
    font-size: 4.2vw;
    top: 50%;
    left: 0;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .life-index .inner .lead .img-box p:first-child a:hover img {
    opacity: 1;
  }
  main .contents article .life-index .inner .lead .img-box p:first-child a:hover u {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .life-index .inner .lead .img-box p:first-child a img {
    opacity: 1;
  }
  main .contents article .life-index .inner .lead .img-box p:first-child a u {
    font-size: 3.13vw;
    text-decoration: underline;
  }
}
main .contents article .field-box .inner.field-index .lead {
  margin-bottom: 8%;
}
main .contents article .field-box .inner.field-index .lead img {
  width: 56.27%;
  margin: 0 auto 6%;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .lead img {
    width: 80%;
    margin: 0 auto 12%;
  }
}
main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a {
  font-size: 2vw;
}
main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a span i b {
  padding: 6% 0;
}
main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a span i b:after {
  font-size: 1.5vw;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a {
    font-size: 24px;
  }
  main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a span i b:after {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a {
    font-size: 6.4vw;
  }
  main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a span i b:after {
    font-size: 4.27vw;
  }
}
main .contents article .field-box .inner.field-index .lead .btn-box .main-btn:hover a span i b:after {
  right: 4%;
}
main .contents article .field-box .inner.field-index .lead .btn-box .shakai-btn {
  background: #f8be00;
}
main .contents article .field-box .inner.field-index .lead .btn-box .shakai-btn:before {
  background: #ffd347;
}
main .contents article .field-box .inner.field-index .lead .btn-box .ningen-btn {
  background: #3799d6;
}
main .contents article .field-box .inner.field-index .lead .btn-box .ningen-btn:before {
  background: #5bbbf9;
}
main .contents article .field-box .inner.field-index .lead .btn-box .shizen-btn {
  background: #6bbb5a;
}
main .contents article .field-box .inner.field-index .lead .btn-box .shizen-btn:before {
  background: #8ddd7c;
}
main .contents article .field-box .inner.field-index .bnr-box {
  margin-top: 8%;
  padding: 3.74%;
  color: #fff;
  background: #262626;
  border-top: #f8be00 2px solid;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
main .contents article .field-box .inner.field-index .bnr-box .field-mark {
  width: 25%;
  max-width: 300px;
  margin: 0 0 0 -1%;
  -webkit-transform: skewX(168deg);
          transform: skewX(168deg);
  background: #f8be00;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-mark {
    width: 33.34%;
    margin: 0 0 0 -1%;
  }
}
main .contents article .field-box .inner.field-index .bnr-box .field-mark u {
  display: block;
  padding: 0 3% 0 0;
  font-size: 1.84vw;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-family: 'sawarabi';
  box-sizing: border-box;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-mark u {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-mark u {
    padding: 0 3% 0 0;
    font-size: 4vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box .field-mark span {
  display: block;
  padding-right: 0.8%;
  border-right: #fff 1px solid;
  box-sizing: border-box;
}
main .contents article .field-box .inner.field-index .bnr-box .field-mark i {
  display: block;
  font-style: normal;
  border-right: #fff 3px solid;
  box-sizing: border-box;
}
main .contents article .field-box .inner.field-index .bnr-box .field-mark b {
  display: block;
  padding: 4% 0;
  font-weight: normal;
  -webkit-transform: skewX(-168deg);
          transform: skewX(-168deg);
  position: relative;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-mark b {
    padding: 2% 0;
  }
}
main .contents article .field-box .inner.field-index .bnr-box .field-mark b s {
  text-decoration: none;
  font-size: 0.84vw;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-mark b s {
    font-size: 10px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-mark b s {
    font-size: 3.2vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box .field-ttl {
  margin: 6% auto 3%;
  font-size: 2vw;
  text-align: center;
  font-family: 'sawarabi';
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-ttl {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-ttl {
    margin: 8% auto 3%;
    font-size: 4.8vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box .field-caption {
  font-size: 1.34vw;
  text-align: right;
  letter-spacing: 0;
  vertical-align: middle;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-caption {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-caption {
    font-size: 3.2vw;
    text-align: center;
  }
}
main .contents article .field-box .inner.field-index .bnr-box .field-caption span {
  display: inline-block;
  margin-right: 2%;
  padding: 1%;
  font-size: 1.17vw;
  background: #000;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-caption span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box .field-caption span {
    font-size: 2.94vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a {
  display: block;
  margin: 4% auto;
  background: #fff;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a {
    background: transparent;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a:nth-of-type(2) {
  margin: 0 auto;
}
main .contents article .field-box .inner.field-index .bnr-box a .field-tit {
  margin: 6% 0 0 4%;
  font-size: 2.17vw;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-tit {
    font-size: 26px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-tit {
    margin: 4% 0 0 2%;
    font-size: 3.47vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-theme {
  width: 100%;
  margin: 0 0 6.5% 4%;
  padding-left: 15%;
  font-size: 1.34vw;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  text-indent: -15%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-theme {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-theme {
    margin: 0 0 14% 2%;
    padding-left: 21%;
    font-size: 2.67vw;
    text-indent: -21%;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-theme span {
  display: inline-block;
  margin-right: 2%;
  padding: 1%;
  font-size: 1.17vw;
  color: #fff;
  text-indent: 0;
  background: #000;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-theme span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-theme span {
    font-size: 2.4vw;
    text-indent: 0;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-name {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1.17vw;
  font-weight: bold;
  text-align: right;
  letter-spacing: 0;
  background: rgba(220,170,8,0.7);
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-name {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-name {
    font-size: 2.94vw;
    text-align: left;
    padding: 2% 16% 2% 2%;
    position: relative;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-name i {
  font-size: 1vw;
  font-style: normal;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-name i {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-name i {
    display: inline-block;
    font-size: 2.67vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-name span {
  display: inline-block;
  width: 4.17%;
  max-width: 50px;
  margin: 0 auto;
  padding: 1.5% 0.8%;
  background: #1fad24;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-name span {
    width: 13.75%;
    max-width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-name span:after {
  content: '\E112';
  margin: auto;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  font-family: 'iconfont';
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-name span:after {
    font-size: 3.8vw;
  }
}
main .contents article .field-box .inner.field-index .bnr-box a .field-bg {
  margin: 0;
  position: relative;
  z-index: 0;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-index .bnr-box a .field-bg img {
    width: 110%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-index .bnr-box a:hover .field-bg {
    opacity: 0.8;
  }
  main .contents article .field-box .inner.field-index .bnr-box a:hover .field-name span {
    background: #4dda51;
  }
  main .contents article .field-box .inner.field-index .bnr-box a:hover .field-name span:after {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
main .contents article .field-box .inner.field-index #shakai {
  border-top: #f8be00 2px solid;
}
main .contents article .field-box .inner.field-index #shakai .field-mark {
  background: #f8be00;
}
main .contents article .field-box .inner.field-index #shakai a .field-name {
  background: rgba(220,170,8,0.7);
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-index #shakai a:hover .field-name {
    background: rgba(255,208,57,0.7);
  }
}
main .contents article .field-box .inner.field-index #ningen {
  border-top: #3799d6 2px solid;
}
main .contents article .field-box .inner.field-index #ningen .field-mark {
  background: #3799d6;
}
main .contents article .field-box .inner.field-index #ningen a .field-name {
  background: rgba(55,153,214,0.7);
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-index #ningen a:hover .field-name {
    background: rgba(91,187,249,0.7);
  }
}
main .contents article .field-box .inner.field-index #shizen {
  border-top: #6bbb5a 2px solid;
}
main .contents article .field-box .inner.field-index #shizen .field-mark {
  background: #6bbb5a;
}
main .contents article .field-box .inner.field-index #shizen a .field-name {
  background: rgba(107,187,90,0.7);
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-index #shizen a:hover .field-name {
    background: rgba(141,221,124,0.7);
  }
}
main .contents article .field-box .inner.field-article h2.shakai {
  border-bottom: #f8be00 2px solid;
}
main .contents article .field-box .inner.field-article h2.ningen {
  border-bottom: #3799d6 2px solid;
}
main .contents article .field-box .inner.field-article h2.shizen {
  border-bottom: #6bbb5a 2px solid;
}
main .contents article .field-box .inner.field-article .txt i {
  display: block;
  margin: 0 0 2%;
  font-size: 16px;
  font-weight: bold;
}
main .contents article .field-box .inner.field-article .txt i b {
  font-size: 18px;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .txt i {
    font-size: 3.74vw;
    margin: 8% auto 4%;
  }
  main .contents article .field-box .inner.field-article .txt i b {
    font-size: 4.27vw;
  }
}
main .contents article .field-box .inner.field-article .txt .img-box {
  display: table;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-article .txt .img-box img {
    width: 40.3%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .txt .img-box img {
    margin: 0 0 4%;
  }
}
main .contents article .field-box .inner.field-article .txt .img-box p {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-article .txt .img-box p {
    width: 56.72%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-article .txt .img-box.img-l img {
    float: left;
  }
  main .contents article .field-box .inner.field-article .txt .img-box.img-l p {
    float: right;
  }
  main .contents article .field-box .inner.field-article .txt .img-box.img-r img {
    float: right;
  }
  main .contents article .field-box .inner.field-article .txt .img-box.img-r p {
    float: left;
  }
}
main .contents article .field-box .inner.field-article .episode-box {
  margin-bottom: 10%;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .episode-box {
    margin-bottom: 14%;
  }
}
main .contents article .field-box .inner.field-article .episode-box .episode {
  margin-top: 10%;
  padding: 6%;
  background: #262626;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .episode-box .episode {
    margin-top: 14%;
  }
}
main .contents article .field-box .inner.field-article .episode-box .episode .txt {
  margin: 0;
}
main .contents article .field-box .inner.field-article .episode-box .episode .txt i {
  margin: 0 0 4%;
  font-size: 18px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .episode-box .episode .txt i {
    margin: 0 0 6%;
    font-size: 4.54vw;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .page-box {
    margin-bottom: 8%;
  }
}
main .contents article .field-box .inner.field-article .page-box .page-ttl {
  margin: 0 0 4%;
  padding: 0;
  color: #fff;
  font-weight: bold;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .page-box .page-ttl {
    font-size: 4.27vw;
  }
}
main .contents article .field-box .inner.field-article .page-box ul {
  display: table;
  width: 100%;
  margin: 0 auto 1px;
}
main .contents article .field-box .inner.field-article .page-box ul li {
  display: table-cell;
  width: 42%;
  border-right: #000 1px solid;
  background: #262626;
  vertical-align: middle;
  box-sizing: border-box;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
main .contents article .field-box .inner.field-article .page-box ul li:first-child {
  width: 14%;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .page-box ul li:first-child {
    font-size: 4.8vw;
  }
}
main .contents article .field-box .inner.field-article .page-box ul li:first-child span {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .page-box ul li:first-child span {
    font-size: 4.27vw;
  }
}
main .contents article .field-box .inner.field-article .page-box ul li:last-child {
  border-right: none;
}
main .contents article .field-box .inner.field-article .page-box ul li a {
  display: block;
  padding: 5% 0 5% 10%;
  text-decoration: none;
  box-sizing: border-box;
}
main .contents article .field-box .inner.field-article .page-box ul li a:before {
  top: 14%;
  left: 5%;
  -webkit-transform: translateY(0) rotate(0deg);
          transform: translateY(0) rotate(0deg);
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .page-box ul li a {
    padding: 8% 4% 8% 20%;
  }
  main .contents article .field-box .inner.field-article .page-box ul li a:before {
    top: 7%;
    left: 7%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .field-box .inner.field-article .page-box ul li:hover {
    background: rgba(31,173,36,0.4);
  }
  main .contents article .field-box .inner.field-article .page-box ul li:hover a:before {
    -webkit-transform: translateY(0) rotate(360deg);
            transform: translateY(0) rotate(360deg);
  }
}
main .contents article .field-box .inner.field-article .page-box ul li.current {
  background: rgba(31,173,36,0.4);
}
main .contents article .field-box .inner.field-article .page-box ul li.current a {
  pointer-events: none;
}
main .contents article .field-box .inner.field-article .page-box ul li.current a:before {
  -webkit-transform: translateY(0) rotate(0deg);
          transform: translateY(0) rotate(0deg);
}
main .contents article .field-box .inner.field-article .page-box ul:nth-of-type(1) li:first-child {
  background: #ffbb02;
}
main .contents article .field-box .inner.field-article .page-box ul:nth-of-type(2) li:first-child {
  background: #3799d6;
}
main .contents article .field-box .inner.field-article .page-box ul:nth-of-type(3) li:first-child {
  background: #6bbb5a;
}
main .contents article .field-box .inner.field-article .lead {
  margin: 0 0 -4%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
main .contents article .field-box .inner.field-article .lead .title-box {
  width: 61.5%;
  margin: 0 auto;
  padding: 4% 4% 2% 4%;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 4%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .lead .title-box {
    width: 70%;
    height: 101%;
    padding: 3% 3% 2% 3%;
    left: 0;
  }
}
main .contents article .field-box .inner.field-article .lead .title-box.shakai {
  background: rgba(220,170,8,0.7);
}
main .contents article .field-box .inner.field-article .lead .title-box.ningen {
  background: rgba(55,153,214,0.7);
}
main .contents article .field-box .inner.field-article .lead .title-box.shizen {
  background: rgba(107,187,90,0.7);
}
main .contents article .field-box .inner.field-article .lead .title-box .field-tit {
  margin: 0 0 8%;
  font-size: 2.17vw;
  text-align: left;
  line-height: 1.6;
  letter-spacing: 0;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-tit {
    font-size: 26px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-tit {
    margin: 5% 0 7%;
    font-size: 3.47vw;
  }
}
main .contents article .field-box .inner.field-article .lead .title-box .field-theme {
  width: 100%;
  margin: 0 0 3%;
  padding-left: 24%;
  font-size: 1.34vw;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  text-indent: -24%;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-theme {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-theme {
    margin: 0 0 3% 0;
    padding: 0;
    font-size: 2.67vw;
    text-indent: 0;
  }
}
main .contents article .field-box .inner.field-article .lead .title-box .field-theme span {
  display: inline-block;
  margin-right: 2%;
  padding: 1%;
  font-size: 1.17vw;
  color: #fff;
  text-indent: 0;
  background: #000;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-theme span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-theme span {
    margin: 0 0 1.5%;
    font-size: 2.4vw;
    text-indent: 0;
  }
}
main .contents article .field-box .inner.field-article .lead .title-box .field-name {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1vw;
  text-align: left;
  letter-spacing: 0;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  box-sizing: border-box;
}
@media only screen and (min-width: 1201px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-name {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .lead .title-box .field-name {
    font-size: 2.4vw;
    text-align: left;
    padding: 0;
    position: relative;
  }
}
main .contents article .field-box .inner.field-article .lead .field-bg {
  margin: 0;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 768px) {
  main .contents article .field-box .inner.field-article .lead .field-bg img {
    width: 106%;
  }
}
main .contents article .award-box .inner h2 {
  margin: 0 auto 3%;
}
main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a,
main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b {
  padding: 0 3% 2%;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a,
  main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b {
    padding: 0 3%;
  }
}
main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a .box-ttl,
main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b .box-ttl {
  padding: 8% 0 3%;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a .box-ttl,
  main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b .box-ttl {
    padding: 10% 0 6%;
  }
}
main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a .box-txt,
main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b .box-txt {
  padding: 0 0 4%;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a .box-txt,
  main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b .box-txt {
    padding: 0 0 8%;
  }
}
main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a .main-btn,
main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b .main-btn {
  margin: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-index .link-box.oblong .left-a .main-btn,
  main .contents article .interview-box .inner.interview-index .link-box.oblong .right-b .main-btn {
    margin: 0 auto 10%;
  }
}
main .contents article .interview-box .inner.interview-article {
  padding-top: 10%;
}
main .contents article .interview-box .inner.interview-article .lead {
  display: table;
  padding: 0;
  border-top: #1fad24 2px solid;
  border-bottom: #1fad24 2px solid;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .lead {
    display: block;
  }
}
main .contents article .interview-box .inner.interview-article .lead .left {
  display: table-cell;
  padding: 4% 4% 4% 0;
  text-align: left;
  vertical-align: middle;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .lead .left {
    display: block;
    width: 100%;
  }
}
main .contents article .interview-box .inner.interview-article .lead .left h2 {
  margin: 0 0 4%;
  padding: 0;
  letter-spacing: 0;
  border-bottom: none;
}
main .contents article .interview-box .inner.interview-article .lead .left .txt {
  margin: 0;
  letter-spacing: 0;
}
main .contents article .interview-box .inner.interview-article .lead .right {
  display: table-cell;
  width: 35.83%;
  vertical-align: middle;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .lead .right {
    display: block;
    width: 100%;
  }
}
main .contents article .interview-box .inner.interview-article .txt i {
  display: block;
  margin: 8% auto 3%;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .txt i {
    font-size: 4.8vw;
    margin: 12% auto 4%;
  }
}
main .contents article .interview-box .inner.interview-article .txt .img-box {
  display: table;
  width: 100%;
}
@media only screen and (min-width: 769px) {
  main .contents article .interview-box .inner.interview-article .txt .img-box img {
    width: 35.83%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .txt .img-box img {
    margin: 0 0 4%;
  }
}
main .contents article .interview-box .inner.interview-article .txt .img-box p {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 769px) {
  main .contents article .interview-box .inner.interview-article .txt .img-box p {
    width: 61.2%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .interview-box .inner.interview-article .txt .img-box.img-l img {
    float: left;
  }
  main .contents article .interview-box .inner.interview-article .txt .img-box.img-l p {
    float: right;
  }
  main .contents article .interview-box .inner.interview-article .txt .img-box.img-r img {
    float: right;
  }
  main .contents article .interview-box .inner.interview-article .txt .img-box.img-r p {
    float: left;
  }
}
main .contents article .interview-box .inner.interview-article .episode-box .episode {
  margin-top: 10%;
  padding: 6%;
  background: #262626;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .episode-box .episode {
    margin-top: 14%;
  }
}
main .contents article .interview-box .inner.interview-article .episode-box .episode .txt {
  margin: 0;
}
main .contents article .interview-box .inner.interview-article .episode-box .episode .txt i {
  margin: 0 0 4%;
  font-size: 18px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .episode-box .episode .txt i {
    margin: 0 0 6%;
    font-size: 4.54vw;
  }
}
main .contents article .interview-box .inner.interview-article .episode-box .episode+.txt {
  margin: 0;
  text-align: right;
}
main .contents article .interview-box .inner.interview-article .page-box .txt {
  margin: 12% 0 2%;
  text-align: right;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .page-box .txt {
    margin: 12% 0 10%;
  }
}
main .contents article .interview-box .inner.interview-article .page-box .txt a {
  padding-left: 3%;
}
main .contents article .interview-box .inner.interview-article .page-box .txt a.current {
  display: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .interview-box .inner.interview-article .page-box .txt a {
    margin: 4% 0;
    padding-left: 6%;
  }
  main .contents article .interview-box .inner.interview-article .page-box .txt a:before {
    top: 0;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
main .contents article .campus-box .inner .campus-slide-nav {
  width: 95.53%;
  max-width: 640px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide-nav {
    width: 100%;
  }
}
main .contents article .campus-box .inner .campus-slide-nav:after {
  content: '';
  display: block;
  clear: both;
}
main .contents article .campus-box .inner .campus-slide-nav li {
  float: left;
  width: 16.27%;
  margin: 0 0.45% 0.6% 0;
  opacity: 0.6;
  cursor: pointer;
}
main .contents article .campus-box .inner .campus-slide-nav li.sliderNav-current {
  opacity: 1;
}
@media only screen and (min-width: 769px) {
  main .contents article .campus-box .inner .campus-slide-nav li:nth-child(6n) {
    margin: 0 0 0.45%;
  }
  main .contents article .campus-box .inner .campus-slide-nav li:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide-nav li {
    width: 24.18%;
    margin: 0 0.75% 1.05% 0;
  }
  main .contents article .campus-box .inner .campus-slide-nav li:nth-child(4n) {
    margin: 0 0 1.05%;
  }
}
main .contents article .campus-box .inner .campus-slide {
  width: 95.53%;
  max-width: 640px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide {
    width: 100%;
  }
}
main .contents article .campus-box .inner .campus-slide img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
main .contents article .campus-box .inner .campus-slide p {
  margin: 0;
  padding: 0;
}
main .contents article .campus-box .inner .campus-slide p a {
  display: block;
}
main .contents article .campus-box .inner .campus-slide p a:hover {
  opacity: 0.8;
}
main .contents article .campus-box .inner .campus-slide .slide-arrow {
  width: 4.17%;
  max-width: 50px;
  margin: auto;
  padding: 1.5% 0.8%;
  background: #1fad24;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  position: absolute;
  top: 30%;
  z-index: 10;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide .slide-arrow {
    width: 12%;
    max-width: 100%;
    padding: 3% 0;
    top: 14%;
  }
}
main .contents article .campus-box .inner .campus-slide .slide-arrow:after {
  content: '';
  margin: auto;
  padding: 0;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
  font-family: 'iconfont';
  vertical-align: middle;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
          transform: translate(-50%, -50%) rotate(0deg);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide .slide-arrow:after {
    font-size: 3.8vw;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .campus-box .inner .campus-slide .slide-arrow:hover {
    background: #4dda51;
  }
  main .contents article .campus-box .inner .campus-slide .slide-arrow:hover:after {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
main .contents article .campus-box .inner .campus-slide .slide-arrow.prev-arrow {
  left: -2%;
}
main .contents article .campus-box .inner .campus-slide .slide-arrow.prev-arrow:after {
  content: '\E080';
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide .slide-arrow.prev-arrow {
    left: -3%;
  }
}
main .contents article .campus-box .inner .campus-slide .slide-arrow.next-arrow {
  right: -2%;
}
main .contents article .campus-box .inner .campus-slide .slide-arrow.next-arrow:after {
  content: '\E112';
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .campus-slide .slide-arrow.next-arrow {
    right: -3%;
  }
}
main .contents article .campus-box .inner i {
  display: block;
  margin: 4% auto;
  font-style: normal;
  line-height: 1.4;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner i {
    margin: 4% auto 6%;
    font-size: 4.27vw;
  }
}
main .contents article .campus-box .inner .page-box {
  margin: 10% auto 0;
  padding: 2% 4%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .page-box {
    margin: 8% auto 8%;
    padding: 2% 0;
  }
}
main .contents article .campus-box .inner .page-box ul {
  display: table;
  width: 100%;
  margin: 0 auto;
  border-bottom: #939393 1px solid;
  box-sizing: border-box;
}
main .contents article .campus-box .inner .page-box ul:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .page-box ul {
    display: block;
  }
}
main .contents article .campus-box .inner .page-box ul li {
  display: table-cell;
  width: 33.333333333%;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .page-box ul li {
    display: block;
    width: 100%;
    border-bottom: #939393 1px solid;
  }
  main .contents article .campus-box .inner .page-box ul li:last-child {
    border-bottom: none;
  }
}
main .contents article .campus-box .inner .page-box ul li a {
  display: block;
  padding: 10% 4% 10% 0;
  text-decoration: none;
  box-sizing: border-box;
}
main .contents article .campus-box .inner .page-box ul li a.current {
  color: #1fad24;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner .page-box ul li a {
    padding: 8% 6% 8% 24%;
    font-size: 3.13vw;
  }
  main .contents article .campus-box .inner .page-box ul li a:before {
    left: 10%;
  }
}
main .contents article .campus-box .inner .page-box ul li a span {
  display: block;
  text-align: right;
}
@media only screen and (min-width: 769px) {
  main .contents article .campus-box .inner .page-box ul li:hover a {
    text-decoration: underline;
  }
  main .contents article .campus-box .inner .page-box ul li:hover a.current {
    text-decoration: none;
  }
}
main .contents article .campus-box .inner .page-box ul li.noitem {
  border-right: none;
  background: none;
}
main .contents article .campus-box .inner .page-box ul li.noitem a {
  pointer-events: none;
}
main .contents article .campus-box .inner.campus-index .cont02 .campus-slide .slide-arrow {
  top: 28%;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont02 .campus-slide .slide-arrow {
    top: 15%;
  }
}
main .contents article .campus-box .inner.campus-index .cont03 .campus-slide .slide-arrow {
  top: 32%;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont03 .campus-slide .slide-arrow {
    top: 19%;
  }
}
main .contents article .campus-box .inner.campus-index .cont04 .campus-slide .slide-arrow {
  top: 34%;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont04 .campus-slide .slide-arrow {
    top: 19%;
  }
}
main .contents article .campus-box .inner.campus-index .cont05 {
  margin: 0;
}
main .contents article .campus-box .inner.campus-index .cont05 .introduction dl {
  display: table;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
main .contents article .campus-box .inner.campus-index .cont05 .introduction dl dt {
  display: block;
  width: 120px;
  padding: 0 20px 0 0;
  text-align: right;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont05 .introduction dl dt {
    width: 60px;
    padding: 0 10px 0 0;
  }
}
main .contents article .campus-box .inner.campus-index .cont05 .introduction dl dd {
  display: table-cell;
  margin: 0;
  padding: 0 0 20px 20px;
  border-left: #808080 1px solid;
  vertical-align: top;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont05 .introduction dl dd {
    padding: 0 0 20px 10px;
  }
}
main .contents article .campus-box .inner.campus-index .cont05 .link-box li .left-a .box-ttl,
main .contents article .campus-box .inner.campus-index .cont05 .link-box li .right-b .box-ttl {
  font-family: 'ns';
}
main .contents article .campus-box .inner.campus-index .cont05 .link-box li .left-a .main-btn i,
main .contents article .campus-box .inner.campus-index .cont05 .link-box li .right-b .main-btn i {
  margin: 0;
  padding: 0;
  font-size: inherit;
}
main .contents article .campus-box .inner.campus-index .cont06 {
  margin: 10% auto 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont06 {
    margin: 16% auto 0;
  }
}
main .contents article .campus-box .inner.campus-index .cont06 .txt {
  margin: 6% auto 4%;
  padding: 0 6%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont06 .txt {
    margin: 8% auto 6%;
    padding: 0 6%;
  }
}
main .contents article .campus-box .inner.campus-index .cont06 .txt a {
  display: block;
  margin: 0 0 3%;
  padding-left: 3%;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-index .cont06 .txt a {
    margin: 0 0 8%;
    padding-left: 6%;
  }
}
main .contents article .campus-box .inner.campus-formality h2 {
  margin: 0 auto;
}
main .contents article .campus-box .inner.campus-formality .table-box {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
main .contents article .campus-box .inner.campus-formality .table-box dt {
  display: table-cell;
  width: 145px;
  padding: 4% 2%;
  text-align: center;
  vertical-align: middle;
  background: #262626;
  border-right: #000 1px solid;
  border-bottom: #000 1px solid;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-formality .table-box dt {
    width: 30%;
    text-align: left;
  }
}
main .contents article .campus-box .inner.campus-formality .table-box dd {
  display: table-cell;
  padding: 4%;
  text-align: left;
  vertical-align: top;
  background: #262626;
  border-bottom: #000 1px solid;
  box-sizing: border-box;
}
main .contents article .campus-box .inner.campus-formality .cont03 .table-box:nth-of-type(1) dt,
main .contents article .campus-box .inner.campus-formality .cont03 .table-box:nth-of-type(1) dd {
  padding: 2% 4%;
  text-align: center;
}
main .contents article .campus-box .inner.campus-formality .cont03 .table-box dt {
  display: table-cell;
  width: 220px;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-formality .cont03 .table-box dt {
    width: 45%;
  }
}
main .contents article .campus-box .inner.campus-formality .cont03 .table-box dt a:before {
  top: -5%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-formality .cont03 .table-box dt a:before {
    top: 0;
  }
}
main .contents article .campus-box .inner.campus-formality .cont03 .txt span {
  text-indent: -14px;
  padding-left: 14px;
}
@media only screen and (max-width: 768px) {
  main .contents article .campus-box .inner.campus-formality .cont03 .txt span {
    text-indent: -3.47vw;
    padding-left: 3.47vw;
  }
}
main .contents article .campus-box .inner.campus-regional h2 {
  margin: 0 auto;
}
main .contents article .campus-box .inner.campus-regional img+.txt {
  margin: 0;
}
main .contents article .festival-box i {
  display: block;
  margin: 4% auto 2%;
  font-size: 16px;
  color: #1fad24;
  font-style: normal;
  line-height: 1.4;
}
main .contents article .festival-box i.mg-no {
  margin: 2% auto;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box i {
    font-size: 4.27vw;
  }
}
main .contents article .festival-box .inner .lead .img-box {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
main .contents article .festival-box .inner .lead .img-box li {
  display: inline-block;
  width: 40%;
  text-align: left;
  vertical-align: top;
}
main .contents article .festival-box .inner .lead .img-box li:first-child {
  margin-right: 3%;
}
main .contents article .festival-box .inner .lead .img-box li a {
  display: block;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .lead .img-box li {
    width: 80%;
  }
  main .contents article .festival-box .inner .lead .img-box li:first-child {
    margin-right: 0;
  }
  main .contents article .festival-box .inner .lead .img-box li a {
    margin: 0 0 8%;
  }
  main .contents article .festival-box .inner .lead .img-box li a[href="#festival10"] {
    margin: 0;
  }
}
main .contents article .festival-box .inner .cont02 img {
  max-width: 443px;
}
main .contents article .festival-box .inner .cont04 .img-box p:first-child {
  width: 48%;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont04 .img-box p:first-child {
    width: 100%;
    margin: 0 auto;
  }
}
main .contents article .festival-box .inner .cont04 .img-box p:last-child {
  float: right;
  width: 48.66%;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont04 .img-box p:last-child {
    width: 100%;
  }
}
main .contents article .festival-box .inner .cont04 .comment-box {
  margin: 0 auto;
}
main .contents article .festival-box .inner .cont04 .comment-box i {
  margin: 10% auto 2%;
}
main .contents article .festival-box .inner .cont04 .comment-box i.mg-no {
  margin: 2% auto;
}
main .contents article .festival-box .inner .cont04 .comment-box .comment {
  display: table;
  margin: 2% auto;
  padding: 0;
}
main .contents article .festival-box .inner .cont04 .comment-box .comment li {
  display: table-cell;
  padding: 0 2%;
  vertical-align: middle;
  box-sizing: border-box;
}
main .contents article .festival-box .inner .cont04 .comment-box .comment li:first-child,
main .contents article .festival-box .inner .cont04 .comment-box .comment li:last-child {
  width: 56px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont04 .comment-box .comment {
    margin: 6% auto;
  }
  main .contents article .festival-box .inner .cont04 .comment-box .comment.c-r li {
    padding: 0 0 0 2%;
  }
  main .contents article .festival-box .inner .cont04 .comment-box .comment.c-r li:first-child {
    width: 25%;
  }
  main .contents article .festival-box .inner .cont04 .comment-box .comment.c-r li:last-child {
    display: none;
  }
  main .contents article .festival-box .inner .cont04 .comment-box .comment.c-l li {
    padding: 0 2% 0 0;
  }
  main .contents article .festival-box .inner .cont04 .comment-box .comment.c-l li:first-child {
    display: none;
  }
  main .contents article .festival-box .inner .cont04 .comment-box .comment.c-l li:last-child {
    width: 25%;
  }
}
main .contents article .festival-box .inner .cont06 i {
  text-align: left;
}
main .contents article .festival-box .inner .cont06 .txt~i {
  margin: 8% auto 2%;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box p:first-child {
    width: 100%;
    margin: 0 auto;
  }
}
main .contents article .festival-box .inner .cont06 .img-box p:last-child {
  float: right;
  text-align: center;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box p:last-child {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .festival-box .inner .cont06 .img-box.box01 p:first-child {
    width: 66%;
  }
  main .contents article .festival-box .inner .cont06 .img-box.box01 p:last-child {
    width: 30.45%;
  }
  main .contents article .festival-box .inner .cont06 .img-box.box02 p:first-child {
    width: 65%;
  }
  main .contents article .festival-box .inner .cont06 .img-box.box02 p:last-child {
    width: 32.54%;
  }
  main .contents article .festival-box .inner .cont06 .img-box.box02 p:last-child u {
    margin: 0 auto 6%;
  }
  main .contents article .festival-box .inner .cont06 .img-box.box02 p.txt {
    margin: 0 auto 4%;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box.box02 p:last-child u {
    margin: 2% auto 6%;
  }
  main .contents article .festival-box .inner .cont06 .img-box.box02 p.txt {
    margin: 4% auto 8%;
  }
}
main .contents article .festival-box .inner .cont06 .img-box.box03 {
  margin: 0 0 -2% 0;
}
main .contents article .festival-box .inner .cont06 .img-box.box03 p {
  width: 32%;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box.box03 p {
    float: left;
    width: 48%;
    text-align: left;
  }
}
main .contents article .festival-box .inner .cont06 .img-box.box03 p.txt {
  margin: 0 2% 2% 0;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box.box03 p.txt {
    margin: 0 4% 4% 0;
  }
}
main .contents article .festival-box .inner .cont06 .img-box.box03 p.txt u {
  font-size: 12px;
}
@media only screen and (max-width: 1200px) {
  main .contents article .festival-box .inner .cont06 .img-box.box03 p.txt u {
    font-size: 1vw;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box.box03 p.txt u {
    font-size: 2.4vw;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .festival-box .inner .cont06 .img-box.box03 p:nth-child(3n) {
    float: left;
    margin: 0 0 2% 0;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont06 .img-box.box03 p:nth-child(2n) {
    float: left;
    margin: 0 0 4% 0;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont10 {
    padding-bottom: 8%;
  }
}
main .contents article .festival-box .inner .cont10 .img-box {
  margin-top: 6%;
}
main .contents article .festival-box .inner .cont10 .img-box:nth-of-type(1) {
  padding-top: 6%;
  border-top: #535353 1px solid;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont10 .img-box {
    margin-top: 10%;
  }
  main .contents article .festival-box .inner .cont10 .img-box:nth-of-type(1) {
    padding-top: 3%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .festival-box .inner .cont10 .img-box p {
    width: 68%;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont10 .img-box p {
    margin: 8% auto 3%;
  }
}
main .contents article .festival-box .inner .cont10 .img-box p i {
  margin: 0 0 2% 0;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
@media only screen and (max-width: 768px) {
  main .contents article .festival-box .inner .cont10 .img-box p i {
    font-size: 3.47vw;
  }
}
main .contents article .festival-box .inner .cont10 .img-box img {
  width: 84%;
}
@media only screen and (min-width: 769px) {
  main .contents article .festival-box .inner .cont10 .img-box img {
    width: 28.21%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .festival-box .inner .cont10 .img-box.img-l p {
    float: right;
  }
  main .contents article .festival-box .inner .cont10 .img-box.img-l img {
    float: left;
  }
  main .contents article .festival-box .inner .cont10 .img-box.img-r p {
    float: left;
  }
  main .contents article .festival-box .inner .cont10 .img-box.img-r img {
    float: right;
  }
}
main .contents article .ronbun-box .inner h2 {
  margin: 0 auto 2%;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner h2 {
    margin: 0 auto 3%;
  }
}
main .contents article .ronbun-box .inner h2.index {
  margin: 0 auto 8%;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner h2.index {
    margin: 0 auto 12%;
  }
}
main .contents article .ronbun-box .inner .subhead {
  margin: 0 auto 8%;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .subhead {
    margin: 0 auto 12%;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media only screen and (min-width: 769px) {
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li {
    width: 31%;
    margin: 0 3.5% 4% 0;
  }
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li:nth-of-type(3n+3) {
    margin: 0 0 4% 0;
  }
}
main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .box-ttl {
  padding: 12% 4% 10%;
  font-size: 16px;
  font-family: 'ns';
}
main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .box-ttl span {
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .box-ttl {
    padding: 12% 4% 10%;
    font-size: 3.2vw;
  }
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .box-ttl span {
    font-size: 3.74vw;
  }
}
main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .main-btn {
  width: 70%;
  position: static;
}
main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .main-btn a {
  font-size: 1.34vw;
}
@media only screen and (min-width: 1201px) {
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .main-btn a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .cont-index .link-box.c02 li .main-btn a {
    font-size: 3.47vw;
  }
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt,
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dd {
  display: table-cell;
  padding: 3% 2%;
  line-height: 1.4;
  vertical-align: middle;
  border-right: #808080 1px solid;
  border-bottom: #808080 1px solid;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt,
  main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dd {
    padding: 4% 1%;
    font-size: 3.13vw;
  }
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt {
  width: 118px;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt {
    width: 20%;
    text-align: left;
  }
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt:first-child {
  border-left: #808080 1px solid;
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dd {
  display: table-cell;
  padding: 2%;
  text-align: left;
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:first-child {
  background: #262626;
}
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:first-child dt,
main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:first-child dd {
  padding: 1% 2%;
  text-align: center;
  vertical-align: middle;
  border-top: #808080 1px solid;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:first-child dt,
  main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:first-child dd {
    padding: 2.5% 1%;
  }
}
main .contents article .ronbun-box .inner .theme-box article .cont02 .semi-box p.txt {
  padding: 0 2%;
}
main .contents article .ronbun-box .inner .theme-box article .cont02 .semi-box p.txt span {
  display: block;
}
main .contents article .ronbun-box .inner .theme-box article .page-box {
  margin: 10% auto 0;
  padding: 2% 4%;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .page-box {
    margin: 16% auto 8%;
    padding: 2% 10%;
  }
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul {
  display: table;
  width: 100%;
  margin: 0 auto;
  border-bottom: #939393 1px solid;
  box-sizing: border-box;
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul:last-child {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .page-box ul {
    display: block;
  }
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul li {
  display: table-cell;
  width: 33.333333333%;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .page-box ul li {
    display: block;
    width: 100%;
    border-bottom: #939393 1px solid;
  }
  main .contents article .ronbun-box .inner .theme-box article .page-box ul li:last-child {
    border-bottom: none;
  }
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul li a {
  display: block;
  padding: 10% 4% 10% 0;
  text-decoration: none;
  box-sizing: border-box;
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul li a.current {
  color: #1fad24;
  pointer-events: none;
}
@media only screen and (max-width: 768px) {
  main .contents article .ronbun-box .inner .theme-box article .page-box ul li a {
    padding: 8% 6% 8% 24%;
    font-size: 4.22vw;
  }
  main .contents article .ronbun-box .inner .theme-box article .page-box ul li a:before {
    left: 10%;
  }
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul li a span {
  display: block;
  text-align: right;
}
@media only screen and (min-width: 769px) {
  main .contents article .ronbun-box .inner .theme-box article .page-box ul li:hover a {
    text-decoration: underline;
  }
  main .contents article .ronbun-box .inner .theme-box article .page-box ul li:hover a.current {
    text-decoration: none;
  }
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul li.noitem {
  border-right: none;
  background: none;
}
main .contents article .ronbun-box .inner .theme-box article .page-box ul li.noitem a {
  pointer-events: none;
}
body#english main .contents article .life-index .inner .subhead {
  margin: 4% auto 6%;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt {
    word-break: break-all;
  }
  body#english main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt:nth-of-type(1) {
    letter-spacing: -0.5px;
  }
  body#english main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dt:nth-of-type(2) {
    letter-spacing: -0.2px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl dd {
    letter-spacing: -0.2px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:nth-of-type(1) dt,
  body#english main .contents article .ronbun-box .inner .theme-box article .cont01 .table-box dl:nth-of-type(1) dd {
    letter-spacing: -0.3px;
  }
}
body#english main .contents article .ronbun-box .inner .theme-box article .cont02 .semi-box p.txt span {
  text-indent: -30px;
  padding-left: 30px;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .ronbun-box .inner .theme-box article .cont02 .semi-box p.txt span {
    text-indent: -7.81vw;
    padding-left: 7.82vw;
  }
}
@media only screen and (min-width: 769px) {
  body#english main .contents article .field-box .inner.field-index .lead .btn-box .main-btn a span i b {
    font-size: 14px;
  }
}
body#english main .contents article .field-box .inner.field-index .bnr-box .field-mark {
  width: 45%;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box .field-mark {
    width: 63.34%;
  }
}
body#english main .contents article .field-box .inner.field-index .bnr-box#shakai a .field-name {
  background: #f8be00;
}
body#english main .contents article .field-box .inner.field-index .bnr-box#ningen a .field-name {
  background: #3799d6;
}
body#english main .contents article .field-box .inner.field-index .bnr-box#shizen a .field-name {
  background: #6bbb5a;
}
body#english main .contents article .field-box .inner.field-index .bnr-box a .field-tit {
  width: 60%;
  margin: 2% 0 0 4%;
  font-size: 2.17vw;
  line-height: 1.2;
  letter-spacing: 0;
  top: 0;
  left: 0;
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 2px #fff, 0 0 1px #fff;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-tit {
    font-size: 24px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-tit {
    width: 72%;
    margin: 2% 0 0 2%;
    font-size: 3.44vw;
  }
}
body#english main .contents article .field-box .inner.field-index .bnr-box a .field-bg {
  position: relative;
}
body#english main .contents article .field-box .inner.field-index .bnr-box a .field-bg .field-theme {
  margin: 0 0 2% 4%;
  padding: 0 5% 0 0;
  font-size: 1.34vw;
  letter-spacing: 0;
  text-indent: 0;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  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 .field-box .inner.field-index .bnr-box a .field-bg .field-theme span {
  font-size: 1.17vw;
  text-shadow: none;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-bg .field-theme {
    font-size: 16px;
  }
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-bg .field-theme span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-bg .field-theme {
    margin: 0 0 1% 2%;
    padding-left: 0;
    font-size: 2.5vw;
    text-indent: 0;
  }
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-bg .field-theme span {
    font-size: 2.19vw;
    text-indent: 0;
  }
}
body#english main .contents article .field-box .inner.field-index .bnr-box a .field-name {
  margin: 0;
  padding: 2% 8% 2% 2%;
  letter-spacing: 0;
  position: relative;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-name span {
    height: 65%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-name {
    font-size: 3.13vw;
    padding: 2% 11% 2% 1%;
    position: relative;
  }
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-name i {
    font-size: 3.13vw;
  }
  body#english main .contents article .field-box .inner.field-index .bnr-box a .field-name span {
    width: 10%;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead.field01 {
    background: url("../img/field/field01_kv.jpg") 80% center/cover no-repeat #fff;
  }
  body#english main .contents article .field-box .inner.field-article .lead.field02 {
    background: url("../img/field/field02_kv.jpg") 70% center/cover no-repeat #fff;
  }
  body#english main .contents article .field-box .inner.field-article .lead.field03 {
    background: url("../img/field/field03_kv.jpg") 75% center/cover no-repeat #fff;
  }
  body#english main .contents article .field-box .inner.field-article .lead.field04 {
    background: url("../img/field/field04_kv.jpg") 65% center/cover no-repeat #fff;
  }
  body#english main .contents article .field-box .inner.field-article .lead.field05 {
    background: url("../img/field/field05_kv.jpg") 70% center/cover no-repeat #fff;
  }
  body#english main .contents article .field-box .inner.field-article .lead.field06 {
    background: url("../img/field/field06_kv.jpg") 70% center/cover no-repeat #fff;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box {
    width: 65%;
    height: 100%;
    position: static;
    margin: 0;
    top: 0;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
body#english main .contents article .field-box .inner.field-article .lead .title-box .field-tit {
  margin: 0 0 4%;
  font-size: 1.84vw;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-tit {
    font-size: 22px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-tit {
    margin: 0 0 5%;
    font-size: 3.2vw;
    line-height: 1.2;
  }
}
body#english main .contents article .field-box .inner.field-article .lead .title-box .field-theme {
  width: 70%;
  margin: 0 0 3%;
  padding-left: 30%;
  font-size: 1.17vw;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  text-indent: -42%;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-theme {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-theme {
    width: 100%;
    margin: 0 0 3% 0;
    padding: 0;
    font-size: 2.4vw;
    text-indent: 0;
  }
}
body#english main .contents article .field-box .inner.field-article .lead .title-box .field-theme span {
  display: inline-block;
  margin-right: 2%;
  padding: 1%;
  font-size: 1vw;
  color: #fff;
  text-indent: 0;
  background: #000;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-theme span {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-theme span {
    margin: 0 0 1.5%;
    font-size: 1.87vw;
    text-indent: 0;
  }
}
body#english main .contents article .field-box .inner.field-article .lead .title-box .field-name {
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1vw;
  text-align: left;
  letter-spacing: 0;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  box-sizing: border-box;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-name {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead .title-box .field-name {
    font-size: 1.8vw;
    text-align: left;
    padding: 0;
    position: relative;
  }
}
body#english main .contents article .field-box .inner.field-article .lead .field-bg {
  margin: 0;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  opacity: 1;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .lead .field-bg {
    display: none;
  }
  body#english main .contents article .field-box .inner.field-article .lead .field-bg img {
    width: 106%;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .page-box ul {
    width: 120%;
    margin: 0 0 0 -10%;
  }
}
body#english main .contents article .field-box .inner.field-article .page-box ul li:first-child {
  font-size: 1.67vw;
}
@media only screen and (min-width: 1201px) {
  body#english main .contents article .field-box .inner.field-article .page-box ul li:first-child {
    font-size: 20px;
  }
}
@media only screen and (max-width: 768px) {
  body#english main .contents article .field-box .inner.field-article .page-box ul li:first-child {
    width: 17.4%;
  }
}
@media only screen and (min-width: 769px) {
  body#english main .contents article .field-box .inner.field-article .page-box ul li a {
    padding: 5% 3% 5% 10%;
  }
}