.dispc,
.breakpc {
  display: block; }

@media all and (max-width: 768px) {
  .dispc,
  .breakpc {
    display: none; } }

.dissp,
.breaksp {
  display: block; }

@media all and (min-width: 769px) {
  .dissp,
  .breaksp {
    display: none; } }

.linkpd {
  padding-left: 270px;
  display: block;
  margin-top: 50px; }

.mb00 {
  margin-bottom: 0; }

.page_gallery .col3_box .col3 {
  width: 290px;
  margin-right: 15px; }

.page_gallery .col3_box .col3:last-child {
  margin-right: 0; }

.page_gallery .col3_box .col3 iframe {
  width: 100%;
  height: 190px; }

.page_gallery .col3_box .col3 img {
  width: 290px; }

.page_know .block4 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.page_know .pd20 {
  padding: 20px 0 80px 0; }

.page_know .pd20 ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.page_know .pd20 ul li {
  margin-right: 10px; }

.page_know .pd20 ul li select,
.page_know .pd20 ul li input[type=text] {
  width: 100%; }

.page_know .pd20 ul li:nth-child(4) {
  margin-right: 0; }

.page_know .pd20 ul li:last-child {
  width: 100%;
  margin-top: 10px; }

.page_know .page ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.archor_link {
  padding-top: 80px;
  margin-top: -80px; }

#future_path .beige table tr:first-child th:first-child {
  width: 41px; }

#future_path .beige table tr:first-child th:nth-child(2) {
  width: 468px; }

.page_mathematics .img, .page_physics .img, .page_chemistry .img, .page_liberal .img, .page_jimu .img, .page_voice .img {
  width: 250px; }

.page_mathematics .img img, .page_physics .img img, .page_chemistry .img img, .page_liberal .img img, .page_jimu .img img, .page_voice .img img {
  width: 100%; }

@media all and (min-width: 769px) {
  #graph .txt_c img {
    margin: 0 auto; }
  .two-row img {
    float: left; } }

