@charset "utf-8";
html {
  font-size: 62.5%;
  /*ベースを10pxにしています*/
  width: 100%;
  height: 100%; }

body {
  color: #000;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
  /*背景指定はココ*/
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  /*--- clear---------------------*/ }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-block;
  /* Hides from IE Mac */ }

* html .clearfix {
  height: 1%; }

.clearfix {
  display: block;
  /* End Hack */
  /*---- カラー設定 --------------------*/
  /*base：ブルー*/ }

.baseColBG {
  background-color: #00a0ea !important;
  color: #fff !important; }

.baseColBD {
  border-color: #00a0ea !important; }

.baseColTX {
  color: #00a0ea !important; }

.baseColOV:hover {
  color: #00a0ea !important; }

.baseColBD.arrow_box.right:before {
  border-left-color: #00a0ea; }

.baseColBD.arrow_box.left:before {
  border-right-color: #00a0ea; }

.baseColBD.arrow_box.bottom:before {
  border-top-color: #00a0ea;
  /*point：オレンジ*/ }

.pointColBG {
  background-color: #f7931d !important;
  color: #fff !important; }

.pointColBD {
  border-color: #f7931d !important; }

.pointColTX {
  color: #f7931d !important; }

.pointColBD.arrow_box.right:before {
  border-left-color: #f7931d; }

.pointColBD.arrow_box.left:before {
  border-right-color: #f7931d; }

.pointColBD.arrow_box.bottom:before {
  border-top-color: #f7931d;
  /*strong：ピンク*/ }

.strongColBG {
  background-color: #f39 !important;
  color: #fff !important; }

.strongColBD {
  border-color: #f39 !important; }

.strongColTX {
  color: #f39 !important; }

.strongColBD.arrow_box.right:before {
  border-left-color: #f39; }

.strongColBD.arrow_box.left:before {
  border-right-color: #f39; }

.strongColBD.arrow_box.bottom:before {
  border-top-color: #f39;
  /*dark：グレー*/ }

.darkColBG {
  background-color: #999 !important;
  color: #fff !important; }

.darkColBD {
  border-color: #999 !important; }

.darkColTX {
  color: #999 !important; }

.darkColBD.arrow_box.right:before {
  border-left-color: #999; }

.darkColBD.arrow_box.left:before {
  border-right-color: #999; }

.darkColBD.arrow_box.bottom:before {
  border-top-color: #999;
  /*univ：大学用カラー*/ }

.univColBG {
  background-color: #14185b !important;
  color: #fff !important; }

.univColBD {
  border-color: #14185b !important; }

.univColTX {
  color: #14185b !important; }

.univColBD.arrow_box.right:before {
  border-left-color: #14185b; }

.univColBD.arrow_box.left:before {
  border-right-color: #14185b; }

.univColBD.arrow_box.bottom:before {
  border-top-color: #14185b;
  /*マウスオーバーカラー用*/ }

button.baseColBG:hover, a.baseColBG:hover, .baseColBG a:hover, button.darkColBG:hover, a.darkColBG:hover, .darkColBG a:hover {
  background-color: #f7931d !important;
  color: #fff !important; }

.baseColBG.disabled:hover, .pointColBG a:hover, button.pointColBG:hover, a.pointColBG:hover, .pointColBG a:hover {
  background-color: #00a0ea !important;
  color: #fff !important;
  /*---- レイアウト --------------------*/ }

.inner {
  width: 1000px;
  margin: 0 auto;
  z-index: 50;
  position: relative; }

#main {
  padding: 0 0 30px 0;
  background-color: #f5f5f5; }

#content {
  padding-top: 30px;
  /*----------------------------
	ヘッダー
----------------------------*/ }

#header {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 10; }

#header .headerGlobal {
  height: 30px; }

#header .headerGlobal .netlogo {
  width: 90px;
  height: 30px;
  display: block;
  float: left;
  background: url(/resource/img/common/logo.png) no-repeat left center;
  background-size: 90px;
  text-indent: -9999px;
  overflow: hidden; }

#header .headerGlobal .netCopy {
  display: block;
  float: left;
  line-height: 30px;
  font-size: 1.2rem;
  padding-left: 10px; }

#header .headerGlobal .link {
  display: block;
  float: right;
  line-height: 30px;
  font-size: 1.2rem;
  border-left: 1px solid #fff; }

#header .headerGlobal .link a {
  vertical-align: middle;
  display: block;
  float: left;
  height: 30px;
  padding: 0 15px 0 33px;
  font-size: 1.3rem;
  font-weight: bold;
  border-right: 1px solid #fff;
  position: relative; }

#header .headerGlobal .link a .fa {
  font-size: 1.8rem;
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -9px; }

#header .headerUniv {
  height: 50px;
  padding: 10px 0;
  background-color: #fff;
  position: relative; }

#header .headerUniv .inner {
  height: 70px; }

#header .headerUniv .logo {
  display: inline-block;
  height: 50px;
  width: 230px;
  vertical-align: bottom;
  background-image: url(/resource/img/common/univ_logo.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  text-indent: -9999px;
  overflow: hidden; }

#header .headerUniv .sub {
  display: inline-block;
  font-size: 1.3rem;
  padding: 5px 15px;
  border-radius: 15px;
  margin-bottom: 5px; }

#header .headerUniv .name {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
  font-size: 1.5rem; }

#header .headerUniv .name span {
  font-weight: bold; }

#header .headerUniv ul {
  position: absolute;
  bottom: 20px;
  right: 0;
  text-align: right; }

#header .headerUniv ul li {
  margin-left: 5px;
  display: inline-block; }

#header .headerUniv ul li a {
  border-radius: 5px;
  padding: 5px 15px;
  font-size: 1.3rem;
  font-weight: bold;
  height: 20px;
  line-height: 20px; }

#header .headerUniv ul li i {
  font-size: 1.6rem;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-right: 5px;
  line-height: 20px; }

#header .headerUniv ul li .count {
  background-color: #fff;
  border-radius: 50%;
  padding: 2px 4px;
  font-size: 1.2rem;
  margin-left: 5px;
  /*ポータル用*/ }

.portal #header .headerGlobal .netlogo {
  display: none; }

.portal #header .headerGlobal .netCopy {
  padding-left: 0px; }

.portal #header .headerUniv .logo {
  background-image: url(/resource/img/common/logo2.png); }

.portal #header .headerUniv .sub {
  display: none;
  /*別window用*/ }

.portal #header.subWindow .headerGlobal .netlogo {
  display: block; }

.portal #header.subWindow .headerGlobal .netCopy {
  padding-left: 10px;
  /*----------------------------
			 フッター
------------------------------*/ }

#footer {
  box-shadow: 0px -2px 3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  padding: 10px 0 60px 0; }

#footer .copyright {
  text-align: right;
  font-size: 1.2rem; }

#footer .footerLink a {
  font-size: 1.3rem;
  float: left;
  color: #000;
  display: inline-block;
  padding-right: 25px; }

#footer .footerLink a:hover {
  text-decoration: underline;
  /*----------------------------
			 ルート
------------------------------*/ }

#root {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  position: relative; }

#root ul {
  display: table;
  border: 0;
  width: 1000px;
  table-layout: fixed; }

