/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/
.sp {
  display: none;
}

.pc {
  display: block;
}

@media all and (max-width: 1200px) {
  .l-header__menu-1 li {
    width: 140px;
  }
  .l-header__menu-1 li a {
    padding-left: 55px;
  }
  .l-header__menu-1-2 a {
    background: url(../image/bg-menu2.png) no-repeat left 10px center;
  }
  .l-header__menu-1-3 a {
    background: url(../image/bg-menu3.png) no-repeat left 10px center;
  }
  .l-header__menu-1-4 a {
    background: url(../image/bg-menu4.png) no-repeat left 10px center;
  }
  .l-header__menu-1-5 a {
    background: url(../image/bg-menu5.png) no-repeat left 10px center;
  }

  .l-footer__ptop {
    right: 0;
  }
}
@media all and (max-width: 1024px) {
  .l-header__menu-1 li {
    width: 130px;
  }
  .l-header__menu-1 li a {
    padding-left: 43px;
  }
  .l-header__menu-1-2 a {
    background: url(../image/bg-menu2.png) no-repeat left 4px center;
  }
  .l-header__menu-1-3 a {
    background: url(../image/bg-menu3.png) no-repeat left 4px center;
  }
  .l-header__menu-1-4 a {
    background: url(../image/bg-menu4.png) no-repeat left 4px center;
  }
  .l-header__menu-1-5 a {
    background: url(../image/bg-menu5.png) no-repeat left 4px center;
  }
}
@media all and (max-width: 1186px) {
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

  .full-width {
    width: 100%;
  }

  .full-max-width {
    max-width: 100%;
  }

  body {
    font-size: 14px;
  }

  .l-container {
    width: 92%;
  }

  .u-flex {
    display: block;
  }

  .l-header .menubt {
    z-index: 3;
    width: 47px;
    height: 47px;
    border-radius: 4px;
    top: 15px;
    right: 12px;
    background-color: #85bd4e;
    display: block;
    position: absolute;
    z-index: 1002;
    cursor: pointer;
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
  }
  .l-header .menubt span {
    display: block;
    background: #527bd7;
    border-radius: 0;
    position: absolute;
    top: 17px;
    transition: all 0.4s;
    transform: rotate(0deg);
    width: 31px;
    height: 2px;
    right: 8px;
    background-color: #fff;
  }
  .l-header .menubt .top {
    -webkit-transform: translateY(-400%);
    -ms-transform: translateY(-400%);
    transform: translateY(-400%);
  }
  .l-header .menubt .bottom {
    -webkit-transform: translateY(400%);
    -ms-transform: translateY(400%);
    transform: translateY(400%);
  }
  .l-header .menubt .menuclick1 {
    transform: rotate(-215deg);
  }
  .l-header .menubt .menuclick2 {
    background-color: rgba(255, 255, 255, 0);
  }
  .l-header .menubt .menuclick3 {
    transform: rotate(215deg);
  }
  .l-header .menubt__text {
    color: #fff;
    font-size: 10px;
    width: 100% !important;
    position: absolute;
    left: 5px;
    bottom: 3px;
  }
  .l-header__menu {
    width: 100%;
    display: none;
    padding: 22px 0 22px 0;
  }
  .l-header__menu-2 {
    margin-top: -15px;
    background-color: transparent;
  }
  .l-header__menu-2 li {
    border-left: none;
  }

  .l-header__menu ul {
    height: auto;
  }
  .l-header__menu li {
    width: 100% !important;
    padding: 4px 0;
    border-bottom: 1px solid #fff;
    background: none !important;
    height: auto;
  }
  .l-header__menu .l-header__menu-2-5 {
    border-bottom: none;
  }
  .l-header__menu li a {
    text-align: left;
    font-size: 16px !important;
    color: #fff;
    padding: 0 !important;
    background: none !important;
  }
/*
.l-header__menu-2-1:after {
  font-size: 1px;
  content: "\00a0";
}
*/
  .l-header__menu-2-1 {
    padding: 15px 0 !important;
    height: auto !important;
  }

  .l-header__menu-2-2, .l-header__menu-2-3, .l-header__menu-2-4, .l-header__menu-2-6 {
    padding: 13px 0 !important;
    height: auto !important;
  }
  .l-header__menu-2-5 {
    padding: 10px 0 !important;
    height: auto !important;
  }
  .l-header__menu-2-6 a:hover, .l-header__menu-2-5 a:hover {
    color: #5d8931!important;
  }
  .l-header__inner {
    padding: 14px 0 18px 0;
  }
  .l-header__inner h1 img {
    width: 45px;
  }
  .l-header__logo p {
    display: inline-block;
    font-size: 20px;
    padding-left: 3px;
  }
  .l-header__logo p span {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
  }

  nav {
    position: absolute;
    top: 77px;
    left: 0;
    background-color: rgba(108, 178, 39);
    z-index: 1002;
    display: none;
  }

  .p-news-list li {
    padding: 8px 0 8px 3px;
    border-bottom: 3px solid #c9bdae;
  }
  .p-news-list li span {
    line-height: 20px;
  }
  .p-news-list__date {
    padding-right: 8px;
  }
  .p-news-list__new {
    padding: 0 9px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 9px;
  }

  .p-heading {
    font-size: 16px;
  }
  .p-heading span {
    font-size: 17px;
  }
  .p-heading--news-top span {
    margin-left: 8px;
  }
  .p-heading--news-top::after {
    bottom: -1px;
    padding-right: 5px;
    height: 5px;
  }
  .p-heading--square {
    width: 102px;
    height: 86px;
    padding-top: 15px;
    text-align: center;
  }
  .p-heading--square-blue {
    padding-top: 5px;
    background: url(../image/top/bg-title-lesson-top.png) no-repeat;
    background-size: 102px auto;
  }
  .p-heading--square-green {
    background: url(../image/top/bg-title-point-top.png) no-repeat;
    background-size: 102px auto;
  }
  .p-heading--square-pink {
    background: url(../image/top/bg-discount-top.png) no-repeat;
    background-size: 102px auto;
  }

  .c-btn {
    padding: 5px 30px 5px 22px;
    border-radius: 26px;
  }
  .c-btn--green {
    background: #6cb227 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--green:hover {
    background: #92ae76 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--pink {
    background: #f32444 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--pink:hover {
    background: #ac5961 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--blue {
    background: #527bd7 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--blue:hover {
    background: #8898bc url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--orange {
    background: #f8881a url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--orange:hover {
    background: #8898bc url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .c-btn--white {
    background: url(../image/icon-next-link-black.png) no-repeat right 8px center;
  }
  .c-btn--white:hover {
    background: #d4d4d3 url(../image/icon-next-link-black.png) no-repeat right 8px center;
  }
    .c-btn--white:first-child {
   margin-top: 7px;
  }

  .p-content-top {
    padding-top: 114px;
    background: url(../image/bg-content-sp.png) no-repeat center top 0;
  }

  .p-gradation {
    height: 177px;
  }
  .p-gradation h2 {
    font-size: 22px;
  }
  .p-gradation h2 span {
    font-size: 16px;
    margin-top: 5px;
  }

  .p-breadcumb {
    padding: 7px 0 26px 0;
  }
  .p-breadcumb ul li {
    font-size: 12px;
  }
  .p-breadcumb ul li a {
    padding-right: 17px;
  }

  .p-title-paragraph {
    padding-left: 13px;
  }
  .p-title-paragraph span {
    padding: 0 7px;
    font-size: 20px;
    line-height: 25px;
    margin: 0 auto;
  }

  .p-pagination li {
    margin: 5px 2px;
  }

  .time-table.pc {
    display: none;
  }
#curriculum .p-gradation, #procedure .p-gradation, #menue .p-gradation, #recruit .p-gradation {
  background: url(../image/top/sp_head.jpg) no-repeat!important;
  background-size: cover!important; 
   }

  /*------------------------------------------------------------------------------------------------
    footer
  --------------------------------------------------------------------------------------------------*/
  .l-footer__ptop {
    right: 22px;
    bottom: 20px;
  }
  .l-footer__ptop img {
    width: 27px;
  }
  .l-footer__contact {
    padding: 53px 0;
  }
  .l-footer__contact-info {
    text-align: center;
  }
  .l-footer__contact-info li {
    width: 250px;
    height: 92px;
    margin: 10px;
    display: inline-block;
  }
  .l-footer__contact-info-phone {
    padding-top: 0;
  }
  .l-footer__contact-info-phone a {
    padding-top: 18px;
  }
  .l-footer__contact-info-phone span {
    font-size: 11px;
  }
  .l-footer__contact-info-phone-tel {
    font-size: 16px;
  }
  .l-footer__contact-info-phone-tel-number {
    font-size: 23px !important;
    padding-left: 3px;
  }