@media all and (max-width: 768px) {
  /* page top, common part */
  #wrapper .mt00sp {
    margin-top: 0 !important; }
  .archor_link {
    padding-top: 0px;
    margin-top: 0px; }
  body {
    font-size: 1.3rem; }
  .flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  body img,
  body iframe {
    max-width: 100%;
    line-height: 0; }
  .mb20sp {
    margin-bottom: 20px !important; }
  .col2_box .col2,
  .col2_box .col2_right,
  .col2_box,
  .col3_box,
  #slider_wrap,
  #content .container .msg,
  #content .container .img,
  #footer .clear_p,
  #footer .clear_g,
  #footer .clear_p .color_box,
  #footer .clear_p .fl_sitemap,
  #footer .clear_p p,
  #footer .clear_g .color_box,
  #topicPath,
  #snav .s_menu,
  #side_news_box,
  #footer .clear_p .fr_sitemap,
  .col2_box .col2_right ul li,
  .col2_box .col2,
  .col3_box .col3,
  .col4_box .col4,
  .mosaic-block {
    width: 100%;
    float: initial; }
  body {
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    margin: 0 auto;
    background: url(../common_img/sp_bg001.png) repeat center center;
    background-size: contain;
    overflow: hidden; }
  #wrapper {
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    margin: 0 auto; }
  #wrapper #main {
    width: 100%;
    max-width: 480px;
    min-width: 320px;
    margin: 0 auto;
    background: none; }
  #content {
    min-height: auto; }
  #snav {
    float: initial;
    width: 100%;
    position: relative;
    background: none; }
  #snav .logo {
    background: #ffffff;
    padding: 3%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #snav .logo .logo-left {
    width: 50%; }
  #snav .logo .logo-left img {
    height: 45px; }
  #snav .logo .logo-right {
    width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #snav .logo .logo-right .btn-menu {
    margin-left: 5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #snav .logo .logo-right .btn-menu .menu_on {
    opacity: 0;
    width: 0; }
  #snav .logo .logo-right .btn-menu.open {
    position: relative;
    z-index: 999; }
  #snav .logo .logo-right .btn-menu.open .menu_on {
    opacity: 1;
    width: 50px; }
  #snav .logo .logo-right .btn-menu.open .menu_off {
    opacity: 0;
    width: 0; }
  #snav .logo .h-btn {
    width: 50px; }
  #snav .logo .h-btn img {
    width: 50px; }
  #snav #gnav {
    position: absolute;
    opacity: 0;
    width: 100%;
    z-index: 99;
    background: #ffffff;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    left: -769px;
    height: auto; }
  #snav #gnav.open {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    top: -72px;
    left: 0;
    padding: 160px 0 0;
    height: auto; }
  #content_wrap {
    float: initial;
    width: 100%;
    padding-top: 0; }
  #h_menu {
    padding: 20px 10px; }
  #h_menu ul {
    position: relative;
    top: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #h_menu ul li {
    float: initial;
    padding: 0;
    width: 48%;
    margin-right: 12px;
    margin-top: 12px;
    width: calc(50% - 6px);
    width: -webkit-calc(50% - 6px);
    width: -moz-calc(50% - 6px);
    width: -ms-calc(50% - 6px);
    width: -o-calc(50% - 6px);
    margin-right: 12px;
    float: left; }
  #h_menu ul li:first-child {
    margin-right: 12px; }
  #h_menu ul li:nth-child(2n) {
    margin-right: 0; }
  #h_menu ul li img {
    width: 100%;
    height: 100%; }
  #h_menu ul li a {
    display: block; }
  #h_menu ul li:first-child, #h_menu ul li:nth-child(2) {
    margin-top: 0; }
  #h_menu ul li:first-child {
    position: relative; }
  #h_menu ul li:first-child::before {
    position: absolute;
    content: '';
    background: url("../images/sp_icon003.png") no-repeat center center;
    width: 10px;
    height: 14px;
    background-size: contain;
    top: 0;
    bottom: 0;
    right: -7px;
    margin: auto 0; }
  #slider_wrap {
    height: 190px;
    margin-bottom: 20px; }
  #slider_wrap ul li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  #snav .s_menu {
    width: 100%;
    padding-left: 0;
    display: none; }
  #content .container .msg .txt {
    width: 100%;
    position: relative;
    right: auto;
    top: 0; }
  #gnav .topmenu {
    border-top: none;
    padding: 0 3%;
    margin-bottom: 0; }
  #gnav .topmenu li {
    border-bottom: 1px solid #61B2A3; }
  #gnav .topmenu li a {
    display: block;
    padding: 15px;
    position: relative; }
  #gnav .topmenu li a img {
    height: 14px; }
  #gnav .topmenu li a::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #61B2A3;
    border-right: 1px solid #61B2A3;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }
  #gnav .topmenu li:nth-child(3) a img,
  #gnav .topmenu li:nth-child(4) a img,
  #gnav .topmenu li:nth-child(5) a img,
  #gnav .topmenu li:nth-child(6) a img {
  /*#gnav .topmenu li:nth-child(9) a img
  #gnav .topmenu li:nth-child(8) a img */
    height: 32px; }
  #gnav .topmenu li:nth-child(1) {
    border-top: 1px solid #61B2A3; }
  #gnav .topmenu li:last-child {
    border-bottom: none; }
  #gnav .topmenu li ul.toggle-box {
    padding-bottom: 10px; }
  #gnav .topmenu li ul.toggle-box li {
    border-bottom: none;
    border-top: none; }
  #gnav .topmenu li ul.toggle-box li a {
    font-weight: bold;
    padding: 5px 10px 5px 50px;
    background: url(../common_img/arrow03.gif) no-repeat left 35px center; }
  #gnav .topmenu li ul.toggle-box li a::before {
    display: none; }
  #gnav .topmenu li .show::before {
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  .fixed#h_menu ul {
    position: relative; }
  #content .container {
    padding-top: 0;
    margin-bottom: 0; }
  #content .container .msg a {
    position: relative;
    right: 0;
    bottom: 0; }
  #wrapper .top_page .pic_r .img {
    padding: 20px 3%; }
  #wrapper .top_page .col3_box {
    padding: 0 3%; }
  #wrapper .top_page .col3_box .col3:nth-child(1) .mosaic-overlay, #wrapper .top_page .col3_box .col3:nth-child(3) .mosaic-overlay {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  #wrapper .top_page .col3_box .col3 {
    margin-bottom: 20px; }
  #wrapper .pic_r .voice {
    padding: 20px 3% !important; }
  #wrapper .pic_r .voice .mt25 {
    margin-top: 0; }
  #wrapper .pic_r .voice .ml25 {
    margin-left: 0; }
  #wrapper .pic_r .voice h2 {
    position: relative;
    top: 0;
    right: auto;
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 10px; }
  #wrapper .pic_r .voice ul.ml25 {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px; }
  #wrapper .pic_r .voice ul.ml25 .voice_ph {
    margin: 0 auto; }
  #side_news {
    padding: 20px 3%; }
  #side_news_box {
    height: 280px; }
  .col2_box .col2_right ul li {
    padding: 1px; }
  .col2_box .col2_right {
    margin-right: 0;
    padding: 20px 3% 0; }
  .col2_box .col2_right li {
    background: #BF41F4;
    margin-bottom: 20px; }
  .col2_box .col2_right li a {
    display: block;
    position: relative;
    width: 100%;
    height: 212px; }
  .col2_box .col2_right li a .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 10px;
    color: #ffffff;
    background: rgba(191, 65, 244, 0.5);
    height: 95px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .col2_box .col2_right li a .txt h3 {
    font-size: 16px;
    font-weight: normal; }
  .col2_box .col2_right li a .txt p {
    font-size: 12px;
    margin-top: 5px; }
  .col2_box .col2_right li:nth-child(2) {
    background: #B7AA00; }
  .col2_box .col2_right li:nth-child(2) a .txt {
    background: rgba(183, 170, 0, 0.5); }
  .col2_box .col2_right li:nth-child(3) {
    background: #B40712; }
  .col2_box .col2_right li:nth-child(3) a .txt {
    background: rgba(180, 7, 18, 0.5); }
  .col2_box .col2_right li:nth-child(4) {
    background: #61B2A3; }
  .col2_box .col2_right li:nth-child(4) a .txt {
    background: rgba(97, 178, 163, 0.5); }
  .col2_box .col2_right li:last-child {
    margin-bottom: 0; }
  .col3_box .col3 {
    margin-right: 0; }
  .col3_box .col3 .mosaic-block {
    width: 100%;
    height: 200px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(134, 86, 147, 0.5);
    text-decoration: none; }
  .col3_box .col3 .mosaic-overlay {
    position: relative;
    height: 100%;
    bottom: 0;
    background: none;
    width: 50%;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .col3_box .col3 .mosaic-overlay h3 {
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal; }
  .col3_box .col3 .bg_bar {
    width: 50%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .mosaic-overlay .mosaic_txt {
    padding: 0;
    margin-top: 10px;
    font-size: 13px; }
  #footer .clear_p .color_box {
    min-height: auto; }
  #footer .f_sitemap .color_box {
    padding: 20px 3%; }
  #footer .clear_p {
    margin-bottom: 20px; }
  #footer .clear_g .color_box {
    min-height: auto; }
  #footer .f_sitemap ul:last-child {
    margin-bottom: 0; }
  #footer .clear_g ul {
    margin-left: 0; }
  #footer .f_address {
    padding: 20px 3%; }
  .float_r,
  .float_l {
    float: initial;
    margin-right: 0; }
  #footer .f_address p {
    font-size: 13px; }
  #footer .f_address .float_l {
    margin-right: 0; }
  .col2_box .col2_right li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  #footer h3 {
    margin-bottom: 20px;
    padding: 0 3%; }
  #footer {
    border-top: #9c5dae solid 5px;
    padding-top: 20px; }
  #footer .clear_p a.f_home {
    margin-bottom: 20px; }
  #footer .f_sitemap ul {
    margin-bottom: 20px; }
  .voice_ph {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #content .container .msg .title_txt {
    margin-bottom: 10px;
    font-size: 16px; }
  #content .container .msg .txt {
    margin-bottom: 10px; }
  #side_news_box dl dt span {
    padding: 3px 5px;
    width: 100px; }
  .bg-white {
    background: #ffffff;
    padding: 20px 0; }
  .bg-white .logo-footer {
    display: inline-block;
    margin: 0 auto;
    text-align: center; }
  .bg-white .logo-footer img {
    max-width: 80%; }
  .bg-white .facebook-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .bg-white .menu-footer {
    background: #9C5DAE;
    padding: 13px 3%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .bg-white .menu-footer p img {
    height: 16px; }
  .bg-white .menu-footer .hamburger {
    width: 30px;
    position: relative; }
  .bg-white .menu-footer .hamburger span {
    width: 100%;
    height: 2px;
    display: inline-block;
    background: #ffffff;
    margin-top: 5px; }
  .bg-white .menu-footer .hamburger span:first-child {
    margin-top: 0; }
  .bg-white .menu-footer .open span:first-child {
    -webkit-transform: translateY(7px) rotate(-225deg);
    -ms-transform: translateY(7px) rotate(-225deg);
    transform: translateY(7px) rotate(-225deg); }
  .bg-white .menu-footer .open span:nth-child(2) {
    -webkit-transform: translateY(0) rotate(225deg);
    -ms-transform: translateY(0) rotate(225deg);
    transform: translateY(0) rotate(225deg); }
  .bg-white .menu-footer .open span:nth-child(3) {
    display: none; }
  .bg-white #gnav {
    padding: 0 3%; }
  .bg-white #gnav .topmenu {
    padding: 0 3%; }
  .bg-white #gnav .topmenu li:first-child {
    border-top: none; }
  .bg-white .gnav-bottom {
    opacity: 0; }
  .bg-white #snav #gnav.open {
    opacity: 1;
    position: relative;
    top: 0;
    padding-top: 0; }
  .bg-white .hist_menu {
    margin: 20px 3% 20px; }
  .bg-white .hist_menu dd a {
    color: #593829 !important; }
  .bg-white .s_menu {
    padding: 0 3%; }
  .bg-white .s_menu li {
    width: calc(33.3% - 6.66667px);
    width: -webkit-calc(33.3% - 6.66667px);
    width: -moz-calc(33.3% - 6.66667px);
    width: -ms-calc(33.3% - 6.66667px);
    width: -o-calc(33.3% - 6.66667px);
    margin-right: 10px;
    float: left;
    margin-top: 10px; }
  .bg-white .s_menu li:nth-child(3n) {
    margin-right: 0; }
  .bg-white .s_menu li:nth-child(1), .bg-white .s_menu li:nth-child(2), .bg-white .s_menu li:nth-child(3) {
    margin-top: 0; }
  .bg-white .s_menu li:nth-child(8) {
    margin-right: 0;
    width: calc(100% - 120.7px); }
  .bg-white .s_menu li:nth-child(8) {
    width: 110.7px;
    margin-right: 0;
    margin-left: 8px; }
  #page-up {
    bottom: 20px;
    right: 15px;
    width: 50px;
    height: 50px;
    z-index: 9;
    text-align: right; }
  /*  end page top, common part */
  #topicPath {
    display: none; }
  .seconds_page {
    padding: 20px 3% 30px !important; }
  .seconds_page .col3_box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .seconds_page .col3_box .col3 {
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -ms-calc(50% - 5px);
    width: -o-calc(50% - 5px);
    margin-right: 10px;
    float: left;
    margin-bottom: 10px; }
  .seconds_page .col3_box .col3:nth-child(2n) {
    margin-right: 0; }
  .seconds_page .col3_box .col3:nth-child(3) {
    margin-bottom: 0; }
  .seconds_page .col3_box .col3 .img-top {
    height: 150px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover; }
  .seconds_page .col3_box .col3 .imghover {
    height: 34px;
    -o-object-fit: contain;
    object-fit: contain; }
  .seconds_page .col2_box,
  .seconds_page .col3_box,
  .seconds_page .col4_box {
    margin-bottom: 20px; }
  .seconds_page .pic_r .msg_hl,
  .seconds_page .pic_r .msg_hl2 {
    margin-right: 0;
    padding: 20px 15px;
    text-align: justify; }
  .seconds_page .section {
    margin-bottom: 35px; }
  .seconds_page .tb_style {
    width: 900px; }
  .seconds_page .table_sp {
    overflow-x: scroll; }
  .seconds_page #faculty_menu strong {
    margin-left: 0;
    text-align: center; }
  .seconds_page #faculty_menu {
    padding: 15px; }
  .seconds_page #faculty_menu li {
    float: initial;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px; }
  .seconds_page .table_style1 .tb_style {
    width: 100%; }
  .seconds_page .table_style1 table,
  .seconds_page .table_style1 tbody,
  .seconds_page .table_style1 tr,
  .seconds_page .table_style1 th,
  .seconds_page .table_style1 td {
    display: block; }
  .seconds_page .table_style1 th {
    width: 100%;
    border-bottom: none; }
  .seconds_page .table_style1 td {
    border-bottom: none; }
  .seconds_page .table_style1 table tr:last-child td {
    border-bottom: 1px solid #dfc5e7; }
  .seconds_page .table_style1 table tr td a {
    word-break: break-all; }
  .seconds_page .pic_l .msg,
  .seconds_page .pic_r .img {
    float: initial;
    width: auto; }
  .seconds_page .highlight {
    margin-bottom: 20px; }
  .title_sub,
  .title_color {
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: #c9bf40 solid 2px; }
  .title_sub img,
  .title_color img {
    height: 22px; }
  .title_section {
    font-size: 18px; }
  .page_about .about_nav {
    margin-bottom: 20px; }
  #mathematics01.main_department,
  #physics01.main_department,
  #chemistry01.main_department,
  #liberal01.main_department,
  #jimu01.main_department {
    padding-right: 0;
    padding: 20px 15px;
    text-align: justify;
    min-height: auto;
    background: #FDF6FF;
    margin-bottom: 30px; }
  .pic_l .msg_hl,
  .pic_l .msg_hl2 {
    margin-left: 0;
    padding: 20px 15px; }
  .title_page {
    font-size: 16px; }
  .container .img {
    text-align: center;
    margin-bottom: 20px; }
  .container2 .img {
    text-align: center;
    width: 100%; }
  .pic_l .img,
  .pic_r .msg {
    float: initial;
    width: 100%; }
  .container2 .title_con {
    margin: 20px 0;
    text-align: center; }
  .container2 {
    margin-bottom: 35px; }
  /* about page */
  .page_about .about_nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .page_about .about_nav div {
    width: calc(50% - 2.5px);
    width: -webkit-calc(50% - 2.5px);
    width: -moz-calc(50% - 2.5px);
    width: -ms-calc(50% - 2.5px);
    width: -o-calc(50% - 2.5px);
    margin-right: 5px;
    float: left;
    margin-left: 0;
    margin-top: 5px; }
  .page_about .about_nav div:nth-child(2n) {
    margin-right: 0; }
  .page_about .about_nav div:nth-child(1), .page_about .about_nav div:nth-child(2) {
    margin-top: 0; }
  .page_about .pic_r .img {
    text-align: center; }
  .page_about .pic_r .msg {
    margin-top: 15px; }
  .page_about .section {
    margin-top: 20px; }
  .page_about .supple_box {
    margin: 0 0 20px;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 10px; }
  .page_about #faculty_menu {
    margin-bottom: 0; }
  .page_about #faculty_menu ul li:last-child {
    margin-bottom: 0; }
  .page_about #faculty_menu .block2 {
    margin-top: 10px; }
  .page_about .container .img {
    width: 80% !important;
    margin: 0 auto; }
  .page_about .col3_box .col3 a {
    display: block; }
  .page_about .col3_box .col3:last-child {
    margin-right: 0; }
  /* award page */
  .page_award .section1 {
    background: #C2B89F;
    margin-bottom: 50px;
    height: auto;
    width: 100%;
    padding: 20px 30px 25px;
    margin-bottom: 30px;
    position: relative; }
  .page_award .section1 .txt1 {
    width: 100%;
    margin-left: 0;
    padding: 0 20px 10px;
    font-size: 22px; }
  .page_award .section1 .txt2 {
    float: initial;
    width: 100%;
    margin-left: 0;
    margin-bottom: 0;
    text-align: justify; }
  .page_award .section1::before {
    position: absolute;
    content: "";
    background: url("../award/images/sp_top-left.png") no-repeat center center;
    width: 60px;
    height: 49px;
    background-size: contain;
    top: 3px;
    left: 5px; }
  .page_award .section1:after {
    position: absolute;
    content: "";
    background: url("../award/images/sp_top-right.png") no-repeat center center;
    width: 60px;
    height: 49px;
    background-size: contain;
    top: 3px;
    right: 5px; }
  .page_award .section1 .bg-img {
    position: relative; }
  .page_award .section1 .bg-img::before {
    position: absolute;
    content: "";
    background: url("../award/images/sp_bottom-left.png") no-repeat center center;
    width: 60px;
    height: 49px;
    background-size: contain;
    bottom: -22px;
    left: -28px; }
  .page_award .section1 .bg-img:after {
    position: absolute;
    content: "";
    background: url("../award/images/sp_bottom-right.png") no-repeat center center;
    width: 60px;
    height: 49px;
    background-size: contain;
    bottom: -22px;
    right: -28px; }
  .page_award .section2 {
    margin-bottom: 30px; }
  .page_award .section2 .bg-cover {
    position: relative; }
  .page_award .section2 .bg-cover::before {
    position: absolute;
    content: "";
    background: url("../award/images/bottom-left.png") no-repeat center center;
    width: 37px;
    height: 26px;
    background-size: contain;
    bottom: 5px;
    left: 8px;
    z-index: 99; }
  .page_award .section2 .bg-cover::after {
    position: absolute;
    content: "";
    background: url("../award/images/bottom-right.png") no-repeat center center;
    width: 41px;
    height: 26px;
    background-size: contain;
    bottom: 5px;
    right: 5px;
    z-index: 99; }
  .page_award .section2 .title_section {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    background: none;
    position: relative; }
  .page_award .section2 .title_section::before {
    position: absolute;
    content: "";
    background: url(../award/images/line_side.png) repeat-y right center;
    width: 7px;
    height: 100%;
    background-size: contain;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .page_award .section2 .title_section::after {
    position: absolute;
    content: "";
    background: url(../award/images/line_side.png) repeat-y right center;
    width: 7px;
    height: 100%;
    background-size: contain;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto 0; }
  .page_award .section2 .bg_top_title_section {
    background: #360E0E;
    padding-top: 0;
    padding: 10px 20px 19px;
    position: relative; }
  .page_award .section2 .bg_top_title_section::before {
    position: absolute;
    content: "";
    background: url("../award/images/img_001.png") no-repeat center center;
    width: 45px;
    height: 27px;
    background-size: contain;
    top: 6px;
    left: 8px;
    z-index: 99; }
  .page_award .section2 .bg_top_title_section::after {
    position: absolute;
    content: "";
    background: url("../award/images/top_right.png") no-repeat center center;
    width: 45px;
    height: 27px;
    background-size: contain;
    top: 5px;
    right: 2px;
    z-index: 99; }
  .page_award .section2 .bg_bottom_title_section {
    background: none;
    position: relative;
    padding-bottom: 0; }
  .page_award .section2 .bg_bottom_title_section::before {
    position: absolute;
    content: "";
    background: url(../award/images/line_top.png) repeat-x center center;
    width: 100%;
    height: 6px;
    background-size: contain;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9; }
  .page_award .section2 .bg_bottom_title_section::after {
    position: absolute;
    content: "";
    background: url(../award/images/line_top.png) repeat-x center center;
    width: 100%;
    height: 6px;
    background-size: contain;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .page_award .section2 .cont1 {
    margin-left: auto;
    margin-right: auto; }
  .page_award .section2 .cont1 .txt4 {
    float: initial;
    width: 100%;
    text-align: center;
    margin-bottom: 20px; }
  .page_award .section2 .cont1 .txt5 {
    float: initial;
    width: 100%; }
  .page_award .section2 .cont1 .t2 {
    font-size: 16px;
    margin-bottom: 15px; }
  .page_award .section2 .cont1 .t1 {
    font-size: 22px;
    margin-bottom: 15px; }
  .page_award .mb00 {
    margin-bottom: 0; }
  .page_award .linkpd {
    padding-left: 0px;
    margin-top: 30px; }
  /* chemistry page */
  .page_chemistry .pic_l {
    margin-bottom: 30px !important; }
  .page_chemistry .highlight {
    margin-bottom: 0; }
  .page_chemistry .list_dot {
    margin: 0; }
  /*exam page */
  .page_exam #amazing_box .col2 {
    width: 100%;
    padding-left: 0;
    margin-right: 0;
    border-left: none; }
  .page_exam #amazing_box .col2:first-child {
    width: 100%;}
  .page_exam .bdl_color {
    border-top: #9c5dae solid 5px;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .page_exam .bdl_color .title_con {
    padding-top: 0px;
    margin: 20px auto; }
  .page_exam .bdl_color h3 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .page_exam #amazing_box {
    margin-bottom: 30px; }
  .page_exam #amazing_box .col2 ul li {
    margin-bottom: 5px; }
  .page_exam #amazing_box .col2 ul li:last-child {
    margin-bottom: 0; }
  .page_exam .col2_box {
    margin-bottom: 35px; }
  .page_exam #amazing_box .col2_box {
    padding: 20px 15px; }
  /*faq page*/
  .page_faq .highlight {
    padding: 20px 15px; }
  .page_faq .highlight h4 {
    font-size: 16px; }
  .page_faq .a,
  .page_faq .q {
    padding: 7px 15px 7px 55px; }
  .page_faq .a .col3_box {
    width: 100%;
    margin: 10px 0; }
  .page_faq .a .col3_box .col3 {
    width: 100%;
    margin-right: 0;
    margin-top: 0; }
  .page_faq .q {
    font-size: 14px; }
  /*gallery page*/
  .page_gallery .col3_box {
    margin-bottom: 30px; }
  .page_gallery .col3_box .col3 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px; }
  .page_gallery .col3_box .col3 a {
    display: block;
    width: 100%;
    text-align: center;
    background: #E4F4F1; }
  .page_gallery .col3_box .col3 .imghover {
    height: auto;
    margin: 0 auto; }
  /*point page*/
  .page_point .img_b.pic_r .msg .msg_hl {
    margin: 0;
    width: 100%; }
  .page_point .img_b .msg .msg_hl {
    margin: 0;
    width: 100%; }
  .page_point .col2_box .col2 {
    width: 100%;
    margin-right: 0px; }
  .page_point .pic_l .img {
    max-width: 80%;
    margin: 0 auto; }
  .page_point .container .title_con {
    margin: 20px 0; }
  .page_point #amazing_box .col2 {
    width: 100%;
    padding-left: 0;
    border-left: none; }
  .page_point #amazing_box .col2_box {
    padding: 20px 15px; }
  .page_point .img_b .msg .msg_hl {
    padding-left: 15px; }
  .page_point .img_b .msg .msg_hl p {
    text-align: justify; }
  .page_point .btn_line {
    width: 70%;
    margin: 20px auto 10px;
    padding: 10px 0; }
  .page_point .list_yellow {
    margin: 20px 0 !important; }
  .page_point .list_yellow li {
    margin-bottom: 5px;
    background: url(../point/images/dot.gif) no-repeat left top 7px; }
  .page_point .list_yellow li:last-child {
    margin-bottom: 0; }
  .page_point .bdl_color {
    border-top: #c9bf40 solid 5px;
    border-left: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .page_point .bdl_color .title_con {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 20px 0;
    padding-top: 0; }
  .page_point .col2_box .msg_hl {
    margin-top: 20px; }
  .page_point #amazing_box {
    margin-bottom: 35px; }
  .page_point .pb30sp {
    margin-bottom: 35px !important; }
  .page_point .pb30sp:last-child {
    margin-bottom: 0 !important; }
  .page_point .bdl_color .col2 .title_con {
    padding-top: 0; }
  /*number page*/
  .page_number #bg_graph {
    min-height: auto;
    margin-bottom: 0px;
    background: url(../number/images/bg_graph02.png) repeat top right;
    background-size: 20%; }
  .page_number #graph {
    padding: 0;
    background: none; }
  .page_number #graph .comment {
    width: 100%;
    padding: 20px 15px; }
  .page_number #bg_graph .graph_box02 {
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px; }
  .page_number #bg_graph .data01,
  .page_number #bg_graph .data02,
  .page_number #bg_graph .data03,
  .page_number #bg_graph .data04 {
    float: initial;
    width: 100%; }
  .page_number .rankdata {
    float: initial;
    width: 100%;
    background: #F1F7F7;
    padding-bottom: 1px;
    text-align: center; }
  .page_number .rankdata p {
    text-align: justify;
    margin: 15px 10px 10px; }
  .page_number .rankdata.center {
    margin: 0; }
  .page_number #graph .comment p {
    text-align: justify; }
  .page_number #graph .comment p strong {
    font-size: 16px;
    margin-bottom: 5px; }
  .page_number #bg_graph dl dd p {
    text-align: justify;
    line-height: 1.8; }
  .page_number #bg_graph .data04 {
    padding-top: 0px;
    margin-bottom: 0; }
  .page_number #ranking {
    padding: 20px 0 0; }
  .page_number #ranking .clearfix {
    margin-top: 20px; }
  .page_number #ranking .clearfix .rankdata {
    margin-top: 20px; }
  .page_number #ranking .clearfix .rankdata:first-child {
    margin-top: 0; }
  .page_number #ranking .clearfix:first-child {
    margin-top: 0; }
  .page_number .rankdata h5 {
    font-size: 16px;
    padding: 0px 0px 5px;
    border-bottom: 3px solid #61b2a3; }
  .page_number .mb40 {
    margin-bottom: 20px !important; }
  /*voice page*/
  .page_voice .msg .title_voice {
    margin-left: 0;
    margin: 10px 0 20px;
    padding: 0 0 10px 0px; }
  .page_voice .title_voice {
    margin-left: 0;
    margin: 10px 0 20px;
    padding: 0 0 10px 0px; }
  .page_voice .msg_hl ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .page_voice .msg_hl ul li:first-child {
    width: 90px;
    margin-right: 5px; }
  .page_voice .msg_hl ul li:last-child {
    width: calc(100% - 95px); }
  .page_voice .tit-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 15px; }
  .page_voice .tit-list li:first-child {
    width: 90px;
    margin-right: 5px; }
  .page_voice .tit-list li:last-child {
    width: calc(100% - 95px); }
  .page_voice .container {
    margin-bottom: 30px !important; }
  .page_voice .mr20 {
    margin-right: 0 !important; }
  .page_voice .ml20 {
    margin-left: 0 !important; }
  .page_voice .col2_box {
    width: 100%; }
  .page_voice .col2_box .lightboximg {
    margin-top: 15px; }
  .page_voice .col2_box .lightboximg img {
    margin-bottom: 0; }
  .page_voice_d .container {
    margin-bottom: 0 !important; }
  /*know page*/
  .page_know .info_know {
    padding: 0; }
  .page_know .sub_know {
    padding: 20px 15px;
    margin-top: 20px !important; }
  .page_know .sub_know .item {
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -ms-calc(50% - 5px);
    width: -o-calc(50% - 5px);
    margin-right: 10px;
    float: left;
    margin-top: 20px;
    margin-bottom: 0; }
  .page_know .sub_know .item:nth-child(2n) {
    margin-right: 0; }
  .page_know .sub_know .item:nth-child(1), .page_know .sub_know .item:nth-child(2) {
    margin-top: 0; }
  .page_know .pd20 {
    padding: 0 0 30px; }
  .page_know .pd20 ul li {
    width: calc(50% - 5px);
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: -ms-calc(50% - 5px);
    width: -o-calc(50% - 5px);
    margin-right: 10px;
    float: left;
    margin-top: 10px; }
  .page_know .pd20 ul li:nth-child(2n) {
    margin-right: 0; }
  .page_know .pd20 ul li:nth-child(1), .page_know .pd20 ul li:nth-child(2) {
    margin-top: 0; }
  .page_know .info_know2 .txt_b {
    display: block !important;
    margin-top: 10px; }
  .page_know .info_know2 {
    border-top: 1px solid #efe5f2; }
  .page_know .page ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .page_know .mt50 {
    margin-top: 35px !important; }
  /*history page*/
  .page_history a:visited,
  .page_history a:hover,
  .page_history a:active {
    text-decoration: none !important;
    color: inherit; }
  .page_history a {
    text-decoration: none !important; }
  .page_history #page_historyTop .htopBox {
    width: 100%;
    margin: 0; }
  .page_history #page_historyTop .htopBox li {
    float: initial;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .page_history #page_historyTop .htopBox li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column; }
  .page_history #page_historyTop .htopBox li a span {
    display: block !important; }
  .page_history #page_historyTop .htopBox li a span.mosaic-overlay {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .page_history #page_historyTop .htopBox li a figure.img {
    width: 100%;
    max-width: 100%; }
  .page_history .mosaic-overlay {
    position: relative; }
  .page_history #page_historyTop .mosaic-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .page_history #page_historyTop .mosaic-overlay {
    bottom: 0;
    height: auto; }
  .page_history #page_historyTop .mosaic-overlay figure.tit {
    background: #5A3728;
    text-align: center; }
  .page_history #page_historyTop .mosaic-overlay .mosaic_txt {
    padding: 20px 15px;
    margin-top: 0;
    text-decoration: none; }
  .page_history #page_historyTop .mosaic-block {
    height: auto; }
  .page_history #page_historyTop .mosaic-block figure.img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain; }
  .page_history #page_historyTop .htopBox2 li {
    float: initial;
    width: 100%;
    margin-bottom: 20px; }
  .page_history #page_historyTop .htopBox2 {
    width: 100%;
    margin: 0; }
  .page_history #page_historyTop .htopBox2 li:last-child {
    margin-bottom: 30px; }
  .page_history #page_historyTop .htopBox2 li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .page_history #page_historyTop .htopBox2 li a span.mosaic-overlay {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .page_history #page_historyTop .htopBox2 li a figure.img {
    width: 100%;
    max-width: 100%; }
  .page_history .htopBox3 {
    width: 100%;
    padding: 20px 15px;
    margin: 0; }
  .page_history .htopBox3 p {
    padding: 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 13px !important; }
  .page_history .htopBox3 a {
    display: block;
    text-align: center;
    max-width: 80%;
    margin: 0 auto; }
  .page_history .sec_p p {
    margin-bottom: 30px; }
  /*actual_data page*/
  .page_actdata ul {
    width: 100%; }
  .page_actdata ul li {
    float: initial;
    width: 46%;
    margin-right: 4%;
    margin-top: 10px; }
    .page_actdata ul li:nth-child(3n) {
      margin-right: 4%;
    }
  .page_actdata ul li:nth-child(2n) {
    margin-right: 0; }
  .page_actdata table {
    width: 100%; }
  .page_actdata table th,
  .page_actdata table td {
    height: 42px; }
  .page_actdata table th,
  .page_actdata table td {
    border-bottom: none;
    border-right: none; }
  .page_actdata table tr > * {
    display: block; }
  .page_actdata table tr {
    display: table-cell;
    vertical-align: top; }
  .page_actdata table tr th {
    height: 42px; }
  .page_actdata table tr th:last-child {
    border-bottom: 1px solid #9D6248; }
  .page_actdata table tr td:last-child {
    border-bottom: 1px solid #9D6248; }
  .page_actdata table tr:last-child th,
  .page_actdata table tr:last-child td {
    border-right: 1px solid #9D6248; }
  .page_actdata .txt_box2 {
    text-align: center; }
  .page_actdata .txt_box2 img {
    margin-bottom: 10px; }
  .page_actdata .txt_box2 a {
    display: inline-block; }
  .page_actdata .txt_box2 a img {
    margin-bottom: 0; }
  .page_actdata .txt_box {
    border: 2px solid #e6d3c8; }
  /*chrono page*/
  .page_chrono #meiji {
    background: none; }
  .page_chrono #taisho {
    background: none; }
  .page_chrono #showa {
    background: none; }
  .page_chrono #heisei {
    background: none; }
  .page_chrono dl {
    width: calc(100% - 50px);
    margin-left: 50px; }
  .page_chrono dt,
  .page_chrono dd {
    float: inherit;
    width: 100%; }
  .page_chrono dt {
    margin: 0 0 30px 0; }
  .page_chrono dt.ptsp {
    padding-top: 40px; }
  .page_chrono .mb00sp {
    margin-bottom: 0; }
  .page_chrono .left-side {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 35px;
    height: 100%;
    left: 0; }
  .page_chrono .left-side p {
    color: #ffffff;
    font-weight: bold;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 20px;
    letter-spacing: 5px;
    padding-top: 45px; }
  .page_chrono .block {
    position: relative;
    overflow: hidden; }
  .page_chrono .block::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: url("../history/chronology/images/sp_bg01.png") repeat center center;
    top: -20px;
    left: -5px;
    z-index: 9;
    -webkit-transform: skew(-60deg, 0deg);
    -ms-transform: skew(-60deg, 0deg);
    transform: skew(-60deg, 0deg); }
  .page_chrono .block:nth-child(1) .left-side {
    background: url("../history/chronology/images/sp_bg01.png") repeat center center; }
  .page_chrono .block:nth-child(2) .left-side {
    background: #B98065; }
  .page_chrono .block:nth-child(2)::before {
    background: url("../history/chronology/images/sp_bg01.png") repeat center center; }
  .page_chrono .block:nth-child(3) .left-side {
    background: url("../history/chronology/images/sp_bg03.png") repeat center center; }
  .page_chrono .block:nth-child(3)::before {
    background: #B98065; }
  .page_chrono .block:nth-child(4) .left-side {
    background: #4C3024; }
  .page_chrono .block:nth-child(4)::before {
    background: url("../history/chronology/images/sp_bg03.png") repeat center center; }
  /*intro page*/
  .page_intro li {
    float: initial;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    border: 1px solid #ddd; }
  .page_intro .intro_name {
    font-size: 22px; }
  .page_intro .intro_name2 {
    font-size: 22px; }
  .page_intro .section {
    margin-bottom: 15px; }
  .page_intro .intro_tit {
    margin-bottom: 10px; }
  /*pasteff page*/
  .page_pasteff .float_l {
    float: left;
    width: 50%;
    margin-right: 10px !important;
    height: 150px; }
  .page_pasteff .float_l img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px; }
  .page_pasteff .float_r {
    float: right;
    width: 50%;
    margin-left: 10px !important;
    height: 150px; }
  .page_pasteff .float_r img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px; }
  /*story page*/
  .page_story .w450 {
    width: 100%; }
  .page_story .float_r {
    float: right;
    width: 50%;
    margin-left: 10px !important;
    height: 150px; }
  .page_story .float_r img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px; }
  .page_story .float_l {
    float: left;
    width: 50%;
    margin-right: 10px !important;
    height: 150px; }
  .page_story .float_l img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-bottom: 10px; }
  .page_story .subtit {
    width: 100%;
    height: auto;
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .page_story .imgtext .float_l {
    height: 225px; }
  .page_story .imgtext .float_l img {
    width: auto;
    height: auto;
    margin-bottom: 0; }
  /*story page*/
  .mt10sp {
    margin-top: 10px !important; }
  .mt35sp {
    margin-top: 35px !important; }
  #longterm .page_about .supple_box {
    margin: 0; }
  #longterm .page_faq .q {
    padding: 7px 15px 7px 55px; }
  #longterm .page_about .section {
    margin-top: 35px; }
  /*highschool page*/
  .page_highschool .msg h5 img {
    padding: 0; }
  /*highschool page*/
  .mt20sp {
    margin-top: 20px !important; }
  .page_parents .imgw80 img {
    width: 80%;
    margin: 0 auto; }
  .page_parents .link_longterm {
    margin: 15px 0 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .page_parents .link_longterm a {
    display: block;
    width: 49%;
    margin-right: 2%; }
  .page_parents .link_longterm a:last-child {
    margin-right: 0; }
  .page_parents .ti_fac {
    margin: 0 0 15px; }
  .page_parents .col2_box {
    width: 100%; }
  .page_parents .col2_box .col2 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px; }
  .page_parents .col2_box .col2:last-child {
    margin-bottom: 0; }
  .page_parents .pic_r .img p {
    padding: 0;
    text-align: left;
    margin-top: 15px; }
  /*contact page*/
  .page_contact #contact_box .tb_style th {
    width: 100%;
    border-bottom: none;
    border-top: none; }
  .page_contact #contact_box table,
  .page_contact #contact_box tbody,
  .page_contact #contact_box tr,
  .page_contact #contact_box th,
  .page_contact #contact_box td {
    display: block;
    width: 100%; }
  .page_contact #contact_box input#issue_text,
  .page_contact #contact_box input#email,
  .page_contact #contact_box input#c_email,
  .page_contact #contact_box input#name,
  .page_contact #contact_box input#ruby,
  .page_contact #contact_box input#company,
  .page_contact #contact_box input#post {
    width: 100%; }
  .page_contact #contact_box .tb_style li {
    display: block; }
  .page_contact #contact_box .tb_style {
    margin-bottom: 20px; }
  .page_contact #contact_box .tb_style tr:first-child th {
    border-top: #e3dd9e solid 1px; }
  .page_contact #formEnd {
    padding-bottom: 35px; }
  /*news page*/
  #news_rss_link {
    left: 103px;
    top: 17px; }
  .page_news .news_box {
    padding: 15px 0 30px;
    margin-bottom: 0 !important;
    border-top: solid 3px #61b2a3; }
  .page_news .news_box .title h3 {
    font-size: 16px; }
  .page_news .news_box .icon {
    margin-right: 10px; }
  .page_news .mb40 {
    margin-bottom: 0 !important; }
  .page_news .control_area a {
    margin-bottom: 0; }
  /**/
  #future_path .beige table {
    width: 600px; }
  #future_path .beige table tr:first-child th:first-child {
    width: 8%; }
  #future_path .beige table tr:first-child th:nth-child(2) {
    width: 46%; }
  #future_path .beige .sinrobox {
    width: 100%;
    margin: 0; }
  #future_path .beige .syushoku_box {
    margin: 0; }
  #future_path .beige .graph1, #future_path .beige .graph2, #future_path .beige .graph3 {
    background: #ffffff; }
  #future_path .beige .bordernone {
    overflow-x: scroll; }
  #future_path .beige h3.midahi {
    font-size: 18px;
    margin-bottom: 5px; }
  #future_path table th {
    padding: 5px; }
  /*orther*/
  .page_mathematics .img, .page_physics .img, .page_chemistry .img, .page_liberal .img, .page_jimu .img, .page_voice .img {
    width: 80% !important;
    margin: 0 auto 20px; }
  .page_chemistry .container .msg_hl p, .page_chemistry .container .msg_hl2 p {
    text-align: justify; }
  .page_voice ul li span {
    padding: 0 5px; }
  .btn-box .right-side {
    float: right; }
  .btn-box .left-side {
    float: left; }
  .page_point .img_b .img {
    max-width: 80%;
    margin: 0 auto; }
  figure.img_cover {
    width: 100%;
    height: 100px; }
  figure.img_cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; } }

figure {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0; }

  #gnav .sns_list,
  #snav .sns_list {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 15px;
    }


@media (max-width: 768px) {
  #footer .sns_list {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 15px;
  }
  .fixed#h_menu ul {
    z-index: 1; }
  #snav .logo .logo-left img.img2 {
    height: auto;
    margin-top: 5px; }
  #gnav .mb10 {
    margin-left: 20px; }
  .like-f {
    position: absolute;
    bottom: 0;
    right: 12px;
    margin-bottom: 5px; }
  #snav .logo {
    padding: 3% 3% 40px; } }