#root ul li {
  display: table-cell;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 20px 10px 10px 0;
  height: 45px;
  background-image: url(/resource/img/common/root_arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
  text-align: center;
  position: relative;
  vertical-align: middle; }

#root ul li:first-child {
  padding-left: 0; }

#root ul li:last-child {
  padding-right: 0;
  background-image: none; }

#root ul li.done {
  color: #ccc; }

#root ul li.now:after {
  content: "今はココ";
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  width: 47px;
  height: 44px;
  position: absolute;
  top: -22px;
  left: -20px;
  display: block;
  background-image: url(/resource/img/common/root_now.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 47px;
  /*----------------------------
			 共通
------------------------------*/ }

h2.title {
  background-color: #fff;
  border: 5px solid #e6e6e6;
  border-radius: 10px;
  padding: 25px;
  font-size: 2.4rem;
  line-height: 1.4;
  margin-bottom: 30px; }

h2.title .sub {
  font-size: 1.7rem;
  padding-left: 10px;
  display: inline-block;
  color: #777;
  /*
h2.title .sub:before,
h2.title .sub:after{
	content:"ー";
}*/ }

h3 {
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 15px;
  display: inline-block; }

h3.tt {
  display: block; }

h3.borderBtm {
  display: block;
  font-size: 2.4rem;
  border-bottom: 1px dotted #333; }

.fa {
  padding-right: 5px; }

h4 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
  background-color: #fff;
  padding: 10px; }

.disabled {
  opacity: 0.3;
  cursor: default; }

.marginBtm {
  margin-bottom: 60px;
  /*---BOX系---*/ }

.excla {
  font-size: 1.5rem;
  line-height: 1.5;
  padding-left: 60px;
  background-image: url(/resource/img/common/ico_excla.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 47px;
  min-height: 44px;
  margin-bottom: 30px;
  font-weight: bold; }

.dotBox {
  border: 1px dotted #ccc;
  background-color: #fff;
  font-size: 1.3rem;
  line-height: 1.5;
  padding: 30px; }

.msgBox {
  border-style: solid;
  border-width: 3px;
  background-color: #fff;
  padding: 30px;
  margin-bottom: 30px; }

.msgBox h3 {
  line-height: 1.5; }

.msgBox p {
  font-size: 1.5rem;
  line-height: 1.5;
  /*lightbox関連*/ }

.lightbox {
  display: none; }

#main.featherlight-inner {
  background-color: #fff; }

#main.featherlight-inner #content {
  padding-top: 0;
  margin-top: 0; }

.featherlight-close-icon.featherlight-close {
  font-size: 3rem;
  /*2分割ボックス*/ }

.box2 {
  width: 480px;
  float: left; }

.box2.first {
  padding-right: 20px; }

.box2.second {
  padding-left: 20px;
  /*吹き出し*/ }

.arrow_box {
  position: relative;
  background: #fff;
  border-style: solid; }

.arrow_box.large {
  border-width: 5px;
  border-radius: 8px;
  padding: 20px;
  font-size: 2rem;
  text-align: center; }

.arrow_box.small {
  border-width: 2px;
  border-radius: 5px;
  min-height: 20px;
  padding: 15px 10px 10px 10px;
  font-size: 1.3rem;
  line-height: 1.4; }

.arrow_box.bottom {
  margin-bottom: 30px; }

.arrow_box a {
  text-decoration: underline; }

.arrow_box a:hover {
  text-decoration: none; }

.arrow_box a .fa {
  margin-left: 5px;
  /*吹き出し(下：大)*/ }

.arrow_box.bottom:after, .arrow_box.bottom:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box.bottom.large:after {
  border-top-color: #fff;
  border-width: 20px;
  margin-left: -20px; }

.arrow_box.bottom.large:before {
  border-width: 27px;
  margin-left: -27px;
  /*吹き出し(右：大)*/ }

.arrow_box.right:after, .arrow_box.right:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box.right.large:after {
  border-left-color: #fff;
  border-width: 15px;
  margin-top: -15px; }

.arrow_box.right.large:before {
  border-width: 22px;
  margin-top: -22px;
  /*吹き出し(左：小)*/ }

.arrow_box.left:after, .arrow_box.left:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box.left.small:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #fff;
  border-width: 7px;
  margin-top: -7px; }

.arrow_box.left.small:before {
  border-width: 10px;
  margin-top: -10px;
  /*テーブル*/ }

.baseTB {
  border: 1px solid #888;
  margin-bottom: 30px;
  width: 100%; }

.baseTB thead th {
  background-color: #ccc;
  border: 1px solid #888;
  text-align: center;
  font-size: 1.3rem;
  padding: 10px; }

.baseTB tbody th {
  background-color: #fff;
  border: 1px solid #888;
  text-align: left;
  font-size: 1.3rem;
  padding: 10px; }

.baseTB tbody td {
  background-color: #fff;
  border: 1px solid #888;
  text-align: center;
  font-size: 1.3rem;
  padding: 10px; }

.baseTB tfoot th {
  background-color: #fff;
  border: 1px solid #888;
  text-align: left;
  font-size: 1.3rem;
  padding: 10px;
  vertical-align: middle; }

