@charset "UTF-8";
/* colors */
.colors {
  color: #012169; /*紺*/
  color: #ff710a; /*オレンジ*/
  color: #aa8e4f; /*ゴールド*/
}

/* common */
html {
  font-size: 70%;
}
* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family:
    "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", "Arial", sans-serif;
  color: #303030;
  font-size: 1rem;
}

i {
  font-style: normal;
}

a {
  text-decoration: none;
}

h1 {
  font-size: 1.6rem;
}

h2 {
  font-size: 1.5rem;
}

/* body */
#wrapper {
  max-width: 1020px;
  min-width: 950px;
  margin: auto;
  overflow: hidden;
  min-height: 400px;
}

/* header */
#header {
  width: 100%;
  background-color: #012169;
  padding: 5px;
}

.header_container,
.footer_container {
  width: 100%;
  max-width: 1020px;
  display: table;
  margin: 0 auto;
}
#mobile_header {
  display: none;
  background-color: #012169;
  padding: 1rem 1rem;
}

.header_left,
.header_right {
  display: table-cell;
  vertical-align: middle;
  padding: 0.7rem 0.7rem;
}

.header_left_inner #logo_area {
  vertical-align: bottom;
}

#logo {
  display: inline-block;
  width: 100px;
  height: 60px;
  vertical-align: middle;
  border: none;
  background-repeat: no-repeat;
  background-size: 100px 60px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/logo_white.png);
}

#sub_title,
#main_title {
  padding-left: 1rem;
  color: #ffffff;
}

.header_left_inner #sub_title {
  font-size: 1.3rem;
  line-height: 1.5rem;
  vertical-align: middle;
}

.header_left_inner #main_title {
  font-size: 2rem;
  line-height: 1.5rem;
  vertical-align: bottom;
}

.header_right {
  text-align: right;
}

.right_inner {
  display: inline-block;
  text-align: left;
}
.right_inner a {
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  font-weight: 700;
  color: #012169;
}

#what_is {
  text-align: center;
  margin: 0.6rem auto 0.6rem auto;
  width: 260px;
  border-bottom: 4px solid #ff710a;
}
#what_is .sub_title {
  letter-spacing: 0.03rem;
}
#what_is a {
  color: #012169;
  font-weight: bold;
  font-size: 1.4rem;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
#what_is a:hover {
  background-color: rgb(217, 230, 255);
}

/* Googleカスタム検索 */

.gsc-control-cse {
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 0 !important;
}

.gsc-input-box {
  height: auto !important;
}

.gsib_a {
  padding: 0 !important;
}
.gsst_b {
  padding: 0 !important;
}

.gsc-search-button {
  padding-left: 2px !important;
}

#gsc-i-id1 {
  width: 190px !important;
  height: 2rem !important;
}

#searchBtn,
input.gsc-search-button.gsc-search-button-v2 {
  width: 21px;
  height: 21px;
  vertical-align: middle;
  border: none;
  background-repeat: no-repeat;
  background-size: 21px 21px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/mushimegane.png);
}

/* 重要なお知らせ領域 */
#important_news_area {
  margin-top: 1.3rem;
  border: 4px solid #ff710a;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-color: rgb(255, 247, 240);
}
#important_news_area h2 {
  padding: 0.5rem;
  background-color: #ff710a;
  color: rgb(255, 247, 240);
}

#important_news {
  padding: 0.5rem;
  padding-top: 0;
}

#iptnws_title .important {
  display: inline-block;
  width: 24px;
  height: 22px;
  vertical-align: sub;
  border: none;
  background-repeat: no-repeat;
  background-size: 24px 22px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/icon_important.png);
  margin-right: 0.6rem;
}
.news_span {
  padding: 0.5rem;
  color: #fff;
  font-size: 1.5rem;
  display: inline-block;
  line-height: 0.5rem;
}
.info_area {
  width: 100%;
  margin-top: 1.3rem;
  border: 4px solid rgb(91, 124, 193);
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
.info_area h2 {
  padding: 0.5rem;
  background-color: rgb(91, 124, 193);
  color: #fff;
  border-bottom: 4px solid #ff710a;
}
.info_area_inner {
  padding: 0.5rem;
  padding-top: 0;
}

#news_list {
  width: 100%;
  margin-top: 1.3rem;
}

