@charset "UTF-8";
/*
Theme Name: WID & DORMY
Description:WID & DORMY
Author: Blue-blue-studio
Author URI: http://blue2-studio.com/
Version: 1.0
*/
/*@include keyframes(animationSample){
0% {
opacity:0;
}
100% {
opacity:1;
}
}*/
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }
@keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }
@-moz-keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }
@-webkit-keyframes fade-out {
  0% {
    display: block;
    opacity: 1; }
  99% {
    display: block;
    opacity: 0; }
  100% {
    display: none;
    opacity: 0; } }
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }
  *:focus {
    outline: none; }

html {
  font-size: 14px;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ W3 JIS2004", "Yu Gothic", "游ゴシック体", "游ゴシック", SourceHanSansJP-Light, YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: 0.05em; }
  html body a {
    -moz-transition: opacity, ease-in-out, 0.2s, 0.2s;
    -o-transition: opacity, ease-in-out, 0.2s, 0.2s;
    -webkit-transition: opacity, ease-in-out, 0.2s, 0.2s;
    transition: opacity, ease-in-out, 0.2s, 0.2s;
    color: #9a071b; }
  html body img {
    max-width: 100%;
    height: auto; }
  html body ul li {
    list-style: none; }
  html body table {
    border-collapse: collapse; }
  html body button {
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 0; }
  html body .pc_only {
    display: none !important; }
  html body .noactive {
    opacity: 0.2; }
  html body .searchbox {
    background-color: #f7e3e5;
    padding: 20px 0 20px; }
    html body .searchbox form {
      border: 1px solid #9a071b;
      width: 90%;
      margin: 0 auto;
      overflow: hidden;
      line-height: 2.5rem;
      border-radius: 100px;
      font-size: 1.2rem; }
      html body .searchbox form input[type="text"] {
        width: 80%;
        border: 0px none;
        margin: 0px;
        padding: 0px 10px;
        box-shadow: none;
        float: left;
        overflow: hidden;
        line-height: 2.5rem; }
      html body .searchbox form input[type="submit"] {
        width: 20%;
        border: 0px none;
        margin: 0px;
        padding: 0px;
        box-shadow: none;
        overflow: hidden;
        line-height: 2.5rem;
        background-color: #9a071b;
        background-image: url(img/icon_search.svg);
        background-size: 20px auto;
        background-repeat: no-repeat;
        background-position: center; }
  html body header {
    position: relative; }
    html body header a:hover {
      opacity: 1; }
    html body header .lang {
      position: absolute;
      top: 0;
      right: 0; }
      html body header .lang ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        html body header .lang ul li a {
          background-color: #efefed;
          color: #686868;
          text-decoration: none;
          padding: 10px 16px;
          display: block;
          font-size: 0.9rem; }
          html body header .lang ul li a.active {
            background-color: #686868;
            color: #efefed; }
        html body header .lang ul li:first-of-type a {
          letter-spacing: -0.05em; }
    html body header .sitetitle {
      padding-top: 10px; }
      html body header .sitetitle h3, html body header .sitetitle h2 {
        width: 50%;
        margin-left: 10px; }
      html body header .sitetitle h2 {
        margin-top: 5px;
        margin-bottom: 10px; }
      html body header .sitetitle h1 {
        width: 70%;
        padding: 0 0 10px 10px;
        margin: 0;
        min-width: 240px; }
      html body header .sitetitle img {
        display: block;
        width: 100%;
        height: auto; }
    html body header .kyoritsulogo {
      display: none; }
    html body header .searchbox {
      display: none; }
    html body header .submenu {
      position: relative; }
      html body header .submenu .switch {
        width: 50px;
        height: 50px;
        background: #dcbec2;
        padding: 10px;
        margin: 0;
        overflow: hidden;
        position: absolute;
        top: -50px;
        right: 0px;
        cursor: pointer;
        -moz-transition: all, ease-in-out, 0.2s, 0.2s;
        -o-transition: all, ease-in-out, 0.2s, 0.2s;
        -webkit-transition: all, ease-in-out, 0.2s, 0.2s;
        transition: all, ease-in-out, 0.2s, 0.2s; }
        html body header .submenu .switch > span {
          position: absolute;
          width: 30px;
          height: 2px;
          background: #9a071b;
          display: block;
          opacity: 1;
          -moz-transform: rotate(0);
          -o-transform: rotate(0);
          -ms-transform: rotate(0);
          -webkit-transform: rotate(0);
          transform: rotate(0);
          -moz-transition: all, ease-in-out, 0.5s, 0.5s;
          -o-transition: all, ease-in-out, 0.5s, 0.5s;
          -webkit-transition: all, ease-in-out, 0.5s, 0.5s;
          transition: all, ease-in-out, 0.5s, 0.5s; }
          html body header .submenu .switch > span:first-child {
            top: 10px;
            left: 10px; }
          html body header .submenu .switch > span:nth-child(2) {
            top: 18px;
            left: 10px; }
          html body header .submenu .switch > span:nth-child(3) {
            top: 26px;
            left: 10px; }
        html body header .submenu .switch p.text {
          font-size: 0.5rem;
          text-align: center;
          width: 50px;
          margin: 0px auto;
          display: block;
          color: #9a071b;
          font-weight: bold;
          position: relative;
          top: 24px;
          margin-left: -10px; }
          html body header .submenu .switch p.text span {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 1;
            width: 100%;
            text-align: center;
            letter-spacing: 0.05rem;
            margin-left: 0.05rem;
            -moz-transition: all, ease-in-out, 0.2s, 0.2s;
            -o-transition: all, ease-in-out, 0.2s, 0.2s;
            -webkit-transition: all, ease-in-out, 0.2s, 0.2s;
            transition: all, ease-in-out, 0.2s, 0.2s; }
            html body header .submenu .switch p.text span.close {
              opacity: 0; }
        html body header .submenu .switch.open {
          background-color: #dcdcdc; }
          html body header .submenu .switch.open > span {
            background: #0f4b67; }
            html body header .submenu .switch.open > span:first-child {
              -moz-transform: rotate(45deg);
              -o-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              top: 18px; }
            html body header .submenu .switch.open > span:nth-child(2) {
              opacity: 0; }
            html body header .submenu .switch.open > span:nth-child(3) {
              -moz-transform: rotate(-45deg);
              -o-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
              top: 18px; }
          html body header .submenu .switch.open p.text {
            color: #0f4b67; }
            html body header .submenu .switch.open p.text span.menu {
              opacity: 0; }
            html body header .submenu .switch.open p.text span.close {
              opacity: 1; }
      html body header .submenu .list {
        padding: 20px 20px 0;
        line-height: 1.5;
        background-color: #dcdcdc;
        overflow: hidden;
        overflow-y: scroll; }
        html body header .submenu .list .columns > ul > li {
          margin-bottom: 15px;
          padding-bottom: 15px;
          border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
          html body header .submenu .list .columns > ul > li a {
            color: #0f4b67;
            text-decoration: none;
            display: block; }
            html body header .submenu .list .columns > ul > li a.first {
              font-size: 1rem;
              font-weight: bold; }
              html body header .submenu .list .columns > ul > li a.first::before {
                content: "";
                width: 1rem;
                height: 1rem;
                background-image: url(img/arrow_white_mini.svg);
                background-color: #0f4b67;
                display: block;
                background-size: auto 0.55em;
                background-repeat: no-repeat;
                background-position: center;
                border-radius: 100%;
                float: left;
                margin-top: 3px;
                margin-right: 4px; }
          html body header .submenu .list .columns > ul > li .second {
            margin-left: 0px;
            margin-top: 5px; }
            html body header .submenu .list .columns > ul > li .second a {
              font-size: 0.9rem;
              background: rgba(255, 255, 255, 0.2);
              padding: 8px 5px;
              display: block;
              margin-bottom: 10px;
              border-radius: 5px; }
              html body header .submenu .list .columns > ul > li .second a::before {
                content: "-";
                margin-right: 5px;
                margin-left: 5px; }
            html body header .submenu .list .columns > ul > li .second > li:first-child a {
              margin-top: 10px; }
            html body header .submenu .list .columns > ul > li .second > li:last-child a {
              margin-bottom: 5px; }
        html body header .submenu .list .columns > ul.right > li:last-child {
          border-bottom: none !important;
          margin-bottom: 0; }
    html body header .mainmenu {
      width: 100%; }
      html body header .mainmenu > ul {
        position: relative;
        width: 100%; }
        html body header .mainmenu > ul > li {
          width: 100%; }
          html body header .mainmenu > ul > li a.first {
            width: 25%;
            display: block;
            float: left;
            background-color: #9a071b;
            height: 65px;
            padding: 10px;
            cursor: pointer;
            position: relative;
            text-decoration: none; }
            html body header .mainmenu > ul > li a.first img {
              max-width: 100%;
              height: 27px;
              width: auto;
              margin: 0 auto;
              display: block; }
            html body header .mainmenu > ul > li a.first span {
              font-size: 0.7rem;
              color: #fff;
              text-align: center;
              text-align: center;
              display: block;
              width: 100%;
              padding-top: 8px; }
              html body header .mainmenu > ul > li a.first span.pc_only {
                display: none; }
          html body header .mainmenu > ul > li .second {
            width: 100%;
            position: absolute;
            display: block;
            top: 65px;
            left: 0;
            z-index: 1;
            background: #fff;
            padding: 22px 10px 0;
            border-bottom: 5px solid #9a071b;
            line-height: 2;
            overflow: hidden; }
            html body header .mainmenu > ul > li .second li {
              margin-bottom: 22px;
              width: 50%;
              float: left; }
              html body header .mainmenu > ul > li .second li a {
                display: block;
                color: #333;
                font-size: .9rem;
                text-decoration: none;
                display: block;
                line-height: 1.3;
                font-weight: bold;
                border-left: 3px solid #e0e0e0;
                padding-left: 5px;
                padding-top: 5px;
                padding-bottom: 5px; }
          html body header .mainmenu > ul > li.search_feature, html body header .mainmenu > ul > li.interview {
            display: none; }
          html body header .mainmenu > ul > li.search_gakubu h3 {
            color: #9a071b; }
          html body header .mainmenu > ul > li.search_gakubu a img {
            height: 23px;
            margin-top: 4px; }
          html body header .mainmenu > ul > li.search_gakubu .second > ul > li h3 {
            margin-bottom: 20px; }
          html body header .mainmenu > ul > li.search_gakubu .second > ul > li > ul > li {
            width: 100%; }
          html body header .mainmenu > ul > li.guide a {
            background-color: #0f4b67; }
            html body header .mainmenu > ul > li.guide a img {
              padding-left: 5px; }
          html body header .mainmenu > ul > li:not(.guide) > a::before {
            content: "";
            width: 1px;
            height: 65px;
            background-color: #fff;
            display: block;
            position: absolute;
            right: 1px;
            top: 0;
            opacity: 0.3; }
          html body header .mainmenu > ul > li:not(.guide) > a::after {
            content: "";
            width: 1px;
            height: 65px;
            background-color: #333;
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            opacity: 0.3; }
          html body header .mainmenu > ul > li.search_gakubu a, html body header .mainmenu > ul > li.search_campus a {
            position: relative; }
            html body header .mainmenu > ul > li.search_gakubu a span::after, html body header .mainmenu > ul > li.search_campus a span::after {
              content: "";
              display: block;
              background-color: #fff;
              height: 18px;
              width: 18px;
              border-radius: 50%;
              float: left;
              position: absolute;
              left: 50%;
              top: 50%;
              background-image: url(img/icon_search_red.svg);
              background-size: 60% auto;
              background-position: center;
              background-repeat: no-repeat;
              margin-top: -25px;
              margin-left: 15px; }
  html body.menufixed #maincontent {
    margin-top: 65px; }
  html body.menufixed header .mainmenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100; }
  html body .totopbtn {
    display: block;
    position: fixed;
    bottom: 0;
    right: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    height: 4rem;
    display: block;
    width: 4rem;
    font-size: 0.6rem;
    text-align: center;
    color: #0f4b67;
    text-decoration: none;
    border-radius: 100px 100px 0 0;
    padding-top: 0.4rem;
    font-weight: bold; }
    html body .totopbtn::before {
      content: "";
      background-image: url(img/arrow_blue_mini.svg);
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat;
      height: 1.5rem;
      width: 0.8rem;
      display: block;
      -moz-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      margin: 0 auto; }
  html body footer {
    background-color: #032a3c; }
    html body footer .pink {
      padding-top: 40px;
      background-color: #f7e3e5;
      padding-bottom: 30px; }
      html body footer .pink .searchbox {
        display: none;
        margin: 0px 0 10px; }
        html body footer .pink .searchbox form {
          height: 2.5rem; }
      html body footer .pink #about {
        background-color: #fff;
        width: 90%;
        margin: 0 auto;
        border-radius: 5px;
        padding-top: 1px; }
        html body footer .pink #about .illustrator {
          width: 90%;
          margin: -20px auto 10px;
          border-bottom: 2px solid #0f4b67;
          position: relative; }
          html body footer .pink #about .illustrator .girls img {
            display: block;
            width: 80%;
            margin: 0 auto; }
          html body footer .pink #about .illustrator .whats {
            position: absolute;
            top: 40px;
            left: 50%;
            width: 60px;
            margin-left: -30px; }
        html body footer .pink #about .text {
          padding: 0px 10% 20px;
          line-height: 1.8;
          color: #0f4b67;
          font-weight: bold;
          font-size: 0.9rem; }
          html body footer .pink #about .text span {
            background: linear-gradient(transparent 60%, #ffff66 60%); }
    html body footer #menus {
      padding: 30px 20px 20px; }
      html body footer #menus nav {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        line-height: 1.8; }
        html body footer #menus nav ul li a {
          text-decoration: none;
          color: #fff;
          font-size: 0.8rem; }
          html body footer #menus nav ul li a::before {
            content: "-";
            margin-right: 5px; }
    html body footer .toiawase {
      margin: 10px;
      border: 1px solid #fff;
      padding: 20px 10px;
      color: #fff;
      font-size: 0.8rem;
      margin-bottom: 0; }
      html body footer .toiawase h3 {
        color: #fff;
        background: #032a3c;
        width: 80%;
        text-align: center;
        margin: -30px auto 0;
        border: 1px solid #fff;
        font-size: 0.8rem;
        font-weight: normal;
        line-height: 2.8;
        position: relative; }
        html body footer .toiawase h3::after {
          content: "";
          display: block;
          width: 10px;
          height: 10px;
          background: #032a3c;
          position: absolute;
          position: absolute;
          top: 0;
          right: 0; }
        html body footer .toiawase h3::before {
          content: "";
          border-bottom: 10px solid #fff;
          border-right: 10px solid transparent;
          border-top: 10px solid transparent;
          border-left: 10px solid transparent;
          position: absolute;
          top: -11px;
          right: -10px; }
      html body footer .toiawase table {
        border-collapse: separate;
        border-spacing: 10px; }
        html body footer .toiawase table th {
          padding-right: 10px;
          border-right: 1px solid #fff;
          color: #fff; }
        html body footer .toiawase table td {
          color: #fff;
          padding-left: 10px;
          line-height: 1.5; }
          html body footer .toiawase table td img {
            margin-bottom: 10px;
            max-width: 300px; }
          html body footer .toiawase table td h4 {
            font-size: 1.2rem; }
        html body footer .toiawase table:first-of-type img {
          max-width: 150px;
          height: 41px; }
        html body footer .toiawase table a {
          color: #fff; }
      html body footer .toiawase .mail {
        background-color: #fff;
        font-weight: boild;
        padding: 10px 20px;
        display: block;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        color: #032a3c;
        border-radius: 5px; }
        html body footer .toiawase .mail .icon img {
          height: 1rem;
          display: block;
          float: left;
          margin-right: 2px;
          width: auto; }
        html body footer .toiawase .mail .text {
          line-height: 1rem; }
    html body footer address {
      color: #fff;
      text-align: center;
      font-size: 0.6rem;
      line-height: 7; }
  html body .modal-content {
    position: fixed;
    display: none;
    z-index: 101;
    width: 90%;
    margin: 0;
    padding: 20px 20px;
    border: 2px solid #aaa;
    background: #fff;
    border: none;
    border-radius: 3px;
    overflow-y: scroll;
    max-height: 90%; }
    html body .modal-content p {
      margin: 0;
      padding: 0; }
  html body .modal-overlay {
    z-index: 100;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(0, 0, 0, 0.75); }
  html body .modal-open {
    color: #00f;
    text-decoration: underline; }
    html body .modal-open:hover {
      cursor: pointer;
      color: #f00; }
  html body .modal-close {
    color: #00f;
    text-decoration: underline; }
    html body .modal-close:hover {
      cursor: pointer;
      color: #f00; }

@media screen and (min-width: 768px) {
  html body {
    background-image: url(img/background_gray.svg);
    background-image: url(img/background_gray.svg);
    background-repeat: repeat;
    background-size: 100px; }
    html body a:hover {
      opacity: 0.7; }
    html body .sp_only {
      display: none !important; }
    html body .pc_only {
      display: block !important; }
    html body header .metas {
      max-width: 1000px;
      margin: 20px auto 0;
      position: relative; }
      html body header .metas::before {
        content: "";
        border: 500px solid transparent;
        border-bottom-color: #fff;
        border-top-width: 0;
        width: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        z-index: -1; }
      html body header .metas .lang {
        top: 40px; }
        html body header .metas .lang ul li {
          font-size: 1.3rem; }
          html body header .metas .lang ul li a {
            background-color: transparent;
            color: #333;
            font-size: 1.5rem;
            font-weight: normal;
            opacity: 0.2;
            display: inline;
            padding: 0 10px;
            vertical-align: bottom; }
            html body header .metas .lang ul li a.active {
              background-color: transparent;
              color: #9a071b;
              opacity: 1; }
          html body header .metas .lang ul li:first-child::after {
            content: "|";
            color: #333;
            display: inline-block;
            overflow: hidden;
            height: 1.5rem;
            opacity: 0.2;
            font-weight: normal; }
          html body header .metas .lang ul li:last-child a {
            padding-right: 0; }
          html body header .metas .lang ul li a.active {
            color: #9a071b; }
      html body header .metas .sitetitle {
        padding-top: 0; }
        html body header .metas .sitetitle h1 {
          width: 680px;
          margin: 0 auto;
          padding-bottom: 25px; }
        html body header .metas .sitetitle h3 {
          margin: 0 auto 10px;
          width: 20%; }
        html body header .metas .sitetitle h2 {
          margin: 0 auto 20px;
          width: 30%; }
      html body header .metas .kyoritsulogo {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 91px;
        height: 25px;
        overflow: hidden; }
      html body header .metas .searchbox {
        display: none;
        background-color: transparent;
        padding: 0;
        width: 240px;
        position: absolute;
        top: 35px;
        right: 0; }
        html body header .metas .searchbox form {
          border: 2px solid #9a071b;
          width: 100%;
          line-height: 1;
          font-size: 1rem;
          height: 2.2rem; }
          html body header .metas .searchbox form input[type="text"] {
            width: 186px;
            line-height: 2rem; }
          html body header .metas .searchbox form input[type="submit"] {
            width: 50px;
            background-color: #fff;
            line-height: 2rem;
            background-size: 17px auto; }
    html body header .menus .submenu .switch {
      left: 50%;
      margin-left: 430px;
      background: #9a071b;
      width: 70px;
      height: 70px;
      top: -95px;
      border-radius: 5px; }
      html body header .menus .submenu .switch.open {
        height: 95px;
        border-radius: 5px 5px 0 0; }
        html body header .menus .submenu .switch.open > span:first-child {
          top: 25px; }
        html body header .menus .submenu .switch.open > span:nth-child(3) {
          top: 25px; }
      html body header .menus .submenu .switch > span {
        background: #fff;
        width: 36px; }
        html body header .menus .submenu .switch > span:first-child {
          top: 15px;
          left: 17px; }
        html body header .menus .submenu .switch > span:nth-child(2) {
          top: 26px;
          left: 17px; }
        html body header .menus .submenu .switch > span:nth-child(3) {
          top: 37px;
          left: 17px; }
      html body header .menus .submenu .switch p.text {
        color: #fff;
        top: 37px;
        width: 70px; }
        html body header .menus .submenu .switch p.text span.menu {
          font-size: 0.7rem; }
        html body header .menus .submenu .switch p.text span.close {
          font-size: 0.7rem; }
    html body header .menus .submenu .list {
      padding: 30px 20px 10px;
      border-top: 5px solid #9a071b;
      background-color: #fff; }
      html body header .menus .submenu .list .columns {
        width: 1000px;
        max-width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        html body header .menus .submenu .list .columns > ul {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1; }
          html body header .menus .submenu .list .columns > ul.left {
            padding-right: 25px; }
            html body header .menus .submenu .list .columns > ul.left li:last-child {
              border: none;
              margin-bottom: 0; }
          html body header .menus .submenu .list .columns > ul.right {
            padding-left: 25px; }
          html body header .menus .submenu .list .columns > ul > li {
            border-bottom: 1px solid #9a071b;
            margin-bottom: 20px;
            padding-bottom: 20px; }
            html body header .menus .submenu .list .columns > ul > li a.first {
              color: #9a071b;
              font-size: 1.2rem;
              line-height: 1; }
              html body header .menus .submenu .list .columns > ul > li a.first::before {
                background-color: #9a071b;
                width: 1.2rem;
                height: 1.2rem;
                background-size: auto 0.7rem;
                margin-top: 0; }
            html body header .menus .submenu .list .columns > ul > li .second a {
              margin-bottom: 0px;
              border-radius: 0; }
            html body header .menus .submenu .list .columns > ul > li .second li:first-child a {
              -top: 0px; }
            html body header .menus .submenu .list .columns > ul > li .second li:last-child a {
              border: none; }
    html body header .menus .mainmenu {
      width: 100%;
      background: #9a071b;
      display: block;
      height: 85px;
      position: relative; }
      html body header .menus .mainmenu > ul {
        width: 1000px;
        max-width: 100%;
        margin: 0 auto;
        position: static;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        border-left: 1px solid rgba(51, 51, 51, 0.3);
        border-right: 1px solid rgba(51, 51, 51, 0.3); }
        html body header .menus .mainmenu > ul .features {
          border-left: 1px solid rgba(255, 255, 255, 0.3); }
        html body header .menus .mainmenu > ul .guide {
          border-right: 1px solid #1e5f7d; }
        html body header .menus .mainmenu > ul > li {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1; }
          html body header .menus .mainmenu > ul > li > a.first {
            height: 85px;
            padding-top: 14px;
            width: 100%; }
            html body header .menus .mainmenu > ul > li > a.first:hover {
              opacity: 1; }
            html body header .menus .mainmenu > ul > li > a.first span {
              font-size: 0.9rem;
              letter-spacing: 0.1em;
              margin-left: 0.05em;
              font-weight: bold; }
            html body header .menus .mainmenu > ul > li > a.first img {
              height: 30px;
              margin-bottom: 5px; }
          html body header .menus .mainmenu > ul > li.search_gakubu a img {
            height: 26px;
            margin-top: 2px;
            margin-bottom: 7px;
            display: block; }
          html body header .menus .mainmenu > ul > li.interview .first span {
            letter-spacing: 0.04em;
            margin-left: 0; }
          html body header .menus .mainmenu > ul > li.guide a img {
            padding-left: 15px; }
          html body header .menus .mainmenu > ul > li .second {
            position: absolute;
            top: 85px;
            left: 0;
            z-index: 2; }
            html body header .menus .mainmenu > ul > li .second > ul {
              width: 1000px;
              max-width: 100%;
              margin: 0 auto;
              display: -webkit-box;
              display: -moz-box;
              display: -ms-flexbox;
              display: -webkit-flex;
              display: flex;
              -webkit-flex-wrap: wrap;
              /* Safari */
              flex-wrap: wrap; }
              html body header .menus .mainmenu > ul > li .second > ul li {
                float: none;
                width: 25%; }
                html body header .menus .mainmenu > ul > li .second > ul li a {
                  font-weight: bold;
                  letter-spacing: 0.051em;
                  font-size: 1.1rem;
                  margin: 5px 0;
                  padding-left: 10px; }
                  html body header .menus .mainmenu > ul > li .second > ul li a::before {
                    margin-right: 15px; }
          html body header .menus .mainmenu > ul > li:not(.guide) > a::before, html body header .menus .mainmenu > ul > li:not(.guide) a::after {
            height: 85px; }
          html body header .menus .mainmenu > ul > li.search_feature, html body header .menus .mainmenu > ul > li.interview {
            display: block; }
          html body header .menus .mainmenu > ul > li.search_gakubu a, html body header .menus .mainmenu > ul > li.search_campus a {
            position: relative; }
            html body header .menus .mainmenu > ul > li.search_gakubu a span::after, html body header .menus .mainmenu > ul > li.search_campus a span::after {
              content: none; }
    html body footer .pink {
      padding: 50px 0; }
      html body footer .pink .searchbox {
        display: none; }
      html body footer .pink #about {
        width: 900px;
        max-width: 95%;
        margin: 0 auto 0;
        padding: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        html body footer .pink #about .illustrator {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          border: none;
          margin-bottom: 0;
          position: relative; }
          html body footer .pink #about .illustrator .girls {
            position: absolute;
            left: 0;
            bottom: 0; }
        html body footer .pink #about .text {
          -webkit-box-flex: 1.7;
          -moz-box-flex: 1.7;
          -ms-flex: 1.7;
          -webkit-flex: 1.7;
          flex: 1.7;
          padding: 30px 30px 30px 0;
          font-size: 1.2rem;
          font-feature-settings: "palt"; }
    html body footer .blue {
      width: 900px;
      max-width: 95%;
      margin: 0 auto;
      padding-top: 40px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      html body footer .blue #menus {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding-left: 0; }
      html body footer .blue .toiawase {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-right: 0;
        padding: 20px; }
        html body footer .blue .toiawase .profile {
          margin: 20px 0; }
          html body footer .blue .toiawase .profile th, html body footer .blue .toiawase .profile td {
            color: #fff; }
          html body footer .blue .toiawase .profile th {
            white-space: nowrap; }
        html body footer .blue .toiawase .mail .icon img {
          margin-top: 0.5rem; }
        html body footer .blue .toiawase .mail .text {
          font-size: 1.1rem;
          font-weight: bold;
          line-height: 2rem; }
    html body.menufixed {
      margin-top: 100px; }
      html body.menufixed header .mainmenu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 100; }
      html body.menufixed #maincontent {
        margin-top: 0; }
    html body .searchbox form input[type="submit"] {
      background-color: transparent;
      background-image: url(img/icon_search_red.svg); } }
body.home #mainvisual {
  width: 100%;
  overflow: hidden; }
  body.home #mainvisual #image-bloc {
    position: relative; }
    body.home #mainvisual #image-bloc li.slide img {
      display: block; }
    body.home #mainvisual #image-bloc li.slide .text h2 {
      top: 30px;
      font-size: 1rem;
      font-weight: normal;
      position: absolute;
      display: block;
      left: 20px;
      width: 100%; }
      body.home #mainvisual #image-bloc li.slide .text h2 a {
        display: block;
        text-decoration: none;
        color: #9a071b;
        text-shadow: 1px 1px 3px #fff,1px 1px 3px #fff,2px 2px 0px #fff;
        font-size: 1.5rem;
        letter-spacing: 0.1em;
        line-height: 1.5;
        max-width: 75%; }
    body.home #mainvisual #image-bloc li.slide .text .tolink {
      font-size: 1rem;
      font-weight: normal;
      position: absolute;
      bottom: 0;
      right: 0;
      text-align: right; }
      body.home #mainvisual #image-bloc li.slide .text .tolink a {
        position: relative;
        text-decoration: none;
        color: #333;
        z-index: 1;
        bottom: 10px;
        right: 10px;
        font-size: 0.8rem;
        font-weight: bold;
        text-align: right; }
      body.home #mainvisual #image-bloc li.slide .text .tolink::after {
        content: "";
        display: block;
        border-top: 0 solid transparent;
        border-right: 0px solid #ffff00;
        border-bottom: 50px solid #ffff00;
        border-left: 80px solid transparent;
        position: absolute;
        bottom: 5px;
        right: 5px;
        z-index: 0; }
    body.home #mainvisual #image-bloc li.slide:nth-of-type(2n) .tolink a {
      color: #fff; }
    body.home #mainvisual #image-bloc li.slide:nth-of-type(2n) .tolink::after {
      content: "";
      display: block;
      border-top: 0 solid transparent;
      border-right: 0px solid #058739;
      border-bottom: 50px solid #058739;
      border-left: 80px solid transparent; }
    body.home #mainvisual #image-bloc #contbtns #slide_prev {
      position: absolute;
      top: 50%;
      left: 10px;
      margin-top: -1rem; }
      body.home #mainvisual #image-bloc #contbtns #slide_prev a::before {
        content: "";
        background-image: url(img/arrow_white.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        display: block;
        width: 2rem;
        height: 2rem; }
    body.home #mainvisual #image-bloc #contbtns #slide_next {
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -1rem; }
      body.home #mainvisual #image-bloc #contbtns #slide_next a::before {
        content: "";
        background-image: url(img/arrow_white.svg);
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 2rem;
        height: 2rem; }
  body.home #mainvisual #pager01 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: -3px;
    position: relative;
    display: none; }
    body.home #mainvisual #pager01 a {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      text-align: center;
      background-color: #058739;
      padding: 10px 0;
      text-decoration: none; }
      body.home #mainvisual #pager01 a span {
        display: block; }
        body.home #mainvisual #pager01 a span.main {
          color: #fff; }
        body.home #mainvisual #pager01 a span.sub {
          font-size: 0.6rem;
          margin-top: 5px;
          color: rgba(255, 255, 255, 0.48);
          letter-spacing: 0.05rem;
          margin-left: 0.05rem; }
      body.home #mainvisual #pager01 a:not(:last-child) {
        border-right: 1px solid rgba(68, 68, 68, 0.46); }
      body.home #mainvisual #pager01 a.active {
        background-color: #037631; }
      body.home #mainvisual #pager01 a:hover {
        opacity: 1; }