.baseTB tfoot td {
  background-color: #fff;
  border: 1px solid #888;
  text-align: center;
  font-size: 1.3rem;
  padding: 10px;
  line-height: 1.5;
  /*----------------------------
			フォーム
------------------------------*/ }

.formSet {
  padding-bottom: 30px; }

input[type="submit"], input[type="rest"], input[type="button"], input[type="file"], button {
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0; }

input[type="checkbox"], input[type="radio"] {
  cursor: pointer;
  width: 15px;
  height: 15px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px; }

input[disabled="disabled"] {
  opacity: 0.3; }

label {
  margin-right: 20px;
  font-size: 1.3rem;
  line-height: 15px;
  display: inline-block;
  cursor: pointer;
  font-weight: bold; }

label.disabled {
  color: #bbb;
  cursor: default; }

select {
  padding: 10px;
  font-size: 1.5rem;
  border: 1px solid #a0a0a0;
  border-radius: 0;
  cursor: pointer; }

textarea, input[type="file"], input[type="text"], input[type="number"], input[type="email"], input[type="password"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="reset"] {
  padding: 10px;
  font-size: 1.5rem;
  border: 1px solid #a0a0a0;
  width: 50%;
  -webkit-appearance: none;
  border-radius: 0; }

::-webkit-input-placeholder {
  color: #d9d9d9; }

:-moz-placeholder {
  color: #d9d9d9;
  /*使い回し項目*/ }

.formSet input.name {
  width: 150px !important; }

.formSet input.num2 {
  width: 2em !important; }

.formSet select.num4, .formSet input.num4 {
  width: 4em !important; }

.formSet select.num6, .formSet input.num6 {
  width: 6em !important; }

.formSet select.num8, .formSet input.num8 {
  width: 8em !important; }

.formSet select.num16, .formSet input.num16 {
  width: 16em !important; }

.inputBox .radio {
  line-height: 40px;
  /*フォーム内テキスト*/ }

.tx {
  display: inline-block;
  padding: 0 5px;
  font-size: 1.5rem;
  /*見出し付きフォーム*/ }

.inputSet .set {
  display: block;
  padding-bottom: 15px; }

.inputSet .set .head {
  display: block;
  line-height: 40px;
  float: left;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 0 10px; }

.inputSet .set:last-of-type {
  padding-bottom: 0px;
  /**/ }

.label {
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 15px;
  display: inline-block; }

.cap {
  font-size: 1.3rem;
  line-height: 22px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-weight: bold;
  position: relative; }

.cap .fa {
  font-size: 2.2rem;
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  top: 0;
  left: 0; }

.capError {
  font-size: 1.5rem;
  line-height: 15px;
  padding: 5px;
  margin-top: 5px;
  font-weight: bold; }

.capError div {
  display: inline; }

.capError .fa {
  font-size: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  padding-right: 5px; }

.error select, .error input {
  background-color: #ffd; }

.btnSet {
  padding-bottom: 30px;
  text-align: center; }

span.btn, a.btn, .btnSet button {
  display: inline-block;
  position: relative;
  border: 5px solid #fff;
  border-radius: 8px;
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  padding: 10px 40px 10px 30px;
  margin: 0 20px;
  font-weight: bold;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }

.btnSet.paddingLess button {
  padding: 10px 30px 10px 20px; }

a.btn i, .btnSet button i {
  font-size: 3.4rem;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -18px;
  padding-right: 0;
  font-weight: bold; }

a.btn.back, .btnSet button.back {
  padding: 10px 30px 10px 40px; }

a.btn.back i, .btnSet button.back i {
  left: 15px;
  right: auto; }

.btnSet button i.fa-plus {
  font-size: 2rem;
  margin-top: -10px;
  font-weight: normal; }

button.small, a.btn.small {
  font-size: 1.5rem;
  padding: 5px 25px 5px 10px;
  border-radius: 5px;
  margin: 0; }

button.small i, a.btn.small i {
  font-size: 2rem;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  padding-right: 0;
  font-weight: bold;
  /*----------------------------
		トップページ
------------------------------*/ }

.topBox {
  border-bottom: 1px dotted #333;
  margin-bottom: 30px; }

.topBox {
  width: 480px;
  float: left; }

.topBox.first {
  padding-right: 20px; }

.topBox.second {
  padding-left: 20px; }

.topBox .arrow_box {
  line-height: 1.5; }

.topBox p {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  padding-bottom: 20px;
  /*----------------------------
		コード確認
------------------------------*/ }

.checkCode .formSet {
  float: left;
  width: 70%;
  position: relative; }

.checkCode .formSet input {
  position: absolute;
  right: 0;
  top: 0px;
  width: 7em;
  font-size: 3rem; }

.checkCode .btnSet {
  float: right;
  width: 30%;
  text-align: right; }

.checkCode .btnSet button {
  width: 85%;
  margin: 0; }

.codeErrorsam {
  border-top: 1px dotted #333;
  padding: 30px 0; }

.codeErrorsam .arrow_box {
  width: 240px;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: bold;
  position: relative;
  text-align: center;
  padding-left: 60px;
  float: left; }

.codeErrorsam .arrow_box i {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -25px;
  font-size: 5rem; }

.codeErrorsam dl {
  float: right;
  width: 640px;
  margin-top: -30px; }

.codeErrorsam dl dt {
  width: 40px;
  height: 60px;
  text-align: center;
  font-weight: bold;
  float: left;
  margin-bottom: 20px; }

.codeErrorsam dl dt .t {
  font-size: 1.3rem;
  display: block;
  line-height: 25px; }

.codeErrorsam dl dt .num {
  font-size: 2.6rem;
  display: block;
  line-height: 35px; }

.codeErrorsam dl dd {
  width: 590px;
  height: 60px;
  padding-left: 10px;
  float: left;
  margin-bottom: 20px; }

.codeErrorsam dl dd p {
  font-size: 1.5rem;
  line-height: 1.5;
  width: 330px;
  float: left; }

.codeErrorsam dl dd a.btn {
  float: right;
  width: 220px;
  font-size: 1.5rem;
  margin: 0;
  padding: 10px 20px 10px 10px; }

.codeErrorsam dl dd a.btn i {
  font-size: 2.6rem;
  right: 10px;
  margin-top: -14px;
  /*----------------------------
		資格確認
------------------------------*/ }

.requirements {
  padding-bottom: 30px;
  /*
.requirements .term {
	text-align: center;
}*/ }

.requirements label {
  font-size: 2rem; }

.noticeCode {
  position: relative; }

.noticeCode input {
  /* left:220px; */
  position: absolute;
  left: 260px;
  top: 0; }

.noticeInput {
  text-align: center;
  padding-bottom: 50px;
  /*----------------------------
		日付選択
------------------------------*/ }

.dateSelect.baseTB a {
  display: block;
  position: relative;
  padding-right: 15px;
  font-weight: bold;
  font-size: 1.5rem;
  color: #000;
  padding: 10px; }

.dateSelect.baseTB span {
  font-weight: bold;
  font-size: 1.5rem; }

.dateSelect.baseTB a i {
  font-size: 2.2rem;
  font-weight: bold;
  padding-right: 0;
  padding-left: 5px;
  vertical-align: top;
  margin-top: -5px; }

.dateSelect.baseTB a.baseColBG i.baseColTX {
  color: #fff !important; }

.dateSelect.baseTB tbody th {
  width: 200px;
  line-height: 1.3; }

.dateSelect.baseTB tbody td {
  padding: 0; }

.dateSelect.baseTB tfoot th {
  width: 200px;
  text-align: right;
  border-top-width: 3px; }

.dateSelect.baseTB tfoot td {
  font-weight: bold;
  border-top-width: 3px; }

.dateSelect.baseTB tfoot td span {
  display: block; }

.totalPrice.baseTB th {
  text-align: right;
  font-size: 1.6rem;
  background-color: #ccc; }

.totalPrice.baseTB td {
  font-size: 1.6rem;
  font-weight: bold; }

.totalPrice.baseTB td.price {
  font-size: 2rem;
  width: 300px; }

.totalPrice.baseTB td.price span {
  font-size: 1.6;
  padding-left: 10px;
  /*----------------------------
		個人情報記入
------------------------------*/ }

.userForm .formSet {
  padding-bottom: 15px; }

.userForm .formSet .inputSet {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 15px;
  width: 650px;
  float: left; }

.userForm .formSet .inputSet .label {
  display: inline-block;
  font-size: 1.5rem;
  width: 190px;
  line-height: 40px;
  vertical-align: top;
  padding-bottom: 0; }

.userForm .formSet .inputSet .inputBox {
  display: inline-block;
  width: 450px; }

.userForm .name input[type="text"] {
  display: inline-block;
  margin-right: 15px; }

.userForm .formSet .info {
  width: 320px;
  float: right; }

.userForm .formSet .cap {
  float: none;
  margin-top: 10px;
  padding-bottom: 0px; }

.userForm .country {
  line-heihgt: 40px; }

.userForm .country input[type="text"] {
  width: 150px; }

.userForm .zip .btnSet {
  display: inline-block;
  padding-bottom: 0; }

.userForm .zip .btnSet button {
  font-size: 1.5rem;
  padding: 5px 20px 5px 30px; }

.userForm .zip .btnSet button i {
  font-size: 1.5rem;
  position: absolute;
  left: 10px;
  right: auto;
  top: 50%;
  margin-top: -7px;
  padding: 0;
  font-weight: bold; }

.userForm .address select {
  margin-bottom: 15px; }

.userForm .address input[type="text"] {
  width: 300px; }

.userForm .otherTel input[name="strTelCRole"] {
  width: 150px; }

.userForm .otherTel .set {
  padding-top: 15px; }

.userForm .gradeYear .inputSet, .userForm .birth {
  line-height: 40px; }

.userForm .gradeYear .inputSet select, .userForm .birth select {
  margin-bottom: 5px;
  /*----------------------------
		確認ページ
------------------------------*/ }

.confirm .inputBox {
  font-size: 1.5rem;
  line-height: 1.7;
  padding-top: 7px; }

.confirm .label {
  color: #777;
  /*----------------------------
		高校選択
------------------------------*/ }

.highSelect .kana .kanaBox {
  float: left; }

.highSelect .kana .kanaBox button {
  font-size: 2rem;
  margin: 0 5px 5px 0;
  border: 2px solid #fff; }

.highSelect .keywords .btnSet {
  display: inline-block;
  margin-left: 20px;
  margin-top: -2px;
  vertical-align: top; }

.highSelect .keywords .btnSet button {
  padding-left: 30px;
  padding-right: 10px; }

.highSelect .keywords .btnSet button .fa {
  font-size: 1.6rem;
  margin-top: -9px;
  left: 10px;
  right: auto; }

.grade .btnGrade {
  width: 200px;
  height: 70px;
  font-size: 1.6rem;
  padding: 0 30px;
  /*一覧*/ }

.highList .list button {
  background-color: transparent;
  display: block;
  width: 48%;
  font-size: 1.5rem;
  font-weight: bold;
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 10px 0 10px 10px;
  text-align: left;
  float: left;
  position: relative; }

.highList .list {
  margin-bottom: 30px; }

.highList .list button:nth-child(1), .highList .list button:nth-child(2) {
  border-top: 1px solid #ccc; }

.highList .list button:nth-child(2n) {
  margin-left: 2%; }

.highList .list button .fa {
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 2.4rem;
  margin-top: -12px; }

.highList .list button:hover {
  background-color: #fff; }

.hightCourse .type .inputBox, .hightCourse .course .inputBox {
  width: 460px;
  float: right;
  /*----------------------------
		入試制度選択
------------------------------*/ }

.selectType .btnSet {
  text-align: left; }

.selectType .btnSet .btn {
  width: 300px;
  margin: 0 35px 30px 0;
  height: 80px;
  vertical-align: top; }

.selectType .btnSet .btn .sub {
  font-size: 1.5rem; }

.selectType .btnSet .btn:nth-child(3n) {
  margin-right: 0px; }

.selectType .feature {
  border-top: 1px dotted #333;
  border-bottom: 1px dotted #333;
  padding: 30px 0 0 0;
  margin: 0px 0 30px 0; }

.selectType .feature .btnSet .btn {
  cursor: default; }

.selectType .close .btnSet .btn {
  opacity: 0.4;
  filter: alpha(opacity=40);
  /*----------------------------
		出願内容の確認
------------------------------*/ }

.sectionSelect.baseTB th {
  text-align: left;
  font-size: 1.8rem; }

.sectionSelect.baseTB td {
  text-align: left;
  width: 33%;
  padding: 15px;
  vertical-align: top; }

.sectionSelect.baseTB td input[type="radio"] {
  float: left; }

.sectionSelect.baseTB td label {
  font-size: 1.5rem;
  float: left;
  width: 260px;
  line-height: 1.3; }

.sectionSelect.baseTB td label.disabled {
  color: #000;
  cursor: default; }

.sectionSelect.baseTB label.disabled:after {
  content: " [出願済]";
  /*----------------------------
		出願内容の確認＆出願一覧
------------------------------*/ }

.entryBox {
  padding-bottom: 60px; }

.listBox {
  border-bottom: 1px dotted #333;
  padding: 15px 0 20px 0;
  position: relative;
  margin-bottom: 30px; }

.listBox ul li {
  font-size: 1.6rem;
  padding-bottom: 20px;
  font-weight: bold;
  margin-left: 3px;
  line-height: 1.3; }

.listBox ul li span {
  font-size: 1.5rem;
  font-weight: normal; }

.listBox ul li i {
  margin-left: 2px;
  margin-top: 0px; }

.listBox .btnSet {
  position: absolute;
  right: 20px;
  top: 20px; }

.listBox .btnSet button {
  font-size: 1.6rem;
  margin-right: 0; }

.listBox .btnSet button i.fa-times {
  font-size: 1.6rem;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -8px;
  padding-right: 0;
  font-weight: normal; }

.listBox li.status {
  font-size: 2rem; }

.listBox li.status i {
  font-size: 2rem;
  margin-left: 7px;
  margin-top: 0px;
  font-weight: normal; }

.applicationList {
  margin-bottom: 60px; }

.applicationList h3 {
  font-size: 2.4rem; }

.applicationList .listBox {
  background-color: #fff;
  padding: 20px;
  border: none; }

.applicationList .dotBox {
  margin-bottom: 30px;
  /* .applicationList .listBox .fa-pencil, */ }

.applicationList .listBox .fa-map-marker {
  padding-left: 20px; }

.paymentList .baseTB td .departTable {
  border: none; }

.paymentList .baseTB td .departTable td {
  border: none;
  padding: 0 0 5px 0;
  padding-right: 20px; }

li.educationLine, li.graduateLine, li.careerLine {
  display: flex;
  justify-content: space-between;
  padding: 0px 15px;
  word-break: break-all; }

li.educationLine div, li.graduateLine div, li.careerLine div {
  text-align: left;
  width: 25%;
  /*
*/
  /*----------------------------
		支払い方法選択
------------------------------*/ }

.paymentType {
  margin-bottom: 60px; }

.paymentType .box {
  width: 270px;
  float: left;
  background-color: #fff;
  padding: 20px; }

.paymentType .box:nth-child(2) {
  margin: 0 25px; }

.paymentType .box h4 {
  font-size: 1.8rem;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dotted #000; }

.paymentType .box p {
  padding: 10px;
  font-size: 1.3rem;
  line-height: 1.5;
  height: 130px; }

.paymentType .box button {
  font-size: 1.5rem;
  margin: 0;
  width: 260px; }

.paymentType .box a.more {
  text-decoration: underline; }

.paymentType .box a.more:hover {
  text-decoration: none; }

.paymentType .chargeLink {
  padding: 15px;
  /*----------------------------
		支払い方法説明
------------------------------*/ }

#aboutConveni {
  width: 900px;
  margin-bottom: 60px; }

#aboutConveni .baseTB th {
  font-size: 1.6rem; }

#aboutConveni .baseTB td {
  width: 33%;
  text-align: left; }

#aboutConveni .baseTB td ul li {
  line-height: 1.4;
  list-style-type: decimal;
  margin-left: 20px;
  padding-bottom: 10px; }

#aboutPayeasy {
  width: 900px;
  margin-bottom: 60px; }

#aboutPayeasy .baseTB th {
  font-size: 1.6rem; }

#aboutPayeasy .baseTB td {
  width: 50%;
  text-align: left;
  line-height: 1.5;
  vertical-align: top; }

#aboutPayeasy .baseTB td strong {
  font-size: 1.5rem;
  padding-bottom: 10px;
  display: inline-block; }

