#site-footer > footer > a.btn {
  display: none;
}

#noItemsFoundMessage {
  text-align: center;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
}
#noItemsFoundMessage strong {
  font-family: "Raleway", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.5em;
  color: #fff;
  letter-spacing: 0.05em;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #noItemsFoundMessage strong {
    font-size: 6vw;
  }
}
#noItemsFoundMessage a {
  color: #fff;
}

.layer {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
}

@media screen and (max-width: 767px) {
  #mainTtl {
    padding: 99px 0 0 0;
    padding: 26.4vw 0 0 0;
    padding-bottom: 19px;
    border-bottom: 4px solid #000;
  }
}

#styleSelector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#styleSelector li {
  border: 1px solid #ccc;
  cursor: pointer;
}
#styleSelector li.active {
  background: #ccc;
}

.menu-btn {
  width: 8.5416666667vw;
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .menu-btn {
    width: 67px;
    top: 198px;
    -webkit-transform: none;
            transform: none;
  }
}

/*============================
#global-nav
============================*/
#global-nav {
  width: 34.4444444444vw;
  width: 33.3vw;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  right: -100%;
  top: 0;
  height: 100%;
  z-index: 3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  padding: 6.9444444444vw 0 0;
}
@media screen and (max-width: 767px) {
  #global-nav {
    width: 100%;
    padding: 100px 0 140px;
  }
}
#global-nav.open {
  right: 0;
}
#global-nav button.closebtn {
  border: none;
  background: transparent url("../img/home-close-btn.svg") no-repeat center;
  background-size: 26px 26px;
  width: 26px;
  height: 26px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  right: 2.7777777778vw;
  top: 2.7777777778vw;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #global-nav button.closebtn {
    right: 20px;
    top: 20px;
  }
}
#global-nav .global-nav-wrap {
  overflow-y: auto;
  height: 100%;
  padding: 0 2.7777777778vw;
  padding: 0 4.2vw;
  /*IE, Edge*/
  -ms-overflow-style: none;
  /*Firefox*/
  scrollbar-width: none;
  /*Chrome, Safari*/
}
#global-nav .global-nav-wrap::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  #global-nav .global-nav-wrap {
    padding: 0 20px;
  }
}
#global-nav h2 {
  font-size: 1.8055555556vw;
  letter-spacing: 0.06em;
  line-height: 1;
  margin-bottom: 3.9583333333vw;
}
@media screen and (max-width: 767px) {
  #global-nav h2 {
    font-size: 18.2px;
    margin-bottom: 2em;
  }
}
#global-nav form.controls fieldset.radio-group {
  border: none;
  margin-bottom: 2.5vw;
}
@media screen and (max-width: 767px) {
  #global-nav form.controls fieldset.radio-group {
    margin-bottom: 18px;
  }
}
#global-nav form.controls fieldset.radio-group label.radio-group-label {
  font-size: 1.1111111111vw;
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin-bottom: 0.7638888889vw;
  display: block;
}
@media screen and (max-width: 767px) {
  #global-nav form.controls fieldset.radio-group label.radio-group-label {
    font-size: 16px;
    margin-bottom: 11px;
  }
}
#global-nav form.controls fieldset.radio-group div.radio label.radio-label input {
  visibility: hidden;
  position: absolute;
}
#global-nav form.controls fieldset.radio-group div.radio label.radio-label input + span {
  display: block;
  border: 1px solid #717171;
  position: relative;
  font-size: 1.1111111111vw;
  line-height: 2.4305555556vw;
  /* padding: 0 0.8em; */
  padding: 0 0.981em;
  cursor: pointer;
  margin-bottom: 0.2083333333vw;
}
@media screen and (max-width: 767px) {
  #global-nav form.controls fieldset.radio-group div.radio label.radio-label input + span {
    font-size: 16px;
    line-height: 35px;
    margin-bottom: 3px;
  }
}
#global-nav form.controls fieldset.radio-group div.radio label.radio-label input[type=radio]:checked + span {
  background: #CC0033;
}
#global-nav form.controls fieldset.radio-group.radio-group1, #global-nav form.controls fieldset.radio-group.radio-group3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#global-nav form.controls fieldset.radio-group.radio-group1 label.radio-group-label, #global-nav form.controls fieldset.radio-group.radio-group3 label.radio-group-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
#global-nav form.controls fieldset.radio-group.radio-group1 div.radio, #global-nav form.controls fieldset.radio-group.radio-group3 div.radio {
  margin-right: 3px;
}
#global-nav form.controls fieldset.radio-group.radio-group1 div.radio label.radio-label input + span, #global-nav form.controls fieldset.radio-group.radio-group3 div.radio label.radio-label input + span {
  display: inline-block;
}
#global-nav form.controls fieldset.radio-group.radio-group3 {
  padding-bottom: 2.7777777778vw;
}
@media screen and (max-width: 767px) {
  #global-nav form.controls .btnCont {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 20px;
  }
}
#global-nav form.controls .btnCont button {
  border: none;
  display: block;
  width: 100%;
  line-height: 3.6805555556vw;
  background: #CC0033;
  text-align: center;
  font-size: 1.25vw;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 10px;
  color: #000;
}
@media screen and (max-width: 767px) {
  #global-nav form.controls .btnCont button {
    line-height: 53px;
    font-size: 18px;
  }
}
#global-nav form.controls .btnCont button:hover {
  opacity: 0.7;
}
#global-nav form.controls .btnCont button.control.control-text {
  display: none;
}
#global-nav form.controls .btnCont button.searchBtn {
  margin-bottom: 6.9444444444vw;
}
@media screen and (max-width: 767px) {
  #global-nav form.controls .btnCont button.searchBtn {
    margin-bottom: 50px;
  }
}