body.home #news .topic {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: rgba(15, 75, 103, 0.1); }
  body.home #news .topic .label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    background-color: #0f4b67;
    position: relative; }
    body.home #news .topic .label span {
      transform: rotate(90deg);
      display: block;
      position: absolute;
      top: 1.5rem;
      left: -0.5rem;
      width: 40px;
      font-size: 0.8rem;
      letter-spacing: 0.1rem;
      color: #fff;
      font-weight: bold; }
  body.home #news .topic .conts {
    -webkit-box-flex: 9;
    -moz-box-flex: 9;
    -ms-flex: 9;
    -webkit-flex: 9;
    flex: 9;
    padding: 15px 10px; }
    body.home #news .topic .conts ul:first-child {
      margin-bottom: 20px; }
    body.home #news .topic .conts .date {
      color: #032a3c;
      font-size: 0.6rem;
      margin-bottom: 5px; }
    body.home #news .topic .conts .title {
      display: inline; }
      body.home #news .topic .conts .title h3 {
        display: inline;
        font-size: 0.8rem;
        line-height: 1.2; }
        body.home #news .topic .conts .title h3 a {
          color: #333; }
    body.home #news .topic .conts .linkbtn {
      display: inline; }
      body.home #news .topic .conts .linkbtn a {
        color: #032a3c;
        background-color: rgba(15, 75, 103, 0.2);
        font-size: 0.6rem;
        text-decoration: none;
        border-radius: 10px;
        padding: 0.06rem 8px; }
        body.home #news .topic .conts .linkbtn a img {
          display: none; }
body.home #features {
  padding: 30px 10px; }
  body.home #features > .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px; }
    body.home #features > .title .icon {
      display: block;
      float: left;
      margin-right: 0.8rem; }
      body.home #features > .title .icon img {
        height: 2.3rem;
        width: auto; }
    body.home #features > .title .text {
      display: block;
      color: #9a071b; }
      body.home #features > .title .text h2 {
        font-size: 1.3rem;
        margin-bottom: 0.1rem;
        letter-spacing: 0.05em; }
      body.home #features > .title .text h4 {
        font-size: 0.65rem; }
  body.home #features .pannels {
    border: 2px solid #9a071b;
    border-radius: 5px; }
    body.home #features .pannels li {
      text-align: center; }
      body.home #features .pannels li a {
        font-size: 1rem;
        font-weight: bold;
        color: #9a071b;
        display: block;
        text-decoration: none;
        padding: 12px; }
        body.home #features .pannels li a span {
          font-size: 0.6rem;
          font-weight: bold;
          opacity: 0.6;
          letter-spacing: 0.05em;
          display: block;
          margin-top: 6px; }
        body.home #features .pannels li a img {
          height: 3rem; }
      body.home #features .pannels li.wid {
        border-bottom: 2px solid #9a071b; }
      body.home #features .pannels li.dormy {
        border-bottom: 2px solid #9a071b; }
      body.home #features .pannels li.men {
        width: 50%;
        float: left;
        border-right: 2px solid #9a071b; }
        body.home #features .pannels li.men a {
          text-align: left; }
          body.home #features .pannels li.men a::before {
            content: "";
            display: block;
            width: 30%;
            height: 2.4rem;
            background-image: url(img/icon08.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: right;
            float: left;
            margin-right: 10px; }
      body.home #features .pannels li.women {
        width: 50%;
        float: right; }
        body.home #features .pannels li.women a {
          text-align: left; }
          body.home #features .pannels li.women a::before {
            content: "";
            display: block;
            width: 30%;
            height: 2.4rem;
            background-image: url(img/icon09.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: right;
            float: left;
            margin-right: 10px; }
      body.home #features .pannels li.sharehouse {
        border-top: 2px solid #9a071b;
        width: 100%;
        overflow: hidden; }
      body.home #features .pannels li.bathtoilet {
        border-top: 2px solid #9a071b;
        width: 100%;
        overflow: hidden; }
body.home #pickups {
  padding: 30px 0; }
  body.home #pickups > .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px; }
    body.home #pickups > .title .icon {
      display: block;
      float: left;
      margin-right: 0.4em; }
      body.home #pickups > .title .icon img {
        height: 2.3rem;
        width: auto; }
    body.home #pickups > .title .text {
      display: block;
      color: #9a071b; }
      body.home #pickups > .title .text h2 {
        font-size: 1.3rem;
        margin-bottom: 0.1rem; }
      body.home #pickups > .title .text h4 {
        font-size: 0.65rem; }
  body.home #pickups .lists {
    margin: 0 10px; }
    body.home #pickups .lists > li {
      margin-top: 20px;
      padding-bottom: 20px; }
      body.home #pickups .lists > li:not(:nth-child(n+3)) {
        border-bottom: 1px solid #efefed; }
      body.home #pickups .lists > li > a {
        color: #333;
        text-decoration: none;
        display: block; }
      body.home #pickups .lists > li .title {
        text-align: center;
        position: relative;
        padding-bottom: 10px; }
        body.home #pickups .lists > li .title h4 {
          font-size: 1.2rem;
          letter-spacing: 0.05em; }
        body.home #pickups .lists > li .title h5 {
          letter-spacing: 0.05em;
          color: #686868;
          margin-top: 5px;
          font-weight: normal;
          font-size: 0.7rem; }
      body.home #pickups .lists > li .comment {
        padding: 10px 0;
        position: relative;
        padding-bottom: 0; }
        body.home #pickups .lists > li .comment .photo {
          width: 46px;
          float: left;
          border-radius: 100%;
          overflow: hidden;
          margin-right: 10px; }
          body.home #pickups .lists > li .comment .photo img {
            display: block; }
        body.home #pickups .lists > li .comment .text h3 {
          font-size: 1rem;
          line-height: 1.5; }
          body.home #pickups .lists > li .comment .text h3 span {
            font-weight: normal;
            font-size: 0.8em; }
        body.home #pickups .lists > li .comment .text .meta {
          width: 100%;
          overflow: hidden;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          padding-top: 5px; }
          body.home #pickups .lists > li .comment .text .meta .label.sex {
            margin-right: 10px; }
            body.home #pickups .lists > li .comment .text .meta .label.sex span {
              white-space: nowrap;
              display: block;
              background-color: #686868;
              padding: 0 0.4rem;
              border-radius: 5px;
              font-size: 0.7rem;
              color: #fff;
              line-height: 1.2rem;
              height: 1.2rem;
              text-align: center; }
              body.home #pickups .lists > li .comment .text .meta .label.sex span:nth-child(n+2) {
                margin-top: 3px; }
          body.home #pickups .lists > li .comment .text .meta .campus {
            font-size: 0.8em;
            line-height: 1.2rem;
            color: #686868; }
      body.home #pickups .lists > li.wid .contents .thumb {
        position: relative; }
        body.home #pickups .lists > li.wid .contents .thumb::before {
          content: "WID";
          background: #9a071b;
          position: absolute;
          top: 0;
          right: 0;
          color: #fff;
          padding: 0.5rem 0.5rem 0;
          font-size: 0.8rem;
          line-height: 1;
          width: 5.5rem;
          text-align: center;
          height: 1rem; }
        body.home #pickups .lists > li.wid .contents .thumb::after {
          content: "早大生専用";
          background: #9a071b;
          position: absolute;
          top: 1.3rem;
          right: 0;
          color: #fff;
          padding: 0.4rem 0.5rem 0.5rem;
          font-size: 0.5rem;
          line-height: 1;
          width: 5.5rem;
          text-align: center; }
      body.home #pickups .lists > li.dormy .contents .thumb {
        position: relative; }
        body.home #pickups .lists > li.dormy .contents .thumb::before {
          content: "DORMY";
          background: #0f4b67;
          position: absolute;
          top: 0;
          right: 0;
          color: #fff;
          padding: 0.5rem 0.5rem 0;
          font-size: 0.8rem;
          line-height: 1;
          width: 5.5rem;
          text-align: center;
          height: 1rem; }
        body.home #pickups .lists > li.dormy .contents .thumb::after {
          content: "他大生と共に";
          background: #0f4b67;
          position: absolute;
          top: 1.3rem;
          right: 0;
          color: #fff;
          padding: 0.4rem 0.5rem 0.5rem;
          font-size: 0.5rem;
          line-height: 1;
          width: 5.5rem;
          text-align: center; }
        body.home #pickups .lists > li.dormy .contents .thumb img {
          display: block; }
      body.home #pickups .lists > li.dormy .contents .comment::after {
        /*
        content: "※RAはいません";
        font-size: 0.8rem;
        width: 100%;
        display: block;
        color: #999;
        margin-top: 10px;
        */ }
      body.home #pickups .lists > li:nth-child(n+4) {
        display: none; }
  body.home #pickups a.link {
    display: block;
    text-align: center;
    text-decoration: none; }
    body.home #pickups a.link::before {
      content: "";
      border-top: 10px solid #efefed;
      border-right: 20px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 20px solid transparent;
      display: block;
      width: 0;
      margin: 0px auto 0px; }
    body.home #pickups a.link span {
      border: 2px solid #efefed;
      padding: 10px 20px;
      border-radius: 5px;
      display: block;
      color: #686868;
      font-weight: bold;
      margin: 0 10px; }
body.home #event {
  padding: 30px 0;
  margin-bottom: 30px; }
  body.home #event > .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px; }
    body.home #event > .title .icon {
      display: block;
      float: left;
      margin-right: 0.4em; }
      body.home #event > .title .icon img {
        height: 2.3rem;
        width: auto; }
    body.home #event > .title .text {
      display: block;
      color: #9a071b; }
      body.home #event > .title .text h2 {
        font-size: 1.3rem;
        margin-bottom: 0.1rem; }
      body.home #event > .title .text h4 {
        font-size: 0.65rem; }
  body.home #event .lists {
    margin: 0 10px; }
    body.home #event .lists .article {
      margin-top: 20px; }
      body.home #event .lists .article .contents .thumb img {
        display: block; }
      body.home #event .lists .article .contents .text {
        margin: 10px 10px 0;
        position: relative;
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 10px; }
        body.home #event .lists .article .contents .text a {
          text-decoration: none; }
        body.home #event .lists .article .contents .text .date {
          color: #939393;
          font-size: 0.8rem;
          margin-bottom: 5px;
          text-decoration: none; }
        body.home #event .lists .article .contents .text .title {
          color: #333;
          text-decoration: none; }
        body.home #event .lists .article .contents .text h4 {
          font-size: 1rem;
          font-weight: bold;
          line-height: 1.5; }
      body.home #event .lists .article:nth-child(n+4) {
        display: none; }
  body.home #event a.link {
    display: block;
    text-align: center;
    text-decoration: none; }
    body.home #event a.link::before {
      content: "";
      border-top: 10px solid #efefed;
      border-right: 20px solid transparent;
      border-bottom: 10px solid transparent;
      border-left: 20px solid transparent;
      display: block;
      width: 0;
      margin: 0px auto 0px; }
    body.home #event a.link span {
      border: 2px solid #efefed;
      padding: 10px 20px;
      border-radius: 5px;
      display: block;
      color: #686868;
      font-weight: bold;
      margin: 0 10px; }