#aboutPayeasy p {
  text-align: right;
  font-size: 1.5rem; }

#aboutPayeasy p .fa-question-circle {
  font-size: 2.2rem;
  vertical-align: middle;
  margin-top: -2px; }

#aboutCharge .baseTB thead th {
  width: 25%;
  /*----------------------------
		お支払い金額確認
------------------------------*/ }

.priceTB.baseTB td {
  text-align: right;
  width: 200px;
  font-size: 1.5rem; }

.priceTB.baseTB .price th {
  text-align: right;
  background-color: #ccc; }

.priceTB.baseTB .price td {
  font-weight: bold; }

.priceTB.baseTB .price.all th {
  font-size: 1.6rem; }

.priceTB.baseTB .price.all td {
  font-weight: bold;
  font-size: 1.8rem; }

.chargeLink {
  text-align: right;
  font-size: 1.5rem;
  margin-bottom: 20px; }

.chargeLink a {
  color: #000;
  text-decoration: none; }

.chargeLink a i {
  font-size: 2.4rem;
  vertical-align: top;
  margin-top: -5px;
  padding-left: 5px; }

.chargeLink a:hover {
  text-decoration: underline;
  /*----------------------------
		カード支払い
------------------------------*/ }

.userForm .expiry .inputSet {
  line-height: 40px; }

.userForm .expiry .inputSet select {
  margin-bottom: 5px;
  /*----------------------------
		コンビニ支払い
------------------------------*/ }

.userForm .cvsSelect .inputSet {
  line-height: 40px; }

.userForm .cvsSelect .inputSet select {
  margin-bottom: 5px;
  /*----------------------------
		お申し込み完了
------------------------------*/ }

.endOrder {
  position: relative; }

.endOrder .listBox {
  width: 48%;
  float: left;
  border: none; }

.endOrder .listBox.papers {
  width: 48%;
  float: right; }

.endOrder .more {
  display: inline-block;
  padding-top: 5px;
  font-size: 1.5rem;
  font-weight: normal;
  text-decoration: underline; }

.endOrder .more:hover {
  text-decoration: none;
  /*----------------------------
		規約
------------------------------*/ }

.term {
  font-size: 1.3rem; }

.term.dotBox {
  font-size: 1.5rem;
  margin-bottom: 30px;
  height: 200px;
  overflow: scroll; }

.term ol {
  margin-left: 30px;
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 30px; }

.term ol li {
  padding-bottom: 10px; }

.term ol ol {
  margin-top: 10px;
  margin-bottom: 0px; }

.term p {
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 30px; }

.term .sign {
  text-align: right; }

.term ol .sub {
  padding-top: 10px;
  margin-bottom: 0; }

.term .noticeArea {
  line-height: 1.5;
  font-size: 1.5rem;
  padding-bottom: 20px;
  /*----------------------------
		ログイン後TOP
------------------------------*/ }

.mypageTopLink {
  padding: 30px;
  font-size: 1.6rem; }

.mypageTopLink li {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }

.mypageTopLink li a {
  display: block;
  padding: 15px;
  border-radius: 5px;
  width: 180px;
  text-align: center;
  margin-right: 20px; }

.mypageTop .btnSet button {
  margin-bottom: 15px; }

.mypageTop .exp {
  font-size: 1.5rem;
  line-height: 1.3em; }

.univListArea p {
  font-size: 1.6rem;
  margin-bottom: 15px;
  /*----------------------------
		大学一覧
------------------------------*/ }

.univList {
  margin-bottom: 30px; }

.univList li {
  display: block;
  float: left;
  background-color: #fff;
  width: 185px;
  height: 185px;
  margin-right: 15px;
  margin-bottom: 15px; }

.univList li:nth-child(5n) {
  margin-right: 0; }

.univList li a {
  display: block;
  margin: 0 auto;
  position: relative;
  margin: 15px; }

.univList li a .logo {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 155px;
  height: 115px; }

.univList li a span {
  display: block;
  font-size: 1.3rem;
  font-weight: bold;
  color: #000;
  position: relative;
  padding-top: 10px;
  padding-right: 25px;
  width: 135px;
  line-height: 1.3; }

.univList li:hover {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.univList li a span .fa {
  font-size: 2.2rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin: -8px 0 0 0;
  display: block;
  vertical-align: middle;
  /*----------------------------
		お問い合わせ
------------------------------*/ }

.support input[type="text"] {
  width: 370px; }

.support textarea {
  width: 370px;
  height: 10em;
  /*----------------------------
		FAQ
------------------------------*/ }

ul.faqNav {
  counter-reset: number;
  list-style: none;
  margin: 0 0 30px 0;
  padding: 0; }

ul.faqNav li {
  font-size: 1.4rem;
  display: inline-block;
  width: 320px;
  margin-right: 15px;
  margin-bottom: 10px; }

ul.faqNav li:nth-child(3n) {
  margin-right: 0; }

ul.faqNav li a {
  background-color: #f5f5f5;
  position: relative;
  display: block;
  padding: 10px;
  color: #000; }

ul.faqNav li a:before {
  counter-increment: number;
  content: counter(number);
  display: inline-block;
  background-color: #666;
  color: #fff;
  padding: 5px;
  margin-right: 10px;
  text-align: center;
  width: 18px; }

ul.faqNav li a:hover {
  background-color: #ccc; }

ul.faqNav li a .fa {
  position: absolute;
  right: 5px;
  top: 10px;
  font-size: 2rem; }

.faqBox h3 {
  display: block;
  font-size: 2.4rem;
  border-bottom: 1px dotted #333;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.faqBox h3 span {
  font-size: 2.6rem;
  display: inline-block;
  text-align: center;
  width: 30px;
  margin-right: 10px;
  padding: 5px; }

.faqBox dt {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px; }

.faqBox dt span {
  display: inline-block;
  text-align: center;
  width: 30px;
  margin-right: 10px;
  padding: 5px; }

.faqBox dd {
  font-size: 1.3rem;
  line-height: 1.7;
  margin-bottom: 30px;
  padding-left: 48px;
  /*----------------------------
		ログイン
------------------------------*/ }

.loginBox {
  position: relative; }

.loginBox.userForm .inputSet {
  border-bottom: none; }

.loginBox.userForm .formSet .inputSet .label {
  font-size: 1.6rem; }

.loginBox.userForm .formSet .inputSet .fa {
  font-size: 2.2rem; }

.loginBox.userForm .formSet .inputSet .inputBox input {
  width: 400px; }

.loginBox .info a {
  font-size: 1.5rem;
  font-weight: bold; }

.loginBox .info a .fa {
  font-size: 2rem;
  margin-top: 0;
  vertical-align: top;
  /*----------------------------
		画像アップロード
------------------------------*/ }

.uploadBox {
  width: 630px;
  float: left; }

.uploadBox input {
  width: 90%; }

.photoUP {
  padding-bottom: 30px; }

.photoUP .photoArea {
  width: 630px;
  height: 630px;
  float: left;
  position: relative; }

.photoUP .photoArea .photo {
  background-color: #888;
  width: 630px;
  height: 630px; }

.photoUP .photoArea .btnArea {
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 100px;
  background-color: #ff0; }

.photoUP .photoArea .btnArea span.baseColBG {
  font-size: 1.4rem;
  display: block;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  border: 1px solid #fff;
  box-sizing: border-box; }

.photoUP .photoArea .btnArea span.baseColBG:hover {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.photoUP .photoArea .btnArea span .fa {
  padding-right: 3px; }

.photoUP .photoArea .btnArea span.sizeS .fa {
  padding-right: 0; }

.photoUP .photoArea .btnArea span.sizeS {
  width: 30px; }

.photoUP .photoArea .btnArea span.sizeM {
  width: 60px; }

.photoUP .photoArea .btnArea span.sizeL {
  width: 120px; }

.photoUP .btnArea span.up {
  top: 0px;
  left: 35px; }

.photoUP .btnArea span.down {
  top: 70px;
  left: 35px; }

.photoUP .btnArea span.left {
  top: 35px;
  left: 0px; }

.photoUP .btnArea span.right {
  top: 35px;
  left: 70px; }

.photoUP .btnArea span.enlarge {
  top: 70px;
  left: 110px; }

.photoUP .btnArea span.reduction {
  top: 70px;
  left: 175px; }

.photoUP .btnArea span.rotateL {
  top: 70px;
  left: 240px; }

.photoUP .btnArea span.rotateR {
  top: 70px;
  left: 365px; }

.photoUP .btnArea span.guideBtn {
  top: 70px;
  left: 490px; }

.photoInfo {
  width: 350px;
  float: right; }

.photoInfo h3 {
  font-size: 2rem;
  margin-bottom: 0; }

.photoInfo ul li {
  list-style-type: disc;
  font-size: 1.5rem;
  line-height: 1.4;
  margin-left: 15px;
  padding-bottom: 15px; }

.photoCrop {
  width: 350px;
  float: right;
  border-top: 1px dotted #333;
  padding-top: 20px; }

.photoCrop h3 {
  font-size: 2rem;
  margin-bottom: 0;
  line-height: 1.4;
  text-align: center;
  display: block; }

.photoCrop ul {
  border-bottom: 1px dotted #333;
  margin-bottom: 100px; }

.photoCrop ul li {
  font-size: 1.6rem;
  line-height: 1.4;
  padding-bottom: 10px;
  text-indent: -20px;
  margin-left: 47px; }

.photoCrop ul li input[type="checkbox"] {
  margin-top: 2px; }

.photoCrop .nocheck {
  margin-top: 2px; }

.photoCrop .msgBox {
  padding: 10px;
  display: block;
  line-height: 24px;
  margin-bottom: 10px;
  display: none; }

.photoCrop .msgBox i {
  font-size: 24px;
  vertical-align: top;
  margin-top: -3px; }

.cropPage {
  position: relative; }

.cropPage .btnSet {
  position: absolute;
  right: 0;
  top: 505px; }

.photoUP #viewer {
  position: relative;
  width: 630px;
  height: 630px;
  overflow: hidden;
  background-color: #000; }

.photoUP #target {
  position: absolute; }

.photoUP #mask {
  position: absolute;
  width: 264px;
  height: 354px;
  background: url(/resource/img/common/photo_mask.png) no-repeat left center; }

.photoUP #mask.hide {
  background: transparent; }

.photoUP #cover {
  position: absolute;
  width: 630px;
  height: 630px;
  background: url(/resource/img/common/photo_cover.png) no-repeat left center;
  /*----------------------------
		出願状況詳細
------------------------------*/ }

.entryBox .dotBox {
  padding: 15px; }

.entryBox .dotBox h4 {
  padding: 5px 10px; }

.entryBox .dotBox h4 span {
  font-size: 1.3rem;
  padding-left: 10px; }

.entryBox .dotBox ul {
  width: 35%;
  float: right; }

.entryBox .dotBox dl {
  width: 57%;
  float: left; }

.entryBox .dotBox dt {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 5px; }

.entryBox .dotBox dd {
  font-size: 1.3rem;
  padding-left: 18px;
  padding-bottom: 15px; }

.entryBox .dotBox dt .btn {
  font-size: 1.3rem;
  padding-right: 35px;
  margin: 0 0 5px 10px; }

.entryBox .dotBox dd .btn i {
  font-size: 1.8rem;
  margin-top: -10px; }

.entryBox .dotBox dd .dlChecksheet {
  padding-top: 5px; }

.entryDetail .listBox {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0; }

.entryDetail .baseTB td {
  vertical-align: top;
  text-align: left;
  font-size: 1.5rem; }

.entryDetail .baseTB td.num {
  text-align: center;
  width: 6em; }

.entryDetail .baseTB td.btnTD li {
  padding-bottom: 10px;
  line-height: 1.4; }

.entryDetail .baseTB td.btnTD button {
  padding-right: 30px;
  /*
.entryDetail .baseTB td.btnTD .fa{
	font-size:1.8rem;
	margin:-8px 0 0 0 ;
	font-weight: normal;
}*/ }

.entryDetail .statusBox {
  padding-bottom: 20px; }

.entryDetail .statusBox .status {
  float: left;
  width: 300px;
  font-size: 2.4rem;
  line-height: 40px;
  font-weight: bold; }

.entryDetail .statusBox .info {
  float: right;
  width: 600px;
  font-size: 1.5rem;
  margin: 0;
  padding: 5px 10px; }

.entryDetail .statusBox .info span {
  display: inline-block;
  padding: 0 10px;
  margin-right: 10px;
  line-height: 30px;
  font-weight: bold; }

.entryDetail .waitDl li {
  font-size: 1.3rem;
  line-height: 1.5; }

.btnSet.dl i {
  font-size: 1.6rem;
  margin-top: -8px;
  top: 50%; }

.entryDetail .baseTB .faculty, .entryDetail .baseTB .department {
  white-space: nowrap; }

.entryDetail .baseTB .sub-td {
  text-align: center;
  white-space: nowrap; }

.entryDetail .dialogFaq {
  font-size: 1.5rem;
  font-weight: bold; }

.entryDetail .dialogFaq p {
  color: #f00; }

.entryDetail .dialogFaq .btnDialogFaq {
  margin-top: 15px; }

.entryDetail .dialogFaq .btnDialogFaq a {
  background-color: #c85a0d;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px; }

.entryDetail td.tdPassed:has(.statusPassed) {
  background-image: url(/resource/img/common/bg_passed.png);
  /*background-position: 58% 26%;*/
  background-position: 68% 80%;
  /*----------------------------
		登録情報確認
------------------------------*/ }

.account .formSet .inputSet {
  position: relative; }

.account .btnSet {
  padding: 0;
  display: block;
  position: absolute;
  right: 20px;
  top: 0; }

.account.confirm .label {
  color: #000; }

.account.confirm .photo {
  margin-bottom: 30px;
  border-bottom: 1px solid #333; }

.account.confirm .photo .inputSet {
  border-bottom: none;
  /*----------------------------
		お知らせ
------------------------------*/ }

.newsList {
  border-top: 1px dotted #333; }

.newsList li {
  font-size: 1.5rem;
  display: block;
  border-bottom: 1px dotted #333; }

.newsList li a {
  display: block;
  padding: 20px 0 20px 10px; }

.newsList li a:hover {
  background-color: #fff; }

.newsList li .meta {
  float: left;
  display: block;
  width: 270px;
  padding: 5px 0px;
  line-height: 1.5; }

.newsList li .meta .date {
  width: 180px;
  display: inline-block;
  color: #000; }

.newsList li .meta .ico {
  display: inline-block;
  padding: 0px 10px; }

.newsList li .title {
  float: left;
  display: block;
  width: 690px;
  position: relative;
  padding: 5px 30px 5px 0;
  color: #000;
  line-height: 1.5; }

.newsList li .title .fa {
  position: absolute;
  right: 0;
  top: 50%;
  font-size: 2.8rem;
  margin-top: -14px; }

.newsList li a.unread {
  font-weight: bold;
  /*----------------------------
		お知らせ詳細
------------------------------*/ }

.newsDetail h2 .ico {
  font-size: 2rem;
  padding: 5px 10px; }

.newsDetail h2 .meta {
  padding-bottom: 5px; }

.newsDetail .text {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-bottom: 60px; }

.newsDetail h3 {
  margin-bottom: 30px; }

.newsDetail .form .inputSet {
  border-bottom: none; }

.logList.newsList {
  border-top: none;
  margin-bottom: 60px; }

.logList.newsList li {
  border-bottom: none;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 15px; }

.logList.newsList li.reply {
  background-color: #ffffd8; }

.logList.newsList li .res {
  font-size: 1.3rem;
  font-weight: bold; }

.logList.newsList li .meta {
  width: 220px;
  padding-right: 20px; }

.newsDetail .form.confirm .inputSet {
  width: auto;
  /*----------------------------
		支払い状況
------------------------------*/ }

.paymentList .baseTB td.btnTD button {
  padding-right: 30px; }

.paymentList .baseTB td.btnTD button .fa {
  font-size: 1.8rem;
  margin: -8px 0 0 0;
  font-weight: normal; }

.paymentList .baseTB td {
  text-align: left;
  line-height: 1.4;
  vertical-align: top; }

.paymentList .baseTB .status {
  font-size: 2.2rem;
  padding-bottom: 20px;
  font-weight: bold;
  text-align: center; }

.paymentList .baseTB td a {
  text-decoration: underline; }

.paymentList .baseTB td a:hover {
  text-decoration: none; }

.paymentList .baseTB td a .fa {
  font-size: 1.8rem;
  padding-left: 5px; }

.paymentList .baseTB td li {
  margin-top: 5px; }

.paymentList .dotBox {
  margin-bottom: 30px; }

.paymentList .dotBox h3 {
  font-size: 2.4rem; }

.paymentList .statusCancel {
  padding-top: 10px;
  /*----------------------------
		お問合せ
------------------------------*/ }

.inquiry .inputBox {
  font-size: 1.5rem;
  line-height: 1.7;
  padding-top: 7px;
  font-weight: bold; }

.inquiry .form .inputSet {
  border-bottom: none; }

.inquiry .form .inquiryBody .inputBox {
  width: 460px;
  float: right; }

.newsDetail .form.confirm .inputSet, .inquiry .form.confirm .inputSet {
  width: 1000px; }

.newsDetail .form.confirm .inputBox, .inquiry .form.confirm .inquiryBody .inputBox {
  width: 810px;
  float: right;
  /*----------------------------
		登録情報変更依頼
------------------------------*/ }

.request .code input[type=text] {
  width: 1em;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  /*----------------------------
		退会
------------------------------*/ }

#withdraw label {
  font-size: 2rem; }

#withdraw .term.dotBox, .term.dotBox.withdraw {
  height: auto;
  /*----------------------------
		アンケート
------------------------------*/ }

.desired .desired_area {
  width: 800px !important; }

.desired .desired_label {
  display: inline-block !important;
  width: 150px !important;
  text-align: center;
  margin-left: 20px; }

.desired .desired_text {
  display: inline-block !important;
  width: 180px !important;
  margin-left: 20px;
  /*----------------------------
		大学院出願情報入力
------------------------------*/ }

.graduate .inputSet {
  display: flex;
  margin-top: 5px;
  font-size: 1.5rem; }

.graduate .label label {
  cursor: text;
  font-size: 1.5rem;
  width: 240px;
  margin-top: 14px; }

.graduate .inputSet {
  width: 100%; }

.graduate .inputBox {
  width: 100%; }

.graduate .inputBox .specialty_subjects {
  width: 15%;
  margin-right: 10px; }

.graduate .alert {
  font-size: 1.5rem;
  color: #f00; }

.graduate .note {
  font-size: 1.5rem;
  padding-top: 10px;
  padding-bottom: 10px;
  /*----------------------------
		学歴・職歴入力
------------------------------*/ }

.education .hisBox {
  border: 2px solid #00a0ea;
  position: relative;
  margin-bottom: 30px;
  padding: 10px 10px 0px;
  font-size: 1.5rem; }

.education .card_title {
  font-size: 1.5rem; }

.education .hisBox .btn.closeBtn {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 10px 32px 10px 15px; }

.education .hisBox .formSet {
  padding: 50px 20px 0px; }

.education label {
  cursor: text;
  font-size: 1.5rem;
  display: block;
  padding-bottom: 10px;
  height: 22px; }

.education .inputSetLine {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px; }

.education .label {
  width: 100%; }

.education .inputBox, .education .start, .education .middle, .education .last {
  font-size: 1.5rem;
  display: inline-block; }

.education .yearsOfEnrollment {
  width: 120px; }

.education .yearsOfStudy {
  width: 120px; }

.education .schoolName {
  width: 80%; }

.education .faculty, .education .yearsOfEmployment {
  width: calc(100% - 20px); }

.education .workplace {
  width: 385px; }

.education .note {
  font-size: 1.3rem; }

.readonlyText {
  background-color: #e9e9e9;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none; }

.centeCodeWarning {
  color: red;
  margin-left: -5px; }

#resCenterCodeKana {
  font-size: 1.8rem;
  margin-top: 15px;
  margin-bottom: 10px;
  font-weight: normal; }

.inputCenterCode input {
  border: none;
  background-color: #f5f5f5 !important; }

.inputCenterCode input::placeholder {
  color: transparent; }