/* 情報リスト項目 */
.block_news {
  border-bottom: dotted 1px #012169;
  width: 100%;
  display: table;
}
.block_news:last-child {
  border-bottom: none;
}
.block_news > a {
  display: block;
}
.block_news > a > span {
  display: table-cell;
  padding: 0.4rem 1rem 0.2rem 0rem;
  vertical-align: top;
}
.block_news > a > span:first-child {
  width: 155px;
  font-size: 0;
}
.block_news > a > span:first-child div {
  display: inline-block;
}

.icon_area {
  margin-left: 1rem;
}
.news_icon {
  display: inline-block;
  font-weight: bold;
  font-size: 0.9rem;
  text-align: center;
  padding: 0.3rem 0.4rem;
  min-width: 50px;
}
.news_icon.common {
  color: #ffffff;
  background-color: rgb(142, 11, 11);
}
.news_icon.staff {
  color: #ffffff;
  background-color: rgb(11, 142, 29);
}
.news_icon.student {
  color: #ffffff;
  background-color: rgb(11, 116, 142);
}

.block_news .date {
  color: #012169;
}

#important_news_area .block_news {
  border-bottom: dotted 1px #aa8e4f;
}
#important_news_area .block_news:last-child {
  border-bottom: none;
}
#important_news_area .block_news .date {
  color: #aa8e4f;
}

#notice_area h2,
#maintenance_area h2,
#failure_area h2 {
  cursor: pointer;
}

.block_news .title {
  font-size: 1.2rem;
  word-wrap: break-word;
  word-break: break-all;
}

#notice_area .info {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: sub;
  border: none;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/icon_info.png);
  margin-right: 0.6rem;
}

#maintenance_area .maintenance {
  display: inline-block;
  width: 25px;
  height: 24px;
  vertical-align: middle;
  border: none;
  background-repeat: no-repeat;
  background-size: 25px 24px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/icon_maintenance.png);
  margin-right: 0.6rem;
}

#failure_area .failure {
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: sub;
  border: none;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/icon_failure.png);
  margin-right: 0.7rem;
}
/* contents_area */
#contents_area {
  display: table;
  width: 100%;
  table-layout: fixed;
}

#contents_left {
  display: table-cell;
  vertical-align: top;
  width: 25rem;
  padding-right: 1.3rem;
}

#contents_inner {
  display: table-cell;
  vertical-align: top;
}

.list_link {
  text-align: right;
  padding: 0.3rem 0;
  color: #012169;
  font-size: 1.2rem;
}
.list_link:hover {
  font-weight: bold;
}
.list_link a:after {
  content: " ＞";
}

.block_news:hover {
  background-color: rgb(217, 230, 255);
}
#important_news .block_news:hover {
  background-color: rgb(255, 208, 166);
}

/* サービスボタン */
#service_list,
#support_area {
  width: 100%;
  margin-top: 1.3rem;
  display: table;
}

#service_list {
  padding: 0.5rem 33% 0.5rem 0.5rem;
  background-repeat: no-repeat;
  background-size: 1020px auto;
  background-position: 0px 0px;
  background-image: url(../images/top_bg.png);
}

.service_row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.config_row {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 80%;
  margin: auto;
}

#service_list h2 {
  vertical-align: sub;
  border: none;
  color: #ffffff;
  margin: 0.6rem 0 0.5rem 1rem;
  border-bottom: 2px solid #ff710a;
}
#service_list h2 .sub_title,
#contents_area h2 .sub_title {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: normal;
  color: #fff;
  padding-left: 0.5rem;
  letter-spacing: 0.04rem;
}
#service_list .service {
  display: inline-block;
  width: 32px;
  height: 26px;
  vertical-align: -0.5rem;
  border: none;
  background-repeat: no-repeat;
  background-size: 32px 26px;
  background-position: 0px 0px;
  background-color: rgba(255, 255, 255, 0);
  background-image: url(../images/icon_service.png);
  margin-right: 0.6rem;
}
.service_row.service_bottom .service_button {
  height: 5rem;
}