@media screen and (min-width: 768px) {
  body.home #mainvisual {
    width: 100%;
    overflow: hidden;
    position: relative; }
    body.home #mainvisual #image-bloc {
      height: 500px; }
      body.home #mainvisual #image-bloc #contbtns #slide_prev, body.home #mainvisual #image-bloc #contbtns #slide_next {
        z-index: 1;
        margin-top: -2rem; }
        body.home #mainvisual #image-bloc #contbtns #slide_prev a, body.home #mainvisual #image-bloc #contbtns #slide_next a {
          display: block; }
          body.home #mainvisual #image-bloc #contbtns #slide_prev a::before, body.home #mainvisual #image-bloc #contbtns #slide_next a::before {
            width: 4rem;
            height: 4rem; }
      body.home #mainvisual #image-bloc #contbtns #slide_prev {
        left: 50%;
        margin-left: -550px; }
        body.home #mainvisual #image-bloc #contbtns #slide_prev a {
          width: 50px;
          overflow: hidden; }
          body.home #mainvisual #image-bloc #contbtns #slide_prev a::before {
            background-image: url(img/arrow_red.svg);
            background-color: #fff;
            border-radius: 50%;
            width: 100px;
            height: 100px;
            background-size: auto 30px;
            background-position: 62px center; }
      body.home #mainvisual #image-bloc #contbtns #slide_next {
        left: 50%;
        margin-left: 500px; }
        body.home #mainvisual #image-bloc #contbtns #slide_next a {
          width: 50px;
          overflow: hidden;
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
          body.home #mainvisual #image-bloc #contbtns #slide_next a::before {
            background-image: url(img/arrow_red.svg);
            background-color: #fff;
            border-radius: 50%;
            width: 100px;
            height: 100px;
            background-size: auto 30px;
            background-position: 60px center;
            transform: rotate(180deg); }
      body.home #mainvisual #image-bloc .bx-wrapper {
        margin: 0 auto;
        width: 1000px; }
      body.home #mainvisual #image-bloc .bx-viewport {
        width: 1000px !important;
        height: 500px !important; }
        body.home #mainvisual #image-bloc .bx-viewport::before, body.home #mainvisual #image-bloc .bx-viewport::after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          left: -100%;
          background-color: rgba(255, 255, 255, 0.7);
          z-index: 1; }
        body.home #mainvisual #image-bloc .bx-viewport::before {
          right: 100%;
          left: -100%; }
        body.home #mainvisual #image-bloc .bx-viewport::after {
          left: 100%;
          right: -100%; }
      body.home #mainvisual #image-bloc .bx-wrapper, body.home #mainvisual #image-bloc .bx-viewport {
        overflow: visible !important;
        left: 0;
        border-width: 0;
        box-shadow: none; }
      body.home #mainvisual #image-bloc .main-container {
        overflow: hidden;
        padding-bottom: 150px; }
      body.home #mainvisual #image-bloc ul.slider {
        list-style: none;
        margin: 0;
        padding: 0; }
        body.home #mainvisual #image-bloc ul.slider li.slide {
          width: 1000px !important;
          margin: 0;
          padding: 0;
          position: relative; }
          body.home #mainvisual #image-bloc ul.slider li.slide img {
            display: block; }
          body.home #mainvisual #image-bloc ul.slider li.slide .text a:hover {
            opacity: 1; }
          body.home #mainvisual #image-bloc ul.slider li.slide .text h2 {
            top: 40px;
            left: 40px; }
            body.home #mainvisual #image-bloc ul.slider li.slide .text h2 a {
              font-size: 3rem;
              letter-spacing: 0.1em;
              line-height: 1.5;
              max-width: 100%; }
          body.home #mainvisual #image-bloc ul.slider li.slide .text .tolink a {
            font-size: 1.1rem;
            bottom: 1.8em;
            right: 1.5em;
            line-height: 1.3; }
          body.home #mainvisual #image-bloc ul.slider li.slide .text .tolink::after {
            bottom: 15px;
            right: 15px;
            border-top: 0 solid transparent;
            border-right: 0px solid #ffff00;
            border-bottom: 80px solid #ffff00;
            border-left: 100px solid transparent; }
          body.home #mainvisual #image-bloc ul.slider li.slide:nth-child(2n) .tolink a {
            color: #fff; }
          body.home #mainvisual #image-bloc ul.slider li.slide:nth-child(2n) .tolink::after {
            content: "";
            display: block;
            border-top: 0 solid transparent;
            border-right: 0px solid #058739;
            border-bottom: 80px solid #058739;
            border-left: 100px solid transparent; }
    body.home #mainvisual #pager01 {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -500px;
      display: block;
      height: 100%;
      margin-top: 0;
      padding: 0;
      display: none; }
      body.home #mainvisual #pager01 a {
        display: block;
        height: 20%;
        line-height: 1;
        padding: 32px 40px;
        border-bottom: 1px solid #037631; }
        body.home #mainvisual #pager01 a span.main {
          color: #fff;
          font-size: 1.2rem;
          letter-spacing: 0.1em;
          margin-left: 0.1em;
          margin-bottom: 10px; }
  body.home #news {
    background-color: #fff;
    width: 1000px;
    max-width: 100%;
    margin: 12px auto 0;
    border-top: 1px solid #efefed;
    border-bottom: 1px solid #efefed; }
    body.home #news .topic {
      height: 8.4rem;
      background: transparent; }
      body.home #news .topic .label {
        background-color: rgba(154, 7, 27, 0.05);
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        width: 16.666%;
        border-left: 10px solid #9a071b; }
        body.home #news .topic .label span {
          -o-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          color: #9a071b;
          padding: 0;
          margin: 0;
          left: 0;
          text-align: center;
          width: 100%;
          font-size: 1.5rem;
          letter-spacing: 0.05em;
          margin-left: 0.05em;
          position: static;
          line-height: 8.4rem; }
      body.home #news .topic .conts {
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        width: 83.333%;
        border: none;
        background: #fff;
        padding: 0;
        overflow: hidden; }
        body.home #news .topic .conts > ul {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          overflow: hidden;
          height: 4.2rem; }
          body.home #news .topic .conts > ul:first-child {
            border-bottom: 1px solid #efefed;
            margin-bottom: 0; }
          body.home #news .topic .conts > ul .date {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            line-height: 4.2rem;
            text-align: center;
            font-size: 1rem;
            margin-bottom: 0;
            padding-bottom: 0; }
          body.home #news .topic .conts > ul .title {
            -webkit-box-flex: 5;
            -moz-box-flex: 5;
            -ms-flex: 5;
            -webkit-flex: 5;
            flex: 5;
            margin-bottom: 0;
            padding-bottom: 0; }
            body.home #news .topic .conts > ul .title h3 {
              line-height: 4.2rem;
              height: 4.2rem;
              overflow: hidden;
              font-size: 1rem; }
          body.home #news .topic .conts > ul .linkbtn {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            line-height: 4.2rem;
            text-align: center; }
            body.home #news .topic .conts > ul .linkbtn a {
              width: 100%;
              display: block;
              border-radius: 0;
              font-size: 1rem;
              background-color: transparent;
              font-weight: bold;
              position: relative;
              color: #fff;
              letter-spacing: 0.05em;
              background-color: #9a071b; }
              body.home #news .topic .conts > ul .linkbtn a::before {
                content: "";
                background: url(img/arrow_white.svg);
                display: inline-block;
                width: 0.6rem;
                height: 0.7rem;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                position: absolute;
                top: 50%;
                right: 1rem;
                margin-top: -0.3rem;
                opacity: 0.5; }
  body.home #features, body.home #pickups, body.home #event {
    background: #fff;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 50px 50px 20px; }
    body.home #features > .title .text h2, body.home #pickups > .title .text h2, body.home #event > .title .text h2 {
      font-size: 1.5rem;
      margin-bottom: 0.3rem;
      margin-top: 0.3rem;
      letter-spacing: 0.05em; }
    body.home #features > .title .text h4, body.home #pickups > .title .text h4, body.home #event > .title .text h4 {
      font-size: 0.7rem; }
  body.home #features {
    margin-top: 10px;
    border-top: 1px solid #efefed; }
    body.home #features > .title .icon {
      margin-right: 1.2rem; }
      body.home #features > .title .icon img {
        height: 3.5rem;
        width: auto; }
    body.home #features .pannels > li a {
      font-size: 1.4rem;
      padding: 30px; }
    body.home #features .pannels > li.wid {
      width: 50%;
      float: left;
      border-right: 2px solid #9a071b; }
    body.home #features .pannels > li.dormy {
      width: 50%;
      float: left; }
    body.home #features .pannels > li.men {
      width: 50%;
      float: left;
      border-bottom: 2px solid #9a071b; }
      body.home #features .pannels > li.men a::before {
        margin-top: -0.5rem;
        height: 3.4rem;
        margin-right: 20px;
        width: 40%; }
    body.home #features .pannels > li.women {
      width: 50%;
      float: left;
      border-bottom: 2px solid #9a071b; }
      body.home #features .pannels > li.women a::before {
        margin-top: -0.5rem;
        height: 3.4rem;
        margin-right: 20px;
        width: 40%; }
    body.home #features .pannels > li.sharehouse {
      width: 50%;
      border-top: none;
      float: left;
      border-right: 2px solid #9a071b; }
    body.home #features .pannels > li.bathtoilet {
      width: 50%;
      border-top: none; }
  body.home #pickups {
    padding-left: 40px;
    padding-right: 40px; }
    body.home #pickups > .title {
      margin-bottom: 0; }
      body.home #pickups > .title .icon {
        margin-right: 0.6rem; }
        body.home #pickups > .title .icon img {
          height: 3.5rem;
          width: auto; }
    body.home #pickups .lists {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap;
      -webkit-justify-content: center;
      justify-content: center; }
      body.home #pickups .lists > li {
        width: 33.3%;
        padding: 30px 10px 30px;
        margin-top: 0; }
        body.home #pickups .lists > li:nth-child(n+4) {
          display: block; }
        body.home #pickups .lists > li ul.contents li.title {
          padding-bottom: 15px; }
          body.home #pickups .lists > li ul.contents li.title h4 {
            font-size: 1.1rem; }
          body.home #pickups .lists > li ul.contents li.title h5 {
            font-size: 0.7rem; }
        body.home #pickups .lists > li ul.contents .thumb {
          height: 186px;
          overflow: hidden; }
        body.home #pickups .lists > li ul.contents .comment h3 {
          font-size: 0.9rem; }
        body.home #pickups .lists > li:not(:nth-child(n+4)) {
          border-bottom: 1px solid #efefed; }
    body.home #pickups a.link:hover {
      opacity: 1; }
    body.home #pickups a.link span {
      border: 2px solid rgba(239, 239, 237, 0.59);
      width: 50%;
      padding: 20px;
      margin: 0 auto; }
      body.home #pickups a.link span:hover {
        -moz-transition: all, ease-in-out, 0.3s, 0.3s;
        -o-transition: all, ease-in-out, 0.3s, 0.3s;
        -webkit-transition: all, ease-in-out, 0.3s, 0.3s;
        transition: all, ease-in-out, 0.3s, 0.3s;
        background: #686868;
        border-color: #686868;
        color: #fff; }
  body.home #event {
    border-bottom: 2px solid #efefed;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 50px;
    margin-bottom: 20px; }
    body.home #event > .title {
      margin-bottom: 0px; }
      body.home #event > .title .icon {
        margin-right: 0.8rem; }
        body.home #event > .title .icon img {
          height: 3.2rem;
          width: auto; }
    body.home #event > .lists {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap; }
      body.home #event > .lists > li.article {
        width: 33.3%;
        padding: 0 10px; }
        body.home #event > .lists > li.article:nth-child(n+4) {
          display: block; }
        body.home #event > .lists > li.article .contents .thumb {
          height: 186px;
          overflow: hidden; }
        body.home #event > .lists > li.article .contents .text {
          margin: 8px 0 0;
          padding: 0;
          border: none; }
          body.home #event > .lists > li.article .contents .text h4 {
            font-size: 0.95rem;
            font-weight: bold; }
    body.home #event a.link {
      margin-top: 30px; }
      body.home #event a.link:hover {
        opacity: 1; }
      body.home #event a.link span {
        border: 2px solid rgba(239, 239, 237, 0.59);
        width: 50%;
        padding: 20px;
        margin: 0 auto; }
        body.home #event a.link span:hover {
          -moz-transition: all, ease-in-out, 0.3s, 0.3s;
          -o-transition: all, ease-in-out, 0.3s, 0.3s;
          -webkit-transition: all, ease-in-out, 0.3s, 0.3s;
          transition: all, ease-in-out, 0.3s, 0.3s;
          background: #686868;
          border-color: #686868;
          color: #fff; } }
body.archive #maincontent {
  padding-bottom: 50px; }
  body.archive #maincontent .wrapper .archivetitle {
    width: 100%;
    overflow: hidden;
    padding: 30px 10px 30px; }
    body.archive #maincontent .wrapper .archivetitle .icon::before {
      margin: 0 auto;
      background-position: center; }
    body.archive #maincontent .wrapper .archivetitle .text {
      display: block;
      font-size: 1.3rem;
      font-weight: bold;
      text-align: center;
      color: #9a071b;
      border-bottom: 2px solid #9a071b;
      padding: 10px 0; }
      body.archive #maincontent .wrapper .archivetitle .text::before {
        display: block; }

@media screen and (min-width: 768px) {
  body.archive #maincontent {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto 20px;
    background: #fff; }
    body.archive #maincontent .wrapper .archivetitle {
      padding: 50px 10px 50px; }
      body.archive #maincontent .wrapper .archivetitle .icon::before {
        width: 3rem !important;
        height: 3rem !important; }
      body.archive #maincontent .wrapper .archivetitle .text {
        font-size: 1.5rem;
        border: none;
        padding-bottom: 0;
        padding-top: 20px; }
        body.archive #maincontent .wrapper .archivetitle .text::before {
          border-bottom: 3px solid #9a071b;
          padding-bottom: 10px;
          display: inline-block; } }
body.category-news #maincontent .wrapper .archivetitle .icon::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(img/icon12.svg);
  background-repeat: no-repeat;
  background-size: contain; }
body.category-news #maincontent .wrapper .archivetitle .text::before {
  content: "ニュース"; }
body.category-news #maincontent .wrapper .list {
  margin: 0 10px; }
  body.category-news #maincontent .wrapper .list article {
    border-bottom: 1px solid #efefed;
    padding: 15px 0px; }
    body.category-news #maincontent .wrapper .list article a {
      color: #333;
      text-decoration: none; }
    body.category-news #maincontent .wrapper .list article .titlegroup .date {
      font-size: 0.8rem;
      margin-bottom: 5px;
      margin-top: 0px;
      color: #939393;
      text-decoration: none; }
      body.category-news #maincontent .wrapper .list article .titlegroup .date a {
        text-decoration: none;
        color: #939393; }
    body.category-news #maincontent .wrapper .list article .titlegroup .title h1 {
      line-height: 1.5;
      margin: 0;
      font-size: 1rem;
      text-decoration: underline; }
      body.category-news #maincontent .wrapper .list article .titlegroup .title h1 a {
        font-size: 1rem; }
    body.category-news #maincontent .wrapper .list article .titlegroup .citation {
      display: none; }
    body.category-news #maincontent .wrapper .list article:first-of-type {
      padding-top: 0; }
    body.category-news #maincontent .wrapper .list article:last-of-type {
      border: none; }
body.category-news #maincontent .wrapper .pager {
  border-top: 2px solid #0f4b67;
  border-bottom: 2px solid #0f4b67;
  margin-top: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 5px 0; }
  body.category-news #maincontent .wrapper .pager .before {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    border-right: 2px solid #0f4b67;
    text-decoration: none;
    font-weight: bold;
    color: #0f4b67;
    padding: 10px; }
    body.category-news #maincontent .wrapper .pager .before::before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: block;
      float: left;
      background-image: url(img/arrow_blue_mini.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    body.category-news #maincontent .wrapper .pager .before a {
      display: block;
      color: #0f4b67;
      text-decoration: none; }
  body.category-news #maincontent .wrapper .pager .next {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #0f4b67;
    padding: 10px; }
    body.category-news #maincontent .wrapper .pager .next::before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: block;
      float: right;
      background-image: url(img/arrow_blue_mini.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    body.category-news #maincontent .wrapper .pager .next a {
      display: block;
      color: #0f4b67;
      text-decoration: none; }

@media screen and (min-width: 768px) {
  body.category-news #maincontent .wrapper .list {
    margin: 0 100px; }
    body.category-news #maincontent .wrapper .list article {
      padding: 30px 20px; }
      body.category-news #maincontent .wrapper .list article .titlegroup .date {
        margin-bottom: 10px; }
      body.category-news #maincontent .wrapper .list article .titlegroup .title {
        margin-bottom: 10px; }
        body.category-news #maincontent .wrapper .list article .titlegroup .title h1 {
          font-size: 1.5rem;
          text-decoration: none; }
          body.category-news #maincontent .wrapper .list article .titlegroup .title h1 a {
            font-size: 1.5rem; }
      body.category-news #maincontent .wrapper .list article .titlegroup .citation {
        display: block;
        line-height: 1.5; }
        body.category-news #maincontent .wrapper .list article .titlegroup .citation a {
          color: #9a071b;
          font-weight: bold;
          border-bottom: 2px solid #9a071b; }
      body.category-news #maincontent .wrapper .list article:not(.pickup) .titlegroup {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        body.category-news #maincontent .wrapper .list article:not(.pickup) .titlegroup .date {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          line-height: 1.65rem;
          margin-bottom: 0; }
        body.category-news #maincontent .wrapper .list article:not(.pickup) .titlegroup .title {
          -webkit-box-flex: 4;
          -moz-box-flex: 4;
          -ms-flex: 4;
          -webkit-flex: 4;
          flex: 4;
          margin-bottom: 0; }
          body.category-news #maincontent .wrapper .list article:not(.pickup) .titlegroup .title h1 {
            font-size: 1.1rem; }
  body.category-news #maincontent .wrapper .pager {
    margin: 50px 100px 0;
    padding: 15px 0; }
    body.category-news #maincontent .wrapper .pager .before {
      padding: 15px 20px;
      font-size: 1.3rem; }
      body.category-news #maincontent .wrapper .pager .before::before {
        width: 1.3rem;
        height: 1.3rem; }
    body.category-news #maincontent .wrapper .pager .next {
      padding: 15px 20px;
      font-size: 1.3rem; }
      body.category-news #maincontent .wrapper .pager .next::before {
        width: 1.3rem;
        height: 1.3rem; } }
body.post-type-archive-bukken #maincontent .wrapper .archivetitle .icon::before, body.tax-brand #maincontent .wrapper .archivetitle .icon::before, body.tax-bukken_type #maincontent .wrapper .archivetitle .icon::before, body.tax-department #maincontent .wrapper .archivetitle .icon::before, body.tax-campus #maincontent .wrapper .archivetitle .icon::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-image: url(img/icon10.svg);
  background-repeat: no-repeat;
  background-size: contain; }
body.post-type-archive-bukken #maincontent .wrapper .archivetitle .text::before, body.tax-brand #maincontent .wrapper .archivetitle .text::before, body.tax-bukken_type #maincontent .wrapper .archivetitle .text::before, body.tax-department #maincontent .wrapper .archivetitle .text::before, body.tax-campus #maincontent .wrapper .archivetitle .text::before {
  content: "学生寮一覧"; }
