/* pcでは改行しない */
.sp-br {
  display : none;
}

/* headerの下（スマホ横画面表示） */
@media (min-width:500px) and (max-width:640px) {
  #wrapper-contents #maincontents h2 {
    margin-top: 20px;
  }
}

@media all and (max-width:640px) {
    /* スマホでは表示しない */
    .pc-br {
      display : none;
     }
    
  /* BasicStyle */
  body {
    background : #ffffff url(../images/background.gif) center top repeat-y;
    font-size : 14px;
    margin : 0;
    padding : 0;
    overflow-x: hidden;
    margin-left : -1px;
    -webkit-text-size-adjust: 100%;
  }

  #wrapper-top,
  #wrapper-contents {
    margin : 0 auto;
    padding : 0;
    width : 100%;
    max-width : 100%;
    height : auto;
  }

  #wrapper-top {
    background : #ffffff url(../images/main_back.jpg) left top no-repeat;
    background-size : contain;
    background-position : top 80px right;
  }

  #wrapper-contents {
    background : #ffffff url(../images/main_contents-back3.jpg) left top no-repeat;
    background-position : top 80px center ;
    background-size : contain;
  }

  #wrapper-top .sitedescription {
    padding-top : 55%;
    text-align : right;
    font-size : 13px;
    color : #333333;
  }

  #wrapper-contents .sitedescription {
    padding-top : 0;
    visibility : hidden;
  }

  #header-menu {
    position: fixed;
    width: 100%;
    background : #192980;
    padding : auto;
    z-index: 20;
  }

  #header-menu p {
    color : #ffffff;
    margin : 0;
    padding : 5px;
    text-align : right;
  }

  #header-menu p a {
    color : #ffffff;
    font-size : 14px;
  }

  #nav-content li {
    font-size : 14px;
  }

  #header-menu p.gakuen-logo {
    text-indent : -9999px;
    background : url(../images/logo-gakuen-cut.gif) no-repeat;
    background-position : right 8px top 5px;
    text-align : left;
    margin : 0;
    padding : 10px;
    z-index: 20;
  }
  #header-menu p.main-navi {
    font-size : 14px;
    padding : 5px 12px 5px 5px;
    background : #192980;
  }

  #contents {
    padding : 25% 0 0 0;
    background : url(../images/contents_back.jpg) right bottom no-repeat;
  }

  #maincontents {
    width : 100%;
  }

  #wrapper-contents #maincontents {
    width : 100%;
    padding : 0 0 0 0;
    min-height : 65vh; 
  }

  #maincontents p {
    color : #333333;
    background : transparent ;
    line-height : 1.6em;
    font-size : 14px;
    padding : 0 20px 20px 20px;
  }

  #maincontents li {
    color : #333333;
    background : transparent ;
    font-size : 14px;
    line-height : 1.6em;
  }

  #wrapper-contents #maincontents h2 {
    color : #333333;
    font-size : 14px;
    font-weight : normal;
    border-bottom : solid 1px #cccccc;
    text-align : left;
    height : 15px;
    padding : 3px 0 3px 17px;
    margin-bottom : 5px;
    overflow : hidden;
    background : url(../images/contents_titleallow.png) left center no-repeat;
    background-position: 5px 10px;
  }
  #wrapper-contents #maincontents h3 {
    color : #2a4b6e;
    font-size : 16px;
    font-weight : bold;
    border-top : solid 1px #dd9b51;
    text-align : left;
    padding : 20px 20px 0 20px;
    margin-bottom : 15px;
  }
  #wrapper-contents #maincontents h4 {
    color : #2a4b6e;
    font-size : 14px;
    font-weight : normal;
    border-bottom : solid 1px #dd9b51;
    text-align : left;
    padding : 5px 20px 0 20px;
    margin-bottom : 2px;
  }

  table.planetable,
  table.planetable-horizon {
    margin : auto;
    margin-bottom : 20px;
  }
  #maincontents table.planetable p,
  #maincontents table.planetable-horizon p {
    margin : 0 ;
    padding : 0;
  }
  #maincontents table.planetable th,
  #maincontents table.planetable-horizon th {
    white-space : nowrap;
  }

  .contact {
    background : url(../images/contact_back.jpg) left top no-repeat;
    color : #666666;
  }

  .margin-5 {
    margin : 5px 5px 5px 0 ;
  }

  #activity-contents {
    width : 300px;
    float : left;
  }

  #maincontents p.paper-sample {
    float : left;
    width : 118px;
    margin : 5px;
    padding : 5px;
    background : #ffffff url(../images/background_grade2.gif) left top repeat-x ;
    border : solid 1px #e8e3d0;
    white-space: nowrap;
  }

  figcaption {
    font-size : 12px;
  }

  .pc-br {
    display : none;
  }
  .sp-br {
    display : block;
  }
  .span-br {
    display : inline-block;
  }

  /* --- top --- */
  #wrapper-top #contents {
    padding : 0 0 40px 0;
  }

  /* --- other page --- */
  /* common */
  #wrapper-contents #maincontents .h3-none {
    padding : 0;
  }

  /* introduction */
  .img3-box {
    padding : 0 7%;
  }
  .img3-box .wp-block-group__inner-container {
    display : flex;
    flex-wrap : wrap;
    width : auto;
    justify-content : space-between;
    margin : auto;
  }
  .img3-box .wp-block-image .alignleft {
    margin : 0;
  }
  .img3-box figcaption {
    text-align : center;
  }
  .img3-box .wp-block-image img {
    max-width : 135px;
  }

  /* outline */
  .outline-ul {
    padding : 0 0 0 12px;
  }

  /* member */
  table.planetable-horizon {
    margin : 10px auto;
  }
  .page-id-134 h4 {
    width: 80%;
    margin: 10px auto;
  }
  .page-id-134 table.planetable-horizon td,
  .page-id-134 table.planetable-horizon th {
    padding : 10px 5px;
  }
  .page-id-134 table img {
    width : 80px;
    height : 80px;
  }
  .page-id-134 #maincontents p {
    font-size : 12px;
  }
  .page-id-134 small {
    font-size : 11px;
    padding : 0 20px;
  }

  .page-id-134 .name {
    white-space: nowrap;
  }

  /* schedule */
  .schedule-table tr {
    height : 50px;
  }
  .schedule-table p {
    margin-bottom : 5px;
  }
  #maincontents .supplement {
    font-size : 12px;
    margin-bottom : 0;
  }
  .schedule-table  #wrapper-contents #maincontents h3 {
    padding-top : 10px;
    margin-bottom : 10px;
  }

  /* activity */
  .activity-ul {
    margin : 0 20px;
    line-height : 20px;
  }
  .activity-ul li {
    margin : 10px 0;
  }

  /* join */
  #maincontents .join-information {
    margin-top : 20px;
    line-height : 30px;
  }

  /* paper */
  .paper-sample-container {
    margin : 0 20px;
    padding-bottom : 20px;
    display : flex;
    flex-direction : row;
    flex-wrap : wrap;
    justify-content : center;
  }

  /* mainte */
  .adobe-reader,
  .adobe-reader-text {
    text-align : center;
  }
  #maincontents .p-none {
    padding : 0;
  }

  /* sitemap */
  .sitemap-ul {
    margin : 0 20px;
  }
  .sitemap-ul li {
    margin : 10px 0;
  }

  /* single */
  #activity-archive-link {
    float : right;
    background : #ffffff url(../images/activity-list_back.jpg) left top repeat-x;
    margin : 0 20px 10% 5px;
    border-bottom : solid 1px #dd9b51;
  }
  #activity-archive-link li {
    padding : 3px 0 3px 15px;
  }
  #wrapper-contents #maincontents #activity-archive-link h3 {
    margin : 0;
    padding : 5px;
    font-size : small;
  }
  #activity-archive-link ul {
    margin : 0;
    padding : 5px;
  }
  #activity-archive-link li {
    background : url(../images/archive-allow.gif) left center no-repeat;
    padding : 0 0 0 15px;
    margin : 0;
    list-style : none;
  }

  /* contact */
  .page-id-66 #wrapper-contents #maincontents h3 {
    text-align : center;
  }
  .form-table th,
  .form-table td {
    display : block;
    width : 90%;
    margin : auto;
  }
  .page-id-66 table.planetable-horizon th, 
  .page-id-66 table.planetable-horizon td, 
  .page-id-704 table.planetable-horizon th, 
  .page-id-704 table.planetable-horizon td{
    border-top : none;
    border-bottom : none;
    font-size: 14px;
  }
  .page-id-66 table.planetable-horizon th {
    padding-bottom: 0;
  }
  .form-table tr {
    border-top : solid 1px #cccccc;
    border-bottom : solid 1px #cccccc;
  }
  .form-table input,
  .form-table textarea {
    width : 100%;
    margin : 5px 0 10px 0;
    font-size : 14px;
  }
  .btn-box .form-btn {
    width : 25%;
    display : inline-block;
    margin : 15px 5px 0px 5px;
    font-size : 14px;
  }
  .require-btn {
    width : 20%;
    display : block;
    margin : 15px auto;
    font-size : 14px;
  }

  .page-id-704 table.planetable-horizon th {
    padding-top: 10px;
  }
  .page-id-704 table.planetable-horizon td {
    padding-bottom: 10px;
  }

  /* search */
  .page-id-562 #wrapper-contents #maincontents th,
  .page-id-562 #wrapper-contents #maincontents td {
    line-height : 1.6em;
    font-size : 14px;
  }
  table.search-form {
    margin : auto;
  }
  table.search-form th,
  table.search-form td {
    display : block;
    width : 90%;
    margin : auto;
  }
  table.search-form td {
    margin-bottom : 8px;
  }
  table.search-form input {
    width : 96%;
    font-size : 14px;
  }
  table.search-form select {
    width : 100%;
    font-size : 14px;
    height : 23px;
  }
  table.search-form button {
    display : block;
    width : 100px;
    margin : auto;
    margin-top : 20px;
    font-size : 14px;
  }
  .search-btn {
    width : 20%;
    display : block;
    margin: auto;
    margin-top : 15px;
    font-size : 14px;
  }
  .btn-box {
    text-align: center;
  }

  table.companies {
    width : 95%;
    margin : auto;
    padding-bottom : 100px;
  }
  table.companies th {
    text-align : center;
  }
  table.companies th:nth-child(1) {
    width : 2%;
  }
  table.companies th:nth-child(2) {
    width : 28%;
  }
  table.companies th:nth-child(3) {
    width : 35%;
  }
  table.companies th:nth-child(4) {
    width : 40%;
  }
  .page-id-562 .margin-box {
    padding-bottom : 20px;
  }

  /* company */
  .page-id-565 #wrapper-contents #maincontents th,
  .page-id-565 #wrapper-contents #maincontents td {
    font-size : 14px;
    line-height : 1.6em;
  }
  .page-id-565 #wrapper-contents #maincontents h3 {
    padding-top : 15px;
    margin-bottom : 5px;
  }
  table.company th,
  table.company td {
    display : block;
    width : 90%;
    margin : auto;
    border-top : none;
    border-bottom : none;
  }
  table.company th {
    font-weight : bold;
    margin-left : 1.5%;
    margin-top : 10px;
    padding : 0;
  }
  table.company td {
    margin-bottom : 10px;
    padding : 5px 0 0 0;
  }
  table.company tr {
    border-top : solid 1px #cccccc;
    border-bottom : solid 1px #cccccc;
  }
  .p-supplement {
    margin-left : 0;
  }
  .person-box {
    padding : 10px 0;
    border-top : dashed 1px #cccccc;
  }
  table.company .person-box:last-child {
    border-bottom : none;
  }

  #maincontents table.company .td-member p {
    padding: 0 0 9px 0;
  }

  /* Topics */
  #topics {
    width : 100%;
    background : #ffffff;
  }

  .label-topics {
    background : url(../images/label-topics.jpg) left top no-repeat;
    background-size : contain;
    padding : 0;
    text-indent : -9999px;
    width : 100%;
  }

  dl.topics {
    margin : 0;
    padding : 10px 5px 5px 5px;
    border : solid 1px #b2b2b2;
  }

  dl.topics dt {
    width : 65px;
    float : left;
    margin : 0;
    font-weight : normal;
    color : #555555;
    font-size : 14px;
  }
  dl.topics dd {
    margin : 0 0 7px 0;
    padding : 0 5px 15px 75px;
    background : url(../images/dot-4px.gif) left bottom repeat-x;
    color : #555555;
    font-size : 14px;
    overflow-wrap : normal;
  }

  dl.topics dd.topics-more {
    margin : 0 0 2px 0;
    padding : 2px 23px 0 0 ;
    background : url(../images/allow-right.gif) right bottom no-repeat;
    text-align : right;
  }

  /* Link */
  #link {
    display : none;
  }

  /*  MENU */
  #menu {
    display : none;
  }

  /* Footer */
  #footer {
    border-top : solid 1px #cccccc;
    margin : 1px 0 0 0;
  }

  #footer p {
    text-align : center;
    color : #666666;
    font-size : 12px;
  }
  #footer p.jimu {
    text-align : left;
    color : #666666;
    margin : 5px auto;
  }

  #footer ul {
    width: 100%;
    height: 100%;
    list-style: none;
    margin-top: 5px;
    padding: 0;
  }
  #footer ul li {
    list-style : none;
    width : 320px;
    height : 43px;
    margin: auto;
    padding : 0;
  }
  #footer ul li a {
    display : block;
    width : 100%;
    height : 100%;
    text-indent : -9999px;
  }
  .menu-introduction {
    background : url(../images/sp-introduction.png?ver1) top no-repeat;
  }
  .menu-outline {
    background : url(../images/sp-outline.png?ver1) top no-repeat;
  }
  .menu-member {
    background : url(../images/sp-member.png?ver1) top no-repeat;
  }
  .menu-schadule {
    background : url(../images/sp-schadule.png?ver1) top no-repeat;
  }
  .menu-activity {
    background : url(../images/sp-activity.png?ver1) top no-repeat;
  }
  .menu-join {
    background : url(../images/sp-join.png?ver1) top no-repeat;
  }
  .menu-yoyo {
    background : url(../images/sp-yoyo.png?ver1) top no-repeat;
  }
  .menu-search {
    background : url(../images/sp-search.png?ver2) top no-repeat;
  }
  .menu-internship {
    background : url(../images/sp-internship.png?ver2) top no-repeat;
  }
  .menu-regist-change {
    background : url(../images/sp-change-regist.png?ver1) top no-repeat;
  }
  .menu-introduction,
  .menu-outline,
  .menu-member,
  .menu-schadule,
  .menu-activity,
  .menu-join,
  .menu-yoyo,
  .menu-search,
  .menu-internship,
  .menu-regist-change {
    background-size:100%;
  }
}