@charset "UTF-8";

@import url('../../common/css/group.css');

html {
  overflow-y: scroll;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  margin: 0;
  padding: 0;
  display: block;
  height: 1px;
  border: 0;
}

input, select {
  vertical-align: middle;
}

img {
  vertical-align: top;
}
img.blank {
  margin: 0 0 0 5px;
  position: relative;
  top: 2px;
  vertical-align: baseline;
}

body {
  height: 100%;
  font-size: 81.3%;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  color: #2f2f2f;
  line-height: 1.6;
}

a {
  color: #1e54aa;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

em, strong {
  color: #e12c71;
  font-weight: bold;
}

strong {
  font-weight: bold;
}

input {
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
}

#indexSp html, #indexSp body {
  height: auto;
}
#indexSp body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
  -webkit-text-size-adjust: 100%;
  line-height: 1.5;
}
#indexSp img {
  max-width: 100%;
}
#indexSp input {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
}

.numberOfSelected {
  display: none;
}

@media only screen and (max-width: 767px) {
  html, body {
    height: auto;
  }

  body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
    -webkit-text-size-adjust: 100%;
    line-height: 1.5;
  }

  img {
    max-width: 100%;
  }

  input {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
  }
}
@media only screen and (max-width: 767px) {
  #indexPc {
    font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
    line-height: 1.6;
  }
  #indexPc input {
    font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  }
}
#wrapper {
  width: 100%;
  display: table;
}
#container {
  position: relative;
}
#container .full-content {
  max-width: 950px;
  margin-bottom: 30px;
}
#container .full-content img {
  max-width: 100%;
}
#indexPc #container, #other #container {
  width: 950px;
  margin: 19px auto 0;
}
#indexPc #container:after, #other #container:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #container #maincol p, #other #container #maincol p {
  margin: 0 0 16px;
}
#indexPc #container #maincol p + .layoutCol2, #other #container #maincol p + .layoutCol2 {
  padding-top: 19px;
}
#indexPc #container #maincol p.title01, #other #container #maincol p.title01 {
  margin: 0 0 10px !important;
  font-weight: bold;
}
#indexPc #container #maincol p.title01 em, #other #container #maincol p.title01 em {
  color: #2f2f2f;
}
#indexPc #container #maincol p + .listNotes01, #other #container #maincol p + .listNotes01 {
  margin-top: -8px;
}
#indexPc #container #maincol .section + .boxCollegeSearch, #other #container #maincol .section + .boxCollegeSearch {
  margin-top: 8px;
}
#indexPc.lytColMs #container, #other.lytColMs #container {
  width: 950px;
}
#indexPc.lytColMs #container:after, #other.lytColMs #container:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc.lytColMs #container #maincol, #other.lytColMs #container #maincol {
  width: 746px;
  float: left;
}
#indexPc.lytColMs #container #subColumn, #other.lytColMs #container #subColumn {
  width: 180px;
  float: right;
}
#indexPc.lytColM #container #maincol, #other.lytColM #container #maincol {
  width: 746px;
  margin: 0 auto;
}
#indexPc.lytColSm #container, #other.lytColSm #container {
  min-height: 500px;
  position: relative;
}
#indexPc.lytColSm #container:after, #other.lytColSm #container:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc.lytColSm #container #maincol, #other.lytColSm #container #maincol {
  width: 722px;
  float: right;
}

#indexPc #container {
  width: 950px;
}
#indexPc #container:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #container #maincol {
  width: 746px;
  float: left;
}
#indexPc #container #subColumn {
  width: 180px;
  float: right;
}

#indexSp #header {
  margin-bottom: 0 !important;
}

@media only screen and (max-width: 767px) {
  #wrapper {
    display: block;
  }

  #other.lytColMs #container, #other.lytColM #container, #other.lytColSm #container {
    width: auto;
    min-width: 320px;
    min-height: auto;
    margin: auto;
  }
  #other.lytColMs #container #maincol, #other.lytColMs #container #subColumn, #other.lytColM #container #maincol, #other.lytColM #container #subColumn, #other.lytColSm #container #maincol, #other.lytColSm #container #subColumn {
    width: auto;
    float: none;
  }
  #other.lytColMs #container #maincol p, #other.lytColM #container #maincol p, #other.lytColSm #container #maincol p {
    margin: 0 0 11px;
  }
  #other.lytColMs #container #maincol p + .layoutCol2, #other.lytColM #container #maincol p + .layoutCol2, #other.lytColSm #container #maincol p + .layoutCol2 {
    padding-top: 0;
  }
  #other.lytColMs #container #maincol .section, #other.lytColM #container #maincol .section, #other.lytColSm #container #maincol .section {
    padding: 0 12px 0;
  }
  #other.lytColMs #container #maincol .section .funcToggle01, #other.lytColMs #container #maincol .section .boxSearch01, #other.lytColMs #container #maincol .section .box01, #other.lytColMs #container #maincol .section .box02, #other.lytColMs #container #maincol .section .boxType02, #other.lytColMs #container #maincol .section .boxType03, #other.lytColMs #container #maincol .section .establishSection, #other.lytColMs #container #maincol .section .valueSection, #other.lytColMs #container #maincol .section .segment .hdgLv02, #other.lytColMs #container #maincol .section .basicInfoNav, #other.lytColMs #container #maincol .section .tableRwd01, #other.lytColMs #container #maincol .section .tableRwdFaculty, #other.lytColM #container #maincol .section .funcToggle01, #other.lytColM #container #maincol .section .boxSearch01, #other.lytColM #container #maincol .section .box01, #other.lytColM #container #maincol .section .box02, #other.lytColM #container #maincol .section .boxType02, #other.lytColM #container #maincol .section .boxType03, #other.lytColM #container #maincol .section .establishSection, #other.lytColM #container #maincol .section .valueSection, #other.lytColM #container #maincol .section .segment .hdgLv02, #other.lytColM #container #maincol .section .basicInfoNav, #other.lytColM #container #maincol .section .tableRwd01, #other.lytColM #container #maincol .section .tableRwdFaculty, #other.lytColSm #container #maincol .section .funcToggle01, #other.lytColSm #container #maincol .section .boxSearch01, #other.lytColSm #container #maincol .section .box01, #other.lytColSm #container #maincol .section .box02, #other.lytColSm #container #maincol .section .boxType02, #other.lytColSm #container #maincol .section .boxType03, #other.lytColSm #container #maincol .section .establishSection, #other.lytColSm #container #maincol .section .valueSection, #other.lytColSm #container #maincol .section .segment .hdgLv02, #other.lytColSm #container #maincol .section .basicInfoNav, #other.lytColSm #container #maincol .section .tableRwd01, #other.lytColSm #container #maincol .section .tableRwdFaculty {
    margin-left: -12px;
    margin-right: -12px;
  }
  #other.lytColMs #container #maincol .section + .boxCollegeSearch, #other.lytColM #container #maincol .section + .boxCollegeSearch, #other.lytColSm #container #maincol .section + .boxCollegeSearch {
    margin-top: -4px;
  }
  #other.lytColMs #container #maincol .section + .examSearchNav, #other.lytColM #container #maincol .section + .examSearchNav, #other.lytColSm #container #maincol .section + .examSearchNav {
    margin-top: -10px;
  }
}
#indexPc #header, #other #header {
  width: 100%;
  position: relative;
}
#indexPc #header .contentInner, #other #header .contentInner {
  width: 950px;
  margin: 0 auto;
}
#indexPc #header .headerArea, #other #header .headerArea {
  padding: 73px 0 0;
  overflow: hidden;
  position: relative;
}
#indexPc #header .headerArea .contentInner, #other #header .headerArea .contentInner {
  padding: 16px 0 15px 0;
  position: relative;
}
#indexPc #header .headerArea #siteTitle, #other #header .headerArea #siteTitle {
  min-width: 238px;
  min-height: 62px;
  margin: 0 0 0 1px;
  font-size: 84.6%;
  font-weight: normal;
  position: relative;
}
#indexPc #header .headerArea #siteTitle img, #other #header .headerArea #siteTitle img {
  max-width: 238px;
  max-height: 62px;
  border-top: #fff 3px solid;
}
#indexPc #header .headerArea #siteTitle img, #indexPc #header .headerArea #siteTitle span, #other #header .headerArea #siteTitle img, #other #header .headerArea #siteTitle span {
  line-height: 1;
  vertical-align: middle;
}
#indexPc #header .headerArea #siteTitle span, #other #header .headerArea #siteTitle span {
  width: 250px;
  line-height: 1.9;
  display: table-cell;
  vertical-align: bottom;
  text-align: left;
  padding-left: 17px;
}
#indexPc #header .headerArea #siteTitle a, #other #header .headerArea #siteTitle a {
  color: #2f2f2f;
  text-decoration: none;
  display: table;
  direction: rtl;
}
#indexPc #header .headerArea .utility, #other #header .headerArea .utility {
  min-height: 90px;
  float: right;
  overflow: hidden;
  position: absolute;
  top: 18px;
  right: 0;
}
#indexPc #header .headerArea .utility .infoText, #other #header .headerArea .utility .infoText {
  margin: 0 0 10px;
  font-size: 84.6%;
  text-align: right;
}
#indexPc #header .headerArea .utility .request, #other #header .headerArea .utility .request {
  height: 26px;
  margin: 0 8px 0 0;
  font-size: 92.3%;
  float: left;
  position: relative;
  top: 0;
}
#indexPc #header .headerArea .utility .request a, #other #header .headerArea .utility .request a {
  height: 18px;
  padding: 9px 26px 1px 10px;
  color: white;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  background: #ff7f00;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexPc #header .headerArea .utility .request a:hover, #other #header .headerArea .utility .request a:hover {
  background: #ff9933;
}
#indexPc #header .headerArea .utility .request a:hover span:after, #other #header .headerArea .utility .request a:hover span:after {
  width: 14px;
  height: 14px;
  margin: 0 0 0 4px;
  position: absolute;
  top: 1px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -58px -28px no-repeat;
  content: "";
}
#indexPc #header .headerArea .utility .request span, #other #header .headerArea .utility .request span {
  position: relative;
}
#indexPc #header .headerArea .utility .request span:after, #other #header .headerArea .utility .request span:after {
  width: 14px;
  height: 14px;
  margin: 0 0 0 4px;
  position: absolute;
  top: 1px;
  right: -18px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -58px -28px no-repeat;
  content: "";
}
#indexPc #header .headerArea .utility .siteSearch, #other #header .headerArea .utility .siteSearch {
  float: left;
  overflow: hidden;
}
#indexPc #header .headerArea .utility .siteSearch .textArea, #other #header .headerArea .utility .siteSearch .textArea {
  width: 195px;
  height: 22px;
  margin: 0 8px 0 0;
  padding: 3px 5px 1px 27px;
  line-height: 21px;
  float: left;
  position: relative;
  border: 1px solid #c7c7c7;
  background: url(/export/sites/default/shared_52/images/icon-search-01.png) 6px 5px no-repeat white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 0 #eeeeee inset;
  -moz-box-shadow: 0 1px 0 #eeeeee inset;
  -webkit-box-shadow: 0 1px 0 #eeeeee inset;
  -ms-box-shadow: 0 1px 0 #eeeeee inset;
  -o-box-shadow: 0 1px 0 #eeeeee inset;
}
#indexPc #header .headerArea .utility .siteSearch .textArea:focus, #other #header .headerArea .utility .siteSearch .textArea:focus {
  background: url(/export/sites/default/shared_52/images/icon-search-01.png) 6px 5px no-repeat #fefef1;
}
#indexPc #header .headerArea .utility .siteSearch .button, #other #header .headerArea .utility .siteSearch .button {
  height: 28px;
  padding: 0 10px 0;
  font-size: 107.7%;
  font-weight: bold;
  color: white;
  cursor: pointer;
  float: left;
  background: #1e54aa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexPc #header .headerArea .utility .siteSearch .button:hover, #other #header .headerArea .utility .siteSearch .button:hover {
  background: #4272b9;
}
#indexPc #header .userArea, #other #header .userArea {
  width: 100%;
  min-height: 36px;
  padding: 2px 0 1px;
  font-size: 92.3%;
  color: white;
  line-height: 1;
  position: absolute;
  top: 25px;
  background: #0072b4;
}
#indexPc #header .userArea .contentWrapper, #other #header .userArea .contentWrapper {
  width: 950px;
  margin: 0 auto;
}
#indexPc #header .userArea .contentInner, #other #header .userArea .contentInner {
  width: 950px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
#indexPc #header .userArea .userState, #other #header .userArea .userState {
  position: relative;
  top: 4px;
  float: left;
}
#indexPc #header .userArea .userState .comment, #other #header .userArea .userState .comment {
  margin: 0 18px 0 0;
  padding: 0 0 0 32px;
  float: left;
  position: relative;
}
#indexPc #header .userArea .userState .comment:before, #other #header .userArea .userState .comment:before {
  width: 25px;
  height: 24px;
  position: absolute;
  top: -8px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -447px no-repeat;
  content: "";
}
#indexPc #header .userArea .userState .comment em, #other #header .userArea .userState .comment em {
  margin: 0 0 0 1em;
  font-weight: bold;
  color: white;
}
#indexPc #header .userArea .userState .status, #other #header .userArea .userState .status {
  float: left;
  overflow: hidden;
}
#indexPc #header .userArea .userState .status li, #other #header .userArea .userState .status li {
  margin: 0 17px 0 0;
  padding: 0 17px 0 0;
  float: left;
  display: inline;
  border-right: 1px solid #ffffff;
}
#indexPc #header .userArea .userState .status li:last-child, #other #header .userArea .userState .status li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
#indexPc #header .userArea .userState .status a, #other #header .userArea .userState .status a {
  color: white;
}
#indexPc #header .userArea .holdList, #other #header .userArea .holdList {
  position: relative;
  top: -2px;
  float: right;
}
#indexPc #header .userArea .holdList .list, #other #header .userArea .holdList .list {
  float: left;
  overflow: visible;
}
#indexPc #header .userArea .holdList .list:after, #other #header .userArea .holdList .list:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #header .userArea .holdList .list li, #other #header .userArea .holdList .list li {
  margin: 0 27px 0 0;
  float: left;
}
#indexPc #header .userArea .holdList .list li:last-child, #other #header .userArea .holdList .list li:last-child {
  margin: 0;
}
#indexPc #header .userArea .holdList .list li.favorite, #other #header .userArea .holdList .list li.favorite {
  padding: 0 0 0 22px;
  position: relative;
}
#indexPc #header .userArea .holdList .list li.favorite:before, #other #header .userArea .holdList .list li.favorite:before {
  width: 17px;
  height: 16px;
  position: absolute;
  top: 3px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -63px -97px no-repeat;
  content: "";
}
#indexPc #header .userArea .holdList .list li.data, #other #header .userArea .holdList .list li.data {
  padding: 0 0 0 27px;
  position: relative;
}
#indexPc #header .userArea .holdList .list li.data:before, #other #header .userArea .holdList .list li.data:before {
  width: 24px;
  height: 21px;
  position: absolute;
  top: 1px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -45px -450px no-repeat;
  content: "";
}
#indexPc #header .userArea .holdList .list a, #other #header .userArea .holdList .list a {
  margin: 0 0 0 4px;
  font-weight: bold;
  color: #fff200;
  display: inline-block;
}
#indexPc #header .userArea .holdList .list a em, #other #header .userArea .holdList .list a em {
  font-size: 169.2%;
  font-weight: bold;
  font-family: Arial;
  color: #fff200;
}
#indexPc #header .userArea .holdList .group, #other #header .userArea .holdList .group {
  margin: 2px 0 0 44px;
  float: left;
}
#indexPc #header .userArea .holdList .group img.pc, #other #header .userArea .holdList .group img.pc {
  display: block;
}
#indexPc #header .userArea .holdList .group img.sp, #other #header .userArea .holdList .group img.sp {
  display: none;
}
#indexPc #header .navArea, #other #header .navArea {
  border-top: 1px solid #c5cbd5;
  background: url(/export/sites/default/shared_52/images/bg-global-line.png) left bottom repeat-x;
}
#indexPc #header .navArea #globalNav, #other #header .navArea #globalNav {
  width: 949px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  position: relative;
}
#indexPc #header .navArea #globalNav:after, #other #header .navArea #globalNav:after {
  width: 1px;
  height: 37px;
  display: block;
  position: absolute;
  right: 0;
  top: 13px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -50px no-repeat;
  content: "";
}
#indexPc #header .navArea #globalNav li, #other #header .navArea #globalNav li {
  width: 237px;
  float: left;
}
#indexPc #header .navArea #globalNav li:last-child, #other #header .navArea #globalNav li:last-child {
  width: 238px;
}
#indexPc #header .navArea #globalNav li:last-child.active:before, #other #header .navArea #globalNav li:last-child.active:before {
  width: 237px;
}
#indexPc #header .navArea #globalNav li:last-child.current:before, #other #header .navArea #globalNav li:last-child.current:before {
  width: 237px;
}
#indexPc #header .navArea #globalNav li:nth-child(2) a img, #other #header .navArea #globalNav li:nth-child(2) a img {
  left: -10px;
}
#indexPc #header .navArea #globalNav li:nth-child(3) a img, #other #header .navArea #globalNav li:nth-child(3) a img {
  left: -6px;
}
#indexPc #header .navArea #globalNav li.active, #other #header .navArea #globalNav li.active {
  position: relative;
}
#indexPc #header .navArea #globalNav li.active:before, #other #header .navArea #globalNav li.active:before {
  width: 236px;
  position: absolute;
  left: 1px;
  bottom: 0;
  border-bottom: 4px solid #007ec6;
  background: #007ec6;
  content: "";
}
#indexPc #header .navArea #globalNav li.current, #other #header .navArea #globalNav li.current {
  position: relative;
}
#indexPc #header .navArea #globalNav li.current:before, #other #header .navArea #globalNav li.current:before {
  width: 236px;
  position: absolute;
  left: 1px;
  bottom: 0;
  border-bottom: 4px solid #007ec6;
  background: #007ec6;
  content: "";
}
#indexPc #header .navArea #globalNav li.current:after, #other #header .navArea #globalNav li.current:after {
  width: 10px;
  height: 5px;
  margin: 0 0 0 -5px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -123px no-repeat;
  content: "";
}
#indexPc #header .navArea #globalNav li span, #other #header .navArea #globalNav li span {
  display: none;
}
#indexPc #header .navArea #globalNav a, #other #header .navArea #globalNav a {
  padding: 13px 0 24px;
  display: block;
  position: relative;
}
#indexPc #header .navArea #globalNav a:before, #other #header .navArea #globalNav a:before {
  width: 1px;
  height: 37px;
  display: block;
  position: absolute;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -50px no-repeat;
  content: "";
}
#indexPc #header .navArea #globalNav a img, #other #header .navArea #globalNav a img {
  padding: 1px 0 0;
  position: relative;
}
#indexPc #header.simple, #other #header.simple {
  border-bottom: 1px solid #c5cbd5;
}

#indexSp #header {
  width: 100%;
  min-width: 320px;
  margin: 0 0 20px;
  position: relative;
  border-top: 3px solid #2559ad;
}
#indexSp #header.logout .headerArea {
  padding: 73px 0 0;
}
#indexSp #header.logout .userArea {
  min-height: 58px;
}
#indexSp #header.logout .userArea .contentWrapper {
  min-height: 63px;
}
#indexSp #header.logout .userArea .contentInner {
  min-height: 63px;
}
#indexSp #header.logout .userArea .userState {
  margin-top: 8px;
}
#indexSp #header.logout .userArea .holdList .list {
  top: 35px;
}
#indexSp #header .headerArea {
  padding: 80px 0 0;
  position: relative;
  overflow: hidden;
}
#indexSp #header .headerArea .contentInner {
  width: 100%;
  padding: 0;
  background: #d3e9f5;
}
#indexSp #header .headerArea #siteTitle {
  min-height: 100%;
  margin: 0;
  padding: 16px 17px 15px;
  font-size: 84.6%;
  font-weight: normal;
  text-align: center;
  display: block;
  background: #ffffff;
}
#indexSp #header .headerArea #siteTitle img, #indexSp #header .headerArea #siteTitle span {
  line-height: 1;
  display: block;
}
#indexSp #header .headerArea #siteTitle span {
  display: none;
}
#indexSp #header .headerArea #siteTitle img {
  min-width: 251px;
  min-height: 64px;
  display: inline-block;
}
#indexSp #header .headerArea #siteTitle a {
  color: #2f2f2f;
  text-decoration: none;
}
#indexSp #header .headerArea .utility {
  min-width: 320px;
  min-height: 100%;
  padding: 15px 0 12px;
  float: none;
  position: static;
  overflow: hidden;
}
#indexSp #header .headerArea .utility .infoText {
  margin: 0 0 9px;
  font-size: 84.6%;
  text-align: center;
}
#indexSp #header .headerArea .utility .request {
  display: none;
}
#indexSp #header .headerArea .utility .siteSearch {
  min-width: 296px;
  padding: 0 12px 0;
  text-align: center;
  display: block;
  overflow: hidden;
  float: none;
}
#indexSp #header .headerArea .utility .siteSearch .textArea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 74%;
  height: 36px;
  margin: 0 2px 0 0;
  padding: 0 10px 0 35px;
  font-size: 115.4%;
  position: relative;
  float: none;
  border: 1px solid #c7c7c7;
  background: url(/export/sites/default/shared_52/images/icon-search-02.png) 6px 5px no-repeat white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 0 5px #eeeeee inset;
  -moz-box-shadow: 0 0 5px #eeeeee inset;
  -webkit-box-shadow: 0 0 5px #eeeeee inset;
  -ms-box-shadow: 0 0 5px #eeeeee inset;
  -o-box-shadow: 0 0 5px #eeeeee inset;
}
#indexSp #header .headerArea .utility .siteSearch .textArea:focus {
  background: url(/export/sites/default/shared_52/images/icon-search-02.png) 6px 5px no-repeat #fefef1;
}
#indexSp #header .headerArea .utility .siteSearch .button {
  max-width: 66px;
  min-width: 66px;
  height: 36px;
  padding: 2px 20px 2px;
  font-size: 107.7%;
  font-weight: bold;
  color: white;
  text-align: center;
  cursor: pointer;
  line-height: 1;
  float: none;
  background: transparent !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexSp #header .headerArea .utility .siteSearch .button:hover {
  background: #4272b9;
}
#indexSp #header .headerArea .utility .siteSearch span {
  background: #1e54aa;
  display: inline-block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexSp #header .userArea {
  width: 100%;
  padding: 6px 0 0;
  min-height: 73px;
  font-size: 92.3%;
  color: #2f2f2f;
  line-height: 1;
  position: absolute;
  top: 0;
  border-bottom: 1px solid #c7c7c7;
  background: none;
}
#indexSp #header .userArea .contentWrapper {
  width: 100%;
  min-height: 73px;
}
#indexSp #header .userArea .contentInner {
  width: auto;
  height: 36px;
  min-height: 73px;
  padding: 0 12px 0;
  display: block;
  vertical-align: middle;
  overflow: hidden;
}
#indexSp #header .userArea .userState {
  float: left;
  position: static;
}
#indexSp #header .userArea .userState .comment {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  color: #2f2f2f;
  line-height: 1.5;
  float: none;
}
#indexSp #header .userArea .userState .comment:before {
  display: none;
}
#indexSp #header .userArea .userState .comment em {
  margin: 0;
  font-weight: bold;
  color: #2f2f2f;
}
#indexSp #header .userArea .userState .status {
  margin: 2px 0 0 0;
  float: none;
  overflow: hidden;
}
#indexSp #header .userArea .userState .status li {
  margin: 0 4px 0 0;
  padding: 0 4px 0 0;
  font-size: 92.3%;
  float: left;
  display: inline;
  border-right: 1px solid #1e54aa;
}
#indexSp #header .userArea .userState .status li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
#indexSp #header .userArea .userState .status a {
  color: #1e54aa;
}
#indexSp #header .userArea .holdList {
  top: 0;
  float: none;
  position: relative;
}
#indexSp #header .userArea .holdList .list {
  float: none;
  font-size: 100%;
  overflow: visible;
  position: absolute;
  top: 47px;
}
#indexSp #header .userArea .holdList .list:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexSp #header .userArea .holdList .list li {
  float: left;
  margin: 0 17px 0 0;
}
#indexSp #header .userArea .holdList .list li:last-child {
  margin: 0;
}
#indexSp #header .userArea .holdList .list li.favorite {
  padding: 0 0 0 22px;
  position: relative;
}
#indexSp #header .userArea .holdList .list li.favorite:before {
  width: 17px;
  height: 16px;
  position: absolute;
  top: -2px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -63px -97px no-repeat;
  content: "";
}
#indexSp #header .userArea .holdList .list li.data {
  padding: 0 0 0 26px;
  position: relative;
}
#indexSp #header .userArea .holdList .list li.data:before {
  width: 24px;
  height: 21px;
  position: absolute;
  top: -6px;

  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -45px -450px no-repeat;
  content: "";
}
#indexSp #header .userArea .holdList .list a {
  margin: 0 0 0 4px;
  font-weight: normal;
  color: #1e54aa;
  display: inline-block;
}
#indexSp #header .userArea .holdList .list a em {
  font-size: 115.4%;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
  color: #1e54aa;
}
#indexSp #header .userArea .holdList .group {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
  float: none;
}
#indexSp #header .userArea .holdList .group img.pc {
  display: none;
}
#indexSp #header .userArea .holdList .group img.sp {
  display: block;
}
#indexSp #header .navArea {
  border-top: 4px solid #aab1be;
  border-bottom: 4px solid #aab1be;
  background: none;
}
#indexSp #header .navArea #globalNav {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  display: table;
  overflow: visible;
}
#indexSp #header .navArea #globalNav:after {
  display: none;
}
#indexSp #header .navArea #globalNav li {
  width: 25%;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  position: relative;
  float: none;
  border-right: 2px solid #aab1be;
  vertical-align: top;
}
#indexSp #header .navArea #globalNav li:last-child {
  width: auto;
  border: none;
}
#indexSp #header .navArea #globalNav li:last-child.active:before {
  width: auto;
}
#indexSp #header .navArea #globalNav li:last-child.current:before {
  width: auto;
}
#indexSp #header .navArea #globalNav li:nth-child(1) a:before {
  width: 31px;
  height: 30px;
  margin: 0 0 0 -15px;
  position: absolute;
  top: 7px;
  left: 50%;
  z-index: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -138px no-repeat;
  content: "";
}
#indexSp #header .navArea #globalNav li:nth-child(2) a:before {
  width: 31px;
  height: 28px;
  margin: 0 0 0 -15px;
  position: absolute;
  top: 7px;
  left: 50%;
  z-index: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -50px -140px no-repeat;
  content: "";
}
#indexSp #header .navArea #globalNav li:nth-child(3) a:before {
  width: 34px;
  height: 24px;
  margin: 0 0 0 -17px;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -88px -145px no-repeat;
  content: "";
}
#indexSp #header .navArea #globalNav li:nth-child(4) a {
  padding-top: 44px;
}
#indexSp #header .navArea #globalNav li:nth-child(4) a:before {
  width: 30px;
  height: 24px;
  margin: 0 0 0 -15px;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -132px -144px no-repeat;
  content: "";
}
#indexSp #header .navArea #globalNav li.active {
  position: relative;
}
#indexSp #header .navArea #globalNav li.active:before {
  display: none;
}
#indexSp #header .navArea #globalNav li.current {
  position: relative;
}
#indexSp #header .navArea #globalNav li.current:before {
  width: 8px;
  height: 4px;
  margin: 0 0 0 -5px;
  position: absolute;
  left: 50%;
  bottom: -4px;
  border-bottom: 4px solid #007ec6;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -30px -124px no-repeat transparent;
  content: "";
}
#indexSp #header .navArea #globalNav li.current:after {
  width: 100%;
  height: 4px;
  margin: 0;
  border-bottom: 4px solid #0072b4;
  position: absolute;
  left: 0;
  bottom: -4px;
  background: none;
}
#indexSp #header .navArea #globalNav li.current.active:before {
  display: block;
}
#indexSp #header .navArea #globalNav li a {
  padding: 50px 0 8px;
  line-height: 1.2;
  text-decoration: none;
  position: relative;
  display: block;
}
#indexSp #header .navArea #globalNav li a:before {
  width: 1px;
  height: 37px;
  display: block;
  position: absolute;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -50px no-repeat;
  content: "";
}
#indexSp #header .navArea #globalNav li a img {
  display: none;
}
#indexSp #header .navArea #globalNav li em {
  font-size: 115.4%;
  color: #1e54aa;
  display: block;
}
#indexSp #header .navArea #globalNav li span {
  font-size: 84.6%;
  display: block;
}
#indexSp #header.simple .headerArea {
  padding-top: 46px;
}
#indexSp #header.simple .userArea {
  min-height: 0;
}
#indexSp #header.simple .userArea .contentWrapper {
  min-height: 0;
}
#indexSp #header.simple .userArea .contentWrapper .contentInner {
  min-height: 39px;
}

@media only screen and (max-width: 767px) {
  #other #header {
    width: 100%;
    min-width: 320px;
    margin: 0 0 20px;
    position: relative;
    border-top: 3px solid #2559ad;
  }
  #other #header.logout .headerArea {
    padding: 73px 0 0;
  }
  #other #header.logout .userArea {
    min-height: 58px;
  }
  #other #header.logout .userArea .contentWrapper {
    min-height: 63px;
  }
  #other #header.logout .userArea .contentInner {
    min-height: 63px;
  }
  #other #header.logout .userArea .userState {
    margin-top: 8px;
  }
  #other #header.logout .userArea .holdList .list {
    top: 35px;
  }
  #other #header .headerArea {
    padding: 80px 0 0;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #ffffff;
  }
  #other #header .headerArea .contentInner {
    width: 100%;
    padding: 0;
    background: #d3e9f5;
  }
  #other #header .headerArea #siteTitle {
    min-height: 100%;
    margin: 0;
    padding: 16px 17px 15px;
    font-size: 84.6%;
    font-weight: normal;
    text-align: center;
    display: block;
    background: #ffffff;
  }
  #other #header .headerArea #siteTitle img, #other #header .headerArea #siteTitle span {
    line-height: 1;
    display: block;
    border-top: 0;
  }
  #other #header .headerArea #siteTitle span {
    display: none;
  }
  #other #header .headerArea #siteTitle img {
    min-width: 251px;
    min-height: 64px;
    display: inline-block;
    border-top: 0;
  }
  #other #header .headerArea #siteTitle a {
    color: #2f2f2f;
    text-decoration: none;
    display: block;
  }
  #other #header .headerArea .utility {
    min-width: 320px;
    min-height: 100%;
    padding: 15px 0 12px;
    float: none;
    position: static;
    overflow: hidden;
  }
  #other #header .headerArea .utility .infoText {
    margin: 0 0 9px;
    font-size: 84.6%;
    text-align: center;
  }
  #other #header .headerArea .utility .request {
    display: none;
  }
  #other #header .headerArea .utility .siteSearch {
    min-width: 296px;
    padding: 0 12px 0;
    text-align: center;
    display: block;
    overflow: hidden;
    float: none;
  }
  #other #header .headerArea .utility .siteSearch .textArea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 74%;
    height: 36px;
    margin: 0 2px 0 0;
    padding: 0 10px 0 35px;
    font-size: 115.4%;
    position: relative;
    float: none;
    border: 1px solid #c7c7c7;
    background: url(/export/sites/default/shared_52/images/icon-search-02.png) 6px 5px no-repeat white;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 5px #eeeeee inset;
    -moz-box-shadow: 0 0 5px #eeeeee inset;
    -webkit-box-shadow: 0 0 5px #eeeeee inset;
    -ms-box-shadow: 0 0 5px #eeeeee inset;
    -o-box-shadow: 0 0 5px #eeeeee inset;
  }
  #other #header .headerArea .utility .siteSearch .textArea:focus {
    background: url(/export/sites/default/shared_52/images/icon-search-02.png) 6px 5px no-repeat #fefef1;
  }
  #other #header .headerArea .utility .siteSearch .button {
    max-width: 66px;
    min-width: 66px;
    height: 36px;
    padding: 2px 20px 2px;
    font-size: 107.7%;
    font-weight: bold;
    color: white;
    text-align: center;
    cursor: pointer;
    line-height: 1;
    float: none;
    background: transparent !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  #other #header .headerArea .utility .siteSearch .button:hover {
    background: #4272b9;
  }
  #other #header .headerArea .utility .siteSearch span {
    background: #1e54aa;
    display: inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  #other #header .userArea {
    width: 100%;
    padding: 6px 0 0;
    min-height: 73px;
    font-size: 92.3%;
    color: #2f2f2f;
    line-height: 1;
    position: absolute;
    top: 0;
    border-bottom: 1px solid #c7c7c7;
    background: none;
  }
  #other #header .userArea .contentWrapper {
    width: 100%;
    min-height: 73px;
  }
  #other #header .userArea .contentInner {
    width: auto;
    height: 36px;
    min-height: 73px;
    padding: 0 12px 0;
    display: block;
    vertical-align: middle;
    overflow: hidden;
  }
  #other #header .userArea .userState {
    float: left;
    position: static;
  }
  #other #header .userArea .userState .comment {
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    color: #2f2f2f;
    line-height: 1.5;
    float: none;
  }
  #other #header .userArea .userState .comment:before {
    display: none;
  }
  #other #header .userArea .userState .comment em {
    margin: 0;
    font-weight: bold;
    color: #2f2f2f;
  }
  #other #header .userArea .userState .status {
    margin: 2px 0 0 0;
    float: none;
    overflow: hidden;
  }
  #other #header .userArea .userState .status li {
    margin: 0 4px 0 0;
    padding: 0 4px 0 0;
    font-size: 92.3%;
    float: left;
    display: inline;
    border-right: 1px solid #1e54aa;
  }
  #other #header .userArea .userState .status li:last-child {
    margin: 0;
    padding: 0;
    border: none;
  }
  #other #header .userArea .userState .status a {
    color: #1e54aa;
  }
  #other #header .userArea .holdList {
    top: 0;
    float: none;
    position: relative;
  }
  #other #header .userArea .holdList .list {
    float: none;
    font-size: 100%;
    overflow: visible;
    position: absolute;
    top: 47px;
  }
  #other #header .userArea .holdList .list:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  #other #header .userArea .holdList .list li {
    float: left;
    margin: 0 17px 0 0;
  }
  #other #header .userArea .holdList .list li:last-child {
    margin: 0;
  }
  #other #header .userArea .holdList .list li.favorite {
    padding: 0 0 0 22px;
    position: relative;
  }
  #other #header .userArea .holdList .list li.favorite:before {
    width: 17px;
    height: 16px;
    position: absolute;
    top: -2px;
    left: 0;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -63px -97px no-repeat;
    content: "";
  }
  #other #header .userArea .holdList .list li.data {
    padding: 0 0 0 26px;
    position: relative;
  }
  #other #header .userArea .holdList .list li.data:before {
    width: 24px;
    height: 21px;
    position: absolute;
    top: -6px;
    left: 0;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -45px -450px no-repeat;
    content: "";
  }
  #other #header .userArea .holdList .list a {
    margin: 0 0 0 4px;
    font-weight: normal;
    color: #1e54aa;
    display: inline-block;
  }
  #other #header .userArea .holdList .list a em {
    font-size: 115.4%;
    font-weight: normal;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
    color: #1e54aa;
  }
  #other #header .userArea .holdList .group {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 0;
    float: none;
  }
  #other #header .userArea .holdList .group img.pc {
    display: none;
  }
  #other #header .userArea .holdList .group img.sp {
    display: block;
  }
  #other #header .navArea {
    border-top: 4px solid #aab1be;
    border-bottom: 4px solid #aab1be;
    background: none;
  }
  #other #header .navArea #globalNav {
    width: 100%;
    margin: 0 auto;
    text-align: left;
    position: relative;
    display: table;
    overflow: visible;
  }
  #other #header .navArea #globalNav:after {
    display: none;
  }
  #other #header .navArea #globalNav li {
    width: 25%;
    font-weight: bold;
    text-align: center;
    display: table-cell;
    position: relative;
    float: none;
    border-right: 2px solid #aab1be;
    vertical-align: top;
  }
  #other #header .navArea #globalNav li:last-child {
    width: auto;
    border: none;
  }
  #other #header .navArea #globalNav li:last-child.active:before {
    width: auto;
  }
  #other #header .navArea #globalNav li:last-child.current:before {
    width: auto;
  }
  #other #header .navArea #globalNav li:nth-child(1) a:before {
    width: 31px;
    height: 30px;
    margin: 0 0 0 -15px;
    position: absolute;
    top: 7px;
    left: 50%;
    z-index: 0;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -138px no-repeat;
    content: "";
  }
  #other #header .navArea #globalNav li:nth-child(2) a:before {
    width: 31px;
    height: 28px;
    margin: 0 0 0 -15px;
    position: absolute;
    top: 7px;
    left: 50%;
    z-index: 0;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -50px -140px no-repeat;
    content: "";
  }
  #other #header .navArea #globalNav li:nth-child(3) a:before {
    width: 34px;
    height: 24px;
    margin: 0 0 0 -17px;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 0;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -88px -145px no-repeat;
    content: "";
  }
  #other #header .navArea #globalNav li:nth-child(4) a {
    padding-top: 44px;
  }
  #other #header .navArea #globalNav li:nth-child(4) a:before {
    width: 30px;
    height: 24px;
    margin: 0 0 0 -15px;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 0;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -132px -144px no-repeat;
    content: "";
  }
  #other #header .navArea #globalNav li.active {
    position: relative;
  }
  #other #header .navArea #globalNav li.active:before {
    display: none;
  }
  #other #header .navArea #globalNav li.current {
    position: relative;
  }
  #other #header .navArea #globalNav li.current:before {
    width: 8px;
    height: 4px;
    margin: 0 0 0 -5px;
    position: absolute;
    left: 50%;
    bottom: -4px;
    border-bottom: 4px solid #007ec6;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -30px -124px no-repeat transparent;
    content: "";
  }
  #other #header .navArea #globalNav li.current:after {
    width: 100%;
    height: 4px;
    margin: 0;
    border-bottom: 4px solid #0072b4;
    position: absolute;
    left: 0;
    bottom: -4px;
    background: none;
  }
  #other #header .navArea #globalNav li.current.active:before {
    display: block;
  }
  #other #header .navArea #globalNav li a {
    padding: 50px 0 8px;
    line-height: 1.2;
    text-decoration: none;
    position: relative;
    display: block;
  }
  #other #header .navArea #globalNav li a:before {
    width: 1px;
    height: 37px;
    display: block;
    position: absolute;
    left: 0;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -50px no-repeat;
    content: "";
  }
  #other #header .navArea #globalNav li a img {
    display: none;
  }
  #other #header .navArea #globalNav li em {
    font-size: 115.4%;
    color: #1e54aa;
    display: block;
  }
  #other #header .navArea #globalNav li span {
    font-size: 84.6%;
    display: block;
  }
  #other #header.simple .headerArea {
    padding-top: 46px;
  }
  #other #header.simple .userArea {
    min-height: 0;
  }
  #other #header.simple .userArea .contentWrapper {
    min-height: 0;
  }
  #other #header.simple .userArea .contentWrapper .contentInner {
    min-height: 39px;
  }
}
#indexPc #footer, #other #footer {
  width: 100%;
}
 #indexPc #footer {
  min-width: 950px;
}
#indexPc #footer .content, #other #footer .content {
  color: white;
  background: #0072b4;
}
#indexPc #footer .content.lastChild, #other #footer .content.lastChild {
  padding: 12px 0 11px;
  text-align: center;
  background: #00599b;
}
#indexPc #footer .contentInner, #other #footer .contentInner {
  max-width: 950px;
  margin: 0 auto;
}
#indexPc #footer .contentInner.net, #other #footer .contentInner.net {
  max-width: 960px;
  margin: 0 auto;
}
#indexPc #footer #footerNav:after, #other #footer #footerNav:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #footer #footerNav .listContent, #other #footer #footerNav .listContent {
  padding: 12px 0;
  position: relative;
}
#indexPc #footer .net #footerNav .listContent, #other #footer .net #footerNav .listContent {
  padding: 10px 0;
}
#indexPc #footer #footerNav .listContent.school, #other #footer #footerNav .listContent.school {
  width: 424px;
}
#indexPc #footer #footerNav .listContent.school:after, #other #footer #footerNav .listContent.school:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #footer #footerNav .listContent.school .title, #other #footer #footerNav .listContent.school .title {
  width: 424px;
}
#indexPc #footer #footerNav .listContent.school .list, #other #footer #footerNav .listContent.school .list {
  width: 207px;
  float: left;
}
#indexPc #footer #footerNav .listContent.school .list .list, #other #footer #footerNav .listContent.school .list .list {
  width: auto;
  float: none;
}
#indexPc #footer #footerNav .listContent.group, #other #footer #footerNav .listContent.group {
  padding: 11px 11px 11px;
  overflow: hidden;
  border-top: 1px solid #2687bf;
}
#indexPc #footer #footerNav .listContent.group:after, #other #footer #footerNav .listContent.group:after {
  border-bottom: none;
}
#indexPc #footer #footerNav .listContent.group:before, #other #footer #footerNav .listContent.group:before {
  border: none;
}
#indexPc #footer .net #footerNav .listContent, #other #footer .net #footerNav .listContent {
  display: table;
  width: 100%;
}
#indexPc #footer .net #footerNav .listContent .list, #other #footer .net #footerNav .listContent .list {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
}
#indexPc #footer .net #footerNav .listContent .info, #other #footer .net #footerNav .listContent .info {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#indexPc #footer .net #footerNav .listContent .info .image, #other #footer .net #footerNav .listContent .info .image {
  display: table-cell;
  vertical-align: middle;
}
#indexPc #footer .net #footerNav .listContent .info .image img, #other #footer .net #footerNav .listContent .info .image img {
  width: 61px;
  height: 34px;
}
#indexPc #footer .net #footerNav .listContent .info p, #other #footer .net #footerNav .listContent .info p {
  display: table-cell;
  vertical-align: middle;
  padding-left: 13px;
  font-size: 11px;
}
#indexPc #footer #footerNav .listContent:after, #other #footer #footerNav .listContent:after {
  width: 100%;
  margin: -12px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #0065a4;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
}
#indexPc #footer #footerNav .listContent .title, #other #footer #footerNav .listContent .title {
  width: 250px;
  margin: 0 0 8px 0;
  line-height: 1.4;
}
#indexPc #footer #footerNav .listContent .title a, #other #footer #footerNav .listContent .title a {
  padding: 0 0 0 20px;
  position: relative;
  display: inline-block;
}
#indexPc #footer #footerNav .listContent .title a:after, #other #footer #footerNav .listContent .title a:after {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 1px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -28px no-repeat;
  content: "";
}
#indexPc #footer #footerNav .listContent .list, #other #footer #footerNav .listContent .list {
  margin: 0 0 -6px 5px;
  text-align: center;
}
#indexPc #footer .net #footerNav .listContent .list, #other #footer .net #footerNav .listContent .list {
  text-align: left;
  margin-left: -5px;
}
#indexPc #footer #footerNav .listContent .list li, #other #footer #footerNav .listContent .list li {
  margin: 0 0 3px 0;
  display: inline-block;
}
#indexPc #footer #footerNav .listContent .list li, #other #footer #footerNav .listContent .list li a{
  margin: 0 5px 0 7px;
}
#indexPc #footer .net #footerNav .listContent .list li, #other #footer .net #footerNav .listContent .list li a {
  margin: 0 12px 0 0;
}

#indexPc #footer #footerNav .listContent .list li+li, #other #footer #footerNav .listContent .list li+li:before {
  content: "|"
}
#indexPc #footer .net #footerNav .listContent .list li+li, #other #footer .net #footerNav .listContent .list li+li:before {
  content: ""
}

#indexPc #footer #footerNav .listContent .list li a, #other #footer #footerNav .listContent .list li a {
  font-size: 84.6%;
  position: relative;
}
#indexPc #footer #footerNav .listContent .list li a, #other #footer #footerNav .listContent .list li:first-child a {
  margin-left: 0;
}
#indexPc #footer #footerNav .listContent .list li .list, #other #footer #footerNav .listContent .list li .list {
  margin: 3px 0 0 0;
}
#indexPc #footer #copyright, #other #footer #copyright {
  font-size: 92.3%;
  font-family: Arial;
  line-height: 1;
}
#indexPc #footer a, #other #footer a {
  color: #ffffff;
  text-decoration: none;

}
#indexPc #footer a:hover, #other #footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}
#footer.fixedButton {
  position: relative;
}

#indexSp #footer {
  min-width: 320px;
}
#indexSp #footer .content {
  color: white;
  background: #0072b4;
}
#indexSp #footer .content:last-child {
  padding: 12px 0 11px;
  text-align: center;
  background: #00599b;
}
#indexSp #footer .contentInner {
  width: 100%;
  margin: 0;
}
#indexSp #footer #footerNav {
  width: 100%;
  padding: 0;
  border-top: 1px solid #107bb9;
  border-bottom: 1px solid #005795;
}
#indexSp #footer #footerNav .listContent {
  width: inherit;
  padding: 0;
  float: none;
  border: none;
  height: auto !important;
}
#indexSp #footer #footerNav .listContent.school {
  width: inherit;
}
#indexSp #footer #footerNav .listContent.school .title {
  width: inherit;
}
#indexSp #footer #footerNav .listContent.school .list {
  width: inherit;
  float: none;
}
#indexSp #footer #footerNav .listContent.school .list:last-child {
  display: none;
}
#indexSp #footer #footerNav .listContent.school .list li:last-child {
  border-bottom: 1px solid #107bb9;
}
#indexSp #footer #footerNav .listContent.school .list li:last-child:after {
  display: none;
}
#indexSp #footer #footerNav .listContent.school .list .list {
  width: auto;
  float: none;
}
#indexSp #footer #footerNav .listContent.group {
  display: none;
}
#indexSp #footer #footerNav .listContent:nth-child(2) .list li:last-child {
  border: none;
}
#indexSp #footer #footerNav .listContent:before {
  display: none;
}
#indexSp #footer #footerNav .listContent .title {
  width: inherit;
  margin: 0;
  font-size: 107.7%;
  line-height: 1.4;
  position: relative;
  border-bottom: 1px solid #005795;
  background: #0065ad;
}
#indexSp #footer #footerNav .listContent .title:after {
  width: 100%;
  height: 1px;
  display: block;
  border-bottom: 1px solid #0d6fb4;
  content: "";
}
#indexSp #footer #footerNav .listContent .title a {
  padding: 10px 12px 7px;
  text-decoration: none;
  display: block;
  position: relative;
}
#indexSp #footer #footerNav .listContent .title a:after {
  width: 5px;
  height: 8px;
  margin: -4px 0 0 0;
  position: absolute;
  top: 50%;
  right: 12px;
  left: auto;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -10px no-repeat;
  content: "";
}
#indexSp #footer #footerNav .listContent .list {
  margin: 0;
}
#indexSp #footer #footerNav .listContent .list li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #2687bf;
}
#indexSp #footer #footerNav .listContent .list li:last-child {
  border-bottom: 1px solid #107bb9;
}
#indexSp #footer #footerNav .listContent .list li:last-child:after {
  display: none;
}
#indexSp #footer #footerNav .listContent .list li:after {
  width: 100%;
  height: 1px;
  display: block;
  border-bottom: 1px solid #006199;
  content: "";
}
#indexSp #footer #footerNav .listContent .list li a {
  padding: 11px 12px 8px;
  font-size: 100%;
  text-decoration: none;
  display: block;
  position: relative;
}
#indexSp #footer #footerNav .listContent .list li a:before {
  display: none;
}
#indexSp #footer #footerNav .listContent .list li a:after {
  width: 5px;
  height: 8px;
  margin: -4px 0 0 0;
  position: absolute;
  top: 50%;
  right: 12px;
  left: auto;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -10px no-repeat;
  content: "";
}
#indexSp #footer #footerNav .listContent .list li .list {
  margin: 3px 0 18px 0;
}
#indexSp #footer #copyright {
  font-size: 92.3%;
  font-family: Arial;
  line-height: 1;
  padding: 12px 0 11px;
  text-align: center;
  background-color: #00599b;
  height: 32px;
}
#indexSp #footer a {
  color: #ffffff;
}
#indexSp #footer a:hover {
  color: #ffffff;
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  #indexPc #footer .net #footerNav .listContent, #other #footer .net #footerNav .listContent {
    display: block;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
  }
  #indexPc #footer .net #footerNav .listContent .list, #other #footer .net #footerNav .listContent .list {
    display: block;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #0065a4;
    position: relative;
  }
  #indexPc #footer .net #footerNav .listContent .list:after, #other #footer .net #footerNav .listContent .list:after {
    display: block;
    content: "";
    position: absolute;
    bottom: -2px;
    border-bottom: 1px solid #2687bf;
    width: 100%;
  }
  #indexPc #footer .net #footerNav .listContent .info, #other #footer .net #footerNav .listContent .info {
    display: table;
    width: 100%;
  }
  #indexPc #footer .net #footerNav .listContent .info .image, #other #footer .net #footerNav .listContent .info .image {
    display: table-cell;
    vertical-align: middle;
  }
  #indexPc #footer .net #footerNav .listContent .info img, #other #footer .net #footerNav .listContent .info img {
    max-width: none;
  }
  #indexPc #footer .net #footerNav .listContent .info p, #other #footer .net #footerNav .listContent .info p {
    display: table-cell;
    padding: 8px 0 0 13px;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  #other #footer {
    min-width: 320px;
    text-align: center;
  }
  #other #footer .content {
    color: white;
    background: #0072b4;
  }
  #other #footer .content:last-child {
    padding: 12px 0 11px;
    text-align: center;
    background: #00599b;
  }
  #other #footer .contentInner {
    width: 100%;
    margin: 0;
  }
  #other #footer #footerNav {
    width: 100%;
    padding: 0;
    border-top: 1px solid #107bb9;
    border-bottom: 1px solid #005795;
  }
  #other #footer #footerNav .listContent {
    width: inherit;
    float: none;
    border: none;
    height: auto !important;
  }
  #other #footer #footerNav .listContent.school {
    width: inherit;
  }
  #other #footer #footerNav .listContent.school .title {
    width: inherit;
  }
  #other #footer #footerNav .listContent.school .list {
    width: inherit;
    float: none;
  }
  #other #footer #footerNav .listContent.school .list:last-child {
    display: none;
  }
  #other #footer #footerNav .listContent.school .list li:last-child {
    border-bottom: 1px solid #107bb9;
  }
  #other #footer #footerNav .listContent.school .list li:last-child:after {
    display: none;
  }
  #other #footer #footerNav .listContent.school .list .list {
    width: auto;
    float: none;
  }
  #other #footer #footerNav .listContent.group {
    display: none;
  }
  #other #footer #footerNav .listContent:nth-child(2) .list li:last-child {
    border: none;
  }
  #other #footer #footerNav .listContent:before {
    display: none;
  }
  #other #footer #footerNav .listContent .title {
    width: inherit;
    margin: 0;
    font-size: 107.7%;
    line-height: 1.4;
    position: relative;
    border-bottom: 1px solid #005795;
    background: #0065ad;
  }
  #other #footer #footerNav .listContent .title:after {
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: 1px solid #0d6fb4;
    content: "";
  }
  #other #footer #footerNav .listContent .title a {
    padding: 10px 12px 7px;
    text-decoration: none;
    display: block;
    position: relative;
  }
  #other #footer #footerNav .listContent .title a:after {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 0;
    position: absolute;
    top: 50%;
    right: 12px;
    left: auto;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -10px no-repeat;
    content: "";
  }
  #other #footer #footerNav .listContent .list {
    margin: 0;
  }
  #other #footer #footerNav .listContent .list li {
    margin: 0 0 3px;
    padding: 0;
  }
  #other #footer #footerNav .listContent .list li:last-child:after {
    display: none;
  }
  #other #footer #footerNav .listContent .list li:after {
    width: 100%;
    height: 1px;
    display: block;
    content: "";
  }
  #indexPc #footer #footerNav .listContent .list li+li, #other #footer #footerNav .listContent .list li+li:before {
    content: "|";
    position: relative;
    bottom: 1px;
}
  #other #footer #footerNav .listContent .list li a {
    font-size: 92.3%;
    text-decoration: none;
    display: inline-block;
    position: relative;
  }
  #other #footer #footerNav .listContent .list li a:before {
    display: none;
  }
  #other #footer #footerNav .listContent .list li a:after {
    width: 5px;
    height: 8px;
    margin: -4px 0 0 0;
    position: absolute;
    top: 50%;
    right: 12px;
    left: auto;
    display: block;
    content: "";
  }
  #other #footer #footerNav .listContent .list li .list {
    margin: 3px 0 18px 0;
  }
  #other #footer #copyright {
    font-size: 92.3%;
    font-family: Arial;
    line-height: 1;
  }
  #other #footer a {
    color: #ffffff;
  }
  #other #footer a:hover {
    color: #ffffff;
    text-decoration: none;
  }
}
#indexPc #mainvisual {
  width: 980px;
  min-height: 300px;
  margin: 0 auto 15px;
  text-align: center;
  position: relative;
  background: url(/export/sites/default/shared_52/images/top/pc/bg-mainvisual.jpg) top center no-repeat;
  overflow: hidden;
}
#indexPc .mainvisual {
  width: 950px;
  margin: 0 auto;
}
#indexPc .mainvisual a:hover img,
#indexPc .mainvisual a:active img,
#indexPc .mainvisual a:focus img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#indexPc .topColBox {
  width: 950px;
  background: #e8e8e8;
  padding: 15px 32px;
  margin: 0 auto;
  box-sizing: border-box;
}
#indexPc .topColBox .hdg01 {
  text-align: center;
  margin-bottom: 10px;
}
#indexPc .topColBox .link {
  font-size: 14px;
  font-weight: bold;
  color: #1e54aa;
  display: block;
  margin-bottom: 3px;
  text-decoration: none;
  height: 100%;
  padding: 0 9px;
}
#indexPc .topColBox h3 {
  text-decoration: underline;
}
#indexPc .topColBox .link:hover h3,
#indexPc .topColBox .link:active h3,
#indexPc .topColBox .link:focus h3 {
  text-decoration: none;
}
#indexPc .topColBox .link:hover img,
#indexPc .topColBox .link:active img,
#indexPc .topColBox .link:focus img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#indexPc .topColBox .category01 {
  font-size: 12px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 3px;
}
#indexPc .topColBox .category02 {
  font-size: 12px;
  font-weight: normal;
  color: #2f2f2f;
}
#indexPc .topColBox .colList {
  font-size: 0;
  width: 888px;
  margin: 0 auto;
  text-align: center;
}
#indexPc .topColBox .colList li {
  display: inline-block;
  margin-left: 18px;
  width: 133px;
  min-height: 184px;
  border: 1px solid #bfbfbf;
  background: #fff;
  box-sizing: border-box;
  text-align: left;
  vertical-align: top;
}
#indexPc .topColBox .colList li .inner {
  padding: 14px 0;
}
#indexPc .topColBox .colList li:first-of-type {
  margin-left: 0;
}
#indexPc .topColBox .colList li .image {
  text-align: center;
  margin-bottom: 10px;
}
#indexPc #mainvisual .title {
  margin: 0 -15px 0 !important;
  position: relative;
  z-index: 0;
}
#indexPc #mainvisual .title img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: none;
}
#indexPc #mainvisual .content {
  width: 950px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 15px;
}
#indexPc #mainvisual .content .contentInner {
  position: relative;
}
#indexPc #mainvisual .content .searchCollege {
  position: absolute;
  top: 69px;
  left: 2px;
}
#indexPc #mainvisual .content .searchCollege .searchTitle {
  float: left;
}
#indexPc #mainvisual .content .searchCollege .collegeSearch {
  position: relative;
  top: 6px;
  left: 9px;
  float: left;
  overflow: hidden;
}
#indexPc #mainvisual .content .searchCollege .collegeSearch .textArea {
  width: 297px;
  height: 22px;
  margin: 0 7px 0 0;
  padding: 3px 5px 1px 46px;
  line-height: 22px;
  float: left;
  position: relative;
  border: 1px solid #c7c7c7;
  background: url(/export/sites/default/shared_52/images/icon-search-01.png) 9px 5px no-repeat white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 0 #eeeeee inset;
  -moz-box-shadow: 0 1px 0 #eeeeee inset;
  -webkit-box-shadow: 0 1px 0 #eeeeee inset;
  -ms-box-shadow: 0 1px 0 #eeeeee inset;
  -o-box-shadow: 0 1px 0 #eeeeee inset;
}
#indexPc #mainvisual .content .searchCollege .collegeSearch .textArea:focus {
  background: url(/export/sites/default/shared_52/images/icon-search-01.png) 9px 5px no-repeat #fefef1;
}
#indexPc #mainvisual .content .searchCollege .collegeSearch span {
  width: 48px;
  height: 28px;
  display: block;
  float: left;
}
#indexPc #mainvisual .content .searchCollege .collegeSearch .button {
  width: 48px;
  height: 28px;
  padding: 0 10px 0;
  font-size: 107.7%;
  font-weight: bold;
  color: white;
  cursor: pointer;
  float: left;
  background: #1e54aa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-sizing: border-box;
}
#indexPc #mainvisual .content .searchCollege .collegeSearch .button:hover {
  background: #4272b9;
}
#indexPc #mainvisual .content .searchSection {
  width: 590px;
  padding: 9px;
  position: absolute;
  top: 117px;
  border: 1px solid #007ec6;
  background: #58abda;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexPc #mainvisual .content .listSection {
  padding: 13px 0 13px;
  background: #f8f8f8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 1px #4b98c4;
  -moz-box-shadow: 0 1px 1px #4b98c4;
  -webkit-box-shadow: 0 1px 1px #4b98c4;
  -ms-box-shadow: 0 1px 1px #4b98c4;
  -o-box-shadow: 0 1px 1px #4b98c4;
}
#indexPc #mainvisual .content .listSection a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#indexPc #maincol a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#indexPc #maincol .hdgTypeImg {
  margin: 0 0 16px;
}
#indexPc #maincol .carouselWrapper {
  min-height: 167px;
  margin: 0 0 36px;
  padding: 15px 15px 0;
  position: relative;
  border: 1px solid #e6e5e5;
  background: #f2f1f1;
}
#indexPc #maincol .carouselWrapper .carouselWrapperInner {
  overflow: hidden;
}
#indexPc #maincol .carouselWrapper .carouselWrapperInner .carousel {
  width: 714px;
  min-height: 150px;
  overflow: hidden;
  background: white;
  box-shadow: 0 1px 1px #cecdcd;
  -moz-box-shadow: 0 1px 1px #cecdcd;
  -webkit-box-shadow: 0 1px 1px #cecdcd;
  -ms-box-shadow: 0 1px 1px #cecdcd;
  -o-box-shadow: 0 1px 1px #cecdcd;
}
#indexPc #maincol .carouselWrapper .carouselWrapperInner .banner {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#indexPc #maincol .carouselWrapper .carouselWrapperInner .banner li {
  width: 714px;
  float: left;
}
#indexPc #maincol .carouselWrapper .carouselButton li.prev {
  width: 34px;
  height: 34px;
  margin: -22px 0 0 0;
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 11;
  display: block;
  float: left;
  cursor: pointer;
  background: url(/export/sites/default/shared_52/images/icon-carousel-prev.png) 0 0 no-repeat;
}
#indexPc #maincol .carouselWrapper .carouselButton li.prev:hover {
  background: url(/export/sites/default/shared_52/images/icon-carousel-prev_o.png) 0 0 no-repeat;
}
#indexPc #maincol .carouselWrapper .carouselButton li.next {
  width: 34px;
  height: 34px;
  margin: -22px 0 0 0;
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 11;
  display: block;
  float: right;
  cursor: pointer;
  background: url(/export/sites/default/shared_52/images/icon-carousel-next.png) 0 0 no-repeat;
}
#indexPc #maincol .carouselWrapper .carouselButton li.next:hover {
  background: url(/export/sites/default/shared_52/images/icon-carousel-next_o.png) 0 0 no-repeat;
}
#indexPc #maincol .carouselWrapper .carouselButton li a:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
}
#indexPc #maincol .carouselWrapper .carouselButton li a.active {
  display: none;
}
#indexPc #maincol .listAdBnr {
  width: 754px;
  margin: 0 0 18px -8px;
}
#indexPc #maincol .listAdBnr:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #maincol .listAdBnr li {
  margin: 0 0 0 8px;
  float: left;
}
#indexPc #maincol .listAdBnr li:after {
  width: 180px;
  height: 21px;
  position: relative;
  left: 5px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -340px no-repeat;
  content: "";
}
#indexPc #maincol .boxKnows {
  min-height: 226px;
  margin: 0 0 36px;
  padding: 0 12px 0;
  background: #b8e4fb;
  overflow: hidden;
  position: relative;
}
#indexPc #maincol .boxKnows .hdg {
  float: left;
  position: absolute;
  top: 0;
  left: 0;
}
#indexPc #maincol .boxKnows .content {
  width: 388px;
  padding: 18px 0 0;
  margin: 0 0 -20px 0;
  float: right;
}
#indexPc #maincol .boxKnows .content .title img {
  vertical-align: bottom;
  line-height: 1;
}
#indexPc #maincol .boxKnows .content .list {
  width: 398px;
  margin: 10px 0 -10px -10px;
  padding: 0 0 20px;
}
#indexPc #maincol .boxKnows .content .list:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #maincol .boxKnows .content .list li {
  margin: 0 0 10px 10px;
  float: left;
  background: white;
}
#indexPc #maincol .boxKnows .content .list li:nth-child(2n) {
  margin-right: 0;
}
#indexPc #maincol .boxFeature {
  width: 768px;
  margin: 0 0 35px -22px;
}
#indexPc #maincol .boxFeature:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #maincol .boxFeature .listContent {
  width: 210px;
  min-height: 104px;
  margin: 0 0 0 22px;
  padding: 9px 9px 5px;
  float: left;
  border: 3px solid #c7c7c7;
}
#indexPc #maincol .boxFeature .listContent .title {
  margin: 0 !important;
  padding: 114px 0 0;
  position: relative;
}
#indexPc #maincol .boxFeature .listContent .title .name {
  padding: 0 0 3px;
  font-weight: bold;
  position: relative;
  display: block;
}
#indexPc #maincol .boxFeature .listContent .title .img {
  position: absolute;
  top: 0;
  left: 0;
}
#indexPc #maincol .boxFeature .listContent .text {
  margin: 0 0 0 !important;
}
#indexPc #maincol .boxCollegeInfo {
  margin: 0 0 35px;
  padding: 9px 13px 13px;
  border: 3px solid #c7c7c7;
}
#indexPc #maincol .boxCollegeInfo:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc #maincol .boxCollegeInfo .listContent {
  width: 342px;
  margin: 0 0 6px;
  padding: 0 0 10px;
  float: left;
  border-bottom: 1px dashed #c7c7c7;
}
#indexPc #maincol .boxCollegeInfo .listContent:nth-last-child(-n+2) {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#indexPc #maincol .boxCollegeInfo .listContent:nth-child(even) {
  float: right;
}
#indexPc #maincol .boxCollegeInfo .listContent .title {
  margin: 0 0 9px !important;
}
#indexPc #maincol .boxCollegeInfo .listContent .title .date {
  margin: 2px 20px 0 0;
  font-size: 92.3%;
  font-weight: bold;
  float: left;
  clear: left;
  display: block;
}
#indexPc #maincol .boxCollegeInfo .listContent .title .name {
  overflow: hidden;
  display: block;
}
#indexPc #maincol .boxCollegeInfo .listContent .content {
  margin: 0 !important;
}
#indexPc #maincol .boxCollegeInfo .listContent .content .text {
  width: 272px;
  float: right;
}
#indexPc #maincol .boxCollegeInfo .listContent .content .img {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: #e9e9eb;
}
#indexPc #maincol .boxCollegeInfo .listContent .content .img img {
  width: 40px;
}
#indexSp #mainvisual {
  text-align: center;
  position: relative;
  background: url(/export/sites/default/shared_52/images/top/sp/bg-mainvisual.jpg) top center no-repeat;
}
#indexSp .mainvisual {
  width: 100%;
}
#indexSp .mainvisual, #indexSp .mainvisual img {
  width: 100%;
}
#indexSp .topColBox {
  width: 100%;
  background: #ebebeb;
  padding: 15px 10px 13px;
  margin: 0 auto;
  box-sizing: border-box;
}
#indexSp .topColBox .hdg01 {
  text-align: center;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
}
#indexSp .topColBox .link {
  font-size: 14px;
  padding: 0 9px;
  font-weight: bold;
  color: #1e54aa;
  text-decoration: none;
  display: block;
  margin-bottom: 3px;
  height: 100%;
  min-height: 184px;
}
#indexSp .topColBox h3 {
  text-decoration: underline;
}
#indexSp .topColBox .link:hover h3 {
  text-decoration: none;
}
#indexSp .topColBox .category01 {
  font-size: 12px;
  font-weight: bold;
  color: #2f2f2f;
  margin-bottom: 3px;
}
#indexSp .topColBox .category02 {
  font-size: 12px;
  font-weight: normal;
  color: #2f2f2f;
}
#indexSp .topColBox .colList {
  font-size: 0;
}
#indexSp .topColBox .colList li {
  display: inline-block;
  width: calc(50% - 5px);
  min-height: 184px;
  border: 1px solid #bfbfbf;
  background: #fff;
  box-sizing: border-box;
  margin-bottom: 11px;
  vertical-align: top;
}
#indexSp .topColBox .colList li .inner {
  padding: 14px 0;
}
/*
#indexSp .topColBox .colList li:nth-child(2n) {
  margin-left: 10px;
}
*/
#indexSp .topColBox .colList .nb2 {
  margin-left: 10px;
}
#indexSp .topColBox .colList li .image {
  text-align: center;
  margin-bottom: 10px;
}
#indexSp #maincol {
  min-width: 320px;
}
#indexSp #maincol .bannerArea {
  padding: 16px 0 16px;
  text-align: center;
  background: #ffffff;
}
#indexSp #maincol .loginArea {
  margin: 0 0 16px;
  padding: 3px;
  background: #007ec6;
}
#indexSp #maincol .loginArea .heading {
  margin: -12px -7px 10px;
  padding: 0 0 3px 9px;
  color: white;
  background: #007ec6;
}
#indexSp #maincol .loginArea .contentInner {
  padding: 12px 7px 16px;

  background: white;
}
#indexSp #maincol .loginArea .favorite {
  margin: 0 0 9px;
  display: table;
  position: relative;
}
#indexSp #maincol .loginArea .favorite .img {
  padding: 0 7px 0 0;
  display: table-cell;
  vertical-align: middle;
}
#indexSp #maincol .loginArea .favorite .text {
  padding: 2px 0 0 0;
  font-size: 138.5%;
  line-height: 1.3;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
#indexSp #maincol .loginArea .favorite .text img {
  position: absolute;
  top: 3px;
  left: 45px;
}
#indexSp #maincol .loginArea .listButton {
  margin: 0 0 0;
  padding: 11px 0 0;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) 0 0 repeat-x;
}
#indexSp #maincol .loginArea .listButton:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexSp #maincol .loginArea .listButton li {
  width: 48%;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexSp #maincol .loginArea .listButton li.mypage {
  float: left;
  background: #e52b72;
}
#indexSp #maincol .loginArea .listButton li.cart {
  float: right;
  background: #ff7f00;
}
#indexSp #maincol .loginArea .listButton li a {
  padding: 17px 0 14px;
  font-size: 115.4%;
  font-weight: bold;
  color: white;
  line-height: 1;
  text-decoration: none;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexSp #maincol .carouselWrapper {
  min-height: 108px;
  margin: 0 0 16px;
  text-align: center;
  position: relative;
  border-top: 1px solid #cbd2d6;
  border-bottom: 1px solid #cbd2d6;
  background: #e9edef;
}
#indexSp #maincol .carouselWrapper .carouselWrapperInner {
  margin: 0 auto;
  min-height: 108px;
  overflow: hidden;
}
#indexSp #maincol .carouselWrapper .carousel {
  width: 296px;
  margin: 0 auto;
  min-height: 108px;
  overflow: hidden;
}
#indexSp #maincol .carouselWrapper .carousel .banner {
  position: relative;
}
#indexSp #maincol .carouselWrapper .carousel .banner li {
  text-align: center;
  float: left;
}
#indexSp #maincol .carouselWrapper .carouselButton {
  width: 100%;
  display: block;
}
#indexSp #maincol .carouselWrapper .carouselButton li {
  position: relative;
}
#indexSp #maincol .carouselWrapper .carouselButton li.prev {
  width: 29px;
  height: 49px;
  margin: 39px 0 0;
  position: absolute;
  top: 0;
  left: 3px;
  z-index: 11;
  float: left;
  display: block;
  cursor: pointer;
  background: url(/export/sites/default/shared_52/images/icon-carousel-prevsp.png) 0 0 no-repeat;
  background-size: 29px 29px;
  -moz-background-size: 29px 29px;
  -webkit-background-size: 29px 29px;
  -ms-background-size: 29px 29px;
  -o-background-size: 29px 29px;
}
#indexSp #maincol .carouselWrapper .carouselButton li.prev:hover {
  background: url(/export/sites/default/shared_52/images/icon-carousel-prevsp_o.png) 0 0 no-repeat;
  background-size: 29px 29px;
  -moz-background-size: 29px 29px;
  -webkit-background-size: 29px 29px;
  -ms-background-size: 29px 29px;
  -o-background-size: 29px 29px;
}
#indexSp #maincol .carouselWrapper .carouselButton li.next {
  width: 29px;
  height: 49px;
  margin: 39px 0 0;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 11;
  float: right;
  display: block;
  cursor: pointer;
  background: url(/export/sites/default/shared_52/images/icon-carousel-nextsp.png) 0 0 no-repeat;
  background-size: 29px 29px;
  -moz-background-size: 29px 29px;
  -webkit-background-size: 29px 29px;
  -ms-background-size: 29px 29px;
  -o-background-size: 29px 29px;
}
#indexSp #maincol .carouselWrapper .carouselButton li.next:hover {
  background: url(/export/sites/default/shared_52/images/icon-carousel-nextsp_o.png) 0 0 no-repeat;
  background-size: 29px 29px;
  -moz-background-size: 29px 29px;
  -webkit-background-size: 29px 29px;
  -ms-background-size: 29px 29px;
  -o-background-size: 29px 29px;
}
#indexSp #maincol .carouselWrapper .carouselButton li a {
  padding: 39px 0 40px;
  margin: 0 0 0;
  position: absolute;
  top: -39px;
  display: block;
}
#indexSp #maincol .carouselWrapper .carouselButton li a.active {
  display: none;
}
#indexSp #maincol .carouselWrapper .carouselButton li a:hover img {
  opacity: 0;
  filter: alpha(opacity=0);
}
#indexSp #maincol .searchSection {
  padding: 12px 12px 12px;
  background: #58abda;
}
#indexSp #maincol .searchSection .listSection {
  background: #f8f8f8;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 1px #4b98c4;
  -moz-box-shadow: 0 1px 1px #4b98c4;
  -webkit-box-shadow: 0 1px 1px #4b98c4;
  -ms-box-shadow: 0 1px 1px #4b98c4;
  -o-box-shadow: 0 1px 1px #4b98c4;
}
#indexSp #maincol .searchSection .listSection li {
  border-bottom: 1px dashed #cccccc;
}
#indexSp #maincol .searchSection .listSection li:last-child {
  margin-bottom: 0;
  border: none;
}
#indexSp #maincol .searchSection .listSection li span {
  margin: 0 0 11px;
  padding: 5px 0 3px 11px;
  font-size: 92.3%;
  font-weight: bold;
  line-height: 1;
  display: block;
  border-left: 6px solid #007ec6;
}
#indexSp #maincol .searchSection .listSection li em {
  padding: 0 0 0 67px;
  font-size: 153.8%;
  font-weight: bold;
  color: #1e54aa;
  line-height: 1;
  position: relative;
}
#indexSp #maincol .searchSection .listSection li em.basic:before {
  width: 31px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 18px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -138px no-repeat;
  content: "";
}
#indexSp #maincol .searchSection .listSection li em.exam:before {
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 20px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -50px -140px no-repeat;
  content: "";
}
#indexSp #maincol .searchSection .listSection li a {
  padding: 10px 0 13px;
  display: block;
  text-decoration: none;
  position: relative;
}
#indexSp #maincol .searchSection .listSection li a:after {
  width: 28px;
  height: 28px;
  margin: -4px 0 0;
  position: absolute;
  top: 50%;
  right: 13px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -154px -181px no-repeat;
  content: "";
}
#indexSp #maincol .section {
  margin: 0 0 0;
  padding: 0 12px 0;
}
#indexSp #maincol .hdgType01 {
  margin: 0 -12px 6px;
  padding: 0 10px 4px;
  font-size: 138.5%;
  color: #0072b4;
  line-height: 1.4;
}
#indexSp #maincol .hdgType01 img {
  margin: 0 7px 0 0;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
#indexSp #maincol .hdgType02 {
  margin: 0 -12px 12px;
  padding: 8px 10px 4px;
  font-size: 138.5%;
  color: white;
  line-height: 1.4;
  border-left: 6px solid #0072b4;
  background: #3ea1da;
}
#indexSp #maincol .hdgType03 {
  margin: 0 0 16px;
  padding: 3px 12px 0;
  font-size: 138.5%;
  color: #2f2f2f;
  line-height: 1.3;
  border-left: 6px solid #0072b4;
}
#indexSp #maincol .listContent01 {
  margin: 0 0 16px;
}
#indexSp #maincol .listContent01 li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #cccccc;
  position: relative;
}
#indexSp #maincol .listContent01 li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}
#indexSp #maincol .listContent01 li a {
  overflow: hidden;
  display: block;
}
#indexSp #maincol .listContent01 li .text {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
#indexSp #maincol .listContent01 li .text span {
  font-weight: bold;
}
#indexSp #maincol .listContent01 li .text span:after {
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  left: 7px;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}
#indexSp #maincol .listContent01 li .img {
  min-width: 62px;
  padding: 0 12px 0 0;
  display: table-cell;
}
#indexSp #maincol .featureContent {
  margin: 0 -12px 16px;
}
#indexSp #maincol .featureContent .content {
  min-height: 62px;
  margin: 0 0 10px;
  padding: 0 12px 10px 86px;
  position: relative;
  border-bottom: 1px dashed #c7c7c7;
}
#indexSp #maincol .featureContent .content:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexSp #maincol .featureContent .content:last-child {
  margin-bottom: 0;
}
#indexSp #maincol .featureContent .content .title .text {
  font-weight: bold;
  display: block;
}
#indexSp #maincol .featureContent .content .title .img {
  width: 62px;
  height: 62px;
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  position: absolute;
  left: 12px;
}

#indexPc #subColumn a:hover img, #other #subColumn a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#indexPc #subColumn .contentBox, #other #subColumn .contentBox {
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid #c7c7c7;
  border-top: none;
  background: url(/export/sites/default/shared_52/images/bg-subcol-01.png) 0 0 repeat;
}
#indexPc #subColumn .contentBox .hdg, #other #subColumn .contentBox .hdg {
  margin: -12px -12px 0;
  padding: 0 12px 6px;
  font-size: 107.7%;
  color: #2e2e2e;
  position: relative;
  border-bottom: 1px solid #c7c7c7;
  background: white;
}
#indexPc #subColumn .contentBox .hdg:before, #other #subColumn .contentBox .hdg:before {
  width: 180px;
  height: 1px;
  margin: 0 0 -12px;
  padding: 20px 0 0;
  position: relative;
  left: -13px;
  display: block;
  border-top: 3px solid #0072b4;
  content: "";
}
#indexPc #subColumn .contentBox .hdg:nth-child(n+2), #other #subColumn .contentBox .hdg:nth-child(n+2) {
  margin-top: 10px;
}
#indexPc #subColumn .contentBox .hdg:nth-child(n+2):before, #other #subColumn .contentBox .hdg:nth-child(n+2):before {
  border-color: #c7c7c7;
}
#indexPc #subColumn .bannerList, #other #subColumn .bannerList {
  margin: 0 0 -12px;
  padding: 0 0 12px 0;
}
#indexPc #subColumn .bannerList li, #other #subColumn .bannerList li {
  margin: 0 0 12px;
}
#indexPc #subColumn .listRecommend, #other #subColumn .listRecommend {
  margin: 12px -12px 0 !important;
}
#indexPc #subColumn .listRecommend .content, #other #subColumn .listRecommend .content {
  margin: 0 0 12px !important;
  padding: 0 12px 0 !important;
  border-bottom: none !important;
  font-size: 92.3%;
}
#indexPc #subColumn .listRecommend .title, #other #subColumn .listRecommend .title {
  font-weight: bold;
}
#indexPc #subColumn .listRecommend .title a, #other #subColumn .listRecommend .title a {
  text-decoration: underline;
}
#indexPc #subColumn .listRecommend .title a:hover, #other #subColumn .listRecommend .title a:hover {
  text-decoration: none;
}
#indexPc #subColumn .listRecommend .title .name, #other #subColumn .listRecommend .title .name {
  padding: 8px 0 0;
}
#indexPc #subColumn .listRecommend .title .img, #other #subColumn .listRecommend .title .img {
  text-align: center;
  vertical-align: middle;
  display: block;
  background: #e6e6e6;
}
#indexPc #subColumn .listRecommend .title .img span, #other #subColumn .listRecommend .title .img span {
  width: 154px;
  height: 116px;
  display: table-cell;
  vertical-align: middle;
}

#indexPc #subColumn .listRecommend .title .img span img, #other #subColumn .listRecommend .title .img span img {
  width: 154px;
  height: 116px;
}
#indexPc #subColumn .listRecommend .caption, #other #subColumn .listRecommend .caption {
  margin: 4px 0 0 0;
  color: #2f2f2f;
}

#indexPc .loginBox {
  margin: 0 0 12px;
  padding: 0 9px 9px;
  border: 3px solid #007ec6;
}
#indexPc .loginBox .hdg {
  margin: 0 -9px 11px;
  padding: 12px 0 9px 45px;
  font-size: 123.1%;
  font-weight: bold;
  color: white;
  line-height: 1;
  position: relative;
  border-bottom: 1px solid #007ec6;
  background: #007ec6;
}
#indexPc .loginBox .hdg:before {
  width: 26px;
  height: 24px;
  position: absolute;
  top: 6px;
  left: 9px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -447px no-repeat;
  content: "";
}
#indexPc .loginBox .title {
  margin: 0 0 8px;
  line-height: 1.4;
}
#indexPc .loginBox .title .comment {
  margin: 0 0 2px 0;
  font-size: 92.3%;
  display: block;
}
#indexPc .loginBox .title em {
  font-size: 107.7%;
  font-weight: bold;
  color: #2f2f2f;
}
#indexPc .loginBox .title em span {
  font-size: 84.6%;
}
#indexPc .loginBox .favorite {
  min-height: 40px;
  margin: 0 0 0;
  padding: 4px 0 3px 60px;
  font-size: 107.7%;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}
#indexPc .loginBox .favorite img {
  margin: -13px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
}
#indexPc .loginBox .listButton {
  margin: 0 0 -9px;
  padding: 11px 0 0 0;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left top repeat-x;
}
#indexPc .loginBox .listButton li {
  margin: 0 0 10px;
  font-size: 107.7%;
  font-weight: bold;
  text-align: center;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexPc .loginBox .listButton li.mypage a {
  background: #e52b72;
}
#indexPc .loginBox .listButton li.mypage a:after {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -154px -28px no-repeat;
}
#indexPc .loginBox .listButton li.cart a {
  background: #ff7f00;
}
#indexPc .loginBox .listButton li.cart a:after {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -178px -28px no-repeat;
}
#indexPc .loginBox .listButton li a {
  padding: 12px 12px 10px;
  color: white;
  line-height: 1;
  text-decoration: none;
  position: relative;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
#indexPc .loginBox .listButton li a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#indexPc .loginBox .listButton li a:after {
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: "";
}
#indexPc .listRecommend {
  margin: 12px -12px 0 !important;
}
#indexPc .listRecommend .content {
  margin: 0 0 12px !important;
  padding: 0 12px 0 !important;
  border-bottom: none !important;
}
#indexPc .listPickup {
  margin: 12px -12px -7px;
  padding: 0 12px 0;
  font-size: 92.3%;
}
#indexPc .listPickup .list li {
  margin: 0 -12px 10px;
  padding: 0 12px 10px;
  border-bottom: 1px dashed #c7c7c7;
}
#indexPc .listPickup .list li:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
#indexPc .listPickup .list li .text {
  width: 100px;
  float: right;
  text-decoration: underline;
  display: inline-block;
}
#indexPc .listPickup .list li .text:hover {
  text-decoration: none;
}
#indexPc .listPickup .list li .img {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: white;
}
#indexPc .listPickup .list li .img img {
  max-width: 40px;
  max-height: 40px;
}
#indexPc .listPickup .link {
  margin: 0 21px -4px 0;
  padding: 0;
  font-weight: bold;
  text-align: right;
}
#indexPc .listPickup .link li {
  margin: 0 0 4px;
  position: relative;
}
#indexPc .listPickup .link li:after {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 1px;
  right: -21px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}

#indexSp #subColumn .bannerArea {
  padding: 16px 0 16px;
  text-align: center;
  background: #e6e6e6;
}
#indexSp #subColumn .funcToggle01 {
  margin: 0 0 16px;
  border: 1px solid #c7c7c7;
  border-top: 3px solid #0072b4;
  border-left: none;
  border-right: none;
  border-bottom: none;
}
#indexSp #subColumn .funcToggle01 .tglTitle a {
  padding: 12px 12px 12px;
}
#indexSp #subColumn .funcToggle01 .tglTitle em {
  font-size: 138.5%;
}
#indexSp #subColumn .funcToggle01 .tglContent {
  padding: 0 12px 0;
}
#indexSp #subColumn .listInfo01 {
  margin: 10px -12px 0;
  font-size: 92.3%;
}
#indexSp #subColumn .listInfo01 .listContent {
  margin: 0 0 10px;
  padding: 0 12px 10px;
  border-bottom: 1px dashed #c7c7c7;
}
#indexSp #subColumn .listInfo01 .listContent:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
#indexSp #subColumn .listInfo01 .title {
  font-weight: bold;
  overflow: hidden;
}
#indexSp #subColumn .listInfo01 .title + .content {
  padding: 6px 0 0;
}
#indexSp #subColumn .listInfo01 .title .date {
  margin: 0 20px 0 0;
  float: left;
  display: block;
}
#indexSp #subColumn .listInfo01 .title a {
  display: block;
  overflow: hidden;
}
#indexSp #subColumn .listInfo01 .content .img {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: #e9e9eb;
}
#indexSp #subColumn .listInfo01 .content .text {
  padding: 0 0 0 8px;
  display: table-cell;
}
#indexSp #subColumn .listInfo02 {
  margin: 10px -12px 0;
  font-size: 92.3%;
}
#indexSp #subColumn .listInfo02 .listContent {
  margin: 0 0 10px;
  padding: 0 12px 10px;
  border-bottom: 1px dashed #c7c7c7;
}
#indexSp #subColumn .listInfo02 .listContent:last-child {
  padding-bottom: 0;
  border: none;
}
#indexSp #subColumn .listInfo02 .date + .content {
  padding: 5px 0 0;
}
#indexSp #subColumn .listInfo02 .content .img {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: #e9e9eb;
}
#indexSp #subColumn .listInfo02 .content .img + .text {
  padding: 0 0 0 8px;
}
#indexSp #subColumn .listInfo02 .content .text {
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
#indexSp #subColumn .listInfo02 .link {
  margin: -2px 12px -4px 0;
  padding: 0 0 8px;
  text-align: right;
}
#indexSp #subColumn .listInfo02 .link li {
  margin: 0 0 4px;
}
#indexSp #subColumn .listInfo02 .link a:after {
  width: 14px;
  height: 14px;
  margin: 0 0 0 8px;
  position: relative;
  top: 2px;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}

@media only screen and (max-width: 767px) {
  #other #subColumn {
    min-width: 320px;
    margin: 20px 0 0;
  }
  #other #subColumn .contentBox {
    margin: 0;
    padding: 0 12px 0;
    border: none;
    background: none;
  }
  #other #subColumn .contentBox .hdg {
    margin: 0 -12px 12px;
    padding: 11px 12px 10px;
    font-size: 153.8%;
    color: #007ec6;
    line-height: 1;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    background: #f5f5f5;
  }
  #other #subColumn .contentBox .hdg:before {
    display: none;
  }
  #other #subColumn .bannerList {
    margin: 0;
    padding: 16px 12px 16px;
    position: relative;
    text-align: center;
    border-bottom: 2px solid #c7c7c7;
    background: #e6e6e6;
  }
  #other #subColumn .bannerList li {
    margin: 0;
  }
  #other #subColumn .bannerList li:nth-child(n+2) {
    display: none;
  }
  #other #subColumn .bannerList li img {
    vertical-align: bottom;
  }
  #other #subColumn .listRecommend {
    margin: 0 -12px 0;
  }
  #other #subColumn .listRecommend .content {
    margin: 0 0 12px !important;
    padding: 0 12px 12px 10px !important;
    min-height: 75px;
    font-size: 100%;
    position: relative;
    border-bottom: 1px dashed #c7c7c7 !important;
  }
  #other #subColumn .listRecommend .content:nth-child(4) {
    border-bottom: 1px solid #c7c7c7 !important;
  }
  #other #subColumn .listRecommend .content:nth-child(n+5) {
    display: none;
  }
  #other #subColumn .listRecommend .title {
    padding: 0 0 0 110px;
    font-size: 92.3%;
  }
  #other #subColumn .listRecommend .title a {
    text-decoration: underline;
    display: block;
  }
  #other #subColumn .listRecommend .title a:hover {
    text-decoration: none;
  }
  #other #subColumn .listRecommend .title .name {
    padding: 0;
  }
  #other #subColumn .listRecommend .title .img {
    width: 100px;
    height: auto;
    position: absolute;
    left: 12px;
    text-align: left;
    vertical-align: top;
    background: #e6e6e6;
  }
  #other #subColumn .listRecommend .title .img span {
    width: auto;
    height: auto;
    display: block;
    vertical-align: top;
  }
  #other #subColumn .listRecommend .title .img span img {
    width: 100px;
    height: 75px;
  }
  #other #subColumn .listRecommend .caption {
    font-size: 92.3%;
  }
}
#topicPath {
  font-size: 92.3%;
  background: #f2f2f2;
}
#topicPath .content {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 10px;
}
#topicPath a, #topicPath em {
  position: relative;
}
#topicPath em {
  padding: 0 0 6px;
  font-weight: normal;
  color: #2f2f2f;
}
#topicPath span {
  width: 12px;
  height: 17px;
  margin: 0 12px 0px 7px;
  padding: 8px 0 8px;
  text-indent: -100%;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -21px -52px no-repeat;
  content: "";
}

@media only screen and (max-width: 767px) {
  #topicPath {
    display: none;
  }
}
#indexPc #mainUtility, #other #mainUtility{
  margin-top: 40px;
  color: #ffffff;
  min-width: 950px;
  font-size: 92.3%;
  line-height: 1.4;
}
#other #mainUtility {
  min-width: 0;
}
#indexPc #mainUtility .mainUtilityWrapper.description, #other #mainUtility .mainUtilityWrapper.description{
  padding-top: 3px;
  background: #1e94d7;
}
#indexPc #mainUtility .mainUtilityWrapper.pagetop, #other #mainUtility .mainUtilityWrapper.pagetop{
  background: #118acf;
  text-align: right;
}
#indexPc #mainUtility .mainUtilityInner, #other #mainUtility .mainUtilityInner{
  max-width: 950px;
  margin: 0 auto;
  padding: 7px 10px;
}
#indexPc #mainUtility a, #other #mainUtility a {
  color: white;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-indent: -23px;
  padding-left: 14px;
}
#indexPc #mainUtility a:hover, #other #mainUtility a:hover {
  text-decoration: underline;
}
#indexPc #mainUtility a:before, #other #mainUtility a:before {
  width: 14px;
  height: 14px;
  margin: 0 7px 0 0;
  position: relative;
  top: 3px;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -34px -28px no-repeat;
  content: "";
}
#indexSp #mainUtility{
  margin-top: 24px;
  color: #ffffff;
  font-size: 100%;
  line-height: 1.4;
}
#indexSp #mainUtility .mainUtilityWrapper.description{
  padding-top: 3px;
  background: #1e94d7;
}
#indexSp #mainUtility .mainUtilityWrapper.pagetop{
  background: #118acf;
  text-align: left;
}
#indexSp #mainUtility .mainUtilityInner{
  min-width: auto;
  padding: 7px 12px 7px;
}
#indexSp #mainUtility a {
  color: white;
  text-decoration: none;
  position: relative;
  right: 0;
  display: inline-block;
  padding-left: 20px;
}
#indexSp #mainUtility a:hover {
  text-decoration: none;
}
#indexSp #mainUtility a:before {
  width: 14px;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -34px -28px no-repeat;
  content: "";
}

@media only screen and (max-width: 767px) {
  #other #mainUtility {
    margin-top: 24px;
    color: #ffffff;
    font-size: 100%;
    min-width: 320px;
    line-height: 1.4;
  }
  #other #mainUtility .mainUtilityWrapper.description{
    padding-top: 3px;
    background: #1e94d7;
  }
  #other #mainUtility .mainUtilityWrapper.pagetop{
    background: #118acf;
    text-align: left;
  }
  #other #mainUtility .mainUtilityInner{
    width: auto;
    min-width: auto;
    padding: 7px 12px 7px;
  }
  #other #mainUtility a {
    color: white;
    text-decoration: none;
    position: relative;
    right: 0;
    display: inline-block;
    padding-left: 20px;
    text-indent: 0;
  }
  #other #mainUtility a:hover {
    text-decoration: underline;
  }
  #other #mainUtility a:before {
    width: 14px;
    height: 14px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -34px -28px no-repeat;
    content: "";
  }
}
.hdgLv01 {
  margin: 0 0 24px;
  font-size: 246.2%;
  color: #333333;
  line-height: 1.3;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01:after {
  width: 100%;
  padding: 13px 0 0;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01 + .hdgLv02 {
  margin-top: 0 !important;
}

.hdgPoint {
  margin: 0 0 10px;
  padding: 0 14px 0;
  position: relative;
}
.hdgPoint:before {
  width: 18px;
  height: 16px;
  position: absolute;
  left: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -265px -96px no-repeat;
  content: "";
}
.hdgPoint .point {
  padding: 0 3px 0 0;
  font-size: 123.1%;
  color: #0072b4;
}
.hdgPoint .point span {
  padding: 0 0 0 5px;
  font-size: 161.5%;
}
.hdgPoint .title {
  font-size: 138.5%;
}

.hdgLv01Cart {
  margin: 26px 0 24px;
  padding: 0 0 0 65px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Cart:before {
  width: 49px;
  height: 51px;
  display: block;
  position: absolute;
  top: -7px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -178px -236px no-repeat;
  content: "";
}
.hdgLv01Cart:after {
  width: 100%;
  margin: 0 0 0 -65px;
  padding: 11px 0 0 65px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Cart .title,
.hdgLv01Cart .title02 {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Cart .title .result,
.hdgLv01Cart .title02 .result {
  font-size: 38px;
  color: #e12c71;
}
.hdgLv01Cart .title .result span,
.hdgLv01Cart .title02 .result span {
  padding: 0 0 0 5px;
  font-size: 22px;
  font-weight: bold;
  color: #2f2f2f;
  position: relative;
  top: -2px;
}

.hdgLv01Mypage {
  margin: 7px 0 24px;
  padding: 0 0 0 69px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Mypage:before {
  width: 54px;
  height: 50px;
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -357px -238px no-repeat;
  content: "";
}
.hdgLv01Mypage:after {
  width: 100%;
  margin: 0 0 0 -69px;
  padding: 13px 0 0 69px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Mypage .title {
  padding: 6px 206px 0 0;
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Mypage .title .result {
  font-size: 36px;
}
.hdgLv01Mypage .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01Mypage .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01College {
  margin: 9px 0 24px;
  padding: 0 0 0 73px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01College:before {
  width: 47px;
  height: 47px;
  display: block;
  position: absolute;
  top: -7px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -240px no-repeat;
  content: "";
}
.hdgLv01College:after {
  width: 100%;
  margin: 0 0 0 -73px;
  padding: 19px 0 0 73px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01College .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01College .title .result {
  font-size: 36px;
}
.hdgLv01College .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01College .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.category11:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-11.png) no-repeat;
}

.category21:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-21.png) no-repeat;
}

.category22:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-22.png) no-repeat;
}

.category23:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-23.png) no-repeat;
}

.category31:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-31.png) no-repeat;
}

.category32:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-32.png) no-repeat;
}

.category41:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-41.png) no-repeat;
}

.category42:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-42.png) no-repeat;
}

.category43:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-43.png) no-repeat;
}

.category51:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-51.png) no-repeat;
}

.category61:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-61.png) no-repeat;
}

.category62:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-62.png) no-repeat;
}

.category71:before {
  width: 50px;
  height: 50px;
  background: url(/export/sites/default/shared_52/images/icon-subject-71.png) no-repeat;
}

.hdgLv01Exam {
  margin: 9px 0 24px;
  padding: 0 0 0 62px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Exam:before {
  width: 44px;
  height: 47px;
  display: block;
  position: absolute;
  top: -7px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -68px -242px no-repeat;
  content: "";
}
.hdgLv01Exam:after {
  width: 100%;
  margin: 0 0 0 -62px;
  padding: 16px 0 0 62px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Exam .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Exam .title .result {
  font-size: 36px;
}
.hdgLv01Exam .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01Exam .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01Disciplines {
  margin: 9px 0 24px;
  padding: 0 0 0 62px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Disciplines:before {
  width: 48px;
  height: 34px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -295px -253px no-repeat;
  content: "";
}
.hdgLv01Disciplines:after {
  width: 100%;
  margin: 0 0 0 -62px;
  padding: 19px 0 0 62px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Disciplines .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Disciplines .title .result {
  font-size: 36px;
}
.hdgLv01Disciplines .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01Disciplines .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01Measures {
  margin: 9px 0 24px;
  padding: 0 0 0 62px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Measures:before {
  width: 48px;
  height: 38px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -250px no-repeat;
  content: "";
}
.hdgLv01Measures:after {
  width: 100%;
  margin: 0 0 0 -62px;
  padding: 19px 0 0 62px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Measures .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Measures .title .result {
  font-size: 36px;
}
.hdgLv01Measures .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01Measures .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01Feature {
  margin: 9px 0 24px;
  padding: 0 0 0 62px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Feature:before {
  width: 44px;
  height: 49px;
  display: block;
  position: absolute;
  top: -5px;
  left: 1px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -426px -239px no-repeat;
  content: "";
}
.hdgLv01Feature:after {
  width: 100%;
  margin: 0 0 0 -62px;
  padding: 19px 0 0 62px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Feature .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Feature .title .result {
  font-size: 36px;
}
.hdgLv01Feature .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01Feature .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01News {
  margin: 9px 0 24px;
  padding: 0 0 0 62px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01News:before {
  width: 44px;
  height: 45px;
  display: block;
  position: absolute;
  top: -1px;
  left: 1px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -482px -243px no-repeat;
  content: "";
}
.hdgLv01News:after {
  width: 100%;
  margin: 0 0 0 -62px;
  padding: 19px 0 0 62px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01News .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01News .title .result {
  font-size: 36px;
}
.hdgLv01News .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01News .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01Howto {
  margin: 9px 0 24px;
  padding: 0 0 0 62px;
  color: #333333;
  position: relative;
  border-bottom: 2px solid #ddebf2;
}
.hdgLv01Howto:before {
  width: 39px;
  height: 53px;
  display: block;
  position: absolute;
  top: -8px;
  left: 1px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -541px -234px no-repeat;
  content: "";
}
.hdgLv01Howto:after {
  width: 100%;
  margin: 0 0 0 -62px;
  padding: 19px 0 0 62px;
  border-bottom: 1px solid #0072b4;
  display: block;
  content: "";
}
.hdgLv01Howto .title {
  font-size: 246.2%;
  line-height: 1.3;
  display: block;
}
.hdgLv01Howto .title .result {
  font-size: 36px;
}
.hdgLv01Howto .title .result span {
  padding: 0 0 0 5px;
  font-size: 15px;
  font-weight: normal;
  color: #2f2f2f;
}
.hdgLv01Howto .sub {
  margin: -27px 0 0;
  padding: 7px 21px 5px;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  border: 1px solid #c5cbd5;
  background: #ffffff;
}

.hdgLv01College.withSubInfo,
.hdgLv01Exam.withSubInfo,
.hdgLv01Disciplines.withSubInfo,
.hdgLv01Measures.withSubInfo,
.hdgLv01Feature.withSubInfo,
.hdgLv01News.withSubInfo,
.hdgLv01Howto.withSubInfo,
.hdgLv01Mypage.withSubInfo,
.hdgLv01Cart.withSubInfo {
  position: relative;
}
.hdgLv01College.withSubInfo .title,
.hdgLv01Exam.withSubInfo .title,
.hdgLv01Disciplines.withSubInfo .title,
.hdgLv01Measures.withSubInfo .title,
.hdgLv01Feature.withSubInfo .title,
.hdgLv01News.withSubInfo .title,
.hdgLv01Howto.withSubInfo .title,
.hdgLv01Mypage.withSubInfo .title,
.hdgLv01Cart.withSubInfo .title {
  padding-right: 4em;
}
.hdgLv01College.withSubInfo .subInfo,
.hdgLv01Exam.withSubInfo .subInfo,
.hdgLv01Disciplines.withSubInfo .subInfo,
.hdgLv01Measures.withSubInfo .subInfo,
.hdgLv01Feature.withSubInfo .subInfo,
.hdgLv01News.withSubInfo .subInfo,
.hdgLv01Howto.withSubInfo .subInfo,
.hdgLv01Mypage.withSubInfo .subInfo,
.hdgLv01Cart.withSubInfo .subInfo {
  position: absolute;
  top: 6px;
  right: 0;
  display: block;
  padding: 3px 20px 0 20px;
  border: 1px solid #c5cbd5;
  text-align: center;
}

.hdgLv02 {
  margin: 40px 0 22px;
  padding: 7px 12px 4px;
  font-size: 138.5%;
  text-align: left;
  color: white;
  line-height: 1.4;
  border-left: 6px solid #0072b4;
  background: #3ea1da;
}
.hdgLv02:first-child {
  margin-top: 0;
}
.hdgLv02 + .recComment {
  margin-top: -4px !important;
}
.layoutImgCol2Right + .hdgLv02, .layoutImgCol2Left + .hdgLv02 {
  margin-top: 24px;
}
.hdgLv02 > .sub1 {
  display: block;
  font-size: 72.2%;
}
.hdgLv02-01 + .hdgLv02 {
  margin-top: 20px;
}

.hdgLv02-01 {
  position: relative;
  border-bottom: 1px solid #cecece;
  margin: 40px 0 22px;
  padding: 0 0 10px 23px;
  font-size: 169.2%;
  font-weight: bold;
}
.hdgLv02-01:before, .hdgLv02-01:after {
  position: absolute;
  display: block;
  content: "";
}
.hdgLv02-01:before {
  top: 0.6em;
  left: 0;
  background: #0072b4;
  width: 15px;
  height: 5px;
}
.hdgLv02-01:after {
  bottom: -3px;
  left: 0;
  background: #ededed;
  width: 100%;
  height: 2px;
}

.hdgLv03 {
  margin: 36px 0 21px;
  padding: 5px 12px 3px;
  font-size: 138.5%;
  color: #2e2e2e;
  text-align: left;
  line-height: 1.3;
  border-left: 6px solid #0072b4;
}
.hdgLv03:first-child {
  margin-top: 0;
}
.hdgLv03 > .sub1 {
  display: block;
  margin-top: 5px;
  font-size: 72.2%;
}

.hdgLv04 {
  margin: 36px 0 18px;
  padding: 0 0 7px 17px;
  font-size: 123.1%;
  color: #333333;
  line-height: 1.3;
  position: relative;
  border-bottom: 1px solid #0072b4;
}
.hdgLv04:before {
  width: 6px;
  height: 6px;
  background: #0072b4;
  position: absolute;
  top: 5px;
  left: 0;
  content: "";
}
.hdgLv04:first-child {
  margin-top: 0;
}
ul.listPoint > li > b.title + .hdgLv04 {
  margin-top: 25px;
}

.headingBasicInfoWrapper {
  width: 100%;
  position: relative;
}
.headingBasicInfoWrapper .hdgLv01 {
  padding: 10px 0 0;
}
.headingBasicInfoWrapper .hdgLv01:after {
  padding-bottom: 10px;
}
.headingBasicInfoWrapper .hdgLv01 span.hdgWrap {
  display: block;
  padding: 0 320px 0 80px;
  line-height: 1;
}
.headingBasicInfoWrapper .hdgLv01 span.sub {
  margin: 0 0 9px;
  font-size: 12px;
  font-weight: normal;
  display: block;
}
.headingBasicInfoWrapper .hdgLv01 span.name {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
}
.headingBasicInfoWrapper .hdgLv01 span.logoImg {
  width: 64px;
  position: absolute;
  top: 10px;
  left: 0;
}
.headingBasicInfoWrapper .utilityBtn01 {
  width: 40%;
  position: absolute;
  top: 0;
  right: 0;
  text-align: left;
}
.headingBasicInfoWrapper .utilityBtn01 li {
  width: auto;
  margin: 0;
  display: inline-block;
}
.headingBasicInfoWrapper .utilityBtn01 li a {
  padding: 0;
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.headingBasicInfoWrapper .utilityBtn01 li.apply {
  margin: 0 6px 0 0;
  float: left;
}
.headingBasicInfoWrapper .utilityBtn01 li.apply a {
  width: 86px;
  height: 82px;
  padding: 0;
  font-size: 84.6%;
  line-height: 1.3;
  background: #fd8510;
}
.headingBasicInfoWrapper .utilityBtn01 li.apply a:before {
  width: 23px;
  height: 21px;
  margin: 4px 0 10px 0;
  display: inline-block;
  vertical-align: top;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -117px -93px no-repeat;
  content: "";
}
.headingBasicInfoWrapper .utilityBtn01 li.apply a:hover {
  background: #ff9933;
}
.headingBasicInfoWrapper .utilityBtn01 li.apply a span {
  font-size: 100%;
  display: block;
}
.headingBasicInfoWrapper .utilityBtn01 li.apply a span br {
  display: block;
}
.headingBasicInfoWrapper .utilityBtn01 li.cart {
  margin: 0 0 6px;
  float: left;
}
.headingBasicInfoWrapper .utilityBtn01 li.cart a {
  width: 202px;
  height: 38px;
  padding: 0;
  background: #fd8510;
}
.headingBasicInfoWrapper .utilityBtn01 li.cart a:before {
  display: none;
}
.headingBasicInfoWrapper .utilityBtn01 li.cart a:hover {
  background: #ff9933;
}
.headingBasicInfoWrapper .utilityBtn01 li.cart a span {
  display: block;
  position: relative;
  top: 3px;
}
.headingBasicInfoWrapper .utilityBtn01 li.cart a span:before {
  width: 26px;
  height: 23px;
  margin: -6px 6px 0 0;
  display: inline-block;
  vertical-align: top;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -238px -146px no-repeat;
  content: "";
}
.headingBasicInfoWrapper .utilityBtn01 li.cart br {
  display: none;
}
.headingBasicInfoWrapper .utilityBtn01 li.mb {
  margin: 0 0 6px;
  float: left;
}
.headingBasicInfoWrapper .utilityBtn01 li.mb a {
  width: 202px;
  height: 38px;
  padding: 0;
  background: #fd8510;
}
.headingBasicInfoWrapper .utilityBtn01 li.mb a:before {
  display: none;
}
.headingBasicInfoWrapper .utilityBtn01 li.mb a:hover {
  background: #ff9933;
}
.headingBasicInfoWrapper .utilityBtn01 li.mb a span {
  padding-top: 3px;
  display: inline-block;
}
.headingBasicInfoWrapper .utilityBtn01 li.mb br {
  display: none;
}
.headingBasicInfoWrapper .utilityBtn01 li.reg {
  float: left;
}
.headingBasicInfoWrapper .utilityBtn01 li.reg a {
  width: 202px;
  height: 38px;
  padding: 0;
  background: #1e54aa;
}
.headingBasicInfoWrapper .utilityBtn01 li.reg a:before {
  display: none;
}
.headingBasicInfoWrapper .utilityBtn01 li.reg a:hover {
  background: #4272b9;
}
.headingBasicInfoWrapper .utilityBtn01 li.reg a span {
  display: block;
  position: relative;
  top: 2px;
}
.headingBasicInfoWrapper .utilityBtn01 li.reg a span:before {
  width: 19px;
  height: 19px;
  margin: -5px 7px 0 0;
  display: inline-block;
  vertical-align: top;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -178px -94px no-repeat;
  content: "";
}
.headingBasicInfoWrapper .utilityBtn01 li.reg br {
  display: none;
}

@media only screen and (max-width: 767px) {
  .hdgLv01 {
    margin-bottom: 16px;
    font-size: 200%;
    color: #2f2f2f;
    border-bottom: 2px solid #ddebf2;
  }

  .hdgLv01College {
    margin: 9px 0 16px;
    padding: 0 0 0 55px;
  }
  .hdgLv01College:before {
    width: 31px;

    height: 30px;
    top: 0;
    left: 12px;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -138px no-repeat;
  }
  .hdgLv01College:after {
    padding-top: 11px;
  }
  .hdgLv01College .title {
    font-size: 200%;
  }
  .hdgLv01College .title .result {
    font-size: 100%;
  }
  .hdgLv01College .title .result span {
    font-size: 13px;
  }
  div#floating-menu02 .cnt {
    font-size: 100%;
    font-weight: bold;
    color: #e12c71;
  }

  .category11:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-11_s.png) no-repeat;
  }

  .category21:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-21_s.png) no-repeat;
  }

  .category22:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-22_s.png) no-repeat;
  }

  .category23:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-23_s.png) no-repeat;
  }

  .category31:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-31_s.png) no-repeat;
  }

  .category32:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-32_s.png) no-repeat;
  }

  .category41:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-41_s.png) no-repeat;
  }

  .category42:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-42_s.png) no-repeat;
  }

  .category43:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-43_s.png) no-repeat;
  }

  .category51:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-51_s.png) no-repeat;
  }

  .category61:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-61_s.png) no-repeat;
  }

  .category62:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-62_s.png) no-repeat;
  }

  .category71:before {
    width: 30px;
    height: 30px;
    background: url(/export/sites/default/shared_52/images/icon-subject-71_s.png) no-repeat;
  }

  .hdgLv01Exam {
    margin: 9px 0 16px;
    padding: 0 0 0 55px;
    color: #333333;
    position: relative;
    border-bottom: 2px solid #ddebf2;
  }
  .hdgLv01Exam:before {
    width: 28px;
    height: 28px;
    top: 2px;
    left: 12px;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -50px -140px no-repeat;
  }
  .hdgLv01Exam:after {
    padding-top: 11px;
  }
  .hdgLv01Exam .title {
    font-size: 200%;
  }
  .hdgLv01Exam .title .result {
    font-size: 100%;
  }
  .hdgLv01Exam .title .result span {
    font-size: 13px;
  }

  .hdgLv01Disciplines,
  .hdgLv01Measures,
  .hdgLv01Feature,
  .hdgLv01News,
  .hdgLv01Howto {
    margin: 9px 0 16px;
    padding: 0 0 0 53px;
    color: #333333;
    position: relative;
    border-bottom: 2px solid #ddebf2;
  }
  .hdgLv01Disciplines:before,
  .hdgLv01Measures:before,
  .hdgLv01Feature:before,
  .hdgLv01News:before,
  .hdgLv01Howto:before {
    top: 4px;
    left: 12px;
    background-image: url(/export/sites/default/shared_52/images/icon-splite-01.png);
    background-repeat: no-repeat;
  }
  .hdgLv01Disciplines:after,
  .hdgLv01Measures:after,
  .hdgLv01Feature:after,
  .hdgLv01News:after,
  .hdgLv01Howto:after {
    padding-top: 11px;
  }
  .hdgLv01Disciplines .title,
  .hdgLv01Measures .title,
  .hdgLv01Feature .title,
  .hdgLv01News .title,
  .hdgLv01Howto .title {
    font-size: 200%;
  }
  .hdgLv01Disciplines .title .result,
  .hdgLv01Measures .title .result,
  .hdgLv01Feature .title .result,
  .hdgLv01News .title .result,
  .hdgLv01Howto .title .result {
    font-size: 100%;
  }
  .hdgLv01Disciplines .title .result span,
  .hdgLv01Measures .title .result span,
  .hdgLv01Feature .title .result span,
  .hdgLv01News .title .result span,
  .hdgLv01Howto .title .result span {
    font-size: 13px;
  }

  .hdgLv01Disciplines:before {
    width: 34px;
    height: 24px;
    background-position: -88px -145px;
  }

  .hdgLv01Measures:before {
    width: 30px;
    height: 25px;
    background-position: -132px -144px;
  }

  .hdgLv01Feature:before {
    top: 2px;
    width: 29px;
    height: 34px;
    background-position: -271px -137px;
  }

  .hdgLv01News:before {
    width: 31px;
    height: 32px;
    background-position: -311px -137px;
  }

  .hdgLv01Howto:before {
    left: 17px;
    width: 24px;
    height: 31px;
    background-position: -354px -137px;
  }

  .hdgLv01College.withSubInfo,
  .hdgLv01Exam.withSubInfo,
  .hdgLv01Disciplines.withSubInfo,
  .hdgLv01Measures.withSubInfo,
  .hdgLv01Feature.withSubInfo,
  .hdgLv01News.withSubInfo,
  .hdgLv01Howto.withSubInfo,
  .hdgLv01Mypage.withSubInfo,
  .hdgLv01Cart.withSubInfo {
    position: relative;
    border: none;
  }
  .hdgLv01College.withSubInfo:after,
  .hdgLv01Exam.withSubInfo:after,
  .hdgLv01Disciplines.withSubInfo:after,
  .hdgLv01Measures.withSubInfo:after,
  .hdgLv01Feature.withSubInfo:after,
  .hdgLv01News.withSubInfo:after,
  .hdgLv01Howto.withSubInfo:after,
  .hdgLv01Mypage.withSubInfo:after,
  .hdgLv01Cart.withSubInfo:after {
    display: none;
  }
  .hdgLv01College.withSubInfo .title,
  .hdgLv01College.withSubInfo .title02,
  .hdgLv01Exam.withSubInfo .title,
  .hdgLv01Exam.withSubInfo .title02,
  .hdgLv01Disciplines.withSubInfo .title,
  .hdgLv01Disciplines.withSubInfo .title02,
  .hdgLv01Measures.withSubInfo .title,
  .hdgLv01Measures.withSubInfo .title02,
  .hdgLv01Feature.withSubInfo .title,
  .hdgLv01Feature.withSubInfo .title02,
  .hdgLv01News.withSubInfo .title,
  .hdgLv01News.withSubInfo .title02,
  .hdgLv01Howto.withSubInfo .title,
  .hdgLv01Howto.withSubInfo .title02,
  .hdgLv01Mypage.withSubInfo .title,
  .hdgLv01Mypage.withSubInfo .title02,
  .hdgLv01Cart.withSubInfo .title,
  .hdgLv01Cart.withSubInfo .title02 {
    padding-right: 0;
  }
  .hdgLv01College.withSubInfo .subInfo,
  .hdgLv01Exam.withSubInfo .subInfo,
  .hdgLv01Disciplines.withSubInfo .subInfo,
  .hdgLv01Measures.withSubInfo .subInfo,
  .hdgLv01Feature.withSubInfo .subInfo,
  .hdgLv01News.withSubInfo .subInfo,
  .hdgLv01Howto.withSubInfo .subInfo,
  .hdgLv01Mypage.withSubInfo .subInfo,
  .hdgLv01Cart.withSubInfo .subInfo {
    position: static;
    display: block;
    margin-top: 4px;
    margin-right: 12px;
    margin-left: -43px;
    padding-bottom: 3px;
  }

  .hdgLv02 {
    margin: 25px 0 13px;
    padding: 7px 10px 7px;
  }
  .hdgLv02:first-child {
    margin-top: 0;
  }

  .hdgLv02-01 {
    margin: 20px 0 13px;
  }

  .hdgLv03 {
    margin: 0 0 10px;
    padding: 4px 12px 2px;
    color: #2f2f2f;
  }

  .hdgLv04 {
    margin: 0 0 14px;
  }
  .hdgLv04:before {
    top: 7px;
  }

  .headingBasicInfoWrapper {
    width: auto;
    margin: 0 0 16px;
  }
  .headingBasicInfoWrapper .hdgLv01 {
    padding: 0;
  }
  .headingBasicInfoWrapper .hdgLv01:after {
    padding-bottom: 0;
  }
  .headingBasicInfoWrapper .hdgLv01 span.hdgWrap {
    display: block;
    padding: 0 0 0 60px;
  }
  .headingBasicInfoWrapper .hdgLv01 span.sub {
    margin: 0 0 9px;
    font-size: 12px;
    font-weight: normal;
    display: block;
  }
  .headingBasicInfoWrapper .hdgLv01 span.name {
    display: none;
  }
  .headingBasicInfoWrapper .hdgLv01 span.logoImg {
    width: 38px;
    top: 0;
    left: 12px;
  }
  .headingBasicInfoWrapper .utilityBtn01 {
    width: auto;
    padding: 0 12px 0;
    position: relative;
    top: 0;
    right: 0;
    text-align: left;
  }
  .headingBasicInfoWrapper .utilityBtn01 li {
    width: auto;
    margin: 0;
    display: inline-block;
  }
  .headingBasicInfoWrapper .utilityBtn01 li a {
    padding: 11px 0 6px 0;
    font-weight: bold;
    color: white;
    text-align: center;
    text-decoration: none;
    line-height: 1.2;
    vertical-align: middle;

    display: block;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .headingBasicInfoWrapper .utilityBtn01 li br {
    display: block !important;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.apply {
    margin: 0 6px 10px 0;
    float: left;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.apply a {
    width: 100%;
    height: auto;
    padding: 8px 0 12px;
    font-size: 15px;
    line-height: 1;
    background: #fd8510;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.apply a:before {
    width: 23px;
    height: 21px;
    margin: 0 0 3px 0;
    display: inline-block;
    position: relative;
    top: 4px;
    vertical-align: bottom;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -117px -93px no-repeat;
    content: "";
  }
  .headingBasicInfoWrapper .utilityBtn01 li.apply a:hover {
    background: #ff9933;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.apply a span {
    font-size: 115.4%;
    display: inline-block;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.apply a span br {
    display: none !important;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.cart {
    width: 48%;
    margin: 0 0 6px;
    float: left;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.cart a {
    width: auto;
    height: auto;
    padding: 11px 0 6px 20px;
    background: #fd8510;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.cart a:before {
    display: none;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.cart a:hover {
    background: #ff9933;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.cart a span {
    display: inline-block;
    position: relative;
    top: 0;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.cart a span:before {
    width: 24px;
    height: 21px;
    margin: 5px 0 0 -5px;
    position: absolute;
    left: -20px;
    display: inline-block;
    vertical-align: top;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -45px -450px no-repeat;
    content: "";
  }
  .headingBasicInfoWrapper .utilityBtn01 li.mb {
    width: 48%;
    margin: 0 0 6px;
    float: left;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.mb a {
    width: auto;
    height: auto;
    padding: 11px 0 6px 0;
    background: #fd8510;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.mb a:before {
    display: none;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.mb a:hover {
    background: #ff9933;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.mb a span {
    margin-top: 0;
    display: inline;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.reg {
    width: 48%;
    float: right;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.reg a {
    width: auto;
    height: auto;
    padding: 11px 0 6px 0;
    background: #1e54aa;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.reg a:before {
    display: none;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.reg a:hover {
    background: #4272b9;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.reg a span {
    display: inline;
    position: relative;
    top: -1px;
  }
  .headingBasicInfoWrapper .utilityBtn01 li.reg a span:before {
    position: absolute;
    margin: 6px 0 0 -20px;
  }

  .hdgLv01Cart {
    margin: -10px 0 14px;
    padding: 0 0 0 55px;
    color: #333333;
    position: relative;
    border-bottom: 2px solid #ddebf2;
  }
  .hdgLv01Cart:before {
    width: 37px;
    height: 38px;
    display: block;
    position: absolute;
    top: 2px;
    left: 12px;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -404px no-repeat;
    content: "";
  }
  .hdgLv01Cart:after {
    width: 100%;
    margin: 0 0 0 -55px;
    padding: 6px 0 0 55px;
    border-bottom: 1px solid #0072b4;
    display: block;
    content: "";
  }
  .hdgLv01Cart .title,
  .hdgLv01Cart .title02 {
    position: relative;
    top: -2px;
    padding-bottom: 2px;
    font-size: 146.2%;
    line-height: 1.3;
    display: block;
  }
  .hdgLv01Cart .title .result,
  .hdgLv01Cart .title02 .result {
    position: relative;
    top: 2px;
    font-size: 28px;
    color: #e12c71;
  }
  .hdgLv01Cart .title .result span,
  .hdgLv01Cart .title02 .result span {
    padding: 0 0 0 5px;
    font-size: 16px;
    font-weight: bold;
    color: #2f2f2f;
    position: relative;
    top: -2px;
  }
  .hdgLv01Cart .title02 {
    padding-top: 8px;
  }

  .hdgLv01Mypage {
    margin: 7px 0 15px;
    padding: 0 0 0 44px;
    color: #333333;
    position: relative;
    border-bottom: 2px solid #ddebf2;
  }
  .hdgLv01Mypage:before {
    width: 38px;
    height: 35px;
    display: block;
    position: absolute;
    top: 2px;
    left: 12px;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -328px -289px no-repeat;
    content: "";
  }
  .hdgLv01Mypage:after {
    width: 100%;
    margin: 0 0 0 -44px;
    padding: 13px 0 0 44px;
    border-bottom: 1px solid #0072b4;
    display: block;
    content: "";
  }
  .hdgLv01Mypage .title {
    padding: 3px 12px 0 12px;
    font-size: 200%;
    line-height: 1.3;
    display: block;
  }

  .hdgPoint {
    margin: 0 0 5px;
    padding: 0 13px 0;
    position: relative;
  }
  .hdgPoint:before {
    width: 14px;
    height: 13px;
    position: absolute;
    left: 0;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -295px -99px no-repeat;
    content: "";
  }
  .hdgPoint .point {
    padding: 0 3px 0 0;
  }
  .hdgPoint .point span {
    padding: 0 0 0 5px;
    font-size: 138.5%;
  }
  .hdgPoint .title {
    font-size: 138.5%;
  }
}
.lead {
  margin: 0 0 -30px !important;
  padding: 0 0 36px;
  font-size: 184.6%;
  font-weight: bold;
  position: relative;
  top: -23px;
}
.lead em {
  color: #0072b4 !important;
  position: relative;
  border-bottom: 12px solid #fff200;
}
.lead em > span {
  position: relative;
  top: 17px;
}
.lead em > span .sub {
  font-size: 79.16%;
}
.lead em > span .sub br {
  display: none;
}
.lead + .hdgLv02 {
  margin-top: 0 !important;
}

.recComment {
  font-weight: bold;
}
.recComment:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.recComment em {
  float: left;
  margin: 0 12px 0 0;
  padding: 2px 8px 1px;
  font-size: 84.6%;
  position: relative;
  top: -1px;
  border: 1px solid #e22e73;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.recComment em:after {
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  position: absolute;
  top: 50%;
  right: -8px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -121px -222px no-repeat;
  content: "";
}

.icoBegin01 {
  font-weight: bold;
}
.icoBegin01:before {
  width: 14px;
  height: 20px;
  margin: -2px 7px 0 0;
  display: inline-block;
  vertical-align: bottom;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -403px -92px no-repeat;
  content: "";
}

.emStyle01 {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #2f2f2f;
}
.emStyle01:before {
  width: 17px;
  height: 14px;
  margin: -4px 0 0;
  position: absolute;
  top: 0.45em;
  left: 1px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -376px -99px no-repeat;
  content: "";
}

.emPay01 {
  margin: 0 8px 0;
  font-weight: normal;
  color: #e12c71;
}

.emFree01 {
  margin: 0 8px 0;
  font-weight: normal;
  color: #007ec6;
}

.emExam01 {
  padding: 2px 0 0;
  font-size: 138.5%;
  font-weight: bold;
  color: #2f2f2f;
  text-align: center;
  line-height: 1;
  display: block;
}

.emMarks01 {
  font-size: 169.2%;
  font-weight: bold;
  color: #2f2f2f;
  line-height: 1;
  text-align: center;
  display: block;
}
.emMarks01 span {
  font-size: 169.2%;
  color: #e12c71;
}

@media only screen and (max-width: 767px) {
  .lead {
    margin: 0 0 -24px !important;
    padding: 22px 0 20px;
    font-size: 123.1%;
    font-weight: bold;
    position: relative;
    top: -32px;
  }
  .lead em {
    color: #0072b4 !important;
    border-bottom-width: 8px;
  }
  .lead em > span {
    position: relative;
    top: 8px;
  }
  .lead em > span .sub {
    font-size: 81.25%;
  }
  .lead em > span .sub br {
    display: block;
  }

  .textSegment {
    height: auto !important;
  }
}

.linkPrev {
  padding: 0 0 0 21px;
  display: inline-block;
  position: relative;
}
.linkPrev:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: 1px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -106px -28px no-repeat;
  content: "";
}

.linkNext {
  padding: 0 0 0 21px;
  display: inline-block;
  position: relative;
}
.linkNext:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 3px;
  left: 1px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}

.linkList {
  margin: 0 0 0 -11px;
  padding: 0 0 24px;
  overflow: hidden;
}
.linkList li {
  margin: 0 0 0 11px;
  float: left;
}
.linkList li > a:after {
  width: 1px;
  height: 17px;
  margin: 0 0 0 11px;
  position: relative;
  top: 3px;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -133px -57px no-repeat;
  content: "";
}
.linkList li:last-child a:after {
  background: none;
}
.linkList02 {
  margin-bottom: 16px;
}
.linkList02 li {
  margin: 0 2px 0 0;
}
@media only screen and (max-width: 767px) {
.linkList02 li {
  margin: 0 2px 4px 11px;
}
}
.iconPdf {
  margin-right: 3px;
}

.linkListCol2 li {
  width: 341px;
  padding-right: 22px;
  float: left;
}
.linkListCol2 li:nth-child(even) {
  padding-right: 0;
}
.linkListCol2 li.current a {
  text-decoration: none;
  font-weight: bold;
  color: #545454;
  cursor: default;
}
.linkListCol2:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}

.linkList01, .linkListCol2 {
  margin: 0 0 24px;
}
.linkList01 li, .linkListCol2 li {
  margin: 0 0 2px 21px;
  position: relative;
}
.linkList01 li:before, .linkListCol2 li:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: -21px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}
.linkList01 li .lightbox {
  margin-top: 5px;
}
@media only screen and (max-width: 767px) {
  .lightbox .linkList01.adj {
    margin-bottom: 0;
    padding: 0;
  }
}

.LinkListBox {
  background-color: #dbeef4;
  padding: 10px;
}
.LinkListBox .linkListCol3:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.LinkListBox .linkListCol3 li {
  display: table;
  float: left;
  width: 50%;
  padding: 0 0px 0 0;
  margin-bottom: 10px;
}
.LinkListBox .linkListCol3 li a {
  padding-left: 32px;
  text-align: left;
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.LinkListBox .linkListCol3 li a:before {
  vertical-align: middle;
  width: 14px;
  height: 14px;
  position: absolute;
  top: 18px;
  left: 8px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}

.listPageNav01 {
  margin: 0 0 24px;
}
.listPageNav01:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.listPageNav01.col2-01 {
  margin-bottom: 12px;
}
.listPageNav01 li {
  margin: 0 0 2px 21px;
  padding: 0 20px 0 0;
  position: relative;
  white-space: nowrap;
  float: left;
}
.listPageNav01 li:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: -21px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -130px -28px no-repeat;
  content: "";
}

.listPageNav02 {
  margin: 0 0 21px;
}
.listPageNav02:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.listPageNav02 li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 0 25px 0 21px;
  position: relative;
}
.listPageNav02 li a:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}
.listPageNav02 li a:not([href]) {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}
.listPageNav02 li a:not([href]):before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -130px -28px no-repeat;
}
.listPageNav02.col2 li {
  width: 50%;
}
.listPageNav02.col3 li {
  width: 33%;
}
.listPageNav02.col4 li {
  width: 25%;
}

.pagetopNav {
  margin-top: 14px !important;
  margin-bottom: 19px !important;
  text-align: right;
}
.pagetopNav a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.pagetopNav a:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -248px -28px no-repeat;
  content: "";
}
.section > .pagetopNav:last-child {
  margin-bottom: -10px !important;
}
.pagetopNav02 {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 1;
}
.pagetopNav02 a {
  background: #0072b4;
  border-radius: 5px;
  font-size: 10px;
  color: #fff;
  display: block;
  width: 60px;
  height: 20px;
  padding-top: 40px;
  position: relative;
  text-decoration: none;
  text-align: center;
}
.pagetopNav02 a:hover, .pagetopNav02 a:active, .pagetopNav02 a:focus {
  background: #1e8ecf;
}
.pagetopNav02 a:before {
  width: 29px;
  height: 22px;
  position: absolute;
  top: 12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  background: url(/export/sites/default/shared_52/images/header/icon-top-01.png) no-repeat;
  content: "";
}

.linkListMod {
  margin: 0 0 24px;
}
.linkListMod:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.linkListMod li {
  margin: 0 0 2px 21px;
  padding: 0 20px 0 0;
  position: relative;
  white-space: nowrap;
  float: left;
}
.linkListMod li:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: -21px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -130px -28px no-repeat;
  content: "";
}

@media only screen and (max-width: 767px) {
  .linkListCol2 li {
    width: auto;
    padding: 0;
    float: none;
  }
  .linkListCol2 li:nth-child(even) {
    padding: 0;
  }

  .linkList01, .linkListCol2 {
    padding: 0 10px 0;
  }

  .listPageNav01 {
    margin: 0 0 -2px;
    padding: 0 10px 24px;
  }
  .listPageNav01 li {
    padding: 0;
    white-space: normal;
    float: none;
  }
  .listPageNav01.col2-01 {
    padding-bottom: 0;
  }
  .listPageNav01.col2-01 li {
    float: left;
    width: 44.44444%;
  }

  .listPageNav02 li {
    float: none;
  }
  .listPageNav02.col2 li, .listPageNav02.col3 li, .listPageNav02.col4 li {
    width: 100%;
  }

  .linkList {
    padding: 0 0 16px;
    overflow: hidden;
  }
  .linkList li {
    float: left;
  }
  .linkList li > a {
    margin: 0 0 5px 11px;
  }
  .linkList li > a > :after {
    width: 1px;
    height: 17px;
    margin: 0 0 0 11px;
    position: relative;
    top: 3px;
    display: inline-block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -133px -57px no-repeat;
    content: "";
  }

  .LinkListBox {
    background-color: #dbeef4;
    padding: 10px;
  }
  .LinkListBox .linkListCol3:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .LinkListBox .linkListCol3 li {
    display: table;
    float: none;
    width: 100%;
    padding: 0 0px 0 0;
    margin-bottom: 10px;
  }
  .LinkListBox .linkListCol3 li a {
    padding-left: 32px;
    text-align: left;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: 100%;
  }
  .LinkListBox .linkListCol3 li a:before {
    vertical-align: middle;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 18px;
    left: 8px;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
    content: "";
  }
  .LinkListBox .linkListCol3 img {
    max-width: none;
  }

  .pagetopNav {
    margin-top: 10px !important;
  }
  .section > .pagetopNav:last-child {
    margin-bottom: 19px !important;
  }

  .linkListMod {
    margin: 0 0 -2px;
    padding: 0 10px 24px;
  }
  .linkListMod li {
    padding: 0;
    white-space: normal;
    float: none;
  }
}
.box01 {
  position: relative;
  margin: 0 0 24px;
  padding: 15px 15px 0;
  border: 1px solid #c6c6c6;
  background: #ffffff;
}
p.lead + .box01 {
  margin-top: 10px;
}
.box01 p {
  margin-bottom: 11px !important;
}
.box01 .recComment {
  margin-bottom: 7px !important;
}
.box01 .layoutImgCol2Left {
  margin-bottom: 0;
}
.box01 .layoutImgCol2Left .layoutLeft {
  padding-right: 16px;
}
.box01 .content01 {
  padding-top: 17px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left top repeat-x;
}
.box01 .title02 {
  margin: -15px -15px 12px -15px !important;
  padding-top: 11px;
  padding-right: 15px;
  padding-bottom: 12px;
  display: block;
  position: relative;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
}
.box01 .title02 em {
  min-height: 30px;
  padding: 0 0 0 0;
  color: #2f2f2f;
  position: relative;
  display: block;
  vertical-align: middle;
}
.box01 .title02 em:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.box01 .title02 .title {
  float: left;
  min-height: 24px;
  padding: 6px 13px 0 16px;
  color: white;
  display: block;
  position: relative;
  background: #007ec6;
  vertical-align: middle;
}
.box01 .title02 .title:after {
  width: 10px;
  height: 30px;
  position: relative;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -10px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -342px -176px no-repeat;
  content: "";
}
.box01 .title02 .text {
  padding-left: 15px;
  font-size: 115.4%;
  line-height: 1.4;
  position: relative;
  top: 6px;
  display: block;
  overflow: hidden;
  vertical-align: middle;
}
.box01 .title03 {
  margin: -15px -15px 12px -15px !important;
  padding-top: 11px;
  padding-bottom: 4px;
  display: block;
  background-color: #e5f1f8;
}
.box01 .title03:before {
  width: 100%;
  height: 3px;
  position: absolute;
  display: block;
  top: -1px;
  left: -1px;
  background-color: #007ec6;
  content: "";
}
.box01 .title03 em {
  min-height: 30px;
  padding: 0 0 0 0;
  color: #2f2f2f;
  position: relative;
  display: block;
  vertical-align: middle;
}
.box01 .title03 .title {
  min-height: 17px;
  padding: 2px 13px 0 16px;
  color: white;
  display: inline-block;
  position: relative;
  top: 50%;
  left: -1px;
  background: #e12c71;
  vertical-align: middle;
  line-height: 1.2;
}
.box01 .title03 .title:after {
  width: 6px;
  height: 19px;
  position: relative;
  display: block;
  position: absolute;
  top: 0;
  right: -6px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -373px -181px no-repeat;
  content: "";
}
.box01 .title03 .text {
  width: 600px;
  position: relative;
  top: 1px;
  display: inline-block;
  padding-left: 9px;
  font-size: 138.5%;
  vertical-align: middle;
  line-height: 1.4;
}
ol.listOrder02 .box01 {
  margin-top: 10px;
  margin-left: -28px;
}

.box02 {
  margin: 0 0 24px;
  padding: 15px 15px 0;
  border: 1px solid #c6c6c6;
  background: #fffdd5;
}
.box02 p {
  margin-bottom: 11px !important;
}
.box02 p.title {
  font-size: 115.4%;
  font-weight: bold;
  text-align: center;
}
.box02 p.title em {
  color: #2f2f2f;
}
.box02 .listBtn01 {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.box02 .listBtn01 li {
  font-size: 138.5%;
}
.box02 .listBtn01 li a {
  padding-top: 12px;
  padding-bottom: 8px;
}
.box02 .listBtn01.sizeS li {
  font-size: 100%;
}
.listTel01 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
}
.listTel01 li {
  margin-bottom: -5px;
}
.listTel01 a {
  color: #e12c71;
  text-decoration: none;
  cursor: default;
}
.listTel01 a:active,
.listTel01 a:focus {
  outline: none;
}
.listTel01 a:before {
  content: "";
  background: url(/export/sites/default/shared_52/images/icon-tel-01.png);
  width: 22px;
  height: 22px;
  display: inline-block;
  margin: 10px 10px 0 0;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .listTel01 {
    margin: 10px 0 20px;
  }
  .listTel01 li {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #e12c71;
    box-shadow: 0px 2px 0 #f9b4ce;
  }
  .listTel01 a {
    padding: 4px;
    display: block;
    cursor: pointer;
  }
  .listTel01 a:before {
    margin: 5px 10px 0 0;
  }
}
.timeList01 {
  display: inline-block;
}
.timeList01 dt,
.timeList01 dd {
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.listStyle02 .timeList01 li,
.listStyle01 .timeList01 li {
  padding: 0;
}
.listStyle02 .timeList01 li:before,
.listStyle01  .timeList01 li:before {
  background: none!important;
}
.timeList01 .week {
  min-width: 70px;
  display: inline-block;
}
.timeList01 .time {
  padding-left: 7px;
}
.listTel01 + .text {
  margin-bottom: 16px;
}
.box03 {
  margin: 0 0 24px;
  padding: 15px 15px 0;
  border: 1px solid #cccccc;
  background: #eef8fd;
}
.box03 p {
  margin-bottom: 11px !important;
}
.box03 p.title {
  padding: 2px 0 0;
  font-size: 138.5%;
  font-weight: bold;
  color: #2f2f2f;
  text-align: center;
  line-height: 1;
  display: block;
}
.box03 .emMarks01 {
  padding: 15px 0 0;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left top repeat-x;
}

.boxEm01 {
  margin: 0 0 24px;
  padding: 12px 15px 1px;
  border: 1px solid #c7c7c7;
  background: #ffffe7;
}
.boxEm01 p {
  margin-bottom: 11px !important;
}
.boxEm01 p.title {
  font-weight: bold;
}
.boxEm01 p.title em {
  color: #2f2f2f;
}

.boxEm01 .listOrder02 {
  margin-bottom: 12px;
}

.boxType01 {
  margin: 0 0 24px;
  padding: 4px;
  background: #e9e9e9;
}
.boxType01 .boxInner {
  padding: 15px 15px 0;
  border: 1px solid #c7c7c7;
  background: #ffffff;
}
.boxType01 .boxInner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxType01 p {
  margin-bottom: 11px !important;
}
.boxType01 p.title {
  margin-bottom: 11px !important;
  font-size: 115.4%;
  font-weight: bold;
}
.boxType01 p.title em {
  color: #2f2f2f;
}
.boxType01 p.title br {
  display: none;
}
.boxType01 p + .linkListCol2 {
  padding-top: 2px;
}
.boxType01 .title {
  margin-bottom: 11px !important;
  font-size: 115.4%;
  font-weight: bold;
}
.boxType01 .linkListCol2 {
  margin-bottom: 11px;
}
.boxType01 .linkListCol2 li {
  width: 321px;
}
.boxType01 .linkListCol2 + p {
  padding-top: 16px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left top repeat-x;
}
.boxType01 .listStyle01 {
  padding-bottom: 10px;
  overflow: hidden;
}
.boxType01 .listStyle01 li {
  width: 47%;
  float: left;
}
.boxType01 .listStyle01 li:nth-child(even) {
  float: right;
}
.boxType01 .listStyle01 + p {
  padding-top: 16px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left top repeat-x;
}
.boxType01 .listDefine01 {
  padding-bottom: 11px !important;
}
.boxType01 .listOrderType01 {
  overflow: hidden;
}
.boxType01 .listOrderType01.col2 li {
  width: 49%;
  float: left;
}
.boxType01 .listOrderType01.col2 li:nth-child(even) {
  float: right;
}
.boxType01 .listOrderType01 + p {
  padding-top: 16px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left top repeat-x;
}

.boxTabSearch {
  margin: 0 0 24px;
  padding: 4px;
  background: #e9e9e9;
}
.boxTabSearch .boxInner {
  padding: 15px 15px 0;
  border: 1px solid #c7c7c7;
  background: #ffffff;
}
.boxTabSearch .boxInner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxTabSearch p {
  margin-bottom: 11px !important;
}
.boxTabSearch .listDefine01 {
  padding-bottom: 11px !important;
}

.boxType02 {
  margin: 0 0 29px;
  padding: 16px 16px 8px;
  background: #eef8fd;
}
.boxType02 .listStyle01 {
  padding-bottom: 6px;
}
.boxType02 .title {
  margin-bottom: 8px !important;
}
.boxType02 .title em {
  font-weight: bold;
  color: #2f2f2f;
}

.boxType04 {
  margin: 0 0 24px;
  padding: 13px 15px 0;
  border: 1px solid #c7c7c7;
  background: #fcfbe3;
}
.boxType04 .boxInner {
  background: #ffffff;
}
.boxType04 .boxInner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxType04 p {
  margin-bottom: 11px !important;
}
.boxType04 p.title {
  margin-bottom: 5px !important;
  font-size: 115.4%;
  font-weight: bold;
  text-align: center;
}
.boxType04 p.title em {
  color: #2f2f2f;
}
.boxType04 p.title br {
  display: none;
}
.boxType04 .regBtn {
  padding-bottom: 5px;
}

.boxCol2 {
  margin: 36px 0 -20px 0;
  margin-right: -20px\9;
  padding: 0 0 24px;
}
.boxCol2:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxCol2 .segment {
  width: 330px;
  margin: 0 20px 20px 0;
  padding: 16px 15px;
  border: 1px solid #c7c7c7;
  float: left;
}
.boxCol2 .segment:nth-child(even) {
  margin-right: 0;
}
.boxCol2 .segment p {
  margin-bottom: 0 !important;
}
.boxCol2 .segment p.text01 {
  margin-bottom: 10px !important;
}
.boxCol2 .segment .title {
  margin-bottom: 8px !important;
}
.boxCol2 .segment .title em {
  font-weight: bold;
  color: #2f2f2f;
}
.boxCol2 .segment .title02 {
  margin-top: -1px;
  margin-bottom: 12px;
  padding: 2px 0 0 34px;
  font-size: 123.1%;
  line-height: 1.4;
  position: relative;
}
.boxCol2 .segment .title02 span {
  padding: 6px 0 4px;
  min-width: 24px;
  display: inline-block;
  font-size: 84.6%;
  color: white;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #2585c6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.boxCol2 .segment .layoutImg .layoutLeft {
  min-width: 80px;
  margin: 0 14px 0 0;
  float: left;
}
.boxCol2 .segment .layoutImg .layoutRight {
  margin: 0 0 0;
  overflow: hidden;
}
.boxCol2 .segment .layoutImg .layoutRight .listDefine01 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.boxCol2 .segment .layoutImg .layoutRight .listDefine01 dd {
  margin-bottom: 0;
}
.boxCol2 .segment .layoutImg .layoutRight .listDefine01 dd ul {
  padding-bottom: 0;
}
.boxCol2 .segment .layoutCenter {
  margin-bottom: 14px;
  text-align: center;
}
.boxCol2 .segment .layoutCenter:last-child {
  margin-bottom: 2px;
}

.map-01 {
  margin-bottom: 20px;
  width: 100%;
}

.hdgLv02.adj-m {
  margin-top: 0 !important;
}
.linkList01.nonactive {
  color: #8b8b8b;
}
.linkList01.nonactive li:before {
  background: url(/export/sites/default/shared_52/images/icon-arrow-nonactive.png) no-repeat top left;
}
@media only screen and (max-width: 767px) {
  .hdgLv02.adj-m {
    margin-top: 10px !important;
  }
}

@media only screen and (max-width: 767px) {
  .boxType02 {
    margin: 0 0 21px;
    padding: 16px 12px 8px;
    background: #eef8fd;
  }
  .boxType02 .listStyle01 {
    padding-bottom: 9px;
  }

  .boxTabSearch {
    margin: 0;
    padding: 0;
    background: transparent;
  }
  .boxTabSearch .boxInner {
    padding: 0;
    border: none;
    background: transparent;
  }
  .boxTabSearch p {
    margin-bottom: 11px !important;
  }
  .boxTabSearch .listDefine01 {
    padding-bottom: 11px !important;
  }

  .box01 {
    border-left: none;
    border-right: none;
  }
  .box01 p {
    margin-bottom: 11px !important;
  }
  .box01 .title02 {
    margin-bottom: 10px !important;
    padding-left: 15px;
    padding-bottom: 0;
    background: none;
  }
  .box01 .title02 .title {
    margin-right: 10px;
    margin-bottom: 11px;
    padding-right: 0;
    padding-left: 10px;
    display: block;
    text-align: center;
  }
  .box01 .title02 .text {
    width: auto;
    position: relative;
    top: 1px;
    display: block;
    padding-left: 0;
  }
  .box01 .title03:before {
    width: 100%;
    left: 0;
  }
  .box01 .title03 em {
    padding-top: 1px;
  }
  .box01 .title03 .title {
    max-width: 55px;
    width: 15%;
    padding: 2px 13px 1px 16px;
    display: inline-block;
    position: relative;
    top: 50%;
    left: -1px;
  }
  .box01 .title03 .text {
    width: 60%;
    display: inline-block;
    font-size: 115.4%;
  }
  .box01Wrapper .box01:not(:last-child) {
    margin-bottom: 16px;
    border-bottom: none;
  }
  ol.listOrder02 .box01 {
    margin-right: -12 !important;
    margin-left: -40px !important;
  }

  .box02 {
    border-left: none;
    border-right: none;
  }
  .box02 p {
    margin-bottom: 11px !important;
  }
  .box02 p.title {
    margin-top: -2px !important;
    margin-bottom: 11px !important;
  }

  .boxType01 {
    margin: 0 0 24px;
    padding: 4px 0;
  }
  .boxType01 .boxInner {
    margin: 0 0 0;
    padding: 15px 12px 0;
    border-left: none;
    border-right: none;
  }
  .boxType01 p.title {
    font-size: 107.7%;
  }
  .boxType01 p.title br {
    display: block;
  }
  .boxType01 .linkListCol2 {
    padding: 0;
  }
  .boxType01 .linkListCol2 li {
    width: auto;
  }
  .boxType01 .listOrderType01 {
    overflow: hidden;
  }
  .boxType01 .listOrderType01.col2 li {
    width: auto;
    float: none;
  }
  .boxType01 .listOrderType01.col2 li:nth-child(even) {
    float: none;
  }
  .boxType01 .listStyle01 {
    overflow: hidden;
  }
  .boxType01 .listStyle01 li {
    width: auto;
    float: none;
  }
  .boxType01 .listStyle01 li:nth-child(even) {
    float: none;
  }

  .boxType04 {
    margin: 0 -12px 0;
    padding: 12px 12px 0;
    border-left: none;
    border-right: none;
  }
  .boxType04 p.title {
    margin-bottom: 8px !important;
    font-size: 107.7%;
  }
  .boxType04 p.title br {
    display: block;
  }

  .boxCol2 {
    margin: 0 0 -15px;
    padding: 0 0 20px;
  }
  .boxCol2 .segment {
    width: auto;
    height: auto !important;
    margin: 0 0 15px;
    padding: 2px 0 0 0;
    border: none;
    border-top: 1px solid #c7c7c7;
    float: none;
  }
  .boxCol2 .segment:nth-child(even) {
    margin-right: 0;
  }
  .boxCol2 .segment .title02,
  .boxCol2 .segment p.text01 {
    margin-right: 12px !important;
    margin-left: 12px !important;
  }
  .boxCol2 .segment .title02 {
    margin-top: 14px;
  }
  .boxCol2 .segment .heading {
    margin: 0 0 12px;
    padding: 9px 12px 9px;
  }
  .boxCol2 .segment .layoutImg {
    margin: 14px 12px 0;
  }

  .map-01 {
    margin: 0 auto;
    width: 80%;
    height: 300px !important;
  }
}
.layoutCol2 {
  margin: 0 0 24px -22px;
}
.layoutCol2:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutCol2 .segment {
  width: 362px;
  margin: 0 0 0 22px;
  float: left;
}
.layoutCol2 .segment .textSegment {
  margin-bottom: 10px;
}
.layoutCol2 .segment .textSegment .title {
  font-weight: bold;
}
.layoutCol2 .segment .textSegment .title em {
  color: #2f2f2f;
}
.layoutCol2 + .boxType02 {
  margin-top: -20px;
}
.layoutCol2 .layoutImgCol2Left {
  margin-bottom: 0;
}
.layoutImgCol2Left02Wrapper {
  margin-bottom: 16px;
}
.layoutImgCol2Left02 {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 16px;
  box-sizing: border-box;
}
.layoutImgCol2Left02:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol2Left02 + .layoutImgCol2Left02 {
  border-top: none;
}
.layoutImgCol2Left02 .layoutLeft {
  float: left;
  margin-right: 20px;
  display: block;
}
.layoutImgCol2Left02 .layoutLeft a:hover,
.layoutImgCol2Left02 .layoutLeft a:active,
.layoutImgCol2Left02 .layoutLeft a:focus {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.layoutImgCol2Left02 .layoutRight {
  overflow: hidden;
}
.layoutImgCol2Left02 .layoutRight .category01 {
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  padding: 3px 8px 1px;
  display: inline-block;
}
.layoutImgCol2Left02 .layoutRight .category01.colorA {
  background: #006dcc;
}
.layoutImgCol2Left02 .layoutRight .category01.colorB {
  background: #5bb75b;
}
.layoutImgCol2Left02 .layoutRight .inner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol2Left02 .inner .logo {
  float: left;
  margin-right: 20px;
}
.layoutImgCol2Left02 .inner .text {
  color: #2f2f2f;
  overflow: hidden;
}
.layoutImgCol2Left02 .text .info {
  color: #2f2f2f;
  font-size: 12px;
  display: block;
}
.layoutImgCol2Left02 .text .hdg01 {
  font-size: 22px;
  font-weight: bold;
  color: #1e54aa;
  display: inline-block;
}
.layoutImgCol2Left02 .text .link .hdg01 {
  text-decoration: underline;
}
.layoutImgCol2Left02 .text .link .hdg01:hover,
.layoutImgCol2Left02 .text .link .hdg01:active,
.layoutImgCol2Left02 .text .link .hdg01:focus {
  text-decoration: none;
}
.layoutImgCol2Left02 .text .kana {
  font-size: 12px;
  text-decoration: none;
  display: block;
}
#other #container #maincol .layoutImgCol2Left02 .text .category02 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .layoutImgCol2Left02 {
    margin: 0 -12px;
    padding: 10px 12px 5px;
  }
  .layoutImgCol2Left02 .layoutLeft {
    display: none;
  }
  #other.lytColMs #container #maincol p, #other.lytColM #container #maincol p, #other.lytColSm #container #maincol p {
    margin-bottom: 8px;
  }
  .layoutImgCol2Left02 .inner {
    display: table;
  }
  .layoutImgCol2Left02 .layoutRight .category01 {
    padding: 1px 6px;
  }
  .layoutImgCol2Left02 .inner .logo {
    width: 38px;
    height: 38px;
    float: none;
    display: table-cell;
    vertical-align: middle;
  }
  .layoutImgCol2Left02 .inner .text {
    display: table-cell;
    padding-left: 12px;
  }
  .layoutImgCol2Left02 .inner a {
    margin-bottom: 5px;
    display: block;
  }
  .layoutImgCol2Left02 .text .hdg01 {
    font-size: 18px;
  }
  .layoutImgCol2Left02 .text .kana {
    display: none;
  }
  #other #container #maincol .layoutImgCol2Left02 .text .category02 {
    margin-top: 6px;
    margin-bottom: 0;
  }
}
.layoutCol2 .liner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutCol2-01 {
  margin-bottom: 24px;
}
.layoutCol2-01:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutCol2-01 .segment01 {
  float: left;
  width: 300px;
}
.layoutCol2-01 .segment02 {
  float: right;
  width: 424px;
}
.layoutCol2-01 .segment02 .boxType02 {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .layoutCol2 {
    margin: 0 0 24px 0;
    padding: 0;
  }
  .layoutCol2 .segment {
    width: auto;
    margin: 0 0 12px 0;
    float: none;
  }
  .layoutCol2 + .boxType02 {
    margin-top: -8px;
  }

  .layoutCol2-01 .segment01,
  .layoutCol2-01 .segment02 {
    float: none;
    width: 100%;
  }
}
.layoutImgCol1 {
  margin: 0 0 24px;
}

.layoutImgCol2Left {
  overflow: hidden;
}
.layoutImgCol2Left .layoutLeft {
  padding: 0 24px 0 0;
  float: left;
}
.layoutImgCol2Left .layoutRight {
  overflow: hidden;
}

.layoutImgCol2Right {
  overflow: hidden;
}
.layoutImgCol2Right .layoutRight {
  padding: 0 0 0 24px;
  float: right;
}
.layoutImgCol2Right .layoutLeft {
  overflow: hidden;
}

.layoutImgCol2Left:after, .layoutImgCol2Right:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol2Left .caption, .layoutImgCol2Right .caption {
  margin: 12px 0 0;
  font-size: 84.6%;
  display: inline-block;
}

.layoutImgCol4 {
  margin: 0 0 24px -22px;
}
.layoutImgCol4:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol4 li {
  width: 170px;
  margin: 0 0 0 22px;
  float: left;
}
.layoutImgCol4 span {
  margin: 10px 0 0 0;
  display: block;
}
.layoutImgCol4 a:hover img a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/*出願速報*/

.layoutImgCol4applicants {
  margin: 0 0 24px -22px;
}
.layoutImgCol4applicants:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol4applicants li {
  width: 200px;
  margin: 0 auto;
  display: -moz-inline-box;
  display: inline-block;


}
.layoutImgCol4applicants span {
  margin: 10px 0 0 0;
  display: block;
}
.layoutImgCol4applicants a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

@media only screen and (max-width: 767px) {
  .layoutImgCol4applicants {
    margin: 24px 0 24px -2%;
    padding: 0;
  }
  .layoutImgCol4applicants li {
    width: 60%;
    margin: 10px 0 10px 20%;
  float: left;
  }

}

/*ここまで*/


.layoutImgVisual01 {
  margin: 0 0 16px;
  text-align: center;
}
.layoutImgVisual01 > a > img {
  height: auto;
}

@media only screen and (max-width: 767px) {
  .layoutImgCol1 {
    padding: 0 12px 0;
  }

  .layoutImgCol2Left .layoutLeft {
    width: auto;
    margin: 16px 0 18px !important;
    padding: 0;
    text-align: center;
    float: none;
  }
  .layoutImgCol2Left .layoutRight {
    width: auto;
    text-align: left;
    float: none;
  }
  .layoutImgCol2Left.spLayout01 .layoutLeft {
    float: left;
    max-width: 200px;
    width: 32%;
    padding-right: 10px;
  }

  .layoutImgCol2Right .layoutRight {
    width: auto;
    padding: 0;
    text-align: center;
    float: none;
  }
  .layoutImgCol2Right .layoutLeft {
    width: auto;
    text-align: left;
    float: none;
  }
  .layoutImgCol2Right.spLayout01 .layoutRight {
    float: right;
    max-width: 200px;
    width: 32%;
    padding-left: 10px;
  }

  .layoutImgCol2Left, .layoutImgCol2Right {
    margin: 0 0 24px;
    padding: 0 0 0;
    overflow: visible;
    display: block;
  }
  .layoutImgCol2Left .caption, .layoutImgCol2Right .caption {
    margin: 12px auto 20px;
    text-align: left;
    display: block;
  }
  .layoutImgCol2Left .layoutLeft, .layoutImgCol2Left .layoutRight, .layoutImgCol2Right .layoutLeft, .layoutImgCol2Right .layoutRight {
    overflow: visible;
    display: block;
  }
  .layoutImgCol2Left.spLayout01 .caption, .layoutImgCol2Right.spLayout01 .caption {
    margin-bottom: 0;
  }
  .layoutImgCol2Left.spLayout01 .layoutLeft, .layoutImgCol2Left.spLayout01 .layoutRight, .layoutImgCol2Right.spLayout01 .layoutLeft, .layoutImgCol2Right.spLayout01 .layoutRight {
    margin-top: 0 !important;
  }

  .layoutImgCol4 {
    margin: 0 0 24px -2%;
    padding: 0;
  }
  .layoutImgCol4 li {
    width: 48%;
    margin: 0 0 24px 2%;
    float: left;
  }

  .layoutImgVisual01 {
    margin-right: -12px !important;
    margin-left: -12px !important;
  }

  textarea.mlc-module-sample-code {
    max-width: 100%;
  }
}
.idxCol2 {
  margin: 36px 0 -20px -20px;
  padding: 0 0 24px;
}
.idxCol2:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.idxCol2 .segment {
  width: 330px;
  margin: 0 0 20px 20px;
  padding: 2px 15px 2px 15px;
  border: 1px solid #c7c7c7;
  float: left;
}
.idxCol2 .segment .heading01 {
  margin: 0 -13px 16px;
  padding: 10px 13px 8px;
  font-size: 123.1%;
  line-height: 1.4;
  background: #eaf6fd;
}
.idxCol2 .segment .heading01 a {
  display: block;
  position: relative;
}
.idxCol2 .segment .heading01 a:after {
  width: 12px;
  height: 18px;
  margin: -10px 0 0 0;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -144px -60px no-repeat;
  content: "";
}
.idxCol2 .segment .heading02 {
  margin: 12px 0 20px;
  padding: 2px 0 0 34px;
  font-size: 123.1%;
  line-height: 1.4;
  position: relative;
}
.idxCol2 .segment .heading02 span {
  padding: 6px 0 4px;
  min-width: 24px;
  display: inline-block;
  font-size: 84.6%;
  color: white;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #2585c6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.idxCol2 .segment p {
  margin-bottom: 0 !important;
}
.idxCol2 .segment .title {
  margin-bottom: 8px !important;
}
.idxCol2 .segment .title em {
  font-weight: bold;
  color: #2f2f2f;
}
.idxCol2 .segment .layoutImg .layoutLeft {
  min-width: 80px;
  margin: 0 14px 14px 0;
  float: left;
}
.idxCol2 .segment .layoutImg .layoutRight {
  margin: 0 0 14px;
  overflow: hidden;
}
.idxCol2 .segment .layoutImg .layoutRight p {
  margin-bottom: 3px !important;
}
.idxCol2 .segment .layoutImg .layoutRight .listStyle01 {
  padding-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  .idxCol2 {
    margin: 0 0 -15px;
    padding: 0 0 20px;
  }
  .idxCol2 .segment {
    width: auto;
    margin: 0 -12px 15px;
    padding: 2px 0 0 0;
    border: none;
    border-top: 1px solid #c7c7c7;
    float: none;

  }
  .idxCol2 .segment:nth-child(even) {
    margin-right: -12px;
  }
  .idxCol2 .segment .heading01 {
    margin: 0 0 12px;
    padding: 9px 12px 9px;
  }
  .idxCol2 .segment .heading02 {
    margin: 12px 12px 21px;
    padding: 3px 0 0 34px;
    position: relative;
  }
  .idxCol2 .segment .heading02 span {
    padding: 7px 0 4px;
    min-width: 24px;
    display: inline-block;
    color: white;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #2585c6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .idxCol2 .segment .layoutImg {
    height: auto !important;
    margin: 0 12px 0;
    overflow: hidden;
  }
  .idxCol2 .segment .listStyle01 {
    margin: 0 12px -5px;
  }
}
.listStyle01 {
  margin: 0 0 -5px;
  padding: 0 0 24px;
}
.listStyle01 li {
  padding: 0 0 5px 20px;
  position: relative;
}
.listStyle01 li:before {
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -25px -11px no-repeat !important;
  content: "";
}
.listStyle01 li em {
  font-weight: bold;
  color: #2f2f2f;
}
.listStyle01.plain li {
  padding-left: 0;
}
.listStyle01.plain li:before {
  display: none;
}
.listStyle01 + .recComment {
  margin-top: -13px !important;
  margin-bottom: 8px !important;
  padding-top: 17px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) 0 0 repeat-x;
}
.listOrder02 > li .listStyle01 {
  padding-bottom: 16px;
}
.listOrder02 > li .listStyle01 li {
  margin-left: 0;
  margin-bottom: 0;
}

.listStyle02 {
  margin: 0 0 -5px;
  padding: 0 0 24px;
}
.listStyle02 li {
  padding: 0 0 5px 16px;
  position: relative;
}
.listStyle02 li:before {
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -41px -11px no-repeat;
  content: "";
}
.listStyle02 li em {
  font-size: 107.7%;
  font-weight: bold;
  color: #2f2f2f;
}
.listStyle02 li .listStyle01 {
  margin-top: 10px;
  margin-left: -16px;
  padding-bottom: 10px;
}
.listStyle02 li p {
  margin-left: -16px !important;
  padding-top: 6px;
}

.listTopic {
  margin: 0 0 35px;
}
.listTopic li {
  margin: 0 0 17px;
  padding: 0 0 15px;
  border-bottom: 1px dotted #cccccc;
}
.listTopic li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.listTopic li .date {
  margin: 0 34px 0 0;
  float: left;
  clear: left;
  display: block;
}
.listTopic li .text {
  overflow: hidden;
  display: block;
}
.listTopic li .text a {
  margin: 0 0 3px;
  font-weight: bold;
  display: block;
}
.listTopic li .text em {
  color: #1e54aa;
}

.listCheckbox {
  margin: 0 0 -13px;
  padding: 0 0 16px;
}
.listCheckbox li {
  margin: 0 0 13px;
  position: relative;
}
.listCheckbox li input[type="checkbox"] {
  margin: 0 8px 0 0;
  position: absolute;
  top: 3px;
  left: 0;
}
.listCheckbox li label {
  padding: 0 0 0 24px;
  cursor: pointer;
  display: block;
}
.listCheckbox li label span {
  font-size: 84.6%;
  color: #757575;
  display: block;
}
.listCheckbox li label em.pay {
  margin: 0 8px 0;
  font-weight: normal;
  color: #e12c71;
}
.listCheckbox li label em.free {
  margin: 0 8px 0;
  font-weight: normal;
  color: #007ec6;
}

@media only screen and (max-width: 767px) {
  .listStyle01 {
    padding: 0 0 24px;
  }
  .listStyle01 + .recComment {
    margin-top: -16px !important;
    margin-bottom: 11px !important;
    padding-top: 16px;
    background: url(/export/sites/default/shared_52/images/bg-border-01.png) 0 0 repeat-x;
  }

  .listTopic {
    margin: 0 0 19px;
  }
  .listTopic li {
    margin: 0 0 12px;
    padding: 0 0 12px;
  }
  .listTopic li .date {
    margin: 0 0 8px;
    float: none;
    clear: left;
  }
  .listTopic li .text {
    overflow: visible;
  }
  .listTopic li .text a {
    margin: 0 0 6px;
  }

  .listStyle02 {
    padding: 0 0 16px;
  }
}
.listDefine01 {
  margin: 0 0 -16px;
  padding: 0 0 24px;
}
.listDefine01 dt {
  margin: 0 0 10px;
  font-weight: bold;
}
.listDefine01 dt a {
  margin: 0 0 2px 21px;
  position: relative;
}
.listDefine01 dt a:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: -21px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}
.listDefine01 dd {
  margin: 0 0 16px;
}

.listDefine02 {
  margin: 0 0 -10px;
  padding: 0 0 24px;
}
.listDefine02 dt {
  width: 7em;
  font-weight: bold;
  float: left;
  clear: left;
  position: relative;
}
.listDefine02 dt span {
  font-weight: normal;
  position: absolute;
  right: 0;
}
.listDefine02 dd {
  padding: 0 0 10px 0;
  overflow: hidden;
}
.listDefine03 {
  margin: 16px 0 4px;
}
.listDefine03 dt, .listDefine03 dd {
  margin-bottom: 10px;
}
.listDefine03 .textAreaLinkbtn {
  width: 100%;
}
.listDefineType01 {
  margin: 0 0 -8px -6px;
  padding: 0 0 24px 5em;
  position: relative;
}
.listDefineType01:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.listDefineType01 dt {
  padding: 5px 6px 5px;
  line-height: 1;
  position: absolute;
  left: 0;
}
.listDefineType01 dd {
  margin: 0 0 8px 8px;
  font-size: 84.6%;
  float: left;
}
.listDefineType01 dd a {
  padding: 5px 6px 5px;
  display: block;
  line-height: 1;
  background: #ebebeb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .listDefine01 {
    padding: 0 10px 24px;
  }
  .listDefine01 dt {
    margin: 0 0 4px;
  }

  .listDefine02 {
    margin: 0 0 -8px;
    padding: 0 0 24px;
  }
  .listDefine02 dt {
    width: auto;
    margin: 0 0 2px;
    float: none;
  }
  .listDefine02 dt span {
    position: relative;
  }
  .listDefine02 dd {
    margin: 0 0 8px 0;
    padding: 0;
    overflow: visible;
  }

  .listDefineType01 {
    margin: 0 0 -9px;
    padding: 0 10px 24px;
  }
  .listDefineType01 dt {
    margin: 0 0 6px 0;
    padding: 0;
    font-size: 92.3%;
    font-weight: bold;
    line-height: 1.5;
    position: relative;
  }
}
.listOrder01 {
  margin: 0 0 24px;
}
.listOrder01 li {
  margin: 0 0 4px 2.4em;
  text-indent: 0;
  list-style: decimal outside;
}
.listOrder01.listAdjust1 > li {
  margin-bottom: 10px;
}

.listOrder02 {
  margin: 0 0 24px;
}
.listOrder02 li {
  margin: 0 0 4px 28px;
  list-style: normal;
  position: relative;
}
.listOrder02 span {
  position: absolute;
  left: -28px;
}
.listOrder02.listAdjust1 > li {
  margin-bottom: 10px;
}

.listOrderType01 {
  margin: 0 0 -11px;
  padding: 0 0 14px;
}
.listOrderType01 li {
  margin: 0 0 11px;
}
.listOrderType01 li.current span {
  background: #757575;
}
.listOrderType01 li.current em {
  font-weight: bold;
  color: #545454;
}
.listOrderType01 li a, .listOrderType01 li em {
  padding: 1px 0 0 30px;
  position: relative;
  display: inline-block;
}
.listOrderType01 li span {
  min-width: 20px;
  padding: 2px 0 0;
  font-size: 92.3%;
  font-weight: bold;
  color: white;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: #007ec6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .listOrder01 {
    padding: 0 10px 0;
  }

  .listOrder02 {
    padding: 0 10px 0;
  }
}
.listNotes01 li {
  padding: 0 0 0 17px;
}

.listNotes02 li {
  padding: 0 0 0 33px;
}

.listNotes01, .listNotes02 {
  margin: 0 0 14px;
}
.listNotes01 li, .listNotes02 li {
  margin: 0 0 4px;
  font-size: 92.3%;
  position: relative;
}
.listNotes01 span, .listNotes02 span {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (max-width: 767px) {
  .listNotes01, .listNotes02 {
    padding: 0;
  }
}
.basicInfoNav {
  margin: 0 0 40px;
  padding: 9px;
  display: block;
  border: 1px solid #bcbcbc;
  background: url(/export/sites/default/shared_52/images/bg-nav-01.png) repeat;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.basicInfoNav .navInner {
  width: 100%;
  display: table;
}
.basicInfoNav .navInner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.basicInfoNav .navTitle {
  width: 100px;
  height: 84px;
  margin-bottom: 0 !important;
  font-weight: bold;
  text-align: center;
  vertical-align: bottom;
  float: left;
  position: relative;
  overflow: hidden;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.basicInfoNav .navTitle a {
  width: 100px;
  height: 100%;
  font-size: 107.7%;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  text-decoration: none;
}
.basicInfoNav .navTitle a em {
  margin: -28px 0 0;
  color: #1e54aa;
  position: relative;
  top: 100%;
  display: block;
}
.basicInfoNav .navTitle a:hover, .basicInfoNav .navTitle a.current {
  background: #1e54aa;
}
.basicInfoNav .navTitle a:hover em, .basicInfoNav .navTitle a.current em {
  color: white;
}
.basicInfoNav .navTitle a:before {
  width: 31px;
  height: 30px;
  margin: 0 0 0 -15px;
  position: absolute;
  top: 10px;
  left: 50%;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -137px no-repeat;
  content: "";
}
.basicInfoNav .navContentWrapper {
  margin-left: 100px;
}
.basicInfoNav .navContent {
  overflow: hidden;
  margin: 0 0 0 5px;
}
.basicInfoNav .navContent + .navContent {
  margin-bottom: -8px;
  border-top: 1px solid #b9b9b9;
}
.basicInfoNav .navContent + .navContent:before {
  width: 100%;
  height: 1px;
  padding: 7px 0 0;
  display: block;
  border-top: 1px solid #ffffff;
  content: "";
}
.basicInfoNav .navContent dt {
  margin-right: 5px;
  padding: 9px 0 9px 5px;
  font-size: 107.7%;
  font-weight: bold;
  color: #1e54aa;
  line-height: 1;
  float: left;
}
.basicInfoNav .navContent dd {
  margin: 0 7px 0 0;
  padding-bottom: 8px;
  float: left;
}
.basicInfoNav .navContent dd:last-child {
  margin-right: 0;
}
.basicInfoNav .navContent dd a {
  padding: 10px 10px 8px;
  font-size: 107.7%;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  display: block;
  background: white;
  box-shadow: 0 1px 1px #b3b3b3;
  -moz-box-shadow: 0 1px 1px #b3b3b3;
  -webkit-box-shadow: 0 1px 1px #b3b3b3;
  -ms-box-shadow: 0 1px 1px #b3b3b3;
  -o-box-shadow: 0 1px 1px #b3b3b3;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.basicInfoNav .navContent dd a:hover, .basicInfoNav .navContent dd a.current {
  color: white;
  background: #1e54aa;
}

.pagenation {
  margin: 40px 0 24px;
  text-align: center;
}
.pagenation a, .pagenation em {
  width: 26px;
  height: 19px;
  margin: 0 3px 0;
  padding: 7px 0 0;
  font-size: 115.4%;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  border: 2px solid #1e54aa;
}
.pagenation a:hover {
  color: white;
  background: #1e54aa;
}
.pagenation em {
  color: white;
  background: #1e54aa;
}
.pagenation span {
  margin: 0 3px 0;
  display: inline-block;
}
.pagenation .next, .pagenation .prev {
  width: auto;
  height: auto;
  margin: 0 5px 0;
  text-decoration: underline;
  border: none;
}
.pagenation .next:hover, .pagenation .prev:hover {
  color: #1e54aa;
  text-decoration: none;
  background: white;
}
.pagenation .next:after {
  width: 14px;
  height: 14px;
  margin: 0 0 0 6px;
  position: relative;
  top: 1px;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}
.pagenation .prev:before {
  width: 14px;
  height: 14px;
  margin: 0 6px 0 0;
  position: relative;
  top: -1px;
  vertical-align: middle;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -106px -28px no-repeat;
  content: "";
}

@media only screen and (max-width: 767px) {
  .pagenation {
    margin: 24px 0 24px;
    text-align: center;
    position: relative;
  }
  .pagenation a, .pagenation em {
    width: 22px;
    height: 16px;
    margin: 0 3px 0;
    padding: 6px 0 0 0;
    font-size: 100%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border: 2px solid #1e54aa;
  }
  .pagenation a:hover {
    color: white;
    background: #1e54aa;
  }
  .pagenation em {
    color: white;
    background: #1e54aa;
  }
  .pagenation span {
    margin: 0 3px 0;
    font-size: 100%;
    display: inline-block;
  }
  .pagenation .next, .pagenation .prev {
    display: none;
  }

  .basicInfoNav {
    margin: 0 0 16px;
    padding: 12px 12px 4px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .basicInfoNav .navInner {
    width: 100%;
    font-size: 107.7%;
    display: block;
  }
  .basicInfoNav .navInner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .basicInfoNav .navTitle {
    width: 100%;
    height: auto;
    margin-bottom: 12px !important;
    font-weight: bold;
    text-align: center;
    float: none;
    display: block;
    position: relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .basicInfoNav .navTitle a {
    width: auto;
    height: auto;
    min-height: 31px;
    padding: 6px 0 6px;
    font-size: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    text-decoration: none;
  }
  .basicInfoNav .navTitle a:before {
    display: none;
  }
  .basicInfoNav .navTitle a em {
    margin: 0;
    position: relative;
    top: 3px;
    display: block;
  }
  .basicInfoNav .navTitle a em:before {
    width: 31px;
    height: 30px;
    margin: 0 5px 0 0;
    position: relative;
    top: -4px;
    left: 0;
    display: inline-block;
    vertical-align: middle;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -137px no-repeat;
    content: "";
  }
  .basicInfoNav .navContentWrapper {
    margin-left: 0;
  }
  .basicInfoNav .navContent {
    margin: 0 0 5px 0;
    float: none;
  }
  .basicInfoNav .navContent:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .basicInfoNav .navContent + .navContent {
    margin-bottom: 0;
    border-top: 1px solid #b9b9b9;
  }
  .basicInfoNav .navContent + .navContent:before {
    width: 100%;
    height: 1px;
    padding: 13px 0 0;
    display: block;
    border-top: 1px solid #ffffff;
    content: "";
  }
  .basicInfoNav .navContent dt {
    margin: 0 0 10px;
    padding: 8px 0 8px;
    font-size: 100%;
    font-weight: bold;
    color: #1e54aa;
    line-height: 1;
    float: left;
    clear: left;
  }
  .basicInfoNav .navContent dd {
    margin: 0 8px 10px 0;
    padding-bottom: 0;
    float: left;
  }
  .basicInfoNav .navContent dd:last-child {
    margin-right: 0;
  }
  .basicInfoNav .navContent dd a {
    padding: 8px 11px 8px;
    font-size: 100%;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    display: block;
    background: white;
    box-shadow: 0 1px 1px #b3b3b3;
    -moz-box-shadow: 0 1px 1px #b3b3b3;
    -webkit-box-shadow: 0 1px 1px #b3b3b3;
    -ms-box-shadow: 0 1px 1px #b3b3b3;
    -o-box-shadow: 0 1px 1px #b3b3b3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
}
.table01, .tableAdmissions01,
.tableAdmissions02 {
  width: 100%;
  margin: 0 0 24px;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
  table-layout: fixed;
}
.table01 thead th, .tableAdmissions01 thead th,
.tableAdmissions02 thead th, .table01 thead td, .tableAdmissions01 thead td,
.tableAdmissions02 thead td {
  padding: 10px 12px 8px;
  background: #fbf9c7;
  border-right: 1px solid #c7c7c7;
}
.table01 thead th:last-child, .tableAdmissions01 thead th:last-child,
.tableAdmissions02 thead th:last-child, .table01 thead td:last-child, .tableAdmissions01 thead td:last-child,
.tableAdmissions02 thead td:last-child {
  border: none;
}
.table01 tbody th, .tableAdmissions01 tbody th,
.tableAdmissions02 tbody th, .table01 tbody td, .tableAdmissions01 tbody td,
.tableAdmissions02 tbody td {
  padding: 10px 12px 8px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.table01 tbody th ul, .tableAdmissions01 tbody th ul,
.tableAdmissions02 tbody th ul, .table01 tbody th p, .tableAdmissions01 tbody th p,
.tableAdmissions02 tbody th p, .table01 tbody td ul, .tableAdmissions01 tbody td ul,
.tableAdmissions02 tbody td ul, .table01 tbody td p, .tableAdmissions01 tbody td p,
.tableAdmissions02 tbody td p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.table01 tbody th .link, .tableAdmissions01 tbody th .link,
.tableAdmissions02 tbody th .link, .table01 tbody td .link, .tableAdmissions01 tbody td .link,
.tableAdmissions02 tbody td .link {
  padding: 0 0 0 21px;
  display: block;
  display: block;
  font-weight: bold;
  position: relative;
}
.table01 tbody th .link:before, .tableAdmissions01 tbody th .link:before,
.tableAdmissions02 tbody th .link:before, .table01 tbody td .link:before, .tableAdmissions01 tbody td .link:before,
.tableAdmissions02 tbody td .link:before {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -82px -28px no-repeat;
  content: "";
}
.table01 tbody th, .tableAdmissions01 tbody th,
.tableAdmissions02 tbody th {
  font-weight: bold;
  background: #fcfbe3;
  border-left: 1px solid #c7c7c7;
}
.table01 tbody th:first-child, .tableAdmissions01 tbody th:first-child,
.tableAdmissions02 tbody th:first-child {
  border-left: 0 none;
}
.table01 tbody th.notice, .tableAdmissions01 tbody th.notice,
.tableAdmissions02 tbody th.notice {
  color: white;
  background: #e12c71;
}
.table01 tbody th.notice .note, .tableAdmissions01 tbody th.notice .note,
.tableAdmissions02 tbody th.notice .note {
  color: white;
}
.table01 tbody th .note, .tableAdmissions01 tbody th .note,
.tableAdmissions02 tbody th .note {
  color: #696969;
  font-size: 84.6%;
}
.table01 tbody td, .tableAdmissions01 tbody td,
.tableAdmissions02 tbody td {
  background: #ffffff;
  border-left: 1px solid #c7c7c7;
  word-wrap: break-word;
  word-wrap: break-all \9;
}
.table01 tbody td .iconRank, .tableAdmissions01 tbody td .iconRank,
.tableAdmissions02 tbody td .iconRank {
  margin: -5px 0 -4px;
  font-size: 153.8%;
  font-weight: bold;
  color: #ffba00;
  letter-spacing: -1px;
  position: relative;
  top: 1px;
  display: inline-block;
}
.table01 .iconRequired, .tableAdmissions01 .iconRequired,
.tableAdmissions02 .iconRequired {
  float: right;
}
.table01.tblType1 tbody td:first-child, .tblType1.tableAdmissions01 tbody td:first-child,
.tblType1.tableAdmissions02 tbody td:first-child {
  border-left: none;
}
ol.listOrder02 .table01, ol.listOrder02 .tableAdmissions01,
ol.listOrder02 .tableAdmissions02 {
  margin-top: 10px;
}

.tglContent .contentFull .table02 {
  margin-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
.tglContent .contentFull .table02 thead + tbody tr:first-child td {
  border-top: 0;
}
.tglContent .contentFull .table02 td {
  text-align: center;
}
.tglContent .contentFull .table02 tbody tr:last-child td {
  border-bottom: 0;
}

.table02 {
  width: 100%;
  margin: 0 0 24px;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.table02 thead th {
  padding: 10px 12px 8px;
  background: #fcfbe3;
  border-right: 1px solid #c7c7c7;
}
.table02 thead th:last-child {
  border: none;
}
.table02 tbody th, .table02 tbody td {
  padding: 10px 12px 8px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.table02 tbody th {
  font-weight: bold;
  background: #fcfbe3;
}
.table02 tbody td {
  background: #ffffff;
  border-right: 1px solid #c7c7c7;
}
.table02 tbody td:last-child {
  border-right: none;
}
.table03 {
  width: 100%;
  margin: 0 0 24px;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.table03 thead th {
  padding: 10px 12px 8px;
  background: #fcfbe3;
  border-right: 1px solid #c7c7c7;
}
.table03 thead th:last-child {
  border: none;
}
.table03 tbody th, .table03 tbody td {
  padding: 10px 12px 8px;
  text-align: left;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.table03 tbody td:first-child {
  background: #fbf9c7;
  text-align: center;
}

.table03 tbody td {
  background: #ffffff;
  border-right: 1px solid #c7c7c7;
}
.table03 tbody td:last-child {
  border-right: none;
}

.tableAdmissions01 thead th,
.tableAdmissions01 thead td,
.tableAdmissions01 tbody th,
.tableAdmissions01 tbody td,
.tableAdmissions02 thead th,
.tableAdmissions02 thead td,
.tableAdmissions02 tbody th,
.tableAdmissions02 tbody td {
  padding: 10px 5px;
}
.tableAdmissions01 tbody td,
.tableAdmissions02 tbody td {
  text-align: center;
  white-space: nowrap;
}

.tableAdmissions01 thead th {
  width: 7%;
}
.tableAdmissions01 thead th:first-child {
  width: 23%;
}

.tableAdmissions02 thead th {
  width: 7%;
}
.tableAdmissions02 thead th:first-child {
  width: 16%;
}

.tableRwd01 {
  width: 100%;
  margin: 0 0 20px;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd01 thead th {
  padding: 10px 12px 8px;
  background: #fcfbe3;
  border-right: 1px solid #c7c7c7;
}
.tableRwd01 thead th:last-child {
  border-right: none;
}
.tableRwd01 tbody th, .tableRwd01 tbody td {
  padding: 10px 12px 8px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd01 tbody th {
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.tableRwd01 tbody th:first-child {
  border-left: none;
}
.tableRwd01 tbody td {
  background: #ffffff;
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.tableRwd01 tbody td:first-child {
  border-left: none;
}
.tableRwd01 tbody td span.title {
  display: none;
}
.tableRwd01 tbody td .linkList {
  padding-bottom: 0 !important;
}

.tableRwd02 {
  width: 100%;
  margin: 0 0 20px;
  border-collapse: collapse;
}
.tableRwd02 tbody th, .tableRwd02 tbody td {
  padding: 10px 12px 8px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd02 tbody th {
  font-weight: bold;
  color: white;
  background: #118acf;
}
.tableRwd02 tbody th.title {
  font-weight: normal;
  color: #2f2f2f;
  text-align: left;
  border-right: 1px dotted #c7c7c7;
  border-bottom: 1px dotted #c7c7c7;
  background: #ffffff;
}
.tableRwd02 tbody td {
  background: #ffffff;
  border-bottom: 1px dotted #c7c7c7;
}
.tableRwd02 tbody td .nameWrapper {
  display: block;
  position: relative;
}
.tableRwd02 tbody td .nameWrapper:after {
  width: 6px;
  height: 9px;
  margin: -4px 0 0 0;
  display: block;
  position: absolute;
  top: 50%;
  right: -20px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -57px -11px no-repeat;
  content: "";
}
.tableRwd02 tbody td.name {
  text-align: left;
  border-bottom: 1px dotted #c7c7c7;
}
.tableRwd02 tbody td.name span.titlePc {
  display: none;
}
.tableRwd02 tbody td.name span.titleSp {
  display: block;
}
.tableRwd02 tbody td.name span.titleSp > span {
  display: none;
}
.tableRwd02 tbody span.title {
  display: none;
}
.tableRwd02 tbody span.text {
  display: block;
}

table col.w05 {
  width: 5%;
}
table col.w10 {
  width: 10%;
}
table col.w15 {
  width: 15%;
}
table col.w20 {
  width: 20%;
}
table col.w25 {
  width: 25%;
}
table col.w30 {
  width: 30%;
}
table col.w35 {
  width: 35%;
}
table col.w40 {
  width: 40%;
}
table col.w45 {
  width: 45%;
}
table col.w50 {
  width: 50%;
}
table col.w55 {
  width: 55%;
}
table col.w60 {
  width: 60%;
}
table col.w65 {
  width: 65%;
}
table col.w70 {
  width: 70%;
}
table col.w75 {
  width: 75%;
}
table col.w80 {
  width: 80%;
}
table col.w85 {
  width: 85%;
}
table col.w90 {
  width: 90%;
}
table col.w95 {
  width: 95%;
}
table col.w100 {
  width: 100%;
}
table thead th {
  vertical-align: middle;
}
table th.alignL, table td.alignL {
  text-align: left;
}
table th.alignR, table td.alignR {
  text-align: right;
}
table th.alignC, table td.alignC {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .table01 tbody td .iconRank, .tableAdmissions01 tbody td .iconRank,
  .tableAdmissions02 tbody td .iconRank {
    font-size: 107.7%;
    font-weight: normal;
    letter-spacing: 1px;
    top: 0;
  }
  .table01 .iconRequired, .tableAdmissions01 .iconRequired,
  .tableAdmissions02 .iconRequired {
    float: none;
    display: block;
    margin-bottom: 3px;
  }

  .tableAdmissions01 thead th,
  .tableAdmissions01 thead td,
  .tableAdmissions01 tbody th,
  .tableAdmissions01 tbody td,
  .tableAdmissions02 thead th,
  .tableAdmissions02 thead td,
  .tableAdmissions02 tbody th,
  .tableAdmissions02 tbody td {
    padding: 2px;
    white-space: normal;
  }

  .tableRwd01 {
    width: auto;
    margin: 0 0 16px;
    border-top: 1px solid #c7c7c7;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
    display: block;
  }
  .tableRwd01 thead th {
    display: none;
  }
  .tableRwd01 tbody {
    width: 100%;
    display: block;
  }
  .tableRwd01 tbody tr {
    display: block;
  }
  .tableRwd01 tbody tr.tableTgl {
    display: none;
  }
  .tableRwd01 tbody th, .tableRwd01 tbody td {
    padding: 10px 12px 8px;
    text-align: left;
  }
  .tableRwd01 tbody th {
    font-weight: bold;
    display: block;
    border-bottom: none;
    background: #fcfbe3;
  }
  .tableRwd01 tbody td {
    width: 100%;
    display: table;
    border-left: none;
  }
  .tableRwd01 tbody td span.title {
    width: 32%;
    padding: 10px 12px 8px;
    font-weight: bold;
    vertical-align: top;
    display: table-cell;
  }
  .tableRwd01 tbody td span.text {
    width: 68%;
    padding: 10px 12px 8px;
    vertical-align: top;
    display: table-cell;
    border-left: 1px solid #c7c7c7;
  }
  .tableRwd01 tbody td .linkList {
    padding-bottom: 0;
  }
  .tableRwd01 tbody td .linkList li {
    margin-left: 0;
    float: none;
  }
  .tableRwd01 tbody td .linkList li a:after {
    background: none;
  }

  .tableRwd02 {
    width: 100%;
    margin: 0 0 20px;
    border-collapse: collapse;
  }
  .tableRwd02 colgroup {
    display: none;
  }
  .tableRwd02 tbody {
    width: 100%;
    display: block;
  }
  .tableRwd02 tbody th, .tableRwd02 tbody td {
    padding: 10px 0 8px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
  }
  .tableRwd02 tbody tr {
    width: 100%;
    display: block;
  }
  .tableRwd02 tbody th {
    display: none;
  }
  .tableRwd02 tbody td {
    width: 100%;
    display: table;
    border: none;
  }
  .tableRwd02 tbody td .nameWrapper:after {
    display: none;
  }
  .tableRwd02 tbody td.name {
    width: 100%;
    display: block;
    border-bottom: none;
    display: block;
  }
  .tableRwd02 tbody td.name span.titlePc {
    display: none;
  }
  .tableRwd02 tbody td.name span.titleSp {
    padding: 10px 12px 8px;
    color: white;
    display: block;
    background: #118acf;
  }
  .tableRwd02 tbody td.name span.titleSp > span {
    display: block;
  }
  .tableRwd02 tbody td span.title {
    width: 28%;
    padding: 3px 12px 3px;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
    display: table-cell;
  }
  .tableRwd02 tbody td span.text {
    width: 72%;
    padding: 3px 12px 3px;
    text-align: left;
    vertical-align: top;
    display: table-cell;
  }
  .tableRwd02 tbody td span.text:before {
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative;
    content: "\00ff1a";
  }
}
.tableIE8 {
  border: 1px solid #c7c7c7;
}

.tableIE8-01 {
  /* margin-bottom: -16px !important; */
}

.listBtn01 {
  margin: 0 0 14px;
  text-align: center;
}
.listBtn01 li {
  margin: 0 3px 6px;
  display: inline-block;
  vertical-align: middle;
}
.listBtn01 li a, .listBtn01 li button {
  padding: 9px 43px 6px;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-weight: bold;
  color: white;
  text-decoration: none;
  line-height: 1;
  display: block;
  position: relative;
  background: #1e54aa;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.listBtn01 li a:hover, .listBtn01 li button:hover {
  background: #4272b9;
}
.listBtn01 li a:after, .listBtn01 li button:after {
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -28px no-repeat;
  content: "";
}
.listBtn01.sizeL li {
  font-size: 138.5%;
}
.listBtn01.sizeL li a, .listBtn01.sizeL li button {
  padding-top: 12px;
  padding-bottom: 8px;
}
.listBtn01.sizeL li.return a, .listBtn01.sizeL li.return button {
  font-size: 76.9%;
  padding-top: 7px;
  padding-bottom: 5px;
  color: #1e54aa;
  border: 1px solid #1d52a7;
  background: #f0f0f0;
  box-shadow: 0 -1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 -1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 -1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 -1px 1px #dfdfdf inset;
  -o-box-shadow: 0 -1px 1px #dfdfdf inset;
}
.listBtn01.sizeL li.return a:hover, .listBtn01.sizeL li.return button:hover {
  background: white;
}
.listBtn01.sizeL li.return a:after, .listBtn01.sizeL li.return button:after {
  display: none;
}

.listBtn02 {
  margin: 0 0 14px;
  text-align: center;
}
.listBtn02 li {
  margin: 0 3px 6px;
  display: inline-block;
  vertical-align: middle;
}
.listBtn02 li .cartButton {
  width: auto;
}
.listBtn02 li .cartButton a {
  display: inline;
}
.listBtn02 li .cartButton a span {
  display: inline-block;
  padding: 7px 43px 4px;
}
.listBtn02 li .button.cancel {
  width: auto;
  padding: 9px 43px 6px;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-weight: bold;
  color: white;
  text-decoration: none;
  line-height: 1;
  display: block;
  position: relative;
  background: #1e54aa;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.listBtn02 li .button.cancel:hover {
  background: #4272b9;
}

.regBtn {
  padding: 4px 0 13px;
}
.regBtn a {
  width: 267px;
  margin: 0 auto;
  padding: 12px 33px 8px 0;
  font-size: 138.5%;
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  display: block;
  position: relative;
  background: #e52b72;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.regBtn a:after {
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
  right: 9px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -154px -28px no-repeat;
  content: "";
}
.regBtn a:hover {
  background: #e26091;
}
.regBtn.ver02 a {
  background: #1e54aa;
}
.regBtn.ver02 a:after {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -28px no-repeat;
}
.regBtn.ver02 a:hover {
  background: #4272b9;
}

.reqBtn {
  width: 267px;
  margin: 0 auto;
  padding: 12px 4px 8px;
  font-size: 138.5%;

  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  display: block;
  position: relative;
  background: #fd8510;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.reqBtn:after {
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
  right: 9px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -178px -28px no-repeat;
  content: "";
}
.reqBtn:hover {
  background: #ff9933;
}

.cartButton {
  width: 45%;
  margin: 0 auto !important;
  display: block;
  text-align: center;
  background: #fd8510;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.cartButton:hover {
  background: #ff9933;
}
.cartButton a {
  width: 100%;
  height: 27px;
  padding: 7px 0 4px 0;
  font-size: 138.5%;
  font-weight: bold;
  color: white;
  letter-spacing: 2px;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background: transparent;
}
.cartButton a span:before {
  width: 27px;
  height: 23px;
  margin: -4px 4px 0 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -238px -146px no-repeat;
  content: "";
}

.utilityBtn01 {
  margin: 0 0 -6px;
  padding: 0 0 24px;
  text-align: center;
}
.utilityBtn01 li {
  width: 202px;
  margin: 0 3px 6px;
  vertical-align: top;
  display: inline-block;
}
.utilityBtn01 li a {
  min-height: 17px;
  padding: 11px 0 6px 0;
  font-weight: bold;
  color: white;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  display: block;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.utilityBtn01 li.apply a {
  background: #fd8510;
}
.utilityBtn01 li.apply a:before {
  width: 23px;
  height: 21px;
  margin: -4px 5px 0 0;
  display: inline-block;
  vertical-align: top;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -117px -93px no-repeat;
  content: "";
}
.utilityBtn01 li.apply a:hover {
  background: #ff9933;
}
.utilityBtn01 li.cart a {
  background: #fd8510;
}
.utilityBtn01 li.cart a:before {
  width: 24px;
  height: 23px;
  margin: -6px 6px 0 0;
  display: inline-block;
  vertical-align: top;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -238px -146px no-repeat;
  content: "";
}
.utilityBtn01 li.cart a:hover {
  background: #ff9933;
}
.utilityBtn01 li.mb a {
  background: #fd8510;
}
.utilityBtn01 li.mb a:hover {
  background: #ff9933;
}
.utilityBtn01 li.mb a img {
  margin-top: -6px;
  vertical-align: baseline;
  position: relative;
}
.utilityBtn01 li.mb a br {
  display: none;
}
.utilityBtn01 li.reg a {
  background: #1e54aa;
}
.utilityBtn01 li.reg a:before {
  width: 19px;
  height: 19px;
  margin: -4px 7px 0 0;
  display: inline-block;
  vertical-align: top;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -178px -94px no-repeat;
  content: "";
}
.utilityBtn01 li.reg a:hover {
  background: #4272b9;
}

.boxBtn01 {
  margin: 0 0 17px;
  padding: 15px 12px 5px;
  text-align: center;
  position: relative;
  border: 1px solid #ccc;
  background: #fffdd6;
}
.boxBtn01:before {
  width: 16px;
  height: 8px;
  margin: 0 0 0 -8px;
  position: absolute;
  top: -1px;
  left: 50%;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -222px no-repeat;
  content: "";
}
.boxBtn01 p {
  margin-bottom: 10px !important;
}
.boxBtn01 .button {
  position: relative;
  width: 35%;
  display: inline-block;
  padding-top: 8px;
  padding-right: 33px;
  padding-bottom: 6px;
  padding-left: 15px;
  text-align: center;
  background: #1e54aa;
  color: #fff;
  font-weight: bold;
  font-size: 138.5%;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.boxBtn01 .button:after {
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -28px no-repeat;
  content: "";
}
.boxBtn01 .button:hover {
  background: #4272b9;
}
.boxBtn01 .button.entry {
  background: #e52b72;
}
.boxBtn01 .button.entry:after {
  background-position: -154px -28px;
}
.boxBtn01 .button.entry:hover {
  background: #ed6c9d;
}
.btnText01 {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border-radius: 3px;
  padding: 3px 9px 3px 30px;
  margin: 1px 6px;
  position: relative;
  display: inline-block;
}
.btnText01:before {
  position: absolute;
  content: "";
  display: block;
  top: 8px;
  left: 8px;
}
.btnText01.confirm {
  background: #1e54aa;
}
.btnText01.confirm:hover {
  background: #4272b9;
}
.btnText01.entry {
  background: #e12c71;
}
.btnText01.entry:hover {
  background: #e26091;
}
.btnText01.confirm02 {
  background: #5bb75b;
}
.btnText01.confirm02:hover {
  background: #7cc57c;
}
.btnText01.entry02 {
  background: #ffb400;
}
.btnText01.entry02:hover {
  background: #ffc333;
}
.btnText01.entry02-disabled {
  background: #c8c8c8;
}
.btnText01.confirm:before, .btnText01.confirm02:before {
  background: url(/export/sites/default/shared_52/images/icon-confirm-01.png) center center no-repeat;
  width: 16px;
  height: 12px;
}
.btnText01.entry:before, .btnText01.entry02:before {
  background: url(/export/sites/default/shared_52/images/icon-entry-01.png) center center no-repeat;
  width: 13px;
  height: 12px;
}


@media only screen and (max-width: 767px) {
  .utilityBtn01 {
    margin: 0 0 -10px;
    padding: 0 0 16px;
  }
  .utilityBtn01:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .utilityBtn01 li {
    display: block;
    margin: 0 0 10px;
  }
  .utilityBtn01 li a {
    line-height: 1.2;
  }
  .utilityBtn01 li.apply {
    width: 100%;
    font-size: 115.4%;
  }
  .utilityBtn01 li.apply a {
    padding: 15px 0 12px;
  }
  .utilityBtn01 li.apply a:before {
    margin: -2px 5px 0 0;
  }
  .utilityBtn01 li.cart {
    width: 48%;
    float: left;
  }
  .utilityBtn01 li.cart a {
    padding-left: 20px;
  }
  .utilityBtn01 li.cart a:before {
    display: none;
  }
  .utilityBtn01 li.cart a span:before {
    width: 24px;
    height: 21px;
    margin: -10px 6px 0 -45px;
    display: inline-block;
    vertical-align: top;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -45px -450px no-repeat;
    content: "";
  }
  .utilityBtn01 li.mb {
    width: 48%;
    float: left;
  }
  .utilityBtn01 li.mb a {
    position: relative;
  }
  .utilityBtn01 li.mb a:before {
    display: none;
  }
  .utilityBtn01 li.mb a br {
    display: inline;
  }
  .utilityBtn01 li.mb a img {
    position: absolute;
    top: 47%;
    margin: 0 0 0 15px;
  }
  .utilityBtn01 li.reg {
    width: 48%;
    float: right;
  }
  .utilityBtn01 li.reg a span {
    display: block;
  }
  .utilityBtn01 li.reg a:before {
    margin: 3px 0 0 -53px;
    display: block;
    position: absolute;
    left: 50%;
  }
  .utilityBtn01 li span {
    display: block;
  }

  .listBtn02 li {
    display: block;
    margin: 0 auto 6px;
    width: 267px;
  }
  .listBtn02 li .button.cancel {
    min-width: 0;
  }
  .listBtn02 li .cartButton a span {
    padding: 7px 0 4px;
  }

  .regBtn {
    padding: 4px 0 8px;
  }
  .regBtn a {
    width: 100%;
    padding: 14px 0 14px;
    font-size: 123.1%;
  }

  .boxBtn01 .button {
    width: 85%;
  }

  .btnText01 {
    font-size: 13px;
    padding: 1px 9px 1px 30px;
  }
  .btnText01:before {
    top: 4px;
  }

  .cartButton {
    min-width: 80%;
  }
}
.listCheckbox02 > li {
  margin-bottom: 13px;
}
.listCheckbox02 > li label {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
}
.listCheckbox02 > li label > input[type="checkbox"] {

  position: absolute;
  top: 7px;
  left: 0;
  opacity: 0;
}
.listCheckbox02 > li label > input[type="checkbox"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -207px -98px no-repeat;
  background: none\9;
}
.listCheckbox02 > li label > input[type="checkbox"]:checked + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
  background: none\9;
}
.listCheckbox02 > li label > input[type="radio"] {
  position: absolute;
  top: 7px;
  left: 0;
  opacity: 0;
}
.listCheckbox02 > li label > input[type="radio"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -323px -98px no-repeat;
  background: none\9;
}
.listCheckbox02 > li label > input[type="radio"]:checked + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -350px -98px no-repeat;
  background: none\9;
}
.listCheckbox02 > li label > span:before {
  width: 19px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
}
.listCheckbox02.flow:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.listCheckbox02.flow > li {
  float: left;
  margin-right: 27px;
}
.listCheckbox02.inline > li {
  display: inline-block;
  margin-right: 14px;
  margin-left: 14px;
}
.formArea01 .listCheckbox02 > li {
  margin-bottom: 0;
}
.formArea01 .listCheckbox02 > li label {
  display: block;
}

.searchTextWrapper {
  margin: 0 0 24px;
  margin-right: -20px\9;
  position: relative;
}
.searchTextWrapper:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.searchTextWrapper .title {
  margin-bottom: 5px !important;
}
.searchTextWrapper .title em {
  font-weight: bold;
  color: #2f2f2f;
}
.searchTextWrapper .inputText {
  width: 144px;
  height: 30px;
  padding: 0 8px 0;
  float: left;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
}
.searchTextWrapper .inputText:focus {
  background: #fefef1;
}
.searchTextWrapper .inputText:last-child {
  float: right;
}
.searchTextWrapper span {
  margin: 6px 0 0 -7px;
  position: absolute;
  left: 50%;
  float: left;
  display: block;
}
.searchTextWrapper .selectWrapper {
  overflow: hidden;
  cursor: pointer;
  width: 162px;
  height: 30px;
  margin-right: 20px\9;
  display: inline-block;
  position: relative;
  float: left;
  border: 1px solid #c7c7c7;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
  font-size: 92.3%;
}
.searchTextWrapper .selectWrapper:after {
  width: 9px;
  height: 5px;
  margin: -2px 0 0 0;
  position: absolute;
  top: 50%;
  right: 7px;
  display: inline;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -138px -224px no-repeat;
  content: "";
}
.searchTextWrapper .selectWrapper .valueText {
  cursor: pointer;
  color: #949494;
  position: absolute;
  top: 7px;
  left: 7px;
  margin: 0;
  z-index: 0;
  display: inline;
}
.searchTextWrapper .selectWrapper select {
  width: 162px;
  cursor: pointer;
  height: 30px;
  line-height: 32px\9;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-size: 92.3%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  z-index: 10;
}
.searchTextWrapper .selectWrapper select option {
  padding-right: 16px;
}
.searchTextWrapper .selectWrapper:last-child {
  float: right;
}

.searchBoxWrapper {
  background: #efefef;
  padding: 15px 40px 10px 31px;
}
.searchBoxWrapper .schoolNameTitle {
  margin-right: 7px !important;
  float: left;
  padding: 6px 0 0 0;
}
.searchBoxWrapper .schoolName {
  margin: 0 0 13px 0;
}
.searchBoxWrapper .schoolName input[type="text"] {
  width: 379px;
}
.searchBoxWrapper .schoolName input[type="text"]:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.searchBoxWrapper .searchBoxInner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.searchBoxWrapper .searchBoxInner .col {
  width: 289px;
  margin: 0 0 5px 0;
  float: left;
  height: 40px;
  text-align: center;
}
.searchBoxWrapper .searchBoxInner .col .text {
  padding-left: 10px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.searchBoxWrapper .searchBoxInner .col .formArea01 {
  text-align: right;
  display: table-cell;
  width: 65%;
}
.searchBoxWrapper .searchBoxInner .col .formArea01 select {
  width: 190px;
}
.searchBoxWrapper .searchBoxInner .col .formArea01 .selectWrapper {
  display: table-cell;
  text-align: right;
}
.searchBoxWrapper .searchBoxInner .col .formArea01 .text1 {
  vertical-align: middle;
  display: table-cell;
}
.searchBoxWrapper .searchBoxInner .col .inputWrapper {
  display: table-cell;
  width: 82.9%;
}
.searchBoxWrapper .searchBoxInner .col .inputWrapper .formArea01 {
  margin-right: -7px;
  text-align: left;
  width: 191px;
  float: left;
}
.searchBoxWrapper .searchBoxInner .col .inputWrapper .formArea01 input[type="text"] {
  width: 163px;
}
.searchBoxWrapper .searchBoxInner .col .inputWrapper .formArea01 .tes {
  float: right;
}
.searchBoxWrapper .searchBoxInner .col .inputWrapper .text02 {
  float: left;
  margin: 0 41px 0 51px;
}
.searchBoxWrapper .searchBoxInner .col .text03 {
  display: table-cell;
  vertical-align: middle;
  padding: 0 19px;
}
.searchBoxWrapper .searchBoxInner .wide {
  display: table;
  width: 66%;
}
.searchBoxWrapper .searchBoxInner .wide .text {
  width: 17.1%;
  padding-bottom: 5px;
}
.searchBoxWrapper .searchBoxInner .wide .searchTextWrapper {
  display: table-cell;
  margin-bottom: 0;
  position: static;
  width: 82.9%;
}
.searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .selectWrapper {
  margin: 0 -7px 0 0;
  width: 191px;
}
.searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .selectWrapper:last-child {
  float: none;
}
.searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .selectWrapper select {
  width: 100%;
}
.searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .text02 {
  display: inline;
  position: static;
  margin: 6px 33px 0 50px;
}
.searchBoxWrapper .searchBoxInner .wide .calendar {
  margin-right: -36px;
  width: 190px;
  padding-right: 20px;
  float: left;
}
.searchBoxWrapper .searchBoxInner .wide .calendar .formArea01 input[type="text"] {
  width: 190px;
}
.searchBoxWrapper .searchBoxInner .wide .calendar img {
  padding: 6px 0 0 4px;
  position: absolute;
}
.searchBoxWrapper .searchBoxInner .wide .interval {
  float: left;
  margin: 5px 41px 0 61px;
}
.searchBoxWrapper .lightboxList:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.searchBoxWrapper .lightboxList li {
  float: left;
  margin-left: 10px;
}
.searchBoxWrapper .listTitle {
  margin: 10px 0 0 0;
}
.searchBoxWrapper .listTitle p {
  float: left;
}
.searchBoxWrapper .contentInner {
  vertical-align: middle;
  display: table;
  border: none !important;
}
.searchBoxWrapper .contentInner p {
  margin: 0px !important;
}
.searchBoxWrapper .contentInner .availableList {
  display: table-cell;
  vertical-align: middle;
}
.searchBoxWrapper .contentInner .availableList:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.searchBoxWrapper .contentInner .availableList li {
  background: none !important;
  border: none !important;
  float: left;
}
.searchBoxWrapper .contentInner .availableList li .linkNext {
  font-weight: normal;
  color: #1e54aa;
  text-decoration: underline;
  padding: 0 0 0 29px;
}
.searchBoxWrapper .contentInner .availableList li .linkNext:before {
  background: url("/export/sites/default/shared_52/images/icon-splite-01.png") no-repeat scroll -82px -20px;
  padding: 0px 1px 2xp 3px;
  height: 25px;
  left: 10px;
  top: -5px;
}
.searchBoxWrapper .contentInner .availableList li .linkNext:hover {
  text-decoration: none;
}
.searchBoxWrapper .contentInner .availableList li .box .listBtn01:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.searchBoxWrapper .contentInner .availableList li .box .listBtn01 li {
  float: none;
}
.searchBoxWrapper .contentInner .availableList li .box ul {
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
  padding-bottom: 10px !important;
  margin: 0 0 16px;
}
.searchBoxWrapper .contentInner .availableList li .box .listBtn01 {
  background: none;
  margin: 0 0 14px;
  padding: 0px !important;
}
.searchBoxWrapper .pcButton {
  display: none;
}

.resultTextWrapper {
  margin: 0 0 12px;
  position: relative;
}
.resultTextWrapper:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.resultTextWrapper .inputText {
  width: 30px;
  height: 24px;
  line-height: 25px\9;
  padding: 0 8px 0;
  float: left;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
}
.resultTextWrapper .inputText:focus {
  background: #fefef1;
}
.resultTextWrapper .inputText:last-child {
  float: right;
}
.resultTextWrapper span {
  margin: 5px 6px 0;
  font-size: 92.3%;
  float: left;
  display: block;
}
.resultTextWrapper img {
  margin: 5px 0 0 5px;
  font-size: 92.3%;
  float: left;
  display: block;
}

.formArea01 input[type="text"], .formArea01 input[type="password"] {
  min-height: 28px;
  height: 28px\9;
  line-height: 28px\9;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 0 #eeeeee inset;
  -moz-box-shadow: 0 1px 0 #eeeeee inset;
  -webkit-box-shadow: 0 1px 0 #eeeeee inset;
  -ms-box-shadow: 0 1px 0 #eeeeee inset;
  -o-box-shadow: 0 1px 0 #eeeeee inset;
}
.formArea01 .ex {
  margin-bottom: 7px !important;
  color: #696969;
  font-size: 84.6%;
}
.formArea01 .ex + .listNotes01 {
  margin-top: -5px !important;
}
.formArea01 .text1 input[type="text"] {
  width: 46.25%;
}
.formArea01 .text1 input[type="text"] + input[type="text"] {
  margin-left: 8px;
}
.formArea01 .text1 + .ex {
  margin-top: 10px !important;
}
.formArea01 .text2 input[type="text"] {
  width: 100%;
}
.formArea01 .text2 textarea {
  width: 100%;
  height: 100px;
  resize: vertical;
  overflow: hidden;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 0 #eeeeee inset;
  -moz-box-shadow: 0 1px 0 #eeeeee inset;
  -webkit-box-shadow: 0 1px 0 #eeeeee inset;
  -ms-box-shadow: 0 1px 0 #eeeeee inset;
  -o-box-shadow: 0 1px 0 #eeeeee inset;
}
.formArea01 .text3 input[type="text"] {
  width: 30%;
}
.formArea01 .text4 input[type="text"] {
  width: 25%;
}
.formArea01 .listNotes01 {
  margin-bottom: 8px !important;
}
.formArea01 .listNotes01 > li {
  margin-bottom: 0;
  color: #696969;
  font-size: 84.6%;
}
.formArea01 .checkRadio > li {
  position: relative;
}
.formArea01 .checkRadio > li label {
  padding-top: 4px;
  padding-left: 25px;
  padding-bottom: 4px;
  cursor: pointer;
  position: relative;
  display: block;
}
.formArea01 .checkRadio > li label > input[type="checkbox"] {
  display: none;
}
.formArea01 .checkRadio > li label > input[type="checkbox"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -207px -98px no-repeat;
}
.formArea01 .checkRadio > li label > input[type="checkbox"]:checked + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
}
.formArea01 .checkRadio > li label.active > input[type="radio"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -350px -98px no-repeat;
}
.formArea01 .checkRadio > li label > input[type="radio"] {
  display: none;
}
.formArea01 .checkRadio > li label > input[type="radio"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -323px -98px no-repeat;
}
.formArea01 .checkRadio > li label > input[type="radio"]:checked + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -350px -98px no-repeat;
}
.formArea01 .checkRadio > li label > span:before {
  width: 19px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
}
.formArea01 .checkRadio.flow:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.formArea01 .checkRadio.flow > li {
  float: left;
  margin-right: 27px;
}
.formArea01 .checkRadio.inline > li {
  display: inline-block;
  margin-right: 14px;
  margin-left: 14px;
}
.formArea01 .button1 {
  padding: 5px 18px 3px;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-weight: bold;
  color: white;
  text-decoration: none;
  display: inline-block;
  position: relative;
  background: #1e54aa;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.formArea01 .button1:hover {
  background: #4272b9;
}
.formArea01 .selectWrapper {
  overflow: hidden;
  cursor: pointer;
  width: 162px;
  height: 28px;
  display: inline-block;
  position: relative;
  float: none;
  border: 1px solid #c7c7c7;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
  vertical-align: middle;
  font-size: 92.3%;
}
.formArea01 .selectWrapper:after {
  width: 9px;
  height: 5px;
  margin: -2px 0 0 0;
  position: absolute;
  top: 50%;
  right: 7px;
  display: inline;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -138px -224px no-repeat;
  content: "";
}
.formArea01 .selectWrapper .valueText {
  cursor: pointer;
  color: #949494;
  position: absolute;
  top: 7px;
  left: 7px;
  margin: 0;
}
.formArea01 .selectWrapper select {
  z-index: 100;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 30px;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-size: 92.3%;
  opacity: 0;
  filter: alpha(opacity=0);
}
.formArea01 .selectWrapper select option {
  padding-right: 16px;
}
.formArea01 .selectWrapper.select1 {
  width: 100%;
}
.formArea01.typeBox1 {
  margin-top: 8px;
  padding: 9px 9px 9px 9px;
  background-color: #f4f4f4;
}

.formArea01 .selectWrapper select {
 z-index: 0 ;
}
.searchTextWrapper .selectWrapper select {
  z-index: 0 ;
}

@media only screen and (max-width: 767px) {
  .searchTextWrapper {
    position: relative;
  }
  .searchTextWrapper:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .searchTextWrapper .inputText {
    width: 42%;
    padding: 0 1% 0;
    font-size: 92.3%;
    letter-spacing: -1px;
  }
  .searchTextWrapper .selectWrapper {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    float: none;
  }
  .searchTextWrapper .selectWrapper select {
    width: 100%;
  }
  .searchTextWrapper .selectWrapper:last-child {
    float: none;
  }
  .searchTextWrapper .selectWrapper + span {
    position: static;
    float: none;
    margin: 3px 0 5px 0;
    text-align: center;
  }

  .resultTextWrapper {
    margin: 0 0 12px;
    position: relative;
  }
  .resultTextWrapper:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .resultTextWrapper .inputText {
    min-width: 50%;
    height: 34px;
    padding: 0 8px 0;
    float: left;
    border: 1px solid #c7c7c7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-shadow: 0 1px 1px #dfdfdf inset;
    -moz-box-shadow: 0 1px 1px #dfdfdf inset;
    -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
    -ms-box-shadow: 0 1px 1px #dfdfdf inset;
    -o-box-shadow: 0 1px 1px #dfdfdf inset;
  }
  .resultTextWrapper .inputText:focus {
    background: #fefef1;
  }
  .resultTextWrapper .inputText:last-child {
    float: right;
  }
  .resultTextWrapper .resultContent {
    width: 50%;
  }
  .resultTextWrapper .resultContent:first-child {
    float: left;
  }
  .resultTextWrapper .resultContent:last-child {
    float: right;
  }
  .resultTextWrapper .resultContent span {
    margin: 10px 4px 0;
    display: block;
    float: left;
  }
  .resultTextWrapper .resultContent img {
    margin: 5px 4px 0;
    padding: 3px;
    float: left;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }

  .formArea01 input[type="text"] {
    margin-bottom: 8px;
  }
  .formArea01 .text1 input[type="text"] {
    width: 100%;
  }
  .formArea01 .text1 input[type="text"] + input[type="text"] {
    margin-left: 0;
  }

  .searchBoxWrapper {
    background: #efefef;
    padding: 15px 12px 10px 12px;
  }
  .searchBoxWrapper .schoolNameTitle {
    margin-right: 7px;
    float: none;
    padding: 0 0 0 10px;
    font-size: 115.4%;
    font-weight: bold;
    margin-right: 0;
    margin-bottom: 0px !important;
  }
  .searchBoxWrapper .text {
    font-size: 115.4%;
    font-weight: bold;
    margin-right: 0;
  }
  .searchBoxWrapper .schoolName {
    width: 100%;
    margin: 0 0 13px 0;
  }
  .searchBoxWrapper .schoolName:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .searchBoxWrapper .schoolName input[type="text"] {
    float: left;
    width: 72%;
    margin-right: 12px;
  }
  .searchBoxWrapper .schoolName button {
    display: inline-block;
  }
  .searchBoxWrapper .searchBoxInner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .searchBoxWrapper .searchBoxInner .col {
    width: 100%;
    margin: 0 0 5px 0;
    float: none;
    height: 55px;
    text-align: center;
  }
  .searchBoxWrapper .searchBoxInner .col p {
    margin: 0px !important;
  }
  .searchBoxWrapper .searchBoxInner .col .text {
    padding-left: 10px;
    display: block;
    text-align: left;
    vertical-align: middle;
  }
  .searchBoxWrapper .searchBoxInner .col .formArea01 {
    text-align: right;
    display: block;
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .col .formArea01 select {
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .col .formArea01 .selectWrapper {
    display: block;
    text-align: right;
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .col .inputWrapper {
    display: block;
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .col .inputWrapper .formArea01 {
    margin: 0;
    text-align: left;
    width: 45%;
    float: left;
  }
  .searchBoxWrapper .searchBoxInner .col .inputWrapper .formArea01 input[type="text"] {
    width: 75%;
  }
  .searchBoxWrapper .searchBoxInner .col .inputWrapper .formArea01 .text01 {
    width: 25%;
  }
  .searchBoxWrapper .searchBoxInner .col .inputWrapper .text02 {
    width: 10%;
    float: left;
    margin: 0;
    margin-top: 6px;
  }
  .searchBoxWrapper .searchBoxInner .col .text03 {
    display: block;
    vertical-align: middle;
    padding: 0 19px;
  }
  .searchBoxWrapper .searchBoxInner .wide {
    display: table;
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .wide .text {
    width: 100%;
    padding-bottom: 0;
  }
  .searchBoxWrapper .searchBoxInner .wide .searchTextWrapper {
    display: block;
    margin-bottom: 0;
    position: static;
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .selectWrapper {
    margin: 0;
    width: 100%;
  }
  .searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .selectWrapper:last-child {
    float: none;
  }
  .searchBoxWrapper .searchBoxInner .wide .searchTextWrapper .text02 {
    display: inline;
    position: static;
    margin: 6px 33px 0 50px;
  }
  .searchBoxWrapper .searchBoxInner .wide .calendar {
    margin-right: 0;
    width: 100%;
    padding-right: 0;
    float: left;
  }
  .searchBoxWrapper .searchBoxInner .wide .calendar .formArea01 {
    text-align: left;
    width: 90%;
  }
  .searchBoxWrapper .searchBoxInner .wide .calendar .formArea01 input[type="text"] {
    width: 88%;
    margin-right: 5px;
  }
  .searchBoxWrapper .searchBoxInner .wide .calendar .formArea01 img {
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    padding: 3px;
    position: absolute;
  }
  .searchBoxWrapper .searchBoxInner .wide .interval {
    float: none;
    margin: 0;
  }
  .searchBoxWrapper .lightboxList:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .searchBoxWrapper .lightboxList li {
    float: none;
    margin-left: 10px;
  }
  .searchBoxWrapper .listTitle {
    margin: 10px 0 0 0;
  }
  .searchBoxWrapper .listTitle p {
    float: none;
    padding-left: 10px;
    font-size: 115.4%;
    font-weight: bold;
    margin-right: 0;
  }
  .searchBoxWrapper .contentInner {
    margin: -10;
    width: 100%;
    margin: 0 -20px 0 0 !important;
    padding: 9px 0px 0 !important;
    vertical-align: middle;
    display: table;
    border: none;
  }
  .searchBoxWrapper .contentInner p {
    font-weight: bold;
    font-size: 115.4%;
    margin-left: 10px !important;
  }
  .searchBoxWrapper .contentInner .availableList {
    margin: 0 -10px 0 -10px !important;
    display: block;
    vertical-align: top;
    border-bottom: 1px solid #c7c7c7;
  }
  .searchBoxWrapper .contentInner .availableList li {
    margin: 0px;
    width: 100%;
    font-size: 107.7% !important;
    border-top: 1px solid #c7c7c7 !important;
    background: linear-gradient(to bottom, #fbfbfb 0%, #ececec 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    float: none;
    font-weight: bold;
    border-top: 1px solid #c7c7c7;
  }
  .searchBoxWrapper .contentInner .availableList li .linkNext {
    text-decoration: none;
    font-weight: bold !important;
    color: #2f2f2f;
    padding: 10px 0 10px 10px;
  }
  .searchBoxWrapper .contentInner .availableList li .linkNext:before {
    background: none;
  }
  .searchBoxWrapper .contentInner .availableList li .listCheckbox li {
    background: none !important;
    border-top: none !important;
  }
  .searchBoxWrapper .contentInner .availableList li .col3 {
    background: none;
  }
  .searchBoxWrapper .contentInner .availableList li .listBtn01 li {
    border-top: none !important;
    max-width: 40%;
    min-width: 50%;
    padding: 18px 0 18px;
    background: none !important;
  }
}
.cart p + .listNotes01 {
  margin: -3px 0 25px;
}
.cart .boxCampaign {
  margin: 0 0 40px;
  padding: 9px 13px 2px;
  border: 3px solid #cccccc;
}
.cart .boxCampaign .headingWrapper {
  min-height: 34px;
  margin: -5px -9px 16px;
  position: relative;
  background: url(/export/sites/default/shared_52/images/bg-campaign-01.png) 0 0 repeat;
}
.cart .boxCampaign .headingWrapper:before {
  width: 198px;
  height: 24px;
  display: block;
  position: absolute;
  top: 5px;
  left: -7px;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -365px repeat;
  content: "";
}
.cart .boxCampaign .headingWrapper .title {
  padding: 0 0 0 11px;
  font-size: 107.7%;
  color: white;
  letter-spacing: 1px;
  position: relative;
  top: 7px;
  z-index: 1;
}
.cart .boxCampaign .headingWrapper .date {
  margin-bottom: 0 !important;
  font-size: 92.3%;
  font-weight: bold;
  color: #2f2f2f;
  position: absolute;
  top: 4px;
  left: 210px;
  display: inline-block;
}
.cart .boxCampaign .headingWrapper .date em {
  font-size: 138.5%;
  color: #2f2f2f;
}
.cart .boxCampaign .headingWrapper .date em:last-child {
  position: relative;
}
.cart .boxCampaign .headingWrapper .date em:last-child:before {
  width: 6px;
  height: 8px;
  margin: 0 11px 0 7px;
  display: inline-block;
  position: relative;
  top: -2px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -114px -12px no-repeat;
  content: "";
}
.cart .boxCampaign .heading:before {
  width: 198px;
  height: 24px;
  display: block;
  position: absolute;
  top: 5px;
  left: -7px;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -365px repeat;
  content: "";
}
.cart .boxCampaign p {
  margin-bottom: 11px !important;
}
.cart .boxCampaign p.catch {
  margin-bottom: 7px !important;
  font-size: 194.6%;
}
.cart .boxCampaign p.catch em {
  color: #118acf;
}
.cart .boxCampaign p.remainder {
  position: relative;
  display: table;
  padding: 0 15px 0 15px;
  border-bottom: 1px solid #dddd77;
  border-left: 1px solid #dddd77;
  background-color: #ffffc2;
  font-size: 115.4%;
  font-weight: bold;
  line-height: 1.3;
}
.cart .boxCampaign p.remainder:before {
  width: 1px;
  height: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: white;
  content: "";
}
.cart .boxCampaign p.remainder:after {
  width: 49px;
  height: 3px;
  display: block;
  position: absolute;
  bottom: -3px;
  right: 2px;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/bg-remainder-01.png) left bottom no-repeat;
  content: "";
}
.cart .boxCampaign p.remainder em {
  position: relative;
  top: 2px;
  font-size: 161.5%;
}
.cart .boxType02 {
  margin-bottom: 40px;
}
.cart .cartListWrapper {
  margin: 0 0 -30px;
  padding: 0 0 40px;
}
.cart .cartListWrapper .cartList {
  margin: 0 0 30px;
  padding: 16px 15px 13px;
  position: relative;
  border: 1px solid #cccccc;
}
.cart .cartListWrapper .heading {
  margin: 0 0 15px;
  padding: 0 244px 12px 0;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
}
.cart .cartListWrapper .heading .title {
  padding: 0 0 0 12px;
  font-size: 92.3%;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}
.cart .cartListWrapper .heading .title .collegeName {
  margin: 6px 0 0;
  font-size: 230.8%;
  font-weight: bold;
  line-height: 1.1;
}
.cart .cartListWrapper .heading .title span {
  margin: 0 0 6px;
  display: block;
}
.cart .cartListWrapper .heading .favorite {
  display: none;
}
.cart .cartListWrapper .heading .logoImg {
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: top;
}
.cart .cartListWrapper .heading .logoImg img {
  max-width: 50px;
}
.cart .cartListWrapper .cartTgl .tglTitlePc {
  margin: 0 0 12px;
  line-height: 1;
}
.cart .cartListWrapper .cartTgl .tglTitlePc span {
  margin: 0 0 0 13px;
  padding: 4px 10px 3px;
  font-size: 84.6%;
  color: white;
  display: inline-block;
  position: relative;
  top: -1px;
  background: #e12d72;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.cart .cartListWrapper .cartTgl .tglTitleSp {
  display: none;
}
.cart .cartListWrapper .cartTgl .tglContent {
  display: block;
}
.cart .cartListWrapper .cartTgl .tglContent + .tglTitlePc {
  margin-top: 12px;
  padding-top: 18px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) 0 0 repeat-x;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox {
  margin: 0;
  padding: 0;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col2 {
  margin: 0 0 -9px;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col2:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col2 li {
  width: 50%;
  margin: 0 0 9px;
  float: left;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col3 {
  margin: 0 0 -5px;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col3:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col3 li {
  width: 33%;
  margin: 0 0 5px;
  float: left;
}
.cart .cartListWrapper .selectButton {
  position: absolute;
  top: 27px;
  right: 15px;
}
.cart .cartListWrapper .selectButton li {
  font-weight: bold;
  display: inline-block;
  border: 1px solid #1e54aa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.cart .cartListWrapper .selectButton li.delete {
  margin: 0 0 0 3px;
  background: #f0f0f0;
  box-shadow: 0 -1px 1px #e4e4e4 inset;
  -moz-box-shadow: 0 -1px 1px #e4e4e4 inset;
  -webkit-box-shadow: 0 -1px 1px #e4e4e4 inset;
  -ms-box-shadow: 0 -1px 1px #e4e4e4 inset;
  -o-box-shadow: 0 -1px 1px #e4e4e4 inset;
}
.cart .cartListWrapper .selectButton li.delete a {
  padding: 8px 19px 6px 9px;
  color: #1e54aa;
  position: relative;
}
.cart .cartListWrapper .selectButton li.delete a:before {
  width: 14px;
  height: 14px;
  margin: -2px 10px 0 0;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -225px -28px no-repeat;
  content: "";
}
.cart .cartListWrapper .selectButton li.delete:hover {
  background: white;
}
.cart .cartListWrapper .selectButton li a {
  text-decoration: none;
  line-height: 1;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.mypage #maincol {
  position: relative;
}
.mypage .wide {
  float: none;
  margin: 0;
  width: 100%;
}
.mypage .hdgLv01Mypage + .listBtn01 {
  position: absolute;
  top: 16px;
  right: 0;
}
.mypage .listBtn01 a {
  padding-left: 20px;
  padding-right: 36px;
}
.mypage .collegeListWrapper {
  margin: 0 0 40px;
  padding: 9px 0 0 0;
}
.mypage .collegeListWrapper.adjust {
  margin-top: -30px;
}
.mypage .collegeList {
  margin: 30px 0 30px;
  padding: 16px 15px 16px;
  position: relative;
  border: 1px solid #c7c7c7;
  background: white;
}
.mypage .tabPanelWrap .collegeList {
  margin: 0;
}

.listTabMypage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  margin-top: 15px;
  z-index: 0;
}
.listTabMypage li {
  margin-right: 1px;
  width: 20%;
}
.listTabMypage li a {
  display: block;
  background: #ECD904;
  color: #2f2f2f;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  padding: 5px 20px 3px;
  border-radius: 4px 4px 0 0;
  text-align: center;
}
.listTabMypage li:not(.add) a:hover, .listTabMypage li:not(.add) a:active, .listTabMypage li:not(.add) a:focus {
  background: #f1e134;
}
.listTabMypage li.active a {
  color: #c80002;
  padding: 8px 22px 6px;
}
.listTabMypage li.add {
  position: relative;
}
.listTabMypage li.add::before {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% + 2px);
  border-radius: 4px 4px 0 0;
  background: #1E54AA;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  pointer-events: none;
  cursor: pointer;
}
.listTabMypage li.add:hover::before, .listTabMypage li.add:active::before, .listTabMypage li.add:focus::before {
  background: #4272b9;
}
.listTabMypage li.add a {
  background: #1E54AA;
  position: relative;
  font-size: 0;
/*  width: 33px; */
  height: 30px;
  padding: 0;
}
.listTabMypage li.add a::before, .listTabMypage li.add a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
  z-index: 2;
}
.listTabMypage li.add a::before {
  width: 12px;
  height: 2px;
}
.listTabMypage li.add a::after {
  width: 2px;
  height: 12px;
}

.jsTabGraph .tabPanel img {
  max-width: 100%;
}
.listTabGraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .listTabGraph {
    margin-bottom: 15px;
  }
}
.listTabGraph li {
  margin-left: 10px;
}
.listTabGraph li a {
  display: block;
  border: 1px solid #aab1be;
  position: relative;
}
.listTabGraph li a::before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  box-sizing: border-box;
  border: 2px solid #0072b4;
  position: absolute;
  top: -1px;
  left: -1px;
  display: none;
}
.listTabGraph li a:hover::before, .listTabGraph li.active a::before {
  display: block;
}
.listTabGraph li a img {
  vertical-align: middle;
}

[data-script-enabled="true"] .tabPanel {
  display: none;
}
[data-script-enabled="true"] .tabPanel.active {
  display: block;
}

.mypage .leadEm01 {
  margin-bottom: 15px !important;
  font-size: 115.4%;
  text-align: center;
}
.mypage .leadEm01 em {
  color: #2f2f2f;
}
.mypage .collegeList.tabPanel {
  border: 1px solid #ecd904;
  background: #ffffe7;
}
.mypage .collegeList.tabPanel *:last-child {
  margin-bottom: 0;
}
.mypage .collegeList.tabPanel .listBtn01 li {
  vertical-align: top;
}
.mypage .selectMenu {
  margin-bottom: 13px;
}
.mypage .selectMenu .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
}
.mypage .selectMenu .nav dt {
  margin-right: 8px;
  font-family: "Hiragino Kaku Gothic ProN";
  font-size: 95%;
  font-weight: bold;
}
.mypage .collegeList.tabPanel .selectButton {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mypage .collegeList.tabPanel .selectButton li {
  margin-right: 5px;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev, .mypage .collegeList.tabPanel .selectButton li.navNext {
  border: 0;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev .inner, .mypage .collegeList.tabPanel .selectButton li.navNext .inner {
  position: relative;
  width: 44px;
  height: 29px;
  display: block;
  line-height: 1;
  font-size: 0;
  border-radius: 4px;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev a.inner:hover, .mypage .collegeList.tabPanel .selectButton li.navPrev a.inner:active, .mypage .collegeList.tabPanel .selectButton li.navPrev a.inner:focus, .mypage .collegeList.tabPanel .selectButton li.navNext a.inner:hover, .mypage .collegeList.tabPanel .selectButton li.navNext a.inner:active, .mypage .collegeList.tabPanel .selectButton li.navNext a.inner:focus {
  background: #4272b9;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev a.inner, .mypage .collegeList.tabPanel .selectButton li.navNext a.inner {
  background: #1E54AA;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev span.inner, .mypage .collegeList.tabPanel .selectButton li.navNext span.inner {
  background: #A8A8A8;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev .inner::before, .mypage .collegeList.tabPanel .selectButton li.navNext .inner::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev .inner::after, .mypage .collegeList.tabPanel .selectButton li.navNext .inner::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev a.inner::after, .mypage .collegeList.tabPanel .selectButton li.navNext a.inner::after {
  border-top: 2px solid #1E54AA;
  border-right: 2px solid #1E54AA;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev span.inner::after, .mypage .collegeList.tabPanel .selectButton li.navNext span.inner::after {
  border-top: 2px solid #A8A8A8;
  border-right: 2px solid #A8A8A8;
}
.mypage .collegeList.tabPanel .selectButton li.navPrev .inner::after {
  transform: rotate(-135deg);
  left: 20px;
}
.mypage .collegeList.tabPanel .selectButton li.navNext .inner::after {
  transform: rotate(45deg);
  left: 18px;
}
.mypage .collegeList.tabPanel .selectButton li.delete {
  margin: 0 0 0 6px;
}
.mypage .collegeList .heading {
  margin: 0 0 15px;
  padding: 0 0 12px;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
}
.mypage .collegeList .heading .title {
  padding: 0 0 0 20px;
  font-size: 92.3%;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}
.mypage .collegeList .heading .title a {
  margin: 0 0 6px;
  font-size: 230.8%;
  font-weight: bold;
  line-height: 1.1;
}
.mypage .collegeList .heading .title span {
  margin: 0 0 6px;
  display: block;
}
.mypage .collegeList .heading .favorite {
  display: none;
}
.mypage .collegeList .heading .logoImg {
  width: 50px;
  display: table-cell;

  text-align: center;
  vertical-align: top;
}
.mypage .collegeList .heading .logoImg img {
  max-width: 50px;
}
.mypage .collegeList .selectButton {
  position: absolute;
  top: 29px;
  right: 15px;
}
.mypage .collegeList .selectButton li {
  font-weight: bold;
  display: inline-block;
  border: 1px solid #1e54aa;

  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.mypage .collegeList .selectButton li.select {
  margin: 0 3px 0 0;
  background: #1e54aa;
}
.mypage .collegeList .selectButton li.select a {
  padding: 8px 19px 6px;
  color: white;
}
.mypage .collegeList .selectButton li.select:hover {
  border: 1px solid #4272b9;
  background: #4272b9;
}
.mypage .collegeList .selectButton li.delete {
  background: #f0f0f0;
  box-shadow: 0 -1px 1px #e4e4e4 inset;
  -moz-box-shadow: 0 -1px 1px #e4e4e4 inset;
  -webkit-box-shadow: 0 -1px 1px #e4e4e4 inset;
  -ms-box-shadow: 0 -1px 1px #e4e4e4 inset;
  -o-box-shadow: 0 -1px 1px #e4e4e4 inset;
}
.mypage .collegeList .selectButton li.delete a {
  padding: 8px 19px 6px 9px;
  color: #1e54aa;
  position: relative;
}
.mypage .collegeList .selectButton li.delete a:before {
  width: 14px;
  height: 14px;
  margin: -2px 10px 0 0;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  display: inline-block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -225px -28px no-repeat;
  content: "";
}
.mypage .collegeList .selectButton li.delete:hover {
  background: white;
}
.mypage .collegeList .selectButton li a {
  text-decoration: none;
  line-height: 1;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.mypage .collegeList .news {
  padding: 2px 0 0 75px;
  position: relative;
  overflow: hidden;
}
.mypage .collegeList .news em {
  width: 61px;
  height: 19px;
  padding: 2px 4px 0 0;
  font-size: 84.6%;
  font-weight: bold;
  color: white;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -86px -302px no-repeat;
}
.mypage .collegeList .news span {
  font-weight: bold;
  display: block;
}
.mypage .collegeList .news span.date {
  margin: 0 12px 0 0;
  float: left;
}
.mypage .collegeList .news span.text {
  overflow: hidden;
}
.mypage .collegeList .boxConfirm {
  padding: 12px 16px 0;
  background: #e2f2fb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.mypage .collegeList .boxConfirm .collegeSelect:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.mypage .collegeList .boxConfirm .collegeSelect .selectWrapper {
  height: 28px;
  display: inline-block;
  position: relative;
  float: left;
  border: 1px solid #c7c7c7;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
  overflow: hidden;
}
.mypage .collegeList .boxConfirm .collegeSelect .selectWrapper:after {
  width: 9px;
  height: 5px;
  margin: -2px 0 0 0;
  position: absolute;
  top: 50%;
  right: 9px;
  display: inline;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -138px -224px no-repeat;
  content: "";
}
.mypage .collegeList .boxConfirm .collegeSelect .selectWrapper .valueText {
  color: #949494;
  position: absolute;
  top: 5px;
  left: 8px;
  padding-right: 20px;
}
.mypage .collegeList .boxConfirm .collegeSelect .selectWrapper select {
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  position: relative;
  z-index: 10;
  opacity: 0;
  filter: alpha(opacity=0);
}
.mypage .collegeList .boxConfirm .collegeSelect .text {
  padding: 6px 11px 0 0;
  position: relative;
  z-index: 0;
  float: left;
}
.mypage .collegeList .boxConfirm .list {
  margin-right: -34px\9;
  min-height: 110px;
  padding: 0 0 12px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .mypage .collegeList .boxConfirm .list {
    display: block;
  }
}
.mypage .collegeList .boxConfirm .list a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.mypage .collegeList .boxConfirm .list:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.mypage .collegeList .boxConfirm .list li {
  width: 109px;
  margin: 0 16px 0 0;
  padding: 118px 17px 0 0;
  background: url(/export/sites/default/shared_52/images/bg-border-02.png) top right repeat-y;
  position: relative;
}
.mypage .collegeList .boxConfirm .list li:last-child {
  margin-right: 0;
  padding-right: 0;
  background: none;
}
.mypage .collegeList .boxConfirm .list li:last-child .title .number {
  left: 58%;
}
.mypage .collegeList .boxConfirm .list li .title {
  margin-bottom: 0 !important;
  font-size: 92.3%;
  font-weight: bold;
  display: block;
}
.mypage .collegeList .boxConfirm .list li .title .number {
  margin: 0 0 0 -20px;
  padding: 4px 7px 3px;
  color: white;
  line-height: 1;
  background: #007ec6;
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.mypage .collegeList .boxConfirm .list li .img {
  width: 110px;
  height: 84px;
  position: absolute;
  top: 29px;
  left: 0;
  display: block;
  background: white;
}
.mypage .collegeList .boxConfirm .list li .img img {
  width: 110px;
  height: 84px;
}
.mypage .collegeList .boxConfirm .loading {
  padding: 40px 0 67px;
  text-align: center;
}
.mypage .tableRwd01 tbody th {
  text-align: left;
}

.hasImage {
  display: table;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .hasImage {
    margin-bottom: 10px !important;
  }
}
.hasImage > span {
  display: table-cell;
  vertical-align: middle;
}
.hasImage .image {
  white-space: nowrap;
}
.hasImage .text {
  width: 100%;
}
.hasImage img {
  max-width: none;
  margin-right: 5px;
  vertical-align: middle;
}

.topicsList {
  margin: 0 0 24px;
  border-top: 1px solid #c7c7c7;
}
.topicsList .listContent {
  width: 100%;
  padding: 12px 0 12px;
  border-bottom: 1px solid #c7c7c7;
}
.topicsList .listContent .date {
  width: 100px;
  padding: 0 24px 0;
  margin-bottom: 0 !important;
  font-size: 115.4%;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background: url(/export/sites/default/shared_52/images/bg-border-02.png) right top repeat-y;
}
.topicsList .listContent .date span {
  font-size: 69.2%;
  color: #007ec6;
  display: block;
}
.topicsList .listContent .date strong {
  font-size: 69.2%;
  color: #e12d72;
  display: block;
}
.topicsList .listContent .content {
  padding: 3px 24px 0;
  display: table-cell;
}
.topicsList .listContent .content p {
  margin-bottom: 9px !important;
}
.topicsList .listContent .content p:last-child {
  margin-bottom: 0 !important;
}
.topicsList .listContent .content .listNotes01:last-child {
  margin-bottom: 0;
}
.topicsList .listContent .content .listNotes01:last-child li {
  margin-bottom: 0;
}
.topicsList .listContent .content .title {
  margin-bottom: 12px !important;
  font-size: 107.7%;
  font-weight: bold;
}
.topicsList .listContent .content .title span {
  margin: 0 0 0 12px;
  padding: 3px 8px 2px;
  font-size: 76.9%;
  color: white;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: -1px;
  background: #e12d72;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.topicsList .listContent .content .listDefine01 {
  padding: 3px 0 0;
}
.topicsList .listContent .content .listDefine01 dt {
  margin: 0 0 2px;
}
.topicsList .listContent .content .listDefine01 dd {
  margin: 0 0 12px;
}
.topicsList .listContent .content .listDefine01 dd .listNotes01 {
  margin-top: 3px;
}
.topicsList .listContent:nth-child(odd) {
  background: #f4f4f4;
}

.boxFlow .hdgLv02 {
  margin-bottom: 10px;
  padding: 13px 16px 10px;
  color: #007ec6;
  background: #d5eaf5;
  border: none;
  border-top: 4px solid #007ec6;
}
.boxFlow .hdgLv03 + p {
  padding-bottom: 5px;
}
.boxFlow .box01, .boxFlow .box02 {
  margin-top: 47px;
  position: relative;
}
.boxFlow .box01.first, .boxFlow .box02.first {
  margin-top: 0;
}
.boxFlow .box01.first:before, .boxFlow .box02.first:before {
  display: none;
}
.boxFlow .box01:before, .boxFlow .box02:before {
  width: 58px;
  height: 23px;
  margin-left: -29px;
  position: absolute;
  top: -35px;
  left: 50%;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -167px -57px no-repeat;
  content: "";
}
.boxFlow .box02 + .boxType02 {
  margin-top: -8px;
}
.boxFlow .box02 .title {
  margin-top: -3px !important;
  margin-bottom: 6px !important;
  font-size: 138.5%;
  font-weight: bold;
  text-align: left;
}
.boxFlow .box02 .title em {
  color: #0072b4;
}
.boxFlow .listStyle02 {
  padding-bottom: 9px;
}
.boxFlow.layoutType01 .box01:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxFlow.layoutType01 .heading {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 495px;
  margin-bottom: 19px;
}
.boxFlow.layoutType01 .layoutImg .img {
  float: right;
  max-width: 200px;
  width: 28%;
}
.boxFlow.layoutType01 .layoutImg .txt {
  float: left;
  width: 495px;
}

.boxCollegeSearch {
  margin: 0 0 37px;
  padding: 16px 16px 16px;
  border: 1px solid #cccccc;
  background: #fffdd6;
}
.boxCollegeSearch .collegeSearch {
  display: block;
}
.boxCollegeSearch .collegeSearch:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxCollegeSearch .collegeSearch label {
  padding: 4px 0 0 47px;
  font-size: 130.8%;
  font-weight: bold;
  float: left;
  position: relative;
}
.boxCollegeSearch .collegeSearch label:before {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -297px no-repeat;
  content: "";
}
.boxCollegeSearch .collegeSearch .formArea {
  width: 499px;
  float: right;
}
.boxCollegeSearch .collegeSearch .formArea:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.boxCollegeSearch .collegeSearch .textArea {
  width: 417px;
  height: 31px;
  line-height: 31px\9;
  margin: 0 10px 0 0;
  padding: 0 8px 0;
  float: left;
  border: 1px solid #c7c7c7;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.boxCollegeSearch .collegeSearch .textArea:focus {
  background: #fefef1;
}
.boxCollegeSearch .collegeSearch .button {
  font-size: 107.7%;
  font-weight: bold;
  float: left;
  background: #1e54aa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.boxCollegeSearch .collegeSearch .button input {
  height: 32px;
  padding: 0 10px 0;
  color: white;
  cursor: pointer;
  display: block;
  background: transparent;
}
.boxCollegeSearch .collegeSearch .button:hover {
  background: #4272b9;
}

.boxAttentionWrap{
  padding:10px 12px;
}

.basicInfoSchoolHeader.complete.colorA.hasAttention .boxAttentionWrap {
  border-bottom: 2px solid #5bb75b;
  margin:0 -12px;
}
.basicInfoSchoolHeader.complete.colorB.hasAttention .boxAttentionWrap {
  border-bottom: 2px solid #006dcc;
  margin:0 -12px;
}

.boxAttention{
  max-width: 950px;
  position: relative;
  margin:0 auto;
}

.boxAttention .boxAttentionHdg{
  color:#fff;
  background: #cc0066 url(/export/sites/default/shared_52/images/icon_attention.png) no-repeat 8px 10px;
  background-size: 14px 13px;
  padding:7px 0 7px 28px;
  border-radius: 4px;
}

.boxAttention .boxAttentionContent{
  background: #fcfbe3;
  color:#cc0066;
  border:2px solid #cc0066;
  border-top:0;
  border-radius: 0 0 4px 4px;
  height: 0;
  padding: 0 12px;
  margin-top: -3px;
  opacity: 0;
  visibility: hidden;  
  transition: 0.2s;
}

.boxAttention .tglBtnInput:checked ~ .boxAttentionContent{
  padding:14px 12px;
  height: auto;
  opacity: 1;
  visibility: visible;
}

.boxAttention .boxAttentionContent p + p{
  margin-top:10px;
}

.boxAttention .tglBtnInput{
  position: absolute;
  top: 10px;
  right: 9px;
}

.boxAttention .tglBtnLabel{
  position: absolute;
  top:6px;
  right:6px;
  font-size:1px;
  color:transparent;
  width:20px;
  height:20px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.boxAttention .tglBtnLabel::before{
  content:"";
  display: block;
  position: absolute;
  width:12px;
  height:2px;
  top:9px;
  left:4px;
  background: #cc0066;
}

.boxAttention .tglBtnLabel::after{
  content:"";
  display: block;
  position: absolute;
  width:2px;
  height:12px;
  top:4px;
  left:9px;
  background: #cc0066;
}

.boxAttention .tglBtnInput:checked ~ .tglBtnLabel::after{
  display: none;
}

.boxAttention .close {
  display: none;
}

.boxAttention .tglBtnInput:checked ~ .tglBtnLabel .open {
  display: none;
}

.boxAttention .tglBtnInput:checked ~ .tglBtnLabel .close {
  display: inline-block;
}

.examSearchNav {
  margin: 0 0 36px;
  padding: 12px;
  background: url(/export/sites/default/shared_52/images/bg-nav-02.png) repeat;
}
.examSearchNav .listNav {
  width: 100%;
  height: 20px;
  display: table;
  background: #ffffff;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;

  box-shadow: 0 1px 1px #8bb9d3;
  -moz-box-shadow: 0 1px 1px #8bb9d3;
  -webkit-box-shadow: 0 1px 1px #8bb9d3;
  -ms-box-shadow: 0 1px 1px #8bb9d3;
  -o-box-shadow: 0 1px 1px #8bb9d3;
}
.examSearchNav .listNav li {
  width: 33%;
  font-size: 107.7%;
  font-weight: bold;
  text-align: center;
  display: table-cell;
  border-right: 1px solid #8bb9d3;
}
.examSearchNav .listNav li.current em {
  position: relative;
}
.examSearchNav .listNav li.current em:after {
  width: 12px;
  height: 6px;
  margin: 0 0 0 -6px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -77px -223px no-repeat;
  content: "";
}
.examSearchNav .listNav li:first-child a, .examSearchNav .listNav li:first-child em {
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
}
.examSearchNav .listNav li:last-child a, .examSearchNav .listNav li:last-child em {
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
}
.examSearchNav .listNav li a {
  height: 100%;
  padding: 12px 0 9px;
  text-decoration: none;
  display: block;
}
.examSearchNav .listNav li a:hover {
  color: white;
  background: #1e54aa;
}
.examSearchNav .listNav li em {
  height: 100%;
  padding: 12px 0 9px;
  font-weight: bold;
  color: white;
  display: block;
  background: #1e54aa;
  vertical-align: middle;
}
.examSearchNav .listNav li:last-child {
  width: 34%;
  border: none;
}

.establishSection {
  margin: 0 0 24px;
  padding: 8px 0 8px;
  border: 1px solid #c7c7c7;
}
.establishSection .listRadio {
  position: relative;
}
.establishSection .listRadio li {
  width: 20%;
  padding: 13px 8px 13px;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #c7c7c7;
  position: relative;
}
.establishSection .listRadio li:last-child {
  border: none;
}
.establishSection .listRadio li label {
  padding: 0 0 0 26px;
  cursor: pointer;
  display: block;
}
.establishSection .listRadio li span {
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
  display: block;
  position: absolute;
  top: 34px;
  background: url(/export/sites/default/shared_52/images/bg-radio-off.png) 0 0 no-repeat;
}
.establishSection .listRadio li span.active {
  background: url(/export/sites/default/shared_52/images/bg-radio-on.png) 0 0 no-repeat;
}
.establishSection .listRadio li span input {
  width: 16px;
  height: 16px;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.establishSection .listCheckbox {
  position: relative;
}
.establishSection .listCheckbox li {
  width: 20%;
  margin: 0;
  padding: 6px 0 3px 0;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-right: 1px solid #c7c7c7;
  position: relative;
}
.establishSection .listCheckbox li:last-child {
  border: none;
}
.establishSection .listCheckbox li:nth-child(n+4) label span {
  padding: 0 19px 0 38px;
  text-align: left;
  display: block;
}
.establishSection .listCheckbox li:before {
  width: 19px;
  height: 15px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -207px -98px no-repeat;
  content: "";
}
.establishSection .listCheckbox li.active:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
}
.establishSection .listCheckbox li input {
  width: 19px;
  height: 15px;
  margin: -8px 0 0 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}
.establishSection .listCheckbox li label {
  text-align: center;
  cursor: pointer;
  vertical-align: middle;
}
.establishSection .listCheckbox li label span {
  display: inline;
}

.valueSection {
  margin: -5px 0 22px;
  padding: 5px 0 5px;
  border: 1px solid #c7c7c7;
}
.valueSection .listRadio {
  position: relative;
}
.valueSection .listRadio li {
  width: 20%;
  padding: 5px 13px 5px;
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #c7c7c7;
  position: relative;
}
.valueSection .listRadio li:last-child {
  border: none;
}
.valueSection .listRadio li label {
  padding: 0 0 0 26px;
  cursor: pointer;
  display: block;
}
.valueSection .listRadio li span {
  width: 16px;
  height: 16px;
  margin: -8px 0 0;
  display: block;
  position: absolute;
  top: 14px;
  background: url(/export/sites/default/shared_52/images/bg-radio-off.png) 0 0 no-repeat;
}
.valueSection .listRadio li span.active {
  background: url(/export/sites/default/shared_52/images/bg-radio-on.png) 0 0 no-repeat;
}
.valueSection .listRadio li span input {
  width: 16px;
  height: 16px;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}

.resultSort {
  overflow: hidden;
  border-bottom: 2px solid #cccccc;
  background: #118acf;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}
.resultSort li {
  padding: 10px 0 9px;
  text-align: center;
  line-height: 1;
  float: left;
  border-right: 1px solid #ffffff;
}
.resultSort li a {
  font-weight: bold;
  color: white;
  text-decoration: none;
}

.resultSort li a img {
  margin: -2px 0 0 6px;
  vertical-align: middle;
  visibility: hidden;
}

.resultSort li a.selected img {
  visibility: visible;
}

.resultSort li.title {
  padding-right: 20px;
}
.resultSort li.price {
  border: none;
}
.resultSort li:last-child {
  border-right: none;
  padding-right: 0;
}

.resultSort li.bsTitleHeader {
  width: 398px;
}

.resultSort li.bsValueHeader {
  width: 150px;
}

.resultSort li.bsPriceHeader {
  width: 152px;
}

.resultDisplay {
  margin: 0 0 16px;
  padding: 15px 0 0;
}
.resultDisplay.contentFoot {
  display: none;
}
.resultDisplay:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.resultDisplay .signAddList {
  float: left;
  overflow: hidden;
}
.resultDisplay .signAddList li {
  margin: 0 28px 0 0;
  float: left;
}
.resultDisplay .signAddList li img {
  vertical-align: middle;
}
.resultDisplay .displayNumber {
  float: right;
}
.resultDisplay .displayNumber .selectElement {
  display: inline-block;
}
.resultDisplay .displayNumber select {
  width: 95px;
  height: 23px;
  height: 26px\9;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-size: 100%;
  line-height: 1;
  position: relative;
  top: -2px;
  display: inline-block;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.resultDisplay .displaySort {
  display: none;
  float: right;
}
.resultDisplay .displaySort .selectElement {
  display: inline-block;
}
.resultDisplay .displaySort select {
  width: 95px;
  height: 23px;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-size: 100%;
  line-height: 1;
  position: relative;
  top: -2px;
  display: inline-block;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}

.resultContent01 {
  padding: 17px 0 17px 20px;
  position: relative;
  border-bottom: 1px solid #cccccc;
}
.resultContent01 .pickupContent {
  margin: -14px 0 -14px -20px;
  padding: 17px 0 17px 15px;
  border-left: 4px solid #e12d72;
}
.resultContent01 .pickupContent .logoImg {
  position: relative;
  top: -11px;
}
.resultContent01 .layoutTitle {
  width: 398px;
  padding: 2px 1px 0 0;
  float: left;
  display: table-cell;
  vertical-align: top;
  border-right: 1px solid #c7c7c7;
}
.resultContent01 .layoutTitle .logoImg {
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.resultContent01 .layoutTitle .logoImg .icon {
  margin: 0 0 12px;
  padding: 4px 4px 4px;
  font-size: 84.6%;
  font-weight: bold;
  color: #e12d72;
  line-height: 1;
  white-space: nowrap;
  display: block;
  position: relative;
  text-align: left;
  border: 1px solid #e12d72;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.resultContent01 .layoutTitle .logoImg .icon:after {
  width: 10px;
  height: 7px;
  margin: 4px 0 0 30px;
  position: absolute;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -58px -223px no-repeat;
  content: "";
}
.resultContent01 .layoutTitle .logoImg .icon span {
  display: block;
}
.resultContent01 .layoutTitle .logoImg img {
  max-width: 50px;
}
.resultContent01 .layoutTitle .heading {
  width: 222px;
  padding: 0 0 0 20px;
  font-size: 92.3%;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}
.resultContent01 .layoutTitle .heading a {
  margin: 1px 0 6px;
  font-size: 184.6%;
  font-weight: bold;
}
.resultContent01 .layoutTitle .heading span {
  display: block;
}
.resultContent01 .layoutTitle .addList {
  margin: -33px 0 0;
  position: absolute;
  top: 50%;
  left: 310px;
  overflow: hidden;
}
.resultContent01 .layoutTitle .addList li {
  margin: 0 0 0 6px;
  float: left;
}
.resultContent01 .bsTitle {
  float: none;
}
.resultContent01 .layoutValue {
  width: 131px;
  padding: 2px 0 0;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  border-right: 1px solid #c7c7c7;
}
.resultContent01 .layoutValue .value {
  width: 131px;
  font-weight: bold;
  color: #118acf;
  line-height: 1;
  display: table-cell;
}
.resultContent01 .layoutValue .value em {
  font-size: 215.4%;
  color: #118acf;
}
.resultContent01 .layoutValue .value span {
  font-size: 123.1%;
  position: relative;
  top: -5px;
}
.resultContent01 .layoutValue .value span.title {
  display: none;
}
.resultContent01 .bsValue {
    width: 150px;
}
.resultContent01 .layoutPrice {
  width: 171px;
  padding: 2px 0 0;
  display: table-cell;
  vertical-align: middle;
}
.resultContent01 .layoutPrice .price {
  width: 171px;
  font-weight: bold;
  color: #118acf;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.resultContent01 .layoutPrice .price em {
  font-size: 153.8%;
  color: #118acf;
  line-height: 1;
  display: block;
}
.resultContent01 .layoutPrice .price span {
  padding: 1px 0 2px;
  font-size: 123.1%;
  line-height: 1;
  display: inline-block;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.resultContent01 .layoutPrice .price span.title {
  display: none;
}
.resultContent01 .bsPrice {
  width: 140px;
}

.resultContent01 .listDefineType01 {
  padding-top: 20px;
  padding-bottom: 0;
  clear: both;
}

.resultContent02 {
  padding: 0 0 0 16px;
  position: relative;
}
.resultContent02 .pickupContent {
  margin: 0 0 5px -16px;
  padding: 16px 0 10px 16px;
  border-left: 4px solid #e12d72;
}
.resultContent02 .pickupContent .layoutTitle {
  padding-top: 0;
}
.resultContent02 .layoutTitle {
  width: 100%;
  padding: 30px 0 9px;
  vertical-align: middle;
  display: table-cell;
}
.resultContent02 .layoutTitle .logoImg {
  display: table-cell;
}
.resultContent02 .layoutTitle .logoImg .icon {
  margin: 0 0 12px;
  padding: 4px 4px 4px;
  font-size: 84.6%;
  font-weight: bold;
  color: #e12d72;
  line-height: 1;
  white-space: nowrap;
  display: block;
  position: relative;
  border: 1px solid #e12d72;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.resultContent02 .layoutTitle .logoImg .icon:after {
  width: 10px;
  height: 7px;
  margin: 4px 0 0 30px;
  position: absolute;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -58px -223px no-repeat;
  content: "";
}
.resultContent02 .layoutTitle .logoImg .icon span {
  display: block;
}
.resultContent02 .layoutTitle .logoImg img {
  max-width: 50px;
}
.resultContent02 .layoutTitle .heading {
  width: 512px;
  padding: 0 20px 0 15px;
  font-weight: normal;
  vertical-align: middle;
  display: table-cell;
}
.resultContent02 .layoutTitle .heading a {
  margin: 1px 0 6px;
  font-size: 215.4%;
  font-weight: bold;
}
.resultContent02 .layoutTitle .heading span {
  font-size: 92.3%;
  display: block;
}
.resultContent02 .layoutTitle .addList {
  width: 90px;
  margin: 0 0 0 -6px;
  vertical-align: middle;
  display: table-cell;
  text-align: right;
  position: relative;
  right: -14px;
  overflow: hidden;
}
.resultContent02 .layoutTitle .addList li {
  margin: 0 0 0 6px;
  float: left;
}
.resultContent02 .layoutTitle .listDefineType01 {
  display: block;
  padding-bottom: 20px;
}
.resultContent02 .funcToggle01 {
  margin-bottom: 0;
}

.resultContent03 {
  width: 100%;
  padding: 17px 0 17px 0;
  display: table;
  border-bottom: 1px solid #cccccc;
}
.resultContent03 .layoutSelect {
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.resultContent03 .layoutTitle {
  width: 87%;
  padding: 2px 25px 0;
  display: table-cell;
  vertical-align: top;
  border-left: 1px solid #c7c7c7;
}
.resultContent03 .layoutTitle .logoImg {
  min-width: 40px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.resultContent03 .layoutTitle .heading {
  padding: 0 0 0 20px;
  font-size: 92.3%;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}
.resultContent03 .layoutTitle .heading a {
  margin: 1px 0 6px;
  font-size: 184.6%;
  font-weight: bold;
}
.resultContent03 .layoutTitle .heading span {
  display: block;
}
.resultContent03 + .cartButton {
  margin-top: 24px !important;
  margin-bottom: 40px !important;
}
.resultContent03 .listFormCtrl01 {
  text-align: center;
  border: none;
}

.resultContent04 {
  padding: 17px 0 17px 20px;
  position: relative;
  border-bottom: 1px solid #cccccc;
}
.resultContent04 .pickupContent {
  margin: -14px 0 -14px -20px;
  padding: 17px 0 17px 15px;
  border-left: 4px solid #e12d72;
}
.resultContent04 .pickupContent .logoImg {
  position: relative;
  top: -11px;
}
.resultContent04 .layoutTitle {
  width: 626px;
  padding: 2px 1px 0 0;
  float: left;
  display: table-cell;
  vertical-align: top;
}
.resultContent04 .layoutTitle .logoImg {
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.resultContent04 .layoutTitle .logoImg .icon {
  margin: 0 0 12px;
  padding: 4px 4px 4px;
  font-size: 84.6%;
  font-weight: bold;
  color: #e12d72;
  line-height: 1;
  white-space: nowrap;
  display: block;
  position: relative;
  text-align: left;
  border: 1px solid #e12d72;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.resultContent04 .layoutTitle .logoImg .icon:after {
  width: 10px;
  height: 7px;
  margin: 4px 0 0 30px;
  position: absolute;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -58px -223px no-repeat;
  content: "";
}
.resultContent04 .layoutTitle .logoImg .icon span {
  display: block;
}
.resultContent04 .layoutTitle .logoImg img {
  max-width: 50px;
}
.resultContent04 .layoutTitle .heading {
  width: 360px;
  padding: 0 0 0 20px;
  font-size: 92.3%;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}
.resultContent04 .layoutTitle .heading a {
  margin: 1px 0 6px;
  font-size: 184.6%;
  font-weight: bold;
}
.resultContent04 .layoutTitle .heading span {
  display: block;
}
.resultContent04 .layoutTitle .addList {
  margin: -33px 150px 0;
  position: absolute;
  top: 50%;
  left: 310px;
  overflow: hidden;
}
.resultContent04 .layoutTitle .addList li {
  margin: 0 0 0 6px;
  float: left;
}
.resultContent04 .layoutValue {
  width: 131px;
  padding: 2px 0 0;
  text-align: center;
  vertical-align: middle;

  display: table-cell;
  border-right: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.resultContent04 .layoutValue .value {
  width: 131px;
  font-weight: bold;
  color: #118acf;
  line-height: 1;
  display: table-cell;
}
.resultContent04 .layoutValue .value em {
  font-size: 215.4%;
  color: #118acf;
}
.resultContent04 .layoutValue .value span {
  font-size: 123.1%;
  position: relative;
  top: -5px;
}
.resultContent04 .layoutValue .value span.title {
  display: none;
}
.resultContent04 .layoutPrice {
  width: 171px;
  padding: 2px 0 0;
  display: table-cell;
  vertical-align: middle;
}
.resultContent04 .layoutPrice .price {
  width: 171px;
  font-weight: bold;
  color: #118acf;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.resultContent04 .layoutPrice .price em {
  font-size: 153.8%;
  color: #118acf;
  line-height: 1;
  display: block;
}
.resultContent04 .layoutPrice .price span {
  padding: 1px 0 2px;
  font-size: 123.1%;
  line-height: 1;
  display: inline-block;
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.resultContent04 .layoutPrice .price span.title {
  display: none;
}
.resultContent04 .listDefineType01 {
  padding-top: 20px;
  padding-bottom: 0;
  clear: both;
}

.resultCheckAll {
  margin-bottom: 0 !important;
  padding: 0 0 4px 3px;
}

.boxAgree01 {
  margin-bottom: 20px;
  padding: 11px 11px 7px 11px;
  border: 1px solid #c7c7c7;
  text-align: center;
}
.boxAgree01 .confMessage {
  margin-bottom: 7px !important;
  font-weight: bold;
    resize: both;
}

.boxAgree02 {
  overflow: auto;
  resize: both;
  margin-bottom: 24px;
  padding: 3px;
  border: 1px solid #c7c7c7;
}
.boxAgree02 .boxAgreeInner {
  height: 170px;
  padding: 9px 12px 9px 12px;
}
.boxAgree02 .boxAgreeInner .heading {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 115.4%;
}

.boxAgree03 {
  margin-bottom: 24px;
  padding: 7px 12px 7px 12px;
  background-color: #eef8fd;
  text-align: center;
}
.boxAgree03 .listCheckbox02 a {
  text-decoration: none;
}
.boxAgree03.notice {
  color: white;
  background: #e12c71;
}

.search .boxNative01 {
  margin: 0 0 24px;
  padding: 14px 8px 0;
  overflow: hidden;
  border-top: 2px solid #1e54aa;
  background: #e1f1fa;
}
.search .boxNative01 .listCheckbox {
  margin: 0;
  padding: 0;
}
.search .boxNative01 .listCheckbox li {
  width: 50%;
  float: left;
}
.search .boxNative01 .listCheckbox li:first-child {
  width: 100%;
  margin: 0 0 14px;
  padding: 0 0 13px;
  font-weight: bold;
  float: none;
  border-bottom: 1px dotted #c7c7c7;
}

.boxSearch01 {
  margin: 0 0 24px;
  text-align: center;
  border-top: 1px solid #c7c7c7;
}
.boxSearch01:before {
  width: 100%;
  display: block;
  border-top: 2px solid #f3f3f3;
  content: "";
}
.boxSearch01 .result {
  margin-bottom: 0 !important;
  padding: 3px 0 0;
  font-size: 138.5%;
  font-weight: bold;
  text-align: center;
}
.boxSearch01 .result em {
  margin: 1px 4px 0 0;
  font-size: 194.6%;
  letter-spacing: -1px;
}
.boxSearch01 .result span {
  padding: 0 10px 0;
}
.boxSearch01 .boxSearchInner {
  margin: 0 0 17px;
  padding: 12px 12px 11px;
  text-align: center;
  position: relative;
  border: 1px solid #cccccc;
  background: #fffdd6;
}
.boxSearch01 .boxSearchInner:before {
  width: 16px;
  height: 8px;
  margin: 0 0 0 -8px;
  position: absolute;
  top: -1px;
  left: 50%;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -222px no-repeat;
  content: "";
}
.boxSearch01 .boxSearchInner .button {
  width: 45%;
  display: inline-block;
  text-align: center;
  background: #1e54aa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.boxSearch01 .boxSearchInner .button:hover {
  background: #4272b9;
}
.boxSearch01 .boxSearchInner .button input {
  width: 100%;
  height: 38px;
  font-size: 138.5%;
  font-weight: bold;
  color: white;
  letter-spacing: 2px;
  cursor: pointer;
  display: inline-block;
  background: transparent;
}

.navResult {
  width: 204px;
  position: absolute;
  top: 0;
  left: 0;
}
.navResult + .section {
  margin-top: 12px;
}
.navResult .heading01 {
  padding: 12px 12px 10px;
  font-size: 107.7%;
  color: white;
  background: #118acf;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
}
.navResult .heading02 {
  margin: -9px -11px 8px;
  padding: 9px 11px 8px;
  background: #e1f1fa;
}
.navResult .heading03 {
  margin: 0 0 9px;
}
.navResult .contentInner {
  margin: 0 -11px 0;
  padding: 9px 11px 0;
  border-top: 1px solid #c7c7c7;
}
.navResult .contentInner .text {
  padding: 2px 0 0;
  margin: 0 0 7px !important;
  font-size: 92.3%;
}
.navResult .contentInner .edit {
  margin: 0 0 9px !important;
  padding: 0 0 0 21px;
  font-weight: bold;
}
.navResult .contentInner .edit a {
  position: relative;
}
.navResult .contentInner .edit a:after {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 3px;
  left: -21px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -106px -28px no-repeat;
  content: "";
}
.navResult .contentInner .availableList {
  margin: -9px -11px 0;
}
.navResult .contentInner .availableList > li {
  font-size: 92.3%;
  font-weight: bold;
  border-top: 1px solid #c7c7c7;
  background: #ececec;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbfb), color-stop(100%, #ececec));
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfb', endColorstr='#ececec',GradientType=0);
}
.navResult .contentInner .availableList > li p {
  margin-bottom: 0 !important;
  padding: 10px 12px 7px;
  font-weight: normal;
  border-top: 1px solid #c7c7c7;
  background: #ffffff;
}
.navResult .contentInner .availableList > li > a {
  padding: 11px 12px 8px;
  color: #2f2f2f;
  text-decoration: none;
  display: block;
  position: relative;
}
.navResult .contentInner .availableList > li > a > img {

  display: none;
}
.navResult .contentInner .availableList .lightbox .wrap {
  text-align: center;
}
.navResult .contentInner .availableList .lightbox .wrap .box {
  text-align: left !important;
}
.navResult .contentInner .availableList .lightbox .wrap .box .licenceTitle {
  margin: 0 0 13px;
  padding: 0 0 12px;
  font-size: 146.2%;
  font-weight: bold;
  border-bottom: 1px solid #c7c7c7;
}
.navResult .contentInner .availableList .lightbox .wrap .box .listCheckbox.col3 {
  margin: 0 0 16px;
  padding: 0 0 8px;
  overflow: hidden;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
}
.navResult .contentInner .availableList .lightbox .wrap .box .listCheckbox.col3 li {
  width: 33%;
  margin: 0 0 5px;
  float: left;
  font-size: 107.7%;
  font-weight: normal;
  border-top: none;
  background: transparent;
}
.navResult .contentInner .availableList .lightbox .wrap .box .listCheckbox.col3 li:nth-child(3n) {
  width: 34%;
}
.navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 li {
  font-size: 115.4%;
}
.navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 li a {
  padding-top: 11px;
  padding-bottom: 8px;
}
.navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 li a:after {
  display: none;
}
.navResult .scheduleList {
  margin: -9px -11px 0;
}
.navResult .scheduleList li {
  padding: 10px 11px 10px;
  font-size: 92.3%;
  border-top: 1px solid #c7c7c7;
}
.navResult .scheduleList li input {
  margin: 0 10px 0 0;
}
.navResult .scheduleList li label {
  cursor: pointer;
}
.navResult .button {
  margin: 3px 0 12px !important;
  text-align: center;
  line-height: 1;
  display: block;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.navResult .button input {
  width: 100%;
  height: 34px;
  padding: 5px 0 5px;
  font-size: 107.7%;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #1e54aa;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
}
.navResult .button input:hover {
  cursor: pointer;
  background: #4272b9;
}
.navResult .navContent {
  margin: 0 0 20px;
  padding: 0 11px 0;
  display: block;
  border: 1px solid #c7c7c7;
  border-top: none;
}
.navResult .navContent .contentInner .selectWrapper {
  width: 100%;
  height: 28px;
  margin: 4px 0 13px;
  display: inline-block;
  position: relative;
  border: 1px solid #c7c7c7;
  background: white;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  box-shadow: 0 1px 1px #dfdfdf inset;
  -moz-box-shadow: 0 1px 1px #dfdfdf inset;
  -webkit-box-shadow: 0 1px 1px #dfdfdf inset;
  -ms-box-shadow: 0 1px 1px #dfdfdf inset;
  -o-box-shadow: 0 1px 1px #dfdfdf inset;
}
.navResult .navContent .contentInner .selectWrapper:after {
  width: 9px;
  height: 5px;
  margin: -2px 0 0 0;
  position: absolute;
  top: 50%;
  right: 9px;
  display: inline;
  z-index: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -138px -224px no-repeat;
  content: "";
}
.navResult .navContent .contentInner .selectWrapper .valueText {
  font-size: 92.3%;
  color: #949494;
  position: absolute;
  top: 5px;
  left: 8px;
}
.navResult .navContent .contentInner .selectWrapper select {
  width: 100%;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  display: block;
  position: relative;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}
.navResult .navContent .contentInner .resultTextWrapper .inputText {
  width: 115px;
}
.navResult .navContent .contentInner .resultTextWrapper .resultContent {
  margin-bottom: 8px;
  position: relative;
}
.navResult .navContent .contentInner .resultTextWrapper .resultContent:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.navResult .navContent .contentInner .resultTextWrapper .resultContent > span {
  margin: 5px 0 0 6px;
  display: inline;
}
.navResult .navContent .contentInner .resultTextWrapper span {
  margin: 0 !important;
  display: inline-block !important;
  float: none !important;
}
.navResult .navContent .contentInner .resultTextWrapper .interval {
  margin: 5px 0 0 6px !important;
  display: block !important;
  float: left !important;
}
.navResult .navContent .courseList {
  margin: 0 -6px 9px;
  padding: 4px 11px 5px;
  border-top: 1px solid #c7c7c7;
  background: #eeeeee;
}
.navResult .navContent .courseList:last-child {
  margin-bottom: 5px;
}
.navResult .navContent .courseList:before {
  width: 12px;
  height: 7px;
  display: block;
  position: relative;
  top: -5px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -36px -223px no-repeat;
  content: "";
}
.navResult .navContent .courseList dt {
  margin: 0 0 7px;
  font-weight: bold;
}
.navResult .navContent .courseList dd {
  margin: 0 0 4px;
  font-size: 92.3%;
}
.navResult .navContent .courseList dd label {
  color: #1e54aa;
  text-decoration: underline;
  cursor: pointer;
}
.navResult .navContent .courseList dd label:hover {
  text-decoration: none;
}
.navResult .navContent .courseList dd input {
  margin: -2px 11px 0 0;
}
.navResult .funcToggle01 {
  margin: 0 -11px 0;
  border-left: none;
  border-right: none;
}

.searchResult {
  position: static;
  width: 100%;
  margin-bottom: 60px;
}
.searchResult .navContent {
  padding: 0;
}

.layoutBasicMainInfo {
  width: 522px;
  min-height: 150px;
  padding: 0 0 0 224px;
  position: relative;
}
.layoutBasicMainInfo .img {
  position: absolute;
  top: 0;
  left: 0;
}
.layoutBasicMainInfo .img img {
  width: 200px;
  height: 150px;
}
.layoutBasicMainInfo .title {
  padding-top: 5px;
  margin-bottom: 5px !important;
}
.layoutBasicMainInfo .title em {
  color: #2f2f2f;
  font-size: 107.7%;
  font-weight: bold;
}
.layoutBasicMainInfo .text {
  margin-bottom: 1px !important;
}
.layoutBasicMainInfo .listNotes01 {
  margin-top: 9px;
}
.layoutBasicMainInfo .listDefine02 {
  padding-bottom: 16px;
}
.layoutBasicMainInfo .listDefine02 dd {
  padding-bottom: 5px;
}

.dialogueSection {
  margin-bottom: 16px;
  line-height: 1.7;
}
.dialogueSection:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.dialogueSection .person {
  float: left;
  color: #e12c71;
  font-size: 123.1%;
  line-height: 1.1;
}
.dialogueSection .person:after {
  content: "\00ff1a";
  color: #2f2f2f;
  font-weight: normal;
  font-size: 81.25%;
}
.dialogueSection .person .sub {
  font-size: 81.25%;
}
.dialogueSection p {
  margin-bottom: 11px !important;
}

@media only screen and (max-width: 767px) {
  .search .boxNative01 .listCheckbox li {
    width: 100%;
    float: none;
  }

  .boxSearch01 {
    margin: 0 0 24px;
  }
  .boxSearch01 .result {
    padding: 7px 0 10px;
    margin-bottom: 0 !important;
    font-size: 115.4%;
  }
  .boxSearch01 .result em {
    font-size: 161.5%;
  }
  .boxSearch01 .result span {
    padding: 0;
    display: block;
  }
  .boxSearch01 .boxSearchInner {
    border-left: none;
    border-right: none;
  }
  .boxSearch01 .boxSearchInner .button {
    min-width: 95%;
  }
  .boxSearch01 .boxSearchInner .button input {
    width: 100%;
  }
  .boxSearch01 .boxSearchInner .cartButton {
    min-width: 100%;
  }
  .boxSearch01 .boxSearchInner + p {
    padding: 0 12px 0;
  }

  .layoutBasicMainInfo {
    width: auto;
    padding: 0;
    position: relative;
  }
  .layoutBasicMainInfo .img {
    margin: 0 0 12px;
    text-align: center;
    position: static;
  }
  .layoutBasicMainInfo .text {
    margin-bottom: 4px !important;
  }

  .resultContent01 {
    padding: 0;
    position: relative;
    border: none;
    border-top: 4px solid #cccccc;
  }
  .resultContent01 .pickupContent {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 4px solid #e12d72;
    position: relative;
    top: -4px;
  }
  .resultContent01 .pickupContent .logoImg {
    width: 38px;
    position: relative;
    top: -26px;
  }
  .resultContent01 .pickupContent .layoutTitle {
    padding-bottom: 0;
  }
  .resultContent01 .layoutTitle {
    width: 100%;
    margin: 0;
    padding: 14px 0 9px !important;
    display: block;
    position: relative;
    border: none;
    border-bottom: 1px solid #cccccc;
  }
  .resultContent01 .layoutTitle .logoImg {
    position: relative;
    left: 12px;
  }
  .resultContent01 .layoutTitle .logoImg img {
    max-width: 38px;
  }
  .resultContent01 .layoutTitle .heading {
    width: auto;
    padding: 0 50px 0 10px;
    font-size: 92.3%;
    font-weight: normal;
    position: relative;
    left: 12px;
  }
  .resultContent01 .layoutTitle .heading a {
    margin: 2px 0 4px;
    font-size: 153.8%;
  }
  .resultContent01 .layoutTitle .addList {
    width: 39px;
    margin: -47px 0 0;
    top: 50%;
    right: 12px;
    left: auto;
    overflow: visible;
  }
  .resultContent01 .layoutTitle .addList li {
    margin: 10px 0 0 0;
    float: none;
  }
  .resultContent01 .layoutValue {
    width: 50%;
    height: auto !important;
    display: block;
    clear: both;
    float: left;
    border: none;
  }
  .resultContent01 .layoutValue .value {
    width: auto;
    display: block;
  }
  .resultContent01 .layoutValue .value em {
    font-size: 200%;
    position: relative;
    top: 10px;
  }
  .resultContent01 .layoutValue .value span {
    margin: 0 3px 0;
    font-size: 92.3%;
    top: 5px;
  }
  .resultContent01 .layoutValue .value span.title {
    padding: 9px 0 9px 12px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: left;
    display: block;
    top: 0;
  }
  .resultContent01 .layoutPrice {
    width: 49%;
    height: auto !important;
    display: block;
    float: right;
    border-left: 1px solid #c7c7c7;
  }
  .resultContent01 .layoutPrice .price {
    width: 100%;
    display: block;
  }
  .resultContent01 .layoutPrice .price em {
    font-size: 115.4%;
  }
  .resultContent01 .layoutPrice .price span {
    margin: 0 0 2px;
    font-size: 92.3%;
    display: block;
  }
  .resultContent01 .layoutPrice .price span.title {
    padding: 9px 0 9px 12px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: left;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  .resultContent01 .listDefineType01 {
    margin: 0 0 12px;
    padding-top: 9px;
    clear: both;
    border-top: 1px solid #cccccc;
  }
  .resultContent01 .listDefineType01 dd {
    margin-left: 0;
    margin-right: 8px;
  }

  .resultContent02 {
    padding: 0;
    position: relative;
    border-top: 4px solid #cccccc;
  }
  .resultContent02 + .contentFoot, .resultDisplay.examContentFoot {
    margin-top: 24px;
  }
  .resultContent02 .pickupContent {
    margin: -4px 0 20px -16px;
    padding-bottom: 0;
    border: none;
    border-top: 4px solid #e12d72;
  }
  .resultContent02 .pickupContent .layoutTitle {
    padding-top: 0;
  }
  .resultContent02 .pickupContent .layoutTitle .icon {
    margin-top: -28px;
  }
  .resultContent02 .pickupContent .layoutTitle .addList {
    top: 16px;
  }
  .resultContent02 .layoutTitle {
    width: auto;
    padding: 16px 40px 9px 12px;
    display: block;
    position: relative;
  }
  .resultContent02 .layoutTitle .logoImg {
    text-align: center;
  }
  .resultContent02 .layoutTitle .logoImg .icon {
    text-align: left;
  }
  .resultContent02 .layoutTitle .logoImg img {
    max-width: 38px;
  }
  .resultContent02 .layoutTitle .heading {
    width: auto;
    padding: 0 10px 0;
  }
  .resultContent02 .layoutTitle .heading a {
    font-size: 153.8%;
  }
  .resultContent02 .layoutTitle .addList {
    margin: -23px 0 -10px;
    display: table-cell;
    position: absolute;
    top: 30px;
    right: 12px;
  }
  .resultContent02 .layoutTitle .addList li {
    margin: 0 0 10px;
    float: none;
  }
  .resultContent02 .listDefineType01 {
    margin-top: 15px;
    padding-top: 10px;
    display: block;
    border-top: 1px dotted #c7c7c7;
  }
  .resultContent02 .listDefineType01 dd {
    margin-left: 0;
    margin-right: 8px;
  }
  .resultContent02 .funcToggle01 {
    margin-bottom: 0;
  }

  .resultContent04 {
    padding: 0;
    position: relative;
    border: none;
    border-top: 4px solid #cccccc;
  }
  .resultContent04 .pickupContent {
    margin: 0;
    padding: 0;
    border: none;
    border-top: 4px solid #e12d72;
    position: relative;
    top: -4px;
  }
  .resultContent04 .pickupContent .logoImg {
    width: 38px;
    position: relative;
    top: -26px;
  }
  .resultContent04 .pickupContent .layoutTitle {
    padding-bottom: 0;
  }
  .resultContent04 .layoutTitle {
    width: 100%;
    margin: 0;
    padding: 14px 0 9px !important;
    display: block;
    position: relative;
    border: none;
    border-bottom: 1px solid #cccccc;
  }
  .resultContent04 .layoutTitle .logoImg {
    position: relative;
    left: 12px;
  }
  .resultContent04 .layoutTitle .logoImg img {

    max-width: 38px;
  }
  .resultContent04 .layoutTitle .heading {
    width: auto;
    padding: 0 50px 0 10px;
    font-size: 92.3%;
    font-weight: normal;
    position: relative;
    left: 12px;
  }
  .resultContent04 .layoutTitle .heading a {
    margin: 2px 0 4px;
    font-size: 153.8%;
  }
  .resultContent04 .layoutTitle .addList {
    width: 39px;
    margin: -47px 0 0;
    top: 50%;
    right: 12px;
    left: auto;
    overflow: visible;
  }
  .resultContent04 .layoutTitle .addList li {
    margin: 10px 0 0 0;
    float: none;
  }
  .resultContent04 .layoutValue {
    width: 50%;
    height: auto !important;
    display: block;
    clear: both;
    float: left;
    border: none;
  }
  .resultContent04 .layoutValue .value {
    width: auto;
    display: block;
  }
  .resultContent04 .layoutValue .value em {
    font-size: 200%;
    position: relative;
    top: 10px;
  }
  .resultContent04 .layoutValue .value span {
    margin: 0 3px 0;
    font-size: 92.3%;
    top: 5px;
  }
  .resultContent04 .layoutValue .value span.title {
    padding: 9px 0 9px 12px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: left;
    display: block;
    top: 0;
  }
  .resultContent04 .layoutPrice {
    width: 49%;
    height: auto !important;
    display: block;
    float: right;
    border-left: 1px solid #c7c7c7;
  }
  .resultContent04 .layoutPrice .price {
    width: 100%;
    display: block;
  }
  .resultContent04 .layoutPrice .price em {
    font-size: 115.4%;
  }
  .resultContent04 .layoutPrice .price span {
    margin: 0 0 2px;
    font-size: 92.3%;
    display: block;
  }
  .resultContent04 .layoutPrice .price span.title {
    padding: 9px 0 9px 12px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: left;
    display: block;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
  }
  .resultContent04 .listDefineType01 {
    margin: 0 0 12px;
    padding-top: 9px;
    clear: both;
    border-top: 1px solid #cccccc;
  }
  .resultContent04 .listDefineType01 dd {
    margin-left: 0;
    margin-right: 8px;
  }

  .resultSort {
    display: none;
  }

  .resultDisplay {
    margin: 0;
    padding: 0;
  }
  .resultDisplay.contentFoot {
    display: block;
  }
  .resultDisplay .signAddList {
    margin: 12px 0 8px 12px;
    float: none;
  }
  .resultDisplay .signAddList li {
    margin: 0 0 11px;
    font-weight: bold;
    float: none;
  }
  .resultDisplay .displayNumber, .resultDisplay .displaySort {
    height: 32px;
    padding: 14px 12px 12px;
    font-weight: bold;
    float: none;
    display: block;
    position: relative;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: #efefef;
  }
  .resultDisplay .displayNumber .selectElement, .resultDisplay .displaySort .selectElement {
    width: 70%;
    height: 32px;
    margin: 0 0 0 15px;
    position: absolute;
    top: 13px;
    left: 70px;
  }
  .resultDisplay .displayNumber select, .resultDisplay .displaySort select {
    width: 100%;
    height: 32px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
  }
  .resultDisplay .displayNumber span, .resultDisplay .displaySort span {
    display: none;
  }
  .resultDisplay .displaySort + .displayNumber {
    margin-top: -12px;
    border-top: none;
  }

  .boxCollegeSearch {
    margin: 0 0 24px;
    padding: 16px 12px 16px;
    border-left: none;
    border-right: none;
  }
  .boxCollegeSearch .collegeSearch {
    display: block;
  }
  .boxCollegeSearch .collegeSearch label {
    padding: 0 0 0 31px;
    float: none;
  }
  .boxCollegeSearch .collegeSearch label:before {
    width: 23px;
    height: 22px;
    top: 0;
    left: 0;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -171px -146px no-repeat;
  }
  .boxCollegeSearch .collegeSearch .formArea {
    width: 100%;
    margin: 12px 0 0;
    float: none;
    text-align: center;
  }
  .boxCollegeSearch .collegeSearch .textArea {
    float: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 74%;
    height: 36px;
    margin-right: 2px;
    vertical-align: middle;
  }
  .boxCollegeSearch .collegeSearch .button {
    width: 66px;
    float: none;
    display: inline-block;
    vertical-align: middle;
  }
  .boxCollegeSearch .collegeSearch .button input {
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
  }

  .examSearchNav {
    margin: 0 0 20px;
    padding: 12px;
  }
  .examSearchNav .listNav li {
    height: 40px;
    font-size: 100%;
  }
  .examSearchNav .listNav li:first-child span {
    position: relative;
    top: .7em;
  }
  .examSearchNav .listNav li:nth-child(2) span {
    display: block;
  }
  .examSearchNav .listNav li:last-child span {
    position: relative;
    top: .7em;
  }

  .establishSection {
    margin: 0 0 24px;
    padding: 0;
    border-left: none;
    border-right: none;
  }
  .establishSection .listRadio {
    overflow: hidden;
  }
  .establishSection .listRadio li {
    width: 50%;
    height: 45px;
    padding: 0 0 8px;
    float: left;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #c7c7c7;
    position: relative;
  }
  .establishSection .listRadio li:nth-child(even):before {
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    border-left: 1px solid #c7c7c7;
    content: "";
  }
  .establishSection .listRadio li:nth-child(1) {
    height: 27px;
  }
  .establishSection .listRadio li:nth-child(2) {
    height: 27px;
  }
  .establishSection .listRadio li:last-child {
    width: 100%;
    height: 27px;
  }
  .establishSection .listRadio li label {
    padding: 8px 0 0 37px;
    cursor: pointer;
    display: block;
  }
  .establishSection .listRadio li span {
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    display: block;
    top: 17px;
    left: 12px;
    background: url(/export/sites/default/shared_52/images/bg-radio-off.png) 0 0 no-repeat;
  }
  .establishSection .listRadio li span.active {
    background: url(/export/sites/default/shared_52/images/bg-radio-on.png) 0 0 no-repeat;
  }
  .establishSection .listRadio li span input {
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .establishSection .listCheckbox {
    position: relative;
  }
  .establishSection .listCheckbox:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .establishSection .listCheckbox li {
    width: 50%;
    padding: 0;
    border: none;
    float: left;
    border-bottom: 1px solid #c7c7c7;
  }
  .establishSection .listCheckbox li:nth-child(2n) label span {
    padding: 14px 35px 15px;
    border-left: 1px solid #c7c7c7;
  }
  .establishSection .listCheckbox li:last-child {
    width: 100%;
    border: none;
  }
  .establishSection .listCheckbox li:nth-child(n+4) label span {
    padding: 14px 15px 15px 35px;
    text-align: left;
  }
  .establishSection .listCheckbox li:before {
    width: 19px;
    height: 15px;
    margin: -8px 0 0 0;
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -207px -98px no-repeat;
    content: "";
  }
  .establishSection .listCheckbox li.active:before {
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
  }
  .establishSection .listCheckbox li input {
    width: 19px;
    height: 15px;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 7px;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .establishSection .listCheckbox li label {
    text-align: left;
    cursor: pointer;
  }
  .establishSection .listCheckbox li label span {
    display: block;
    padding: 14px 35px 15px;
  }

  .valueSection {
    padding-top: 0;
    padding-bottom: 0;
    border-left: none;
    border-right: none;
  }
  .valueSection .listRadio li {
    width: 20%;
    padding: 10px 13px 10px;
  }
  .valueSection .listRadio li:last-child {
    border: none;
  }
  .valueSection .listRadio li label {
    padding: 0 0 0 26px;
    cursor: pointer;
    display: block;
  }
  .valueSection .listRadio li span {
    width: 16px;
    height: 16px;
    margin: -8px 0 0;
    display: block;
    position: absolute;
    top: 20px;
    background: url(/export/sites/default/shared_52/images/bg-radio-off.png) 0 0 no-repeat;
  }
  .valueSection .listRadio li span.active {
    background: url(/export/sites/default/shared_52/images/bg-radio-on.png) 0 0 no-repeat;
  }
  .valueSection .listRadio li span input {
    width: 16px;
    height: 16px;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
  }

  .navResult {
    width: 100%;
    position: relative;
  }
  .navResult .heading01 {
    padding: 9px 12px 7px;
    font-size: 153.8%;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ffffff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .navResult .heading01.active {
    border: none;
  }
  .navResult .heading01:after {
    width: 24px;
    height: 24px;
    margin: -12px 0 0 0;
    position: absolute;
    top: 50%;
    right: 12px;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -204px -145px no-repeat;
    content: "";
  }
  .navResult .heading02 {
    font-size: 123.1%;
  }
  .navResult .heading03 {
    margin: 0 0 9px;
  }
  .navResult .contentInner {
    margin: 0 -11px 0;
    padding: 9px 11px 0;
    border-top: 1px solid #c7c7c7;
  }
  .navResult .contentInner .resultTextWrapper .resultContent {
    width: 50%;
    float: left;
  }
  .navResult .contentInner .resultTextWrapper .resultContent.calendar .interval {
    left: 80%;
  }
  .navResult .contentInner .resultTextWrapper .resultContent.calendar:nth-child(even) #datepickWrapper {
    left: -25px;
  }
  .navResult .contentInner .resultTextWrapper .inputText {
    width: 50px !important;
    font-size: 12px;
    letter-spacing: -1px;
  }
  .navResult .contentInner .resultTextWrapper .interval {
    position: absolute;
    left: 60%;
    top: 5px;
  }
  .navResult .contentInner .text {
    padding: 2px 0 0;
    margin: 0 0 10px !important;
    font-size: 100%;
  }
  .navResult .contentInner .edit {
    margin: 0 0 9px !important;
    padding: 3px 0 3px 21px;
    font-weight: bold;
  }
  .navResult .contentInner .edit a {
    position: relative;
  }
  .navResult .contentInner .edit a:after {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 1px;
    left: -21px;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -106px -28px no-repeat;
    content: "";
  }
  .navResult .contentInner .availableList {
    margin: -9px -11px 0;
  }
  .navResult .contentInner .availableList li {
    font-size: 100%;
  }
  .navResult .contentInner .availableList li p {
    padding: 11px 12px 10px;
    font-size: 92.3%;
  }
  .navResult .contentInner .availableList li > a {
    position: relative;
  }
  .navResult .contentInner .availableList li > a > img {
    margin: -9px 0 0;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
  }
  .navResult .contentInner .availableList .lightbox {
    border-top: 1px solid #c7c7c7;
    background: #ffffff;
  }
  .navResult .contentInner .availableList .lightbox .wrap {
    margin: 3px 3px 0;
    border-top: 2px solid #1e54aa;
    background: #ffffff;
    text-align: center;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box {
    padding: 13px 0 0;
    text-align: left;
    background: #e1f1fa !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;

    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .licenceTitle, .navResult .contentInner .availableList .lightbox .wrap .box .hdgLv02 {
    display: none;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listCheckbox.col3 {
    margin: 0 0 16px;
    padding: 0 0 8px;
    overflow: hidden;
    background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listCheckbox.col3 li {
    width: auto;
    margin: 0 9px 5px;
    float: none;
    font-size: 100%;
    font-weight: normal;
    border-top: none;
    background: transparent;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listCheckbox.col3 li:nth-child(3n) {
    width: auto;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 {
    margin: -16px 0 0;
    padding: 16px 0 10px;
    background: #ffffff;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 li {
    font-size: 115.4%;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 li a {
    padding-top: 11px;
    padding-bottom: 8px;
  }
  .navResult .contentInner .availableList .lightbox .wrap .box .listBtn01 li a:after {
    display: none;
  }
  .navResult .contentInner .scheduleList {
    margin: -9px -11px 0;
    overflow: hidden;
  }
  .navResult .contentInner .scheduleList li {
    width: 50%;
    padding: 0;
    font-size: 100%;
    float: left;
    border-top: 1px solid #c7c7c7;
  }
  .navResult .contentInner .scheduleList li:nth-child(even) span {
    border-left: 1px solid #c7c7c7;
  }
  .navResult .contentInner .scheduleList li span {
    padding: 10px 11px 10px;
    display: block;
  }
  .navResult .contentInner .button {
    margin: 3px 0 12px !important;
    text-align: center;
    line-height: 1;
    display: block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .navResult .contentInner .button input {
    width: 100%;
    height: 34px;
    padding: 6px 0 6px;
    font-size: 138.5%;
    font-weight: bold;
    color: white;
    text-align: center;
    background: #1e54aa;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
  }
  .navResult .contentInner .button input:hover {
    background: #4272b9;
  }
  .navResult .contentInner select {
    height: 32px;
  }
  .navResult .navContent {
    margin: 0 0 24px;
    padding: 0 11px 0;
    display: none;
    border: none;
    border-bottom: 3px solid #c7c7c7;
  }
  .navResult .navContent.active {
    display: block;
  }
  .navResult .courseList dd {
    font-size: 100%;
  }

  .searchResult {
    position: static;
    width: 100%;
  }
  .searchResult .navContent {
    padding: 0;
  }

  .topicsList {
    margin: 0 0 24px;
    border-top: 1px solid #c7c7c7;
  }
  .topicsList .listContent {
    width: 100%;
    padding: 8px 0 16px;
    border-bottom: 1px solid #c7c7c7;
  }
  .topicsList .listContent .date {
    width: auto;
    padding: 0 0 8px;
    margin: 0 12px 8px !important;
    font-size: 115.4%;
    font-weight: bold;
    text-align: left;
    display: block;
    vertical-align: middle;
    border: none;
    background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
  }
  .topicsList .listContent .date span {
    margin: -3px 0 0 10px;
    display: inline-block;
  }
  .topicsList .listContent .date strong {
    margin: -3px 0 0 10px;
    display: inline-block;
  }
  .topicsList .listContent .content {
    padding: 0;
    margin: 0 12px 0;
    display: block;
  }
  .topicsList .listContent .content p {
    margin-bottom: 9px !important;
  }
  .topicsList .listContent .content p:last-child {
    margin-bottom: 0 !important;
  }
  .topicsList .listContent .content .listNotes01:last-child {
    margin-bottom: 0;
  }
  .topicsList .listContent .content .listNotes01:last-child li {
    margin-bottom: 0;
  }
  .topicsList .listContent .content .title {
    margin-bottom: 10px !important;
    font-size: 107.7%;
    font-weight: bold;
  }
  .topicsList .listContent .content .title span {
    margin: 0 0 0 12px;
    padding: 3px 8px 2px;
    font-size: 76.9%;
    color: white;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: -1px;
    background: #e12d72;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .topicsList .listContent .content .listDefine01 {
    padding: 3px 0 0;
  }
  .topicsList .listContent .content .listDefine01 dt {
    margin: 0 0 2px;
  }
  .topicsList .listContent .content .listDefine01 dd {
    margin: 0 0 12px;
  }
  .topicsList .listContent .content .listDefine01 dd .listNotes01 {
    margin-top: 3px;
  }
  .topicsList .listContent:nth-child(odd) {
    background: #f8f8f8;
  }

  .mypage .hdgLv01Mypage + .listBtn01 {
    position: relative;
    top: 0;
  }
  .mypage .listBtn01 {
    padding: 0 0 16px;
  }
  .mypage .listBtn01:last-child {
    padding: 0 0 2px;
  }
  .mypage .listBtn01 li {
    max-width: 70%;
    margin: 0 auto 10px !important;
    text-align: center;
    display: block;
  }
  .mypage .collegeList.tabPanel .listBtn01 li:last-child {
    margin-bottom: 0 !important;
  }
  .mypage .listBtn01 li a {
    padding: 13px 36px 12px 20px;
  }
  .mypage .collegeListWrapper {
    margin: 0 0 24px;
    padding: 0 0 0 0;
  }
  .mypage .tabPanelWrap {
    margin: 0 -12px;
  }
  .mypage .collegeList {
    margin: 0 -12px 0;
    padding: 16px 12px;
    border: none;
    border-top: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
  }
  .mypage .collegeList.tabPanel {
    margin: 0;
    border: none;
    border-top: 1px solid #ecd904;
    border-bottom: 1px solid #ecd904;
    background: #ffffe7;
  }
  .listTabMypage li.add a {
    height: 25px;
  }
  .listTabMypage li a {
    padding: 5px 6px 3px;
    font-size: 95%;
  }
  .listTabMypage li.active:not(.add) a {
    padding: 7px 6px 6px 7px;
  }
  .mypage .selectMenu .nav {
    display: block;
  }
  .mypage .selectMenu .nav dt {
    margin: 0 0 5px;
  }
  .mypage .collegeList.tabPanel .heading {
    margin-bottom: 12px;
    padding: 0;
    background: none;
  }
  .mypage .collegeList .heading {
    margin: 0 0 15px;
    padding: 0 0 12px 0;
    background: url(/export/sites/default/shared_52/images/bg-border-01.png) left bottom repeat-x;
  }
  .mypage .collegeList .heading .title {
    padding: 0 0 0 10px;
    font-size: 92.3%;
    font-weight: normal;
    display: table-cell;
    vertical-align: middle;
  }
  .mypage .collegeList .heading .title a {
    margin: 0 0 6px;
    font-size: 153.8%;
    font-weight: bold;
    line-height: 1.1;
  }
  .mypage .collegeList .heading .title span {
    margin: 0 0 6px;
    display: block;
  }
  .mypage .collegeList .heading .favorite {
    display: none;
  }
  .mypage .collegeList .heading .logoImg {
    width: 50px;
    display: table-cell;
    text-align: center;
    vertical-align: top;
  }
  .mypage .collegeList .heading .logoImg img {
    max-width: 38px;
  }
  .mypage .selectMenu {
    margin-bottom: 10px;
  }
  .mypage .collegeList .selectButton {
    margin: 0 0 -10px;
    padding: 0 0 16px 0;
    position: relative;
    top: 0;
    right: 0;
  }
  .mypage .selectMenu .selectButton {
    padding: 0;
  }
  .mypage .collegeList .selectButton li {
    max-width: 70%;
    text-align: center;
    display: block;
  }
  .mypage .collegeList .selectButton li.select a {
    padding: 12px 19px 10px;
  }
  .mypage .collegeList .selectButton li.delete a {
    padding: 8px 13px 6px 9px;
  }
  .mypage .collegeList .news {
    padding: 2px 0 0 69px;
  }
  .mypage .collegeList .news em {
    padding: 3px 4px 0 0;
  }
  .mypage .collegeList .news span {
    font-weight: bold;
    display: block;
  }
  .mypage .collegeList .news span.date {
    margin: 0 12px 0 0;
    float: none;
  }
  .mypage .collegeList .news span.text {
    margin: 10px 0 2px -69px;
    display: block;
  }
  .mypage .collegeList .boxConfirm {
    margin: 0 0 16px;
    padding: 4px 12px 0;
  }
  .mypage .collegeList .boxConfirm .collegeSelect {
    padding: 0 0 12px;
  }
  .mypage .collegeList .boxConfirm .collegeSelect .selectWrapper {
    box-sizing: border-box;
    width: 100%;
    height: 38px;
    display: block;
    float: none;
  }
  .mypage .collegeList .boxConfirm .collegeSelect .selectWrapper .valueText {
    font-size: 107.7%;
    position: absolute;
    top: 9px;
    left: 8px;
  }
  .mypage .collegeList .boxConfirm .collegeSelect .selectWrapper select {
    width: 100%;
    height: 38px;
    display: block;
  }
  .mypage .collegeList .boxConfirm .collegeSelect .text {
    padding: 6px 11px 0 0;
    float: none;
  }
  .mypage .collegeList .boxConfirm .list {
    min-height: auto;
    margin: 0;
    padding: 0;
  }
  .mypage .collegeList .boxConfirm .list:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .mypage .collegeList .boxConfirm .list li {
    width: auto;
    height: auto !important;
    margin: 0;
    padding: 0 0 12px;
    float: none;
    background: none;
  }
  .mypage .collegeList .boxConfirm .list li:last-child {
    margin-right: 0;
    padding-right: 0;
    background: none;
  }
  .mypage .collegeList .boxConfirm .list li:last-child .title .number {
    left: 0;
  }
  .mypage .collegeList .boxConfirm .list li .title {
    margin: 0 !important;
    padding: 0 0 0 28px;
    font-size: 100%;
    font-weight: normal;
    display: block;
  }
  .mypage .collegeList .boxConfirm .list li .title .number {
    margin: 0;
    font-size: 92.3%;
    font-weight: bold;
    padding: 4px 7px 3px;
    top: 0;
    left: 0;
  }
  .mypage .collegeList .boxConfirm .list li .img {
    display: none;
  }
  .mypage .collegeList .boxConfirm .loading {
    padding: 10px 0 27px;
    text-align: center;
  }
  .mypage .tableRwd01 tbody th {
    text-align: left;
  }

  .cart p + .listNotes01 {
    margin: -3px 0 12px;
  }
  .cart .boxCampaign {
    margin: 0 0 24px;
    border-left: none;
    border-right: none;
  }
  .cart .boxCampaign .headingWrapper {
    margin: -5px -13px 16px;
  }
  .cart .boxCampaign .headingWrapper .title {
    top: 6px;
  }
  .cart .boxCampaign .headingWrapper .date {
    margin: 14px 0 4px !important;
    position: relative;
    top: 0;
    left: 16px;
    display: inline-block;
  }
  .cart .boxCampaign .headingWrapper .date em {
    font-size: 123.1%;
  }
  .cart .boxCampaign p.catch {
    font-size: 130.8%;
  }
  .cart .boxCampaign .layoutLeft {
    padding-top: 4px;
  }
  .cart .boxCampaign .layoutImgCol2Right {
    margin-bottom: 0;
  }
  .cart .boxType02 {
    margin-bottom: 29px;
  }
  .cart .cartListWrapper {
    margin: 0 0 24px;
    padding: 0;
  }
  .cart .cartListWrapper .cartList {
    margin: 0 -12px 0;
    padding: 16px 12px 0;
    position: relative;
    border: none;
    border-top: 2px solid #cccccc;
    border-bottom: 2px solid #cccccc;
  }
  .cart .cartListWrapper .cartList + .cartList {
    border-top: none;
  }
  .cart .cartListWrapper .cartList:first-child {
    padding-top: 3px;
    border-top: none;
  }
  .cart .cartListWrapper .heading {
    padding-right: 0;
  }
  .cart .cartListWrapper .heading .title {
    padding-left: 8px;
  }
  .cart .cartListWrapper .heading .title .collegeName {
    font-size: 169.2%;
  }
  .cart .cartListWrapper .heading .logoImg {
    width: 38px;
  }
  .cart .cartListWrapper .heading .logoImg img {
    max-width: 38px;
  }
  .cart .cartListWrapper .cartTgl {
    margin: 0 -12px 0;
    border-bottom: 1px solid #c7c7c7;
  }
  .cart .cartListWrapper .cartTgl .tglTitlePc {
    display: none;
  }
  .cart .cartListWrapper .cartTgl .tglTitleSp {
    margin: 0;
    display: block;
    border-top: 1px solid #c7c7c7;
    background: #ececec;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbfb), color-stop(100%, #ececec));
    background: -moz-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
    background: -o-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
    background: linear-gradient(to bottom, #fbfbfb 0%, #ececec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfb', endColorstr='#ececec',GradientType=0);
  }
  .cart .cartListWrapper .cartTgl .tglTitleSp a {
    padding: 12px 12px 9px;
    color: #2f2f2f;
    text-decoration: none;
    display: block;
    position: relative;
  }
  .cart .cartListWrapper .cartTgl .tglTitleSp a img {
    margin-top: -2px;
    position: absolute;
    right: 12px;
  }
  .cart .cartListWrapper .cartTgl .tglTitleSp a span {
    margin: 0 0 0 13px;
    padding: 1px 10px 1px;
    font-size: 84.6%;
    color: white;
    display: inline-block;
    position: relative;
    top: -1px;
    background: #e12d72;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .cart .cartListWrapper .cartTgl .tglContent {
    display: block;
    border-top: 1px solid #c7c7c7;
  }
  .cart .cartListWrapper .cartTgl .tglContent .listCheckbox {
    margin: 0;
    padding: 13px 12px 12px;
  }
  .cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col2 li {
    width: auto;
    float: none;
  }
  .cart .cartListWrapper .cartTgl .tglContent .listCheckbox.col3 li {
    width: 50%;
  }
  .cart .cartListWrapper .selectButton {
    margin: 16px 0 16px;
    text-align: center;
    position: relative;
    top: 0;
    right: 0;
  }
  .cart .cartListWrapper .selectButton li a {
    padding-top: 13px !important;
    padding-bottom: 12px !important;
  }

  .boxFlow.layoutType01 .box01:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .boxFlow.layoutType01 .heading {
    float: none;
    width: auto;
  }
  .boxFlow.layoutType01 .layoutImg .img {
    padding-left: 5px;
  }
  .boxFlow.layoutType01 .layoutImg .txt {
    float: none;
    width: auto;
  }

  .boxAgree01 {
    border-right: none;
    border-left: none;
  }

  .boxAgree02 {
    border-right: none;
    border-left: none;
  }

  .resultCheckAll {
    padding-left: 9px;
    border-bottom: 1px solid #cccccc;
  }
}
.funcToggle01 {
  margin: 0 0 20px;
  border: 1px solid #c7c7c7;
  border-bottom: none;
}
.funcToggle01 .tglTitle {
  font-weight: bold;
  border-bottom: 1px solid #c7c7c7;
  background: #ececec;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfbfb), color-stop(100%, #ececec));
  background: -moz-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fbfbfb 0%, #ececec 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfb', endColorstr='#ececec',GradientType=0);
}
.funcToggle01 .tglTitle a {
  padding: 11px 38px 8px 12px;
  color: #2f2f2f;
  text-decoration: none;
  display: block;
  position: relative;
}
.funcToggle01 .tglTitle a img {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
}
.funcToggle01 .tglTitle em {
  margin: 0 1px 0;
  font-size: 153.8%;
  line-height: .1;
  position: relative;
  top: 1px;
}
.funcToggle01 .tglContent {
  padding: 15px 15px 15px 15px;
  border-bottom: 1px solid #c7c7c7;
  display: none;
}
.funcToggle01 .tglContent > *:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
.funcToggle01 .tglContent .contentFull {
  margin-right: -15px;
  margin-left: -15px;
}
.funcToggle01 .tglContent .contentFull.adjustIE {
  margin-right: -16px !important;
  margin-bottom: -16px !important;
}
.funcToggle01 .tglContent .contentFull:after {
  display: block;
  margin-right: -1px;
  content: "";
}
.funcToggle01 .tglContent .contentFull:first-child {
  margin-top: -15px;
}
.funcToggle01 .tglContent .contentFull:last-child {
  margin-bottom: -15px !important;
}
.funcToggle01 .tglContent .contentFull.tblRwdWrapper:last-child {
  margin-bottom: -16px !important;
}
.funcToggle01 .tglContent .contentFull.tblRwdWrapper.adjustIE {
  margin-right: -15px !important;
}
.funcToggle01 .tglContent .boxNative01 {
  margin: -12px !important;
  margin-bottom: 2px\9 !important;
}
.funcToggle01 .tglContent .boxEm {
  position: relative;
  padding: 12px 15px 1px 15px;
  background-color: #ffffe7;
}
.funcToggle01 .tglContent .boxEm:before {
  width: 100%;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/bg-border-01.png) 0 0 repeat-x;
  content: "";
}
.funcToggle01 .tglContent .boxEm.adjustIE {
  margin-right: -14px !important;
  margin-bottom: -15px !important;
}
.funcToggle01 .tglContent .boxEm .title {
  margin-bottom: 8px !important;
}
.funcToggle01 .tglContent .boxEm .title em {
  color: #2f2f2f;
}
.funcToggle01 .tglContent .boxEm ul.listOrder02 {
  margin-bottom: 11px;
}
.funcToggle01 .tglContent .boxEm ul.listOrder02 > li p {
  margin-bottom: 11px !important;
}
.funcToggle01 .tglContent .table01, .funcToggle01 .tglContent .tableAdmissions01,
.funcToggle01 .tglContent .tableAdmissions02 {
  margin: 0;
  border-top: none;
  border-bottom: none;
}
.funcToggle01 .tglContent .table01 tr:first-child th, .funcToggle01 .tglContent .tableAdmissions01 tr:first-child th,
.funcToggle01 .tglContent .tableAdmissions02 tr:first-child th, .funcToggle01 .tglContent .table01 tr:first-child td, .funcToggle01 .tglContent .tableAdmissions01 tr:first-child td,
.funcToggle01 .tglContent .tableAdmissions02 tr:first-child td {
  border-top: none;
}
.funcToggle01 .tglContent .table01 tr:last-child th, .funcToggle01 .tglContent .tableAdmissions01 tr:last-child th,
.funcToggle01 .tglContent .tableAdmissions02 tr:last-child th, .funcToggle01 .tglContent .table01 tr:last-child td, .funcToggle01 .tglContent .tableAdmissions01 tr:last-child td,
.funcToggle01 .tglContent .tableAdmissions02 tr:last-child td {
  border-bottom: none;
}
.funcToggle01 .tglContent .table01 thead th, .funcToggle01 .tglContent .tableAdmissions01 thead th,
.funcToggle01 .tglContent .tableAdmissions02 thead th {
  border-right: 1px solid #fbf9c7 \9;
}
.funcToggle01 .tglContent .table01 thead th:first-child, .funcToggle01 .tglContent .tableAdmissions01 thead th:first-child,
.funcToggle01 .tglContent .tableAdmissions02 thead th:first-child {
  border-right: 1px solid #c7c7c7 \9;
}
.funcToggle01 .tglContent .tableRwd01 {
  margin: 0 0 -1px;
  border-top: none;
  border-bottom: none;
}
.funcToggle01 .tglContent .tableRwd01 col {
  width: auto !important;
}
.funcToggle01 .tglContent .tableRwd01 thead th.adjustIE {
  border-right: none;
}
.funcToggle01 .tglContent .tableRwd02 {
  margin: 0 0 -16px;
  border-bottom: 1px solid #c7c7c7;
}
.funcToggle01 .tglContent .hdgLv03 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.funcToggle01 .tglContent > p:first-child + .hdgLv03 {
  margin-top: -11px;
}
.funcToggle01 .tglContent .hdgLv04 {
  margin-top: 20px;
}
.funcToggle01 .tglContent .linkList {
  margin-top: -2px;
  padding-bottom: 18px;
}

.lightboxWrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
}
.lightboxWrap a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.forSpLink {
  cursor: default;
}
.forSpLink .caption {
  display: none;
}
.ui-datepicker-trigger {
  cursor: pointer;
}

#datepickWrapper {
  position: relative;
  top: 25px;
  left: 85px;
}
#datepickWrapper #ui-datepicker-div {
  width: 162px;
  padding: 8px 11px 11px;
  float: left;
  clear: both;
  border: 4px solid #007ec6;
  background: white;
  box-shadow: 0 1px 1px #8bb9d3;
  -moz-box-shadow: 0 1px 1px #8bb9d3;
  -webkit-box-shadow: 0 1px 1px #8bb9d3;
  -ms-box-shadow: 0 1px 1px #8bb9d3;
  -o-box-shadow: 0 1px 1px #8bb9d3;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-title {
  width: 100%;
  margin: 0 0 8px !important;
  font-weight: bold;
  text-align: center;
  clear: both;
  display: block;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-title em {
  font-weight: bold;
  color: #2f2f2f;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-header {
  width: 162px;
  position: relative;
  top: 2px;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
  width: 17px;
  height: 17px;
  cursor: pointer;
  text-indent: 100%;
  overflow: hidden;
  position: absolute;
  top: 1px;
  right: -3px;
  float: right;
  background: url("/export/sites/default/shared_52/images/icon-calendar-next_pc.png") left top no-repeat;
  background-size: 17px 17px;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
  width: 17px;
  height: 17px;
  cursor: pointer;
  text-indent: 100%;
  overflow: hidden;
  position: absolute;
  top: 1px;
  left: -5px;
  float: left;
  background: url("/export/sites/default/shared_52/images/icon-calendar-prev_pc.png") left top no-repeat;
  background-size: 17px 17px;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar {
  width: 100%;
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar thead th {
  font-size: 92.3%;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}

#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar thead th:first-child {
  color: #e22e73;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar thead th:last-child {
  color: #118acf;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td {
  font-size: 92.3%;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  border-collapse: collapse;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td span {
  padding: 4px 0 3px;
  color: #2f2f2f;
  display: block !important;
  text-decoration: none;
  background: #eeeeee;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td a {
  padding: 4px 0 3px;
  color: #2f2f2f;
  display: block;
  text-decoration: none;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td a:hover {
  text-decoration: underline;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td:first-child a {
  color: #e22e73;
  background: #f8d9e5;
}
#datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td:last-child a {
  color: #118acf;
  background: #eaf6fd;
}

.funcTooltipWrapper {
  margin: -6px 0 0 -6px;
  position: absolute;
  z-index: 10;
  display: none;
}
.funcTooltipWrapper:nth-child(even) {
  margin-left: 87px;
}
.funcTooltipWrapper .tooltipCalendar {
  width: 162px;
  padding: 8px 11px 11px;
  position: relative;
  float: left;
  clear: both;
  border: 4px solid #007ec6;
  background: white;
  box-shadow: 0 1px 1px #8bb9d3;
  -moz-box-shadow: 0 1px 1px #8bb9d3;
  -webkit-box-shadow: 0 1px 1px #8bb9d3;
  -ms-box-shadow: 0 1px 1px #8bb9d3;
  -o-box-shadow: 0 1px 1px #8bb9d3;
}
.funcTooltipWrapper .tooltipCalendar:before {
  width: 14px;
  height: 7px;
  position: absolute;
  top: -11px;
  left: 56px;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -98px -222px no-repeat;
  content: "";
}
.funcTooltipWrapper .tooltipCalendar .tooltipTitle {
  width: 100%;
  margin: 0 0 8px !important;
  text-align: center;
  clear: both;
  display: block;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTitle em {
  font-weight: bold;
  color: #2f2f2f;
}
.funcTooltipWrapper .tooltipCalendar .moveMonth {
  width: 162px;
  position: absolute;
  top: 9px;
}
.funcTooltipWrapper .tooltipCalendar .moveMonth:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.funcTooltipWrapper .tooltipCalendar .moveMonth li {
  position: relative;
}
.funcTooltipWrapper .tooltipCalendar .moveMonth li.prev {
  left: -5px;
  float: left;
}
.funcTooltipWrapper .tooltipCalendar .moveMonth li.next {
  right: -3px;
  float: right;
}
.funcTooltipWrapper .tooltipCalendar .moveMonth li img {
  width: 17px;
  height: 17px;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable {
  width: 100%;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable thead th {
  font-size: 92.3%;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable thead th:first-child {
  color: #e22e73;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable thead th:last-child {
  color: #118acf;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td {
  font-size: 92.3%;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  border: 1px solid #c7c7c7;
  border-collapse: collapse;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td a {
  padding: 4px 0 3px;
  color: #2f2f2f;
  display: block;
  text-decoration: none;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td:first-child a {
  color: #e22e73;
  background: #f8d9e5;
}
.funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td:last-child a {
  color: #118acf;
  background: #eaf6fd;
}

@media only screen and (max-width: 767px) {
  .funcToggle01 {
    margin: 0 0 16px;
    border: 1px solid #c7c7c7;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
  .funcToggle01 .tglTitle a {
    padding: 12px 38px 12px 12px;
  }
  .funcToggle01 .tglTitle em {
    font-size: 138.5%;
  }
  .funcToggle01 + .hdgLv03 {
    margin-top: 0;
  }
  .funcToggle01 .tglContent .tableRwd01 {
    margin: 0 12px -1px !important;
    border-top: none;
    border-bottom: none;
  }
  .funcToggle01 .tglContent .tableRwd01 tbody tr {
    margin: 0 -12px 0 !important;
  }
  .funcToggle01 .tglContent .tableRwd01 .linkList > li {
    display: inline-block;
  }
  .funcToggle01 .tglContent .tableRwd01 .linkList > li > a {
    margin-right: -10px !important;
  }
  .funcToggle01 .tglContent .tableRwd02 {
    border-bottom: none;
  }

  .forSpLink {
    cursor: pointer;
  }
  .forSpLink .caption {
    display: block;
  }

  .tooltip.active {
    width: 24px;
    height: 26px;
    margin: 0 8px 0 0;
    position: relative;
    display: inline-block;
    float: left;
  }
  .tooltip.active:after {
    width: 14px;
    height: 7px;
    margin: 0;
    position: absolute;
    top: 41px;
    left: 9px;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -98px -222px no-repeat;
    content: "";
  }
  #ui-datepicker-div {
    width: 100%;
    margin: 0 0 0;
    padding: 8px 0 11px;
    position: relative !important;
    float: none;
    clear: both;
    border: none;
    background: white;
    box-shadow: 0 0 0 transparent !important;
    -moz-box-shadow: 0 0 0 transparent !important;
    -webkit-box-shadow: 0 0 0 transparent !important;
    -ms-box-shadow: 0 0 0 transparent !important;
    -o-box-shadow: 0 0 0 transparent !important;
  }
  #ui-datepicker-div:before {
    width: 14px;
    height: 7px;
    position: absolute;
    top: -11px;
    left: 50px;
    display: block;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -98px -222px no-repeat;
    content: "";
  }
  #ui-datepicker-div .ui-datepicker-title {
    width: 100%;
    margin: 0 0 8px !important;
    font-size: 107.7%;
    text-align: center;
    clear: both;
    display: block;
  }
  #ui-datepicker-div .ui-datepicker-title em {
    font-weight: bold;
    color: #2f2f2f;
  }
  #ui-datepicker-div .ui-datepicker-header {
    width: 100%;
    position: absolute;
    top: 10px;
  }
  #ui-datepicker-div .ui-datepicker-header:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
    position: relative;
    right: 0;
    float: right;
    background: url("/export/sites/default/shared_52/images/icon-calendar-next_sp.png") left top no-repeat;
    background-size: 25px 25px;
  }
  #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
    position: relative;
    left: 0;
    float: left;
    background: url("/export/sites/default/shared_52/images/icon-calendar-prev_sp.png") left top no-repeat;
    background-size: 25px 25px;
  }
  #ui-datepicker-div .tooltipTable tbody td:first-child a {
    color: #e22e73;
    background: #f8d9e5;
  }
  #ui-datepicker-div .tooltipTable tbody td:last-child a {
    color: #118acf;
    background: #eaf6fd;
  }
  #ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, メイリオ;
  }
  #ui-datepicker-div .ui-datepicker-calendar thead th {
    font-size: 92.3%;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
  }
  #ui-datepicker-div .ui-datepicker-calendar thead th:first-child a {
    color: #e22e73;
  }
  #ui-datepicker-div .ui-datepicker-calendar thead th:last-child a {
    color: #118acf;
  }
  #ui-datepicker-div .ui-datepicker-calendar tbody td {
    font-size: 92.3%;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid #c7c7c7;
    border-collapse: collapse;
  }
  #ui-datepicker-div .ui-datepicker-calendar tbody td span {
    padding: 4px 0 3px;
    color: #2f2f2f;
    display: block;
    text-decoration: none;
    background: #eeeeee;
  }
  #ui-datepicker-div .ui-datepicker-calendar tbody td a {
    padding: 4px 0 3px;
    display: block;
    text-decoration: none;
  }
  #ui-datepicker-div .ui-datepicker-calendar tbody td:first-child a {
    color: #e22e73;
    background: #f8d9e5;
  }
  #ui-datepicker-div .ui-datepicker-calendar tbody td:last-child a {
    color: #118acf;
    background: #eaf6fd;
  }


  .funcTooltipWrapper {
    margin: 0 0px 16px;

    padding: 0 11px 0;
    display: none;
    clear: both;
    position: relative;
    border: 4px solid #007ec6;
    overflow: visible;
    box-shadow: 0 1px 0 #8bb9d3;
    -moz-box-shadow: 0 1px 0 #8bb9d3;
    -webkit-box-shadow: 0 1px 0 #8bb9d3;
    -ms-box-shadow: 0 1px 0 #8bb9d3;
    -o-box-shadow: 0 1px 0 #8bb9d3;
  }
  .funcTooltipWrapper:nth-child(even) {
    margin-left: 0;
  }
  .funcTooltipWrapper .tooltipCalendar {
    width: 100%;
    margin: 0 0 0;
    padding: 8px 0 11px;
    position: relative;
    float: none;
    clear: both;
    border: none;
    background: white;
    box-shadow: 0 0 0 transparent !important;
    -moz-box-shadow: 0 0 0 transparent !important;
    -webkit-box-shadow: 0 0 0 transparent !important;
    -ms-box-shadow: 0 0 0 transparent !important;
    -o-box-shadow: 0 0 0 transparent !important;
  }
  .funcTooltipWrapper .tooltipCalendar:before {
    display: none;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTitle {
    width: 100%;
    margin: 0 0 8px !important;
    font-size: 107.7%;
    text-align: center;
    clear: both;
    display: block;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTitle em {
    font-weight: bold;
    color: #2f2f2f;
  }
  .funcTooltipWrapper .tooltipCalendar .moveMonth {
    width: 100%;
    position: absolute;
    top: 10px;
  }
  .funcTooltipWrapper .tooltipCalendar .moveMonth:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .funcTooltipWrapper .tooltipCalendar .moveMonth li {
    position: relative;
  }
  .funcTooltipWrapper .tooltipCalendar .moveMonth li.prev {
    left: 0;
    float: left;
  }
  .funcTooltipWrapper .tooltipCalendar .moveMonth li.next {
    right: 0;
    float: right;
  }
  .funcTooltipWrapper .tooltipCalendar .moveMonth li img {
    width: 25px;
    height: 25px;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable {
    width: 100%;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable thead th {
    font-size: 92.3%;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable thead th:first-child a {
    color: #e22e73;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable thead th:last-child a {
    color: #118acf;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td {
    font-size: 92.3%;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid #c7c7c7;
    border-collapse: collapse;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td a {
    padding: 4px 0 3px;
    display: block;
    text-decoration: none;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td:first-child a {
    color: #e22e73;
    background: #f8d9e5;
  }
  .funcTooltipWrapper .tooltipCalendar .tooltipTable tbody td:last-child a {
    color: #118acf;
    background: #eaf6fd;
  }

  .lightbox .wrap .box {
    padding-bottom: 0;
  }
  .lightbox .wrap .box .tableRwd01 {
    margin-top: 20px;
    margin-bottom: 24px !important;
    border-top: 1px solid #c7c7c7;
  }
  .lightbox .wrap .box .listNotes01 {
    padding-bottom: 10px;
  }
  .lightbox .wrap .box .table01, .lightbox .wrap .box .tableAdmissions01,
  .lightbox .wrap .box .tableAdmissions02 {
    margin: 6px 12px 0;
    display: block;
    border: none;
  }
  .lightbox .wrap .box .table01 tr, .lightbox .wrap .box .tableAdmissions01 tr,
  .lightbox .wrap .box .tableAdmissions02 tr, .lightbox .wrap .box .table01 th, .lightbox .wrap .box .tableAdmissions01 th,
  .lightbox .wrap .box .tableAdmissions02 th, .lightbox .wrap .box .table01 td, .lightbox .wrap .box .tableAdmissions01 td,
  .lightbox .wrap .box .tableAdmissions02 td, .lightbox .wrap .box .table01 tbody, .lightbox .wrap .box .tableAdmissions01 tbody,
  .lightbox .wrap .box .tableAdmissions02 tbody {
    padding: 0;
    display: block;
    border: none;
  }
  .lightbox .wrap .box .table01 thead, .lightbox .wrap .box .tableAdmissions01 thead,
  .lightbox .wrap .box .tableAdmissions02 thead {
    display: none;
  }
  .lightbox .wrap .box .table01 tbody td, .lightbox .wrap .box .tableAdmissions01 tbody td,
  .lightbox .wrap .box .tableAdmissions02 tbody td {
    margin-bottom: 7px;
  }

  .lightboxWrapper {
    padding: 0 !important;
    border-bottom: none !important;
  }
  .lightboxWrapper .lightbox {
    padding: 0 0 6px;
    background: #f8f8fb;
    box-shadow: 0 -3px 3px #e2e2e2 inset;
    -moz-box-shadow: 0 -3px 3px #e2e2e2 inset;
    -webkit-box-shadow: 0 -3px 3px #e2e2e2 inset;
    -ms-box-shadow: 0 -3px 3px #e2e2e2 inset;
    -o-box-shadow: 0 -3px 3px #e2e2e2 inset;
  }
  .lightboxWrapper .lightbox .wrap .box {
    padding-bottom: 0 !important;
    padding: 18px 12px 0;
    box-shadow: 0 2px 3px #e2e2e2 inset;
    -moz-box-shadow: 0 2px 3px #e2e2e2 inset;
    -webkit-box-shadow: 0 2px 3px #e2e2e2 inset;
    -ms-box-shadow: 0 2px 3px #e2e2e2 inset;
    -o-box-shadow: 0 2px 3px #e2e2e2 inset;
  }
  .lightboxWrapper .lightbox .wrap .box p {
    margin: 0 12px 11px !important;
  }
  .lightboxWrapper .lightbox .wrap .box .tableRwd01 {
    margin: 0 -12px 18px !important;
    display: block;
  }
  .lightboxWrapper .lightbox .wrap .box .tableRwd01 thead {
    display: none;
  }
  .lightboxWrapper .lightbox .wrap .box .tableRwd01 tbody tr {
    margin: 0 !important;
  }
  .lightboxWrapper .lightbox .wrap .box .tableRwd01 tbody th {
    padding-left: 24px;
    padding-right: 24px;
  }
  .lightboxWrapper .lightbox .wrap .box .tableRwd01 tbody td .title {
    margin: 0 12px 0;
    padding-left: 24px;
    padding-right: 24px;
  }
  .lightboxWrapper .lightbox .wrap .box .tableRwd01 tbody td .text {
    margin: 0 12px 0;
    padding-right: 24px;
  }
  .lightboxWrapper .lightbox .wrap .hdgLv02 {
    display: none;
  }
  .lightboxWrapper .lightbox .wrap .hdgLv03 {
    margin: 0 0 6px;
    padding: 0;
    font-size: 107.7%;
    border: none;
  }
  .lightboxWrapper .lightbox .wrap .hdgLv03:before {
    width: 6px;
    height: 6px;
    margin: 0 6px 0 0;
    font-size: 4px;
    color: #0072b4;
    display: inline-block;
    position: relative;
    top: -1px;
    vertical-align: middle;
    background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -130px -13px no-repeat;
    content: "";
  }
  .lightboxWrapper .lightbox .wrap .listNotes01 {
    margin: 0 12px 0;
    padding-bottom: 6px;
  }
  .cartButton + .lightboxWrapper {
    margin-top: -16px;
    margin-bottom: 40px;
  }
  .lightboxWrapper.type1 .lightbox .wrap .box {
    width: auto !important;
  }
}
.lightboxWrapper {
  display: none;
}
.lightboxWrapper.active {
  display: block;
}
.lightboxWrapper .lightbox .wrap .box {
  padding-bottom: 10px;
}
.lightboxWrapper .lightbox .wrap .box p {
  text-align: left !important;
}
.lightboxWrapper .lightbox .wrap .box p.message1 {
  text-align: center !important;
}
.lightboxWrapper .lightbox .wrap .box .listNotes01 {
  margin-bottom: 0;
  padding-bottom: 10px;
  text-align: left;
}
.lightboxWrapper .lightbox .wrap .tableRwd01 {
  margin-top: 0;
  margin-bottom: 24px !important;
  border-top: 1px solid #c7c7c7;
}
.lightboxWrapper.type1 .lightbox .wrap .box {
  width: 358px;
}

@media only screen and (max-width: 767px) {
  #datepickWrapper {
    position: relative;
    top: 10px;
    left: 0;
    clear: both;
  }
  #datepickWrapper #ui-datepicker-div {
    width: 100% !important;
    margin: 0;
    padding: 8px 11px 11px;
    position: relative;
    float: none;
    clear: both;
    background: white;
    border: 4px solid #007ec6;
    box-shadow: 0 1px 0 #8bb9d3;
    -moz-box-shadow: 0 1px 0 #8bb9d3;
    -webkit-box-shadow: 0 1px 0 #8bb9d3;
    -ms-box-shadow: 0 1px 0 #8bb9d3;
    -o-box-shadow: 0 1px 0 #8bb9d3;
  }
  #datepickWrapper #ui-datepicker-div:before {
    display: none;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-title {
    width: 100%;
    margin: 0 0 8px !important;
    font-size: 107.7%;
    text-align: center;
    clear: both;
    display: block;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-title em {
    font-weight: bold;
    color: #2f2f2f;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-header {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 0;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-header:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-header .ui-datepicker-next {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    top: -2px;
    right: 15px;
    float: right;
    background: url("/export/sites/default/shared_52/images/icon-calendar-next_sp.png") left top no-repeat;
    background-size: 25px 25px;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-header .ui-datepicker-prev {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-indent: 100%;
    overflow: hidden;
    position: absolute;
    top: -2px;
    left: 15px;
    float: left;
    background: url("/export/sites/default/shared_52/images/icon-calendar-prev_sp.png") left top no-repeat;
    background-size: 25px 25px;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    margin-top: 30px;
    font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar thead th {
    font-size: 92.3%;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar thead th:first-child {
    color: #e22e73;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar thead th:last-child {
    color: #118acf;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td {
    font-size: 92.3%;
    text-align: center;
    line-height: 1;
    vertical-align: middle;
    border: 1px solid #c7c7c7;
    border-collapse: collapse;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td span {
    padding: 4px 0 3px;
    color: #2f2f2f;
    display: block !important;
    text-decoration: none;
    background: #eeeeee;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td a {
    padding: 4px 0 3px;
    display: block;
    text-decoration: none;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td a:hover {
    text-decoration: underline;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td:first-child a {
    color: #e22e73;
    background: #f8d9e5;
  }
  #datepickWrapper #ui-datepicker-div .ui-datepicker-calendar tbody td:last-child a {
    color: #118acf;
    background: #eaf6fd;
  }
}

.alignC {
  text-align: center !important;
}

.alignL {
  text-align: left !important;
}

.alignR {
  text-align: right !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {

  padding-left: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

/* ----- listPoint ----- */
.listPoint {
  margin-bottom: 36px;
}
.listPoint > li {
  margin-top: 17px;
  padding-top: 20px;
  background: url("/export/sites/default/shared_52/images/bg-border-01.png") 0 0 repeat-x;
}
.listPoint > li > .title {
  display: block;
  margin-bottom: 9px;
  color: #0072b4;
  font-weight: bold;
  font-size: 123.1%;
  line-height: 1.6;
}
.listPoint > li p {
  margin-bottom: 6px !important;
}
.listPoint > li:first-child {
  margin-top: 0;
  padding-top: 6px;
  background: none;
}
.listPoint > li .tableWrapper {
  margin-left: -28px;
}

@media only screen and (max-width: 767px) {
  .listPoint {
    margin-bottom: 24px;
  }
  .listPoint > li {
    margin-top: 12px;
    padding-top: 12px;
  }
  .listPoint > li .title {
    margin-bottom: 8px;
  }
  .listPoint > li .tableWrapper {
    margin-right: -22px;
    margin-left: -50px;
  }
}

/* ----- listStep01 ----- */

.listStep01 {
  margin-bottom: 6px;
}
.listStep01:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.listStep01 li {
  margin-bottom: 18px;
}
.listStep01 li {
  float: left;
  position: relative;
  margin-right: 18px;
  border: 1px solid #c6c6c6;
  width: 131.2px;
  box-sizing: border-box;
  padding: 0 6px;
}
.listStep01 li:after {
  border-style: solid;
  border-width: 15.5px 0 15.5px 10px;
  border-color: transparent transparent transparent #d5eaf5;
  position: absolute;
  content: "";
  top: 50%;
  right: -15px;
  margin-top: -15px;
}
.listStep01 li:last-child:after {
  border: none;
}
.listStep01 li.last:after {
  border: none;
}

.listStep01 .inner {
  padding: 15px 0;
}
.listStep01 li .image {
  margin-bottom: 15px;
  padding-bottom: 15px;
  width: 117px;
  height: 103px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.listStep01 li .hdg {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px;
}
#indexPc #container #maincol .listStep01 li p, #other #container #maincol .listStep01 li p {
  font-size: 13px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .listStep01 li {
    float: none;
    margin-right: 0;
    margin-bottom: 18px;
    width: 100%;
    padding: 15px;
  }
  .listStep01 li .inner {
    float: none;
    margin-right: 0;
    width: 100%;
  }
  .listStep01 .inner:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .listStep01 li .text {
    display: table-cell;
  }
  .listStep01 li .text .hdg {
    margin-top: 0;
    font-size: 15px;
  }
  .listStep01 .inner {
    padding: 0;
  }
  .listStep01 .inner .image {
    width: 80px;
    height: 55px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px 0 0;
    margin-bottom: 0;
  }
  .listStep01 .inner .image img {
    width: 65%;
  }
  .listStep01 li:last-child {
    float: none;
  }
  .listStep01 li:after {
    border-style: solid;
    border-width: 10px 15px 0 15px;
    border-color: #d5eaf5 transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    top: auto;
    left: 50%;
    bottom: -15px;
    margin-left: -15px;
  }
}
/* ----- listStep01 ----- */
.listStep02 {
  margin-bottom: 10px;
}
.listStep02:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.listStep02 li {
  border: 1px solid #c6c6c6;
  padding: 10px 15px;
  margin-bottom: 10px;
  float: left;
  width: 136px;
  margin-right: 18px;
  position: relative;
}
.listStep02 li:after {
  border-style: solid;
  border-width: 15.5px 0 15.5px 10px;
  border-color: transparent transparent transparent #d5eaf5;
  position: absolute;
  content: "";
  top: 50%;
  right: -15px;
  margin-top: -15px;
}
.listStep02 li.last:after {
  border: none;
}
.listStep02 li .num {
  color: #0072b4;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 12px;
  position: relative;
}
.listStep02 li .num span {
  font-size: 15px;
  font-weight: bold;
  margin-left: 3px;
}
.listStep02 li .num:before {
  position: absolute;
  background: #FFF;
  display: block;
  content: "";
  background: url(/export/sites/default/shared_52/images/icon-step-01.png);
  top: -5px;
  left: -10px;
  width: 10px;
  height: 10px;
}
.listStep02 li .hdg {
  position: relative;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
#indexPc #container #maincol .listStep02 li p , #other #container #maincol .listStep02 li p {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .listStep02 li {
    float: none;
    width: 100%;
    margin: 0 0 18px;
    box-sizing: border-box;
    padding: 10px 14px;
  }
  .listStep02 li:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 16px 0 16px;
    border-color: #d5eaf5 transparent transparent transparent;
    position: absolute;
    content: "";
    top: auto;
    bottom: -15px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
/* ----- basicInfoNavSub ----- */
ul.basicInfoNavSub {
  margin-bottom: 23px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  padding: 7px 11px 6px 11px;
  border: 1px solid #bcbcbc;
  font-size: 0;
}
ul.basicInfoNavSub > li {
  display: inline-block;
  margin-top: 7px;
  margin-bottom: 7px;
  margin-right: 12px;
  padding-right: 13px;
  border-right: 1px solid #c7c7c7;
  font-size: 13px;
  font-size: 0.813rem;
  line-height: 1.2;
}
ul.basicInfoNavSub > li a:not([href]) {
  color: #333;
  font-weight: bold;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  ul.basicInfoNavSub {
    margin-bottom: 11px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding-bottom: 0;
    border: none;
    border-top: 1px solid #bcbcbc;
    font-size: 0;
  }
}
/* ----- basicInfoNavWrapper ----- */
.basicInfoNavWrapper {
  margin-bottom: 40px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border: 1px solid #bcbcbc;
}
.basicInfoNavWrapper .basicInfoNav,
.basicInfoNavWrapper .basicInfoNavSub {
  border: none;
}
.basicInfoNavWrapper .basicInfoNav {
  margin-bottom: 0;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #ccc;
}
.basicInfoNavWrapper .basicInfoNavSub {
  margin-bottom: 2px;
  padding-top: 5px;
  padding-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  .basicInfoNavWrapper {
    margin-bottom: 20px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-right: none;
    border-left: none;
  }
  .basicInfoNavWrapper .basicInfoNav {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
}
.listFormCtrl01 {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 24px;
  padding: 9px 12px 9px 10px;
  border: 1px solid #c7c7c7;
}
.listFormCtrl01 > li {
  display: table-cell;
  width: 19%;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #c7c7c7;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.listFormCtrl01 > li label {
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  position: relative;
  display: block;
  padding-left: 25px;
  /*&.active{
    > input[type="checkbox"]{
      & + span:before {
      background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
      background:none\9;
      }
    }
    > input[type="radio"]{
      & + span:before {
      background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -350px -98px no-repeat;
      background:none\9;
      }
    }
  }*/
}
.listFormCtrl01 > li label > input[type="checkbox"] {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
  opacity: 0;
}
.listFormCtrl01 > li label > input[type="checkbox"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -207px -98px no-repeat;
  background: none\9;
}
.listFormCtrl01 > li label > input[type="checkbox"]:checked + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
  background: none\9;
}
.listFormCtrl01 > li label > input[type="radio"] {
  position: absolute;
  top: 50%;
  left: 3px;
  margin-top: -7px;
  opacity: 0;
}
.listFormCtrl01 > li label > input[type="radio"] + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -323px -98px no-repeat;
  background: none\9;
}
.listFormCtrl01 > li label > input[type="radio"]:checked + span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -350px -98px no-repeat;
  background: none\9;
}
.listFormCtrl01 > li label > span {
  margin-left: -28px;
}
.listFormCtrl01 > li label > span:before {
  width: 19px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
}
.listFormCtrl01 > li:first-child {
  padding-left: 0;
  border: none;
}

.listFormCtrl02 {
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.listFormCtrl02 > li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.listFormCtrl02 > li label {
  width: 19px;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
  display: block;
}
.listFormCtrl02 > li label > span > input[type="checkbox"] {
  display: none;
  display: block\9;
}
.listFormCtrl02 > li label > span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -207px -98px no-repeat;
  background: none\9;
}
.listFormCtrl02 > li label > span:before {
  width: 19px;
  height: 16px;
  margin: -8px 0 0 0;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: "";
}
.listFormCtrl02 > li label.active > span:before {
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -236px -98px no-repeat;
  background: none\9;
}

@media only screen and (max-width: 767px) {
  .listFormCtrl01 {
    display: table;
    margin: 0 0 20px;
    padding: 0;
    border: none;
    border-top: 1px solid #c7c7c7;
  }
  .listFormCtrl01:after {
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    content: "";
    zoom: 1;
  }
  .listFormCtrl01 > li {
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    width: 50%;
    height: 70px !important;
    padding-left: 0;
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    white-space: normal;
  }
  .listFormCtrl01 > li label {
    display: table-cell;
    padding-left: 0;
    padding: 13px 11px 13px 11px;
    text-align: left;
    vertical-align: middle;
  }
  .listFormCtrl01 > li label > span {
    position: relative;
    display: inline-block;
    margin-left: 0;
    padding-left: 25px;
  }
  .listFormCtrl01 > li:first-child {
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
  }
  .listFormCtrl01 > li:nth-child(2n+1) {
    border-left: none;
  }
  .listFormCtrl01 > li:nth-child(even) {
    padding-right: 0;
  }
  .listFormCtrl01 > li.spColFull {
    width: 100%;
  }
  .listFormCtrl01 > li.spColFull br {
    display: none;
  }
}
.for-lightbox .icon:after {
  margin-left: 5px;
  position: relative;
  top: 2px;
  content: url(/export/sites/default/shared_52/images/icon-blank-02.png);
  height: 14px;
  width: 17px;
}
@media screen and (max-width: 768px) {
  .for-lightbox .icon:after {
    top: 4px;
    content: url(/export/sites/default/shared_52/images/icon-toggle02-open.png);
    height: 17px;
    width: 16px;
    background: none;
  }
}
.for-lightbox[data-open="true"] .icon:after {
  content: url(/export/sites/default/shared_52/images/icon-toggle02-close.png);
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .lightbox {
    position: static;
    background: none;
    width: auto;
    height: auto;
  }
}
.lightbox #lightboxInnerWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(/export/sites/default/shared_52/images/bg-lightbox_01.png) 0 0 repeat;
}
.lightbox[aria-hidden="false"] {
  width: 100%;
  height: 100%;
  display: table;
}
@media screen and (max-width: 768px) {
  .lightbox[aria-hidden="false"] {
    display: block;
  }
}
.lightbox .wrap {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .lightbox .wrap {
    display: block;
  }
}
.lightbox .box {
  position: relative;
  z-index: 3;
  padding: 24px 20px 0;
  border-radius: 3px;
  display: inline-block;
  position: relative;
  width: 700px;
  background: #fff;
}
.lightbox .box #notice {
  padding: 0 0 10px;
  border: none;
}
@media screen and (max-width: 768px) {
  .lightbox .box {
    padding: 0;
    display: block;
    width: auto;
    background: transparent;
  }
}
.lightbox .box .close {
  position: absolute;
  top: -12px;
  right: -12px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .lightbox .box .close {
    display: none;
  }
}
.lightbox .box .close > img {
  display: block;
  height: 31px;
  width: 31px;
}

.tableRwdFaculty {
  margin: 0 0 20px;
  border-bottom: 1px solid #c7c7c7;
  border-collapse: collapse;
  width: 100%;
}
.tableRwdFaculty thead th {
  padding: 10px 12px 8px;
  border-top: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  background: #fbf9c7;
}
.tableRwdFaculty thead th:first-child {
  border-left: none;
}
.tableRwdFaculty tbody th,
.tableRwdFaculty tbody td {
  padding: 10px 12px 8px;
  border: 0;
  border-top: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
}
.tableRwdFaculty tbody th {
  background: #fcfbe3;
  font-weight: bold;
}
.tableRwdFaculty tbody th:first-child {
  border-left: none;
}
.tableRwdFaculty tbody td {
  background: #fff;
}
.tableRwdFaculty tbody td:first-child {
  border-left: none;
}
.tableRwdFaculty tbody td .linkList {
  padding-bottom: 0;
}
.tableRwdFaculty .subject {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .tableRwdFaculty {
    display: block;
    width: auto;
  }
  .tableRwdFaculty thead,
  .tableRwdFaculty tbody,
  .tableRwdFaculty tr {
    display: block;
  }
  .tableRwdFaculty thead,
  .tableRwdFaculty tbody {
    margin-left: 1px;
  }
  .tableRwdFaculty thead th,
  .tableRwdFaculty thead td,
  .tableRwdFaculty tbody th,
  .tableRwdFaculty tbody td {
    margin-left: -1px;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 3.2em;
    vertical-align: top;
  }
  .tableRwdFaculty thead th {
    padding-left: 6px;
    padding-right: 6px;
  }
  .tableRwdFaculty .faculty {
    width: 50%;
    border-right: 1px solid #c7c7c7;
  }
  .tableRwdFaculty .course {
    width: 50%;
  }
  .tableRwdFaculty .subject {
    width: 20%;
    border-right: 1px solid #c7c7c7;
    border-left: none;
  }
  .tableRwdFaculty .links {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .lightbox #notice {
    background: #e1f1fa !important;
  }
  .lightbox #lightboxInnerWrapper {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 0;
    background: none;
  }
}
@media print {
  #header, #footer, #topicPath, #mainUtility, #subColumn {
    display: none;
  }

  #maincol {
    width: 950px !important;
  }
}

div.error {
  background: #e12c71;
}
/*--mase OC用追加--*/
.tableRwd03 {
  width: 100%;
  margin: 0 0 20px;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd03 thead th {
  padding: 5px;
  /*padding: 10px 12px 8px;*/
  background: #fcfbe3;
  border-right: 1px solid #c7c7c7;
}
.tableRwd03 thead th:last-child {
  border-right: none;
}
.tableRwd03 tbody th, .tableRwd03 tbody td {
  padding: 5px;
  /*padding: 10px 12px 8px;*/
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd03 tbody th {
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.tableRwd03 tbody th:first-child {
  border-left: none;
}
.tableRwd03 tbody td {
  background: #ffffff;
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.tableRwd03 tbody td:first-child {
  border-left: none;
}
.tableRwd03 tbody td span.title {
  display: none;
}
.tableRwd03 tbody td .linkList {
  padding-bottom: 0 !important;
}

.funcToggle01 .tglContent .tableRwd03 {
  margin: 0 0 -1px;
  border-top: none;
  border-bottom: none;
}
.funcToggle01 .tglContent .tableRwd03 thead th.adjustIE {
  border-right: none;
}


@media only screen and (max-width: 767px) {
  .tableRwd03 {
    width: auto;
    margin: 0 0 16px;
    border-top: 1px solid #c7c7c7;
    border-bottom: none;
    border-left: none;
    border-right: none;
    border-collapse: collapse;
    display: block;
  }
  .tableRwd03 thead th {
    display: none;
  }
  .tableRwd03 tbody {
    width: 100%;
    display: block;
  }
  .tableRwd03 tbody tr {
    display: block;
  }
  .tableRwd03 tbody tr.tableTgl {
    display: none;
  }
  .tableRwd03 tbody th, .tableRwd03 tbody td {
    padding: 10px 12px 8px;
    text-align: left;
  }
  .tableRwd03 tbody th {
    font-weight: bold;
    display: block;
    border-bottom: none;
    background: #fcfbe3;
  }
  .tableRwd03 tbody td {
    width: 100%;
    display: table;
    border-left: none;
  }
  .tableRwd03 tbody td span.title {
    width: 32%;
    padding: 10px 12px 8px;
    font-weight: bold;
    vertical-align: top;
    display: table-cell;
  }
  .tableRwd03 tbody td span.text {
    width: 68%;
    padding: 10px 12px 8px;
    vertical-align: top;
    display: table-cell;
    border-left: 1px solid #c7c7c7;
  }
  .tableRwd03 tbody td .linkList {
    padding-bottom: 0;
  }
  .tableRwd03 tbody td .linkList li {
    margin-left: 0;
    float: none;
  }
  .tableRwd03 tbody td .linkList li a:after {
    background: none;
  }

  .funcToggle01 .tglContent .tableRwd03 {
    margin: 0 12px -1px !important;
    border-top: none;
    border-bottom: none;
  }
  .funcToggle01 .tglContent .tableRwd03 tbody tr {
    margin: 0 -12px 0 !important;
  }
}
.tableScrollWrapper {
  margin: 0 0 24px;
}
.tableScrollWrapper .message {
  display: none;
}
@media only screen and (max-width: 767px) {
  .tableScrollWrapper {
    border: 3px solid #ddd;
    border-radius: 3px;
  }
  .tableScroll {
    overflow-x: scroll;
  }
  #other.lytColMs #container #maincol .tableScrollWrapper .message {
    display: block;
    background: #d96868;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    padding: 7px 0;
    margin-bottom: 0;
  }
}
.tableRwd04 {
  width: 746px;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd04 thead th {
  padding: 10px 12px 8px;
  background: #fcfbe3;
  border-right: 1px solid #c7c7c7;
}
.tableRwd04 thead th:last-child {
  border-right: none;
}
.tableRwd04 thead th.last {
  border-right: none;
}
.tableRwd04 tbody th, .tableRwd04 tbody td {
  padding: 10px 12px 8px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-left: none;
  border-right: none;
  border-collapse: collapse;
}
.tableRwd04 tbody th {
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.tableRwd04 tbody th:first-child {
  border-left: none;
}
.tableRwd04 tbody td {
  background: #ffffff;
  border-bottom: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
.tableRwd04 tbody td:first-child {
  border-left: none;
}
.tableRwd04 tbody td span.title {
  display: none;
}
.tableRwd04 tbody td .linkList {
  padding-bottom: 0 !important;
}
/*--mase OC用追加--*/

/*--osakabe 0603追加--*/

   .supple01{
    font-size: 70%;
    color: #707070;
      text-align: right;
    margin: -2% 0px 5px !important;
  }


   .supple02{
    font-size: 70%;
    color: #707070;
      text-align: left;
    margin: -2% 0px 5px !important;
  }
  
   .supple03{
    font-size: 70%;
    color: #707070;
      text-align: left;
    margin: 2px 0px 5px !important;
  }
  
 /*--osakabe 0603追加--*/




/*--osakabe boxCollegeInfo--*/

#other .boxCollegeInfo {
  margin: 0 0 35px;
  padding: 9px 13px 13px;
  border: 3px solid #c7c7c7;
  display:inline-block;
}
#other .boxCollegeInfo :after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}

#other .boxCollegeInfo .listContent {
  width: 342px;
  margin: 0 7px 6px;　
  padding: 0 0 10px;
  float: left;
  border-bottom: 1px dashed #c7c7c7;
}

/*
#other .boxCollegeInfo .listContent:nth-last-child(-n+2) {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}
#other .boxCollegeInfo .listContent:nth-child(even) {
  float: right;
}
*/
#other .boxCollegeInfo .listContent .title {
  margin: 0 0 9px !important;
}
#other .boxCollegeInfo .listContent .title .date {
  margin: 2px 20px 0 0;
  font-size: 92.3%;
  font-weight: bold;
  float: left;
  clear: left;
  display: block;
}
#other .boxCollegeInfo .listContent .title .name {
  overflow: hidden;
  display: block;
}
#other .boxCollegeInfo .listContent .content {
  margin: 0 !important;
}
#other .boxCollegeInfo .listContent .content .text {
  width: 272px;
  float: right;
}
#other .boxCollegeInfo .listContent .content .img {
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: #e9e9eb;
}
#other .boxCollegeInfo .listContent .content .img img {
  width: 40px;
}


/*OCスチE対筁E/

@media only screen and (max-width: 744px) {
#other .boxCollegeInfo .listContent {
width:47%;
}
#other .boxCollegeInfo .listContent .content .text {
width:74%;
}
}

@media only screen and (max-width: 498px) {
#other .boxCollegeInfo .listContent {
width:98%;
}
#other .boxCollegeInfo .listContent .content .text {
min-width:74%;
font-size:120%;
}
}


@media only screen and (max-width: 767px) {
img#ocmap {
    display: none;
  }
}



/*--osakabe boxCollegeInfo--*/

/*--osakabe 1120--*/

#indexPc #header .headerKawai, #other #header .headerKawai {
  position: absolute;
  top: 0;
  width: 100%;
}


 /*--osakabe 1218--*/
#indexPc #footer .footerKawai, #other #footer .footerKawai {
  width: 100%;
}


 /*--osakabe 0227--*/
 .idxCol3 {
  margin: 36px 0 -20px -20px;
  padding: 0 0 24px;
}
.idxCol3:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.idxCol3 .segment {
  width: 330px;
  margin: 0 0 20px 20px;
  padding: 2px 15px 2px 15px;
  border: 1px solid #c7c7c7;
  float: left;
}
.idxCol3 .segment .heading01 {
  margin: 0 -13px 16px;
  padding: 10px 13px 8px;
  font-size: 123.1%;
  line-height: 1.4;
  background: #eaf6fd;
}
.idxCol3 .segment .heading01 a {
  display: block;
  position: relative;
}
.idxCol3 .segment .heading01 a:after {
  width: 12px;
  height: 18px;
  margin: -10px 0 0 0;
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -144px -60px no-repeat;
  content: "";
}
.idxCol3 .segment .heading02 {
  margin: 12px 0 20px;
  padding: 2px 0 0 0;
  font-size: 123.1%;
  line-height: 1.4;
  position: relative;
}
.idxCol3 .segment .heading02 span {
  padding: 6px 0 4px;
  min-width: 24px;
  display: inline-block;
  font-size: 84.6%;
  color: white;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  background: #2585c6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
}
.idxCol3 .segment p {
  margin-bottom: 0 !important;
}
.idxCol3 .segment .title {
  margin-bottom: 8px !important;
}
.idxCol3 .segment .title em {
  font-weight: bold;
  color: #2f2f2f;
}
.idxCol3 .segment .layoutImg .layoutLeft {
  min-width: 60px;
  margin: 0 14px 14px 0;
  float: left;
}
.idxCol3 .segment .layoutImg .layoutRight {
  margin: 0 0 14px;
  overflow: hidden;
}
.idxCol3 .segment .layoutImg .layoutRight p {
  margin-bottom: 3px !important;
}
.idxCol3 .segment .layoutImg .layoutRight .listStyle01 {
  padding-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  .idxCol3 {
    margin: 0 0 -15px;
    padding: 0 0 20px;
  }
  .idxCol3 .segment {
    width: auto;
    margin: 0 -12px 15px;
    padding: 2px 0 0 0;
    border: none;
    border-top: 1px solid #c7c7c7;
    float: none;

  }
  .idxCol3 .segment:nth-child(even) {
    margin-right: -12px;
  }
  .idxCol3 .segment .heading01 {
    margin: 0 0 12px;
    padding: 9px 12px 9px;
  }
  .idxCol3 .segment .heading02 {
    margin: 12px 12px 21px;
    padding: 3px 0 0 0;
    position: relative;
  }
  .idxCol3 .segment .heading02 span {
    padding: 7px 0 4px;
    min-width: 24px;
    display: inline-block;
    color: white;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #2585c6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .idxCol3 .segment .layoutImg {
    height: auto !important;
    margin: 0 12px 0;
    overflow: hidden;
  }
  .idxCol3 .segment .listStyle01 {
    margin: 0 12px -5px;
  }
}
/* ============================================================================
 * 大学トッチE画像レイアウトモジュール
 * ========================================================================= */
.collegeImgCol2Left {
  overflow: hidden;
}
.collegeImgCol2Left .layoutLeft {
  float: left;
  padding: 0 24px 0 0;
}
.collegeImgCol2Left .layoutRight {
  overflow: hidden;
}
.collegeImgCol2Right {
  overflow: hidden;
}
.collegeImgCol2Right .layoutRight {
  float: right;
  padding: 0 0 0 24px;
}
.collegeImgCol2Right .layoutLeft {
  overflow: hidden;
}
.collegeImgCol2Left:after,
.collegeImgCol2Right:after {
  display: block;
  visibility: hidden;
  clear: both;
  zoom: 1;
  height: 0;
  content: "";
}
.topicBox {
  background: #eef8fd;
  margin: 0 0 24px;
  padding: 0 0 10px;
  -webkit-border-radius: 5px;
          border-radius: 5px;
}
.topicBox .titleTopic {
  background: url(/export/sites/default/shared_52/images/bg-nav-02.png) transparent 0 0 repeat;
  position: relative;
  display: block;
  width: 100%;
  margin: -15px 0 10px !important;
  padding: 6px 0 6px;
  -webkit-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}
.topicBox .titleTopic em {
  line-height: 1.2;
  vertical-align: middle;
  color: #000;
  position: relative;
  display: inline-block;
  min-height: 17px;
  padding: 2px 0 0 10px;
}
.topicBox p {
  line-height: 1.4;
  margin: 0!important;
  padding: 0 10px;
}
p.l_Img {
  width: 300px;
}
.l_Img img {
  width: 100%;
}
/* ----------------------------------------------------------------------------
 * トピチE??スボックス
 * ------------------------------------------------------------------------- */
.titleCollege {
  font-size: 138.5%;
  line-height: 1.4;
  text-align: left;
  background: #3ea1da;
  margin: 40px 0 22px;
  padding: 7px 12px 4px;
  border-left: 6px solid #0072b4;
}
.titleCollege em {
  color: white;
}
@media only screen and (max-width: 767px) {
  p.titleCollege {
    margin: 0 -12px 13px !important;
    padding: 7px 10px 7px;
  }
  .collegeImgCol2Left .layoutLeft {
    text-align: center;
    float: none;
    width: auto;
    margin: 16px 0 18px !important;
    padding: 0;
  }
  .collegeImgCol2Left .layoutRight {
    text-align: left;
    float: none;
    width: auto;
  }
  .collegeImgCol2Left.spLayout01 .layoutLeft {
    float: left;
    width: 32%;
    max-width: 200px;
    padding-right: 10px;
  }
  .collegeImgCol2Right .layoutRight {
    text-align: center;
    float: none;
    width: auto;
    padding: 0;
  }
  .collegeImgCol2Right .layoutLeft {
    text-align: left;
    float: none;
    width: auto;
  }
  .collegeImgCol2Right.spLayout01 .layoutRight {
    float: right;
    width: 32%;
    max-width: 200px;
    padding-left: 10px;
  }
  .collegeImgCol2Left,
  .collegeImgCol2Right {
    display: block;
    overflow: visible;
    margin: 0 0 24px;
    padding: 0 0 0;
  }
  .collegeImgCol2Left.spLayout01 .layoutLeft,
  .collegeImgCol2Left.spLayout01 .layoutRight,
  .collegeImgCol2Right.spLayout01 .layoutLeft,
  .collegeImgCol2Right.spLayout01 .layoutRight {
    margin-top: 0 !important;
  }
}
/* ============================================================================
 * オープンキャンパス open-campus
 * ========================================================================= */

.opCampusContent .resultContent05 {
  padding: 10px 0 10px 20px;
  border-bottom: 1px solid #cccccc;
}
.opCampusContent .resultContent05 .opCampusList {
  margin: -5px 0 -5px -20px;
  padding: 0px 0 0px 5px;
  overflow: hidden
}
.opCampusContent .resultContent05 .opCampusListContent {
  padding: 2px 1px 0 0;
  display: table-cell;
  vertical-align: top;
}
.opCampusContent .resultContent05 .opCampusListContent .logoImg {
  width: 50px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.opCampusContent .resultContent05 .opCampusListContent .logoImg img {
  max-width: 50px;
}
.opCampusContent .resultContent05 .opCampusListContent .heading {
  padding: 0 0 0 20px;
  font-size: 92.3%;
  font-weight: normal;
  display: table-cell;
  vertical-align: middle;
}
.opCampusContent .resultContent05 .opCampusListContent .heading a {
  margin: 1px 0 6px;
  font-size: 184.6%;
  font-weight: bold;
}
.opCampusContent .resultContent05 .opCampusListContent .heading span {
  display: block;
}
/* ============================================================================
 * 共送EチE?? siteHeader
 * ========================================================================= */
.siteHeaderWrap {
  background: #fff;
  width: 100%;
  padding: 0 0 18px;
  border-bottom: 1px solid #c5cbd5;
}
.siteHeaderWrap.net02 {
  border-top: solid 2px #0072ba;
}
.siteHeaderWrap a {
  text-decoration: none;
}
.siteHeaderWrap a:hover {
  text-decoration: underline;
}
#other .siteHeaderWrap div#gHeader {
  padding: 4px 10px;
}
#other .siteHeaderWrap div#gHeader div.gStyleIn {
  max-width: 950px;
}
.siteHeader {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 10px;
}
#indexPc .siteHeader {
  width: 950px;
}
.siteHeader .headerContent {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.siteHeader .headerContent .segment01,
.siteHeader .headerContent .segment02 {
  vertical-align: top;
  display: table-cell;
}
.siteHeader .headerContent .segment01 {
  padding: 0 15px 0 0;
}
.siteHeader .headerContent .segment01 .siteName {
  padding: 4px 0 9px;
}
.siteHeader .headerContent.net .segment01 .siteName {
  padding: 16px 0;
}
.siteHeader .headerContent .segment01 .siteName .linkListWrap {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  padding-top: 4px;
}
.siteHeader .headerContent .segment01 .siteName .linkList01 {
  margin: 0;
  display: inline-block;
}
.siteHeader .headerContent .segment01 .siteName .linkList01 li {
  margin: 0;
}
.siteHeader .headerContent .segment01 .siteName .linkList01 li:before {
  background: none;
  width: 0;
}
.siteHeader .headerContent .segment01 .siteName > .inner {
  display: table;
  width: 100%;
}
.siteHeader .headerContent .segment01 .siteName .hdg,
.siteHeader .headerContent .segment01 .siteName .leadTxt {
  font-size: 13px;
  font-weight: normal;
  vertical-align: middle;
  position: static;
  display: table-cell;
  margin: 0;
  padding: 0;
}
.siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName {
  padding: 10px 0 13px;
}
.siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg + .leadTxt {
  padding: 0;
}
.siteHeader .headerContent .segment01 .siteName .hdg {
  padding: 0 0 0 1px;
}
.siteHeader .headerContent.net .segment01 .siteName .hdg {
  width: 380px;
}
.siteHeader .headerContent .segment01 .siteName .hdg a,
.siteHeader .headerContent .segment01 .siteName .hdg a:before {
  display: block;
  width: 201px;
  height: 52px;
}
.siteHeader .headerContent.net .segment01 .siteName .hdg a,
.siteHeader .headerContent.net02 .segment01 .siteName .hdg a {
  height: 40px;
  text-indent: -9999px;
}

.siteHeader .headerContent .segment01 .siteName .hdg a {
  font-size: 10px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.siteHeader .headerContent .segment01 .siteName .hdg a:before {
  background: url("/export/sites/default/shared_52/images/header/logo-01.png") #fff 0 0 no-repeat;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  content: "";
}
.siteHeader .headerContent.net .segment01 .siteName .hdg a {
  width: 360px;
}
.siteHeader .headerContent.net .segment01 .siteName .hdg a:before {
  background: url("/export/sites/default/shared_52/images/header/logo-03.png") #fff 0 0 no-repeat;
  width: 360px;
}
.siteHeader .headerContent.net02 .segment01 .siteName .hdg a:before {
  background: url("/export/sites/default/shared_52/images/header/logo-06.png") #fff 0 0 no-repeat;
  width: 201px;
}
.siteHeader .headerContent .segment01 .siteName .hdg a.isIe8:before {
  display: none;
}
.siteHeader .headerContent.net .segment01 .siteName .hdg a.isIe8:before {
  display: block;
}

.siteHeader .headerContent .segment01 .siteName .leadTxt {
  line-height: 1.6;
  padding: 4px 0 0 20px;
}
.siteHeader .headerContent.net .segment01 .siteName .hdg + .leadTxt {
  padding: 15px 0 0 0;
}
.siteHeader .headerContent.net .segment01 .siteName .hdg + .leadTxt span {
  margin-top: -8px;
  display: block;
}
.siteHeader .headerContent .segment01 .navigation > .inner {
  display: table;
  table-layout: fixed;
}
.siteHeader .headerContent .segment01 .navigation .link,
.siteHeader .headerContent .segment01 .navigation .search {
  vertical-align: middle;
  display: table-cell;
}
.siteHeader .headerContent .segment01 .navigation .search {
  padding: 0 0 0 20px;
}
.siteHeader .headerContent .segment01 .navigation .siteSearch > .inner {
  position: relative;
}
.siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox,
.siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox:before {
  display: block;
  width: 32px;
  height: 32px;
}
.siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox {
  font-size: 10px;
  position: relative;
  display: none;
  float: right;
}
.siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox:before {
  background: url("/export/sites/default/shared_52/images/header/btn-search-01.png") #fff 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox.is-active:before {
  background-position: left bottom;
}
.siteHeader .headerContent .segment01 .navigation .siteSearch .textArea {
  line-height: 1.7;
  background: url("/export/sites/default/shared_52/images/header/icon-search-01.png") #fff 4px center no-repeat\9;
  float: left;
  width: 170px;
  margin: 0 5px 0 0;
  padding: 2px 4px 2px 27px;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
}
.siteHeader .headerContent .segment01 .navigation .siteSearch > .inner:after {
  background: url("/export/sites/default/shared_52/images/header/icon-search-01.png") transparent 4px center no-repeat;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 1px;
  display: block;
  width: 21px;
  height: 17px;
  content: "";
}
.siteHeader .headerContent .segment01 .navigation .siteSearch .button {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #1e54aa;
  padding: 4px 11px 3px;
  border-radius: 4px;
  cursor: pointer;

  -webkit-appearance: none;
}
.siteHeader .headerContent .segment01 .navigation .siteSearch .button:hover {
  opacity: .7;
}
.siteHeader .headerContent .segment02 {
  vertical-align: top;
  overflow: hidden;
  width: 520px;
}
.siteHeader .headerContent .segment02 .navigation {
  display: table;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 12px 0 0 13px;
}
.siteHeader .headerContent .segment02 .navigation .userName,
.siteHeader .headerContent .segment02 .navigation .navUtility {
  text-align: right;
  vertical-align: top;
  display: table-cell;
}
.siteHeader .headerContent .segment02 .navigation .userName {
  letter-spacing: 0;
  padding: 3px 5px 0 0;
}
.siteHeader .headerContent .segment02 .navigation .userName span {
  font-weight: bold;
}
.siteHeader .headerContent .segment02 .navigation .navUtility ul {
  float: right;
  overflow: hidden;
  width: 335px;
  margin: 0 -8px 0 0;
  margin-right: -3px\9;
}
.siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility ul {
  width: 347px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li {
  display: inline-block;
  padding: 0 3px 9px 0;
  padding-right: 0px\9;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li a {
  font-size: 11.5px;
  letter-spacing: 0;
  background: transparent 0 center no-repeat;
  display: block;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li a br {
  display: none;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.account a {
  background-image: url("/export/sites/default/shared_52/images/header/icon-account-01.png");
  background-size: 19px 13px;
  padding: 0 0 0 23px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.session a {
  background-image: url("/export/sites/default/shared_52/images/header/icon-session-01.png");
  background-position: 2px center;
  background-size: 18px 16px;
  padding: 0 0 0 25px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.cart {
  padding-right: 8px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.cart a {
  background-image: url("/export/sites/default/shared_52/images/header/icon-cart-01.png");
  background-position: 3px 2px;
  background-size: 20px 17px;
  padding: 0 0 0 28px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.cart a em {
  font-size: 16px;
  padding: 0 0 0 5px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.claim a {
  color: #fff;
  background: #ff7f00 no-repeat;
  /* 背景画像キャチE??ュのため */
  background-image: url("/export/sites/default/shared_52/images/header/icon-claim-01.png"), url("/export/sites/default/shared_52/images/header/icon-claim-02.png");
  background-position: right 9px center, right -100% center ;
  background-image: url("/export/sites/default/shared_52/images/header/icon-claim-01.png")\9;
  background-position: 109px center\9;
  padding: 4px 30px 3px 10px;
  border-radius: 4px;
  margin: 0 6px 0 0;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.claim a:hover {
  text-decoration: none;
  background-color: #ff9933;
  background-image: url("/export/sites/default/shared_52/images/header/icon-claim-02.png");
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.apply{
  display: none;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.apply a {
  line-height: 1.45;
  letter-spacing: -.5px;
  text-align: right;
  background: url("/export/sites/default/shared_52/images/header/icon-apply-01.png") #fff 11px center no-repeat;
  background-size: 17px 15px;
  padding: 3px 8px 2px 35px;
  border: 2px solid #c5cbd5;
  border-radius: 4px;
}
.siteHeader .headerContent .segment02 .navigation .navUtility li.apply a:hover {
  text-decoration: none;
  background-color: #f0f5fc;
}
.siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.account a {
  background-image: url("/export/sites/default/shared_52/images/header/icon-account-02.png");
  background-size: 16px 15px;
}
.siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.session a {
  background-image: url("/export/sites/default/shared_52/images/header/icon-session-02.png");
  background-size: 17px 16px;
}
.siteHeader .headerContent .segment02 .link {
  padding: 4px 0 0;
  text-align: right;
}
.navArea {
  background: url(/export/sites/default/shared_52/images/bg-global-line.png) left bottom repeat-x;
}
.navArea #globalNav {
  width: 949px;
  margin: 0 auto 0;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.navArea #globalNav:after {
  width: 1px;
  height: 37px;
  display: block;
  position: absolute;
  right: 0;
  top: 13px;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -50px no-repeat;
  content: "";
}
.navArea #globalNav li {
  width: 237px;
  float: left;
}
.navArea #globalNav li:last-child {
  width: 238px;
}
.navArea #globalNav li:last-child.active:before {
  width: 237px;
}
.navArea #globalNav li:last-child.current:before {
  width: 237px;
}
.navArea #globalNav li:nth-child(2) a img {
  left: -10px;
}
.navArea #globalNav li.active {
  position: relative;
}
.navArea #globalNav li.active:before {
  width: 236px;
  position: absolute;
  left: 1px;
  bottom: 0;
  border-bottom: 4px solid #007ec6;
  background: #007ec6;
  content: "";
}
.navArea #globalNav li.current {
  position: relative;
}
.navArea #globalNav li.current:before {
  width: 236px;
  position: absolute;
  left: 1px;
  bottom: 0;
  border-bottom: 4px solid #007ec6;
  background: #007ec6;
  content: "";
}
.navArea #globalNav li.current:after {
  width: 10px;
  height: 5px;
  margin: 0 0 0 -5px;
  position: absolute;
  bottom: 4px;
  left: 50%;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -123px no-repeat;
  content: "";
}
.navArea #globalNav li span {
  display: none;
}
.navArea #globalNav a {
  padding: 13px 0 24px;
  display: block;
  position: relative;
}
.navArea #globalNav a:before {
  width: 1px;
  height: 37px;
  display: block;
  position: absolute;
  left: 0;
  background: url(/export/sites/default/shared_52/images/icon-splite-01.png) -10px -50px no-repeat;
  content: "";
}
.navArea #globalNav a img {
  padding: 1px 0 0;
  position: relative;
}
/* ------------------------------------
 * リサイズ対忁E
 * --------------------------------- */
@media screen and (max-width: 950px) {
  .siteHeader .headerContent .segment01 .siteName .hdg,
  .siteHeader .headerContent .segment01 .siteName .leadTxt {
    display: block;
  }
  .siteHeader .headerContent .segment01 .siteName .leadTxt {
    padding-left: 0;
  }
  .siteHeader .headerContent .segment02 {
    width: auto;
  }
}
@media screen and (max-width: 900px) {
  .siteHeader .headerContent .segment02 .navigation .userName,
  .siteHeader .headerContent .segment02 .navigation .navUtility {
    display: block;
  }
  .siteHeader .headerContent .segment02 .navigation .userName {
    padding: 3px 0 0;
  }
  .headerContent .segment02 .navigation .navUtility {
    float: right;
  }
  .siteHeader .headerContent .segment02 .link {
    clear: both;
  }
  .siteHeader .headerContent .segment01 .navigation .siteSearch .textArea {
    width: 160px;
    margin: 0 2px 0 0;
  }
}
/* ------------------------------------
 * SP晁Eスタイル
 * --------------------------------- */
@media screen and (max-width: 767px) {
  .siteHeaderWrap {
    margin-bottom: 0;
    padding: 0;
    border-width: 3px 0 1px;
  }
  .siteHeader {
    padding: 0;
  }
  #wrapper .siteHeaderWrap div#gHeader {
    display: block;
    padding: 0;
    border-bottom: 0;
  }
  .siteHeaderWrap .gStyleIn {
    display: none;
  }
  .siteHeader .headerContent,
  .siteHeader .headerContent .segment01,
  .siteHeader .headerContent .segment02 {
    display: block;
  }
  .siteHeader .headerContent .segment01 {
    padding: 0;
  }
  .siteHeader .headerContent .segment01 > .inner {
    display: table;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 0 10px 9px;
    table-layout: fixed;
  }
  .siteHeader .headerContent.net .segment01 > .inner {
    padding: 0 12px 9px;
  }
  .siteHeader .headerContent .segment01 .siteName,
  .siteHeader .headerContent .segment01 .navigation {
    vertical-align: top;
    display: table-cell;
    padding: 0;
  }
  .siteHeader .headerContent .segment01 .siteName .hdg {
    padding-top: 9px;
  }
  .siteHeader .headerContent .segment01 .siteName .hdg a,
  .siteHeader .headerContent .segment01 .siteName .hdg a:before {
    width: 139px;
    height: 36px;
  }
  .siteHeader .headerContent .segment01 .siteName .hdg a:before {
    background-size: 139px 60px;
  }
  .siteHeader .headerContent .segment01 .siteName .leadTxt {
    display: none;
  }
  .siteHeader .headerContent .segment01 .navigation > .inner {
    float: right;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 0 0 23px;
    table-layout: auto;
  }
  .siteHeader .headerContent .segment01 .navigation .link,
  .siteHeader .headerContent .segment01 .navigation .search {
    vertical-align: top;
  }
  .siteHeader .headerContent .segment01 .navigation .link {
    font-size: 13px;
    white-space: pre;
    padding: 0 13px 0 0;
  }
  .siteHeader .headerContent .segment01 .navigation .search {
    padding: 11px 2px 0;
  }
  .siteHeader .headerContent .segment01 .navigation .search form {
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 59px;
    left: 50%;
    display: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 320px;
    height: 100%;
    margin: 0 0 0 -160px;
    padding: 0 12px;
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner {
    text-align: left;
    background: #295dae;
    display: inline-block;
    padding: 12px 10px;
    border-radius: 5px;
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner:before {
    font-size: 13px;
    color: #fff;
    display: block;
    padding: 7px 0 0;
    content: "大学名から探す";
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner input {
    font-size: 14px;
    float: none;
    margin: 0;
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner input.textArea {
    width: 166px;
    padding: 5px 10px 5px 27px;
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner:after {
    background-size: 18px 18px;
    top: 21px;
    left: 12px;
    width: 24px;
    height: 18px;
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner input.button {
    color: #1e54aa;
    background: #e5e5e5;
    width: 66px;
    padding: 7px;
  }
  .siteHeader .headerContent .segment01 .navigation .search form > .inner input.button:hover {
     opacity: 1;
  }
  .siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox {
    display: block;
  }
  .siteHeader .headerContent .segment02,
  .siteHeader .headerContent .segment02 .navigation {
    display: block;
    padding: 0;
  }
  .siteHeader .headerContent .segment02 .navigation .userName {
    display: none;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility,
  .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility {
    float: none;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility ul,
  .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility ul {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    border-top: 3px solid #c7c7c7;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li {
    display: table-cell;
    padding: 0;
    border-left: 1px solid #c7c7c7;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li:first-child {
    border: 0;
  }
  .siteHeaderWrap .siteHeader .headerContent .segment02 .navigation .navUtility li a,
  .siteHeaderWrap .siteHeader .headerContent .segment02 .navigation .navUtility li a:hover,
  .siteHeaderWrap .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li a,
  .siteHeaderWrap .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li a:hover {
    font-size: 9.5px;
    line-height: 1.1;
    text-decoration: none;
    text-align: center;
    color: #2f2f2f;
    background-color: #fff;
    background-size: auto auto;
    margin: 0;
    padding: 39px 0 5px;
    border: 0;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.account a {
    background-position: center 11px;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.session a {
    background-position: center 8px;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.cart a {
    background-position: center 5px;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.cart a em {
    font-size: 10px;
    padding: 0;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.claim a,
  .siteHeader .headerContent .segment02 .navigation .navUtility li.claim a:hover {
    background-image: url("/export/sites/default/shared_52/images/header/icon-claim-03.png");
    background-position: center 7px;
  }
  .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.account a {
    background-position: center 7px;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.apply {
    display: block;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li.apply a {
    background-position: center 8px;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li a br {
    display: block;
  }
  .siteHeader .headerContent .segment02 .navigation .navUtility li a .sp-hide {
    display: none;
  }
  .siteHeader .headerContent .segment02 .link {
    text-align: center;
    background: #d5e9f5;
    padding: 12px 10px 13px;
  }
  .siteHeader .headerContent .segment02 .link a {
    font-size: 11px;
  }
  .navArea {
    display: none;
  }
}

/* ------------------------------------
 * スクロール晁Eスタイル
 * --------------------------------- */
.siteHeaderWrap.fixed {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  min-width: 320px;
  padding: 0;
}
#wrapper .siteHeaderWrap.fixed div#gHeader {
  padding: 0;
  border-bottom: 0;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 {
  display: table-cell;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 > .inner {
  display: table;
  width: 100%;
  padding: 0;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation {
  vertical-align: middle;
  display: table-cell;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a:before {
  width: 140px;
  height: 36px;
  background-size: 140px 61px;
}
.siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg a {
  width: 360px;
  height: 26px;
}
.siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg a:before {
  width: 360px;
  height: 26px;
}
.siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg a:before {
  background-size: 241px 26px;
  background: url("/export/sites/default/shared_52/images/header/logo-05.png") #fff 0 0 no-repeat;
}
.siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg a:before {
  background-size: auto;
}
@media screen and (max-width: 767px) {
  .siteHeader .headerContent.net .segment01 .siteName {
      padding: 0;
  }
  .siteHeader .headerContent.net .segment01 .siteName .hdg a:before {
    background: url("/export/sites/default/shared_52/images/header/logo-04.png") #fff 0 0 no-repeat;
    background-size: 160px 25px;
    background-position: center left;
  }
  .siteHeader .headerContent.net02 .segment01 .siteName .hdg a:before {
    background: url("/export/sites/default/shared_52/images/header/logo-07.png") #fff 0 0 no-repeat;
    background-size: 126px 25px;
    background-position: center left;
  }
  .siteHeader .headerContent.net .segment01 .siteName .hdg, .siteHeader .headerContent.net .segment01 .siteName .hdg a {
    width: 160px;
  }
  .siteHeader .headerContent.net .segment01 .siteName .hdg a {
    height: 35px;
  }
  .siteHeader .headerContent .segment01 .siteName .linkListWrap {
    padding-top: 13px;
  }
  .siteHeaderWrap .siteHeader .headerContent.net .segment01 .siteName .linkList01 {
    padding: 0 0 0 10px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName {
      padding: 0;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg {
    width: 160px;
    height: 35px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg a {
    width: 160px;
    height: 35px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .hdg a:before {
    background: url("/export/sites/default/shared_52/images/header/logo-04.png") #fff 0 0 no-repeat;
    background-size: 160px 25px;
    background-position: center left;
    height: 35px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .linkListWrap {
    padding-top: 4px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName .linkList01 {
    padding: 0 0 0 10px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent.net .segment01 .siteName {
    width: 100%;
  }
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 {
  vertical-align: middle;
  width: 100%;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 {
  width: 240px;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility ul {
  width: auto;
  margin: 0;
}
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li.claim a {
  margin: 0;
}
.siteHeaderWrap.fixed .gStyleIn,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .leadTxt,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .userName,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li.session,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li.cart,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li.apply,
.siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .link {
  display: none;
}
/* ------------------------------------
 * SP晁Eスクロール晁Eスタイル
 * --------------------------------- */
@media screen and (max-width: 767px) {
  .siteHeaderWrap.fixed .siteHeader {
    overflow: hidden;
    padding: 11px 12px 6px;
    border-bottom: 3px solid #c7c7c7;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg {
    padding: 0;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a,
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a:before {
    background-position: left bottom;
    background-size: auto auto;
    overflow: hidden;
    width: 47px;
    height: 35px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .search form {
    top: 58px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent {
    display: table;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01,
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 {
    vertical-align: top;
    display: table-cell;
    width: 100%;
    padding: 0;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 {
    width: 72px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 > .inner {
    width: 72px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName {
    display: block;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .search,
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .link {
    vertical-align: middle;
    white-space: normal;
    display: table-cell;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .link a {
    font-size: 12px;
    letter-spacing: .25px;
    position: relative;
    top: 1px;
    left: -4px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName {
    position: relative;
    top: -2px;
    float: left;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation {
    display: table;
    float: right;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox {
    display: block;
    float: none;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .search .sp-tglSearchBox:before {
    background-color: #f7f7f7;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation > .inner {
    vertical-align: middle;
    display: table-cell;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .navigation .search {
    padding: 0;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation {
    width: auto;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility ul {
    display: block;
    border: 0;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li,
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li a {
    display: block;
    width: 32px;
    height: 32px;
    border: 0;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li {
    float: left;
    padding: 0 0 0 4px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li a,
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li a:hover {
    text-indent: -200px;
    white-space: pre;
    background-color: #e6e7e8;
    background-position: center center;
    overflow: hidden;
    padding: 0;
    border-radius: 4px;
  }
  .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li a br {
    display: none;
  }
}

/* ============================================================================
 * 大学ヘッダ basicInfoSchoolHeader
 * ========================================================================= */
.basicInformationArea {
  overflow: hidden;
}
.basicInfoSchoolHeader {
  background: #fff;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 320px;
  padding: 0 10px;
  border-bottom: 1px solid #bcbcbc;
}
.basicInfoSchoolHeader > .inner {
  position: relative;
  display: table;
  width: 949px;
  margin: 0 auto;
  padding: 10px 0;
}
.basicInfoSchoolHeader > .inner02 {
  width: 949px;
  margin: 0 auto;
  padding: 10px 0;
}
.basicInfoSchoolHeader.complete > .inner {
  padding: 0;
}
/* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
.basicInfoSchoolHeader.hasTglContent {
  border: 0;
}
/* ------------------------------------
 * JS有効晁Eスタイル
 * --------------------------------- */
/* ------------------------------------
 * スクロール晁Eスタイル
 * --------------------------------- */
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed {
  position: fixed;
  z-index: 10;
  top: -1px;
  left: 0;
  width: 100%;
  transform: translate3d(0, 0, 0);
  border-bottom: 1px solid #bcbcbc;
  box-shadow: 0 1px 0 rgba(0,0,0,.102);/* #e5e5e5 */
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed > .inner {
  padding: 10px 0 8px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed > .inner {
  padding: 10px 0 3px;
}
/* ------------------------------------
 * SP晁Eスタイル
 * --------------------------------- */
@media only screen and (max-width: 767px) {
  .basicInfoSchoolHeader {
    padding: 0 12px;
    border: 0;
    margin-top: 20px;
  }
  .basicInfoSchoolHeader > .inner {
    display: block;
    padding: 0;
    width: 100%;
  }
  .basicInfoSchoolHeader > .inner02 {
    padding: 0 0 10px;
    width: 100%;
  }
  /* スクロール晁Eスタイル */
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed > .inner {
    display: table;
    padding: 10px 0 3px;
  }
}

/* ----------------------------------------------------------------------------
 * 大学名エリア
 * ------------------------------------------------------------------------- */
.basicInfoSchoolHeader .schoolName {
  vertical-align: top;
  display: table-cell;
  padding: 4px 0;
}
.basicInfoSchoolHeader.complete.colorA {
  border-top: 2px solid #5bb75b;
}
.basicInfoSchoolHeader.complete.colorB {
  border-top: 2px solid #006dcc;
}
.basicInfoSchoolHeader.complete.colorA.hasAttention {
  border-top:0;
}
.basicInfoSchoolHeader.complete.colorB.hasAttention {
  border-top:0;
}
.basicInfoSchoolHeader.complete .schoolName {
  padding: 0;
}
.basicInfoSchoolHeader .schoolName > .inner {
  display: table;

  direction: rtl;
}
.basicInfoSchoolHeader .schoolName .hdg,
.basicInfoSchoolHeader .schoolName .logo {
  vertical-align: top;
  display: table-cell;

  direction: ltr;
}
.basicInfoSchoolHeader.internet .schoolName .logo .logolabel {
  display: block;
  font-size: 11px;
  text-align: center;
  color: #fff;
  margin-bottom: 4px;
  padding: 0 4px;
  width: 64px;
  box-sizing: border-box;
}
.basicInfoSchoolHeader.internet .schoolName .logo .logolabel.colorA {
  background: #5bb75b;
}
.basicInfoSchoolHeader.internet .schoolName .logo .logolabel.colorB {
  background: #006dcc;
}
.basicInfoSchoolHeader .schoolName .hdg {
  font-size: 12px;
  line-height: 1.3;
  padding: 0 0 0 13px;
}
.basicInfoSchoolHeader.complete .schoolName .hdg {
  padding: 22px 0 0 13px;
}
.basicInfoSchoolHeader .schoolName .hdg .name {
  font-size: 32px;
  padding: 5px 0 3px;
}
.basicInfoSchoolHeader .schoolName .hdg .info {
  display: block;
  margin: 0 0 0 -8px;
  padding: 8px 0 1px;
}
.basicInfoSchoolHeader.internet .schoolName .hdg .info {
  padding: 0 0 1px;
}
.basicInfoSchoolHeader.internet .schoolName .hdg .category {
  font-size: 13px;
  font-weight: bold;
}

.basicInfoSchoolHeader .schoolName .hdg .info span {
  padding: 0 8px;
}
.basicInfoSchoolHeader .schoolName .logo {
  padding: 16px 0;
}
.basicInfoSchoolHeader.internet .schoolName .logo {
  padding: 0;
}

/* ------------------------------------
 * JS有効晁Eスタイル
 * --------------------------------- */
/* ------------------------------------
 * スクロール晁Eスタイル
 * --------------------------------- */
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolName .hdg {
  line-height: 1.5;
  padding: 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolName .hdg .name {
  font-size: 28px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .hdg .info,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .hdg .ruby,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .logo {
  display: none;
}
/* ------------------------------------
 * SP晁Eスタイル
 * --------------------------------- */
@media only screen and (max-width: 767px) {
  .basicInfoSchoolHeader.complete {
	margin-top: 2px;
  }
  .basicInfoSchoolHeader .hdg .ruby {
    display: none;
  }
  .basicInfoSchoolHeader .schoolName {
    display: block;
    padding: 0;
  }
  .basicInfoSchoolHeader .schoolName .logo {
    width: 37px;
    height: 37px;
    padding: 4px 0;
  }
  .basicInfoSchoolHeader .schoolName .logo img {
    width: 100%;
    height: auto;
  }
  .basicInfoSchoolHeader .schoolName .hdg {
    padding-left: 9px;
  }
  .basicInfoSchoolHeader .schoolName .hdg .name {
    font-size: 24px;
    padding: 4px 40px 4px 0;
  }
  .basicInfoSchoolHeader.complete .schoolName .hdg .name {
    font-size: 24px;
    padding: 4px 0;
  }
  .basicInfoSchoolHeader .schoolName .hdg .info {
    padding: 0;
  }

  /* スクロール晁Eスタイル */
  .basicInfoSchoolHeader.fixed {
    padding: 0 10px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolName {
    display: table-cell;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolName .hdg .name {
    font-size: 20px;
    padding: 4px 0;
  }
}
/* ----------------------------------------------------------------------------
 * CVボタンエリア
 * ------------------------------------------------------------------------- */
.basicInfoSchoolHeader .schoolUtility {
  display: table-cell;
  width: 288px;
}
.basicInfoSchoolHeader .schoolUtility > .inner {
  text-align: right;
  float: right;
  width: auto;
  padding: 10px 0;
}
.basicInfoSchoolHeader.complete .schoolUtility > .inner {
  padding: 20px 0;
}
.basicInfoSchoolHeader.complete.fixed .schoolUtility > .inner {
  padding: 10px 0 3px;
}
.basicInfoSchoolHeader .schoolUtility > .inner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col {
  display: block;
  float: left;
  margin: 0 0 0 10px;
  border-radius: 4px;
}
.basicInfoSchoolHeader:not(.internet) .schoolUtility > .inner .col {
  overflow: hidden;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a,
.basicInfoSchoolHeader .schoolUtility > .inner .col .entry02.disabled,
.basicInfoSchoolHeader .schoolUtility > .inner .confirm02.disabled {
  font-weight: bold;
  text-decoration: none;
  display: table;
  overflow: hidden;
  width: 86px;
  height: 82px;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .col a,
.basicInfoSchoolHeader.internet .schoolUtility > .inner .col .entry02.disabled,
.basicInfoSchoolHeader.internet .schoolUtility > .inner .confirm02.disabled {
  overflow: auto;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col .entry02.disabled > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col .confirm02.disabled > span {
  font-size: 13px;
  font-size: 11.5px;
  line-height: 1.4;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding: 39px 0 0;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a.confirm > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col a.entry > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col a.confirm02 > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col a.entry02 > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col .entry02.disabled > span,
.basicInfoSchoolHeader .schoolUtility > .inner .col .confirm02.disabled > span {
  padding: 52px 0 0;
}
.basicInfoSchoolHeader .schoolUtility a.cart span,
.basicInfoSchoolHeader .schoolUtility a.add span,
.basicInfoSchoolHeader .schoolUtility a.apply span,
.basicInfoSchoolHeader .schoolUtility a.confirm > span,
.basicInfoSchoolHeader .schoolUtility a.entry span,
.basicInfoSchoolHeader .schoolUtility a.confirm02 > span,
.basicInfoSchoolHeader .schoolUtility a.entry02 span,
.basicInfoSchoolHeader .schoolUtility .entry02.disabled span,
.basicInfoSchoolHeader .schoolUtility .confirm02.disabled span {
  color: #fff;
}
.basicInfoSchoolHeader .schoolUtility a.cart span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-01.png") #fd8510 center 13px no-repeat;
}
.basicInfoSchoolHeader .schoolUtility a.add span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-02.png") #1e54aa center 13px no-repeat;
}
.basicInfoSchoolHeader .schoolUtility a.apply span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-03.png") #fd8510 center 13px no-repeat;
}
.basicInfoSchoolHeader .schoolUtility a.confirm > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-05.png") #1e54aa 17px 20px no-repeat;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolUtility a.entry span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-06.png") #e12c71 17px 23px no-repeat;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolUtility a.confirm02 > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-05.png") #5bb75b 17px 20px no-repeat;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolUtility a.entry02 span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-06.png") #ffb400 17px 23px no-repeat;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolUtility .confirm02.disabled span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-05.png") #c8c8c8 17px 23px no-repeat;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolUtility .entry02.disabled span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-06.png") #c8c8c8 17px 23px no-repeat;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a:hover > span {
  background-color: #ff9933;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a.add:hover span {
  background-color: #4272b9;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a.confirm:hover > span {
  background-color: #4272b9;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a.entry:hover > span {
  background-color: #e26091;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a.confirm02:hover > span {
  background-color: #7cc57c;
}
.basicInfoSchoolHeader .schoolUtility > .inner .col a.entry02:hover > span {
  background-color: #ffc333;
}

.basicInfoSchoolHeader .show-schoolNavigation {
  background: transparent;
  position: absolute;
  right: 10px;
  bottom: 100%;
  display: none;
  overflow: hidden;
  width: 38px;
  height: 38px;
  margin-bottom: -38px;
  cursor: pointer;
}
.basicInfoSchoolHeader .show-schoolNavigation:before {
  background: url("/export/sites/default/shared_52/images/header/btn-schoolheader-01.png") #fff center top no-repeat;
  position: absolute;
  position: relative\9;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 38px;
  height: 38px;
  content: "";
}
.basicInfoSchoolHeader .show-schoolNavigation.isOpen:before {
  background-position: 0 -38px;
}
.basicInfoSchoolHeader .schoolUtility > .inner .utilityList {
  float: left;
  text-align: left;
  font-size: 0;
  margin-left: 6px;
}
.basicInfoSchoolHeader .schoolUtility > .inner .utilityList .inner ul {
  margin-top: 8px;
}
.basicInfoSchoolHeader .schoolUtility > .inner .utilityList li {
  display: inline-block;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li a {
  background: #ebebeb;
  border-radius: 4px;
  display: block;
  height: 37px;
  font-size: 10px;
  font-weight: bold;
  color: #2f2f2f;
  text-decoration: none;
  text-align: center;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li a:hover {
  background: #f1f1f1;
}

.basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 {
  position: relative;
  display: none;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span {
  position: absolute;
  display: block;
  color: #333;
  background-image: none;
  border-radius: 4px;
  background: #FFF;
  min-width: 270px;
  z-index: 10;
  border: 1px solid #c7c7c7;
  top: 94px;
  left: -195px;
  padding: 7px 4px;
  font-weight: normal;
  text-align: center;
}

.basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:after, .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  display: block;
}

.basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 0 4.5px 9px 4.5px;
  margin-left: -3px;
  display: block;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:before {
  border-color: rgba(199, 199, 199, 0);
  border-bottom-color: #b3b3b3;
  border-width: 0 5.5px 10px 5.5px;
  margin-left: -4px;
  display: block;
}
@media only screen and (max-width: 767px) {
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 {
    display: block;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span {
    position: static;
    display: inline;
    color: #fff;
    background-image: none;
    border-radius: 0;
    background: transparent;
    min-width: auto;
    border: none;
    font-size: 11px;
    font-weight: normal;
    padding: 7px 0;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:after, .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:before {
    border: none;
  }

  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:after {
    border: none;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .tooltip02 span:before {
    border: none;
  }

}

.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li a span {
  padding-top: 10px;
  display: block;
  box-sizing: border-box;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li a.q-01 span {
  padding-left: 42px;
  background: url("/export/sites/default/shared_52/images/header/icon-q-01.png") 6px 6px no-repeat;
  height: 34px;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.q-02 a span {
  padding-left: 16px;
  background: url("/export/sites/default/shared_52/images/header/icon-q-02.png") 4px 10px no-repeat;
}

.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.q-01 {
  width: 109px;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.share {
  width: 38px;
  display: inline-block;
  margin-right: 8px;
}
.basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.q-02 {
  display: inline-block;
  width: 63px;
}
.basicInfoSchoolHeader.internet .schoolUtility {
  width: auto;
}

/* ------------------------------------
 * JS有効晁Eスタイル
 * --------------------------------- */
/* ------------------------------------
 * スクロール晁Eスタイル
 * --------------------------------- */
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList {
  margin-left: 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li a {
  width: 36px;
  text-indent: -9999px;
  display: inline-block;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li.share {
  display: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li a.q-01 {
  margin-right: 6px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li a.q-01 span {
  background: url("/export/sites/default/shared_52/images/header/icon-q-01.png") 5px 8px no-repeat;
  background: url("/export/sites/default/shared_52/images/header/icon-q-04.png") 5px 8px no-repeat\9;
  background-size: 28px 23px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li.q-02 {
  width: 36px;
  margin-right: 6px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList .inner ul {
    margin-top: 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList .inner ul {
  display: inline-block;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #1e54aa 28px 7px no-repeat;
  padding-left: 74px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #e12c71 28px 11px no-repeat;
  padding-left: 76px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm02 > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #5bb75b 28px 7px no-repeat;
  padding-left: 74px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry02 > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #ffb400 28px 11px no-repeat;
  padding-left: 76px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .confirm02.disabled > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #c8c8c8 28px 8px no-repeat;
  padding-left: 76px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .entry02.disabled > span {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #c8c8c8 28px 11px no-repeat;
  padding-left: 76px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm > span:hover {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #4272b9 28px 7px no-repeat;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry > span:hover {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #e26091 28px 11px no-repeat;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm02 > span:hover {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #7cc57c 28px 7px no-repeat;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry02 > span:hover {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #ffc333 28px 11px no-repeat;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .entry02.disabled > span:hover {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #c8c8c8 28px 11px no-repeat;
}

html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .confirm02.disabled > span:hover {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #c8c8c8 28px 8px no-repeat;
}

html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li.q-02 a span {
  padding-left: 13px;
  background: url("/export/sites/default/shared_52/images/header/icon-q-03.png") 9px 9px no-repeat;
  height: 36px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .tooltip02 span {
  top: 50px;
  left: -190px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .logo {
  display: block;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .logo img {
  display: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .hdg .category {
  display: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .logo .logolabel {
  display: block;
  margin: 16px 7px 0 0;
}

html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolNavigation,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolNavigation.content {
  display: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility {
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility {
  width: 546px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col {
  margin: 0 0 0 6px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col {
  margin: 0 6px 5px 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner span.col {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 20px;
  right: 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .entry02.disabled,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .confirm02.disabled {
  width: 162px;
  height: auto;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a > span,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .entry02.disabled > span,
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .confirm02.disabled > span {
  line-height: 1;
  letter-spacing: 1px;
  text-align: left;
  padding: 13px 0 13px 37px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm > span,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry > span {
  padding: 15px 0 12px 82px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm02 > span,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry02 > span,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .entry02.disabled > span,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .confirm02.disabled > span {
  padding: 15px 0 12px 82px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a br {
  display: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.cart span {
  background-position: 7px center;
  background-size: 27px 24px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.add span {
  background-position: 29px center;
  background-size: 19px 19px;
  padding-left: 54px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.apply span {
  background-position: 7px center;
  background-size: 23px 19px;
}
/* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.fixed .schoolUtility {
  width: auto;
  padding: 0 44px 0 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.fixed .show-schoolNavigation {
  top: 20px;
  right: 0;
  display: block;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet.fixed .show-schoolNavigation {
  top: 0;
  right: 0;
  display: block;
}
/* ------------------------------------
 * SP晁E
 * --------------------------------- */
@media only screen and (max-width: 767px) {
  .basicInfoSchoolHeader .schoolUtility {
    display: block;
    width: 100%;
  }
  .basicInfoSchoolHeader .schoolUtility > .inner {
    text-align: left;
    float: none;
    margin: 0 0 0 -3px;
  }
  .basicInfoSchoolHeader .schoolUtility > .inner .col {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 33.3333%;
    padding: 0 0 0 3px;
    margin: 0;
    border-radius: 0;
  }
  .basicInfoSchoolHeader .schoolUtility > .inner .col a,
  .basicInfoSchoolHeader .schoolUtility > .inner .col .entry02.disabled,
  .basicInfoSchoolHeader .schoolUtility > .inner .col .confirm02.disabled {
    width: 100%;
    border-radius: 4px;
    height: auto;
  }
  .basicInfoSchoolHeader .schoolUtility > .inner .col a span,
  .basicInfoSchoolHeader .schoolUtility > .inner .col .entry02.disabled span,
  .basicInfoSchoolHeader .schoolUtility > .inner .col .confirm02.disabled span {
    font-size: 11px;
    line-height: 1.2;
    text-align: left;
    height: 26px;
    padding: 5px 8px 5px 32px;
  }
  .basicInfoSchoolHeader .schoolUtility > .inner .col a span br,
  .basicInfoSchoolHeader .schoolUtility > .inner .col .entry02.disabled span br,
  .basicInfoSchoolHeader .schoolUtility > .inner .col .confirm02.disabled span br {
    display: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolUtility > .inner .col a.cart span {
    background-position: 10px center;
    background-size: 19px 17px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolUtility > .inner .col a.add span {
    background-position: 12px center;
    background-size: 14px 14px;
    padding-left: 31px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolUtility > .inner .col a.apply span {
    background-position: 11px center;
    background-size: 16px 15px;
  }
  .basicInfoSchoolHeader .show-schoolNavigation.isOpen:before {
    background-position: 0 bottom;
  }
  /* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
  .basicInfoSchoolHeader.hasTglContent .show-schoolNavigation {
    top: 0;
    right: 0;
    display: block;
    width: 36px;
    height: 36px;
  }
  .basicInfoSchoolHeader.hasTglContent.complete .show-schoolNavigation {
    top: 10px;
  }
  .basicInfoSchoolHeader.hasTglContent .show-schoolNavigation:before {
    background-size: 36px 72px;
    display: block;
    width: 36px;
    height: 36px;
  }
  /* JS有効晁Eスタイル */
  html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolUtility {
    width: auto;
    padding: 0;
  }
  /* スクロール晁Eスタイル */
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility {
    text-align: right;
    display: table-cell;
    width: 128px;
    padding: 0 2px 0 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col {
    display: inline-block;
    width: auto;
    padding-left: 6px;
    margin: 0;
    float: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner {
    font-size: 0;
    display: inline-block;
    margin: 0 0 0 -12px;
    padding: 0;
    text-align: right;
    width: 126px;
    vertical-align: top;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.cart span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.add span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.apply span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .entry02.disabled,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .confirm02.disabled,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .entry02.disabled span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col .confirm02.disabled span {
    text-indent: 36px;
    white-space: pre;
    background-position: center center;
    display: block;
    overflow: hidden;
    width: 36px;
    height: 36px;
    padding: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.cart span {
    background-size: 25px 22px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.add span {
    background-size: 18px 18px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolUtility > .inner .col a.apply span {
    background-size: 21px 18px;
  }
  /* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.fixed .show-schoolNavigation {
    top: 10px;
    right: 0;
    left: auto;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.fixed .schoolUtility {
    text-align: right;
    display: table-cell;
    width: 170px;
    padding: 0 42px 0 0;
  }
  /* インターネッチE願用のスタイル */
  .basicInfoSchoolHeader .schoolNavigation > ul > li.current > a.linkStep,
  .basicInfoSchoolHeader .schoolNavigation > ul > li.current > a.linkStep:hover {
    color: #fff;
  }
  .basicInfoSchoolHeader .schoolNavigation > ul > li > a.linkStep, .basicInfoSchoolHeader .schoolNavigation > ul > li > .listInner {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #1e54aa;
    box-sizing: border-box;
  }
  .basicInfoSchoolHeader .schoolNavigation > ul > li > a.linkStep:hover {
    text-decoration: underline;
    font-weight: bold;
    color: #1e54aa;
  }
  .basicInfoSchoolHeader .schoolNavigation > ul > li > a.linkStep span {
    font-weight: bold;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .num-step {
    text-align: center;
  }
  .basicInfoSchoolHeader.internet .schoolName {
    padding: 0 60px 0 0;
  }
  .basicInfoSchoolHeader.internet.complete .schoolName {
    padding: 0 50px 0 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.q-02 a span {
    padding-left: 13px;
    background: url("/export/sites/default/shared_52/images/header/icon-q-03.png") 10px 10px no-repeat;
    height: 37px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li a {
    width: 39px;
    text-indent: -9999px;
    display: inline-block;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.share {
    display: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li .q-01 {
    display: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolUtility > .inner .utilityList li.q-02 {
    width: 37px;
    position: absolute;
    right: 44px;
    top: 0px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .hdg .name {
    margin-top: 13px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col a span {
    padding: 0;
    display: block;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col {
    width: 100%;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col + .col {
    margin-top: 8px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col a,
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .entry02.disabled,
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .confirm02.disabled {
    text-align: center;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col a span,
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .entry02.disabled span,
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col .confirm02.disabled span {
      display: inline-block;
      padding: 4px 0 0 55px;
      box-sizing: border-box;
      font-size: 13px;
      height: 26px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col a.entry > span {
      padding: 1px 0 0 56px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility > .inner .col p {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    display: block;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.confirm {
     background: #1e54aa;
      padding: 7px 10px 4px;
      box-sizing: border-box;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.entry {
      background: #e12c71;
      padding: 7px 10px 4px;
      box-sizing: border-box;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.confirm02 {
      background: #7cc57c;
      padding: 7px 10px 4px;
      box-sizing: border-box;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.entry02 {
      background: #ffb400;
      padding: 7px 10px 4px;
      box-sizing: border-box;
  }
  .basicInfoSchoolHeader.internet .schoolUtility .entry02.disabled,
  .basicInfoSchoolHeader.internet .schoolUtility .confirm02.disabled {
      background: #c8c8c8;
      padding: 7px 10px 4px;
      box-sizing: border-box;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.confirm span {
      background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #1e54aa center no-repeat;
      background-position: 1px 1px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.entry span {
      background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #e12c71 center no-repeat;
      background-position: 1px 1px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.confirm02 span {
      background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #7cc57c center no-repeat;
      background-position: 1px 1px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility a.entry02 span {
      background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #ffb400 center no-repeat;
      background-position: 1px 1px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility .entry02.disabled span {
      background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-08.png") #c8c8c8 center no-repeat;
      background-position: 1px 1px;
  }
  .basicInfoSchoolHeader.internet .schoolUtility .confirm02.disabled span {
      background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-07.png") #c8c8c8 center no-repeat;
      background-position: 1px 1px;
  }
  /*SafariCSSハック*/
/*  @media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .basicInfoSchoolHeader.internet .schoolUtility a.confirm,
    .basicInfoSchoolHeader.internet .schoolUtility a.entry {
      background-position: 45% 7px;
    }
  }*/

    /* スクロール晁Eスタイル */
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility {
    width: auto;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList {
    margin-left: 0;
    margin-right: 6px;
    vertical-align: top;
    display: inline-block;
    float: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner span.col {
    width: 36px;
    height: 36px;
    top: 10px;
    right: -4px;
  }
  .basicInfoSchoolHeader .schoolUtility > .inner .col a.confirm:hover > span,
  .basicInfoSchoolHeader .schoolUtility > .inner .col a.entry:hover > span,
  .basicInfoSchoolHeader .schoolUtility > .inner .col a.confirm02:hover > span,
  .basicInfoSchoolHeader .schoolUtility > .inner .col a.entry02:hover > span {
    background-color: transparent;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility {
    padding: 0 38px 0 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col {
    padding: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm > span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm > span:hover {
    background-size: 30px 20px;
    padding-left: 0;
    background-position: 5px 9px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm02 > span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.confirm02 > span:hover {
    background-size: 30px 20px;
    padding-left: 0;
    background-position: 5px 9px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry > span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry > span:hover {
    background-size: 26px 15px;
    padding-left: 0;
    background-position: 6px 12px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry02 > span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col a.entry02 > span:hover {
    background-size: 26px 15px;
    padding-left: 0;
    background-position: 6px 12px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .entry02.disabled > span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .confirm02.disabled > span,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .entry02.disabled > span:hover,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .col .confirm02.disabled > span:hover {
    background-size: 26px 15px;
    padding-left: 0;
    background-position: 6px 12px;
  }

  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li a.q-01 {
    display: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolUtility > .inner .utilityList li.q-02 {
    position: static;
    margin-right: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName {
    padding: 0 18px 0 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.fixed .schoolName .hdg {
    padding: 0;
    display: block;
    text-align: left;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .logo {
    width: 0;
    height: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolName .logo .logolabel {
    position: absolute;
    left: 0;
    top: 0;
    margin: 10px 7px 0 0;
  }
}
/* ----------------------------------------------------------------------------
 * ナビゲーションエリア
 * ------------------------------------------------------------------------- */
.basicInfoSchoolHeader .schoolNavigation {
  background: #38588a;
  margin: 0 -10px;
  padding: 0 10px 20px;
}
.basicInfoSchoolHeader .schoolNavigation > ul > li > a,
.basicInfoSchoolHeader .schoolNavigation ul.information > li > button {
  font-family: \30e1\30a4\30ea\30aa, \30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33, "Hiragino Kaku Gothic Pro", \FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF, "Hiragino Kaku Gothic Pro W3";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: transparent;
  position: relative;
  display: block;
  width: 100%;
  padding: 13px 0;
}
.basicInfoSchoolHeader .schoolNavigation > ul > li > a.linkStep {
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
  height: 100%;
  padding: 0;
}
.basicInfoSchoolHeader .schoolNavigation > ul > li > a.linkStep:hover {
  text-decoration: underline;
}
.basicInfoSchoolHeader .schoolNavigation ul.information > li > button {
  text-indent: -20px;
}
.basicInfoSchoolHeader .schoolNavigation > ul > li > a:hover {
  text-decoration: underline;
}
.basicInfoSchoolHeader .schoolNavigation ul.information > li > button span {
  position: relative;
}
.basicInfoSchoolHeader .schoolNavigation ul.information > li > button span:after {
  background: url("/export/sites/default/shared_52/images/header/icon-schoolheader-04.png") transparent 0 0 no-repeat;
  position: absolute;
  top: 50%;
  left: 100%;
  display: block;
  width: 10px;
  height: 5px;
  margin: -2.5px 0 0 8px;
  content: "";
}
.basicInfoSchoolHeader .schoolNavigation .content {
  background: url("/export/sites/default/shared_52/images/header/bg-schoolheader-01.png") transparent 0 0;
}
.basicInfoSchoolHeader .schoolNavigation .content > .inner {
  width: 100%;
  max-width: 949px;
  margin: 0 auto;
  padding: 0 0 11px;
}
.basicInfoSchoolHeader .schoolNavigation .content > .inner > ul {
  overflow: hidden;
  margin: 0 0 0 -5px;
}
.basicInfoSchoolHeader .schoolNavigation .content > .inner > ul > li,
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation .content > .inner > ul > li {
  vertical-align: top;
  display: block;
  float: left;
  width: 108px;
  padding: 11px 0 0 11px;
}
.basicInfoSchoolHeader .schoolNavigation .content li a {
  font-size: 14px;
  text-decoration: none;
  color: #1e54aa;
  background: #fff;
  display: table;
  width: 100%;
  border-bottom: 1px solid #b3b3b3;
  border-radius: 4px;
}
.basicInfoSchoolHeader .schoolNavigation .content li.isCurrent a,
.basicInfoSchoolHeader .schoolNavigation .content li a:hover {
  color: #fff;
  background: #1e54aa;
}
.basicInfoSchoolHeader .schoolNavigation .content li a span {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  height: 47px;
  padding: 0 10px;
}
.basicInfoSchoolHeader .schoolNavigation > ul li.toTop {
  border-bottom: 1px solid #ccc;
}

/* ------------------------------------
 * JS有効晁Eスタイル
 * --------------------------------- */
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation {
  display: none;
  padding-bottom: 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul {
  max-width: 949px;
  margin: 0 auto;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul li.toTop {
  width: 177px;
  border: 0;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul li {
  vertical-align: middle;
  display: table-cell;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul li ul.information {
  display: table;
  width: auto;
  table-layout: fixed;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul li ul.information > li {
  width: 176px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation .content {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  display: none;
  width: 100%;
  margin: 0 0 30px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .isCurrent + [data-toggle-id] {
  display: block;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul > li.toTop > a:before,
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul > li > a:after,
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation ul.information > li > button:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  height: 20px;
  margin-top: -10px;
  content: "";
  border: 1px solid #bcbcbc;
  border-width: 0 1px 0 0;
}
/* ------------------------------------
 * インターネッチE願用のスタイル
 * --------------------------------- */
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul > li.toTop > a:before,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul > li > a:after,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation ul.information > li > button:after {
  border: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul > li > a,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation ul.information > li > button {
  padding: 5px 14px;
  padding: 0 14px\9;
  text-align: left;
  box-sizing: border-box;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul {
  width: 949px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li {
  vertical-align: middle;
  text-align: left;
  float: left;
  width: 157.3px;
  min-height: 49px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 0;
  display: block;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.fixed .schoolNavigation > ul li {
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current {
  background: #113266;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current > .listInner {
  padding: 5px 15px;
  box-sizing: border-box;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current .currentInner {
  display: inline-block;
  height: 100%;
  padding: 5px 15px 5px 20px;
  font-weight: bold;
  box-sizing: border-box;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .num-step {
  background: #113266;
  min-width: 15px;
  min-height: 13px;
  color: #fff;
  line-height: 1.3;
  vertical-align: middle;
  margin-right: 7px;
  font-size: 12px;
  padding: 1px 2px 0;
  display: inline-block;
  text-align: center;
  word-break: normal;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current .num-step {
  background: #38588a;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .listInner {
  display: table;
  vertical-align: middle;
  height: 100%;
  margin: 0 auto;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .listInner > span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  word-break: break-all;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .listInner > span {
  line-height: 1.3;
}

html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .listInner > span a,
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .listInner > span a:hover {
  color: #fff;
  text-decoration: none;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.none {
  display: none;
}

.basicInfoSchoolHeader.internet .schoolNavigation > ul > li {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  color: #fff;
  padding: 13px 0;
}
@media only screen and (min-width: 768px) {
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .btn-Close{
    display: none!important;
  }
}

@media only screen and (max-width: 767px) {

  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .btn-Close{
    display: none;
  }

  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul {
    padding: 14px 10px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul > li {
    background: #fff;
    color: #1e54aa;
    border-left: none;
    border-top: 1px solid #c5cbd5;
    border-bottom: none;
    min-height: 43px;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    box-sizing: border-box;
    overflow: auto;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current .listInner {
    padding: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul > li:first-child {
    border-radius: 4px 4px 0 0;
    border-top: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul > li:last-child {
    border-radius: 0 0 4px 4px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul {
    padding-bottom: 30px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul > li:before,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul > li:after {
    border: none;
    background: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .listInner {
    padding: 12px 16px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet.android .schoolNavigation > ul li {
      transform: translate3d(0,0,0);
      -webkit-transform: translate3d(0,0,0);
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul li a {
    padding: 0;
    display: block;
    height: auto;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .content {
    margin-bottom: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li .num-step {
    margin-right: 10px;
    padding-top: 0;
    display: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current .num-step {
    background: #113266;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul > li.current {
    background: #1e54aa;
    color: #fff;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.none {
    display: block;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current .listInner {
    padding: 12px 16px;
    box-sizing: border-box;
    color: #fff;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.internet .schoolNavigation > ul li.current .listInner span {
    color: #fff;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .btn-Close{
    position: absolute;
    right:50%;
    bottom:0;
    color:#1e54aa;
    font-weight: bold;
    background: none;
    padding:5px 25px 5px 5px;
    margin-right:-50px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .btn-Close::before,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .btn-Close::after{
    content: "";
    position: absolute;
    display: block;
    background: #1e54aa;
    height:3px;
    width:20px;
    border-radius: 2px;
    transform: rotate(-45deg);
    top: 50%;
    right: 2px;
    margin-top: -2px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation .btn-Close::after{
    transform: rotate(45deg);
  }
}

html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation > ul > li:first-child > a:before {
  right: auto;
  left: 0;
  border-width: 0 0 0 1px;
}
html[data-script-enabled="true"] .basicInfoSchoolHeader .schoolNavigation ul.information > li > button.isCurrent:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  margin: 0 0 -2px -5px;
  content: "";
  border-width: 13px 6px;
  border-style: solid;
  border-color: transparent transparent #e0e0e0;
}
/* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation {
  display: block;
}
/* ------------------------------------
 * スクロール晁Eスタイル
 * --------------------------------- */
/* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.fixed .schoolNavigation {
  display: none;
}
/* ------------------------------------
 * SP晁E
 * --------------------------------- */
@media only screen and (max-width: 767px) {
  /* 大学惁E??・入試惁E??のぁE??れかが存在する場吁E*/
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation {
    background: transparent;
    position: absolute;
    z-index: 1;
    top: 46px;
    right: -100%;
    overflow: hidden;
    width: 100%;
    margin: 0 -10px 0 0;
    opacity: .95;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation.isOpen {
    right: 0;
    display: block;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul {
    background: url("/export/sites/default/shared_52/images/header/bg-schoolheader-01.png") transparent 0 0 repeat;
    position: relative;
    right: -100%;
    float: right;
    overflow-y: scroll;
    width: 81.5625%;
    /* safari 対忁E*/
    padding-bottom: 70px;

    -webkit-overflow-scrolling: touch;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li ul.information > li {
    position: static;
    display: block;
    float: none;
    width: auto;
    padding: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li.toTop {
    border-bottom: 1px solid #adb3bc;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li ul.information > li {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #adb3bc;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li a {
    text-align: left;
    height: auto!important;
    border-radius: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul li a {
    padding: 0;
    box-sizing: border-box;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.internet .schoolNavigation > ul li a {
    text-align: center;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li.current .currentInner {
    padding: 12px 16px;
    margin: 0 auto;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation ul.information a:hover {
    color: #1e54aa;
    background: #fff;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul > li > a:before,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul > li > a:after,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation ul.information > li > button:after,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation ul.information > li > button.isCurrent:before,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation ul.information > li > button span:after {
    display: none;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li.toTop a,
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li button {
    text-indent: 0;
    text-align: left;
    color: #333;
    width: auto;
    padding: 13px 10px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation > ul li.toTop a {
    color: #1e54aa;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation ul.information {
    display: block;
    width: 100%;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation .content {
    position: static;
    display: block!important;
    float: none;
    width: auto;
    padding: 0;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation .content > .inner {
    width: auto;
    padding: 0 10px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation .content > .inner > ul {
    overflow: hidden;
    margin: 0;
    border-radius: 4px;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation .content > .inner > ul > li {
    float: none;
    width: auto;
    padding: 0 ;
  }
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent .schoolNavigation .content > .inner > ul > li br {
    display: none;
  }
  /* スクロール晁Eスタイル */
  html[data-script-enabled="true"] .basicInfoSchoolHeader.hasTglContent.fixed .schoolNavigation.isOpen {
    top: 110px;
  }
}

/* # グループフチE??ー調整
---------------------------------------------------------------------------- */
#other div.gStyle div.gStyleIn {
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
div.gStyle div.gStyleIn img.blank {
  display: none;
}
/*@media screen and (max-width: 767px) and (orientation:portrait){*/
@media screen and (max-width: 767px){
  div#gFooter {
    width: 100%;
    text-align:center;
  }
  div#gFooter p.groupLogo {
      float:none;
  }
  div#gFooter div#gFooterGroups {
   float: none;
  }
}
#modal-overlay {
  background: #000 none repeat scroll 0 0;
  height: 130%;
  top: 0;
  left: 0;
  opacity: 0.6;
  filter: alpha(opacity=60)!important;
  position: fixed;
  width: 100%;
  z-index: 101;
}
.modal-content {
  display: none;
  right: 0;
  left: 0;
  top: 239px;
  bottom: 0;
  margin: 0 auto;
  width: 520px;
  position: absolute;
  z-index: 102;
}
.modal-content p {
  margin-bottom: 8px;
}
.modal-content .inner {
  padding: 27px 22px;
  border-radius: 3px;

  box-sizing: border-box;
  position: relative;
  background: #fff;
}
.modal-close {
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  cursor: pointer;
  background: url(/export/sites/default/shared_52/images/icon-lightbox.png);
  text-indent: -9999px;
  top: -12px;
  right: -12px;
  z-index: 12;
}
.modal-close:hover {
  background: url(/export/sites/default/shared_52/images/icon-lightbox_o.png);
}
.modal-content .inner >*:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px){
  .modal-content {
    width: auto;
    padding: 0 12px;
    top: 126px;
  }
  .modal-content p {
    margin-bottom: 5px;
  }
  .modal-content .inner {
    width: 100%;
    padding: 20px 10px;
  }
  .modal-close {
    right: 2px;
  }
}
/* ?w?K?A?h?o?C?X?p?@?ÁE161027?@*/
/* ???t???????@*/
.adviceSub {
		vertical-align: sub;
		font-size: smaller;
}

/* ?????????@*/
.adviceSup {
		vertical-align: super;
		font-size: smaller;
}

/*161003刑部追訁Eoice用　?E?　171018黒田追訁E
---------------------------------------------------------------------------- */
.layoutImgCol2Left02voiceWrapper {
  margin-bottom: 16px;
}
.layoutImgCol2Left02voice {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 16px;
  box-sizing: border-box;
}
.layoutImgCol2Left02voice:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol2Left02voice + .layoutImgCol2Left02voice {
  border-top: none;
}
.layoutImgCol2Left02voice .layoutLeft {
  float: left;
  margin-right: 20px;
  display: block;
}
.layoutImgCol2Left02voice .layoutLeft a:hover,
.layoutImgCol2Left02voice .layoutLeft a:active,
.layoutImgCol2Left02voice .layoutLeft a:focus {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.layoutImgCol2Left02voice .layoutRight {
  overflow: hidden;
}
.layoutImgCol2Left02voice .layoutRight .category01 {
  border-radius: 4px;
  font-size: 12px;
  color: #fff;
  padding: 3px 8px 1px;
  display: inline-block;
}
.layoutImgCol2Left02voice .layoutRight .category01.colorA {
  background: #006dcc;
}
.layoutImgCol2Left02voice .layoutRight .category01.colorB {
  background: #5bb75b;
}
.layoutImgCol2Left02voice .layoutRight .inner:after {
  height: 0;
  display: block;
  clear: both;
  visibility: hidden;
  content: "";
  zoom: 1;
}
.layoutImgCol2Left02voice .inner .logo {
  float: left;
  margin-right: 20px;
}
.layoutImgCol2Left02voice .inner .text {
  color: #2f2f2f;
  overflow: hidden;
}
.layoutImgCol2Left02voice .text .info {
  color: #2f2f2f;
  font-size: 12px;
  display: block;
}
.layoutImgCol2Left02voice .text .hdg01 {
  font-size: 22px;
  font-weight: bold;
  color: #1e54aa;
  display: inline-block;
}
.layoutImgCol2Left02voice .text .link .hdg01 {
  text-decoration: underline;
}
.layoutImgCol2Left02voice .text .link .hdg01:hover,
.layoutImgCol2Left02voice .text .link .hdg01:active,
.layoutImgCol2Left02voice .text .link .hdg01:focus {
  text-decoration: none;
}
.layoutImgCol2Left02voice .text .kana {
  font-size: 12px;
  text-decoration: none;
  display: block;
}
#other #container #maincol .layoutImgCol2Left02voice .text .category02 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .layoutImgCol2Left02voice {
    margin: 0 -12px;
    padding: 10px 12px 5px;
  }
  .layoutImgCol2Left02voice .layoutLeft {
     width: 150px;
  }
  #other.lytColMs #container #maincol p, #other.lytColM #container #maincol p, #other.lytColSm #container #maincol p {
    margin-bottom: 8px;
  }
  .layoutImgCol2Left02voice .inner {
    display: table;
  }
  .layoutImgCol2Left02voice .layoutRight .category01 {
    padding: 1px 6px;
  }
  .layoutImgCol2Left02voice .inner .logo {
    width: 3px;
    height: 3px;
    float: none;
    display: table-cell;
    vertical-align: middle;
	margin-right: 5px;
  }
  .layoutImgCol2Left02voice .inner .text {
    display: table-cell;
    padding-left: 12px;
  }
  .layoutImgCol2Left02voice .inner a {
    margin-bottom: 3px;
    display: block;
  }
  .layoutImgCol2Left02voice .text .hdg01 {
    font-size: 18px;
  }
  .layoutImgCol2Left02voice .text .kana {
    display: none;
  }
  #other #container #maincol .layoutImgCol2Left02voice .text .category02 {
	font-size: 13px;
    margin-top: 3px;
    margin-bottom: 0;
  }
}

/* ------------------------------------
 * 九州地区版ヘッダー #headerKyusyu
 * --------------------------------- */
body.kyusyu {
  padding-top: 0 !important;
}
@media only screen and (min-width: 768px) {
  body.kyusyu {
    position: static !important;
  }
}
#headerKyusyu .siteHeaderWrap {
  padding-bottom: 0;
}
#headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a,
#headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a:before {
  width: 400px;
  height: 52px;
}
#headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a:before {
  background-image: url(/export/sites/default/shared_52/images/header/kyusyu-logo-01.png);
}
#headerKyusyu .siteHeader .headerContent > * {
  vertical-align: middle;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a,
#headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a:before {
  width: 290px;
  height: 37px;
}
#headerKyusyu .siteHeader .headerContent .segment01 .siteName {
  padding: 4px 0 8px;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a:before {
  background-size: 100% auto;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01,
#headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 {
  width: auto;
}
@media only screen and (min-width: 768px) {
  #headerKyusyu .navArea #globalNav {
    max-height: none !important;
    overflow-y: visible !important;
    height: auto !important;
    right: auto !important;
  }
}
#headerKyusyu .navArea #globalNav li {
  width: 105px;
}
#headerKyusyu .navArea #globalNav li.active:before {
  width: 105px;
}
#headerKyusyu .navArea #globalNav a {
  padding: 26px 0;
}
#headerKyusyu .navArea #globalNav a:before {
  top: 0;
  bottom: 0;
  margin: auto;
}
#headerKyusyu .navArea #globalNav a img {
  display: block;
  margin: 0 auto;
  padding: 0;
}
#headerKyusyu .navArea #globalNav li:nth-child(2) a img {
  left: auto;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader.ofLogin .headerContent .segment02 .navigation {
  padding: 8px 0 0;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.session {
  display: inline-block;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li.account,
#headerKyusyu .siteHeaderWrap.fixed .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.claim {
  display: none;
}
#headerKyusyu .siteHeaderWrap.fixed .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.account {
  display: inline-block;
}
#headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.spMenu {
  display: none;
}
@media screen and (max-width: 767px) {
  [data-script-enabled="true"] #headerKyusyu {
    height: 58px;
    overflow: hidden;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeaderWrap {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 100;
  }
  #headerKyusyu .siteHeader {
    border-bottom: 3px solid #c7c7c7;
    padding: 11px 12px 6px;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent {
    display: table;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent > * {
    display: table-cell;
    vertical-align: top;
  }
  #headerKyusyu .siteHeader .headerContent .segment01 > .inner {
    padding: 0;
  }
  #headerKyusyu .siteHeader .headerContent .segment01 .siteName {
    position: relative;
    top: -2px;
    float: left;
    padding: 0;
  }
  #headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg {
    padding: 0;
  }
  #headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a:before {
    background-image: url(/export/sites/default/shared_52/images/header/kyusyu-logo-sp-01.png);
  }
  #headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a,
  #headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a:before,
  #headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a,
  #headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a:before {
    width: 150px;
    height: 35px;
  }
  #headerKyusyu .siteHeader .headerContent .segment01 .siteName .hdg a:before,
  #headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment01 .siteName .hdg a:before {
    background-size: 100% auto;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 {
    margin-top: 5px;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 {
    margin-top: 0;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 > .inner {
    width: auto;
  }
  #headerKyusyu .siteHeaderWrap.fixed .siteHeader.ofLogin .headerContent .segment02 .navigation {
    padding: 0;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility,
  [data-script-enabled="true"] #headerKyusyu .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility {
    float: right;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility ul {
    display: block;
    border: 0;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li,
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li a {
    display: block;
    width: 32px;
    height: 32px;
    border: 0;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li {
    float: left;
    padding: 0 0 4px 4px;
    border-left: 0;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li {
    padding: 0 0 0 4px;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li a,
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li a:hover {
    background-color: #e6e7e8;
    background-position: center center;
    overflow: hidden;
    padding: 0;
    border-radius: 4px;
    font-size: 12px;
    padding: 10px 5px 10px 40px;
    background-position: 6px 7px;
    background-size: 25px auto;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.account a,
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.account a:hover,
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.cart a,
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.cart a:hover {
    background-size: auto;
    background-position: center;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.cart a,
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.cart a:hover {
    padding-left: 30px;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li a,
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li a:hover {
    text-indent: -200px;
    white-space: pre;
    padding: 0;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li a br,
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.claim,
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.apply {
    display: none;
  }
  #headerKyusyu .siteHeaderWrap .siteHeader .headerContent .segment02 .navigation .navUtility li.account {
    display: block !important;
  }
  #headerKyusyu .siteHeaderWrap .siteHeader .headerContent .segment02 .navigation .navUtility li.account a {
    background-size: 20px auto;
    padding-left: 35px;
    background-position: 8px center;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeaderWrap .siteHeader .headerContent .segment02 .navigation .navUtility li.account a,
  [data-script-enabled="true"] #headerKyusyu .siteHeaderWrap.fixed .siteHeader .headerContent .segment02 .navigation .navUtility li.account a {
    padding: 0;
    background-size: auto;
    background-position: center;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.session a,
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.session a:hover {
    background-size: 22px;
    padding-left: 35px;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.session a,
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.session a:hover {
    padding: 0;
    background-position: 2px 4px;
    background-size: 85% auto;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.session a,
  [data-script-enabled="true"] #headerKyusyu .siteHeader.ofLogin .headerContent .segment02 .navigation .navUtility li.session a:hover {
    background-position: 20% 50%;
    background-size: 85% auto;
  }

  /* ハンバーガーメニュー
  ---------------------------------------------------------------------------- */
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.spMenu {
    font-size: 0;
    width: 32px;
    height: 32px;
    display: none;
  }
  [data-script-enabled="true"] #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.spMenu {
    display: block;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.spMenu > button {
    position: relative;
    width: 32px;
    height: 32px;
    background: #e6e7e8;
    border-radius: 4px;
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.spMenu > button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 14px;
    margin: auto;
    background: url(/export/sites/default/shared_52/images/header/kyusyu-menu-01.png) no-repeat top left;
    content: "";
  }
  #headerKyusyu .siteHeader .headerContent .segment02 .navigation .navUtility li.spMenu > button.isOpen:before {
    width: 16px;
    height: 16px;
    background-image: url(/export/sites/default/shared_52/images/header/kyusyu-menu-close-01.png);
  }
  #headerKyusyu .navArea {
    display: block;
    padding-bottom: 4px;
  }
  [data-script-enabled="true"] #headerKyusyu .navArea {
    background: transparent;
    position: fixed;
    top: 58px;
    right: 0;
    overflow: hidden;
    width: 100%;
    opacity: .95;
    padding-bottom: 0;
  }
  #headerKyusyu .navArea.isOpen {
    z-index: 10;
  }
  #headerKyusyu .navArea #globalNav {
    width: 100%;
    background: url(/export/sites/default/shared_52/images/header/bg-schoolheader-01.png) repeat top left;
  }
  [data-script-enabled="true"] #headerKyusyu .navArea #globalNav {
    width: 260px;
  }
  [data-script-enabled="true"] #headerKyusyu .navArea #globalNav {
    margin: 0 0 0 auto;
    right: -100%;
  }
  #headerKyusyu .navArea #globalNav.scrollY {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #headerKyusyu .navArea #globalNav:after {
    content: none;
  }
  #headerKyusyu .navArea #globalNav li {
    float: none;
    border-bottom: 1px solid #b3b3b3;
    width: calc(100% - 20px);
    margin: 10px 10px 0;
  }
  #headerKyusyu .navArea #globalNav li + li {
    margin-top: 0;
  }
  #headerKyusyu .navArea #globalNav li:last-child {
    border-bottom: 0;
    margin-bottom: 10px;
  }
  #headerKyusyu .navArea #globalNav a {
    background: #fff;
    text-decoration: none;
    padding: 13px 10px;
  }
  #headerKyusyu .navArea #globalNav a:before {
    content: none;
  }
  #headerKyusyu .navArea #globalNav a > img {
    display: none;
  }
  #headerKyusyu .navArea #globalNav a > span {
    display: block;
    font-size: 14px;
    font-weight: bold;
  }

  .jsTglKyusyu {
    position: relative;
  }
}

/* floating-menu */
div#floating-menu {
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 65px;
    background-color: #2f2e2e;
    border: 65px;
    z-index: 9999;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    color: #ffffff;
    pointer-events: none;
}

div#floating-menu0 {
    max-width: 950px;
    margin: 0 auto;
    padding: 0 10px;
    height: 65px;
    display: table;
}

div#floating-menu00 {
/*    vertical-align: middle; */
    min-width: 80px;
    height: 65px;
    overflow: hidden;
    display: table-cell;
    text-align: right;
}
div#floating-menu00 span {
    vertical-align: middle;
    font-size: 45px;
    font-weight: normal;
    overflow: hidden;
}
div#floating-menu01 {
    max-width: 830px;
    height: 65px;
    vertical-align: top;
    padding: 0px 15px 0px 0px;
    overflow: hidden;
    display: table-cell;
/*    text-overflow: ellipsis; */
    text-align: left;
    width: 750px;
}

div#floating-menu02 {
    vertical-align: middle;
    min-width: 150px;
    height: 65px;
    overflow: hidden;
    display: table-cell;
    text-align: right;
}

div#floating-menu02 .title {
    font-size: 12px;
}
div#floating-menu02 .cnt {
    font-size: 36px;
    font-weight: bold;
    color: #e12c71;
}

@media only screen and (max-width: 767px) {
  div#floating-menu02 {
    vertical-align: middle;
    min-width: 120px;
    height: 65px;
    overflow: hidden;
    display: table-cell;
    text-align: right;
  }
  div#floating-menu02 .cnt {
    font-size: 200%;
    font-weight: bold;
    color: #e12c71;
  }
}

/* overflow:hidden、heightは必ず指定する */
.overFlow {
  overflow: hidden;
  height: 50px;
  padding-top 15px;
}

* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* qtystudy訴求用TOPメインビジュアル */

.mainvisual2 {
  width: 100%;
  margin-bottom: 30px;
}

.mainvisual2 img{
  width: 100%;
}  

.mainvisual2sp {
  text-align: center;
  position: relative;
  background: url(/export/sites/default/shared_52/images/top/sp/bg-mainvisual2.jpg) top center no-repeat;
}

.mainvisual2sp .mainvisual img {
  width: 100%;