/* Container
---------------------------------------------------------------------- */
.style1 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 11.5972222222vw 3.5416666667vw 0;
}
@media screen and (max-width: 767px) {
  .style1 .container {
    display: block;
    padding: 0 24px;
    padding: 0 6.4vw;
  }
}
.style1 .container .mix {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 363px;
          flex: 0 0 363px;
  -ms-flex: 0 0 29.0633%;
      flex: 0 0 29.0633%;
  margin: 0 0 13.8888888889vw;
  position: relative;
}
@media screen and (max-width: 1140px) {
  .style1 .container .mix {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
  }
}
@media screen and (max-width: 767px) {
  .style1 .container .mix {
    margin: 90px 0 170px;
    margin: 24vw 0 45.333vw;
  }
}
.style1 .container .mix .list-item .list-item-wrap figure {
  width: 18.8888888889vw;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item .list-item-wrap figure {
    width: 246px;
    width: 65.6vw;
  }
}
.style1 .container .mix .list-item .list-item-wrap > div p.num {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item .list-item-wrap > div p.num {
    font-size: 18.667vw;
  }
}
.style1 .container .mix .list-item .list-item-wrap > div p.copy br.style1-hidden {
  display: none;
}
.style1 .container .mix .list-item .list-item-wrap > div p.copy br.style1-show {
  display: block;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item .list-item-wrap > div p.copy {
    font-size: 16px;
    font-size: 4.267vw;
  }
}
.style1 .container .mix .list-item .list-item-wrap > div dl {
  position: absolute;
}
.style1 .container .mix .list-item .list-item-wrap > div dl dt, .style1 .container .mix .list-item .list-item-wrap > div dl dd {
  display: block;
}
.style1 .container .mix .list-item .list-item-wrap > div p.namae {
  font-size: 2.0833333333vw;
  line-height: 1;
  min-width: 5.5em;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item .list-item-wrap > div p.namae {
    font-size: 22px;
    font-size: 5.867vw;
  }
}

.style1 .container .mix .list-item .list-item-wrap > div div.section {
  font-size: 0.9vw;
  color: #000;
  margin-bottom: 0.5em;
}

