@charset "UTF-8";
@media screen and (max-width: 767px) {
  /*============================================

  	BASE

  ============================================*/
  body {
    min-width: 100%;
    padding-top: 52px;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
  }
  a {
    transition: none !important;
  }
  .fs_sm {
    font-size: 13px;
  }
  /*--------------------------------------------

  	共通部分

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

  	HEADER

  -------------------------------------*/
  #hbgNavi {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #hbgNavi.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    background: #ffffff;
  }
  header .h_tel {
    margin-top: 20px;
  }
  header .h_tel .num {
    display: inline-block;
    margin-top: 15px;
  }
  header .h_tel .txt {
    display: block;
  }
  header .header_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  header .h_logo {
    width: 70%;
    min-width: 240px;
    max-width: 300px;
    padding: 0 0 0 15px;
    padding-left: 15px;
  }
  header .h_logo a {
    width: auto;
  }
  .search_box {
    flex-direction: column-reverse;
    width: 100%;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff;
  }
  .search_box .header_subnav {
    flex-wrap: wrap;
    width: calc(100% + 1em);
    margin: -1em -0.5em 0;
  }
  .search_box .header_subnav > li {
    width: 50%;
    margin-top: 1em;
    border-bottom: none;
  }
  .search_box .header_subnav > li > a {
    padding: 0.6em;
  }
  .search_box > form {
    width: 100%;
    margin-bottom: 15px;
  }
  .search_box .search_input {
    height: 36px;
  }
  .search_box .search_input .submit {
    width: 36px;
    height: 36px;
  }
  .search_box input {
    font-size: 16px;
  }
  #cse-search-results iframe {
    width: 100% !important;
    height: 2760px;
  }
  /*drawer*/
  .drawer-hamburger {
    position: static;
    top: 0;
    margin: 0;
    padding-right: 13px;
    padding-bottom: 25px;
    background: #225d85;
  }
  .drawer-hamburger-icon {
    background-color: #ffffff;
  }
  .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
    background-color: #ffffff;
  }
  .drawer--right .drawer-nav {
    right: -100%;
    transform: translateY(52px);
    width: 100%;
  }
  .drawer--right.drawer-open .drawer-nav {
    transform: translateY(52px);
  }
  .drawer--right.drawer-open header .header_wrap {
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
  }
  .drawer-nav {
    background: #225d85;
  }
  .drawer--right .drawer-menu {
    position: absolute;
    top: 52px;
    width: 100%;
    margin-top: -104px;
    padding: 20px 20px;
    padding-top: 52px;
    padding-bottom: 52px;
    text-align: center;
  }
  .drawer-overlay {
    z-index: 99;
    background-color: transparent;
  }
  .drawer-menu .h_logo {
    width: 60%;
    min-width: 60%;
  }
  .drawer-menu li {
    width: 100%;
    margin-bottom: 0;
    border-bottom: solid 1px #ffffff;
  }
  .drawer-menu .nav_item {
    display: block;
    padding: 10px 0;
    color: #ffffff;
    font-size: 14px;
  }
  .drawer-menu .course ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 5px;
  }
  .drawer-menu .course li {
    width: 49%;
    margin: 0 auto;
    /* margin-top: 10px; */
    margin-bottom: 10px;
    border-bottom: none;
  }
  .drawer-menu .course_item {
    display: block;
    position: relative;
    padding-top: 50%;
    border-bottom: none;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .drawer-menu .course_item.course01 {
    background-image: url(../images/common/img_menu07.jpg);
  }
  .drawer-menu .course_item.course02 {
    background-image: url(../images/common/img_menu08.jpg);
  }
  .drawer-menu .course_item.course03 {
    background-image: url(../images/common/img_menu11.jpg);
  }
  .drawer-menu .course_item span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 0;
    background: #659abd;
    color: #ffffff;
    line-height: 1;
  }
  .drawer-menu .course .recruit {
    width: 100%;
    margin: 5px 0;
    border-bottom: solid 1px #ffffff;
  }
  .drawer-menu .course .recruit .nav_item {
    background: #ffffff;
    color: #225d85;
  }
  .drawer-menu .nav_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
  }
  .drawer-menu .nav_btns li {
    width: 48%;
    border-bottom: none;
  }
  .drawer-menu .nav_btns li.col_3 {
    width: 30.666%;
  }
  .drawer-menu .nav_btns li:nth-child(n+3) {
    margin-top: 10px;
  }
  .drawer-menu .nav_btns a {
    display: block;
    padding-top: 35px;
    background: #ffffff;
    background-position: center top 10px;
    background-repeat: no-repeat;
    color: #225d85;
    font-size: 12px;
    line-height: 1;
  }
  .drawer-menu .nav_btns a.access {
    background-image: url(../images/common/icon_map_bl.png);
    background-size: 15px;
  }
  .drawer-menu .nav_btns a.contact {
    background-image: url(../images/common/icon_mail_bl.png);
    background-size: 26px;
  }
  .drawer-menu .nav_btns a.book {
    background-image: url(../images/common/icon_book_bl.png);
    background-size: 30px;
  }
  .drawer-menu .nav_btns a.op {
    background-image: url(../images/common/icon_open_bl.png);
    background-size: 22px;
  }
  .drawer-menu .nav_btns a.btn05 {
    background-image: url(../images/common/icon_orien_bl.png);
    background-size: 22px;
  }
  .drawer-menu .nav_btns a.pamph {
    background-image: url(../images/common/icon_book02_bl.png);
    background-size: 22px;
  }
  .drawer-menu .nav_btns a.consultation {
    background-image: url(../images/common/icon_consultation_bl.png);
    background-position: center top 6px;
    background-size: 26px;
  }
  .drawer-menu .nav_small {
    display: flex;
    margin-top: 10px;
    border-top: solid 1px #ffffff;
  }
  .drawer-menu .nav_small li {
    width: 50%;
    border-bottom: none;
  }
  .drawer-menu .nav_small li a {
    font-size: 13px;
  }
  .drawer-menu .nav_bottom {
    margin-top: 15px;
  }
  .drawer-menu .nav_bottom .upper {
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px #ffffff;
    color: #ffffff;
    font-size: 13px;
    line-height: 1;
  }
  .drawer-menu .nav_bottom .bottom {
    display: inline-block;
    padding-left: 1em;
    color: #ffffff;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    text-indent: -1em;
  }
  .drawer-menu .sns {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
  }
  .drawer-menu .sns .item {
    margin: 0 10px;
  }
  /*.drawer-menu-item {
  	color: #222;
  	font-size: 15px;
  	display: block;
  	padding: 10px 0;
  	position: relative;
  }*/
  /*.drawer-menu-item:after {
  	content: '';
  	background: url(../images/common/drawer_arrow.png) no-repeat;
  	position: absolute;
  	right: 15px;
  	top: 50%;
  	transform: translateY(-50%);
  	width: 7px;
  	height: 14px;
  	background-size: contain;
  }*/
  .drawer-menu-item:hover {
    color: #222222;
    text-decoration: none;
  }
  /*ドロップダウン*/
  .drawer-dropdown.open > .drawer-dropdown-menu li {
    border-bottom: solid 1px #eeeeee;
  }
  .drawer-dropdown.open > span.drawer-menu-item {
    background: #225d85;
    color: #ffffff;
  }
  .drawer-dropdown.open > .nav_item:after {
    background: url(../images/common/drawer_arrow_open.png) no-repeat;
    background-size: contain;
  }
  .drawer-dropdown > .nav_item:after {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 14px;
    height: 7px;
    background: url(../images/common/drawer_arrow_close.png) no-repeat;
    background-size: contain;
    content: "";
  }
  .drawer-dropdown > .nav_item {
    position: relative;
  }
  .drawer-dropdown ul .nav_item {
    color: #225d85;
  }
  .drawer-dropdown-menu {
    position: relative;
  }
  .drawer-dropdown-menu .drawer-dropdown-pop {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 50px 10px;
    background: #5689ab;
    color: #ffffff;
  }
  .pe_none {
    pointer-events: none;
  }
  .drawer-menu nav {
    /* margin-top: 10px; */
  }
  .drawer-menu .btn_contact {
    margin-right: auto;
    margin-left: auto;
  }
  .drawer-hamburger:hover {
    background: #225d85;
  }
  /*-------------------------------------

  	FOOTER

  -------------------------------------*/
  .catch_img {
    height: 200px;
    margin-top: 0;
    background: url(../images/common/img_catch_sp.jpg) no-repeat top center;
    background-size: cover;
  }
  .catch_img .txt {
    top: 30%;
    font-size: 18px;
  }
  .catch_img .img_txt {
    position: absolute;
    bottom: 15%;
    width: 100%;
    text-align: center;
  }
  .catch_img .img_txt img {
    max-width: 80%;
  }
  footer {
    background-position: center;
  }
  footer .footer_inner {
    display: block;
    padding: 20px 0;
  }
  footer .f_top {
    padding: 0 20px 20px;
    text-align: center;
  }
  footer .f_top_inner {
    display: block;
  }
  footer .f_top_inner .txt {
    margin-top: 5px;
    padding-left: 0;
    font-size: 12px;
    line-height: 1.3;
    text-align: left;
  }
  footer .f_top .f_txt {
    margin: 0;
  }
  footer .f_logo {
    width: 80%;
    margin: 0 auto 10px;
  }
  footer .f_top .f_address {
    display: inline-block;
    margin-top: 20px;
    margin-left: 0;
    text-align: left;
  }
  footer .f_mid {
    padding: 20px 0;
  }
  footer .f_mid > nav,
  footer .f_mid > .f_mid_bottom {
    display: none;
  }
  footer .f_mid_bnr {
    max-width: 90%;
    margin: 0 auto;
  }
  footer .fx_bnr {
    justify-content: center;
  }
  footer .fx_bnr > .item {
    max-width: 70%;
  }
  footer .f_bottom {
    padding: 20px 0 0 0;
  }
  footer .f_bottom .item {
    display: block;
  }
  footer .f_bottom .item + .item {
    margin-top: 15px;
  }
  footer .f_bottom .logo_box {
    width: 80%;
    margin: 15px auto 0;
    text-align: center;
  }
  footer .f_bottom .logo_box:first-child {
    margin-top: 0;
  }
  footer .btn_contact {
    margin-right: auto;
    margin-left: auto;
  }
  footer .copy {
    padding: 15px 20px 10px 20px;
    font-size: 11px;
    text-align: center;
  }
  footer .f_sns {
    justify-content: center;
    margin-top: 15px;
    margin-left: 0;
  }
  .fix-navi {
    top: inherit;
    bottom: 5%;
  }
  .fix-navi.fixed {
    top: inherit;
    bottom: 5%;
  }
  .fix-navi .fix_item {
    width: 45px;
    height: 45px;
    padding-top: 45px;
    background-position: center !important;
    font-size: 0;
  }
  .fix-navi .fix_item.pamphlet {
    font-size: 0;
  }
  .fix-navi .fix_item:not(.totop) {
    display: none;
  }
  /*============================================

  	PAGE CSS

  ============================================*/
  .flex_imgside > .item {
    flex-direction: column;
  }
  .flex_imgside > .item:nth-child(even) {
    flex-direction: column;
  }
  .flex_imgside > .item:nth-child(even) > .conts {
    padding-right: 0;
  }
  .flex_imgside > .item + .item {
    margin-top: 1.5em;
    padding-top: 1.5em;
  }
  .flex_imgside > .item > .imgbox {
    width: 100%;
  }
  .flex_imgside > .item > .imgbox .ofi_wrap .photo_info {
    padding: 0.8em 0.6em;
    font-size: 14px;
  }
  .flex_imgside > .item > .imgbox .ofi_wrap .photo_info .lg {
    font-size: 16px;
  }
  .flex_imgside > .item > .conts {
    width: 100%;
    margin-top: 1.5em;
    padding-left: 0;
  }
  .flex_imgside > .item > .conts > .text + .text {
    margin-top: 0.6em;
  }
  .ttl_01 {
    margin-bottom: 5px;
    font-size: 20px;
  }
  .ttl_sub_en {
    font-size: 14px;
  }
  .container {
    padding: 50px 0;
  }
  .inner-main,
  .inner-second {
    padding: 0 5%;
  }
  .sec_sub:not(:first-child) {
    padding-top: 50px;
  }
  .btn {
    margin-top: 30px;
  }
  .btn_primary {
    width: 80%;
    margin: 0 auto;
    padding: 18px 0;
    font-size: 14px;
  }
  .arrow_wh:after {
    right: 5px;
    width: 8px;
    height: 12px;
    background-size: 7px;
    -webkit-background-size: 7px;
  }
  .ttl_02 {
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 24px;
  }
  .sec_ttl {
    margin-bottom: 15px;
    font-size: 16px;
  }
  .sec_ttl span.en {
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3;
  }
  .ttl_serif {
    font-size: 20px;
  }
  .ttl_bdl {
    padding: 0.1em 0.8em 0.3em;
    font-size: 18px;
  }
  .ttl_bdl.head {
    padding-left: 1.8em;
  }
  .ttl_bdl.head > span {
    left: 0.6em;
  }
  .ttl_bdlsm {
    padding: 0 0.3em 0.3em;
    padding-left: 0.5em;
    font-size: 15px;
  }
  .ttl_bg {
    padding: 0.5em 0.8em;
    font-size: 16px;
  }
  .ttl_bg.head {
    padding-left: 2.5em;
  }
  .ttl_bg.head > span {
    left: 0.6em;
  }
  .ttl_bg.lg {
    font-size: 18px;
  }
  .ttl_color {
    font-size: 15px;
  }
  .ttl_color.head {
    position: relative;
    padding-left: 2em;
  }
  .ttl_color.head > span {
    position: absolute;
    left: 0;
  }
  .box_sec {
    padding-top: 3.5em;
    padding-bottom: 3.5em;
  }
  .box_sec.mgt_negative {
    margin-top: -50px;
  }
  .box_pdt0 {
    padding-top: 0;
  }
  .box_pdb0 {
    padding-bottom: 0;
  }
  .box_inr + .box_inr {
    margin-top: 2.2em;
    padding-top: 2.2em;
  }
  .mgt_sm {
    margin-top: 0.8em;
  }
  .mgt_md {
    margin-top: 1.5em;
  }
  .mgt_lg {
    margin-top: 2.5em;
  }
  .sp_events {
    color: #75a9cc;
    pointer-events: auto;
  }
  .ta_left_sp {
    text-align: left;
  }
  .gray_box {
    padding: 30px 15px;
  }
  .define_list > .bunch {
    padding: 15px 0;
  }
  .define_list > .bunch > dt {
    width: 100%;
    min-height: 80px;
    padding: 10px;
    font-size: 16px;
  }
  .define_list > .bunch > dt .sm {
    margin-top: 6px;
    font-size: 11px;
  }
  .define_list > .bunch > dt::before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
  }
  .define_list > .bunch > dd {
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
    font-size: 13px;
  }
  /*-----------------------------------------------------

  	トップページ 	top

  ------------------------------------------------------*/
  /*    COMMON  &   MAINIMAGE
  -------------------------------*/
  #top #mainimage {
    height: 55vh;
    min-height: 30vh;
  }
  #top .swiper-slide img {
    font-family: "object-fit: cover;object-position:center center;";
    -o-object-position: center center;
       object-position: center center;
  }
  #top .mv_ttl {
    top: inherit;
    bottom: 0;
    transform: none;
    width: 100%;
    padding-left: 0;
  }
  #top .mv_ttl .ttl_main {
    width: 70%;
  }
  #top .mv_ttl .ttl_sub {
    margin-top: 10px;
  }
  #top .ttl_sub {
    margin-top: 0;
  }
  #top .ttl_sub .sub01 {
    font-size: 14px;
  }
  #top .ttl_sub .sub02 {
    font-size: 16px;
  }
  #top .mv_ttl.txt_wh, #top .mv_ttl.txt_bl {
    top: 10px;
    right: 0;
    left: 0;
    text-align: center;
  }
  #top .mv_ttl.txt_wh .ttl_sub .sub01, #top .mv_ttl.txt_bl .ttl_sub .sub01 {
    font-size: 16px;
  }
  #top .mv_ttl.txt_bk {
    /* top: 10%;
    padding-left: 5%; */
    top: 70%;
    left: 70%;
    transform: translateX(-50%);
  }
  #top .mv_ttl.txt_bk .ttl_sub .sub01 {
    font-size: 24px;
  }
  /*#top .swiper-slide {
  	background: url(../images/top/img_mv01_sp.jpg) no-repeat center;
  	background-size: cover;
  }
  #top .swiper-slide.slide02 {
  	background: url(../images/top/img_mv02_sp.jpg) no-repeat center;
  	background-size: cover;
  }
  #top .swiper-slide.slide03 {
  	background: url(../images/top/img_mv03_sp.jpg) no-repeat center;
  	background-size: cover;
  }
  #top .swiper-slide.slide04 {
  	background: url(../images/top/img_mv04_sp.jpg) no-repeat center;
  	background-size: cover;
  }*/
  /*#top .mv_ttl {
    width: 100%;
    padding: 5%;
    top: inherit;
    bottom: 0;
    transform: none;
    background: rgba(255, 255, 255, 0.5);
  }

  #top .mv_ttl .ttl_main {
    width: 70%;
  }

  #top .mv_ttl .ttl_sub {
    margin-top: 10px;
  }

  #top .ttl_sub .sub01 {
    font-size: 12px;
  }

  #top .ttl_sub .sub02 {
    font-size: 15px;
  }

  #top .mv_ttl_main {
    font-size: 38px;
    line-height: 1.1;
    position: absolute;
    top: 6%;
    text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.4);
    padding-left: 15px;
  }

  #top .mv_ttl_sub {
    color: #fff;
    font-size: 16px;
    padding: 15px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #1b4e94;
    font-weight: 500;
  }

  #top .ttl_sub {
    margin-top: 0;
  }*/
  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 10px;
  }
  #top .topics .topics_list {
    margin-right: 0;
    margin-left: 0;
  }
  #top .topics .topics_list .item {
    margin: 0;
  }
  #top .topics .topics_list .item img {
    width: 100%;
  }
  #top .topics .topics_list .txt_box {
    padding: 10px 0;
    font-size: 16px;
  }
  #top .topics .topics_list .txt_box .sm {
    margin-bottom: 5px;
  }
  #top .topics .slick-dots {
    bottom: -25px;
  }
  #top .topics .slick-dots li button {
    width: 8px;
    height: 8px;
  }
  #top .topics .slick-dots li button:before {
    width: 8px;
    height: 8px;
  }
  /*    SECTION 01
  -------------------------------*/
  .top_postwrap {
    flex-wrap: wrap;
    margin: 0 -1.5%;
  }
  .top_postwrap > * {
    width: 100%;
    padding: 0 1.5%;
  }
  .top_postwrap > .right {
    margin-top: 3em;
  }
  .top_postwrap > * > .ttl_wrap {
    margin-bottom: 1em;
    padding-bottom: 0.8em;
  }
  .news .news_link {
    padding: 0.6em 0.8em;
    padding-right: 2em;
    font-size: 13px;
  }
  .news .news_link:after {
    transition: 0s;
  }
  #top .news_list {
    /*margin-top: 30px;*/
  }
  #top .news .ttl {
    font-size: 24px;
  }
  #top .news .ttl.sm {
    font-size: 22px;
  }
  #top .news .news_link {
    /*margin-top: 10px;*/
  }
  .news_list .news_list_inner {
    display: block;
  }
  #top .news_list li {
    margin-top: 15px;
  }
  .news_date,
  .news_cat,
  .news_list .news_ttl {
    transition: none;
  }
  #top .news_box {
    width: 100%;
  }
  #top .news .ttl_box {
    width: auto;
  }
  #top .information {
    padding-top: 150px;
    padding-bottom: 80px;
  }
  #top .information:before {
    width: 100%;
    height: 200px;
  }
  #top .information .information_box {
    width: 100%;
    margin-left: 0;
    padding: 20px;
  }
  #top .information .information_box h3 {
    margin-top: 0;
    font-size: 22px;
  }
  #top .information .information_box .txt_box {
    margin-top: 5px;
  }
  #top .min_ttl {
    font-size: 16px;
  }
  #top .information .btns {
    display: block;
  }
  #top .admission .ttl_sub {
    font-size: 22px;
  }
  #top .admission .admission_ttl {
    font-size: 16px;
  }
  #top .admission .sec_cap {
    margin-top: 20px;
    font-size: 15px;
  }
  #top .admission .admission_list {
    margin-top: 30px;
  }
  #top .admission .admission_list li {
    width: 100%;
    margin-top: 25px;
    margin-right: 0;
  }
  #top .admission .admission_list li:first-child {
    margin-top: 0;
  }
  #top .admission .admission_list .img_box img {
    width: 100%;
  }
  #top .admission .admission_txt {
    margin-top: 0;
  }
  #top .professional {
    padding: 50px 0;
  }
  #top .professional .ttl_box {
    width: 100%;
    padding-top: 0;
  }
  #top .professional .ttl_02 {
    margin-top: 0;
  }
  #top .professional .txt_box {
    width: 100%;
    padding: 20px;
    padding-left: 0;
    background: #e8eaed;
  }
  #top .professional:after {
    display: none;
  }
  #top .professional .txt_box_inner {
    margin-top: 15px;
  }
  #top .professional .txt_box_inner p {
    margin-top: 10px;
  }
  #top .professional .shcool_img {
    width: 100%;
    margin: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  #top .professional .shcool_img img {
    width: 30%;
  }
  /*    SECTION 02
  -------------------------------*/
  /*    SECTION 03
  -------------------------------*/
  /*    SECTION 04
  -------------------------------*/
  /*-----------------------------------------------------

  	下層共通CSS

  ------------------------------------------------------*/
  .breadcrumb {
    display: none;
  }
  .under #mainimage {
    position: relative;
    height: 30vh;
    background-position: center;
  }
  .under .top_wrap {
    top: 0;
    padding: 50px 0;
  }
  .under .mv_ttl {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: auto;
    min-width: 230px;
    padding: 14px 14px;
    font-size: 20px;
  }
  .under .mv_ttl .en {
    margin-bottom: 4px;
    font-size: 25px;
  }
  .under .container {
    padding: 50px 0;
  }
  .under .sec_ttl {
    margin-bottom: 25px;
  }
  .under .sec_ttl .ja {
    font-size: 20px;
  }
  .under .sec_ttl .ja span {
    padding: 7px 30px;
  }
  .under .sec_ttl span.en {
    font-size: 13px;
  }
  .under .ttl_02 {
    font-size: 18px;
  }
  .list_disc li:before {
    top: 11px;
  }
  /*-----------------------------------------------------

  	学長予定者挨拶              president

  ------------------------------------------------------*/
  #president .message01 {
    margin-top: 0;
    padding: 0;
  }
  #president .message_box {
    flex-direction: column-reverse;
    padding: 15px;
    background: none;
  }
  #president .message_box .txt_box {
    width: 100%;
    padding: 45px 0 0 0;
    background: url(../images/president/img_presidenr02.png) no-repeat top 10px left;
    background-size: 130px;
  }
  #president .message_box .img_box {
    width: 100%;
  }
  #president .message_box .ttl_02 {
    font-size: 16px;
  }
  #president .name01 {
    margin-top: 0;
  }
  #president .name02 {
    font-size: 20px;
  }
  #president .message02 {
    padding: 50px 0;
  }
  #president .message03 {
    padding: 0;
    padding-bottom: 50px;
  }
  #president .message02:before {
    width: 100%;
    height: 300px;
    background-position: center;
    background-size: cover;
  }
  #president .main_txt {
    width: 100%;
    margin-top: 180px;
    padding: 15px 15px 0 15px;
  }
  #president .main_txt p:not(:first-child) {
    margin-top: 10px;
  }
  #president .experience_box {
    padding: 15px;
  }
  #president .experience_box .l_box {
    width: 100%;
  }
  #president .experience_box .r_box {
    width: 100%;
    margin-top: 15px;
    padding-left: 0;
  }
  .link_btns {
    padding-bottom: 50px;
  }
  .link_btns .btn {
    width: 49%;
    margin-top: 0;
  }
  .link_btns .btn_primary {
    width: 90%;
  }
  .link_btns .btn_primary:after {
    right: 10px;
  }
  /*-----------------------------------------------------

  	大学概要              overview

  ------------------------------------------------------*/
  #overview .overview01 {
    text-align: left;
  }
  #overview .overview01 .ttl_02 {
    margin-bottom: 18px;
    line-height: 1.5;
  }
  #overview .overview01 .txt_box {
    margin-top: 0;
  }
  #overview .overview02 .txt_box {
    width: 100%;
    margin-left: 0;
    padding: 15px;
  }
  .fx_imglink {
    margin: -3em -1.5em 0;
  }
  .fx_imglink > .item {
    width: 100%;
    margin-top: 3em;
  }
  .fx_imglink > .item > a .title {
    width: calc(100% - 3em);
    margin: -1.5em auto 0;
    padding: 0.8em 1.2em;
    padding-right: 2em;
    font-size: 18px;
  }
  .fx_imglink > .item > a .title::before {
    right: 1em;
  }
  #overview .table_wrap {
    width: 100%;
    padding: 30px 20px;
  }
  #overview .table_overview th,
  #overview .table_overview td {
    display: block;
    width: 100%;
    padding: 10px 15px;
  }
  #overview .overview01 .ttl_02 span {
    font-size: 24px;
    /*margin-top: 10px;*/
  }
  #overview .overview01 .txt_box p:not(:first-child) {
    margin-top: 10px;
  }
  #overview .overview02 {
    padding-top: 110px;
  }
  /*-----------------------------------------------------

  	専門職大学とは			　about

  ------------------------------------------------------*/
  #about .about_box:before {
    display: none;
  }
  #about .about01 .txt_box {
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }
  #about .about_box {
    margin-top: 0;
    padding: 0;
  }
  #about .about_box .img_box {
    height: 250px;
  }
  #about .table_about:nth-child(n+3) {
    margin-top: 0;
  }
  #about .about01 .ttl {
    font-size: 16px;
  }
  #about .caption {
    margin-top: 0;
  }
  #about .table_wrap {
    margin-top: 30px;
  }
  #about .table_about {
    width: 100%;
  }
  #about .table_about dt {
    padding: 10px 15px;
  }
  #about .table_about dd {
    padding: 20px;
  }
  #about .about03 .img-pc {
    display: none;
  }
  #about .about03 .img-sp {
    display: block;
    margin-top: 30px;
  }
  #about .about04 .img-box {
    margin-top: 30px;
  }
  #about .feature {
    padding: 2em 1em;
  }
  #about .feature .feature-num {
    width: 11%;
    max-width: 100%;
    text-align: left;
  }
  #about .feature .feature-num p {
    display: none;
  }
  #about .feature .feature-txt {
    width: 83%;
    max-width: 100%;
  }
  #about .feature .feature-txt dt {
    font-size: 18px;
  }
  #about .feature > li:nth-child(n+2) {
    margin-top: 2em;
  }
  /*-----------------------------------------------------

  	学科			　

  ------------------------------------------------------*/
  #physiotherapy #mainimage {
    background-image: url(../images/physiotherapy/img_mv_sp.jpg);
  }
  #occupationaltherapy #mainimage {
    background-image: url(../images/occupationaltherapy/img_mv_sp.jpg);
  }
  #physiotherapy #mainimage,
  #occupationaltherapy #mainimage {
    height: 60vh;
  }
  #physiotherapy .mv_ttl,
  #occupationaltherapy .mv_ttl {
    top: inherit;
    bottom: 0;
    transform: none;
    width: 100%;
  }
  #physiotherapy .mv_ttl .main,
  #occupationaltherapy .mv_ttl .main {
    font-size: 20px;
  }
  #physiotherapy .mv_ttl .l_box,
  #physiotherapy .mv_ttl .r_box {
    width: auto;
    padding: 6px;
    font-size: 13px;
  }
  #occupationaltherapy .mv_ttl .l_box,
  #occupationaltherapy .mv_ttl .r_box {
    width: auto;
    padding: 6px;
    font-size: 13px;
  }
  #physiotherapy .mv_ttl .list,
  #occupationaltherapy .mv_ttl .list {
    font-weight: 400;
    font-size: 14px;
  }
  #physiotherapy .mv_ttl .list dd,
  #occupationaltherapy .mv_ttl .list dd {
    margin-left: 0;
  }
  .course_intro .l_box {
    width: 100%;
  }
  .course_intro .l_box .txt_box {
    margin-top: 0;
  }
  .course_intro .r_box {
    width: 100%;
    margin-top: 35px;
    padding-left: 0;
  }
  .course_intro .r_box .inner {
    padding: 20px 15px 15px;
  }
  .course_intro .r_box .ttl {
    padding: 7px 10px;
  }
  .point_list li {
    width: 100%;
    margin-top: 30px;
    margin-right: 0;
  }
  .point_list li:first-child {
    margin-top: 0;
  }
  .course_ttl_box .num_box {
    left: 6px;
  }
  .course_ttl_box .p {
    font-size: 13px;
  }
  .course_ttl_box .num {
    font-size: 25px;
  }
  .course_ttl_box .ttl {
    font-weight: 500;
    font-size: 20px;
  }
  .point_list .txt_box {
    padding: 15px 10px;
  }
  .point_list .txt_box .main_txt {
    font-size: 16px;
  }
  .point_list .txt_box .txt {
    margin-top: 5px;
  }
  .step_box {
    margin-top: 40px;
  }
  .step_box .year {
    width: 100%;
    margin-right: 0;
  }
  .step_box .year .main {
    padding-bottom: 10px;
    font-size: 16px;
  }
  .step_box .year .main span {
    font-size: 40px;
  }
  .step_box .year .sub {
    padding-top: 10px;
  }
  .step_box .year:after {
    display: none;
  }
  .step_box:first-child {
    margin-top: 0;
  }
  .step_box .content .wrap {
    margin-top: 20px;
  }
  .step_box .content .ttl_badge {
    padding: 5px 10px;
    font-weight: 400;
    font-size: 12px;
  }
  .step_box .content .ttl {
    margin-top: 10px;
    font-size: 18px;
  }
  .step_box .content .step_table {
    width: 100%;
  }
  .step_box .content .step_table.step_physio {
    margin-left: 0;
  }
  .step_box .content .step_table dt {
    padding: 10px 15px;
  }
  .step_box .content .step_table dd {
    padding: 20px;
  }
  .course_stage {
    padding-bottom: 180px !important;
  }
  .course_stage .stage_list {
    margin-top: 30px;
  }
  .course_stage .stage_list li {
    width: 100%;
    margin-top: 30px;
    margin-right: 0;
  }
  .course_stage .stage_list li:first-child {
    margin-top: 0;
  }
  .course_stage .stage_list li .img_box img {
    width: 100%;
  }
  .course_stage .stage_list .txt_box {
    padding: 15px 10px;
  }
  .course_stage .stage_list .txt_box .ttl {
    font-size: 16px;
  }
  .course_stage.ahead {
    padding-top: 120px !important;
    padding-bottom: 50px !important;
  }
  .course_stage.ahead .step .step_inner {
    max-width: 300px;
  }
  .course_stage.ahead .step .txt_box {
    padding: 0 15px 15px;
  }
  .course_stage.ahead .step .txt_box .career {
    font-size: 18px;
  }
  .course_stage.ahead .step .step_inner {
    padding: 20px 0 0 0;
  }
  .course_stage.ahead .step .step_inner:after {
    border-width: 50px 150px 0 150px;
  }
  /*20190913追加*/
  .course_message {
    padding-bottom: 30px !important;
  }
  #occupationaltherapy .course_message,
  #physiotherapy .course_message {
    padding-top: 0 !important;
  }
  .course_message .message_box {
    position: relative;
    top: -20px;
    width: 95%;
    margin: 0 auto;
    padding: 20px;
    padding-bottom: 0;
  }
  .course_message .img_box {
    width: 100%;
  }
  .course_message .inner {
    padding: 0;
  }
  .course_message .inner:before {
    display: none;
  }
  .course_message .message_box .cap {
    font-size: 16px;
  }
  .course_message .message_box .name span {
    margin-left: 0;
  }
  .course_message .message_box .career span {
    font-size: 16px;
  }
  /*-----------------------------------------------------

  	交通アクセス			　access

  ------------------------------------------------------*/
  #access .access_box {
    margin-top: 0;
  }
  #access .access_box .l_box {
    width: 100%;
  }
  #access .access_box .r_box {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  #access .access_list .ttl {
    width: 100%;
    margin-top: 15px;
    padding-left: 25px;
  }
  #access .access_list dd {
    width: 100%;
    padding-left: 25px;
  }
  #access .access_list .ttl:before {
    width: 16px;
  }
  #access .access_list .ttl:first-of-type {
    margin-top: 0;
  }
  #access .bus {
    padding-top: 0;
  }
  #access .bus .ttl_box {
    padding-left: 60px;
  }
  #access .bus .ttl_box:before {
    width: 45px;
    height: 45px;
  }
  #access .bus h2 {
    font-size: 18px;
    line-height: 1;
  }
  #access .bus_box {
    margin-top: 30px;
    padding: 0;
  }
  #access .bus_box .map_box {
    width: 100%;
  }
  #access .bus_box .map_box:nth-child(2) {
    margin-top: 30px;
  }
  #access .bus_box:after {
    display: none;
  }
  #access .bus_box .map_box .ttl {
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 14px;
  }
  #access .bus .time {
    font-size: 18px;
  }
  #access .bus .attention {
    padding: 0 5%;
    text-align: left;
  }
  #access .bus .attention .box {
    width: 100%;
    padding: 10px;
    text-align: center;
  }
  /*-----------------------------------------------------

  	お問い合わせ			　contact

  ------------------------------------------------------*/
  #contact .lead {
    margin-top: 0;
    text-align: left;
  }
  #contact .list input {
    margin-left: 0;
  }
  #contact .form_wrap {
    margin-top: 0;
  }
  .form_wrap #mailformpro th,
  .form_wrap #mailformpro td {
    display: block;
    width: 100%;
    padding: 10px;
  }
  .form_wrap #mailformpro td {
    margin-bottom: 15px;
    border-bottom: none;
  }
  .form_wrap #mailformpro .middle {
    width: 100%;
  }
  .mfp_element_all {
    max-width: 100%;
  }
  .form_wrap #mailformpro textarea {
    height: 200px !important;
  }
  .mfp_element_submit,
  .mfp_element_reset,
  .mfp_element_button {
    margin: 0 auto;
  }
  .mfp_element_submit:hover,
  .mfp_element_reset:hover,
  .mfp_element_button:hover {
    box-shadow: none;
    background: transparent;
  }
  button.mfp_next:hover, button.mfp_prev:hover {
    box-shadow: none;
    background: transparent;
  }
  form#mailformpro label.radioform {
    width: 49%;
    margin-right: 0;
    margin-left: 0;
  }
  #contact .thanks .ttl {
    font-size: 17px;
  }
  #contact .thanks .txt_box {
    text-align: left;
  }
  /*-----------------------------------------------------

  	送信完了画面			　thanks

  ------------------------------------------------------*/
  #thanks #sec_01 .message {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 2;
    text-align: left;
  }
  /*-----------------------------------------------------

  	各フォーム共通CSS

  ------------------------------------------------------*/
  .formWrap #mailformpro th,
  .formWrap #mailformpro td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 14px;
    vertical-align: middle;
  }
  .formWrap #mailformpro th {
    width: 100%;
    padding: 15px 10px 0;
    border-bottom: none;
  }
  .formWrap #mailformpro td {
    width: 100%;
    padding: 10px 0 15px;
  }
  .formWrap #mailformpro .short {
    width: 50%;
  }
  .formWrap #mailformpro .middle,
  .formWrap #mailformpro .long {
    width: 100%;
  }
  form#mailformpro label {
    margin: 15px;
  }
  .formWrap #mailformpro #other_label {
    margin-top: 20px;
  }
  .formWrap #mailformpro .otherTxt {
    width: 100%;
    margin-top: 10px;
  }
  div.mfp_buttons {
    margin-top: 0;
  }
  /*  Mailform pro Reset CSS
  -------------------------------*/
  .formWrap #mailformpro .mfp_element_textarea {
    width: 100%;
    height: 200px;
  }
  .mfp_element_submit,
  .mfp_element_reset,
  .mfp_element_button {
    width: 80%;
    padding: 16px 0;
    font-size: 14px;
  }
  #mfp_confirm_table tr {
    border-bottom: none;
  }
  table#mfp_confirm_table tr th,
  table#mfp_confirm_table tr td {
    display: block;
  }
  table#mfp_confirm_table tr th {
    width: 100%;
    padding: 15px 10px;
    background: #225d85;
    color: #ffffff;
    font-size: 14px;
  }
  table#mfp_confirm_table tr td {
    width: 100%;
    padding: 15px 10px;
    font-size: 12px;
  }
  div#mfp_phase_confirm .mfp_buttons {
    font-size: 0;
  }
  div#mfp_phase_confirm .mfp_buttons button {
    display: block;
    float: none;
    margin: 0 auto;
  }
  div#mfp_phase_confirm .mfp_buttons button:nth-child(1) {
    margin-right: auto;
    margin-bottom: 15px;
  }
  div#mfp_phase_confirm h4 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  /*-----------------------------------------------------

  	お知らせ			news

  ------------------------------------------------------*/
  #news .top_wrap {
    padding: 50px 0 0 0;
  }
  #news .news_list .news_list_inner {
    padding: 20px 15px;
  }
  .pascal_post .news_list .news_list_inner {
    padding: 20px 15px;
  }
  #news .news_ttl,
  .pascal_post .news_ttl {
    width: 100%;
    margin-left: 0;
    font-size: 16px;
  }
  #news .date,
  .pascal_post .date {
    font-size: 15px;
  }
  /*詳細*/
  #news .news_wrap.detail .news_ttl,
  .pascal_post .news_wrap.detail .news_ttl {
    font-size: 18px;
    line-height: 1.5;
  }
  #news .detail .detail_cnt,
  .pascal_post .detail .detail_cnt {
    margin-top: 20px;
  }
  #news .detail .detail_cnt p:not(:first-child),
  .pascal_post .detail .detail_cnt p:not(:first-child) {
    margin-top: 15px;
  }
  #news .detail .btn,
  .pascal_post .detail .btn {
    margin-top: 30px;
  }
  #news .detail .detail_cnt a,
  .pascal_post .detail .detail_cnt a {
    word-break: break-all;
  }
  /*-----------------------------------------------------

  	サイトマップ			sitemap

  ------------------------------------------------------*/
  #sitemap .sitemap_list li {
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    font-size: 16px;
  }
  #sitemap .sitemap_list li a {
    padding: 15px 0;
    font-size: 16px;
  }
  /*-----------------------------------------------------

  	プライバシーポリシー			privacypolicy

  ------------------------------------------------------*/
  #privacypolicy .privacy_box {
    margin-top: 30px;
  }
  #privacypolicy .privacy_box .ttl {
    font-size: 16px;
  }
  #privacypolicy .privacy_box .ga a {
    word-break: break-all;
  }
  /*-----------------------------------------------------

  　　オープンキャンパス　open_campus

  ------------------------------------------------------*/
  #open_campus .mv_ttl {
    line-height: 1.2;
  }
  #open_campus .ttl_box {
    text-align: left;
  }
  #open_campus .ttl_02 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  #open_campus .schedule {
    padding-top: 0;
  }
  #open_campus .schedule.opencampus {
    padding-top: 50px;
  }
  #open_campus .schedule .attention {
    margin-top: 0;
  }
  #open_campus .table_open {
    margin-top: 10px;
  }
  #open_campus .table_open:first-child {
    margin-top: 0;
  }
  #open_campus .table_open th {
    min-width: 80px;
    padding: 10px;
  }
  #open_campus .table_open td {
    padding: 10px;
  }
  #open_campus .table_open th.num {
    background: #e6edf2;
    line-height: 1;
  }
  #open_campus .table_open span.inner {
    display: block;
    margin-top: 5px;
    padding: 5px;
    background: #f9f9f9;
    font-size: 13px;
  }
  #open_campus .program_wrap .l_box {
    width: 100%;
  }
  #open_campus .program_wrap .r_box {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  #open_campus .program_wrap .l_box table th {
    min-width: 80px;
    padding: 10px 0;
  }
  #open_campus .program_wrap .l_box table td {
    padding: 10px;
  }
  #open_campus .btn_primary {
    width: 50%;
    min-width: 270px;
  }
  #open_campus .access_wrap {
    margin-top: 30px;
  }
  #open_campus .access_wrap .ttl {
    margin-bottom: 6px;
    padding-left: 0;
    font-size: 18px;
  }
  #open_campus .access_wrap .ttl:before {
    display: none;
  }
  #open_campus .access_wrap .txt_box {
    width: 100%;
    padding-top: 0;
  }
  #open_campus .access_wrap .txt_box .box {
    text-align: center;
  }
  #open_campus .access_wrap .txt_box .box .inner {
    text-align: left;
  }
  #open_campus .access_wrap .map_box {
    width: 100%;
    margin-top: 20px;
  }
  #open_campus .sec_ttl .ja span {
    line-height: 1.2;
  }
  /*-----------------------------------------------------

  　　再進学をお考えの方へ　social

  ------------------------------------------------------*/
  #social .mv_ttl span {
    margin-bottom: 6px;
    font-size: 14px;
  }
  #social .ttl_02 {
    margin-bottom: 20px;
    line-height: 1.4;
    text-align: left;
  }
  #social .social01 .en_ttl {
    font-size: 18px;
    line-height: 1.4;
  }
  #social .social01 .main_ttl {
    margin-top: 10px;
    font-size: 24px;
    line-height: 1.4;
  }
  #social .social_wrap {
    padding: 0;
  }
  #social .social_wrap .txt_box {
    width: 100%;
    margin-top: 20px;
    padding: 0;
    padding-right: 0;
  }
  #social .social_wrap .txt_box h3 {
    font-size: 18px;
  }
  #social .social_wrap:before {
    display: none;
  }
  #social .social_wrap .img_box {
    position: relative;
  }
  #social .social_wrap .l_box .over_txt .main_ttl {
    font-size: 20px;
  }
  #social .merit_anchor {
    display: block;
  }
  #social .merit_anchor .item {
    width: 100%;
  }
  #social .merit_anchor .item a {
    flex-direction: row;
    padding: 10px;
  }
  #social .merit_anchor .item .num {
    font-size: 20px;
  }
  #social .merit_anchor .item .txt {
    margin-bottom: 0;
    margin-left: 8px;
    font-size: 16px;
    text-align: left;
  }
  #social .merit_anchor .item a:after {
    top: 50%;
    right: 10px;
    width: 10px;
    margin-top: -6px;
    background-size: contain;
  }
  #social .merit_wrap {
    margin-top: 0;
  }
  #social .merit_wrap .box_wrap {
    margin-top: -10px;
    padding-top: 60px;
  }
  #social .merit_wrap .box_wrap:not(:first-child) {
    margin-top: -10px;
    padding-top: 60px;
  }
  #social .merit_box .inner {
    display: block;
    padding: 15px 10px;
  }
  #social .merit_box .inner .l_box {
    width: 100%;
    padding-right: 0;
  }
  #social #merit03 .merit_box .inner .l_box span.strong {
    font-size: 18px;
  }
  #social .merit_box .inner .r_box {
    width: 100%;
    margin-top: 15px;
  }
  #social .merit_box .num_box {
    left: 6px;
  }
  #social .merit_box .num_box .m {
    font-size: 13px;
  }
  #social .merit_box .num_box .num {
    font-size: 25px;
  }
  #social .merit_box .merit_ttl_box h3 {
    padding: 10px 10px 10px 52px;
    font-size: 20px;
    line-height: 1.36;
  }
  #social .merit_box .inner .l_box .ttl_sub {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 16px;
  }
  #social .sec_ttl .ja {
    line-height: 1.36;
  }
  #social .admission {
    padding-top: 110px;
    background-size: auto 190px;
  }
  #social .admission .inner_box {
    padding: 30px 20px 0;
  }
  #social .admission .inner_box .link_wrap {
    display: block;
  }
  #social .admission .inner_box .link_item {
    width: 100%;
    padding: 10px 15px;
  }
  #social .admission .inner_box .link_item:not(:first-child) {
    margin-top: 30px;
  }
  #social .admission .inner_box .link_item .ttl {
    margin-bottom: 14px;
    font-size: 18px;
  }
  #social .admission .inner_box .link_item p {
    display: inline-block;
    text-align: left;
  }
  /*-----------------------------------------------------

  　　入試説明会　orientation

  ------------------------------------------------------*/
  #orientation .mv_ttl {
    line-height: 1.2;
  }
  #orientation .ttl_box {
    text-align: left;
  }
  #orientation .ttl_02 {
    margin-bottom: 10px;
    font-size: 24px;
  }
  #orientation .schedule {
    padding-top: 0;
  }
  #orientation .schedule.opencampus {
    padding-top: 50px;
  }
  #orientation .schedule .attention {
    margin-top: 0;
  }
  #orientation .table_open {
    margin-top: 10px;
  }
  #orientation .table_open:first-child {
    margin-top: 0;
  }
  #orientation .table_open th {
    min-width: 80px;
    padding: 10px;
  }
  #orientation .table_open td {
    padding: 10px;
  }
  #orientation .table_open th.num {
    background: #e6edf2;
    line-height: 1;
  }
  #orientation .table_open span.inner {
    display: block;
    margin-top: 5px;
    padding: 5px;
    background: #f9f9f9;
    font-size: 13px;
  }
  #orientation .program_wrap .l_box {
    width: 100%;
  }
  #orientation .program_wrap .r_box {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  #orientation .program_wrap .l_box table th {
    min-width: 80px;
    padding: 10px 0;
  }
  #orientation .program_wrap .l_box table td {
    padding: 10px;
  }
  #orientation .btn_primary {
    width: 50%;
    min-width: 270px;
  }
  #orientation .sec_ttl .ja span {
    line-height: 1.2;
  }
  #orientation .contact_box .ttl {
    font-size: 16px;
  }
  /*-----------------------------------------------------

  　　よくあるご質問　faq

  ------------------------------------------------------*/
  #faq .container {
    padding: 50px 0;
  }
  #faq .anchor {
    margin-top: 0;
  }
  #faq .anchor .item {
    width: 100%;
    margin-top: 0;
    padding: 10px 0;
    border-right: none;
    border-bottom: solid 2px #f3f3f3;
  }
  #faq .anchor .item:first-child {
    margin-top: 0;
    border-left: none;
  }
  #faq .anchor .item:after {
    top: 50%;
    right: 0;
    left: inherit;
    width: 10px;
    margin-top: -6px;
    background-size: contain;
  }
  #faq .faq_wrap {
    padding-top: 60px;
  }
  #faq .faq_wrap#faq01 {
    padding-top: 50px;
  }
  #faq .faq_wrap h2 {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 1.3;
  }
  #faq .faq_box .faq_ttl {
    padding-right: 20px;
    padding-left: 42px;
    font-size: 15px;
    line-height: 30px;
  }
  #faq .faq_box .faq_ttl:before {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
  }
  #faq .faq_box .faq_txt {
    padding: 20px;
  }
  #faq .faq_box .faq_txt:before {
    width: 30px;
    height: 30px;
    font-size: 18px;
    line-height: 30px;
  }
  #faq .faq_box .faq_txt .inner {
    width: calc(100% - 30px);
  }
  #faq .faq_box .faq_ttl.open:after {
    margin-top: 0;
  }
  #faq .faq_box .faq_ttl:after, #faq .faq_box .faq_ttl.close:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
  }
  /*-----------------------------------------------------

  　　大学特徴　feature

  ------------------------------------------------------*/
  #feature #mainimage {
    background-position: right center;
  }
  #feature .top_wrap {
    padding-bottom: 0;
  }
  #feature .top_ttl .ttl_02 {
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.4;
  }
  #feature .top_ttl .ttl_02 span {
    margin-top: 10px;
    font-size: 23px;
  }
  #feature .top_ttl .txt {
    text-align: left;
  }
  #feature .feature_wrap {
    margin-top: 50px;
  }
  #feature .feature_box {
    width: 100%;
    margin-top: 15px;
    margin-right: 0;
  }
  #feature .feature_box .txt_box {
    width: 95%;
    padding: 20px;
  }
  #feature .feature_box .txt_box .ttl {
    margin-bottom: 8px;
    font-size: 20px;
  }
  #feature .feature_box .txt_box .txt {
    text-align: left;
  }
  #feature .feature_box .img_box img {
    width: 100%;
  }
  #feature .feature_box .num_box {
    width: auto;
  }
  #feature .feature_box .num_box .num {
    font-size: 25px;
  }
  #feature .feature_box .num_box .f {
    font-size: 15px;
  }
  /*-----------------------------------------------------

  　　入試ページ共通　

  ------------------------------------------------------*/
  .ttl_03 {
    font-size: 20px;
    line-height: 1.4;
  }
  .ttl_04 {
    font-size: 16px;
    line-height: 1.5;
  }
  .admission_wrap .admission_box {
    margin-top: 50px;
  }
  .admission_wrap .admission_inner .inner_item:not(:first-child) {
    margin-top: 26px;
  }
  .admission_wrap .admission_box .gray_box {
    padding: 15px;
  }
  .admission .link_btns {
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .admission .link_btns .btn {
    width: 80%;
    margin: 0 auto;
  }
  .admission .link_btns .btn:nth-child(2) {
    margin-top: 20px;
  }
  .admission_wrap .admission_box table th,
  .admission_wrap .admission_box table td {
    display: block;
    width: 100%;
    padding: 10px;
  }
  .admission_wrap .admission_box table th {
    border-top: solid 1px #e8e8e8;
  }
  .admission_wrap .admission_box table td {
    border-bottom: none;
    border-left: solid 1px #f6f6f6;
  }
  .admission_wrap .admission_box tr:last-child td {
    border-bottom: solid 1px #f6f6f6;
  }
  .admission_wrap .admission_box .inner_list li:not(:first-child) {
    margin-top: 10px;
  }
  .admission_wrap .admission_box table.finished {
    position: relative;
  }
  .admission_wrap .admission_box table.finished:before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    background: rgba(6, 68, 110, 0.8);
    color: #ffffff;
    content: "出願期間は終了しました";
  }
  /*-----------------------------------------------------
       入試概要/理念　admission
  ------------------------------------------------------*/
  #admission .txt_box.top_txt {
    font-size: 18px;
    text-align: left;
  }
  #admission .top_wrap {
    padding: 0;
  }
  /*-----------------------------------------------------
       入試日程/学費　exam
  ------------------------------------------------------*/
  #exam .table_qualification th {
    border-bottom: none;
  }
  #exam .exam_schedule .admission_inner .inner_item {
    padding-top: 0;
    border: none;
  }
  #exam .table_exam th:nth-child(1), #exam .table_exam th:nth-child(2), #exam .table_exam th:nth-child(3), #exam .table_exam th:nth-child(4), #exam .table_exam th:nth-child(5) {
    width: 100%;
  }
  #exam h4 {
    margin-bottom: 5px;
    font-weight: 500;
  }
  #exam .table_tuition td {
    text-align: center;
  }
  #exam .admission_note {
    font-size: 16px;
    text-align: left;
  }
  /*-----------------------------------------------------
      レイクスターズ　lakestars
  ------------------------------------------------------*/
  #lakestars .lakestars_top .logo_wrap {
    margin-top: 20px;
  }
  #lakestars .lakestars_top .txt_box {
    margin-top: 20px;
    text-align: left;
  }
  #lakestars .lakestars_top .txt_box p:not(:first-child) {
    margin-top: 6px;
  }
  #lakestars .lakestars_top .top_ttl {
    font-size: 18px;
  }
  #lakestars .lakestars_top .img_wrap {
    margin-top: 20px;
  }
  /*-----------------------------------------------------
    3つのポリシー
  ------------------------------------------------------*/
  /*-----------------------------------------------------
    学長挨拶
  ------------------------------------------------------*/
  /*-----------------------------------------------------
    目的・教育理念
  ------------------------------------------------------*/
  /*-----------------------------------------------------
    組織図
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       情報公開　info
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       藍野大学歴史
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       在学生の方
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       募集定員/出願資格　recruitment
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       出願手続き/入学検定料の支払い　application
  ------------------------------------------------------*/
  /*-----------------------------------------------------

  　　学校説明会・入試説明会

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

  　　学費・奨学金

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

  　　学年暦

  ------------------------------------------------------*/
  /*-----------------------------------------------------
       教員紹介
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       初年度の経済的負担を軽減します！　burden
  ------------------------------------------------------*/
  /*-----------------------------------------------------
       びわリハ 動画で学ぶ入試対策講座　video
  ------------------------------------------------------*/
  /*-----------------------------------------------------
      クラブ・サークル紹介　club
  ------------------------------------------------------*/
  /*-----------------------------------------------------
      奨学金　scholarship
  ------------------------------------------------------*/
  /*-----------------------------------------------------
      情報公開項目　9　info9
  ------------------------------------------------------*/
  /*-----------------------------------------------------
    入試動画　video2024
  ------------------------------------------------------*/
}
@media screen and (max-width: 767px) and (max-width: 350px) {
  #lakestars .lakestars_top .top_ttl {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #policies .top_wrap {
    padding-bottom: 0;
  }
  #policies .a_link {
    display: block;
  }
  #policies .a_link li {
    width: 100%;
  }
  #policies .a_link li:nth-child(n+2) {
    margin-top: 10px;
  }
  #policies .a_link li a {
    font-size: 14px;
  }
  #policies .policy_box .ttl_in {
    font-size: 24px;
  }
  #policies .policy_box .ttl_in .txt_sub {
    margin-top: 1em;
  }
  #policies .policy_box .course_policies > dt {
    padding-left: 2em;
    font-size: 16px;
    line-height: 1.4;
  }
  #policies .policy_box .course_policies > dt:before {
    width: 1.3em;
  }
  #policies .policy_box .course_policies > dd {
    padding: 1em;
    font-size: 13px;
  }
  #policies .policy_box .policy_list li,
  #policies .policy_box .policy_list dd {
    display: block;
    font-size: 16px;
  }
  #policies .policy_box .policy_list li:before,
  #policies .policy_box .policy_list dd:before {
    display: block;
  }
  #policies .policy_box .policy_list li span:before,
  #policies .policy_box .policy_list dd span:before {
    display: none;
  }
  #policies .policy_box .policy_list li span,
  #policies .policy_box .policy_list dd span {
    padding: 0;
    font-size: 13px;
  }
  #policies .policy_box .policy_list dt {
    font-size: 15px;
  }
  #message .top_wrap {
    padding-top: 0;
  }
  #message #s_01 .upper {
    display: block;
    margin-bottom: 30px;
  }
  #message #s_01 .upper .img_box {
    width: 75%;
    margin: 0 auto 30px;
  }
  #message #s_01 .upper .prof_box {
    width: 100%;
  }
  #message #s_01 .upper .prof_box .headline {
    margin-bottom: 1em;
    font-size: 15px;
    text-align: center;
  }
  #message #s_01 .upper .prof_box .name {
    display: block;
    font-size: 15px;
    text-align: center;
  }
  #message #s_01 .upper .prof_box .name span:first-child {
    display: block;
    line-height: 1;
  }
  #message #s_01 .upper dl dt {
    font-size: 14px;
    text-align: center;
  }
  #message #s_01 .upper dl dt span {
    padding: 0 0.5em;
  }
  #message #s_01 .upper dl dd {
    padding: 0 1em;
    font-size: 12px;
    text-align: center;
  }
  #message #s_01 .upper dl dd:before {
    display: none;
  }
  #message #s_01 .message_box {
    padding: 20px;
    font-size: 13px;
  }
  #message #s_01 .message_box:before, #message #s_01 .message_box:after {
    border-width: 15px 15px 0 0;
  }
  #message #s_01 .message_box:before {
    top: 5px;
    left: 5px;
  }
  #message #s_01 .message_box:after {
    right: 5px;
    bottom: 5px;
  }
  #philosophy #s01 {
    margin-top: 0;
  }
  #philosophy .top_wrap {
    padding-bottom: 0;
  }
  #philosophy .ttl_in {
    font-size: 20px;
  }
  #philosophy #s01 .img_box {
    width: 100%;
    margin-bottom: 20px;
  }
  #philosophy #s01 .img_box.dummy {
    padding-top: 60%;
  }
  #philosophy #s01 .flex {
    display: block;
  }
  #philosophy #s01 .txt_box {
    width: 100%;
  }
  #philosophy #s01 .txt_box .catch {
    margin-bottom: 0.6em;
    font-size: 26px;
    line-height: 1.4;
  }
  #philosophy #s02 dt {
    padding: 0.8em 1em;
    font-size: 16px;
  }
  #philosophy #s02 dt:before {
    display: none;
  }
  #philosophy #s02 dd {
    padding: 15px;
  }
  #philosophy #s02 dd:not(:last-child) {
    margin-bottom: 40px;
  }
  #organization .top_wrap {
    padding: 0;
  }
  #organization .org_map {
    width: 100%;
    padding: 10px 0;
    overflow-x: auto;
    text-align: center;
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  #organization .org_map::-webkit-scrollbar {
    height: 6px;
  }
  #organization .org_map::-webkit-scrollbar-track {
    border-radius: 1em;
    background: #cccccc;
  }
  #organization .org_map::-webkit-scrollbar-thumb {
    border-radius: 1em;
    background: #225c85;
  }
  #organization .org_map img {
    width: auto;
    max-width: 600px;
    height: auto;
  }
  .dl_info > dt {
    width: 100%;
  }
  .dl_info > dt > span {
    padding-right: 0;
    font-size: 15px;
  }
  .dl_info > dt > span::before {
    display: none;
  }
  .dl_info > dd {
    width: 100%;
    margin-top: 0.3em;
  }
  .fx_btn > .item, .fx_btn.arrow > .item {
    width: 100%;
  }
  .tbl_info th,
  .tbl_info td {
    padding: 1em;
    border: 1px solid #cccccc;
    line-height: 1.3;
    text-align: center;
    /*white-space: nowrap;*/
  }
  .tbl_info.td_left td {
    padding: 1em;
  }
  .tbl_info thead th {
    background-color: #ccebff;
  }
  .tbl_info tbody th {
    background-color: #f4f4f4;
    color: #225d85;
  }
  .tbl_col th,
  .tbl_col td {
    padding: 0.8em 1.2em;
  }
  .tbl_col.sp_block th,
  .tbl_col.sp_block td {
    display: block !important;
    width: 100% !important;
  }
  .student_list .inner {
    flex-wrap: wrap;
    padding: 1.2em 1.5em;
  }
  .student_list .inner:before {
    top: 1.9em;
    width: 1em;
  }
  .student_list .inner .news_label {
    width: 100%;
    padding-right: 0;
  }
  .student_list .inner .news_ttl {
    width: 100%;
  }
  #recruitment .table_document td {
    display: block;
    position: relative;
    padding: 10px;
    border-top: solid 1px #f6f6f6;
    border-bottom: none;
    border-left: solid 1px #f6f6f6;
    text-align: left;
  }
  #recruitment .table_document td:before {
    position: absolute;
    left: 10px;
    content: attr(title);
  }
  #recruitment .top_wrap {
    padding: 0;
    padding: 0;
  }
  #recruitment .document .document_list h4 {
    font-size: 16px;
  }
  .box_ttl_bl > .item + .item {
    margin-top: 2em;
  }
  .box_ttl_bl.col2 {
    margin-top: -2em;
  }
  .box_ttl_bl.col2 > .item {
    width: 100%;
    margin-top: 2em;
  }
  .box_ttl_bl.step > .item + .item {
    margin-top: 3em;
  }
  .box_ttl_bl.step > .item + .item::before {
    top: -2em;
  }
  .box_ttl_bl > .item .conts_cover .conts {
    width: 100%;
    padding: 1em;
  }
  .box_ttl_bl > .item .title {
    padding: 0.8em 0.45em 0.8em 2.5em;
    font-size: 16px;
  }
  .box_ttl_bl > .item .title > span {
    left: 1em;
  }
  .box_ttl_bl > .item .conts {
    padding: 1em;
  }
  #application .top_wrap {
    padding: 0;
  }
  .briefing_box {
    padding: 1.2em;
  }
  .briefing_box + .briefing_box {
    margin-top: 3em;
  }
  .briefing_popup {
    padding: 1.5em;
  }
  .briefing_popup > * {
    font-size: 18px;
  }
  .briefing_row01 > .catch {
    margin-top: 1.2em;
  }
  .briefing_row02 {
    margin-top: 1.5em;
  }
  .briefing_title > .left,
  .briefing_title > .right {
    width: 100%;
  }
  .dl_bdbdot > * {
    padding: 1em 0;
  }
  .dl_bdbdot > dt {
    width: 100%;
    padding-right: 0;
    padding-bottom: 0;
    border-bottom: 0;
    color: #225d85;
    font-size: 16px;
  }
  .dl_bdbdot > dd {
    width: 100%;
    padding-top: 0.3em;
  }
  .tbl_thgray th,
  .tbl_thgray td {
    padding: 10px;
  }
  .tbl_sp th,
  .tbl_sp td {
    display: block !important;
    width: 100% !important;
  }
  .fx_col > .item {
    width: 100%;
  }
  .fx_col.side_img > .item.imgwrap, .fx_col.side_img > .item:not(.imgwrap) {
    width: 100%;
  }
  .fx_col > .item + .item {
    margin-top: 1.5em;
  }
  .tbl_calendar > tbody > tr > th,
  .tbl_calendar > tbody > tr > td {
    padding: 1.2em 1.2em 1.5em;
  }
  .tbl_calendar > tbody > tr > th {
    padding: 0.6em 1.2em;
    border-right: none;
    border-bottom: 2px solid #dddddd;
  }
  .tbl_calendar > tbody > tr:nth-child(1) > th {
    border-bottom-color: #e88fa0;
  }
  .tbl_calendar > tbody > tr:nth-child(2) > th {
    border-bottom-color: #ef856d;
  }
  .tbl_calendar > tbody > tr:nth-child(3) > th {
    border-bottom-color: #f1be59;
  }
  .tbl_calendar > tbody > tr:nth-child(4) > th {
    border-bottom-color: #9cc66a;
  }
  .tbl_calendar > tbody > tr:nth-child(5) > th {
    border-bottom-color: #5dad6c;
  }
  .tbl_calendar > tbody > tr:nth-child(6) > th {
    border-bottom-color: #54b0ad;
  }
  .tbl_calendar > tbody > tr:nth-child(7) > th {
    border-bottom-color: #38a8c6;
  }
  .tbl_calendar > tbody > tr:nth-child(8) > th {
    border-bottom-color: #728cc1;
  }
  .tbl_calendar > tbody > tr:nth-child(9) > th {
    border-bottom-color: #a682b4;
  }
  .tbl_calendar > tbody > tr:nth-child(10) > th {
    border-bottom-color: #d189b3;
  }
  .tbl_calendar > tbody > tr:nth-child(11) > th {
    border-bottom-color: #e99aa9;
  }
  .tbl_calendar > tbody > tr:nth-child(12) > th {
    border-bottom-color: #ea998e;
  }
  .tbl_calendar > tbody > tr > th > div > span {
    font-size: 18px;
    font-size: 24px;
  }
  .ul_tab > li > a {
    padding: 0.8em;
    font-size: 14px;
  }
  .tab_conts {
    padding: 1.5em 1.2em;
  }
  .tbl_col2 > tbody > tr > th {
    display: block;
    width: 100%;
    padding: 1em 0.6em;
  }
  .tbl_col2 > tbody > tr > td {
    display: block;
    width: 100%;
    padding: 1em 0.6em;
    border-top: 0;
  }
  .tbl_col2 > tbody > tr > .pd0_pc {
    padding: 1em 0.6em;
  }
  .tbl_thead > thead {
    display: none;
  }
  .tbl_thead > tbody > tr {
    display: block;
  }
  .tbl_thead > tbody > tr + tr {
    margin-top: 0.8em;
    padding-top: 1.2em;
    border-top: 1px solid #b6d2da;
  }
  .tbl_thead > tbody > tr > th,
  .tbl_thead > tbody > tr > td {
    display: block;
    width: 100% !important;
    padding: 0;
    border: 0;
  }
  .tbl_thead > tbody > tr > th::before,
  .tbl_thead > tbody > tr > td::before {
    display: block;
    white-space: pre;
    content: attr(data-text);
  }
  .tbl_thead > tbody > tr > th::before {
    padding: 0.8em;
  }
  .tbl_thead > tbody > tr > td::before,
  .tbl_thead > tbody > tr > td > div {
    padding: 0.8em;
  }
  .tbl_thead > tbody > tr > th::before,
  .tbl_thead > tbody > tr > td::before {
    background-color: #f4f4f4;
    color: #225d85;
    text-align: center;
  }
  #burden #mainimage {
    background-position: right center;
  }
  .fx_col.st_youtube > .item {
    width: 100%;
  }
  .fx_col.st_youtube > .item .title {
    margin-top: 10px;
    font-size: 16px;
  }
  #club #mainimage {
    background-image: url(../images/club/img_mv.jpg);
  }
  .ul_snslist {
    margin-top: -2em;
    margin-left: 0;
  }
  .ul_snslist > li {
    width: 100%;
    margin-top: 2em;
    margin-left: 0;
    padding-bottom: 1.2em;
    padding-left: 18px;
  }
  .ul_snslist > li .name {
    font-size: 16px;
  }
  .ul_snslist > li .name::before {
    top: 8px;
    left: -15px;
    width: 6px;
    height: 6px;
  }
  #scholarship .admission_box {
    margin-bottom: 5em;
  }
  #scholarship .tbl_wrap:last-child {
    margin-bottom: 1.5em;
  }
  #scholarship aside {
    padding: 1em 1em 3em;
  }
  #scholarship .admission {
    padding: 0;
  }
  .info09-box {
    padding: 20px calc(1.9em + 15px) 20px 15px;
    background: #f7f7f7;
  }
  .info09-box > li {
    line-height: 1.9;
  }
  #video2024 .admission_note {
    font-size: 16px;
    text-align: left;
  }
}
/*-----------------------------------------------------
    求人　employment
------------------------------------------------------*/
#employment .top_wrap {
  padding: 0;
}

.employment_wrap .employment_box {
  margin-top: 50px;
}
.employment_wrap .employment_inner .inner_item:not(:first-child) {
  margin-top: 26px;
}
.employment_wrap .employment_box .gray_box {
  padding: 15px;
}/*# sourceMappingURL=sp.css.map */