.config_row.service_bottom .service_button {
  margin: 1rem 0 0.5rem 2rem;
  height: 6rem;
}
.grad1 {
  background: -webkit-gradient(linear, top, bottom, from(rgb(235, 242, 255)), to(rgb(217, 230, 255)));
  background: -webkit-linear-gradient(top, rgb(235, 242, 255), rgb(217, 230, 255));
  background: -moz-linear-gradient(top, rgb(235, 242, 255), rgb(217, 230, 255));
  background: -o-linear-gradient(top, rgb(235, 242, 255), rgb(217, 230, 255));
  background: linear-gradient(to bottom, rgb(235, 242, 255), rgb(217, 230, 255));
}
.grad1:hover {
  background: -webkit-gradient(linear, top, bottom, from(rgb(217, 230, 255)), to(rgb(186, 198, 224)));
  background: -webkit-linear-gradient(top, rgb(217, 230, 255), rgb(186, 198, 224));
  background: -moz-linear-gradient(top, rgb(217, 230, 255), rgb(186, 198, 224));
  background: -o-linear-gradient(top, rgb(217, 230, 255), rgb(186, 198, 224));
  background: linear-gradient(to bottom, rgb(217, 230, 255), rgb(186, 198, 224));
}

.grad2,
.grad3 {
  border: 1px solid rgb(245, 207, 184);
  background: -webkit-gradient(linear, top, bottom, from(rgb(255, 247, 242)), to(rgb(255, 220, 195)));
  background: -webkit-linear-gradient(top, rgb(255, 247, 242), rgb(255, 220, 195));
  background: -moz-linear-gradient(top, rgb(255, 247, 242), rgb(255, 220, 195));
  background: -o-linear-gradient(top, rgb(255, 247, 242), rgb(255, 220, 195));
  background: linear-gradient(to bottom, rgb(255, 247, 242), rgb(255, 220, 195));
}
.grad2:hover,
.grad3:hover {
  background: -webkit-gradient(linear, top, bottom, from(rgb(255, 220, 195)), to(rgb(245, 207, 184)));
  background: -webkit-linear-gradient(top, rgb(255, 220, 195), rgb(245, 207, 184));
  background: -moz-linear-gradient(top, rgb(255, 220, 195), rgb(245, 207, 184));
  background: -o-linear-gradient(top, rgb(255, 220, 195), rgb(245, 207, 184));
  background: linear-gradient(to bottom, rgb(255, 220, 195), rgb(245, 207, 184));
}

.grad4 {
  border: 1px solid rgb(205, 205, 205);
  background: -webkit-gradient(linear, top, bottom, from(rgb(245, 245, 245)), to(rgb(235, 235, 235)));
  background: -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(235, 235, 235));
  background: -moz-linear-gradient(top, rgb(245, 245, 245), rgb(235, 235, 235));
  background: -o-linear-gradient(top, rgb(245, 245, 245), rgb(235, 235, 235));
  background: linear-gradient(to bottom, rgb(245, 245, 245), rgb(235, 235, 235));
}
/*.grad4:hover{
	border: 1px solid rgb(205,205,205);
	background:       -webkit-gradient(linear, top, bottom, from(rgb(235,235,235)), to(rgb(205,205,205)));
	background:-webkit-linear-gradient(top, rgb(235,235,235), rgb(205,205,205));
	background:   -moz-linear-gradient(top, rgb(235,235,235), rgb(205,205,205));
	background:     -o-linear-gradient(top, rgb(235,235,235), rgb(205,205,205));
	background:        linear-gradient(to bottom, rgb(235,235,235), rgb(205,205,205));
}*/

.grad4:hover {
  background: -webkit-gradient(linear, top, bottom, from(rgb(255, 220, 195)), to(rgb(245, 207, 184)));
  background: -webkit-linear-gradient(top, rgb(255, 220, 195), rgb(245, 207, 184));
  background: -moz-linear-gradient(top, rgb(255, 220, 195), rgb(245, 207, 184));
  background: -o-linear-gradient(top, rgb(255, 220, 195), rgb(245, 207, 184));
  background: linear-gradient(to bottom, rgb(255, 220, 195), rgb(245, 207, 184));
}

.service_button_inner,
.service_button_inner2,
.service_button_inner3 {
  display: table;
  width: 100%;
  height: 100%;
}
.service_button_inner a,
.service_button_inner2 a,
.service_button_inner3 a {
  display: table-cell;
  padding: 0.5rem;
  vertical-align: middle;
}

.service_button .title1 {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  color: rgb(80, 80, 80);
}
.service_button .title2,
.service_button .title3 {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  color: rgb(80, 80, 80);
}
.service_button .sub_title {
  text-align: center;
  font-size: 1.2rem;
}