.style1 .container .mix .list-item .list-item-wrap > div div.school {
  font-size: 0.8vw;
  color: #000;
}

@media screen and (max-width: 767px) {

.style1 .container .mix .list-item .list-item-wrap > div div.section {
  font-size: 3vw;
}

.style1 .container .mix .list-item .list-item-wrap > div div.school {
  font-size: 3vw;
}

}


.style1 .container .mix .list-item .list-item-wrap .ruby {
  position: absolute;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item .list-item-wrap .ruby {
    font-size: 36px;
    font-size: 9.6vw;
  }
}
.style1 .container .mix .list-item .list-item-wrap .ruby span {
  margin-top: -1px;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item .list-item-wrap .ruby span {
    height: 50px;
    line-height: 50px;
    height: 13.333vw;
    line-height: 13.333vw;
  }
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap, .style1 .container .mix .list-item.list-item5 .list-item-wrap, .style1 .container .mix .list-item.list-item7 .list-item-wrap {
  padding: 1.7361111111vw 1.3888888889vw 13.1944444444vw;
  height: 24.4444444444vw;
  height: 25.6944444444vw;
  margin-left: 1.3194444444vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item1 .list-item-wrap, .style1 .container .mix .list-item.list-item5 .list-item-wrap, .style1 .container .mix .list-item.list-item7 .list-item-wrap {
    padding: 23px 20px;
    height: 327px;
    margin-left: 19px;
    padding: 6.133vw 5.333vw;
    height: 87.2vw;
    margin-left: 5.067vw;
  }
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap figure, .style1 .container .mix .list-item.list-item5 .list-item-wrap figure, .style1 .container .mix .list-item.list-item7 .list-item-wrap figure {
  top: 18.2083333333vw;
  left: 0;
}

.style1 .container .mix .list-item.list-item5 .list-item-wrap figure {
	 top: 19.2083333333vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item1 .list-item-wrap figure, .style1 .container .mix .list-item.list-item5 .list-item-wrap figure, .style1 .container .mix .list-item.list-item7 .list-item-wrap figure {
    top: 173px;
    top: 60.13vw;
  }
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap > div p.num, .style1 .container .mix .list-item.list-item5 .list-item-wrap > div p.num, .style1 .container .mix .list-item.list-item7 .list-item-wrap > div p.num {
  right: 0;
  top: -0.65em;
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap > div p.copy, .style1 .container .mix .list-item.list-item5 .list-item-wrap > div p.copy, .style1 .container .mix .list-item.list-item7 .list-item-wrap > div p.copy {
  margin-bottom: 1em;
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item5 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item7 .list-item-wrap > div dl {
  top: -3.2638888889vw;
  left: 1.3194444444vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item1 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item5 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item7 .list-item-wrap > div dl {
    top: -46px;
    left: 19px;
    left: 5.067vw;
  }
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap > div p.namae, .style1 .container .mix .list-item.list-item5 .list-item-wrap > div p.namae, .style1 .container .mix .list-item.list-item7 .list-item-wrap > div p.namae {
  margin-bottom: 0.5em;
}
.style1 .container .mix .list-item.list-item1 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item5 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item7 .list-item-wrap .ruby {
  text-align: right;
  right: 1px;
  top: 32.9861111111vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.style1 .container .mix .list-item.list-item7 .list-item-wrap .ruby {
	right: -10px;
}

@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item1 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item5 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item7 .list-item-wrap .ruby {
    top: 377px;
    top: 100.533vw;
  }
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap, .style1 .container .mix .list-item.list-item8 .list-item-wrap {
  padding: 1.7361111111vw 1.3888888889vw 0;
  height: 26.3888888889vw;
  margin-left: 2.4305555556vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item2 .list-item-wrap, .style1 .container .mix .list-item.list-item8 .list-item-wrap {
    padding: 15px 20px 0;
    height: 309px;
    margin-left: 19px;
    padding: 4vw 5.333vw 0;
    height: 82.4vw;
    margin-left: 5.067vw;
  }
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap figure, .style1 .container .mix .list-item.list-item8 .list-item-wrap figure {
  top: 15.4166666667vw;
  left: 0;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item2 .list-item-wrap figure, .style1 .container .mix .list-item.list-item8 .list-item-wrap figure {
    top: 101px;
    top: 39.93vw;
  }
  .style1 .container .mix .list-item.list-item8 .list-item-wrap figure {
    top: 47.93vw;
  }
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap > div p.num, .style1 .container .mix .list-item.list-item8 .list-item-wrap > div p.num {
  left: 0;
  top: -0.8em;
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap > div p.copy, .style1 .container .mix .list-item.list-item8 .list-item-wrap > div p.copy {
  margin-bottom: 1em;
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item8 .list-item-wrap > div dl {
  top: -3.2638888889vw;
  right: 0;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item2 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item8 .list-item-wrap > div dl {
    top: -46px;
  }
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap > div p.namae, .style1 .container .mix .list-item.list-item8 .list-item-wrap > div p.namae {
  position: absolute;
  right: -9.0277777778vw;
  top: 10.9722222222vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item2 .list-item-wrap > div p.namae, .style1 .container .mix .list-item.list-item8 .list-item-wrap > div p.namae {
    right: -87px;
    top: 165px;
    right: -23.2vw;
    top: 44vw;
  }
}
.style1 .container .mix .list-item.list-item2 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item8 .list-item-wrap .ruby {
  left: 0;
  top: 29.23vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item2 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item8 .list-item-wrap .ruby {
    top: 281px;
    top: 74.933vw;
  }
  .style1 .container .mix .list-item.list-item8 .list-item-wrap .ruby {
    top: 82.933vw;
  }
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap, .style1 .container .mix .list-item.list-item9 .list-item-wrap {
  margin-right: 1.3194444444vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item3 .list-item-wrap, .style1 .container .mix .list-item.list-item9 .list-item-wrap {
    margin-right: 19px;
    margin-right: 5.067vw;
  }
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap figure, .style1 .container .mix .list-item.list-item9 .list-item-wrap figure {
  position: static;
  margin: -1px 0 0 -1px;
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap > div, .style1 .container .mix .list-item.list-item9 .list-item-wrap > div {
  padding: 20px 20px 10px;
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap > div p.num, .style1 .container .mix .list-item.list-item9 .list-item-wrap > div p.num {
  right: 0;
  bottom: 0.2em;
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap > div p.copy, .style1 .container .mix .list-item.list-item9 .list-item-wrap > div p.copy {
  margin-bottom: 1em;
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item9 .list-item-wrap > div dl {
  top: -3.2638888889vw;
  left: 0;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item3 .list-item-wrap > div dl, .style1 .container .mix .list-item.list-item9 .list-item-wrap > div dl {
    top: -46px;
  }
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap > div p.namae, .style1 .container .mix .list-item.list-item9 .list-item-wrap > div p.namae {
  margin-bottom: 1em;
}
.style1 .container .mix .list-item.list-item3 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item9 .list-item-wrap .ruby {
  right: 0;
  top: 10.5555555556vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item3 .list-item-wrap .ruby, .style1 .container .mix .list-item.list-item9 .list-item-wrap .ruby {
    top: 152px;
    top: 40.533vw;
  }
}
.style1 .container .mix .list-item.list-item4 {
  margin-top: -1.9444444444vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 {
    margin-top: 0;
    padding-left: 19px;
    padding-left: 5.067vw;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap {
  height: 34.2916666667vw;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap {
    height: 376px;
    height: 112.27vw;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap figure {
  position: absolute;
  left: -1.3194444444vw;
  top: 5.9027777778vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap figure {
    left: 0;
    top: 68px;
    top: 18.133vw;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap > div {
  position: static;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap > div {
    display: block;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap > div p.num {
  position: absolute;
  right: 0;
  top: -3.125vw;
  bottom: auto;
}

.style1 .container .mix .list-item.list-item4 .list-item-wrap > div div.section {
  position: absolute;
  left: 0;
  top: 28.5277777778vw;
  padding: 0 1.3888888889vw;
}

.style1 .container .mix .list-item.list-item4 .list-item-wrap > div div.school {
  position: absolute;
  left: 0;
  top: 31.5277777778vw;
  padding: 0 1.3888888889vw;
}

@media screen and (max-width: 767px) {

.style1 .container .mix .list-item.list-item4 .list-item-wrap > div div.section {
  position: absolute;
  left: 5.333vw;
  top: 92.53vw;
  padding: 0 5.333vw;
}

.style1 .container .mix .list-item.list-item4 .list-item-wrap > div div.school {
  position: absolute;
  left: 5.333vw;
  top: 102.53vw;
  padding: 0 5.333vw;
}

  .style1 .container .mix .list-item.list-item4 .list-item-wrap > div p.num {
    top: -43px;
    top: -11.467vw;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap > div p.copy {
  position: absolute;
  left: 0;
  top: 20.5277777778vw;
  padding: 0 1.3888888889vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap > div p.copy {
    top: 240px;
    left: 20px;
    padding: 20px 20px;
    top: 64vw;
    left: 5.333vw;
    padding: 5.333vw 5.333vw;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap > div dl {
  position: absolute;
  right: 0;
  bottom: -1.5277777778vw;
  top: auto;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap > div dl {
    bottom: -21px;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap > div p.namae {
  position: absolute;
  right: -1.9444444444vw;
  top: 11.3888888889vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap > div p.namae {
    right: -21px;
    top: 153px;
    right: -5.6vw;
    top: 40.8vw;
  }
}
.style1 .container .mix .list-item.list-item4 .list-item-wrap .ruby {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: absolute;
  top: -2.0486111111vw;
  left: -1.3194444444vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item4 .list-item-wrap .ruby {
    top: -29.5px;
    left: 0;
    top: -7.867vw;
  }
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item6 {
    margin-top: 0;
  }
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap {
  padding: 3.4722222222vw 1.3888888889vw 0;
  height: 31.5vw;
  margin-left: 1.3194444444vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item6 .list-item-wrap {
    padding: 35px 20px 0;
    height: 329px;
    margin-left: 19px;
    padding: 9.333vw 5.333vw 0;
    height: 87.733vw;
    margin-left: 5.067vw;
  }
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap figure {
  top: auto;
  left: 0;
  bottom: 0;
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap > div p.num {
  left: 0;
  bottom: -0.5em;
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap > div p.copy {
  margin-bottom: 1em;
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap > div dl {
  bottom: -1.5277777778vw;
  right: 0vw;
}
@media screen and (max-width: 767px) {
.style1 .container .mix .list-item.list-item6 .list-item-wrap figure {
  bottom: -13vw;
}
  .style1 .container .mix .list-item.list-item6 .list-item-wrap > div dl {
    bottom: -21px;
  }
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap > div p.namae {
  position: absolute;
  right: -9.0277777778vw;
  top: 13.8888888889vw;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item6 .list-item-wrap > div p.namae {
    right: -87px;
    top: 180px;
    right: -23.2vw;
    top: 48vw;
  }
}
.style1 .container .mix .list-item.list-item6 .list-item-wrap .ruby {
  left: 0;
  top: -6.5972222222vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix .list-item.list-item6 .list-item-wrap .ruby {
    top: -73px;
    top: -19.467vw;
  }
}

@media screen and (max-width: 767px) {
  .style1 .container .mix1 {
    margin-bottom: 140px;
  }
}
.style1 .container .mix3 {
  margin-top: 5.2777777778vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix3 {
    margin-top: 0;
    margin-bottom: 100px;
  }
}
.style1 .container .mix4 {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix4 {
    margin-bottom: 120px;
  }
}
.style1 .container .mix5 {
  margin-top: -0.1388888889vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix5 {
    margin-top: 0;
  }
}
.style1 .container .mix6 {
  margin-top: 3.125vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix6 {
    margin-top: 0;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .style1 .container .mix7 {
    margin-top: 0;
    margin-bottom: 140px;
  }
}
.style1 .container .mix9 {
  margin-top: 5.2083333333vw;
}
@media screen and (max-width: 767px) {
  .style1 .container .mix9 {
    margin-top: 0;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .style1 .container .mix10 {
    margin-top: 0;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .style1 .container .mix12 {
    margin-top: 0;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 767px) {
  .style1 .container .mix13 {
    margin-top: 0;
    margin-bottom: 120px;
  }
}
.style2 .container {
  display: block;
  padding: 13.4027777778vw 0 0.2777777778vw;
}
@media screen and (max-width: 767px) {
  .style2 .container {
    padding: 49px 24px 38px;
  }
}
.style2 .container .mix {
  width: 78.3333333333vw;
  margin: 0 auto 7.7777777778vw;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix {
    width: auto;
    margin: 0 auto 36px;
    padding-top: 145px;
  }
}
.style2 .container .mix .list-item {
  padding: 0 1px;
}
.style2 .container .mix .list-item .list-item-wrap {
  position: relative;
  padding: 1.3888888889vw 0 1.3888888889vw;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap {
    padding: 0 0 0;
  }
}
.style2 .container .mix .list-item .list-item-wrap figure {
  width: 18.8888888889vw;
  position: absolute;
  left: -1px;
  bottom: -1px;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap figure {
    width: 198px;
    height: 143px;
    left: auto;
    right: 0;
    top: -145px;
  }
}
.style2 .container .mix .list-item .list-item-wrap > div {
  padding-left: 21.7361111111vw;
  padding-right: 9.0277777778vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap > div {
    padding: 13px 13px 16px;
    display: block;
    position: relative;
  }
}
.style2 .container .mix .list-item .list-item-wrap > div p.num {
  position: absolute;
  right: 2.7777777778vw;
  top: -0.5em;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap > div p.num {
    right: 174px;
    top: -141px;
  }
}
.style2 .container .mix .list-item .list-item-wrap > div p.copy {
  font-size: 1.5277777778vw;
  letter-spacing: 0.02em;
  line-height: 1.8181818182;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
}
.style2 .container .mix .list-item .list-item-wrap > div p.copy br {
  display: none;
}
.style2 .container .mix .list-item .list-item-wrap > div p.copy br.style2-show {
  display: block;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap > div p.copy {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.75;
    margin-bottom: 0.6em;
  }
  .style2 .container .mix .list-item .list-item-wrap > div p.copy br {
    display: none;
  }
}
.style2 .container .mix .list-item .list-item-wrap > div dl {
  position: absolute;
  left: 18.75vw;
  top: -3.3333333333vw;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap > div dl {
    left: -1px;
    top: -47px;
  }
}
.style2 .container .mix .list-item .list-item-wrap > div p.namae {
  font-size: 2.0833333333vw;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .style2 .container .mix .list-item .list-item-wrap > div p.namae {
    font-size: 20px;
    line-height: 1;
  }
}
.style2 .container .mix .list-item .list-item-wrap .ruby {
  display: none;
}



.style2 .container .mix .list-item .list-item-wrap > div div.section {
  width: 100%;
  font-size: 0.9vw;
  color: #000;
  margin-top: 0.5em;
  margin-top: 0.3em;
}

.style2 .container .mix .list-item .list-item-wrap > div div.section br {
	display: none;
}

.style2 .container .mix .list-item .list-item-wrap > div div.school {
  font-size: 0.8vw;
  color: #000;
}


/* Target Elements
---------------------------------------------------------------------- */
.mix {
  margin-left: -1px;
  margin-top: -1px;
}
.mix * {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}