body.post-type-archive-bukken #maincontent .wrapper .list, body.tax-brand #maincontent .wrapper .list, body.tax-bukken_type #maincontent .wrapper .list, body.tax-department #maincontent .wrapper .list, body.tax-campus #maincontent .wrapper .list {
  margin: 0px 10px; }
  body.post-type-archive-bukken #maincontent .wrapper .list > article, body.tax-brand #maincontent .wrapper .list > article, body.tax-bukken_type #maincontent .wrapper .list > article, body.tax-department #maincontent .wrapper .list > article, body.tax-campus #maincontent .wrapper .list > article {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #efefed; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article > a, body.tax-brand #maincontent .wrapper .list > article > a, body.tax-bukken_type #maincontent .wrapper .list > article > a, body.tax-department #maincontent .wrapper .list > article > a, body.tax-campus #maincontent .wrapper .list > article > a {
      color: #333;
      text-decoration: none;
      display: block; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article .title, body.tax-brand #maincontent .wrapper .list > article .title, body.tax-bukken_type #maincontent .wrapper .list > article .title, body.tax-department #maincontent .wrapper .list > article .title, body.tax-campus #maincontent .wrapper .list > article .title {
      text-align: center;
      position: relative;
      padding-bottom: 10px; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article .title h4, body.tax-brand #maincontent .wrapper .list > article .title h4, body.tax-bukken_type #maincontent .wrapper .list > article .title h4, body.tax-department #maincontent .wrapper .list > article .title h4, body.tax-campus #maincontent .wrapper .list > article .title h4 {
        font-size: 1.2rem;
        letter-spacing: 0.05em; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article .title h5, body.tax-brand #maincontent .wrapper .list > article .title h5, body.tax-bukken_type #maincontent .wrapper .list > article .title h5, body.tax-department #maincontent .wrapper .list > article .title h5, body.tax-campus #maincontent .wrapper .list > article .title h5 {
        letter-spacing: 0.05em;
        color: #686868;
        margin-top: 5px;
        font-weight: normal;
        font-size: 0.7rem; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article .comment, body.tax-brand #maincontent .wrapper .list > article .comment, body.tax-bukken_type #maincontent .wrapper .list > article .comment, body.tax-department #maincontent .wrapper .list > article .comment, body.tax-campus #maincontent .wrapper .list > article .comment {
      padding: 10px 0;
      position: relative;
      padding-bottom: 0; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .photo, body.tax-brand #maincontent .wrapper .list > article .comment .photo, body.tax-bukken_type #maincontent .wrapper .list > article .comment .photo, body.tax-department #maincontent .wrapper .list > article .comment .photo, body.tax-campus #maincontent .wrapper .list > article .comment .photo {
        width: 46px;
        float: left;
        border-radius: 100%;
        overflow: hidden;
        margin-right: 10px; }
        body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .photo img, body.tax-brand #maincontent .wrapper .list > article .comment .photo img, body.tax-bukken_type #maincontent .wrapper .list > article .comment .photo img, body.tax-department #maincontent .wrapper .list > article .comment .photo img, body.tax-campus #maincontent .wrapper .list > article .comment .photo img {
          display: block; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text h3, body.tax-brand #maincontent .wrapper .list > article .comment .text h3, body.tax-bukken_type #maincontent .wrapper .list > article .comment .text h3, body.tax-department #maincontent .wrapper .list > article .comment .text h3, body.tax-campus #maincontent .wrapper .list > article .comment .text h3 {
        font-size: 1rem;
        line-height: 1.5; }
        body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text h3 span, body.tax-brand #maincontent .wrapper .list > article .comment .text h3 span, body.tax-bukken_type #maincontent .wrapper .list > article .comment .text h3 span, body.tax-department #maincontent .wrapper .list > article .comment .text h3 span, body.tax-campus #maincontent .wrapper .list > article .comment .text h3 span {
          font-weight: normal;
          font-size: 0.8em; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text .meta, body.tax-brand #maincontent .wrapper .list > article .comment .text .meta, body.tax-bukken_type #maincontent .wrapper .list > article .comment .text .meta, body.tax-department #maincontent .wrapper .list > article .comment .text .meta, body.tax-campus #maincontent .wrapper .list > article .comment .text .meta {
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding-top: 5px; }
        body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text .meta .label.sex span, body.tax-brand #maincontent .wrapper .list > article .comment .text .meta .label.sex span, body.tax-bukken_type #maincontent .wrapper .list > article .comment .text .meta .label.sex span, body.tax-department #maincontent .wrapper .list > article .comment .text .meta .label.sex span, body.tax-campus #maincontent .wrapper .list > article .comment .text .meta .label.sex span {
          white-space: nowrap;
          display: block;
          background-color: #686868;
          padding: 0.2rem 0.4rem;
          border-radius: 5px;
          font-size: 0.8rem;
          color: #fff;
          line-height: 1;
          margin-right: 10px;
          height: 1.2rem;
          text-align: center; }
          body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text .meta .label.sex span:nth-child(n+2), body.tax-brand #maincontent .wrapper .list > article .comment .text .meta .label.sex span:nth-child(n+2), body.tax-bukken_type #maincontent .wrapper .list > article .comment .text .meta .label.sex span:nth-child(n+2), body.tax-department #maincontent .wrapper .list > article .comment .text .meta .label.sex span:nth-child(n+2), body.tax-campus #maincontent .wrapper .list > article .comment .text .meta .label.sex span:nth-child(n+2) {
            margin-top: 3px; }
        body.post-type-archive-bukken #maincontent .wrapper .list > article .comment .text .meta .campus, body.tax-brand #maincontent .wrapper .list > article .comment .text .meta .campus, body.tax-bukken_type #maincontent .wrapper .list > article .comment .text .meta .campus, body.tax-department #maincontent .wrapper .list > article .comment .text .meta .campus, body.tax-campus #maincontent .wrapper .list > article .comment .text .meta .campus {
          font-size: 0.8em;
          line-height: 1.2rem;
          color: #686868; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article.wid .contents .thumb, body.tax-brand #maincontent .wrapper .list > article.wid .contents .thumb, body.tax-bukken_type #maincontent .wrapper .list > article.wid .contents .thumb, body.tax-department #maincontent .wrapper .list > article.wid .contents .thumb, body.tax-campus #maincontent .wrapper .list > article.wid .contents .thumb {
      position: relative; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article.wid .contents .thumb::before, body.tax-brand #maincontent .wrapper .list > article.wid .contents .thumb::before, body.tax-bukken_type #maincontent .wrapper .list > article.wid .contents .thumb::before, body.tax-department #maincontent .wrapper .list > article.wid .contents .thumb::before, body.tax-campus #maincontent .wrapper .list > article.wid .contents .thumb::before {
        content: "WID";
        background: #9a071b;
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        padding: 0.5rem 0.5rem 0;
        font-size: 0.8rem;
        line-height: 1;
        width: 5.5rem;
        text-align: center;
        height: 1rem; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article.wid .contents .thumb::after, body.tax-brand #maincontent .wrapper .list > article.wid .contents .thumb::after, body.tax-bukken_type #maincontent .wrapper .list > article.wid .contents .thumb::after, body.tax-department #maincontent .wrapper .list > article.wid .contents .thumb::after, body.tax-campus #maincontent .wrapper .list > article.wid .contents .thumb::after {
        content: "早大生専用";
        background: #9a071b;
        position: absolute;
        top: 1.3rem;
        right: 0;
        color: #fff;
        padding: 0.4rem 0.5rem 0.5rem;
        font-size: 0.5rem;
        line-height: 1;
        width: 5.5rem;
        text-align: center; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article.dormy .contents .thumb, body.tax-brand #maincontent .wrapper .list > article.dormy .contents .thumb, body.tax-bukken_type #maincontent .wrapper .list > article.dormy .contents .thumb, body.tax-department #maincontent .wrapper .list > article.dormy .contents .thumb, body.tax-campus #maincontent .wrapper .list > article.dormy .contents .thumb {
      position: relative; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article.dormy .contents .thumb::before, body.tax-brand #maincontent .wrapper .list > article.dormy .contents .thumb::before, body.tax-bukken_type #maincontent .wrapper .list > article.dormy .contents .thumb::before, body.tax-department #maincontent .wrapper .list > article.dormy .contents .thumb::before, body.tax-campus #maincontent .wrapper .list > article.dormy .contents .thumb::before {
        content: "DORMY";
        background: #0f4b67;
        position: absolute;
        top: 0;
        right: 0;
        color: #fff;
        padding: 0.5rem 0.5rem 0;
        font-size: 0.8rem;
        line-height: 1;
        width: 5.5rem;
        text-align: center;
        height: 1rem; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article.dormy .contents .thumb::after, body.tax-brand #maincontent .wrapper .list > article.dormy .contents .thumb::after, body.tax-bukken_type #maincontent .wrapper .list > article.dormy .contents .thumb::after, body.tax-department #maincontent .wrapper .list > article.dormy .contents .thumb::after, body.tax-campus #maincontent .wrapper .list > article.dormy .contents .thumb::after {
        content: "他大生と共に";
        background: #0f4b67;
        position: absolute;
        top: 1.3rem;
        right: 0;
        color: #fff;
        padding: 0.4rem 0.5rem 0.5rem;
        font-size: 0.5rem;
        line-height: 1;
        width: 5.5rem;
        text-align: center; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article.dormy .contents .thumb img, body.tax-brand #maincontent .wrapper .list > article.dormy .contents .thumb img, body.tax-bukken_type #maincontent .wrapper .list > article.dormy .contents .thumb img, body.tax-department #maincontent .wrapper .list > article.dormy .contents .thumb img, body.tax-campus #maincontent .wrapper .list > article.dormy .contents .thumb img {
        display: block; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article.dormy .contents .comment::after, body.tax-brand #maincontent .wrapper .list > article.dormy .contents .comment::after, body.tax-bukken_type #maincontent .wrapper .list > article.dormy .contents .comment::after, body.tax-department #maincontent .wrapper .list > article.dormy .contents .comment::after, body.tax-campus #maincontent .wrapper .list > article.dormy .contents .comment::after {
      /*
      content: "※RAはいません";
      font-size: 0.8rem;
      width: 100%;
      display: block;
      color: #999;
      margin-top: 10px;
      */ }
    body.post-type-archive-bukken #maincontent .wrapper .list > article:first-child, body.tax-brand #maincontent .wrapper .list > article:first-child, body.tax-bukken_type #maincontent .wrapper .list > article:first-child, body.tax-department #maincontent .wrapper .list > article:first-child, body.tax-campus #maincontent .wrapper .list > article:first-child {
      margin-top: 0;
      border: none; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article:last-of-type, body.tax-brand #maincontent .wrapper .list > article:last-of-type, body.tax-bukken_type #maincontent .wrapper .list > article:last-of-type, body.tax-department #maincontent .wrapper .list > article:last-of-type, body.tax-campus #maincontent .wrapper .list > article:last-of-type {
      margin-bottom: 20px; }
body.post-type-archive-bukken #maincontent .wrapper .searchmenu, body.tax-brand #maincontent .wrapper .searchmenu, body.tax-bukken_type #maincontent .wrapper .searchmenu, body.tax-department #maincontent .wrapper .searchmenu, body.tax-campus #maincontent .wrapper .searchmenu {
  padding: 10px 10px 0; }
  body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li, body.tax-brand #maincontent .wrapper .searchmenu .big > li, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li, body.tax-department #maincontent .wrapper .searchmenu .big > li, body.tax-campus #maincontent .wrapper .searchmenu .big > li {
    overflow: hidden;
    margin-bottom: 15px; }
    body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li h4, body.tax-brand #maincontent .wrapper .searchmenu .big > li h4, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li h4, body.tax-department #maincontent .wrapper .searchmenu .big > li h4, body.tax-campus #maincontent .wrapper .searchmenu .big > li h4 {
      font-size: 1rem;
      color: #9a071b;
      line-height: 1;
      cursor: pointer;
      text-decoration: underline; }
      body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-brand #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-department #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-campus #maincontent .wrapper .searchmenu .big > li h4::before {
        content: "";
        width: 1.2rem;
        height: 0.8rem;
        display: block;
        line-height: 1rem;
        background-image: url(img/arrow_red_mini.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        float: left;
        -moz-transition: all, ease-in-out, 0.3s, 0.3s;
        -o-transition: all, ease-in-out, 0.3s, 0.3s;
        -webkit-transition: all, ease-in-out, 0.3s, 0.3s;
        transition: all, ease-in-out, 0.3s, 0.3s; }
    body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li .small, body.tax-brand #maincontent .wrapper .searchmenu .big > li .small, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li .small, body.tax-department #maincontent .wrapper .searchmenu .big > li .small, body.tax-campus #maincontent .wrapper .searchmenu .big > li .small {
      height: 0;
      max-height: 0;
      border-left: 5px solid #dcbec2;
      margin-left: 0.45rem;
      padding: 0px 0px;
      margin-top: 8px; }
      body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li .small li a, body.tax-brand #maincontent .wrapper .searchmenu .big > li .small li a, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li .small li a, body.tax-department #maincontent .wrapper .searchmenu .big > li .small li a, body.tax-campus #maincontent .wrapper .searchmenu .big > li .small li a {
        font-size: 0.9rem;
        color: #333;
        text-decoration: underline;
        line-height: 2;
        padding-left: 12px; }
    body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li.on h4::before, body.tax-brand #maincontent .wrapper .searchmenu .big > li.on h4::before, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li.on h4::before, body.tax-department #maincontent .wrapper .searchmenu .big > li.on h4::before, body.tax-campus #maincontent .wrapper .searchmenu .big > li.on h4::before {
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
    body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li.on .small, body.tax-brand #maincontent .wrapper .searchmenu .big > li.on .small, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li.on .small, body.tax-department #maincontent .wrapper .searchmenu .big > li.on .small, body.tax-campus #maincontent .wrapper .searchmenu .big > li.on .small {
      height: auto;
      max-height: 20rem;
      padding: 5px 0px;
      -moz-transition: height, ease-in-out, 0.3s, 0.3s;
      -o-transition: height, ease-in-out, 0.3s, 0.3s;
      -webkit-transition: height, ease-in-out, 0.3s, 0.3s;
      transition: height, ease-in-out, 0.3s, 0.3s; }

@media screen and (min-width: 768px) {
  body.post-type-archive-bukken #maincontent .wrapper .list, body.tax-brand #maincontent .wrapper .list, body.tax-bukken_type #maincontent .wrapper .list, body.tax-department #maincontent .wrapper .list, body.tax-campus #maincontent .wrapper .list {
    padding-left: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center; }
    body.post-type-archive-bukken #maincontent .wrapper .list > article, body.tax-brand #maincontent .wrapper .list > article, body.tax-bukken_type #maincontent .wrapper .list > article, body.tax-department #maincontent .wrapper .list > article, body.tax-campus #maincontent .wrapper .list > article {
      width: 33.3%;
      padding: 30px 10px 30px;
      margin-top: 0;
      border-top: 1px solid #efefed; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article ul.contents li.title, body.tax-brand #maincontent .wrapper .list > article ul.contents li.title, body.tax-bukken_type #maincontent .wrapper .list > article ul.contents li.title, body.tax-department #maincontent .wrapper .list > article ul.contents li.title, body.tax-campus #maincontent .wrapper .list > article ul.contents li.title {
        padding-bottom: 15px; }
        body.post-type-archive-bukken #maincontent .wrapper .list > article ul.contents li.title h4, body.tax-brand #maincontent .wrapper .list > article ul.contents li.title h4, body.tax-bukken_type #maincontent .wrapper .list > article ul.contents li.title h4, body.tax-department #maincontent .wrapper .list > article ul.contents li.title h4, body.tax-campus #maincontent .wrapper .list > article ul.contents li.title h4 {
          font-size: 1.1rem; }
        body.post-type-archive-bukken #maincontent .wrapper .list > article ul.contents li.title h5, body.tax-brand #maincontent .wrapper .list > article ul.contents li.title h5, body.tax-bukken_type #maincontent .wrapper .list > article ul.contents li.title h5, body.tax-department #maincontent .wrapper .list > article ul.contents li.title h5, body.tax-campus #maincontent .wrapper .list > article ul.contents li.title h5 {
          font-size: 0.7rem; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article ul.contents .thumb, body.tax-brand #maincontent .wrapper .list > article ul.contents .thumb, body.tax-bukken_type #maincontent .wrapper .list > article ul.contents .thumb, body.tax-department #maincontent .wrapper .list > article ul.contents .thumb, body.tax-campus #maincontent .wrapper .list > article ul.contents .thumb {
        height: 186px;
        overflow: hidden; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article ul.contents .comment h3, body.tax-brand #maincontent .wrapper .list > article ul.contents .comment h3, body.tax-bukken_type #maincontent .wrapper .list > article ul.contents .comment h3, body.tax-department #maincontent .wrapper .list > article ul.contents .comment h3, body.tax-campus #maincontent .wrapper .list > article ul.contents .comment h3 {
        font-size: 0.9rem; }
      body.post-type-archive-bukken #maincontent .wrapper .list > article:not(:nth-child(n+4)), body.tax-brand #maincontent .wrapper .list > article:not(:nth-child(n+4)), body.tax-bukken_type #maincontent .wrapper .list > article:not(:nth-child(n+4)), body.tax-department #maincontent .wrapper .list > article:not(:nth-child(n+4)), body.tax-campus #maincontent .wrapper .list > article:not(:nth-child(n+4)) {
        padding-top: 0;
        margin-top: 0;
        border: none; }
  body.post-type-archive-bukken #maincontent .wrapper .searchmenu, body.tax-brand #maincontent .wrapper .searchmenu, body.tax-bukken_type #maincontent .wrapper .searchmenu, body.tax-department #maincontent .wrapper .searchmenu, body.tax-campus #maincontent .wrapper .searchmenu {
    margin: 50px 50px 0; }
    body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big, body.tax-brand #maincontent .wrapper .searchmenu .big, body.tax-bukken_type #maincontent .wrapper .searchmenu .big, body.tax-department #maincontent .wrapper .searchmenu .big, body.tax-campus #maincontent .wrapper .searchmenu .big {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li, body.tax-brand #maincontent .wrapper .searchmenu .big > li, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li, body.tax-department #maincontent .wrapper .searchmenu .big > li, body.tax-campus #maincontent .wrapper .searchmenu .big > li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1; }
        body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li h4, body.tax-brand #maincontent .wrapper .searchmenu .big > li h4, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li h4, body.tax-department #maincontent .wrapper .searchmenu .big > li h4, body.tax-campus #maincontent .wrapper .searchmenu .big > li h4 {
          font-size: 1.2rem;
          margin-bottom: 10px; }
          body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-brand #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-department #maincontent .wrapper .searchmenu .big > li h4::before, body.tax-campus #maincontent .wrapper .searchmenu .big > li h4::before {
            display: none; }
        body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li .small, body.tax-brand #maincontent .wrapper .searchmenu .big > li .small, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li .small, body.tax-department #maincontent .wrapper .searchmenu .big > li .small, body.tax-campus #maincontent .wrapper .searchmenu .big > li .small {
          height: auto;
          max-height: 20rem;
          border-color: #9a071b; }
        body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li.gakubu, body.tax-brand #maincontent .wrapper .searchmenu .big > li.gakubu, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li.gakubu, body.tax-department #maincontent .wrapper .searchmenu .big > li.gakubu, body.tax-campus #maincontent .wrapper .searchmenu .big > li.gakubu {
          -webkit-box-flex: 1.5;
          -moz-box-flex: 1.5;
          -ms-flex: 1.5;
          -webkit-flex: 1.5;
          flex: 1.5; }
          body.post-type-archive-bukken #maincontent .wrapper .searchmenu .big > li.gakubu .small, body.tax-brand #maincontent .wrapper .searchmenu .big > li.gakubu .small, body.tax-bukken_type #maincontent .wrapper .searchmenu .big > li.gakubu .small, body.tax-department #maincontent .wrapper .searchmenu .big > li.gakubu .small, body.tax-campus #maincontent .wrapper .searchmenu .big > li.gakubu .small {
            column-count: 2;
            -webkit-column-count: 2;
            -moz-column-count: 2; } }
body.post-type-archive-event #maincontent .wrapper .archivetitle {
  padding-bottom: 10px; }
  body.post-type-archive-event #maincontent .wrapper .archivetitle .icon::before {
    content: "";
    display: block;
    width: 3rem;
    height: 2rem;
    background-image: url(img/icon11.svg);
    background-repeat: no-repeat;
    background-size: contain; }
  body.post-type-archive-event #maincontent .wrapper .archivetitle .text {
    border-bottom: none; }
    body.post-type-archive-event #maincontent .wrapper .archivetitle .text::before {
      content: "イベント"; }
body.post-type-archive-event #maincontent .wrapper .list {
  margin: 0px 10px; }
  body.post-type-archive-event #maincontent .wrapper .list article {
    margin-top: 30px; }
    body.post-type-archive-event #maincontent .wrapper .list article a {
      color: #333;
      text-decoration: none; }
    body.post-type-archive-event #maincontent .wrapper .list article .titlegroup .eyecatch img {
      display: block;
      width: 100%;
      height: auto; }
    body.post-type-archive-event #maincontent .wrapper .list article .titlegroup .date {
      font-size: 0.8rem;
      margin-bottom: 5px;
      margin-top: 10px; }
      body.post-type-archive-event #maincontent .wrapper .list article .titlegroup .date a {
        color: #939393; }
    body.post-type-archive-event #maincontent .wrapper .list article .titlegroup .title h1 {
      font-size: 1rem;
      font-weight: normal;
      line-height: 1.5;
      margin: 0;
      padding: 0;
      font-weight: bold; }
    body.post-type-archive-event #maincontent .wrapper .list article:first-of-type {
      margin-top: 0; }
    body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) {
      overflow: hidden;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #efefed; }
      body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) .titlegroup .eyecatch {
        width: 40%;
        float: left;
        margin-right: 10px; }
      body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) .titlegroup .date {
        margin-top: 0;
        color: #939393; }
      body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) .titlegroup .title h1 {
        height: 3rem;
        overflow: hidden;
        display: block; }
body.post-type-archive-event #maincontent .wrapper .pager {
  border-top: 2px solid #0f4b67;
  border-bottom: 2px solid #0f4b67;
  margin-top: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 5px 0; }
  body.post-type-archive-event #maincontent .wrapper .pager .before {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    border-right: 2px solid #0f4b67;
    text-decoration: none;
    font-weight: bold;
    color: #0f4b67;
    padding: 10px; }
    body.post-type-archive-event #maincontent .wrapper .pager .before::before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: block;
      float: left;
      background-image: url(img/arrow_blue_mini.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    body.post-type-archive-event #maincontent .wrapper .pager .before a {
      display: block;
      color: #0f4b67;
      text-decoration: none; }
  body.post-type-archive-event #maincontent .wrapper .pager .next {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #0f4b67;
    padding: 10px; }
    body.post-type-archive-event #maincontent .wrapper .pager .next::before {
      content: "";
      width: 1rem;
      height: 1rem;
      display: block;
      float: right;
      background-image: url(img/arrow_blue_mini.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    body.post-type-archive-event #maincontent .wrapper .pager .next a {
      display: block;
      color: #0f4b67;
      text-decoration: none; }