.service_button {
  font-size: 0.9rem;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
  height: 8rem;
  margin-left: 1rem;
  margin-bottom: 1rem;
  -webkit-box-flex: 1;
  box-flex: 1;
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
}
#support_area .service_button:first-child {
  margin-left: 0;
}
#support_area .service_button:last-child {
  margin-right: 0;
}

.service_row.service_bottom .service_button {
  margin-bottom: 0;
}

.related_site {
  display: table;
}

.link_button_outer {
  display: table-cell;
  vertical-align: top;
}

/* 関連サイトリンク */
#support_area {
  margin-top: 1.3rem;
}

#support_area .service_button {
  height: 5.5rem;
}

/* ページング */
.pageNavi {
  margin: 10px auto;
  text-align: center;
}

.pageNavi span {
  margin: 0;
  padding: 5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 1rem;
  color: rgb(0, 0, 0);
  background-color: rgb(255, 208, 166);
}
.pageNavi span.enable {
  cursor: pointer;
}
.pageNavi span.disable,
.pageNavi span.enable {
  display: inline-block;
  width: 2.2rem;
  text-align: center;
}
.pageNavi span.enable.next,
.pageNavi span.disable.prev,
.pageNavi span.enable.prev,
.pageNavi span.disable.next {
  width: 4rem;
}
.pageNavi span.paging_omitted,
.pageNavi span.paging_omitted:hover {
  font-size: 0.6em;
  padding: 5px 2px;
}

.pageNavi span:hover {
  color: rgb(0, 0, 0);
  background-color: #ff710a;
}
.pageNavi span.disable,
.pageNavi span.disable:hover {
  color: rgb(167, 167, 167);
  background-color: rgb(223, 223, 223);
}
.pageNavi span.paging_selected,
.pageNavi span.paging_selected:hover {
  color: rgb(255, 255, 255);
  background-color: #ff710a;
}
.pageNavi span.paging_omitted,
.pageNavi span.paging_omitted:hover {
  color: rgb(167, 167, 167);
  background-color: transparent;
}

/*パンくずリスト*/
.topic_path {
  margin-top: 1rem;
}

.topic_path span,
.topic_path span a {
  font-size: 1.1rem;
}
.topic_path span {
  padding-right: 0.3rem;
  white-space: nowrap;
}
.topic_path span a {
  background: url(../images/topic_path.png) no-repeat right center;
  padding-right: 1.5rem;
}

/* footer */
#footer {
  width: 100%;
  margin: 0 auto;
  margin-top: 1.3rem;
  background-color: #012169;
}

#footer_upper,
.footerline {
  max-width: 1020px;
  margin: 0 auto;
}

#footer .footerbox {
  display: inline-block;
  width: 31.9%;
  margin-top: 1rem;
  vertical-align: top;
  text-align: center;
}
#footer .footerbox_sub a.sitemap_mobile {
  display: none;
}
#footer .footerBorder_l,
#footer .footerBorder_r {
  display: inline-block;
  width: 1px;
  height: 8rem;
  margin-top: 1rem;
  background-color: #9dafe5;
}

#footer span:last-child {
  padding-left: 0px;
}

.footer_inner {
  text-align: left;
}