.l-footer__contact-info-mail {
  padding-top: 20px;
  padding-left: 38px;
  line-height: 13px;
  display: inline-block;
  background: url(../image/icon-mail.png) no-repeat left 25px top 18px;
  background-size: 25px;
}
  .l-footer__contact-info-mail span{
  line-height: 13px;
  letter-spacing: -1px;
  font-size: 10px;
}

  .l-footer__menu {
    display: none;
  }
  .l-footer__head {
    padding: 20px 0 18px 0;
  }
  .l-footer__head-link a {
    border-radius: 10px;
    padding: 7px 7px 7px 12px;
    padding-left: 34px;
    background: url(../image/icon-mail.png) no-repeat left 10px center;
    background-size: auto 16px;
    font-size: 14px;
    display: inline-block;
  }
  .l-footer__head-link a:hover {
    border-radius: 10px;
  }
  .l-footer address {
    margin: 15px 0;
  }
  .l-footer__phone {
    margin-top: 8px;
  }

  /*--------------------------------------------------------------------------------------------
    index
  --------------------------------------------------------------------------------------------*/
  .banner-top__text {
    top: 12px;
  }
  .banner-top__title {
    font-size: 20px;
  }
  .banner-top__desc {
    font-size: 16px;
    line-height: 1.6;
  }

  .news-top {
    padding: 40px 0;
    background: repeating-linear-gradient(-45deg, #d8d0c5, #d8d0c5 10px, #c8bcad 10px, #c8bcad 20px);
  }
  .news-top .l-container {
    border-radius: 30px;
    padding: 25px 0 17px 0;
  }
  .news-top .p-news-list {
    margin-top: 17px;
    margin-bottom: 23px;
  }

  .lesson-top {
    background: repeating-linear-gradient(-45deg, #e4edf7, #e4edf7 10px, #d8e6f3 10px, #d8e6f3 20px);
    padding-bottom: 50px;
  }
  .lesson-top__item {
    margin-top: 18px;
  }
  .lesson-top__item h3 {
    min-width: 240px;
    padding: 12px 20px;
    font-size: 18px;
  }
  .lesson-top__info {
    width: 100%;
  }
  .lesson-top__text {
    padding: 8px 20px 12px 20px;
  }
  .lesson-top__photo {
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  .lesson-top__photo img {
    max-width: 100%;
  }
  .lesson-top .c-btn {
    margin-top: 14px;
  }

  .discount-top {
    background: repeating-linear-gradient(-45deg, #f7e7e2, #f7e7e2 10px, #f4c8cf 10px, #f4c8cf 20px);
  }
  .discount-top__info {
    padding: 18px 0 53px 0;
  }
  .discount-top__text {
    padding: 7px 12px 10px 12px;
  }
  .discount-top__text-left {
    width: 100%;
  }
  .discount-top__text-left .font-blue {
    color: #319ef3;
  }
  .discount-top__text-right {
    width: 100%;
    font-size: 11px;
  }

  .point-top {
    background: repeating-linear-gradient(-45deg, #eef5e1, #eef5e1 10px, #deeac2 10px, #deeac2 20px);
    margin-bottom: 30px;
  }
  .point-top__list {
    padding: 18px 0 47px 0;
  }
  .point-top__list li {
    margin-bottom: 5px;
  }
  .point-top__number {
    padding-right: 10px;
  }
  .point-top__number img {
    width: 58px;
  }
  .point-top__text span {
    border-bottom: 3px solid #fff600;
  }
  .point-top__title {
    font-size: 18px;
  }

  /*--------------------------------------------------------------------------------------------
    guidance
  --------------------------------------------------------------------------------------------*/
  .guidance {
    margin-top: 47px;
    margin-bottom: 40px;
  }
  .guidance__list {
    text-align: center;
  }
  .guidance__list li {
    width: calc(100% - 20px);
    max-width: 290px;
    border-radius: 7px;
    margin: 10px 10px 30px 10px;
    display: inline-block;
  }
  .guidance__photo img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
  }
  .guidance__text {
    padding: 5px 10px 11px 10px;
  }
  .guidance__title {
    padding-bottom: 3px;
    font-size: 20px;
  }
  .guidance__title span {
    font-size: 16px;
    padding-left: 14px;
  }
  .guidance__desc {
    text-align: left;
    margin: 10px 0 33px 0;
    line-height: 1.4;
  }
  .guidance .information__list li {
    margin: 10px 10px 30px 10px;
  }

  /*--------------------------------------------------------------------------------------------
    lesson
  --------------------------------------------------------------------------------------------*/
  .lesson {
    padding: 47px 0 14px 0;
  }
  .lesson li {
    margin-bottom: 53px;
  }
  .lesson__title span {
    padding: 0 7px;
    font-size: 22px;
    margin-left: 13px;
  }
  .lesson__photo {
    width: 100%;
    margin-top: 18px;
    text-align: center;
  }
  .lesson__photo img {
    width: auto;
    max-width: 100%;
  }
  .lesson__text {
    width: 100%;
    margin-top: 14px;
  }
  .lesson__desc {
    margin-bottom: 12px;
  }

  /*--------------------------------------------------------------------------------------------
    menue
  --------------------------------------------------------------------------------------------*/
  .menue {
    padding-top: 47px;
    padding-bottom: 50px;
  }
  .menue h4 {
    margin: 33px 0 9px 0;
    font-size: 18px;
  }
  .menue__table {
    margin-bottom: 16px;
  }
  .menue__table td {
    font-size: 12px;
    padding: 3px;
  }
  .menue__info2 h4 {
    margin-top: 30px;
  }
  .menue__info2 table {
    margin-right: 14px;
    display: inline-block;
  }

  /*--------------------------------------------------------------------------------------------
    news
  --------------------------------------------------------------------------------------------*/
  .news {
    margin: 47px 0 67px 0;
    padding: 37px 0 33px 0;
  }
  .news__list {
    margin: 0 auto;
    text-align: center;
  }
  .news__list li {
    width: 290px;
    max-width: 100%;
    border-radius: 7px;
    padding: 12px 12px 40px 12px;
    margin: 0 10px 33px 10px !important;
    display: inline-block;
  }
  .news__date {
    padding: 10px 0 7px 0;
  }
  .news__title {
    font-size: 18px;
    padding-top: 12px;
  }

  .news-detail {
    margin: 40px 0 67px 0;
  }
  .news-detail__info {
    padding: 40px 0;
  }
  .news-detail__info-content {
    width: 420px;
    max-width: 100%;
    border-radius: 7px;
    padding: 20px 20px 14px 20px;
  }
  .news-detail__title {
    margin: 8px 0 3px 0;
    font-size: 18px;
  }
  .news-detail__date {
    padding-left: 25px;
    line-height: 21px;
    background: url(../image/news/icon-calendar.png) no-repeat left center;
    background-size: auto 21px;
    font-size: 14px;
  }
  .news-detail__desc {
    margin-top: 7px;
    font-size: 14px;
  }
  .news-detail__link {
    margin-top: 24px;
  }

  /*--------------------------------------------------------------------------------------------
    contact
  --------------------------------------------------------------------------------------------*/
  .contact {
    margin-top: 33px;
    padding-bottom: 67px;
  }
  .contact__intro {
    margin-bottom: 23px;
  }
  .contact__intro p {
    font-size: 16px;
    margin-bottom: 14px;
  }
  .contact__desc {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.4;
  }
  .contact__form {
    width: 100%;
    padding: 23px 20px 10px 20px;
    margin: 0 auto 20px auto;
    border-radius: 7px;
    font-size: 12px;
  }
  .contact__form-table1 {
    margin-bottom: 3px;
  }
  .contact__form-table2 {
    margin-top: 3px;
    padding-top: 14px;
    border-top: 4px solid #fff;
  }
  .contact__form-note {
    margin-bottom: 14px;
  }
  .contact__form table {
    width: 270px;
    margin: 0 auto;
  }
  .contact__form table th {
    width: 100%;
    float: left;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 0;
  }
  .contact__form table td {
    width: 100%;
    float: left;
    padding-bottom: 14px;
  }
  .contact__require {
    margin-top: 2px;
    padding: 0 2px 2px 2px;
    float: none;
    margin-left: 10px;
  }
  .contact input[type=text],
.contact textarea {
    width: 250px;
    max-width: 100%;
    padding: 3px 7px;
  }
  .contact input[type=radio] {
    width: 16px;
    height: 16px;
  }
  .contact textarea {
    height: 80px;
  }
  .contact .input-110 {
    width: 70px !important;
  }
  .contact .input-45 {
    width: 35px !important;
    padding: 3px 0 !important;
  }
  .contact .input-140 {
    width: 110px !important;
  }
  .contact .input-160 {
    width: 130px !important;
  }
  .contact__list-input-label {
    margin: 0 5px 0 2px;
  }
  .contact__list-input-column li {
    margin-top: 8px;
  }
  .contact__list-input-column li p {
    font-size: 11px;
  }
  .contact__btn-box li {
    margin: 0 15px;
  }

  .contact .nice-select {
    padding: 3px 7px;
    width: 250px;
  }
  .mwform-radio-field-text {
    margin-left: 20px;
  }

  /*--------------------------------------------------------------------------------------------
    curriculum
  --------------------------------------------------------------------------------------------*/
  .curriculum {
    margin-top: 47px;
    margin-bottom: 67px;
  }
  .curriculum__photo {
    max-width: 100%;
    margin-top: 43px;
  }
  .curriculum .sp {
    display: inline-block;
  }

  /*--------------------------------------------------------------------------------------------
    procedure
  --------------------------------------------------------------------------------------------*/
  .procedure {
    margin: 47px 0 67px 0;
  }
  .procedure__intro {
    margin: 14px 0;
  }
  .procedure__table-box {
    margin-bottom: 20px;
  }
  .procedure__table-box p {
    font-size: 12px;
  }
  .procedure__table-box table {
    margin-bottom: 7px;
    width: 677px;
  }
  .procedure__table-box table td {
    padding: 3px 5px 5px 9px;
    font-size: 12px;
  }
  .procedure__table-box table td p {
    margin: 2px 0;
  }

  /*--------------------------------------------------------------------------------------------
    information 2
  --------------------------------------------------------------------------------------------*/
  .information2 {
    margin: 47px 0 67px 0;
  }
  .information2__list {
    margin-top: 40px;
  }
  .information2__list li {
    margin-bottom: 22px;
  }
  .information2__list li:nth-child(2n+0) .information2__title {
    padding-right: 20px;
  }
  .information2__list li:nth-child(2n+0) .information2__title::before {
    background: url(../image/icon-next-title.png) no-repeat;
    background-size: 18px auto;
  }
  .information2__photo {
    width: 100%;
  }
  .information2__photo img {
    width: auto;
    max-width: 100%;
  }
  .information2__info {
    width: 100%;
  }
  .information2__title {
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 8px;
    margin: 20px 0 10px 0;
  }
  .information2__title::before {
    bottom: -10px;
    width: 18px;
    height: 20px;
    background: url(../image/icon-prev-title.png) no-repeat;
    background-size: 18px auto;
  }
  .information2__desc {
    padding-left: 20px;
  }

  /*--------------------------------------------------------------------------------------------
    qa
  --------------------------------------------------------------------------------------------*/
  .qa {
    margin: 47px 0 74px 0;
  }
  .qa__list {
    margin-top: 16px;
  }
  .qa__list dt {
    padding-left: 32px;
    padding-right: 9px;
    margin-bottom: 9px;
    line-height: 16px;
    background: url(../image/qa/icon-q.png) no-repeat left 10px top;
    background-size: auto 16px;
  }
  .qa__list dd {
    padding: 9px 9px 9px 32px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background: #fff9e7 url(../image/qa/icon-a.png) no-repeat left 10px top 9px;
    background-size: auto 16px;
    margin-bottom: 27px;
  }

  /*--------------------------------------------------------------------------------------------
    access
  --------------------------------------------------------------------------------------------*/
  .access {
    margin: 47px 0 67px 0;
  }
  .access h4 {
    font-size: 18px;
    padding-bottom: 7px;
  }
  .access__info1 iframe {
    height: 300px;
    margin-bottom: 3px;
    margin-top: 30px;
  }
  .access__info1 h4 {
    margin-top: 16px;
  }
  .access__info1-text {
    margin: 10px 0 63px 0;
    line-height: 1.4;
  }
  .access__info2 h4 {
    margin-top: 40px;
  }
  .access__info2-text {
    margin-top: 14px;
  }
  .access__info2-text-left {
    width: 100%;
  }
  .access__info2-text-right {
    width: 100%;
    margin-top: 30px;
  }
  .access__info2-text-right img {
    max-width: 100%;
  }
  .access__info2-text-right-list {
    text-align: center;
  }
  .access__info2-text-right-list li {
    margin: 3px 2px;
  }
  .access__info2-text-right-list li .c-btn {
    width: 300px;
  }
  .access__info2-text-right-list li .bg-pink {
    background: #fd05fd url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-pink:hover {
    background: #cc69cb url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-purple {
    background: #990499 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-purple:hover {
    background: #a469a3 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-red {
    background: #d00031 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-red:hover {
    background: #ba677a url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-green {
    background: #31cc01 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-green:hover {
    background: #7bb966 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-blue {
    background: #290597 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-blue:hover {
    background: #7869a2 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-purple2 {
    background: #670669 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-text-right-list li .bg-purple2:hover {
    background: #906a90 url(../image/icon-next-link.png) no-repeat right 8px center;
  }
  .access__info2-title--1 {
    font-size: 14px;
  }
  .access__info2-desc--1 {
    margin: 5px 0 20px 0;
    font-size: 10px;
  }
  .access__info2-title--2 {
    padding: 0px 3px 2px 3px;
    margin-bottom: 3px;
  }
  .access__info2-desc--2 {
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 1.4;
  }
  .access__detail-info {
    margin: 17px 0 23px 0;
  }
  .access__detail-info .u-flex {
    margin-top: 20px;
  }
  .access__detail-info-photo {
    margin-left: 7px;
    width: 100%;
  }
  .access__detail-info-photo img {
    max-width: 100%;
    width: auto;
  }
  .access__detail-info-text {
    width: 100%;
    margin-top: 20px;
  }
  .access__detail-info-text-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .access__detail-info-text-desc {
    margin-bottom: 14px;
  }
  .access__detail-photo {
    margin: 53px 0 42px 0;
  }
  .access__detail-photo img {
    max-width: 100%;
  }
  .access__detail-table {
    margin: 10px;
    width: auto;
    max-width: auto;
    text-align: center;
  }
  .access__detail-table .sp {
    margin: 10px 0;
  }
  .access__detail-table p {
    margin-top: 10px;
  }
  .access__detail-table .time-table {
    margin: 0 auto;
  }
  .access__detail-table .time-table.sp {
    display: inline-block;
    margin: 10px;
  }
  .access__detail-table p {
    margin-bottom: 3px;
  }
  .access__detail-table th {
    text-align: center;
  }
  .access__detail-btn {
    margin-top: 14px;
  }
  .access__detail-btn .c-btn {
    width: 100px;
  }

  /*--------------------------------------------------------------------------------------------
    privacy
  --------------------------------------------------------------------------------------------*/
  .privacy {
    margin: 47px 0 67px 0;
  }
  .privacy__intro {
    margin: 27px 0 17px 0;
  }
  .privacy__list li {
    margin-bottom: 17px;
    padding-left: 5px;
  }

  /*--------------------------------------------------------------------------------------------
    question
  --------------------------------------------------------------------------------------------*/
  .question {
    margin: 83px 0 67px 0;
  }
  .question__tab {
    margin: 30px 0 17px 0;
  }
  .question__tab-title {
    font-size: 18px;
    padding-bottom: 3px;
  }
  .question__tab-title span {
    padding-left: 3px;
    font-size: 13px;
  }
  .question__tab-list {
    margin-top: 10px;
    text-align: center;
  }
  .question__tab-list li {
    text-align: left;
    margin: 7px 16px 7px 16px;
    padding-left: 23px;
    line-height: 14px;
    padding-bottom: 3px;
    background: url(../image/question/icon-down-tab-question.png) no-repeat left 4px top;
    background-size: 14px auto;
    width: 100px;
  }

  .question__info {
    padding-top: 20px;
  }
  .question__info-title {
    padding-bottom: 3px;
    padding-left: 23px;
    line-height: 17px;
    font-size: 20px;
    margin-bottom: 14px;
    background: url(../image/question/icon-down-title-question.png) no-repeat left top;
    background-size: auto 17px;
  }
  .question__info-text dt {
    margin: 0 0 8px 12px;
    line-height: 17px;
    padding-left: 22px;
    background: url(../image/question/icon-q-question.png) no-repeat left top;
    background-size: auto 17px;
  }
  .question__info-text dd {
    margin-bottom: 26px;
  }
  .question__info-text-1 {
    margin-left: 12px;
  }
  .question__info-text-1-title {
    padding: 0 5px 0px 5px;
    border-radius: 2px;
  }
  .question__info-text-1-desc {
    margin: 5px 0 3px 0;
  }
  .question__info-text-2 {
    padding: 7px 12px 10px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .question__info-text-2-title {
    padding: 0 5px;
    margin-bottom: 5px;
    border-radius: 2px;
  }
  .question__info-text-2 .font-small {
    font-size: 12px;
  }

  /*--------------------------------------------------------------------------------------------
    environment
  --------------------------------------------------------------------------------------------*/
  .environment {
    margin: 43px 0 63px 0;
  }
  .environment h3 {
    margin-bottom: 27px;
  }
  .environment__desc {
    margin-bottom: 18px;
  }
  .environment__list {
    margin-left: 26px;
    margin-bottom: 19px;
  }
  .environment__list li {
    padding-left: 3px;
  }
  .environment__title {
    font-size: 16px;
  }

  /*--------------------------------------------------------------------------------------------
    recruit
  --------------------------------------------------------------------------------------------*/
  .recruit {
    margin: 47px 0 67px 0;
  }
  .recruit__intro {
    margin-top: 23px;
    margin-bottom: 35px;
  }
  .recruit__intro p {
    margin-bottom: 18px;
  }
  .recruit__title {
    font-size: 18px;
    margin-bottom: 8px;
  }
  .recruit table th, .recruit table td {
    padding: 6px 14px;
    line-height: 1.4;
  }
  .recruit table th {
    width: 105px;
  }
}
@media all and (max-width: 480px) {
  .banner-top__text {
    display: none;
  }
}

/*# sourceMappingURL=mobile.css.map */