@media screen and (min-width: 768px) {
  body.post-type-archive-event #maincontent .wrapper .archivetitle {
    padding-bottom: 50px; }
  body.post-type-archive-event #maincontent .wrapper .list {
    padding: 0 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari */
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center; }
    body.post-type-archive-event #maincontent .wrapper .list article {
      overflow: hidden;
      width: 33.333%;
      padding: 30px 10px 30px; }
      body.post-type-archive-event #maincontent .wrapper .list article.pickup {
        width: 100%;
        border-bottom: 1px solid #efefed;
        padding-bottom: 30px;
        padding-top: 0; }
        body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup {
          overflow: hidden;
          position: relative; }
          body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup .eyecatch {
            float: left;
            width: 400px;
            margin-right: 20px; }
          body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup .title h1 {
            font-size: 1.5rem;
            margin: 10px 0 10px; }
          body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup .content {
            font-size: 1rem;
            line-height: 1.5;
            color: #666; }
            body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup .content a.link {
              font-size: 1rem;
              font-weight: bold;
              color: #9a071b;
              position: absolute;
              bottom: 0;
              right: 0;
              line-height: 1;
              border-bottom: 2px solid #9a071b;
              padding-bottom: 3px; }
              body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup .content a.link::before {
                content: "";
                background-image: url(img/arrow_red_mini.svg);
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
                width: 0.5em;
                height: 1em;
                display: block;
                float: left;
                margin-right: 4px; }
              body.post-type-archive-event #maincontent .wrapper .list article.pickup .titlegroup .content a.link:hover {
                opacity: 1; }
        body.post-type-archive-event #maincontent .wrapper .list article.pickup:nth-of-type(3) {
          border: none; }
      body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) {
        margin-top: 0px;
        padding-top: 30px;
        padding-bottom: 20px; }
        body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) .titlegroup .eyecatch {
          float: none;
          width: 100%; }
        body.post-type-archive-event #maincontent .wrapper .list article:not(.pickup) .titlegroup .date {
          margin-top: 10px; }
      body.post-type-archive-event #maincontent .wrapper .list article:first-of-type {
        padding-top: 0; }
  body.post-type-archive-event #maincontent .wrapper .pager {
    margin: 50px 50px 0;
    padding: 15px 0; }
    body.post-type-archive-event #maincontent .wrapper .pager .before {
      padding: 15px 20px;
      font-size: 1.3rem; }
      body.post-type-archive-event #maincontent .wrapper .pager .before::before {
        width: 1.3rem;
        height: 1.3rem; }
    body.post-type-archive-event #maincontent .wrapper .pager .next {
      padding: 15px 20px;
      font-size: 1.3rem; }
      body.post-type-archive-event #maincontent .wrapper .pager .next::before {
        width: 1.3rem;
        height: 1.3rem; } }
body.tax-brand #maincontent .wrapper .archivetitle {
  text-align: center; }
  body.tax-brand #maincontent .wrapper .archivetitle .text {
    display: inline-block;
    border-bottom: 3px solid #9a071b;
    padding-bottom: 10px;
    display: inline-block; }
    body.tax-brand #maincontent .wrapper .archivetitle .text::before {
      display: none; }

body.tax-campus #maincontent .wrapper .archivetitle {
  text-align: center; }
  body.tax-campus #maincontent .wrapper .archivetitle .icon::before {
    width: 4rem;
    height: 3rem;
    background-image: url(img/icon03.svg); }
  body.tax-campus #maincontent .wrapper .archivetitle .text {
    display: inline-block;
    border-bottom: 3px solid #9a071b;
    padding-bottom: 10px;
    padding-top: 15px;
    display: inline-block; }
    body.tax-campus #maincontent .wrapper .archivetitle .text::before {
      display: none; }

body.tax-department #maincontent .wrapper .archivetitle {
  text-align: center; }
  body.tax-department #maincontent .wrapper .archivetitle .icon::before {
    width: 4rem;
    height: 3rem;
    background-image: url(img/icon02.svg); }
  body.tax-department #maincontent .wrapper .archivetitle .text {
    display: inline-block;
    border-bottom: 3px solid #9a071b;
    padding-bottom: 10px;
    display: inline-block; }
    body.tax-department #maincontent .wrapper .archivetitle .text::before {
      display: none; }

body.tax-bukken_type #maincontent .wrapper .archivetitle {
  text-align: center; }
  body.tax-bukken_type #maincontent .wrapper .archivetitle .text {
    display: inline-block;
    border-bottom: 3px solid #9a071b;
    padding-bottom: 10px;
    display: inline-block; }
    body.tax-bukken_type #maincontent .wrapper .archivetitle .text::before {
      display: none; }

body.single-news, body.single-event {
  max-width: 100%; }
  body.single-news #maincontent, body.single-event #maincontent {
    padding-bottom: 50px; }
    body.single-news #maincontent .wrapper .titlegroup, body.single-event #maincontent .wrapper .titlegroup {
      overflow: hidden;
      width: 100%; }
      body.single-news #maincontent .wrapper .titlegroup .colored, body.single-event #maincontent .wrapper .titlegroup .colored {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        body.single-news #maincontent .wrapper .titlegroup .colored .category, body.single-event #maincontent .wrapper .titlegroup .colored .category {
          background-color: #0f4b67;
          position: relative;
          overflow: hidden;
          display: block;
          width: 100px; }
          body.single-news #maincontent .wrapper .titlegroup .colored .category .icon, body.single-event #maincontent .wrapper .titlegroup .colored .category .icon {
            display: block;
            width: 30px;
            height: 30px;
            background-image: url(img/icon12_white.svg);
            background-repeat: no-repeat;
            background-position: center bottom;
            background-size: 30px auto;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -25px;
            margin-left: -15px; }
          body.single-news #maincontent .wrapper .titlegroup .colored .category .text, body.single-event #maincontent .wrapper .titlegroup .colored .category .text {
            font-size: 0.8rem;
            text-align: center;
            color: white;
            display: block;
            margin-top: 10px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: 15px;
            margin-left: -2em; }
            body.single-news #maincontent .wrapper .titlegroup .colored .category .text::before, body.single-event #maincontent .wrapper .titlegroup .colored .category .text::before {
              content: "ニュース"; }
        body.single-news #maincontent .wrapper .titlegroup .colored .title, body.single-event #maincontent .wrapper .titlegroup .colored .title {
          background-color: #eff5f7;
          padding: 10px; }
          body.single-news #maincontent .wrapper .titlegroup .colored .title .date, body.single-event #maincontent .wrapper .titlegroup .colored .title .date {
            font-size: 0.6rem;
            color: #0f4b67; }
          body.single-news #maincontent .wrapper .titlegroup .colored .title h1, body.single-event #maincontent .wrapper .titlegroup .colored .title h1 {
            font-size: 1.2rem;
            color: #0f4b67;
            font-size: 1rem;
            font-weight: normal;
            line-height: 1.5;
            margin-bottom: 0; }
    body.single-news #maincontent .wrapper .cont, body.single-event #maincontent .wrapper .cont {
      padding: 20px;
      line-height: 1.8;
      font-size: 0.9rem; }
    body.single-news #maincontent .wrapper .pager, body.single-event #maincontent .wrapper .pager {
      border-top: 2px solid #0f4b67;
      border-bottom: 2px solid #0f4b67;
      margin-top: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap;
      padding: 5px 0; }
      body.single-news #maincontent .wrapper .pager .before, body.single-event #maincontent .wrapper .pager .before {
        width: 50%;
        text-align: center;
        border-right: 2px solid #0f4b67;
        text-decoration: none;
        font-weight: bold;
        color: #0f4b67;
        padding: 10px; }
        body.single-news #maincontent .wrapper .pager .before::before, body.single-event #maincontent .wrapper .pager .before::before {
          content: "";
          width: 1rem;
          height: 1rem;
          display: block;
          float: left;
          background-image: url(img/arrow_blue_mini.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          -o-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }
        body.single-news #maincontent .wrapper .pager .before a, body.single-event #maincontent .wrapper .pager .before a {
          display: block;
          text-decoration: none;
          color: #0f4b67; }
      body.single-news #maincontent .wrapper .pager .next, body.single-event #maincontent .wrapper .pager .next {
        width: 50%;
        text-align: center;
        text-decoration: none;
        font-weight: bold;
        color: #0f4b67;
        padding: 10px; }
        body.single-news #maincontent .wrapper .pager .next::before, body.single-event #maincontent .wrapper .pager .next::before {
          content: "";
          width: 1rem;
          height: 1rem;
          display: block;
          float: right;
          background-image: url(img/arrow_blue_mini.svg);
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain; }
        body.single-news #maincontent .wrapper .pager .next a, body.single-event #maincontent .wrapper .pager .next a {
          display: block;
          text-decoration: none;
          color: #0f4b67; }
      body.single-news #maincontent .wrapper .pager .toarchive, body.single-event #maincontent .wrapper .pager .toarchive {
        width: 100%;
        border-top: 2px solid #0f4b67;
        text-align: center;
        font-weight: bold;
        color: #0f4b67;
        padding: 10px;
        margin-top: 5px;
        padding-top: 15px; }
        body.single-news #maincontent .wrapper .pager .toarchive a, body.single-event #maincontent .wrapper .pager .toarchive a {
          text-decoration: none;
          color: #0f4b67; }

@media screen and (min-width: 768px) {
  body.single-news #maincontent, body.single-event #maincontent {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto 20px;
    background: #fff; }
    body.single-news #maincontent .wrapper .titlegroup .colored .category, body.single-event #maincontent .wrapper .titlegroup .colored .category {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1; }
      body.single-news #maincontent .wrapper .titlegroup .colored .category .icon, body.single-event #maincontent .wrapper .titlegroup .colored .category .icon {
        width: 60px;
        height: 60px;
        background-size: 60px auto;
        margin-top: -40px;
        margin-left: -30px; }
      body.single-news #maincontent .wrapper .titlegroup .colored .category .text, body.single-event #maincontent .wrapper .titlegroup .colored .category .text {
        font-size: 1rem;
        margin-top: 30px; }
    body.single-news #maincontent .wrapper .titlegroup .colored .title, body.single-event #maincontent .wrapper .titlegroup .colored .title {
      -webkit-box-flex: 4;
      -moz-box-flex: 4;
      -ms-flex: 4;
      -webkit-flex: 4;
      flex: 4;
      padding: 50px 50px; }
      body.single-news #maincontent .wrapper .titlegroup .colored .title .date, body.single-event #maincontent .wrapper .titlegroup .colored .title .date {
        font-size: 1rem; }
      body.single-news #maincontent .wrapper .titlegroup .colored .title h1, body.single-event #maincontent .wrapper .titlegroup .colored .title h1 {
        font-size: 2rem; }
    body.single-news #maincontent .wrapper .cont, body.single-event #maincontent .wrapper .cont {
      padding: 50px 100px; }
    body.single-news #maincontent .wrapper .pager, body.single-event #maincontent .wrapper .pager {
      margin: 0 100px;
      padding: 15px 0; }
      body.single-news #maincontent .wrapper .pager .before, body.single-event #maincontent .wrapper .pager .before {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 15px 20px; }
      body.single-news #maincontent .wrapper .pager .toarchive, body.single-event #maincontent .wrapper .pager .toarchive {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 15px 20px;
        margin-top: 0;
        border-top: none;
        border-right: 2px solid #0f4b67; }
      body.single-news #maincontent .wrapper .pager .next, body.single-event #maincontent .wrapper .pager .next {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        padding: 15px 20px; } }
body.single-event #maincontent .wrapper .titlegroup .eyecatch {
  width: 100%;
  overflow: hidden; }
  body.single-event #maincontent .wrapper .titlegroup .eyecatch img {
    display: block; }
body.single-event #maincontent .wrapper .titlegroup .colored .category {
  background-color: #058739; }
  body.single-event #maincontent .wrapper .titlegroup .colored .category .icon {
    background-image: url(img/icon11_white.svg); }
  body.single-event #maincontent .wrapper .titlegroup .colored .category .text::before {
    content: "イベント"; }
body.single-event #maincontent .wrapper .titlegroup .colored .title {
  background-color: #d8f3e3;
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2; }
  body.single-event #maincontent .wrapper .titlegroup .colored .title .date {
    color: #058739; }
  body.single-event #maincontent .wrapper .titlegroup .colored .title h1 {
    color: #058739; }

@media screen and (min-width: 768px) {
  body.single-event #maincontent .wrapper .titlegroup {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    body.single-event #maincontent .wrapper .titlegroup .eyecatch {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;
      -webkit-box-flex: 2;
      -moz-box-flex: 2;
      -ms-flex: 2;
      -webkit-flex: 2;
      flex: 2; }
      body.single-event #maincontent .wrapper .titlegroup .eyecatch img {
        width: 100%;
        height: auto; }
    body.single-event #maincontent .wrapper .titlegroup .colored {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 1;
      -webkit-order: 1;
      order: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap; }
      body.single-event #maincontent .wrapper .titlegroup .colored .category {
        width: 100%;
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        height: 120px; }
        body.single-event #maincontent .wrapper .titlegroup .colored .category .icon {
          margin-top: -50px; }
        body.single-event #maincontent .wrapper .titlegroup .colored .category .text {
          margin-top: 20px; }
      body.single-event #maincontent .wrapper .titlegroup .colored .title {
        width: 100%;
        -webkit-box-flex: auto;
        -moz-box-flex: auto;
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto;
        height: 100%; }
        body.single-event #maincontent .wrapper .titlegroup .colored .title h1 {
          max-height: 17.5rem;
          overflow: hidden; } }