#footer a:hover {
  text-decoration: underline;
}
#footer .footerbox_sub {
  display: inline-block;
  text-align: left;
}
.footerline {
  width: 100%;
  text-align: center;
  background-color: #012169;
  font-style: normal;
  font-size: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.footerline_text {
  color: #fff;
}

.hidden {
  display: none;
}
/* responsive */
@media screen and (max-width: 950px) {
  #wrapper {
    max-width: none;
    min-width: 300px;
    height: auto;
    margin: auto;
    overflow: hidden;
  }

  #header.pc {
    display: none;
  }
  #mobile_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header_left_inner img {
    width: 25%;
    height: auto;
  }
  .header_left_inner #sub_title {
    font-size: 1.2rem;
    line-height: 1.6rem;
  }

  .header_left_inner #main_title {
    font-size: 1.5rem;
    line-height: 1.8rem;
    padding-top: 1.1rem;
  }
  h1 span.title_text {
    display: block;
    font-size: 1.4rem;
    color: #012169;
  }
  .header_right_inner {
    padding: 3px;
  }

  #what_is {
    padding: 0.5rem;
  }
  #gsc-i-id1 {
    width: 250px;
  }

  #service_list h2 {
    padding: 0.5rem;
    margin: 0;
    background-color: #4474bd;
  }

  #service_list,
  #support_area {
    width: 100%;
    height: auto;
    border: 0;
    margin-top: 0rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #service_list {
    padding: 0;
    background: none;
  }
  .service_button {
    font-size: 0.9rem;
    word-wrap: break-word;
    word-break: break-all;
    width: 100%;
    height: 8rem;
    margin: 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  #support_area {
    border-top: 1px solid rgb(195, 195, 195);
  }
  .grad1,
  .grad2,
  .grad3,
  .grad4 {
    border: 0;
  }

  .service_button_inner {
    height: 7.2rem;
    border-right: 1px solid rgb(186, 198, 224);
    margin-top: 0.4rem;
  }
  .service_button:last-child .service_button_inner,
  .service_button:last-child .service_button_inner2 {
    border-right: 0;
  }
  .service_button_inner a {
    padding: 0;
  }
  .service_button_inner2 {
    height: 4.4rem;
    margin-top: 0.8rem;
    border-right: 1px solid rgb(186, 198, 224);
  }
  .config_row {
    width: 100%;
  }
  .config_row.service_bottom .service_button {
    margin: 0;
    height: 6rem;
  }
  #support_area .service_button_inner {
    height: 4.4rem;
    border-right: 1px solid rgb(205, 205, 205);
    margin-top: 0.3rem;
  }

  .service_button .title1,
  .service_button .title2,
  .service_button .title3 {
    font-size: 1.2rem;
  }
  .service_button .sub_title {
    font-size: 0.8rem;
  }
  #contents_area {
    display: block;
  }
  #contents_inner {
    display: block;
  }

  #important_news_area {
    width: 100%;
    height: auto;
    margin-top: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 2rem;
  }
  .info_area {
    width: 100%;
    height: auto;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-top: 0rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .block_news {
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .icon_area {
    margin-left: 0rem;
  }
  .block_news > a > span {
    display: table-cell;
    padding: 0rem 2rem 0rem 0rem;
    vertical-align: top;
  }
  .block_news > a > span:first-child {
    width: auto;
  }
  .block_news > a > span:first-child div {
    display: block;
  }

  .icon_area {
    text-align: center;
  }

  .list_link {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  #support_area {
    margin-top: 0rem;
  }
  .support_inner2 {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .link_button_outer {
    width: 100%;
    text-align: center;
  }

  .link_button {
    width: 100%;
    height: 6rem;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: -webkit-gradient(linear, top, bottom, from(rgb(235, 235, 235)), to(rgb(205, 205, 205)));
    background: -webkit-linear-gradient(top, rgb(235, 235, 235), rgb(205, 205, 205));
    background: -moz-linear-gradient(top, rgb(235, 235, 235), rgb(205, 205, 205));
    background: -o-linear-gradient(top, rgb(235, 235, 235), rgb(205, 205, 205));
    background: linear-gradient(to bottom, rgb(235, 235, 235), rgb(205, 205, 205));
  }
  .link_button a {
    font-size: 1.2rem;
    border-right: 1px solid rgb(185, 185, 185);
    height: 90%;
    margin-top: 0.6rem;
    margin-bottom: 0.8rem;
    display: block;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .link_button_outer:last-child .link_button a {
    border-right: none;
  }

  .pageNavi {
    margin: 1rem;
  }

  .topic_path {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    margin-bottom: 0.5rem;
  }

  #footer {
    margin-top: 0;
  }
  #footer .footerbox {
    width: 48%;
  }

  #footer .sitemap {
    display: none;
  }
  #footer .footerBorder_l {
    display: none;
  }
  #footer .footerbox_sub a.sitemap_mobile {
    display: block;
  }
  #footer .footerBorder_r {
    height: 13rem;
  }
  .footerline_text {
    display: block;
  }
}
@media screen and (max-width: 520px) {
  #mobile_header {
    flex-direction: column;
    padding-bottom: 15px;
  }

  #mobile_header #sub_title,
  #footer #sub_title {
    font-size: 0.95rem;
    bottom: -10px;
    position: relative;
  }
  #mobile_header #main_title,
  #footer #main_title {
    position: relative;
    bottom: 6px;
  }
  .footer_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
  }
}