body.single-bukken {
  max-width: 100%; }
  body.single-bukken #maincontent {
    max-width: 100%;
    padding-bottom: 0; }
    body.single-bukken #maincontent .wrapper #bukkentitle {
      width: 100%;
      overflow: hidden;
      padding: 30px 10px 20px;
      text-align: center; }
      body.single-bukken #maincontent .wrapper #bukkentitle h1 {
        font-size: 1.5rem;
        margin: 0 0 8px; }
      body.single-bukken #maincontent .wrapper #bukkentitle h2 {
        color: #9a071b;
        font-size: 0.8rem; }
    body.single-bukken #maincontent .wrapper #mainvisual {
      width: 100%;
      overflow: hidden;
      position: relative; }
      body.single-bukken #maincontent .wrapper #mainvisual #image-bloc {
        position: relative; }
        body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper {
          max-width: 100%;
          width: 320px;
          margin: 0 auto; }
          body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport {
            left: 0;
            position: relative;
            overflow: visible !important;
            width: 320px; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport::before, body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport::after {
              content: "";
              position: absolute;
              top: 0;
              bottom: 0;
              left: -100%;
              background-color: rgba(255, 255, 255, 0.8);
              z-index: 1; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport::before {
              right: 100%;
              left: -100%; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport::after {
              left: 100%;
              right: -100%; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport ul.slider li.slide {
              width: 320px !important; }
              body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport ul.slider li.slide img {
                display: block; }
        body.single-bukken #maincontent .wrapper #mainvisual #image-bloc ul#thumbs {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: center;
          justify-content: center;
          width: 100%;
          padding: 5px 5px 2px; }
          body.single-bukken #maincontent .wrapper #mainvisual #image-bloc ul#thumbs li {
            padding: 5px 5px 0; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc ul#thumbs li a {
              display: block; }
              body.single-bukken #maincontent .wrapper #mainvisual #image-bloc ul#thumbs li a img {
                display: block;
                max-height: 50px; }
              body.single-bukken #maincontent .wrapper #mainvisual #image-bloc ul#thumbs li a.active {
                outline: 2px solid #9a071b; }
        body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_prev {
          position: absolute;
          top: 50%;
          left: 0px;
          margin-top: -2.5rem;
          z-index: 1; }
          body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_prev a {
            background-color: #9a071b;
            display: block;
            padding: 10px; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_prev a::before {
              content: "";
              background-image: url(img/arrow_white.svg);
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat;
              -moz-transform: rotate(180deg);
              -o-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
              display: block;
              width: 1rem;
              height: 2rem; }
        body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_next {
          position: absolute;
          top: 50%;
          right: 0px;
          margin-top: -2.5rem;
          z-index: 1; }
          body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_next a {
            background-color: #9a071b;
            display: block;
            padding: 10px; }
            body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_next a::before {
              content: "";
              background-image: url(img/arrow_white.svg);
              background-position: center;
              background-size: contain;
              background-repeat: no-repeat;
              display: block;
              width: 1rem;
              height: 2rem; }
    body.single-bukken #maincontent .wrapper #hitokoto {
      background-color: #efefed;
      padding-top: 30px;
      padding-bottom: 30px;
      margin-top: 30px;
      padding-left: 20px;
      padding-right: 20px; }
      body.single-bukken #maincontent .wrapper #hitokoto h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px; }
        body.single-bukken #maincontent .wrapper #hitokoto h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #hitokoto > ul li.person .image {
        overflow: hidden;
        margin-bottom: 10px; }
        body.single-bukken #maincontent .wrapper #hitokoto > ul li.person .image img {
          display: block;
          margin: 0 auto;
          border-radius: 50%;
          max-width: 50%; }
      body.single-bukken #maincontent .wrapper #hitokoto > ul li.person .name {
        font-size: 0.8rem;
        text-align: center;
        margin-bottom: 20px;
        color: #686868; }
      body.single-bukken #maincontent .wrapper #hitokoto > ul li.cont h3 {
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 10px; }
      body.single-bukken #maincontent .wrapper #hitokoto > ul li.cont p {
        font-size: 0.9rem;
        line-height: 1.5; }
    body.single-bukken #maincontent .wrapper #infograph .type {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px; }
      body.single-bukken #maincontent .wrapper #infograph .type h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px; }
        body.single-bukken #maincontent .wrapper #infograph .type h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .type > ul li {
        border: 2px solid #9a071b;
        padding: 0px;
        border-radius: 5px;
        font-size: 1.2rem;
        margin-bottom: 10px;
        font-weight: bold;
        text-align: center;
        line-height: 4rem;
        padding: 10px;
        color: #9a071b; }
        body.single-bukken #maincontent .wrapper #infograph .type > ul li.menonly::before {
          content: "";
          display: inline-block;
          margin-bottom: -1.5rem;
          margin-right: 10px;
          width: 3rem;
          height: 4rem;
          background-image: url(img/icon08.svg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        body.single-bukken #maincontent .wrapper #infograph .type > ul li.womenonly::before {
          content: "";
          display: inline-block;
          margin-bottom: -1.5rem;
          margin-right: 10px;
          width: 3rem;
          height: 4rem;
          background-image: url(img/icon09.svg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        body.single-bukken #maincontent .wrapper #infograph .type > ul li.bothsex::before {
          content: "";
          display: inline-block;
          margin-bottom: -1.5rem;
          margin-right: 10px;
          width: 3rem;
          height: 4rem;
          background-image: url(img/icon13.svg);
          background-repeat: no-repeat;
          background-size: contain;
          background-position: center; }
        body.single-bukken #maincontent .wrapper #infograph .type > ul li.wid::after {
          content: "WID";
          opacity: 0.5; }
        body.single-bukken #maincontent .wrapper #infograph .type > ul li.dormy::after {
          content: "DORMY";
          opacity: 0.5; }
        body.single-bukken #maincontent .wrapper #infograph .type > ul li:last-of-type {
          margin-bottom: 0; }
    body.single-bukken #maincontent .wrapper #infograph .campus {
      background-color: #efefed;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 0;
      padding-right: 0; }
      body.single-bukken #maincontent .wrapper #infograph .campus h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px; }
        body.single-bukken #maincontent .wrapper #infograph .campus h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .campus ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        /* Safari */
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%; }
        body.single-bukken #maincontent .wrapper #infograph .campus ul li {
          width: 33.3333%;
          padding: 0px 5px; }
          body.single-bukken #maincontent .wrapper #infograph .campus ul li div {
            border: 2px solid #9a071b;
            border-radius: 5px;
            font-size: 1.2rem;
            margin-bottom: 10px;
            font-weight: bold;
            text-align: center;
            line-height: 1;
            padding: 15px 0;
            color: #9a071b;
            display: block; }
            body.single-bukken #maincontent .wrapper #infograph .campus ul li div span {
              display: block;
              height: 1em;
              overflow: hidden; }
              body.single-bukken #maincontent .wrapper #infograph .campus ul li div span.time {
                font-size: 0.9rem;
                font-weight: normal;
                line-height: 1;
                height: 1em;
                overflow: hidden;
                margin-top: 10px; }
                body.single-bukken #maincontent .wrapper #infograph .campus ul li div span.time::before {
                  content: "";
                  width: 0.8rem;
                  height: 0.8rem;
                  margin: 0;
                  padding: 0;
                  background-image: url(img/icon14.svg);
                  background-size: contain;
                  background-repeat: no-repeat;
                  background-position: center;
                  display: inline-block;
                  margin-right: 3px;
                  vertical-align: top; }
    body.single-bukken #maincontent .wrapper #infograph .madori {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 0;
      padding-right: 0; }
      body.single-bukken #maincontent .wrapper #infograph .madori h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px; }
        body.single-bukken #maincontent .wrapper #infograph .madori h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .madori ul li.image img {
        display: block;
        margin: 0 auto;
        max-width: 100%; }
      body.single-bukken #maincontent .wrapper #infograph .madori ul li.text {
        font-size: 0.9rem;
        text-align: center;
        color: #686868;
        margin-top: 10px; }
    body.single-bukken #maincontent .wrapper #infograph .facilities {
      background-color: #efefed;
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px; }
      body.single-bukken #maincontent .wrapper #infograph .facilities h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px; }
        body.single-bukken #maincontent .wrapper #infograph .facilities h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public h3, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private h3 {
        margin-bottom: 10px;
        font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li {
        overflow: hidden;
        margin-bottom: 5px;
        border: 2px solid #9a071b;
        line-height: 3rem;
        text-align: center;
        font-size: 1.2rem;
        border-radius: 4px;
        color: #9a071b; }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li:last-of-type, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li:last-of-type {
          margin-bottom: 0; }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li::before {
          content: "";
          display: block;
          float: left;
          width: 3rem;
          height: 3rem;
          background-color: #9a071b;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 70%; }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.dining::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.dining::before {
          background-image: url(img/subicon01_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.laundry::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.laundry::before {
          background-image: url(img/subicon03_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.bicycle::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.bicycle::before {
          background-image: url(img/subicon07_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.autolock::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.autolock::before {
          background-image: url(img/subicon13_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.mailbox::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.mailbox::before {
          background-image: url(img/subicon14_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.kitchen_ih, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.kitchen_ih {
          font-size: 1rem; }
          body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.kitchen_ih::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.kitchen_ih::before {
            background-image: url(img/subicon06_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.kitchen_ele, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.kitchen_ele {
          font-size: 1rem; }
          body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.kitchen_ele::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.kitchen_ele::before {
            background-image: url(img/subicon05_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.kitchen_gas, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.kitchen_gas {
          font-size: 1rem; }
          body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.kitchen_gas::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.kitchen_gas::before {
            background-image: url(img/subicon04_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.bath_public::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.bath_public::before {
          background-image: url(img/subicon02_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.bath_public::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.bath_public::before {
          background-image: url(img/subicon02_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.shower_booth::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.shower_booth::before {
          background-image: url(img/subicon10_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.shower_private::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.shower_private::before {
          background-image: url(img/subicon10_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.monohoshi::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.monohoshi::before {
          background-image: url(img/subicon15_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.fridge_2door::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.fridge_2door::before {
          background-image: url(img/subicon08_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.fridge_1door::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.fridge_1door::before {
          background-image: url(img/subicon08_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.veranda::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.veranda::before {
          background-image: url(img/subicon12_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.antenna_bs::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.antenna_bs::before {
          background-image: url(img/subicon09_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.bed_sunoko::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.bed_sunoko::before {
          background-image: url(img/subicon11_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.shoes::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.shoes::before {
          background-image: url(img/subicon17_white.svg); }
        body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.public .list li.washbasin::before, body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private .list li.washbasin::before {
          background-image: url(img/subicon16_white.svg); }
      body.single-bukken #maincontent .wrapper #infograph .facilities > ul > li.private {
        margin-top: 30px; }
    body.single-bukken #maincontent .wrapper #infograph .info {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px; }
      body.single-bukken #maincontent .wrapper #infograph .info h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px; }
        body.single-bukken #maincontent .wrapper #infograph .info h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .info table {
        border-top: 2px solid #0f4b67;
        width: 100%; }
        body.single-bukken #maincontent .wrapper #infograph .info table tr td {
          border-bottom: 2px solid #0f4b67;
          padding: 10px;
          line-height: 1.5; }
          body.single-bukken #maincontent .wrapper #infograph .info table tr td:first-child {
            background-color: #eff5f7;
            font-weight: bold;
            font-size: 0.9rem;
            color: #0f4b67;
            min-width: 100px;
            max-width: 200px;
            width: 30%; }
          body.single-bukken #maincontent .wrapper #infograph .info table tr td:last-child {
            font-size: 0.9rem; }
    body.single-bukken #maincontent .wrapper #infograph .access {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px;
      background-color: #efefed; }
      body.single-bukken #maincontent .wrapper #infograph .access h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px; }
        body.single-bukken #maincontent .wrapper #infograph .access h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .access table {
        border-top: 2px solid #595959; }
        body.single-bukken #maincontent .wrapper #infograph .access table tr td {
          border-bottom: 2px solid #595959;
          padding: 10px;
          line-height: 1.5; }
          body.single-bukken #maincontent .wrapper #infograph .access table tr td:first-child {
            background-color: #e0e0e0;
            font-weight: bold;
            font-size: 0.9rem;
            color: #595959;
            min-width: 100px;
            max-width: 200px;
            width: 30%; }
          body.single-bukken #maincontent .wrapper #infograph .access table tr td:last-child {
            font-size: 0.9rem; }
      body.single-bukken #maincontent .wrapper #infograph .access #gmap {
        margin-top: 30px; }
      body.single-bukken #maincontent .wrapper #infograph .access a.tomap {
        display: block;
        text-align: center;
        text-decoration: underline;
        margin-top: 20px;
        font-weight: bold;
        color: #333; }
        body.single-bukken #maincontent .wrapper #infograph .access a.tomap::before {
          content: "";
          border-top: 10px solid #dcdcdc;
          border-right: 20px solid transparent;
          border-bottom: 10px solid transparent;
          border-left: 20px solid transparent;
          display: block;
          width: 0;
          margin: 0px auto 0px; }
        body.single-bukken #maincontent .wrapper #infograph .access a.tomap span {
          border: 2px solid #dcdcdc;
          padding: 10px 20px;
          border-radius: 5px;
          display: block;
          color: #686868;
          font-weight: bold;
          margin: 0 10px; }
    body.single-bukken #maincontent .wrapper #infograph .fee {
      padding-top: 30px;
      padding-bottom: 30px;
      padding-left: 20px;
      padding-right: 20px; }
      body.single-bukken #maincontent .wrapper #infograph .fee h2 {
        font-size: 1.3rem;
        font-weight: bold;
        color: #0f4b67;
        margin-bottom: 30px; }
        body.single-bukken #maincontent .wrapper #infograph .fee h2::before {
          content: "／";
          font-weight: normal; }
      body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table, body.single-bukken #maincontent .wrapper #infograph .fee .foods table, body.single-bukken #maincontent .wrapper #infograph .fee .etc table {
        border-top: 1px solid #333;
        border-left: 1px solid #333;
        width: 100%; }
        body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr td, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr td, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr td, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr td {
          border-bottom: 1px solid #333;
          border-right: 1px solid #333;
          padding: 10px 5px;
          font-size: 0.8rem;
          text-align: center; }
          body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr th.red, body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr td.red, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr th.red, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr td.red, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr th.red, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr td.red, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr th.red, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr td.red {
            background-color: #9a071b;
            color: #fff; }
          body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr th.blue, body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr td.blue, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr th.blue, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr td.blue, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr th.blue, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr td.blue, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr th.blue, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr td.blue {
            background-color: #eff5f7; }
          body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr th.pink, body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr td.pink, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr th.pink, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr td.pink, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr th.pink, body.single-bukken #maincontent .wrapper #infograph .fee .foods table tr td.pink, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr th.pink, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr td.pink {
            background-color: #f7e3e5; }
      body.single-bukken #maincontent .wrapper #infograph .fee .kanhi, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan, body.single-bukken #maincontent .wrapper #infograph .fee .foods, body.single-bukken #maincontent .wrapper #infograph .fee .etc {
        margin-bottom: 20px; }
      body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr th {
        min-width: 160px;
        max-width: 200px;
        width: 30%; }
      body.single-bukken #maincontent .wrapper #infograph .fee .etc aside {
        font-size: 0.8rem;
        margin-top: 10px;
        color: #686868; }
      body.single-bukken #maincontent .wrapper #infograph .fee .reference a {
        text-align: center;
        display: block;
        color: #9a071b;
        text-decoration: none;
        font-weight: bold;
        padding: 1rem;
        line-height: 1.3;
        border-radius: 3px;
        border: 2px solid #9a071b; }
        body.single-bukken #maincontent .wrapper #infograph .fee .reference a::before {
          content: "";
          background-image: url(img/arrow_red_mini.svg);
          background-size: contain;
          background-position: center;
          display: inline-block;
          width: 1.5em;
          height: 0.8rem;
          background-repeat: no-repeat;
          margin-right: 5px; }
      body.single-bukken #maincontent .wrapper #infograph .fee > section h3 {
        font-size: 1.2rem;
        margin-bottom: 10px; }
        body.single-bukken #maincontent .wrapper #infograph .fee > section h3::before {
          content: "";
          display: block;
          float: left;
          color: transparent;
          width: 0.6rem;
          height: 0.6rem;
          border: 0.4rem solid #9a071b;
          border-radius: 50%;
          margin-right: 3px; }
      body.single-bukken #maincontent .wrapper #infograph .fee > section table th, body.single-bukken #maincontent .wrapper #infograph .fee > section table td {
        line-height: 1.5; }
    body.single-bukken #maincontent .wrapper #toiawase {
      background: #9a071b;
      padding: 10px 0 10px 10px; }
      body.single-bukken #maincontent .wrapper #toiawase .group .intro {
        display: none; }
      body.single-bukken #maincontent .wrapper #toiawase .group .buttons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        body.single-bukken #maincontent .wrapper #toiawase .group .buttons a {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          display: block;
          background-color: #fff;
          border-radius: 3px;
          box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
          padding: 13px 0;
          text-align: center;
          text-decoration: none;
          margin-right: 10px;
          font-weight: normal;
          font-size: 1.2rem;
          color: #9a071b;
          cursor: pointer; }

@media screen and (min-width: 768px) {
  body.single-bukken #maincontent {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: transparent; }
    body.single-bukken #maincontent .wrapper #bukkentitle, body.single-bukken #maincontent .wrapper #mainvisual, body.single-bukken #maincontent .wrapper #hitokoto, body.single-bukken #maincontent .wrapper #infograph {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto;
      background: #fff; }
    body.single-bukken #maincontent .wrapper #bukkentitle {
      padding: 50px 0px 30px; }
      body.single-bukken #maincontent .wrapper #bukkentitle h1 {
        font-size: 2.3rem; }
      body.single-bukken #maincontent .wrapper #bukkentitle h2 {
        font-size: 1.2rem; }
    body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper {
      width: 700px; }
      body.single-bukken #maincontent .wrapper #mainvisual #image-bloc .bx-wrapper .bx-viewport ul.slider li.slide {
        width: 700px !important; }
    body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_prev {
      margin-top: -3rem; }
      body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_prev a {
        padding: 1rem; }
        body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_prev a::before {
          width: 2rem;
          height: 2rem; }
    body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_next {
      margin-top: -3rem; }
      body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_next a {
        padding: 1rem; }
        body.single-bukken #maincontent .wrapper #mainvisual #image-bloc #contbtns #slide_next a::before {
          width: 2rem;
          height: 2rem; }
    body.single-bukken #maincontent .wrapper #hitokoto {
      background-color: #fff;
      padding-left: 100px;
      padding-right: 100px;
      padding-top: 80px;
      padding-bottom: 0; }
      body.single-bukken #maincontent .wrapper #hitokoto h2 {
        font-size: 1.8rem; }
      body.single-bukken #maincontent .wrapper #hitokoto > ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        body.single-bukken #maincontent .wrapper #hitokoto > ul > li.person {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1; }
          body.single-bukken #maincontent .wrapper #hitokoto > ul > li.person .image img {
            max-width: 100%; }
          body.single-bukken #maincontent .wrapper #hitokoto > ul > li.person .name {
            margin-bottom: 0; }
        body.single-bukken #maincontent .wrapper #hitokoto > ul > li.cont {
          padding-left: 20px;
          -webkit-box-flex: 5;
          -moz-box-flex: 5;
          -ms-flex: 5;
          -webkit-flex: 5;
          flex: 5; }
          body.single-bukken #maincontent .wrapper #hitokoto > ul > li.cont h3 {
            font-size: 1.3rem;
            color: #9a071b; }
          body.single-bukken #maincontent .wrapper #hitokoto > ul > li.cont p {
            font-size: 1rem; }
    body.single-bukken #maincontent .wrapper #infograph {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap;
      padding-left: 100px;
      padding-right: 100px;
      padding-bottom: 80px;
      margin-bottom: 20px; }
      body.single-bukken #maincontent .wrapper #infograph .type h2, body.single-bukken #maincontent .wrapper #infograph .campus h2, body.single-bukken #maincontent .wrapper #infograph .madori h2, body.single-bukken #maincontent .wrapper #infograph .facilities h2, body.single-bukken #maincontent .wrapper #infograph .info h2, body.single-bukken #maincontent .wrapper #infograph .access h2, body.single-bukken #maincontent .wrapper #infograph .fee h2 {
        font-size: 1.8rem;
        padding-left: 0;
        padding-right: 0; }
      body.single-bukken #maincontent .wrapper #infograph .type {
        width: 50%;
        padding: 80px 25px 0 0; }
      body.single-bukken #maincontent .wrapper #infograph .campus {
        width: 50%;
        background-color: transparent;
        padding: 80px 0 0 25px; }
        body.single-bukken #maincontent .wrapper #infograph .campus > ul {
          padding: 0; }
          body.single-bukken #maincontent .wrapper #infograph .campus > ul li {
            width: 50%; }
      body.single-bukken #maincontent .wrapper #infograph .madori {
        width: 50%;
        padding: 80px 25px 0 0; }
      body.single-bukken #maincontent .wrapper #infograph .facilities {
        width: 50%;
        background-color: transparent;
        padding: 80px 0 0 25px; }
      body.single-bukken #maincontent .wrapper #infograph .info {
        width: 100%;
        padding: 80px 0 0; }
      body.single-bukken #maincontent .wrapper #infograph .access {
        width: 100%;
        background-color: transparent;
        padding: 80px 0 0; }
        body.single-bukken #maincontent .wrapper #infograph .access table {
          width: 100%; }
        body.single-bukken #maincontent .wrapper #infograph .access a.topdf {
          display: block;
          text-align: center;
          text-decoration: underline;
          margin-top: 20px;
          font-weight: bold;
          color: #333;
          text-decoration: none; }
          body.single-bukken #maincontent .wrapper #infograph .access a.topdf::before {
            content: "";
            border-top: 10px solid #dcdcdc;
            border-right: 20px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 20px solid transparent;
            display: block;
            width: 0;
            margin: 0px auto 0px; }
          body.single-bukken #maincontent .wrapper #infograph .access a.topdf span {
            border: 2px solid rgba(239, 239, 237, 0.59);
            width: 50%;
            padding: 20px;
            margin: 0 auto;
            display: block; }
      body.single-bukken #maincontent .wrapper #infograph .fee {
        width: 100%;
        padding: 80px 0 0; }
        body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .kanhi table tr td, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .nyukan table tr td, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr th, body.single-bukken #maincontent .wrapper #infograph .fee .etc table tr td {
          font-size: 1rem; }
    body.single-bukken #maincontent .wrapper #toiawase {
      padding: 20px 0 20px 0px; }
      body.single-bukken #maincontent .wrapper #toiawase .group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        /* Safari */
        flex-wrap: nowrap;
        width: 1000px;
        max-width: 1000px;
        margin: 0 auto; }
        body.single-bukken #maincontent .wrapper #toiawase .group .intro {
          display: block;
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          font-size: 1.1rem;
          font-weight: normal;
          color: #fff;
          line-height: 1.5; }
        body.single-bukken #maincontent .wrapper #toiawase .group .buttons {
          -webkit-box-flex: 3;
          -moz-box-flex: 3;
          -ms-flex: 3;
          -webkit-flex: 3;
          flex: 3; }
          body.single-bukken #maincontent .wrapper #toiawase .group .buttons a {
            font-size: 1.5rem; }
            body.single-bukken #maincontent .wrapper #toiawase .group .buttons a:last-child {
              margin-right: 0; } }
body.page-feature #maincontent {
  padding-bottom: 0px; }
  body.page-feature #maincontent .wrapper article h1 {
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.3;
    color: #9a071b;
    margin: 0 0 20px; }
  body.page-feature #maincontent .wrapper article h2 {
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.3;
    color: #9a071b;
    margin: 0 0 20px; }
  body.page-feature #maincontent .wrapper article p {
    line-height: 1.8;
    font-size: 0.9rem; }
  body.page-feature #maincontent .wrapper article .image {
    margin-bottom: 20px; }
    body.page-feature #maincontent .wrapper article .image img {
      display: block; }
  body.page-feature #maincontent .wrapper article#intro {
    padding: 30px 20px 50px;
    overflow: hidden; }
  body.page-feature #maincontent .wrapper article#style {
    margin-bottom: 50px; }
    body.page-feature #maincontent .wrapper article#style h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#style p {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#style ul.buttons {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      padding: 0 10px;
      margin-top: 20px; }
      body.page-feature #maincontent .wrapper article#style ul.buttons li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        text-align: center;
        padding: 10px 0; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li span {
          font-size: 1rem;
          margin-bottom: 5px;
          display: block; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li span::after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border-top: 10px solid #efefed;
            border-bottom: 0px solid transparent;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            margin: 6px auto; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li a {
          color: #fff;
          text-decoration: none;
          display: block; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li h3 {
          font-size: 1.1rem;
          border-radius: 5px; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li h3::after {
            content: "> click";
            color: #fff;
            font-size: 0.6rem;
            margin-top: -10px;
            padding-bottom: 10px;
            opacity: 0.5;
            display: block;
            text-align: center; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li:first-of-type {
          margin-right: 10px; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li:first-of-type span a {
            color: #9a071b; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li:first-of-type h3 {
            background-color: #9a071b; }
            body.page-feature #maincontent .wrapper article#style ul.buttons li:first-of-type h3 a {
              line-height: 4rem;
              height: 4rem; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(2) {
          margin-right: 10px; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(2) span a {
            color: #0f4b67; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(2) h3 {
            background-color: #0f4b67; }
            body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(2) h3 a {
              line-height: 4rem;
              height: 4rem; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(3) span a {
          color: #058739; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(3) h3 {
          background-color: #058739; }
          body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(3) h3 a {
            line-height: 1.3;
            height: 4rem;
            font-size: 0.8rem;
            padding: 0.8rem 0; }
  body.page-feature #maincontent .wrapper article#koryu {
    margin-bottom: 50px; }
    body.page-feature #maincontent .wrapper article#koryu h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#koryu p {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#koryu .tolink {
      font-size: 0.9rem;
      margin-top: 20px;
      color: #0f4b67;
      padding: 0 20px;
      display: inline-block; }
  body.page-feature #maincontent .wrapper article#ra {
    padding-bottom: 50px; }
    body.page-feature #maincontent .wrapper article#ra .widlabel {
      background: #9a071b;
      padding: 5px 10px;
      margin: 0 20px 10px;
      display: inline-block;
      color: #fff;
      font-size: 0.6rem;
      line-height: 1; }
    body.page-feature #maincontent .wrapper article#ra h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#ra p {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#ra .points {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin: 20px 10px 0px 10px; }
      body.page-feature #maincontent .wrapper article#ra .points li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-right: 15px;
        padding: 0 5px 0; }
        body.page-feature #maincontent .wrapper article#ra .points li h3 {
          font-size: 0.8rem;
          font-weight: bold;
          color: #9a071b;
          line-height: 1.3;
          text-align: center;
          /*&::before {
              content:"";
              display: inline-block;
              vertical-align:middle;
              margin-right:10px;
              width:0.8rem;
              height:0.8rem;
              border:3px solid $red01;
              border-radius:50%;
              background-color:transparent;
          }*/ }
        body.page-feature #maincontent .wrapper article#ra .points li img {
          display: block; }
        body.page-feature #maincontent .wrapper article#ra .points li:last-of-type {
          margin-right: 0; }
        body.page-feature #maincontent .wrapper article#ra .points li:nth-child(2) {
          position: relative;
          right: -4px; }
    body.page-feature #maincontent .wrapper article#ra .tolink {
      font-size: 0.9rem;
      margin-top: 10px;
      color: #0f4b67;
      padding: 0 20px;
      display: inline-block;
      border: none;
      outline: none;
      box-shadow: none;
      background: none; }
    body.page-feature #maincontent .wrapper article#ra #modal01 {
      display: none;
      padding: 50px 0px 0; }
      body.page-feature #maincontent .wrapper article#ra #modal01 h3 {
        padding: 0 30px;
        color: #9a071b;
        font-size: 1.5rem;
        font-weight: normal;
        margin: 0 0 20px; }
      body.page-feature #maincontent .wrapper article#ra #modal01 p {
        line-height: 1.8;
        padding: 0 30px;
        font-size: 1rem;
        margin-bottom: 30px; }
        body.page-feature #maincontent .wrapper article#ra #modal01 p span {
          color: body.page-feature #maincontent .wrapper article#ra #modal01 p span red01;
          font-size: 0.8em; }
      body.page-feature #maincontent .wrapper article#ra #modal01 .close {
        background-color: #0f4b67;
        text-align: center; }
        body.page-feature #maincontent .wrapper article#ra #modal01 .close button {
          color: #fff;
          border: none;
          background-color: transparent;
          padding: 20px;
          text-decoration: none;
          line-height: 1.3rem; }
          body.page-feature #maincontent .wrapper article#ra #modal01 .close button::before {
            content: "×";
            width: 1.2rem;
            height: 1.2rem;
            background-color: #fff;
            color: #0f4b67;
            border-radius: 50%;
            padding: 0.1em;
            display: block;
            float: left;
            margin-right: 10px;
            line-height: 1.2rem; }
  body.page-feature #maincontent .wrapper article#time {
    padding: 0 0 50px; }
    body.page-feature #maincontent .wrapper article#time h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#time p {
      padding-left: 20px;
      padding-right: 20px; }
  body.page-feature #maincontent .wrapper article#food {
    padding: 0 0 50px; }
    body.page-feature #maincontent .wrapper article#food .image {
      overflow: hidden; }
      body.page-feature #maincontent .wrapper article#food .image #image-bloc01 {
        position: relative; }
        body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-viewport ul.conts li img {
          display: block; }
        body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-controls {
          position: relative;
          bottom: 20px;
          margin-top: -20px; }
          body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-controls .bx-pager {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center; }
            body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
              margin: 0 5px;
              border-radius: 50%;
              overflow: hidden;
              width: 0.5rem;
              height: 0.5rem; }
              body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
                display: block;
                tex-align: 100%;
                overflow: hidden;
                font-size: 0.5rem;
                position: relative;
                text-decoration: none;
                text-indent: -100%; }
                body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a::after {
                  content: "";
                  background-color: #efefed;
                  opacity: 0.7;
                  width: 0.5rem;
                  height: 0.5rem;
                  position: absolute;
                  top: 0;
                  left: 0;
                  overflow: hidden;
                  border-radius: 50%; }
                body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active::after {
                  opacity: 1; }
        body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .contbtns #slide_prev01 {
          position: absolute;
          top: 50%;
          left: 0; }
          body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .contbtns #slide_prev01 .bx-prev::before {
            content: "";
            background-image: url(img/arrow_white.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            display: block;
            width: 2rem;
            height: 2rem; }
        body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .contbtns #slide_next01 {
          position: absolute;
          top: 50%;
          right: 0; }
          body.page-feature #maincontent .wrapper article#food .image #image-bloc01 .contbtns #slide_next01 .bx-next::before {
            content: "";
            background-image: url(img/arrow_white.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            display: block;
            width: 2rem;
            height: 2rem; }
    body.page-feature #maincontent .wrapper article#food h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#food p {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#food .points {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      margin: 20px 10px 0px 10px; }
      body.page-feature #maincontent .wrapper article#food .points li {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        margin-right: 15px;
        padding: 0 5px 0; }
        body.page-feature #maincontent .wrapper article#food .points li h3 {
          font-size: 0.8rem;
          font-weight: bold;
          color: #9a071b;
          line-height: 1.3;
          text-align: center;
      /*&::before {
      content:"";
      display: inline-block;
      vertical-align:middle;
      margin-right:10px;
      width:0.8rem;
      height:0.8rem;
      border:3px solid $red01;
      border-radius:50%;
      background-color:transparent;
  }*/ }
        body.page-feature #maincontent .wrapper article#food .points li img {
          display: block;
          border-radius: 50%;
          margin-bottom: 8px; }
        body.page-feature #maincontent .wrapper article#food .points li:last-of-type {
          margin-right: 0; }
        body.page-feature #maincontent .wrapper article#food .points li:nth-child(2) {
          position: relative;
          right: -4px; }
    body.page-feature #maincontent .wrapper article#food aside {
      font-size: 0.7rem;
      color: #686868;
      padding: 0 20px 0;
      margin: 20px 0 0;
      line-height: 1.5; }
  body.page-feature #maincontent .wrapper article#facility {
    padding: 0 0 50px; }
    body.page-feature #maincontent .wrapper article#facility .image {
      overflow: hidden; }
      body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 {
        position: relative; }
        body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-viewport ul.conts li img {
          display: block; }
        body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-controls {
          position: relative;
          bottom: 20px;
          margin-top: -20px; }
          body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-controls .bx-pager {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: center;
            justify-content: center; }
            body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
              margin: 0 5px;
              border-radius: 50%;
              overflow: hidden;
              width: 0.5rem;
              height: 0.5rem; }
              body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
                display: block;
                tex-align: 100%;
                overflow: hidden;
                font-size: 0.5rem;
                position: relative;
                text-decoration: none;
                text-indent: -100%; }
                body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a::after {
                  content: "";
                  background-color: #efefed;
                  opacity: 0.7;
                  width: 0.5rem;
                  height: 0.5rem;
                  position: absolute;
                  top: 0;
                  left: 0;
                  overflow: hidden;
                  border-radius: 50%; }
                body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active::after {
                  opacity: 1; }
        body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .contbtns #slide_prev02 {
          position: absolute;
          top: 50%;
          left: 0; }
          body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .contbtns #slide_prev02 .bx-prev::before {
            content: "";
            background-image: url(img/arrow_white.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
            display: block;
            width: 2rem;
            height: 2rem; }
        body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .contbtns #slide_next02 {
          position: absolute;
          top: 50%;
          right: 0; }
          body.page-feature #maincontent .wrapper article#facility .image #image-bloc02 .contbtns #slide_next02 .bx-next::before {
            content: "";
            background-image: url(img/arrow_white.svg);
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            display: block;
            width: 2rem;
            height: 2rem; }
    body.page-feature #maincontent .wrapper article#facility h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#facility p {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#facility aside {
      font-size: 0.7rem;
      color: #686868;
      padding: 0 20px 0;
      margin: 10px 0 0;
      line-height: 1.5; }
    body.page-feature #maincontent .wrapper article#facility .start {
      margin-left: 20px;
      margin-right: 20px;
      border: 1px solid #9a071b;
      padding: 20px;
      margin-top: 30px; }
      body.page-feature #maincontent .wrapper article#facility .start .photo {
        margin-bottom: 20px; }
        body.page-feature #maincontent .wrapper article#facility .start .photo img {
          display: block; }
      body.page-feature #maincontent .wrapper article#facility .start h3 {
        font-weight: normal;
        font-size: 1.2rem;
        margin-bottom: 20px;
        color: #9a071b;
        line-height: 1.3; }
      body.page-feature #maincontent .wrapper article#facility .start p {
        padding: 0; }
      body.page-feature #maincontent .wrapper article#facility .start .points {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin: 20px 10px 0px 10px; }
        body.page-feature #maincontent .wrapper article#facility .start .points li {
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -ms-flex: 1;
          -webkit-flex: 1;
          flex: 1;
          margin-right: 15px;
          padding: 0 5px 0; }
          body.page-feature #maincontent .wrapper article#facility .start .points li h3 {
            font-size: 0.8rem;
            font-weight: bold;
            color: #9a071b;
            line-height: 1.3;
            text-align: center;
            margin-bottom: 0; }
          body.page-feature #maincontent .wrapper article#facility .start .points li img {
            display: block;
            margin-bottom: 8px; }
          body.page-feature #maincontent .wrapper article#facility .start .points li:last-of-type {
            margin-right: 0; }
          body.page-feature #maincontent .wrapper article#facility .start .points li:nth-child(2) {
            position: relative;
            right: -4px; }
  body.page-feature #maincontent .wrapper article#security {
    padding: 0 0 30px; }
    body.page-feature #maincontent .wrapper article#security h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#security p {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#security .points {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap;
      margin: 20px 0px 0px 20px; }
      body.page-feature #maincontent .wrapper article#security .points li {
        width: 33.3333%;
        padding: 0 20px 20px 0; }
        body.page-feature #maincontent .wrapper article#security .points li h3 {
          font-size: 0.8rem;
          font-weight: bold;
          color: #9a071b;
          line-height: 1.3;
          text-align: center; }
        body.page-feature #maincontent .wrapper article#security .points li img {
          display: block;
          border-radius: 50%;
          margin-bottom: 8px; }
        body.page-feature #maincontent .wrapper article#security .points li:last-of-type {
          margin-right: 0; }
        body.page-feature #maincontent .wrapper article#security .points li:nth-child(2) {
          position: relative;
          right: -4px; }
  body.page-feature #maincontent .wrapper article#access {
    margin-bottom: 50px; }
    body.page-feature #maincontent .wrapper article#access h2 {
      padding-left: 20px;
      padding-right: 20px; }
    body.page-feature #maincontent .wrapper article#access p {
      padding-left: 20px;
      padding-right: 20px; }
  body.page-feature #maincontent .wrapper #toguide {
    background: #058739;
    padding: 10px 0 10px 10px; }
    body.page-feature #maincontent .wrapper #toguide .group .link {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.page-feature #maincontent .wrapper #toguide .group .link a {
        text-decoration: none;
        display: block;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
        padding: 13px 0;
        text-align: center;
        margin-right: 10px;
        font-weight: normal;
        font-size: 1.2rem;
        color: #058739;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1; }

@media screen and (min-width: 768px) {
  body.page-feature #maincontent {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: transparent;
    letter-spacing: 0.05em; }
    body.page-feature #maincontent .wrapper article h1 {
      font-size: 4rem;
      margin-left: -0.3rem;
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article h2 {
      font-size: 2.5rem;
      line-height: 1.5;
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article p {
      font-size: 1.2rem;
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article .image {
      margin-bottom: 50px; }
      body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_prev01, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_next01, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_prev02, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_next02, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_prev01, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_next01, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_prev02, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_next02 {
        z-index: 1;
        margin-top: -2rem; }
        body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_prev01 a, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_next01 a, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_prev02 a, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_next02 a, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_prev01 a, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_next01 a, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_prev02 a, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_next02 a {
          display: block; }
          body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_prev01 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_next01 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_prev02 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc01 .contbtns #slide_next02 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_prev01 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_next01 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_prev02 a::before, body.page-feature #maincontent .wrapper article .image #image-bloc02 .contbtns #slide_next02 a::before {
            width: 4rem !important;
            height: 4rem !important;
            display: block; }
    body.page-feature #maincontent .wrapper article#intro, body.page-feature #maincontent .wrapper article#style, body.page-feature #maincontent .wrapper article#koryu, body.page-feature #maincontent .wrapper article#ra, body.page-feature #maincontent .wrapper article#time, body.page-feature #maincontent .wrapper article#food, body.page-feature #maincontent .wrapper article#facility, body.page-feature #maincontent .wrapper article#security, body.page-feature #maincontent .wrapper article#access {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto;
      background: #fff;
      padding-bottom: 150px; }
    body.page-feature #maincontent .wrapper article#intro {
      padding-top: 50px;
      padding-bottom: 60px; }
    body.page-feature #maincontent .wrapper article#style h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#style p {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#style ul.buttons {
      padding-left: 150px;
      padding-right: 150px;
      margin-top: 40px; }
      body.page-feature #maincontent .wrapper article#style ul.buttons li span a {
        font-size: 1.8rem; }
      body.page-feature #maincontent .wrapper article#style ul.buttons li span::after {
        border-top: 20px solid #efefed;
        border-bottom: 0px solid transparent;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        margin: 16px auto; }
      body.page-feature #maincontent .wrapper article#style ul.buttons li h3 {
        font-size: 2rem;
        padding: 10px 0; }
        body.page-feature #maincontent .wrapper article#style ul.buttons li h3::after {
          margin-top: 0px;
          padding-bottom: 15px;
          font-size: 1rem;
          font-weight: normal; }
      body.page-feature #maincontent .wrapper article#style ul.buttons li:first-of-type h3 a, body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(2) h3 a {
        line-height: 5rem;
        height: 5rem; }
      body.page-feature #maincontent .wrapper article#style ul.buttons li:nth-of-type(3) h3 a {
        height: 5rem;
        font-size: 1.3rem; }
    body.page-feature #maincontent .wrapper article#koryu h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#koryu p {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#koryu .tolink {
      font-size: 1.2rem;
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#ra .widlabel {
      margin-left: 150px; }
    body.page-feature #maincontent .wrapper article#ra h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#ra p {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#ra .tolink {
      font-size: 1.2rem;
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#ra .points {
      font-size: 1.2rem;
      padding-left: 150px;
      padding-right: 150px;
      margin: 50px 0 0; }
      body.page-feature #maincontent .wrapper article#ra .points li {
        margin-right: 30px;
        padding: 0; }
        body.page-feature #maincontent .wrapper article#ra .points li img {
          margin: 0 20px 0; }
        body.page-feature #maincontent .wrapper article#ra .points li h3 {
          font-size: 1.2rem;
          font-weight: normal;
          text-align: center; }
    body.page-feature #maincontent .wrapper article#ra #modal01 {
      width: 800px;
      max-width: 100%; }
      body.page-feature #maincontent .wrapper article#ra #modal01 h3 {
        padding: 0px 50px;
        font-size: 3rem;
        margin-left: -0.2rem; }
      body.page-feature #maincontent .wrapper article#ra #modal01 p {
        padding: 0 50px;
        font-size: 1.2rem; }
    body.page-feature #maincontent .wrapper article#time h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#time p {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#food h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#food p {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#food .points {
      font-size: 1.2rem;
      padding-left: 150px;
      padding-right: 150px;
      margin: 50px 0 0; }
      body.page-feature #maincontent .wrapper article#food .points li {
        margin-right: 30px;
        padding: 0; }
        body.page-feature #maincontent .wrapper article#food .points li img {
          margin: 0 0px 20px; }
        body.page-feature #maincontent .wrapper article#food .points li h3 {
          font-size: 1.2rem;
          font-weight: normal;
          text-align: center; }
    body.page-feature #maincontent .wrapper article#food aside {
      padding-left: 150px;
      padding-right: 150px;
      margin-top: 40px;
      font-size: 0.9rem; }
    body.page-feature #maincontent .wrapper article#facility h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#facility p {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#facility aside {
      padding-left: 150px;
      padding-right: 150px;
      margin-top: 40px;
      font-size: 0.9rem; }
    body.page-feature #maincontent .wrapper article#facility .start {
      margin-left: 150px;
      margin-right: 150px;
      padding: 50px;
      border-width: 10px; }
      body.page-feature #maincontent .wrapper article#facility .start .photo {
        margin-bottom: 30px; }
      body.page-feature #maincontent .wrapper article#facility .start .text h3 {
        font-size: 2rem; }
      body.page-feature #maincontent .wrapper article#facility .start .points {
        font-size: 1.2rem;
        margin: 20px 0 0; }
        body.page-feature #maincontent .wrapper article#facility .start .points li {
          margin-right: 30px;
          padding: 0; }
          body.page-feature #maincontent .wrapper article#facility .start .points li img {
            margin: 0 20px 0px; }
          body.page-feature #maincontent .wrapper article#facility .start .points li h3 {
            font-size: 1.2rem;
            font-weight: normal;
            text-align: center; }
    body.page-feature #maincontent .wrapper article#security h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#security .points {
      font-size: 1.2rem;
      padding-left: 150px;
      padding-right: 70px;
      margin: 40px 0 0; }
      body.page-feature #maincontent .wrapper article#security .points li {
        padding: 0 80px 30px 0; }
        body.page-feature #maincontent .wrapper article#security .points li img {
          margin: 0 0px 20px;
          padding: 0 0px; }
        body.page-feature #maincontent .wrapper article#security .points li h3 {
          font-size: 1.2rem;
          font-weight: normal;
          text-align: center; }
    body.page-feature #maincontent .wrapper article#access h2 {
      padding-left: 150px;
      padding-right: 150px; }
    body.page-feature #maincontent .wrapper article#access p {
      padding-left: 150px;
      padding-right: 150px;
      margin: 40px 0 0; }
    body.page-feature #maincontent .wrapper #toguide {
      padding: 20px 0 20px 0px; }
      body.page-feature #maincontent .wrapper #toguide .group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        /* Safari */
        flex-wrap: nowrap;
        width: 1000px;
        max-width: 1000px;
        margin: 0 auto; }
        body.page-feature #maincontent .wrapper #toguide .group .link {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          width: 100%; }
          body.page-feature #maincontent .wrapper #toguide .group .link a {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-size: 1.5rem; }
            body.page-feature #maincontent .wrapper #toguide .group .link a::last-child {
              margin-right: 0; } }
body.page-guide #maincontent {
  padding-bottom: 0px; }
  body.page-guide #maincontent .wrapper .pagetitle {
    width: 100%;
    overflow: hidden;
    padding: 30px 10px 30px; }
    body.page-guide #maincontent .wrapper .pagetitle .icon::before {
      content: "";
      display: block;
      margin: 0 auto;
      background-position: center;
      width: 3rem;
      height: 2rem;
      background-image: url(img/icon06.svg);
      background-repeat: no-repeat;
      background-size: contain; }
    body.page-guide #maincontent .wrapper .pagetitle .text {
      display: block;
      font-size: 1.3rem;
      font-weight: bold;
      text-align: center;
      color: #9a071b;
      padding: 10px 0 0;
      margin-bottom: 0; }
      body.page-guide #maincontent .wrapper .pagetitle .text::before {
        display: block; }
  body.page-guide #maincontent .wrapper .pagemenus {
    cursor: pointer;
    position: relative;
    z-index: 1;
    width: 100%;
    top: 0;
    -moz-transition: all, ease-in-out, 0.5s, 0.5s;
    -o-transition: all, ease-in-out, 0.5s, 0.5s;
    -webkit-transition: all, ease-in-out, 0.5s, 0.5s;
    transition: all, ease-in-out, 0.5s, 0.5s; }
    body.page-guide #maincontent .wrapper .pagemenus .now {
      width: 100%;
      display: block;
      overflow: hidden;
      /*
      ul {
          li {
              display: block;
              background-color:$blue01;
              font-size:1rem;
              color:#fff;
              padding: 15px 10px;
              line-height:1.2rem;
              &:not(.active) {
                  display: none;
              }
              span {
                  display: block;
                  float: left;
                  text-align: center;
                  font-size: 0.8rem;
                  line-height: 1.2rem;
                  margin-right: 6px;
                  padding: 0;
                  font-weight: bold;
                  &::after {
                      content:".";
                  }
              }
              p {
                  display: block;
              }
          }
      }*/ }
      body.page-guide #maincontent .wrapper .pagemenus .now p {
        display: block;
        background-color: #0f4b67;
        font-size: 1rem;
        color: #fff;
        padding: 10px 10px;
        line-height: 1;
        width: 100%;
        overflow: hidden;
        font-size: 0.8rem;
        letter-spacing: 0.1em;
        text-align: center; }
    body.page-guide #maincontent .wrapper .pagemenus .list {
      display: none; }
      body.page-guide #maincontent .wrapper .pagemenus .list ul li {
        background-color: #21607d; }
        body.page-guide #maincontent .wrapper .pagemenus .list ul li a {
          text-decoration: none;
          color: #fff;
          padding: 15px 10px;
          display: block;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          line-height: 1.2rem; }
          body.page-guide #maincontent .wrapper .pagemenus .list ul li a span {
            display: block;
            float: left;
            text-align: center;
            font-size: 0.8rem;
            line-height: 1.2rem;
            margin-right: 6px;
            padding: 0;
            font-weight: bold; }
            body.page-guide #maincontent .wrapper .pagemenus .list ul li a span::after {
              content: "."; }
  body.page-guide #maincontent .wrapper article .title {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
    margin-top: 50px; }
    body.page-guide #maincontent .wrapper article .title h2 {
      font-size: 2rem;
      font-weight: normal;
      color: #9a071b;
      margin-bottom: 20px; }
      body.page-guide #maincontent .wrapper article .title h2 span::after {
        content: "."; }
    body.page-guide #maincontent .wrapper article .title p {
      line-height: 1.5;
      margin-bottom: 20px;
      font-size: 0.9rem; }
  body.page-guide #maincontent .wrapper article .cont {
    padding-left: 20px;
    padding-right: 20px; }
  body.page-guide #maincontent .wrapper article#no1, body.page-guide #maincontent .wrapper article#no2, body.page-guide #maincontent .wrapper article#no3 {
    padding-top: 60px;
    margin-top: -60px;
    position: relative;
    z-index: 0; }
  body.page-guide #maincontent .wrapper article#no1 .title {
    margin-top: 20px; }
    body.page-guide #maincontent .wrapper article#no1 .title .links .toform, body.page-guide #maincontent .wrapper article#no1 .title .links .howto {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      border-radius: 5px;
      background-color: #9a071b;
      align-items: center;
      padding: 1rem;
      line-height: 1.3;
      margin-bottom: 10px; }
      body.page-guide #maincontent .wrapper article#no1 .title .links .toform::before, body.page-guide #maincontent .wrapper article#no1 .title .links .howto::before {
        content: "";
        background-image: url(img/arrow_white_mini.svg);
        background-size: contain;
        background-position: center;
        display: block;
        width: 1.5em;
        height: 0.8rem;
        background-repeat: no-repeat;
        margin-right: 10px; }
      body.page-guide #maincontent .wrapper article#no1 .title .links .toform a, body.page-guide #maincontent .wrapper article#no1 .title .links .howto a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-weight: bold; }
    body.page-guide #maincontent .wrapper article#no1 .title .links .howto {
      background-color: #dcdcdc; }
      body.page-guide #maincontent .wrapper article#no1 .title .links .howto a {
        color: #686868; }
      body.page-guide #maincontent .wrapper article#no1 .title .links .howto::before {
        background-image: url(img/arrow_gray_mini.svg); }
  body.page-guide #maincontent .wrapper article#no1 .cont .months {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    body.page-guide #maincontent .wrapper article#no1 .cont .months li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      -webkit-flex: 1;
      flex: 1;
      border: 2px solid #0f4b67;
      padding: 10px;
      text-align: center;
      border-radius: 5px 5px 0 0;
      line-height: 1.3;
      font-size: 0.8rem;
      font-weight: bold;
      color: #0f4b67; }
      body.page-guide #maincontent .wrapper article#no1 .cont .months li:first-child {
        border-right: 0; }
      body.page-guide #maincontent .wrapper article#no1 .cont .months li.on {
        background-color: #0f4b67;
        color: #fff; }
  body.page-guide #maincontent .wrapper article#no1 .cont .steps {
    border: 2px solid #0f4b67;
    border-top: none; }
    body.page-guide #maincontent .wrapper article#no1 .cont .steps ul {
      padding: 0 10px 0; }
      body.page-guide #maincontent .wrapper article#no1 .cont .steps ul li {
        border-bottom: 1px dashed #0f4b67;
        padding-bottom: 10px; }
        body.page-guide #maincontent .wrapper article#no1 .cont .steps ul li h3 {
          font-size: 0.9rem;
          margin-bottom: 7px;
          padding-top: 10px;
          color: #0f4b67; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps ul li h3::before {
            content: "◎";
            margin-right: 3px; }
        body.page-guide #maincontent .wrapper article#no1 .cont .steps ul li .cont {
          margin: 0;
          padding: 0;
          font-size: 0.8rem;
          line-height: 1.5; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps ul li .cont .red {
            color: #9a071b; }
        body.page-guide #maincontent .wrapper article#no1 .cont .steps ul li.september {
          display: none; }
      body.page-guide #maincontent .wrapper article#no1 .cont .steps ul:last-of-type li {
        border: none; }
  body.page-guide #maincontent .wrapper article#no2 .cont .graph {
    border: 2px solid #0f4b67;
    font-size: 0.8rem;
    line-height: 1.5; }
    body.page-guide #maincontent .wrapper article#no2 .cont .graph h4 {
      line-height: 2;
      background-color: #0f4b67;
      text-align: center;
      color: #fff; }
    body.page-guide #maincontent .wrapper article#no2 .cont .graph .cont {
      padding: 10px; }
      body.page-guide #maincontent .wrapper article#no2 .cont .graph .cont .strong {
        font-weight: bold; }
      body.page-guide #maincontent .wrapper article#no2 .cont .graph .cont .last::before {
        content: "";
        width: 0;
        height: 0;
        display: block;
        margin: 10px auto 10px;
        border-top: 10px solid #efefed;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 0 solid transparent; }
  body.page-guide #maincontent .wrapper article#no2 .cont .caution {
    color: #9a071b;
    margin-top: 20px; }
    body.page-guide #maincontent .wrapper article#no2 .cont .caution h3 {
      font-weight: bold;
      font-size: 0.8rem;
      margin-bottom: 10px;
      line-height: 1.3; }
    body.page-guide #maincontent .wrapper article#no2 .cont .caution p {
      font-size: 0.8rem;
      line-height: 1.5;
      color: #686868; }
  body.page-guide #maincontent .wrapper article#no2 .cont .howto {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    border-radius: 5px;
    background-color: #dcdcdc;
    align-items: center;
    padding: 1rem;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 10px; }
    body.page-guide #maincontent .wrapper article#no2 .cont .howto::before {
      content: "";
      background-image: url(img/arrow_gray_mini.svg);
      background-size: contain;
      background-position: center;
      display: block;
      width: 1.5em;
      height: 0.8rem;
      background-repeat: no-repeat;
      margin-right: 10px; }
    body.page-guide #maincontent .wrapper article#no2 .cont .howto a {
      display: block;
      color: #686868;
      text-decoration: none;
      font-weight: bold; }
  body.page-guide #maincontent .wrapper article#no3 {
    padding-bottom: 50px; }
    body.page-guide #maincontent .wrapper article#no3 .cont {
      font-size: 0.8rem;
      line-height: 1.5; }
      body.page-guide #maincontent .wrapper article#no3 .cont h3 {
        line-height: 1.5;
        margin-bottom: 10px; }
      body.page-guide #maincontent .wrapper article#no3 .cont .single {
        margin-bottom: 20px;
        border-bottom: 1px solid #eeeeee; }
        body.page-guide #maincontent .wrapper article#no3 .cont .single .answer {
          display: none;
          /*height:0;
          overflow: hidden;
          min-height:0px;
          @include transition(all,ease-in-out,0.5s,0.5s);
          &.on {
              min-height:1px;
              height:auto;
          }*/ }
          body.page-guide #maincontent .wrapper article#no3 .cont .single .answer p {
            padding-bottom: 20px; }
        body.page-guide #maincontent .wrapper article#no3 .cont .single:last-of-type {
          border: none;
          margin-bottom: 0; }
  body.page-guide #maincontent .wrapper .tolink {
    background: #058739;
    padding: 10px 0 10px 10px; }
    body.page-guide #maincontent .wrapper .tolink .group .link {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      body.page-guide #maincontent .wrapper .tolink .group .link a {
        text-decoration: none;
        display: block;
        background-color: #fff;
        border-radius: 3px;
        box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);
        padding: 13px 0;
        text-align: center;
        margin-right: 10px;
        font-weight: normal;
        font-size: 1.2rem;
        color: #058739;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1; }
body.page-guide.pagemenufixed #maincontent .wrapper .pagemenus {
  position: fixed;
  top: 65px;
  left: 0;
  border-top: 1px solid body.page-guide.pagemenufixed #maincontent .wrapper .pagemenus blue02; }

@media screen and (min-width: 768px) {
  body.page-guide #maincontent {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: transparent;
    letter-spacing: 0.05em; }
    body.page-guide #maincontent .wrapper .pagetitle {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto;
      background: #fff;
      padding: 50px 10px 50px; }
      body.page-guide #maincontent .wrapper .pagetitle .icon::before {
        width: 3rem !important;
        height: 3rem !important; }
      body.page-guide #maincontent .wrapper .pagetitle .text {
        font-size: 1.5rem;
        border: none;
        padding-bottom: 0;
        padding-top: 20px; }
        body.page-guide #maincontent .wrapper .pagetitle .text::before {
          border-bottom: 3px solid #9a071b;
          padding-bottom: 10px;
          display: inline-block; }
    body.page-guide #maincontent .wrapper .pagemenus {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto; }
      body.page-guide #maincontent .wrapper .pagemenus .now {
        display: none; }
      body.page-guide #maincontent .wrapper .pagemenus .list {
        display: block; }
        body.page-guide #maincontent .wrapper .pagemenus .list ul {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          body.page-guide #maincontent .wrapper .pagemenus .list ul li {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            text-align: center;
            background-color: #0f4b67; }
            body.page-guide #maincontent .wrapper .pagemenus .list ul li a {
              line-height: 3rem;
              font-size: 1.3rem; }
              body.page-guide #maincontent .wrapper .pagemenus .list ul li a span {
                display: inline;
                float: none;
                font-size: 1.3rem;
                font-weight: normal; }
              body.page-guide #maincontent .wrapper .pagemenus .list ul li a p {
                display: inline; }
    body.page-guide #maincontent .wrapper article#no1, body.page-guide #maincontent .wrapper article#no2, body.page-guide #maincontent .wrapper article#no3 {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto;
      background: #fff;
      padding: 50px 100px 50px; }
    body.page-guide #maincontent .wrapper article#no1 .title .links {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center; }
      body.page-guide #maincontent .wrapper article#no1 .title .links > div {
        text-align: center; }
        body.page-guide #maincontent .wrapper article#no1 .title .links > div a {
          width: 100%; }
      body.page-guide #maincontent .wrapper article#no1 .title .links .toform {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        -ms-flex: 2;
        -webkit-flex: 2;
        flex: 2;
        margin-right: 10px; }
        body.page-guide #maincontent .wrapper article#no1 .title .links .toform::before {
          content: none; }
        body.page-guide #maincontent .wrapper article#no1 .title .links .toform a::before {
          content: "";
          background-image: url(img/arrow_white_mini.svg);
          background-size: contain;
          background-position: center;
          width: 1.5em;
          height: 0.8rem;
          background-repeat: no-repeat;
          margin-right: 10px;
          display: inline-block;
          float: none; }
      body.page-guide #maincontent .wrapper article#no1 .title .links .howto {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1; }
        body.page-guide #maincontent .wrapper article#no1 .title .links .howto::before {
          content: none; }
        body.page-guide #maincontent .wrapper article#no1 .title .links .howto a::before {
          content: "";
          background-image: url(img/arrow_gray_mini.svg);
          background-size: contain;
          background-position: center;
          display: inline-block;
          width: 1.5em;
          height: 0.8rem;
          background-repeat: no-repeat;
          margin-right: 10px;
          float: none; }
    body.page-guide #maincontent .wrapper article#no1 .title p {
      font-size: 1rem; }
    body.page-guide #maincontent .wrapper article#no1 .cont {
      margin-top: 50px; }
      body.page-guide #maincontent .wrapper article#no1 .cont .months {
        margin-bottom: -1.4rem; }
        body.page-guide #maincontent .wrapper article#no1 .cont .months li, body.page-guide #maincontent .wrapper article#no1 .cont .months li.on {
          border: none;
          background-color: transparent;
          font-size: 1.2rem;
          line-height: 1.2rem;
          color: #0f4b67;
          display: block;
          width: 6rem;
          position: relative;
          z-index: 1; }
          body.page-guide #maincontent .wrapper article#no1 .cont .months li::before, body.page-guide #maincontent .wrapper article#no1 .cont .months li.on::before {
            content: "";
            width: 14rem;
            height: 2rem;
            margin-left: -7rem;
            margin-top: -1.1rem;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            background-color: #fff;
            z-index: -1; }
      body.page-guide #maincontent .wrapper article#no1 .cont .steps {
        padding-top: 0.7rem;
        position: relative;
        border-left: none;
        border-right: none;
        border-width: 4px;
        border-top: 4px solid #0f4b67; }
        body.page-guide #maincontent .wrapper article#no1 .cont .steps::before {
          content: "";
          width: 2px;
          height: 100%;
          position: absolute;
          left: 50%;
          top: 0;
          background: #0f4b67;
          display: block;
          z-index: -1;
          margin-left: -1px; }
        body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          align-items: center;
          border-bottom: 1px dashed #0f4b67; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul li {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding-bottom: 0;
            border-bottom: none; }
            body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul li h3 {
              display: none; }
            body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul li .cont {
              font-size: 1rem; }
            body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul li.april {
              -webkit-box-ordinal-group: 1;
              -ms-flex-order: 1;
              -webkit-order: 1;
              order: 1; }
            body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul li.september {
              -webkit-box-ordinal-group: 3;
              -ms-flex-order: 3;
              -webkit-order: 3;
              order: 3;
              display: block; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul::before {
            content: "";
            color: #fff;
            text-align: center;
            font-size: 1rem;
            font-weight: bold;
            display: block;
            background-color: #0f4b67;
            border-radius: 50%;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
            width: 9rem;
            height: 9rem;
            padding: 1rem 1rem;
            box-sizing: border-box;
            margin: 20px;
            white-space: pre; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step01::before {
            content: "寮の選択";
            line-height: 1;
            padding-top: 55px; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step02::before {
            content: "入寮申込 \A データの送信";
            line-height: 1.3;
            padding-top: 3.1em; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step03::before {
            content: "応募書類の \A 郵送";
            line-height: 1.3;
            padding-top: 3.1em; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step04::before {
            content: "結果発表";
            line-height: 1;
            padding-top: 55px; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step05::before {
            content: "書類一式の \A 受取";
            line-height: 1.3;
            padding-top: 3.1em; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step06::before {
            content: "書類返送 \A 費用振込み";
            line-height: 1.3;
            padding-top: 3.1em; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step07::before {
            content: "入寮契約";
            line-height: 1;
            padding-top: 55px; }
          body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step08 {
            border: none; }
            body.page-guide #maincontent .wrapper article#no1 .cont .steps > ul.step08::before {
              content: "入寮";
              line-height: 1;
              padding-top: 55px; }
    body.page-guide #maincontent .wrapper article#no2 .title p {
      font-size: 1rem; }
    body.page-guide #maincontent .wrapper article#no2 .cont .graph h4 {
      float: left;
      font-size: 1.3rem;
      display: block;
      padding: 10px 20px; }
    body.page-guide #maincontent .wrapper article#no2 .cont .graph .cont {
      font-size: 1.2rem;
      line-height: 1.5;
      padding: 30px 90px; }
    body.page-guide #maincontent .wrapper article#no2 .cont .caution h3 {
      font-size: 1rem; }
    body.page-guide #maincontent .wrapper article#no2 .cont .caution p {
      font-size: 0.8rem; }
    body.page-guide #maincontent .wrapper article#no2 .cont .howto {
      width: 50%;
      margin: 30px auto 0; }
      body.page-guide #maincontent .wrapper article#no2 .cont .howto::before {
        content: none; }
      body.page-guide #maincontent .wrapper article#no2 .cont .howto a {
        text-align: center;
        width: 100%; }
        body.page-guide #maincontent .wrapper article#no2 .cont .howto a::before {
          content: "";
          background-image: url(img/arrow_gray_mini.svg);
          background-size: contain;
          background-position: center;
          display: inline-block;
          width: 1.5em;
          height: 0.8rem;
          background-repeat: no-repeat;
          margin-right: 10px; }
    body.page-guide #maincontent .wrapper article#no3 {
      margin-bottom: 20px; }
      body.page-guide #maincontent .wrapper article#no3 .title {
        margin-bottom: 40px; }
      body.page-guide #maincontent .wrapper article#no3 .cont .single {
        margin-bottom: 30px; }
        body.page-guide #maincontent .wrapper article#no3 .cont .single .question h3 {
          font-size: 1.2rem;
          font-weight: normal;
          cursor: pointer; }
        body.page-guide #maincontent .wrapper article#no3 .cont .single .answer {
          padding-bottom: 0px; }
          body.page-guide #maincontent .wrapper article#no3 .cont .single .answer p {
            padding-top: 10px;
            line-height: 1.5;
            padding-left: 1.3rem;
            border-left: 15px solid #efefed;
            margin-left: 0px;
            font-size: 1rem;
            line-height: 1.5; }
    body.page-guide #maincontent .wrapper .tolink {
      padding: 20px 0 20px 0px; }
      body.page-guide #maincontent .wrapper .tolink .group {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        /* Safari */
        flex-wrap: nowrap;
        width: 1000px;
        max-width: 1000px;
        margin: 0 auto; }
        body.page-guide #maincontent .wrapper .tolink .group .link {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          width: 100%; }
          body.page-guide #maincontent .wrapper .tolink .group .link a {
            -webkit-box-flex: 1;
            -moz-box-flex: 1;
            -ms-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            font-size: 1.5rem; }
            body.page-guide #maincontent .wrapper .tolink .group .link a::last-child {
              margin-right: 0; } }
body.post-type-archive-interview #maincontent {
  padding-bottom: 50px; }
  body.post-type-archive-interview #maincontent .wrapper .pagetitle {
    width: 100%;
    overflow: hidden;
    padding: 30px 10px 30px; }
    body.post-type-archive-interview #maincontent .wrapper .pagetitle .icon::before {
      margin: 0 auto;
      background-position: center;
      content: "";
      display: block;
      width: 3rem;
      height: 3rem;
      background-image: url(img/icon05.svg);
      background-repeat: no-repeat;
      background-size: contain; }
    body.post-type-archive-interview #maincontent .wrapper .pagetitle .text {
      display: block;
      font-size: 1.3rem;
      font-weight: bold;
      text-align: center;
      color: #9a071b;
      border-bottom: 2px solid #9a071b;
      padding: 10px 0; }
      body.post-type-archive-interview #maincontent .wrapper .pagetitle .text::before {
        display: block;
        content: "先輩学生インタビュー"; }
  body.post-type-archive-interview #maincontent .wrapper .list {
    padding: 0 10px; }
    body.post-type-archive-interview #maincontent .wrapper .list article {
      overflow: hidden;
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom: 1px solid #efefed; }
      body.post-type-archive-interview #maincontent .wrapper .list article .single .eyecatch {
        width: 60px;
        float: left;
        margin: 0 10px 10px 0; }
        body.post-type-archive-interview #maincontent .wrapper .list article .single .eyecatch img {
          border-radius: 50%;
          border: 1px solid #9a071b;
          width: auto;
          height: 60px;
          display: block; }
        body.post-type-archive-interview #maincontent .wrapper .list article .single .eyecatch .name {
          font-size: 0.7rem;
          text-align: center;
          width: 60px;
          margin-top: 5px;
          color: #686868; }
          body.post-type-archive-interview #maincontent .wrapper .list article .single .eyecatch .name span {
            margin-right: 3px;
            font-size: 0.6rem; }
      body.post-type-archive-interview #maincontent .wrapper .list article .single .bukken {
        margin-left: 70px; }
        body.post-type-archive-interview #maincontent .wrapper .list article .single .bukken h2 {
          margin-bottom: 5px; }
          body.post-type-archive-interview #maincontent .wrapper .list article .single .bukken h2 a {
            font-size: 0.8rem;
            color: #686868;
            display: block; }
      body.post-type-archive-interview #maincontent .wrapper .list article .single .comment {
        margin-left: 70px; }
        body.post-type-archive-interview #maincontent .wrapper .list article .single .comment h3 {
          font-size: 1rem;
          font-weight: bold;
          line-height: 1.3; }
        body.post-type-archive-interview #maincontent .wrapper .list article .single .comment p {
          line-height: 1.5;
          font-size: 0.9rem;
          margin-top: 5px; }
      body.post-type-archive-interview #maincontent .wrapper .list article:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0; }

@media screen and (min-width: 768px) {
  body.post-type-archive-interview #maincontent {
    width: 100%;
    max-width: 100%;
    margin: 0;
    background: transparent;
    letter-spacing: 0.05em; }
    body.post-type-archive-interview #maincontent .wrapper .pagetitle {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto;
      background: #fff;
      padding: 50px 10px 50px; }
      body.post-type-archive-interview #maincontent .wrapper .pagetitle .icon::before {
        width: 4rem !important;
        height: 4rem !important; }
      body.post-type-archive-interview #maincontent .wrapper .pagetitle .text {
        font-size: 1.5rem;
        border: none;
        padding-bottom: 0;
        padding-top: 20px; }
        body.post-type-archive-interview #maincontent .wrapper .pagetitle .text::before {
          border-bottom: 3px solid #9a071b;
          padding-bottom: 10px;
          display: inline-block; }
    body.post-type-archive-interview #maincontent .wrapper .list {
      width: 1000px;
      max-width: 1000px;
      margin: 0 auto;
      background: #fff;
      padding: 0px 100px 50px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      /* Safari */
      flex-wrap: wrap; }
      body.post-type-archive-interview #maincontent .wrapper .list article {
        width: 50%;
        padding-right: 30px; } }
body.error404 .pagetitle {
  overflow: hidden;
  padding: 10px;
  padding-top: 50px; }
  body.error404 .pagetitle span {
    font-size: 2rem;
    font-weight: bold;
    color: #9a071b;
    line-height: 2; }
body.error404 article {
  padding: 0 10px 50px; }
  body.error404 article a.totop {
    margin-top: 20px;
    display: block; }

@media screen and (min-width: 768px) {
  body.error404 .pagetitle {
    text-align: center;
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 10px 0px; }
    body.error404 .pagetitle span {
      font-size: 4rem;
      font-weight: bold;
      color: #9a071b;
      line-height: 2; }
  body.error404 article {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 100px 50px;
    text-align: center; } }
body.page-browser-error .wrapper #main {
  padding: 30px 20px 50px;
  overflow: hidden; }
  body.page-browser-error .wrapper #main p {
    line-height: 1.5; }
  body.page-browser-error .wrapper #main table {
    margin-top: 20px;
    border-top: 2px solid #9a071b;
    border-bottom: 2px solid #9a071b; }
    body.page-browser-error .wrapper #main table tr th {
      background-color: #9a071b;
      color: #fff; }
    body.page-browser-error .wrapper #main table tr th, body.page-browser-error .wrapper #main table tr td {
      border-bottom: 1px solid #9a071b;
      padding: 10px;
      font-size: 0.8rem;
      line-height: 1.5; }
      body.page-browser-error .wrapper #main table tr th ul, body.page-browser-error .wrapper #main table tr td ul {
        margin-top: 10px; }
    body.page-browser-error .wrapper #main table tr td:first-of-type {
      font-weight: bold; }
    body.page-browser-error .wrapper #main table tr:last-child td {
      border-bottom: none; }
  body.page-browser-error .wrapper #main .right {
    margin-top: 10px;
    font-size: 0.8rem;
    text-align: right; }

@media screen and (min-width: 768px) {
  body.page-browser-error .wrapper #main {
    width: 1000px;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 50px 100px 50px; }
    body.page-browser-error .wrapper #main table tr th, body.page-browser-error .wrapper #main table tr td {
      font-size: 1rem; } }