/*.header, .footer {
  padding: 20px;
  width: 100%;
  background-color: #2a88bd;
}
.logo {
  font-size: 20px;
  color: #FFFFFF;
}
.footer {
  text-align: center;
}
.footer small {
  font-size: 14px;
  color: #FFFFFF;
}
h1 {
  margin: 20px;
  font-size: 20px;
}
.php_list {
  margin: 30px;
}
.php_list li {
  margin-bottom: 10px;
}
.tester{
  font-size: 40px;
}
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium" !important;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

body {
  font-size: 14px !important;
  line-height: 200%;
  color: #707070 !important;
  /*background: #f6f6f9 !important;*/
}

html,
body {
  height: 100%;
}

a {
  color: #333 !important;
  transition: .15s;
}

a:hover {
  text-decoration: none !important;
  opacity: .7;
}


.NoHover:hover {
	opacity: 1;
}

.wrapper {
	width: 100%;
	position: relative;
	height: auto !important;
	/*IE6対策*/
	height: 100%;
	/*IE6対策*/
	min-height: 100%;
}


:root {
	--MainColor: #a58fe4;
	--NotCurrent: #b6bad0;
	--BackBtnColor: #55b9b7;
	--AccentBtnColor: #d67d7d;
	--SubColor: #a58fe4;
	--WhiteColor: #FFFFFF;
}

.MainColor { color:var(--MainColor); }
.MainBgColor { background:var(--MainColor); }
.WhiteColor { color:var(--WhiteColor); }



/*------------------------
//Header
------------------------*/
.inner1400 {
  width: 1400px;
  margin: 0 auto;
}

.cf::after {
  display: block;
  clear: both;
  content: "";
}

.h1 {
  float: left;
  margin-top: 10px;
}

.privateArea {
  float: right;
}

.privateArea>p {
  margin-bottom: 10px;
}

.pAWp .myPageBtn {
  width: 120px;
  height: 28px;
  display: inline-block;
  float: left;
  line-height: 28px;
  background: url(../img/icon_img_01.png) no-repeat 6px 50%, #7eaaa9;
  border-radius: 20px;
}

.pAWp .myPageBtn a {
  color: #fff !important;
  display: block;
  padding-left: 30px;
}

.logBtn {
  display: inline-block;
  float: right;
}

.pAWp form button {
  color: #2700FF;
  background: none;
}

.hdrNav {
  background: var(--MainColor);
  font-size: 0;
}

.hdrNav li {
  display: inline-block;
  text-align: center;
  width: 16.666%;
  font-size: 14px;
  vertical-align: middle;
}

.ad .hdrNav li {
  width: 20%;

}

.hdrNav li a {
  color: #fff !important;
  font-size: 14px;
  display: block;
  padding: 20px 10px;
  position: relative;
  font-weight: bold;
}

.hdrNav li a:after {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: #fff;
  top: 50%;
  right: 0%;
  transform: translate(0%, -50%);
}

.hdrNav li:last-child a:after {
  content: none;
}

.inner1270 {
  width: 1270px;
  margin: 0 auto;
}

ul.inner1270 {
  padding-left: 0;
}

/*------------------------
//Footer
------------------------*/
.footer {
  padding			: 4px 0;
  height			: 40px;
  bottom			: 0px ;
  position			: absolute;
  width				: 100%;
}

.footer small {
  text-align		: center;
  vertical-align	: bottom ;
  width				: 100%;
  position			: absolute ;
  bottom			: 0px ;
}

.sp768 {
  display: none;
}

.sp640 {
  display: none;
}

.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs13 {
  font-size: 13px;
}

.fs16 {
  font-size: 16px;
}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs26 {
  font-size: 26px;
}

.mt--4 {
  margin-top: -4px;
}

.flow .step {
  width: 20.314%;
  height: 120px;
  line-height: 120px;
  float: left;
  margin-right: 6.22%;
  text-align: center;
  position: relative;
}

.flow .step:last-child {
  margin-right: 0;
}

body:not(.Tops-) .flow .step::after {
  top: 63%;
}

.Payments-pass .flow .step::after {
  top: 50% !important;
}

.flow .step::after {
  position: absolute;
  content: url(../img/icon_img_02.png);
  top: 50%;
  right: -20%;
  transform: translate(-0%, -50%);
}

.flow .step:last-child::after {
  content: none;
}

.flow .step a {
  display: block;
  background: #fff;
  font-weight: bold;
}

.h2 {
  font-size: 18px !important;
  border-bottom: solid 3px var(--MainColor);
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 35px !important;
  font-weight: bold !important;
  color: #707070;
}

.status {
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}

.status tbody {
  box-shadow: 1px 1px 10px #e2e2e2;
}

.status tr:first-child {
  background: #F5F3F5;

}

.status tr:first-child td {
  color: #333;
  font-size: 14px;
  border-right: solid 1px #fff;
  padding: 4px 7px;
  white-space: nowrap;
}

.status tr:first-child td:last-child {
  border-right: none;
}

.status tr:not(:first-child) {
  background: #fff;
}

.status tr:not(:first-child) td {
  border-right: solid 1px #F6F5F9;
  border-bottom: solid 1px #F6F5F9;
  padding: 20px 10px;
}

.status tr:not(:first-child) td:last-child {
  border-right: none;
}

.status tr:last-child td {
  border-bottom: none;
  white-space: nowrap;
}

.status tr td {
  width: 10%;
  vertical-align: middle;
}

.statusTblBtn {
  display: block;
  /*background: #FFA13E;*/
  /*background: none;*/
  /*color: #333 !important;*/
  /*text-align: center;*/
  font-size: 14px;
  /*padding: 7px 10px;*/
  /*white-space: nowrap;*/
}

.statusTblDl {
  display: block;
  background: #96949D;
  color: #fff !important;
  text-align: center;
  font-size: 12px;
  padding: 7px 0px;
}

.statusTblDl.statusTblDlCmp {
  background: #FFA13E;
}

/*▼バーガーメニュー▼*/
.hdr {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background: #fff;
}

.gnav {
  float: right;
}

.gnav li {
  float: left;
  line-height: 100px;
}

.gnav a {
  display: block;
  padding: 0 15px;
  transition: .3s;
}

.gnav a:hover {
  background: #e4e4e4;
}

.gnav .langBtn a:hover {
  background: #ec1822;
}

.toTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: none;
  border: none;
  background: #F5F3F5;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.meNu {
  position: absolute;
  top: 0;
  right: 100px;
  bottom: 0;
  display: block;
  margin: auto;
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  background: transparent;
}

.hdr {
  z-index: 9999;
}

.gnav {
  position: fixed;
  top: 100px;
  left: 0;
  display: none;
  width: 100%;
  background: #fff;
}

.gnav li {
  float: none;
  border-bottom: 1px dashed #555;
  text-align: center;
}

.menu4 {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.menu1 {
  width: 30px;
  height: 6px;
  background-color: #333;
  top: 10px;
  position: absolute;
}

.menu2_2 {
  width: 30px;
  height: 6px;
  background-color: #333;
  top: 20px;
  position: absolute;
}

.menu3 {
  width: 30px;
  height: 6px;
  background-color: #333;
  top: 30px;
  position: absolute;
}

.menu1, .menu2_2, .menu3 {
  transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  /* Opera */
  -moz-transition: all 0.5s ease-out;
  /* Firefox */
  -webkit-transition: all 0.5s ease-out;
  /* GoogleChrome, Safari */
  -ms-transition: all 0.5s ease-out;
  /* IE */
}

.menuclick1 {
  top: 20px;
  -o-transform: rotate(405deg);
  -moz-transform: rotate(405deg);
  -webkit-transform: rotate(405deg);
  -ms-transform: rotate(405deg);
  transform: rotate(405deg);
}

.menuclick2 {
  opacity: 0;
}

.menuclick3 {
  top: 20px;
  -o-transform: rotate(-405deg);
  -moz-transform: rotate(-405deg);
  -webkit-transform: rotate(-405deg);
  -ms-transform: rotate(-405deg);
  transform: rotate(-405deg);
}

.menu1 {
  width: 30px;
  height: 4px;
  border-radius: 15px;
  background-color: #fff;
  top: 10px;
  /*MENU文言ないときの位置*/
  top: 5px;
  position: absolute;
}

.menu2_2 {
  width: 30px;
  height: 4px;
  border-radius: 15px;
  background-color: #fff;
  top: 20px;
  /*MENU文言ないときの位置*/
  top: 14px;
  position: absolute;
}

.menu3 {
  width: 30px;
  height: 4px;
  border-radius: 15px;
  background-color: #fff;
  top: 30px;
  /*MENU文言ないときの位置*/
  top: 23px;
  position: absolute;
}

.menuclick1 {
  top: 22px;
  /*MENU文言ないときの位置*/
  top: 14px;
  position: absolute;
}

.menuclick3 {
  top: 23px;
  /*MENU文言ないときの位置*/
  top: 14px;
  position: absolute;
}

.meNu {
  border: none;
  position: absolute;
  left: 10px;
  right: unset;
}

.gnav {
  position: fixed;
  top: 58px;
}

.hdr {
  height: 58px;
  background: #008000;
}

.bgMenu {
  color: #fff;
  font-size: 10px;
  position: absolute;
  top: 30px;
}

.menuC label {
  background: green;
  color: #fff;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #fff;
}

.menuC input[type="checkbox"].on-off {
  display: none;
}

.meNu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.meNu li {
  padding: 5px;
}

.menuC input[type="checkbox"].on-off+ul {
  height: 0;
  overflow: hidden;
}

.menuC input[type="checkbox"].on-off:checked+ul {
  height: 200px;
}

/*追記*/
.menuC {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.menuC a {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  line-height: 1;
  padding: 10px;
}

.menuC label {
  display: block;
  padding: 9px;
  line-height: 1;
  color: #fff;
  background: #fff;
  cursor: pointer;
}

.menuC input {
  display: none;
}

.menuC ul {
  margin: 0;
  padding: 0;
  background: #f4f4f4;
  list-style: none;
}

.menuC li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.menuC #menu_bar01:checked~#links01 li,
.menuC #menu_bar02:checked~#links02 li,
.menuC #menu_bar03:checked~#links03 li {
  max-height: 46px;
  opacity: 1;
}

.gnav {
  position: fixed;
  z-index: 9998;
  top: 55px;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 9px 8px -2px #dcdcdc;
}

.gnav li {
  margin-left: 0px;
  list-style: none;
  color: #008000;
  border: none;
  line-height: 50px;
}

.menuC label {
  transition: .3s;
}

.menuC label:hover {
  background: #e4e4e4;
}

.gnav li a {
  font-size: 14px;
  font-weight: bold;
  background: var(--MainColor);
  color: #fff !important;
  border-bottom: solid 1px #fff;
  margin: 0 5px;
}

.menuC label span {
  background: url(./arw_sp_01.png) no-repeat 100% 50%;
  background-size: contain;
  height: 10px;
  width: 16px;
  display: inline-block;
}

.menuC label span:hover {
  background: url(./arw_sp_01.png) no-repeat 100% 50%;
  background-size: contain;
}

#links01 li a,
#links02 li a,
#links03 li a {
  background: none;
  display: block;
  transition: .3s;
  height: 26px;
  line-height: 25px;
}

#links01 li a:hover,
#links02 li a:hover,
#links03 li a:hover {
  background: #e4e4e4;
}

.meNu {
  background: none !important;
  right: 0;
  top: 0px;
}

.bgMenu {
  color: #fff;
  font-size: 10px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background: var(--MainColor);
  height: 56px;
  width: 50px;
  font-weight: normal;
  padding-top: 7px;
  padding-left: 1px;
}

.spLogo {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 56px;
  background: #f6f6f9;
  border-bottom: solid 1px #c1c1c1;
  z-index: 1000;
}

.spLogo img {
  margin: 4px 0 0 5px;
  width: auto;
}

.menu1 {
  width: 30px;
  height: 4px;
  border-radius: 10px;
  background-color: #fff;
  top: 24px;
  position: fixed;
  z-index: 9999;
  right: 9px;
}

.menu2_2 {
  width: 30px;
  height: 4px;
  border-radius: 10px;
  background-color: #fff;
  position: fixed;
  top: 31px;
  right: 9px;
  z-index: 9999;
}

.menu3 {
  width: 30px;
  height: 4px;
  border-radius: 10px;
  background-color: #fff;
  position: fixed;
  top: 38px;
  right: 9px;
  z-index: 9999;
}

.menuclick3 {
  top: 29px !important;
}

.menuclick1 {
  top: 29px !important;
}

.bgMenu .langBtn a {
  width: 100%;
  font-size: 14px;
  display: inline-block;
}

.bgMenu .langBtn {
  display: inline-block;
  width: 49%;
  text-align: center;
}

.font0 {
  font-size: 0px;
}

.font0 .langBtn:first-child {
  margin-right: 2%;
}

.gnav .font0 li {
  display: inline-block;
  width: 50%;
}

.gnav .font0 li a {
  font-size: 14px;
  color: #fff;
  background: #e60e37;
  border-bottom: solid 1px #fff;
}

.menu4 {
  width: 1px;
  height: 1px;
  cursor: pointer;
}

/*▲バーガーメニュー▲*/
/*▼ログイン時モーダル▼*/
.overlay {
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  z-index: 9999;
  /*overflow: scroll;*/
  top: 0;
}

.btn_area {
  width: 768px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 2;
  padding: 30px;
  height: 800px;
  overflow: scroll;
  border-radius: 4px;
}

.btn_area .container-fluid {
  /*border: solid 3px #F6F5F9;*/
  border-top: none;
  position: relative;
  margin-bottom: 15px;
}

/*.btn_area .container-fluid:before {
  content: "";
  height: 100px;
  width: 3px;
  background: #F6F5F9;
  position: absolute;
  left: -3px;
  top: -45px;
}

.btn_area .container-fluid:after {
  content: "";
  height: 100px;
  width: 3px;
  background: #F6F5F9;
  position: absolute;
  right: -3px;
  top: -45px;
}*/

.btn_area p {
  padding: 10px;
}

.btn_area button {
  display: block;
  margin: 0 auto;
}

.olTtl01 {
  font-size: 20px;
  font-weight: bold;
}

.olTtl02 {
  font-size: 16px;
  position: relative;
}

.authe01,
.authe02 {
  font-size: 13px;
}

/*.olTtl02::before {
  content: "";
  height: 3px;
  width: 100%;
  background: #F6F5F9;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
}

.olTtl02::after {
  content: "";
  height: 12px;
  width: 230px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}*/

.olTtl02 span {
  position: relative;
  z-index: 3;
}

.necess div {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -1px;
}

.necess p {
  font-size: 12px;
  color: #7A7A7A;
}

.olTtl03 {
  font-weight: bold;
  background: #F6F5F9;
  padding: 5px;
  margin-bottom: 10px;
}

.olTtl03Ul li {
  display: inline-block;
  background: url(../img/icon_img_12.png) no-repeat 0% 50%;
  padding-left: 20px;
  margin: 0 20px 20px 0;
  font-weight: bold;
}

.btn {
  width: 100%;
}

/*▲ログイン時モーダル▲*/

.spHdr .privateArea {
  float: none;
}

.spHdr .privateArea>p {
  color: #333;
  font-size: 12px;
}

.spHdr .pAWp .myPageBtn a {
  font-size: 12px;
}

h1.loginH1 {
  float: none;
  margin: 0px 0 50px 60px;
  padding-top: 30px;
}

.systemTtl {
  font-size: 30px;
  /*margin-bottom: 100px;*/
  margin: 50px 0;
}

.roginWp {
  width: 280px;
  margin: 0 auto;
  padding: 5px 10px;
}

.roginWp p {
  margin-bottom: 5px;
  font-weight: bold;
}

.roginWp input {
  width: 100%;
  margin-bottom: 40px;
  padding: 10px 15px;
  background: #F5F3F5;
  border: none;
  border-radius: 3px;
}

.roginWp .btnWp span {
  display: block;
}

.roginWp button {
  background: none;
  color: #fff;
  height: 57px;
  line-height: 57px;
  margin-bottom: 10px;
  width: 100%;
  border: none;
}

.settlePrice {
  font-size: 20px;
}

.precaution {
  text-align: center;
}

.precaution span {
  width: 720px;
  display: inline-block;
  /*background: #FF4B4A;*/
  /*color: #fff;*/
  color: #333;
  font-weight: bold;
  padding: 15px 10px;
  /*margin-bottom: 30px;*/
  font-size: 16px;
}

.radioWp {
  margin: 0 auto;
  width: 470px;
  margin-bottom: 50px;
}

.radioWp .radio div,
.radioWp .radio input {
  display: inline-block;
  margin: 0 5px 10px 20px;
  font-weight: bold;
}

.radioWp .radio span {
  font-weight: bold;
}

.btnWp {
  text-align: center;
  margin-top: 20px;
}

.btnWp a {
  display: inline-block;
  color: #fff !important;
}

.btnWp .revBtn button {
  background: var(--MainColor) !important;
}

.btnWp .confBtn button {
  background: var(--MainColor);
  border-radius: 50px;
}

.firstMess #submit {
  background: #b7b7b7;
}

.btnWp .revBtn button,
.btnWp .confBtn button,
.btnWp .revBtn.closeModal {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
}

.btnWp .closeModal.confBtn {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: #FF4B4A;
  color: #fff;
}

.btnWp .revBtn.closeModal {
  background: #2A0974;
  color: #fff;
}

.Users-adduser .btnWp .revBtn.closeModal {
  background: none;
}

.btnWp span {
  margin: 0 5px;
  display: inline-block;
  vertical-align: top;
}

input {
  padding: 5px;
}

#actions02 button {
  border-radius: 0;
  background: var(--AccentBtnColor);
}

#actions02 button span {
  padding: 0;
  white-space: nowrap;
}

.fileSct {
  position: relative;
}

.fileSct .btn-primary:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/icon_img_29.svg);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%);
}

.Users-adduser .bg-gray {
  padding: 20px 10px;
}

.fileSct .docs-tooltip {
  /*color: #4475b4;*/
  color: #707070;
  font-weight: bold;
}

.fileSct .btn-primary {
  border: dashed 3px var(--MainColor) !important;
  background: none !important;
  margin-left: 0;
}

.btn-primary {
  background-color: var(--MainColor) !important;
  color: var(--WhiteColor) !important;
}

#getCroppedCanvasModal #download {
  padding: 0;
  background: none;
  border: none;
}

#getCroppedCanvasModal #download button {
  width: 100%;
}

.modal-content {
  background-color: hsla(0, 0%, 100%, 0.88) !important;
}

.modal-dialog .modal-content .modal-header button.close {
  background: none !important;
}

.modal-dialog .modal-content .modal-header button.close span {
  color: #333;
}

.modal-footer .btn-secondary {
  background: var(--BackBtnColor) !important;
}

#download.btn-primary {
  background: none !important;
}

.dlfin {
  font-size: 20px;
  margin-bottom: 30px;
}

.inner720 {
  margin: 0 auto;
  width: 720px;
}

.sendErr {
  background: url(../img/icon_img_03.png) no-repeat 0% 50%;
  padding-left: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 12px;
}

.inner500 {
  width: 500px;
  margin: 0 auto;
}

.adduserForm table tr td:first-child {
  text-align: right;
  width: 35%;
  padding: 0 5% 10px 0;
  vertical-align: top;
  font-size: 13px;
}

.adduserForm table tr td:last-child {
  width: 60%;
  padding-bottom: 10px;
}

.req {
  background: #FF4B4A;
  color: #fff;
  height: 10px;
}

div.Fname {
  float: left;
  width: 49%;
}

div.lname {
  float: right;
  width: 49%;
}

div.Fkana {
  float: left;
  width: 49%;
}

div.lkana {
  float: right;
  width: 49%;
}

div.Fname input {
  width: 100%;
}

div.lname input {
  width: 100%;
}

div.Fkana input {
  width: 100%;
}

div.lkana input {
  width: 100%;
}

div.tel01,
div.tel02,
div.tel03 {
  display: inline-block;
  width: 30.3%;
}

div.tel01 input,
div.tel02 input,
div.tel03 input {
  width: 100%;
}

div.email input,
div.prefect input,
div.city input,
div.cityAdd input,
div.build input,
div.job input,
div.workPlace input {
  width: 100%;
}

.gender label {
  margin-right: 10px;
}

.gender label input {
  margin-right: 5px;
}

#nationalitylist {
  width: 230px;
}

/**/
.cp_ipselect {
  overflow: hidden;
  width: 230px;
}

.cp_ipselect select {
  width: 100%;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.cp_ipselect select::-ms-expand {
  display: none;
}

.cp_ipselect.cp_sl01 {
  position: relative;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  background: #ffffff;
}

.cp_ipselect.cp_sl01::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

.adduserForm .cp_ipselect.cp_sl01::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}


.adduserForm .nationalityList::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '' !important;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

div.adduserForm .nationalityList select {
  background: #F5F3F5;
  border-radius: 3px;
  padding: 5px 38px 3px 8px;
}

.birth01.cp_ipselect::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '' !important;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

div.birth01.cp_ipselect select {
  background: #F5F3F5;
  border-radius: 3px;
  padding: 5px 38px 3px 8px;
}

.cp_ipselect.cp_sl01 select {
  padding: 3px 38px 2px 8px;
  color: #666666;
  background: #f5f3f5;
}

.cp_ipselect .input.select {
  width: 230px;
}

.birth01.cp_ipselect.cp_sl01,
.birth02.cp_ipselect.cp_sl01,
.birth03.cp_ipselect.cp_sl01 {
  width: 168px;
  display: inline-block;
}

.birth01.cp_ipselect.cp_sl01+span,
.birth02.cp_ipselect.cp_sl01+span,
.birth03.cp_ipselect.cp_sl01+span {
  vertical-align: text-bottom;
  letter-spacing: -1px;
}

.adStuEditWp .email.nationalityList {
  width: 100%;
}

/**/
.btnWp button {
  display: inline-block;
  color: #fff !important;
  padding: 10px 30px;
  font-size: 14px;
  margin: 0 5px 30px 5px;
}

.inner768 {
  margin: 0 auto;
  width: 768px;
}

.careerSltCnt {
  text-align: center;
}

.careerSltCnt a {
  display: block;
  height: 40px;
  line-height: 40px;
  color: #fff !important;
}

.careerSltCnt:first-child a {
  background: #FFA13E;
}

.careerSltCnt:nth-child(2) a {
  background: #857da7;
}

.careerSltCnt:nth-child(3) a {
  background: #7eaaa9;
}

.careerSltCnt:nth-child(4) a {
  background: #FF4B4A;
}

.addsclTbl {
  width: 100%;
}

input.addscl01,
input.addscl02 {
  width: 100%;
}

.Users-depart .adduserForm table tr td:first-child {
  width: 200px;
  white-space: nowrap;
  text-align: left;
}

.Users-depart .adduserForm table tr td:last-child {
  width: 80%;
}

.Users-depart .gender label {
  width: 130px;
}

table {
  width: 100%;
}

.Users-depart table tbody tr {
  border-bottom: solid 1px #F5F3F5;
  display: block;
  margin-bottom: 10px;
}

.nationalityList.cp_ipselect.cp_sl01.prefect {
  width: 100%;
}

.nationalityList.cp_ipselect.cp_sl01.prefect .select,
.nationalityList.cp_ipselect.cp_sl01.prefect #nationalitylist {
  width: 100%;
}

table.form {
  margin-bottom: 50px;
}

.Users-userfin .revBtn {
  background: #FFA13E;
}

.Users-userfin .confBtn {
  background: #FF4B4A;
}

.Documents-slcdoc .cp_ipselect.cp_sl01 {
  display: inline-block;
  border: none;
}

.flow {
  margin-bottom: 70px;
}

.slcdocBtnWp button {
  background: var(--MainColor);
  border: none;
  border-radius: 50px;
}

.Documents-slcdoc .btnWp a {
  border-radius: 50px !important;
  background: var(--BackBtnColor) !important;
}

.Documents-dldoc .revBtn button {
  background: var(--BackBtnColor) !important;
}

.revBtn button {
  background: var(--MainColor) !important;
}

.inner640 {
  margin: 0 auto;
  width: 640px;
}

.whiteWp {
  padding: 20px;
}

.dlFile a {
  display: block;
  border-bottom: solid 1px #707070;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.dlFile a span {
  background: url(../img/icon_img_05.png) no-repeat 100% 50%;
  background-size: 10px;
  display: inline-block;
  padding-right: 20px;
}

button {
  border: none !important;
}

.inner1000 {
  margin: 0 auto;
  width: 1000px;
}

.caution {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  margin-bottom: 10px;
}

.caution a {
  color: #fff !important;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
  border-radius: 50px;
  background: var(--MainColor);
  box-shadow: 1px 1px 5px #F5F3F5;
}

.caution a:after {
  content: '';
  /*何も入れない*/
  display: inline-block;
  /*忘れずに！*/
  width: 20px;
  /*画像の幅*/
  height: 20px;
  /*画像の高さ*/
  background-image: url(../img/icon_img_29.svg);
  background-size: contain;
  vertical-align: middle;
}

.newsWp {
  background: #F5F3F5;
  padding: 20px;
  border-radius: 5px;
}

.newsWp p {
  /*background: #96949D;*/
  /*color: #fff;*/
  color: #333;
  padding: 6px 10px;
  margin-bottom: 0;
}

.newsTtl tr {
  /*padding: 10px 10px;*/
  /*display: block;*/
  background: #fff;
  padding: 10px 20px;
  display: block;
}

.newsTtl tr:nth-child(odd) {
  /*background: #fff;*/
}

.newsTtl tr:nth-child(even) {
  /*background: #F6F5F9;*/
}

.newsTtl tr a {
  /*color: #2700FF !important;*/
  text-decoration: underline;
}

.newsTtl tr td:first-child {
  width: 100%;
  white-space: nowrap;
  display: block;
}

.newsTtl tr td:last-child {
  width: 58%;
}

.newsMessage {
  background: #fff;
  padding: 15px 10px;
  border-radius: 4px;
}

.newsMessageTime {
  margin-bottom: 15px;
}

.newsMessage .revBtn {
  margin-bottom: 0;
}

.faqWp {
  background: #F5F3F5;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.Tops-matriculate .bg-white {
  padding: 40px 20px;
}

.content {
  padding-bottom: 100px;
  /*基本はフッターの高さと同じ。例外あり*/
}

.Sessions-login .btn {
  padding-left: 0;
  padding-right: 0;
}

.overlay .Sessions-login .btnWp {
  background: #E20017;
  margin: 0;
  width: 300px;
  display: inline-block;
}

.overlay .Sessions-login .btnWp span {
  width: 100%;
}

#authe02 {
  margin-bottom: 20px;
}

.radio #pay-1 {
  margin-left: 0;
}

.photo01 {
  float: left;
  width: 49%;
}

.photo02 {
  float: right;
  width: 49%;
}

/* ▼モーダルCSS▼ */
.modalArea {
  display: none;
  position: fixed;
  z-index: 10;
  /*サイトによってここの数値は調整 */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modalBg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.9);
}

.modalWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  /*max-width: 500px;*/
  padding: 10px 30px;
  background-color: #fff;
}

.modalWp02 {
  width: auto;
  height: 600px;
  overflow: scroll;
}

/* ▲モーダルCSS▲ */

.photoRight input {
  display: inline-block;
  width: 10%;
  vertical-align: top;
  margin-top: 6px;
}

.photoRight label {
  font-size: 16px;
  font-weight: bold;
  width: 90%;
}

.modalArea .btnWp div {
  display: inline-block;
}

.modalArea .btnWp div:first-child button {
  background: #FFA13E !important;
}

.Users-school .modalArea .btnWp div:first-child {
  background: #FFA13E !important;
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #fff;
}

.fromsclTtl {
  font-size: 18px;
  font-weight: bold;
  background: url(../img/icon_img_14.png) no-repeat 0 50%;
  padding-left: 20px;
  margin-bottom: 15px;
}

.search>.input {
  display: inline-block;
}

.search>.input input {
  width: 260px;
  height: 32px;
  border: none;
  padding: 0 7px;
}

.searchBtn {
  position: relative;
  height: 32px;
  width: 34px;
  background: #2A0974;
  vertical-align: bottom;
}

.searchBtn::before {
  position: absolute;
  content: url(../img/icon_img_15.png);
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.Users-school .nationalityList.cp_ipselect.cp_sl01 {
  border: none;
}

.Users-school .nationalityList.cp_ipselect.cp_sl01 .select {
  height: 32px;
  line-height: 29px;
}

/**/
.list-syllabary-ja {
  display: flex;
  flex-flow: row wrap;
  writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  margin: 0 0 calc(1em - 10px);
  padding: 0;
  width: 720px;
  height: 250px;
  list-style: none;
  font-size: 17px;
}

.list-syllabary-ja li {
  margin: 0 0 10px 0px;
  padding: 0;
  width: 40px;
}

.list-syllabary-ja li.next-kana-empty {
  margin-bottom: 100px;
}

.list-syllabary-ja li:last-child {
  margin-left: 0;
}

.list-syllabary-ja a {
  display: block;
  padding: 8px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  background: #2A0974;
  height: 40px;
  width: 40px;

}

/**/

.Sessions-login .loginErrMess:first-chlid {
  display: none;
}

.postalCodeWp span {
  color: #f6f6f9;
}

.postalCodeWp .tel03 {
  background: #FF4B4A;
  color: #fff;
  text-align: center;
  height: 26px;
  line-height: 26px;
  vertical-align: top;
}

.loginErrMess {
  color: #e20317;
  font-weight: bold;
  letter-spacing: 1.2px;
  font-size: 13px;
  background: url(../img/icon_img_03.png) no-repeat 10px 50%;
  padding: 5px 5px 5px 30px;
  border: solid 3px #e20317;
}

.Users-changemail .roginWp .btnWp span {
  display: inline-block;
}

.btnWp a.confBtn {
  color: #fff !important;
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: var(--MainColor);
}

.fwb {
  font-weight: bold;
}

.Payments-settlefin .bg-gray {
  padding: 20px 10px 0;
}

.Payments-settlefin .btnWp a.confBtn {
  background: #7eaaa9;
  border-radius: 50px;
}

button.confBtn {
  background: #E20017 !important;
}

a.revBtn {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: var(--BackBtnColor) !important;
}

a.linkClr {
  color: #fff !important;
}

.flowCmp {
  background: #2A0974 !important;
  color: #fff !important;
}

.Payments-pass .step01 a {
  background: #2A0974 !important;
  color: #fff !important;
}

.orange button {
  background: var(--MainColor) !important;
  border-radius: 50px;
}

.birthClm {
  width: 27.8% !important;
}

.postalCodeWp .tel01+span {
  color: #333;
}

.fullIframe {
  width: 1270px;
  height: 1200px;
}

.fullIframe iframe {
  width: 100%;
  height: 100%;
}

.require {
  background: none;
  color: #cb7786;
  font-weight: bold;
  letter-spacing: 1px;
  border: solid 1px #cb7786;
  border-radius: 10px;
  display: inline-block;
  width: 50px;
  text-align: center;
  margin-left: 10px;
  font-size: 10px;
}

.bNone {
  border: none;
}

.support {
  font-size: 12px;
  color: #FF4B4A;
  margin-left: 20px;
  font-weight: bold;
}

.dldocConf {
  padding: 15px;
  text-align: left;
}

.dldocConf div {
  font-weight: bold;
}

.dldocConf div:first-child {
  width: 30%;
  text-align: center;
}

.dldocConf div:last-child {
  width: 65%;
  padding-left: 5%;
  border-left: solid 1px #F5F3F5;
}

.slcdoc .dldocConf div {
  float: left;
}

.active {
  background: var(--MainColor) !important;
  border-radius: 40px;
  padding: 10px 15px;
}

.message.error {
  border: solid 2px #FF4B4A;
  display: inline-block;
  color: #FF4B4A;
  font-weight: bold;
  padding: 6px 10px 4px;
  margin-bottom: 20px;
}

.userConf input {
  width: 100%;
  background: #F5F3F5;
  border: none;
  padding: 5px;
  border-radius: 3px;
}

.userConf .cp_ipselect.cp_sl01::before {
  content: none;
}

.userConf .cp_ipselect.cp_sl01 {
  position: relative;
  border: none;
  border-radius: 0px;
}

.mb15 {
  margin-top: 15px;
}

.c01 {
  border: solid 3px #ff4a4a;
  color: #ff4a4a;
  padding: 3px 7px;
}

.userConf .cp_ipselect {
  /*width: 167px;*/
  width: 145px;
  width: 153px;
  background: none;
}

.photo01 img {
  width: 100%;
}

.userConf .birth01.cp_ipselect.cp_sl01 input {
  width: 100%;
}

.Users-userfin .btnWp a {
  border-radius: 50px;
  background: var(--MainColor);
}

.Users-userfin .btnWp .revBtn {
  background: #7eaaa9;
}

.Users-userfin .btnWp span {
  border-radius: 50px;
}

#actions2 {
  vertical-align: top;
  display: inline-block;
}

#actions2 .confBtn {
  border-radius: 0;
}

#actions2 .confBtn span {
  margin: 0;
  padding: 0;
}

#actions2 .modal-dialog .btn-secondary {
  margin-bottom: 0px;
}

.photo01 #main img {
  width: 100%;
}

.modal-title {
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}

h1 a img {
  width: 250px;
}

/**/
.msr_flow03 {
  color: #000000;
  list-style: none;
  overflow: hidden;
}

.msr_flow03 li {
  background-color: #F8F8F8;
  color: #4475b4;
  font-weight: bold;
  letter-spacing: 2px;
  float: left;
  font-size: 13px;
  display: block;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  min-width: 100px;
  padding: 0 10px 0 40px;
}

.msr_flow03 li:first-child {
  padding-left: 10px;
}

/* 三角形下部 */
.msr_flow03 li::after {
  background-color: #F8F8F8;
  box-shadow: 2px 0 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 0 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 0 0px rgba(0, 0, 0, 0.2);
  content: " ";
  display: block;
  height: 30px;
  margin-left: auto;
  margin-right: -30px;
  margin-top: -30px;
  position: relative;
  transform: skew(-30deg);
  -o-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  width: 30px;
}

/* 三角形上部 */
.msr_flow03 li::before {
  background-color: #F8F8F8;
  box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2);
  content: " ";
  display: block;
  float: right;
  height: 30px;
  margin-bottom: -30px;
  margin-left: auto;
  margin-right: -30px;
  transform: skew(30deg);
  -o-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -moz-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  width: 30px;
}

/* 右端の設定 */
.msr_flow03 .active {
  /*background-color: #1B73BA !important;*/
  /*color: #FFFFFF;*/
  /*border-radius: 0 !important;*/
}

.msr_flow03 .active::before, .msr_flow03 .active::after {
  /*background-color: #1B73BA;*/
}

/**/

.logBtn+form button {
  /*background: #7eaaa9;*/
  background: url(../img/icon_img_33.png) no-repeat 6px 50%, #7eaaa9;
  color: #fff;
  width: 120px;
  height: 28px;
  display: inline-block;
  border-radius: 30px;
  margin-left: 10px;
  box-shadow: 1px 1px 5px #F5F3F5;
}

.pAWp .myPageBtn {
  box-shadow: 1px 1px 5px #F5F3F5;
}

.bg-gray {
  background: #F5F3F5;
  border-radius: 3px;
}

.careerSltCnt a {
  background: none !important;
  color: var(--MainColor) !important;
  border: solid 2px var(--MainColor);
  border-radius: 50px;
  box-sizing: border-box;
}

.settleOk {
  color: #fff !important;
  padding: 5px 10px;
  font-size: 12px;
  display: inline-block;
  border-radius: 50px;
  background: #7eaaa9;
  box-shadow: 1px 1px 5px #F5F3F5;
  font-weight: bold;
}

.settleOk:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/icon_img_31.svg);
  background-size: contain;
  vertical-align: middle;
}

.Documents-slcdoc .cp_ipselect.cp_sl01 select {
  padding: 10px 38px 7px 10px !important;
}

.Documents-slcdoc .cp_ipselect.cp_sl01::before {
  top: 16px;
}

.newsWp .newsTtl td {
  color: #333;
  border-radius: 3px;
  padding: 3px 10px;
}

.newsWp .news01 {
  color: var(--MainColor) !important;
  border: solid 2px var(--MainColor);
  box-sizing: border-box;
  text-align: center;
  padding: 3px 8px;
  border-radius: 2px;
  display: block;
}

.newsWp .news02 {
  color: var(--MainColor) !important;
  box-sizing: border-box;
  border: solid 2px var(--MainColor);
  text-align: center;
  padding: 3px 8px;
  border-radius: 2px;
  display: block;

}

.newsWp .news03 {
  color: var(--MainColor) !important;
  box-sizing: border-box;
  border: solid 2px var(--MainColor);
  text-align: center;
  padding: 3px 8px;
  border-radius: 2px;
  display: block;
}

.newsIn {}

.newsTtl tr {
  font-size: 0;
  /*margin-bottom: 6px;*/
  border-radius: 3px;
  min-height: 65px;
  border-bottom: dashed 2px #F5F3F5;
}

.newsTtl tr:last-child {
  border-bottom: none;
}

.newsTtl tr td:first-child {
  width: 33%;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}

.newsTtl tr td:nth-child(2) {
  width: 33%;
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}

.newsTtl tr td:nth-child(3) {
  width: 33%;
  display: inline-block;
  font-size: 14px;
  text-align: right;
  vertical-align: top;
}

.newsTtl tr:first-child {
  min-height: 57px;
}

.news04 {
  background: var(--BackBtnColor);
  color: #fff;
  padding: 0px 10px;
  display: inline-block;
  font-size: 12px;
  border-radius: 2px;
}

.news05 {
  background: var(--AccentBtnColor);
  color: #fff;
  padding: 0px 10px;
  display: inline-block;
  font-size: 12px;
  border-radius: 2px;
}

.revBtn a.reply {
  background: var(--MainColor);
}

.newsIn p {
  background: url(../img/icon_img_32.svg) no-repeat 0 50%;
  padding-left: 44px;
  background-size: 31px;
  font-size: 18px;
  margin-bottom: 12px;
}

.sp640 {
  display: none !important;
}

.changeMlFin01 {
  font-size: 18px !important;
}

.ad .roginWp p+div a {
  background: #fff;
  width: 100%;
  display: block;
  padding: 10px;
  border: solid 2px var(--MainColor);
  font-weight: bold;
  color: var(--MainColor) !important;
  text-align: center;
  margin-top: 10px;
  border-radius: 3px;
}

.ad .roginWp>form+p {
  text-align: center;
  margin: 10px 0 20px;
}

.mPass {
  margin-top: 15px;
  text-align: left;
}

.mPass .popupTtl {
  font-size: 14px;
}

.mPass #env-password {
  padding: 5px 8px;
  border-radius: 4px;
  margin-top: 7px;
  background: #F5F3F5;
}

.btn01 table tr input+label {
  margin-right: 98px !important;
}

.mPass03 {
  margin-top: -23px;
}

.modal06 .usingCopy {
  word-break: break-all;
}

.noWrap a {
  white-space: nowrap;
}

.inner768.addMail .confBtn {
  float: left;
}

.inner768.addMail .revBtn {
  float: right;
}


.inner768.addMail .confBtn button,
.inner768.addMail .revBtn button {
  min-width: 200px;
}

.addMail #mail_id {
  min-width: 200px !important;
}

.adInd .adCmnTbl03 td {
  width: auto;
}

.necessIn {
  background: #fff;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.necessIn>div {
  font-size: 13px;
  font-weight: normal;
  min-height: 40px;
}

.masterWp .container-fluid {
  padding-top: 20px;
}

.masterWp .necess a {
  margin-bottom: 17px !important;
}

.menuMega+.search {
  text-align: center !important;
  margin-top: 20px;
}

.docAdd .docAddTbl {
  width: 100%;
  background: #F5F3F5;
  padding: 20px;
  display: block;
  border-radius: 4px;
  margin-bottom: 30px;
}

.docAddTbl tbody {
  display: block;
  width: 100%;
}

.docAddTbl tbody tr {
  display: block;
  width: 100%;
}

.docAdd .docaddCmn td:first-child {
  width: 190px;
  vertical-align: top;
  padding: 13px;
}

.docAdd .docaddCmn td:last-child {
  width: calc(100% - 200px);
}

.docAdd .docaddCmn td {
  display: inline-block;
}

.docAdd .docadd01 {
  width: 100%;
  border: none;
  padding: 10px;
}

.docAdd .docadd02 {
  width: 90%;
  border: none;
  padding: 10px;
}

.docAdd .docadd02 input[type="file"] {
  border: dashed 2px #989898;
  padding: 10px;
}
.docAdd .col-md-4 div:first-child {
  border: solid 2px var(--MainColor);
  text-align: center;
  color: var(--MainColor);
  font-weight: bold;
  padding: 10px;
  margin-bottom: 13px;
  border-radius: 4px;
}

.docAdd .cp_ipselect {
  width: 100%;
  border: none;
}

.docAdd .cp_ipselect.cp_sl01 select {
  padding: 11px 38px 9px 8px;
}

.docAdd .cp_ipselect.cp_sl01::before {
  top: 15px;
}

.docAdd .search {
  right: 0px;
  text-align: center;
  margin-top: 20px;
}

.docAdd .search button {
  min-width: 120px;
}

.Tops .col-md-1 {
  position: relative;
}

.Tops .col-md-1>div {
  position: absolute;
}



/**/
.aicWp .row>[class*=col] {
  padding-top: .75rem;
  padding-bottom: .75rem;
}

.aicWp .row {
  min-height: 7rem;
  background-color: #F5F3F5;
}

h3 {
  margin-top: 1rem;
  text-align: center;
}

.h100 {
  height: 80px;
}

.h250 {
  height: 250px;
}

.aicWp:nth-child(-n+8) {
  /*background: #333 !important;*/
}

.aicIn {
  background-color: #fff !important;

}


.aicIn span {
  background-color: #fff !important;

}

.aicWp .row {
  background-color: #fff !important;
}

/**/

.tbl-r04 th {
  width: 12.5%;
  vertical-align: middle;
  padding: 5px;
  font-size: 12px;
  border-right: solid 1px #fff;
  padding: 4px 7px;
  background: #F5F3F5;
}

.tbl-r04 td {
  width: 12.5%;
  /*width: 14.285%;*/
  vertical-align: middle;
  padding: 5px;
  border: solid 1px #F5F3F5;
}

.tbl-r04.tblIdx td {
  padding: 20px 5px;
}

.tblPass th {
  width: 16.666%;
}

.tblPass td {
  width: 16.666%;
}

.tblStl th {
  width: 16.6%;
}

.tblStl td {
  width: 16.6%;
}

.tblStlCnf th {
  width: 16.6%;
}

.tblStlCnf td {
  width: 16.6%;
}

#show .btnWp {
  margin: 50px 100px;
}

.userConf .btnWp {
  margin: 0 0 100px 0;
}

.actFin {
  background: #dedede !important;
}

.msr_flow03 .actFin::before,
.msr_flow03 .actFin::after {
  background: #dedede !important;
}

.actFin span {
  color: #8a8a8a !important;
}

.asTtl:before {
	content: "";
	height: 13px;
	width: 13px;
	display: inline-block;
	background: var(--MainColor);
	border-radius: 30px;
	margin-right: 10px;
}

.tblPass td span a {
  color: var(--MainColor) !important;
  font-weight: bold;
}

.topsSttsCmp {
  color: var(--BackBtnColor) !important;
  font-weight: bold;
  border-radius: 100px;
  display: inline-block;
  width: 100%;
  height: 34px;
  line-height: 34px;
}

.topsSttsYet {
  color: var(--AccentBtnColor) !important;
  font-weight: bold;
  border-radius: 100px;
  display: inline-block;
  width: 100%;
  height: 34px;
  line-height: 34px;
}

.topsSttsOtw {
  color: var(--MainColor) !important;
  font-weight: bold;
  border: solid 1px var(--MainColor);
  border-radius: 100px;
  display: inline-block;
  width: 100%;
  padding: 5px;
}

.privateArea {
  width: 400px;
}

.mess {
  background: url(../img/icon_img_33.png) no-repeat 6px 50%, #7eaaa9;
  color: #fff;
  width: 120px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  border-radius: 30px;
  margin-left: 10px;
  box-shadow: 1px 1px 5px #F5F3F5;
  text-align: center;
}

.privateArea .pAWp p.mess a {
  color: #fff !important;
}

.privateArea form {
  display: inline-block;
  vertical-align: top;
}

.topsTtl {
  font-size: 16px !important;
  margin-bottom: 20px !important;
  font-weight: bold !important;
  color: #6d6d6d;
  float: left;
  padding: 3px 10px;
}

.topsTtl span:first-child {
  background: #4474b4;
  color: #fff;
  width: auto;
  border: solid 1px #4474b4;
  font-size: 14px !important;
  font-weight: normal !important;
  border-right: none;
}

.topsTtl span:last-child {
  border: solid 1px #4474b4;
  box-sizing: border-box;
  width: auto;
  font-weight: normal !important;
  font-size: 14px !important;
}

.topsTtl span {
  padding: 5px 10px;
}

.tblIdx .active {
  height: 34px;
  line-height: 34px;
  padding: 0px 15px;
}

.Admins-login .roginWp input {
  margin-bottom: 20px;
}

.Admins-login .authe01 {
  margin-bottom: 40px !important;
}

.Admins-login .btn {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.Admins-login .btnWp span {
  margin: 0;
}

/**/
body.Sessions-login {
  background: url(../img/bg_login_01.svg)no-repeat 100% 50%, #fff;
  background-size: contain;
  position: relative;
}

body.Admins-login {
  background: url(../img/bg_login_01.svg)no-repeat 100% 50%, #fff;
  background-size: contain;
  position: relative;
}

body.Sessions-login .footer,
body.Admins-login .footer {
  background	: transparent ;
}

.uniName {
  position: absolute;
  right: -170px;
  top: 200px;
  transform: rotate(90deg);
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

body.Sessions-login .inner,
body.Admins-login .inner {
  padding: 20px 0;
}

body.Sessions-login .systemTtl,
body.Admins-login .systemTtl {
  font-size: 26px;
  margin: 20px 0 20px;
}

body.Admins-login .btnWp .confBtn button {
  background: var(--AccentBtnColor);
}

.auther {
  font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  position: absolute;
  bottom: 50px;
  right: 2%;
  color: #fff;
  font-size: 50px;
  letter-spacing: 2px;
}

/**/



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

  body.Sessions-login .inner,
  body.Admins-login .inner {
	width: 100%;
	padding-bottom: 0;
  }

  body.Sessions-login .systemTtl,
  body.Admins-login .systemTtl {
	font-size: 20px;
  }

  body.Sessions-login {
	background: url(../img/bg_login_02.svg)no-repeat 100% 50%, #fff;
	/*background-size: contain;*/
	background-size: auto;
  }

  body.Admins-login {
	background: url(../img/bg_login_02.svg)no-repeat 100% 50%, #fff;
	background-size: contain;
  }

  h1.loginH1 {
	margin: 0px 0px 0px 12px !important;
  }

  .uniName {
	font-weight: normal;
	right: -168px;
	top: 210px;
  }

  .auther {
	bottom: 45px;
	right: 3%;
	font-size: 15px;
	letter-spacing: 2px;
  }

  .auther.iPhone {
	right: 3px;
  }

  .adduserForm .userSendBtn {
	display: block;
	margin-top: 50px;
  }

  /*▲@media only screen and (max-width: 640px)▲*/
}


.c {
  font-size: 12px;
  color: red;
  font-weight: bold;
  letter-spacing: -0.3px;
}

table td .cp_ipselect.cp_sl01.adstCp {
  width: 100%;
  border: none;

}

table td .cp_ipselect.cp_sl01.adstCp select {
  background: #fff;
  padding: 6px 38px 4px 8px;
  border-radius: 3px;

}

table.adStuBtnList {
  overflow: auto;
  margin-bottom: 80px;
}

table.adCmnTbl02.checked {
  overflow: auto !important;
}

.adStuEdit input.bikou01 {
  min-width: 300px;
  background: #ececec;
  border-radius: 3px;
  padding: 6px 10px !important;
  border: none;
  color: #666666;
}

.adStuEdit input.bikou02,
.adStuEdit .cp_sl01 input {
  background: url(../img/icon_img_29.svg) no-repeat 95% 50%, var(--MainColor);
  color: #fff !important;
  margin-top: 5px;
  border: none;
  border-radius: 50px;
  padding: 5px 40px 5px 10px;
  background-size: 20px;
  margin: 10px 0 0 0;
  min-width: 230px;
}

.adStuEdit input.bikou02 {
  min-width: 150px;
}

.adStuEditWp .btnWp .btn .revBtn input {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
  background: var(--MainColor);
  color: #fff;
  padding: 0 30px !important;
}

.modalAdmin {
  display: none;
}

.moA02,
.moA04,
.moA06 {
  display: none;
  background: rgba(0, 0, 0, 0.65);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
}

.b {
  display: block;
}

.moA02>div,
.moA04>div,
.moA06>div {
  background: #fff;
  width: 400px;
  margin: 0 auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  padding: 20px;
}

.btnRed {
  display: inline-block;
}

.btnRed input {
  background: var(--MainColor);
  display: inline-block;
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  min-width: 100px;
  margin: 0 10px;
  border: none;
}

.DeleteBtn button {
	background: var(--AccentBtnColor) !important;
}

.cp_box *, .cp_box *:before,
.cp_box *:after,
.cp_box_02 *, .cp_box_02 *:before,
.cp_box_02 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cp_box {
  /*position: relative;*/
}

.rela {
  position: relative;
}

.cp_box label,
.cp_box_02 label {
  /*position: absolute;*/
  z-index: 1;
  bottom: 0;
  /*width: 100%;*/
  /*height: 140px; */
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  /*background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);*/
}

.cp_box input:checked+label,
.cp_box_02 input:checked+label {
  background: inherit;
  /* 開いた時にグラデーションを消す */
}

.cp_box label:after,
.cp_box_02 label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 5px;
  /*left: 47%;*/
  right: -15px;
  width: 36px;
  height: 15px;
  line-height: 15px;
  font-family: FontAwesome;
  content: ' ▽';
  font-size: 10px;
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  background-color: rgba(27, 37, 56, 1);
}

.cp_box input,
.cp_box_02 input {
  display: none;
}

.cp_box .cp_container,
.cp_box_02 .cp_container_02 {
  overflow: hidden;
  height: 60px;
  /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}

.cp_box input:checked+label,
.cp_box_02 input:checked+label {
  /* display: none ; 閉じるボタンを消す場合解放 */
}

.cp_box input:checked+label:after,
.cp_box_02 input:checked+label:after {
  font-family: FontAwesome;
  content: '△';
  font-size: 10px;
}

.cp_box input:checked~.cp_container,
.cp_box_02 input:checked~.cp_container_02 {
  height: auto;
  padding-bottom: 80px;
  /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}

.showMore {
  height: 60px;
  overflow: hidden;
  transition: .3s;

}

.noticeAll {
  height: 100%;
  transition: .3s;
}

.showMore span {
  vertical-align: middle;
  display: inline;
}

.showMoreWp {
  position: relative;
  width: 100%;
}

.more {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: var(--MainColor);
  color: #fff;
  font-size: 10px;
  height: 13px;
  line-height: 13px;
  width: 40px;
  border-radius: 100px;
  text-align: center;
  margin-bottom: 0;
  transition: .3s;
}

.more:hover {
  cursor: pointer;
  opacity: .8;
}

.nega {
  transform: rotate(180deg);
  display: block;
  transition: .3s;
}

.docmst .addAct {
  display: inline-block;
}

.docmst .addAct a {
  min-width: 120px;
  width: auto;
}

div.addAct02 a {
  background: var(--MainColor);
}

.ad .privateArea {
  text-align: right;
  margin-right: 10px;
}

.mess {
  background: url(../img/icon_img_36.png) no-repeat 6px 50%, #7eaaa9;
}

.ad .sp768 button {
  font-size: 12px;
}

.ad .privateArea {
  width: 100%;
}

.fs14 {
  font-size: 14px;
}

.c7 td {
  width: 14.285%;
  white-space: nowrap !important;
}

.ad .logBtn+form button {
  background: var(--MainColor);
}

.ms-parent button {
  width: 100%;
  padding: 10px;
  min-height: 42px;
}

.ms-drop.bottom ul {
  max-height: 100% !important;
}

.ms-drop.bottom ul li {
  display: inline-block;
  width: 20%;
}

.admin .addMod p,
.admin .addChg p,
.admin .addDel p {
  display: block !important;
  cursor: pointer;
}

.msr_flow03 span {
  display: block;
}

.msr_flow03 a {
  color: #4475b4 !important;
}

.msr_flow03 .step02 a,
.msr_flow03 .step03 a,
.msr_flow03 .step04 a {
  background: none !important;
  color: #4475b4 !important;
  display: block;
}

.adduserForm input::placeholder {
  color: #cacaca;
}

/* IE */
.adduserForm input:-ms-input-placeholder {
  color: #cacaca;
}

/* Edge */
.adduserForm input::-ms-input-placeholder {
  color: #cacaca;
}

#getCroppedCanvasModal #download {
  /*    z-index: 9999;*/
  position: relative;
}

.modal-footer>button {
  width: 50%;
}

.modal-footer #download {
  width: 50%;
}

.showMoreWp .showMore a {
  color: #cb7786 !important;
  font-weight: bold;
  font-size: 14px;
}

.modal-footer button[type="submit"] {
  display: none;
}

p#download.btn-primary {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
  background: var(--AccentBtnColor) !important;
  margin-left: 10px;
  z-index: -1;
  color: #FFF !important;
}

.z0 {
  z-index: 0 !important;
}

button.b {
  display: block !important;
  margin-left: 10px !important;
  background: #7eaaa9 !important;
}

.facefix {
  display: none;
  font-size: 16px;
  font-weight: bold;
  margin-top: 8px;
}

select option[selected="selected"] {
  color: #cacaca;
}

select option:first-child {}

.hdrNav li:nth-child(2) a:after {
  content: none;
}

.hdrNav li:nth-child(3) a:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: #fff;
  top: 50%;
  left: 0%;
  transform: translate(0, -50%);
}

.flowWp br {
  display: none;
}

.msr_flow03 li {
  line-height: 30px;
}

.msr_flow03 span {
  text-align: left;
}

.msr_flow03 li:first-child span,
.msr_flow03 li:nth-child(3) span,
.msr_flow03 li:nth-child(4) span {
  line-height: 60px;
}

.studentsList>.poa {
  top: -30px;
}

.studentsList>.poa span:first-child {
  font-size: 20px;
}

.help {
  text-decoration: underline;
  letter-spacing: 0.7px;
}

.help:hover {
  text-decoration: underline !important;
}

.drelate table td {
  width: 25%;
}

.drelate table td:first-child {
  width: 1%;
  min-width: 85px;
}


.drelate .slcdocBtnWp input {
  background: var(--MainColor);
  border: none;
  border-radius: 50px;
  display: inline-block;
  color: #fff !important;
  padding: 10px 30px;
  font-size: 14px;
  margin: 0 5px 30px 5px;
}

.admin tr td {
  width: 1%;
}

.admin .adCmnTbl02 {
  overflow: initial;
}

.docmst tr td {
  width: 1%;
}

.docmst .adCmnTbl02 {
  overflow: initial;
}

.docmst .adCmnTbl04 {
  overflow-x: scroll;
  height: 550px;
}

.flg_del_status {
  background: #cacaca !important;
}

.topsSttsCmp i {
  margin-left: 3px;
}

_::-webkit-full-page-media, _:future, :root body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.topsSttsCmpBtn {
  background: var(--BackBtnColor);
  color: #fff !important;
}

.dldocConf>div {
  word-break: break-all;
}

.dlFile a span {
  word-break: break-all;
}

.finCondition {
  color: #f00;
  font-weight: bold;
  margin-top: -10px;
  text-align: center;
}

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

.h2 {
  margin-bottom: 8px !important;
}

.msr_flow03 {
  margin-top: 11px;
}

.sttsBtnOn .topsSttsCmp {
  background: var(--BackBtnColor);
  color: #fff !important;
}

.sttsBtnOn .topsSttsCmp a {
  color: #fff !important;
  display: block;
}

.sttsBtnOn .topsSttsYet {
  background: var(--AccentBtnColor);
  color: #fff !important;
}

.sttsBtnOn .topsSttsYet a {
  color: #fff !important;
  display: block;
}

.stlCnf h4 {
  font-size: 16px;
}

.infoFromUser {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: 10px 20px 30px 20px;
  box-sizing: border-box;
  background: #F5F3F5;
}

.infoFromUser .infoFromUserCnt {
  background: #fff;
  padding: 10px 20px 0px 20px;
  box-sizing: border-box;
  height: 100px;
  overflow: scroll;
  border-radius: 5px;
}

table.adStuBtnList {
  margin-bottom: 150px;
}

.infoFromUserTtl {
  text-align: center;
  margin-bottom: 10px;
}

.infoFromUser div span {
  display: inline-block;
  color: var(--MainColor) !important;
  font-weight: bold;
}

.infoFromUser #hide {
  position: absolute;
  top: -22px;
  left: 0;
}

.infoFromUser .inner1270 {
  position: relative;
}

.infoFromUserCnt tr:first-child td {
  padding: 0 10px;
}

.infoFromUserCnt tr {
  border-bottom: dashed 1px #F5F3F5;
}

.infoFromUserCnt tr:last-child {
  border-bottom: none;
}

.infoFromUserCnt tr td {
  padding: 10px;
  width: 25%;
}

.showMoreWp td {
  width: 1%;
}

.showMoreWp table {
  overflow: initial;
}

.logChange {
  position: relative;
}

.logChange .ChangeElem_Btn_Content {
  position: absolute;
  right: 10px;
  top: -4px;
  z-index: 1;
}

.noticeLog .topsTtl {
  padding: 3px 10px 3px 0;
}

.logChange h4 {
  font-size: 16px;
  font-weight: bold;
  color: #6d6d6d;
  display: inline-block;
  margin-bottom: 0px;
}

.logChange .adCmnTbl02 {
  margin-top: 0px;
}

.firstMess .btn_area p {
  padding: 10px 0;
}

.firstMess .necess {
  padding-right: 5px;
  padding-left: 5px;
}

.firstMess .necess>span {
  height: 50px;
  display: block;
}

.recommend {
  border: solid 1px #F5F3F5;
  padding: 20px;
  margin-bottom: 10px;
}

.firstMess .olTtl01 br {
  display: none;
}

.firstMess .olTtl01 span {
  margin-left: 10px;
  display: inline-block;
}

.agree {
  background: var(--MainColor) !important;
}

.statusTblBtn span {
  text-align: center;
}

.on {
  background: var(--MainColor) !important;
}

.on::before,
.on::after {
  background: var(--MainColor) !important;
}

.msr_flow03 .on a {
  color: #fff !important;
}

.tblIdx .topsSttsCmpBtn {
  font-size: 14px;
}

.docAdd td {
  width: 1%;
}

.docAdd .addAct {
  margin: 0px 0 7px 12px;
}

.docAdd .dlt {
  white-space: nowrap;
}

.adStuEdit .build {
  word-break: break-all;
}

.ad .privateArea form {
  border: none !important;
  margin: 0;
  border-radius: 0;
  height: auto;
}

.ad .privateArea form {
  width: auto !important;
  float: none !important;
  display: inline-block;
}

.ad .pAWp {
  text-align: right;
}

.Sessions-login .wrapper {
  overflow: hidden;
}

.h3 {
  font-weight: bold !important;
  color: #6d6d6d;
  font-size: 16px !important;
}

.finCondition+div {
  text-align: center;
  margin-top: -10px;
  color: #f00;
  font-weight: bold;
  margin-bottom: 10px;
}

.finCondition+div a {
  color: #fff !important;
  background: #cb7786;
  padding: 6px;
  border-radius: 2px;
}

textarea.bikou01 {
  background: #F5F3F5;
}



/*▼191001▼*/
.dlFile a {
  border-bottom: none;
  margin-bottom: 3px;
  padding: 15px 0;
}

.dlFileRow {
  border-bottom: solid 1px #F5F3F5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.dlFileRow01 a:hover {
  opacity: 1;
  cursor: initial;
}

.dlFileRow02 a {
  text-align: center;
  background: var(--MainColor);
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  padding: 0;
}

.fa-cloud-download-alt {
  color: #fff;
}


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

  .dlFileRow {
	margin-right: 0 !important;
	margin-left: 0 !important;
  }

  .dlFileRow02 img {
	width: 30px;
  }

  /*▲@media only screen and (max-width: 640px)▲*/
}

/*▲191001▲*/




/*▼191004〜▼*/
.loaderWp {
  display: none;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  z-index: 1;
}

.process {
  color: #fff;
  margin-bottom: 0;
  padding: 20px 0;
  font-size: 14px;
}

.fileWp {
  margin-top: 60px;
}

.fwFile iframe {
  width: 100%;
  height: 700px;
}

.fwChangeTtl {
  font-size: 18px;
  font-weight: bold;
  color: #6d6d6d;

}

.fwCWp {
  margin-bottom: 30px;
  border: solid 1px #F5F3F5;
  padding: 15px;
  box-sizing: border-box;
}

.fwCWp button[type="submit"] {
  display: inline-block;
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
  background: var(--AccentBtnColor);
  color: #fff;
  margin-top: 20px;
}

.fwTtl td:first-child {
  background: var(--MainColor);
  border-radius: 3px 0px 0 3px;
  color: #fff;
  white-space: nowrap;
  width: 100px;
  vertical-align: middle;
  text-align: center;
}

.fwTtl td:last-child {
  border: solid 1px #F5F3F5;
  border-left: none;
  box-sizing: border-box;
  padding: 10px;
  display: block;
  border-radius: 0px 3px 3px 0px;
}

.fwTtl {
  margin-bottom: 10px;
}

.fwChangeTxt input {
  width: 100%;
  margin-top: 15px;
}

.fwChangeTxt input[type="text"] {
  border: solid 1px #F5F3F5;
}

.back a {
  color: #fff !important;
  display: inline-block;
  padding: 6px 30px;
  background: var(--BackBtnColor);
  border-radius: 50px;
}

.fa-caret-down {
  margin-left: 10px;
}

.faceFinBtn {
  width: 100%;
  background: var(--BackBtnColor) !important;
  margin-bottom: 30px !important;
}

.addUserBtnWp .faceFinBtn {
  color: #fff !important;
}

.addUserBtnWp {
  font-size: 0;
}

.addUserBtnWp .revBtn a {
  font-size: 14px;
  width: 100%;
}

.addUserBtnWp .confBtn button {
  font-size: 14px;
  width: 100%;
}

.addUserBtnWp .revBtn {
  margin: 0;
  width: 48%;
  margin-right: 2%;
}

.addUserBtnWp .confBtn {
  margin: 0;
  width: 50%;
}

.addUserBtnWp .confBtn .btn-group {
  width: 100%;
}

.fromc #send-data.inportBtn {
  padding: 8px 20px;
  transition: .15s;
}

.fromc #send-data.inportBtn:hover {
  opacity: .5;
  cursor: pointer;
}

.fc02 a {
  color: #fff !important;
  background: #cb7786;
  padding: 6px;
  border-radius: 2px;
}

.mf01 button[type="button"] {
  width: 50%;
}

.cm01 {
  font-size: 14px;
}

.mh01 .modal-title {
  width: 100%;
}

.mh01 .close {
  width: auto !important;
}

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

  .fwCWp button[type="submit"] {
	display: block;
	width: 100%;

  }

  .back a {
	display: block;
	width: 100%;

	text-align: center;
	margin-bottom: 60px;
  }

	.ad .gnav li {
		margin-right: 6px;
		margin-left: 6px !important;
	}

  /*▲@media only screen and (max-width: 768px)▲*/
}



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

  .loaderWp img {
	width: auto;
  }

  .mh01 .close {
	padding: 0 !important;
	position: fixed;
	right: 12px;
	top: 8px;
  }

  .mh01 .modal-title {
	letter-spacing: -1px;
  }

  /*▲@media only screen and (max-width: 640px)▲*/
}

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

  .addUserBtnWp .btn-group-crop {
	margin-right: 0rem !important;
  }

  /*▲@media only screen and (max-width: 400px)▲*/
}

/*▲191004〜▲*/

/*▼191030〜▼*/
.wp_center .confirmTable {
  /*-webkit-writing-mode:vertical-lr;*/
}

.wp_center .shimashima:nth-child(odd) {
  background: lightblue;
}

.wp_center table tr:first-child {
  background: lightgreen !important;
}

.wp_center .contena {
  position: fixed;
  top: 136px;
  right: 0px;
  text-align: right;
}

.wp_center .back_link {
  padding: 0.3em 1.5em 0.3em 0.6em;
  background: #6eb7ff;
  border-bottom: solid 3px #3f87ce;
  border-radius: 9px 0px 0px 9px;
}

.wp_center a.back_link {
  color: #FFF;
  display: inline-block;
  width: 24px;
}

.wp_center .back_link a {
  color: #FFF;
}

.wp_center .back_link:hover {
  background: lightblue !important;
}

.wp_center .r_counter {
  font-size: 30px;
  margin-top: 30px;
  display: inline-block;
}

.wp_center .btn-import {
  padding: 0 20px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px;
  background: var(--MainColor);
}

.wp_center .btn-import:hover {
  /*background:lightblue;*/
}

.wp_center .text-center {
  text-align: center;
}

.wp_center .loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

.wp_center .csv_validate_wp {
  text-align: center;
}

.wp_center .csv_validate {
  display: inline-block;
  width: 80%;
  padding: 0.5em 1em;
  margin: 2em 0;
  font-weight: bold;
  color: red;
  background: #FFF;
  border: solid 3px red;
  border-radius: 10px;
}

.wp_center .csv_validate p {
  margin: 0;
  padding: 0;
}

.wp_center .error_message {
  color: black !important;
}

.wp_center .wp_center {
  text-align: center;
}

.wp_center .wp_center_content {
  width: 100%;
  display: inline-block;
}

.wp_center #send-data {
  display: inline-block;
  background: var(--MainColor);
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  width: 100px;
  margin: 0 10px;
  transition: .15s;
}

.wp_center #send-data:hover {
  cursor: pointer;
  opacity: .7;
}

.wp_center .sd {
  color: #fff !important;
  margin: 0 10px;
  text-align: center;
  display: inline-block;
}

.wp_center .sd a {
  display: inline-block;
  color: #fff !important;
  background: var(--MainColor);
  border-radius: 50px;
  padding: 10px 20px;
  width: 100px;
}

.wp_center .ldr2 {
  display: none;
}

.wp_center #sndCtr {
  position: absolute;
  z-index: 9999;
  font-size: 16px;
  font-weight: bold;
  top: 50%;
  left: 50%;
  font-size: 32px;
  transform: translate(-50%, -50%);
}

.wp_center .loader img {
  width: 100px;
}

.wp_center #sndCtr2 {
  font-size: 12px;
  letter-spacing: 2px;
  position: static;
  font-weight: bold;
  margin: 0px 0 30px;
  display: none;
}

.wp_center .uploading {
  margin-top: 0px;
}

.wp_center .modal02Ldg .popupTtl {
  margin-bottom: 0;
}

.wp_center .modal02Ldg01 {
  position: relative;
  height: 145px;
  display: none;
}

.wp_center .modal02-overlay {
  pointer-events: none;
}

.wp_center .iptWp {
  position: relative;
  z-index: 0;
}

.wp_center .modal02:before,
.wp_center .modal03:before {
  content: "";
  height: 500vh;
  width: 500vh;
  background: rgba(51, 51, 51, 0);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wp_center .btn-modal03-del a {
  z-index: 2;
  position: relative;
}

.importCation {
  margin-bottom: 20px;
  text-align: left;
}

.importCation div {
  font-weight: bold;
  color: var(--MainColor);
}

.IsLongWrap .IsLongName {
	height: auto;
	line-height: 26px;
	font-size: 10px;
	padding: 5px;
}



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

  .wp_center .import {
	width: 100px;
  }

  .wp_center .import a {
	padding: 0 20px;
	font-size: 14px !important;
	margin: 0;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 50px;
	width: 100%;
  }

  /*▲@media only screen and (max-width: 768px)▲*/
}

/*▲191030〜▲*/




.photoTxt input {
	vertical-align: top;
	margin-top: 3px;
}

.study_support_checkbox {
	display: inline-block;
	width: 15px !important;
	margin: 3px 5px 0 0 ;
	vertical-align: top;
}

.study_support_label {
	width: calc( 100% - 20px );
	font-size: 13px;
}

































/*-----------------------------------------
//レスポンシブ
-----------------------------------------*/

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

  .inner1400 {
	width: 100%;
  }

  .infoFromUser .inner1270 {
	width: 100%;
  }

  .infoFromUser #hide {
	left: 0px;
  }

  /*▲@media only screen and (max-width: 1400px)▲*/
}





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

  .inner1270 {
	width: 100%;
  }

  div.inner1270 {
	padding: 0 10px;
  }

  .scrollWp {
	width: 100%;
	white-space: nowrap;
	overflow-x: scroll;
	display: inline-block;
  }

  .scrollWp::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 0px;
	height: 8px;
  }

  .scrollWp::-webkit-scrollbar-thumb {
	border-radius: 100px;
	background-color: rgba(0, 0, 0, .5);
	box-shadow: 0 0 1px rgba(255, 255, 255, .5);
  }

  .fullIframe {
	width: 100%;
  }

  .btn01 table tr td:first-child {
	width: 100%;
	display: block;
  }

  .btn01 table tr td:first-child {
	width: 100%;
  }

  .mPassWp tr:first-child td:first-child {
	margin-bottom: 10px;
  }

  .infoFromUser #hide {
	left: 10px;
  }

  /*▲@media only screen and (max-width: 1270px)▲*/
}






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


  /*▲@media only screen and (max-width: 1040px)▲*/
}





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

	.inner1000 {
		width: 100%;
	}

	.IsLongWrap .IsLongName {
		font-size: 14px;
	}

/*▲@media only screen and (max-width: 1000px)▲*/
}





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

  .flow .step {
	height: 60px;
	line-height: 60px;
  }

  .flow .step::after {
	content: url(../img/icon_img_13.png);
  }

  .admin tr td {
	width: auto;
  }

  .admin .adCmnTbl02 {
	overflow: scroll;
  }

  .docmst tr td {
	width: auto;
  }

  .docmst .adCmnTbl02 {
	overflow: scroll;
  }

  .showMoreWp table {
	overflow: scroll;
  }


  /*▲@media only screen and (max-width: 980px)▲*/
}






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

  .Users-school .inner768 {
	width: 100%;
  }

  .search>.input input {
	width: 200px;
  }

  .Users-school .wrapper {
	overflow: hidden;
  }

  .Tops-faq .inner768,
  .Tops-matriculate .inner768 {
	width: 100%;
  }


  /*▲@media only screen and (max-width: 800px)▲*/
}






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

  .sp768 {
	display: block;
  }

  .pc768 {
	display: none;
  }

  .content {
	margin-top: 0px;
  }

  .inner768 {
	width: 100%;
  }

  .Comments-comment .inner640,
  .Comments-body .inner640 {
	width: 100%;
  }

  .btn_area {
	width: 80%;
  }

  .Users-school .col-md-7,
  .Users-school .col-md-5 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 30px;
  }

  .list-syllabary-ja {
	width: 100%;
  }

  .fromsclTtl {
	font-size: 16px;
	background: url(../img/icon_img_14.png) no-repeat 0 50%;
	background-size: 10px 10px;
  }

  .modalWp02 {
	width: 90%;
  }

  .modalWp02 .inner640 {
	width: 100%;
  }

  .faqWp img {
	width: 20px;
  }

  .inner768.addMail {
	padding: 0 10px;
  }

  .docAdd .docAddTbl {
	width: 100%;
  }

  .docAdd .col-md-4 {
	margin-bottom: 30px;
  }

  .docAdd .search button {
	width: auto;
  }

  .docAdd .docAddTbl tr td {
	width: 100% !important;
	display: block;
  }

  .docAdd .docAddTbl tbody {
	display: block;
	width: 100%;
  }

  .docAdd .docadd01 {
	width: 100%;
  }

  .adduserForm {
	margin-top: 60px;
  }

  .spLogo {
	background: #ffffff;
  }

  .spLogo img {
	width: 160px;
  }

  .ad .bgMenu {
	background: var(--MainColor) !important;
  }

  .tbl-r04.tblIdx td {
	padding: 0px;
  }

  .tblIdx td>span {
	margin: 10px 0;
  }

  .topsSttsCmp {
	height: auto;
	line-height: initial;
  }

  .img-container {
	min-height: 200px;
	height: 200px;
  }

  .docs-cropped .modal-body>img, .docs-cropped .modal-body>canvas {
	max-width: 50% !important;
  }

  .topsSttsCmpBtn {
	text-align: center;
	padding: 7px 0px !important;
  }

  .slcdoc .inner640 {
	width: 100%;
  }

  .topsSttsCmp a {
	text-align: center;
	padding: 7px 0px !important;
  }

  .tblIdx .topsSttsYet {
	text-align: center;
  }

  .ad .privateArea form {
	margin-right: 10px;
	width: 100px !important;
  }


  /*▲@media only screen and (max-width: 768px)▲*/
}





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

  .precaution span {
	width: 100%;
  }

  .inner720 {
	width: 100%;
  }

  .caution {
	width: 100%;
  }

  .Documents-dldoc .inner640 {
	width: 100%;
  }

  .caution {
	width: auto;
	display: inline-block;
  }

  .cmtBdy {
	width: 100%;
  }

  .msr_flow03 li:first-child span {}

  .msr_flow03 li:nth-child(2) span {}

  .msr_flow03 li:nth-child(3) span {}

  .msr_flow03 li:nth-child(4) span {}

  .infoFromUser {
	padding: 1px 5px 5px 5px;
	z-index: 1;
	border-top: dashed 2px #F5F3F5;
	box-sizing: border-box;
  }

  .infoFromUser .infoFromUserCnt {
	padding: 10px 3px 0px 3px;
  }

  .infoFromUserCnt tr td {
	font-size: 12px;
  }

  .infoFromUser div.inner1270 {
	padding: 0;
  }

  .infoFromUser #hide {
	top: -26px;
	left: 0;
  }

  .infoFromUser .infoFromUserCnt {
	border-radius: 0 5px 5px 5px;
  }

  .infoFromUser div span {
	font-size: 13px;
	position: relative;
	top: 6px;
  }

  /*▲@media only screen and (max-width: 720px)▲*/
}







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

  .inner640 {
	width: 100%;
  }

  .sp640 {
	display: block;
  }

  .inner640 {
	width: 100%;
  }

  .flow .step {
	width: 24.2%;
	margin-right: 1%;
  }

  .flow .step a {
	font-size: 13px;
  }

  .inner1270 .flow .step::after {
	top: 10px !important;
	left: 20px;
	transform: translate(-50%, -50%);
	font-size: 10px;
	font-weight: bold;
	color: #FFA13E;
  }

  .flow .step01::after {
	content: "STEP1";
  }

  .flow .step02::after {
	content: "STEP2";
  }

  .flow .step03::after {
	content: "STEP3";
  }

  .flow .step04 {
	position: relative;
  }

  .flow .step04::before {
	content: "STEP4";
	top: 10px;
	left: 20px;
	transform: translate(-50%, -50%);
	font-size: 10px;
	font-weight: bold;
	color: #FFA13E;
	position: absolute;
  }

  h1.loginH1 {
	float: none;
	margin: 0px 0px 60px 30px;
	padding-top: 20px;
  }

  .loginH1 img {
	width: 200px;
  }

  .h2 {
	font-size: 14px !important;
	margin-bottom: 23px !important;
  }

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

  .radioWp .radio div:first-child {
	display: block !important;
	background: #ececec;
	margin: 10px 0 10px 0;
	padding: 10px;
  }

  .radioWp .radio span {
	font-size: 13px;
  }

  .radioWp .radio div,
  .radioWp .radio input {
	margin: 0 5px 10px 10px;
  }

  .precaution span {
	font-size: 14px;
	margin-bottom: 10px;
  }

  .flow {
	margin-bottom: 48px;
  }

  img {
	width: 100%;
  }

  .dlfin {
	font-size: 15px;
	margin-bottom: 20px;
  }

  .Payments-settlefin .precaution span {
	margin-bottom: 25px;
  }

  .adduserForm table tr td:first-child {
	text-align: left;
	width: 100%;
	display: block;
	margin-top: 10px;
  }

  .adduserForm table tr td:last-child {
	width: 100%;
	display: block;
  }

  .Users-adduser .adduserForm table tr td:first-child,
  .Users-guarant .adduserForm table tr td:first-child,
  .Users-userconf .adduserForm table tr td:first-child {
	padding: 0 0 10px 0;
  }

  .Users-adduser div.Fname,
  .Users-guarant div.Fname,
  .Users-userconf div.Fname {
	width: 49%;
  }

  .Users-adduser .Fname input,
  .Users-guarant .Fname input,
  .Users-userconf .Fname input {
	width: 100%;
  }

  .Users-adduser div.lname,
  .Users-guarant div.lname,
  .Users-userconf div.lname {
	width: 49%;
  }

  .Users-adduser .lname input,
  .Users-guarant .lname input,
  .Users-userconf .lname input {
	width: 100%;
  }

  .Users-adduser div.Fkana,
  .Users-guarant div.Fkana,
  .Users-userconf div.Fkana {
	width: 49%;
  }

  .Users-adduser .Fkana input,
  .Users-guarant .Fkana input,
  .Users-userconf .Fkana input {
	width: 100%;
  }

  .Users-adduser div.lkana,
  .Users-guarant div.lkana,
  .Users-userconf div.lkana {
	width: 49%;
  }

  .Users-adduser .lkana input,
  .Users-guarant .lkana input,
  .Users-userconf .lkana input {
	width: 100%;
  }

  div.tel01,
  div.tel02,
  div.tel03 {
	width: 31.3%;
	float: left;
  }

  div.tel01+span,
  div.tel02+span,
  div.tel03+span {
	/*width: 3%;*/
	width: 4.55%;
	float: left;
	text-align: center;
	margin-top: 6px;
  }

  .mb-0 {
	margin-bottom: 0;
  }

  .Users-userfin .fs22 {
	font-size: 15px;
  }

  .Documents-slcdoc .fs16 {
	font-size: 14px;
  }

  .dlFile .fs16 {
	font-size: 14px;
  }

  .Documents-dldoc .fs20 {
	font-size: 15px;
  }

  .Documents-dldoc .btnWp button,
  .Tops-matriculate .btnWp button {
	padding: 0px 17px;
	margin: 0;
  }

  .newsTtl tr td {
	display: block;
	width: 100% !important;
  }

  .caution {
	font-size: 14px;
  }

  .Users-changemailfin .fs26 {
	font-size: 15px;
  }

  .faqWp img {
	width: 20px;
  }

  .olTtl01 {
	font-size: 15px;
  }

  .olTtl02 {
	font-size: 14px;
  }

  .olTtl02::before {
	top: 47%;
  }

  .Tops-matriculate .fs20 {
	font-size: 15px;
  }

  .Sessions-login .container-fluid img {
	width: auto;
  }

  .olTtl03Ul li {
	display: block;
  }

  .Sessions-login .btnWp {
	width: 100%;
  }

  .fromsclTtl {
	font-size: 14px;
  }

  .Users-school .fs20 {
	font-size: 14px;
  }

  .modalWrapper {
	padding: 10px 10px;
  }

  .dlFile a span {
	background-size: 13px;
  }

  .Users-school .slcdocBtnWp button {
	height: auto;
	line-height: initial;
  }

  .whiteWp {
	padding: 20px 0px;
  }

  .Users-school .btn {
	padding: 0;
  }

  .Users-school .btnWp span {
	margin: 0;
  }

  .pAWp .myPageBtn {
	margin-left: 5px;
  }

  .flow .step:nth-child(odd) {
	width: 49%;
	margin: 0 2% 10px 0;
  }

  .flow .step:nth-child(even) {
	width: 49%;
	margin: 0 0% 10px 0;
  }

  .status tr:not(:first-child) td {
	padding: 10px 30px;
	white-space: nowrap;
  }

  input {
	padding: 5px;
  }

  select {
	padding: 5px;
  }

  .cp_ipselect.cp_sl01 select {
	padding: 5px 38px 5px 8px;
  }

  .postalCodeWp .tel03 {
	height: 35px;
	line-height: 35px;
  }

  .Documents-slcdoc .cp_ipselect.cp_sl01 {
	width: 100%;
  }

  .Documents-slcdoc .slcdocBtnWp button {
	height: auto;
	line-height: initial;
  }

  .Documents-dldoc .whiteWp {
	padding: 20px 10px;
  }

  .Comments-comment .whiteWp,
  .Comments-body .whiteWp {
	padding: 20px 14px;
  }

  .Sessions-login .btn_area {
	width: 97%;
  }

  .Sessions-login .btn_area {
	padding: 30px 10px;
  }

  .Sessions-login .necess div {
	font-size: 14px;
  }

  .Sessions-login .col-6 {
	padding-right: 5px !important;
	padding-left: 5px !important;
  }

  .Sessions-login .btn_area p {
	padding: 15px 5px;
  }

  .userConf .cp_ipselect {
	width: 200px;
  }

  .userConf .cp_ipselect input {
	width: 100%;
  }

  .userConf .gender input {
	width: 200px;
  }

  .userConf .birthClm {
	width: 25.8% !important;
  }

  /*.msr_flow03 li {
	line-height: 30px;
	min-width: 1px;
	padding: 0 10px 0 40px;
}

.msr_flow03 li::before {
	height: 15px;
	margin-bottom: -15px;
	margin-left: auto;
	margin-right: -15px;
	width: 15px;
}

.msr_flow03 li::after {
	display: block;
	height: 15px;
	margin-left: auto;
	margin-right: -15px;
	margin-top: -15px;
	width: 15px;
}*/

  .msr_flow03 li {
	font-size: 10px;
  }

  .caution a {
	width: 100%;
	position: relative;
  }

  .caution a:after {
	position: absolute;
	right: 15px;
	top: 5px;

  }

  .header {
	margin-bottom: 80px !important;
  }

  span.fa {
	font-size: 11px;
  }

  .Users-adduser div.inner1270 .container-fluid {
	padding: 5px !important;
  }

  .photoBtnWp .docs-tooltip {
	padding: 0.5rem 5px;
  }

  .caution {
	width: auto;
	display: block;
  }

  .caution a {
	padding: 5px 33px 5px 10px;
	display: inline-block;
	width: auto;
	font-size: 10px;
  }

  .content {
	margin-top: 0px;
  }

  .settleOk {
	margin-bottom: 10px;
	font-size: 10px;
	padding: 3px 10px;
  }

  .caution {
	width: auto;
	display: inline-block;
  }

  .caution a:after {
	width: 16px;
	height: 16px;
  }

  .Comments-comment .whiteWp,
  .Comments-body .whiteWp {
	padding: 20px 0px;
  }

  .newsIn p {
	background: url(../img/icon_img_32.svg) no-repeat 0 50%;
	padding-left: 31px;
	background-size: 23px;
	font-size: 14px;
  }

  .newsTtl tr {
	padding: 10px;
	margin-bottom: 6px;
	border-bottom: none;
  }

  .newsTtl tr td:nth-child(2) {
	border-top: dashed 2px #F5F3F5;
	border-bottom: dashed 2px #F5F3F5;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
  }

  .newsTtl tr a {
	text-decoration: none;
  }

  .newsWp {
	padding: 10px;
  }

  .newsTtl tr:first-child td:nth-child(1) {
	width: auto !important;
	padding: 0;
  }

  .newsTtl tr:first-child td:nth-child(2) {
	border: none;
	width: auto !important;
	padding: 0;
	margin: 0;
  }

  .newsTtl tr:first-child td:nth-child(3) {
	width: auto !important;
	padding: 0;
  }

  .newsWp .news01,
  .newsWp .news02,
  .newsWp .news03 {
	font-size: 12px;
  }

  .sp640 {
	display: block !important;
  }

  .pc640 {
	display: none !important;
  }

  .newsWp .news02 {}

  .news01.sp640 {
	display: inline-block !important;
	font-size: 10px;
	padding: 1px 3px;
	width: 75px;
	margin-right: 10px;

  }

  .news02.sp640 {
	display: inline-block !important;
	font-size: 10px;
	padding: 1px 3px;
	width: 75px;
	margin-right: 10px;
  }

  .changeMlFin01 {
	font-size: 14px !important;
  }

  .mPass03 .fileSelect {
	background: #F5F3F5;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	padding: 0 10px 13px 10px;
  }

  .mPass03 .fileSelect input {
	font-size: 12px;
  }

  .usingLogo img {}

  .btn+div.adenvsTbl.pl-4 {
	padding: 10px !important;

  }

  .adlogin .systemTtl {
	margin-top: 0px;
  }

  .adStuEdit input.bikou01 {
	width: 100%;
	min-width: 100%;
  }

  .moA02 img,
  .moA04 img,
  .moA06 img {
	width: auto;
  }

  .moA02>div,
  .moA04>div,
  .moA06>div {
	width: 95%;
  }

  .pAWp .myPageBtn {
	width: 33%;
	margin-left: 0 !important;
	height: auto;
	display: inline-block;
	float: left;
	line-height: initial;
	background: url(../img/icon_img_01.png) no-repeat 50% 6px, #7eaaa9;
	border-radius: 4px;
	padding: 22px 0 0 0;
	text-align: center;
  }

  .pAWp .myPageBtn a {
	padding: 0;
  }

  .mess {
	background: url(../img/icon_img_36.png) no-repeat 50% 6px, #7eaaa9;
	width: 32%;
	height: auto;
	line-height: initial;
	display: inline-block;
	border-radius: 4px;
	margin: 0 0% 0 1%;
	text-align: center;
	padding: 22px 0 0 0;
	font-size: 12px;
  }

  .logBtn+form button {
	background: url(../img/icon_img_33.png) no-repeat 50% 6px, #7eaaa9;
	font-size: 12px;
	width: 100%;
	height: auto;
	display: inline-block;
	border-radius: 4px;
	margin-left: 0;
	padding: 22px 0 0 0;
  }

  .privateArea form {
	width: 33%;
	float: right;
  }

  .privateArea {
	width: 100%;
  }

  .settleOk:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 52%;
	transform: translate(-50%, 0);
  }

  .settleOk {
	padding: 25px 3px 5px 3px;
	position: relative;
	border-radius: 4px;
	text-align: center;
	width: 49%;
	margin-right: 0.5%;
  }

  .caution {
	width: 49%;
  }

  .caution a:after {
	position: absolute;
	top: 5px;
	left: 52%;
	transform: translate(-50%, 0);
  }

  .caution a {
	padding: 25px 3px 5px 3px;
	border-radius: 4px;
	position: relative;
	width: 100%;
	text-align: center;
  }

  .topsTtl {
	float: none;
	display: block;
	margin-bottom: 6px !important;
  }

  .topsTtl span:first-child {
	width: 30%;
	display: inline-block;
  }

  .topsTtl span:last-child {
	width: 70%;
	display: inline-block;
  }

  .settleOk {
	min-height: 60px;
	vertical-align: top;
  }

  .caution a {
	min-height: 60px;
	vertical-align: top;
  }

  .flowWp br {
	display: block;
  }

  .Tops .caution {
	width: 100%;
  }

  .Tops .caution a {
	font-size: 13px;
  }

  .stlCnf h4 {
	font-size: 14px;
  }

  .stuSrch+div .adStDel {
	text-align: right !important;
  }

  .logChange {
	margin-top: 30px;
  }

  .logChange .ChangeElem_Btn {
	width: 100px;
  }

  .firstMess .olTtl01 br {
	display: block;
  }

  .firstMess .olTtl01 span {
	margin-left: 0px;
  }

  .firstMess .necess p br {
	/*display: none;*/
  }

  .firstMess.overlay .necess {
	padding-right: 15px;
	padding-left: 15px;
  }

  .necess div {
	font-size: 12px;
  }

  .necess div br {
	display: none;
  }

  .firstMess .btn_area p {
	text-align: center;
  }

  .firstMess .necess>span {
	height: auto;
  }

  .selectCttIn .cp_ipselect {
	width: 100% !important;
  }

  /*▲@media only screen and (max-width: 640px)▲*/
}






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

  .inner500 {
	width: 100%;
  }

  .list-syllabary-ja {
	height: 195px;
  }

  .list-syllabary-ja li {
	width: 27px;
	margin: 0 0 6px 0px;
  }

  .list-syllabary-ja a {
	height: 27px;
	width: 27px;
	font-size: 12px;
  }



  /*▲@media only screen and (max-width: 500px)▲*/
}



















/*▼管理者側▼*/

.ad .hdrNav {
  background: var(--MainColor);
}

.ad .hdrNav li a {
  color: #fff !important;
}

.import {
  display: inline-block;
}

.delete {
  display: inline-block;
}

.import button {
  color: #fff;
  display: inline-block;
  background: #ffcd98;
  border-radius: 50px;
  padding: 10px 20px;
  width: 100px;
  margin: 0 5px;
}

.import a {
  background: var(--SubColor);
  color: #fff !important;
  display: inline-block;
  padding: 6px 17px;
  border-radius: 15px 15px 0 0;
}

.delete button {
  background: var(--AccentBtnColor);
  color: #fff;
  display: inline-block;
  padding: 6px 17px;
  border-radius: 15px 15px 0 0;
}

.search button {
  color: #fff;
  display: inline-block;
  padding: 6px 30px;
  background: var(--AccentBtnColor);
  border-radius: 50px;
}

.adCmnTbl01 tr td:first-child {
  width: 150px;
  padding-right: 20px;
  white-space: nowrap;
}

.adCmnTbl01 td {
  padding-bottom: 8px;
}

.adCmnTbl01 tr td input {
  width: 244px;
  border: blanchedalmond;
  padding: 6px 6px;
  border-radius: 3px;
}

.adCmnTbl02 {
  margin-top: 30px;
  display: block;
  overflow: scroll;
  width: 100%;
  border-radius: 4px;
}

.adCmnTbl02 tbody:not(tbody#boxes) {
  display: block;
  width: 100%;
}

.adCmnTbl02 tbody tr {
  /*display: block;*/
  width: 100%;
  white-space: nowrap;
  font-size: 0;
}

.adCmnTbl02 tr:first-child {
  background: #F5F3F5 !important;
}

.adCmnTbl02 tr:first-child td {
  text-align: center;
}

.adCmnTbl02 tr:nth-child(odd) {
  background: #fff;
}

.adCmnTbl02 tr:nth-child(odd) {
  font-size: 0;
}

.adCmnTbl02 tr:nth-child(odd) td {
  /*background: #fff;*/
}

.adCmnTbl02 td {
  padding: 10px;
  text-align: left;
  white-space: normal;
}

.adCmnTbl02 a {
  display: inline-block;
  color: #fff !important;
  padding: 7px 10px;
  width: 88px;
}

.addMod a {
  background: #857da7;
}

.addChg a {
  background: #FFA13E;
}

.addDel a {
  color: var(--AccentBtnColor) !important;
  font-weight: bold;
  letter-spacing: 1px;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  border-radius: 20px;
}

.addCnf a {
  color: var(--BackBtnColor) !important;
  font-weight: bold;
  letter-spacing: 1px;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  border-radius: 20px;
}

.input.checkbox {
  text-align: center !important;
}

.adCmnTbl02.inner1270 {
  overflow: hidden;
}

.adCmnTbl02Wp .inner1270 {
  overflow: scroll;
}

.adCmnTbl03 tr:first-child {
  /*background: #96949D;*/
  background: #F5F3F5;
  color: #333;
}

.adCmnTbl03 tr:first-child td {
  font-size: 13px;
}

.adCmnTbl03 tr:last-child td:first-child {
  /*background: #96949D;*/
  /*  color: #fff;
  background: var(--MainColor);*/
}

.adCmnTbl03 tr {
  background: #fff;
}

.adCmnTbl03 td:first-child {}

.adCmnTbl03 td {
  /*padding: 7px 10px;*/
  /*border: solid 1px #F6F5F9;*/
  text-align: center;
  width: 11.111%;
  padding: 4px 7px;
  border-right: solid 1px #fff;
}

.adCmnTbl03 tr:not(:first-child) td {
  border-right: solid 1px #F6F5F9;
  border-bottom: solid 1px #F6F5F9;
  border-left: solid 1px #F6F5F9;
  /*    padding: 20px 10px;*/
}

.header {
  margin-bottom: 40px;
}

.ad .header {
  margin-bottom: 40px;
}

.ad .h2 {
  margin-bottom: 20px;
}

.addAct a {
  background: var(--BackBtnColor);
  text-align: center;
  color: #fff !important;
  display: inline-block;
  width: 120px;
  padding: 10px;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 15px 15px 0 0;
  margin-left: -6px !important;
}

.adenvsAddAct a {
  background: var(--BackBtnColor);
}

.docAdd .addAct a {
  background: var(--BackBtnColor);
}

.admission_urlLink {
  word-break: break-all;
  text-decoration: underline;
  text-decoration-color: #4269c1;
}

/* ▼管理者側ポップアップ▼ */

.modal02,
.modal03,
.modal04,
.modal05,
.modal06,
.modal07,
.modal08 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  background: #F4F4F4;
  padding: 50px 100px;
}

.modal02-overlay,
.modal03-overlay,
.modal04-overlay,
.modal05-overlay,
.modal06-overlay,
.modal07-overlay,
.modal08-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 1;
}

.modal02-open,
.modal02-close,
.modal03-open,
.modal03-close,
.modal04-open,
.modal04-close,
.modal05-open,
.modal05-close,
.modal06-open,
.modal06-close,
.modal07-open,
.modal07-close,
.modal08-open,
.modal08-close {
  cursor: pointer;
}

.popupTtl {
  font-size: 20px;
  margin-bottom: 10px;
  color: #5B5F62;
}

.btn-modal02-close,
.btn-modal03-close,
.btn-modal04-close,
.btn-modal05-close,
.btn-modal06-close,
.btn-modal07-close,
.btn-modal08-close {
  display: inline-block;
}

.btn-modal02-close a,
.btn-modal03-close a,
.btn-modal04-close a,
.btn-modal05-close a,
.btn-modal06-close a,
.btn-modal07-close a,
.btn-modal08-close a {
  display: inline-block;
  background: var(--BackBtnColor);
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  width: 100px;
  margin: 0 10px;
}

.btn-modal02-del,
.btn-modal03-del,
.btn-modal04-del,
.btn-modal05-del,
.btn-modal06-del,
.btn-modal07-del,
.btn-modal08-del {
  display: inline-block;
}

.btn-modal02-del button,
.btn-modal03-del button,
.btn-modal04-del button,
.btn-modal05-del button,
.btn-modal06-del button,
.btn-modal07-del button,
.btn-modal08-del button {
  display: inline-block;
  background: var(--MainColor);
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  white-space: nowrap;
  min-width: 100px;
}

.modal02 img,
.modal03 img,
.modal04 img,
.modal05 img,
.modal06 img,
.modal07 img,
.modal08 img {
  width: 45px;
}

.modal02Pass,
.modal03Pass,
.modal04Pass,
.modal05Pass,
.modal06Pass,
.modal07Pass,
.modal08Pass {
  margin-bottom: 30px;
}

.modal02Pass input,
.modal03Pass input,
.modal04Pass input,
.modal05Pass input,
.modal06Pass input,
.modal07Pass input,
.modal08Pass input {
  width: 100%;
  border: none;
  padding: 6px 10px;
  background: #E8E8E8;
}

/* ▲管理者側ポップアップ▲ */

.adminsAddTbl tr td:first-child {
  width: 30%;
  white-space: nowrap;
}

.adminsAddTbl tr td:last-child {
  width: 70%;
}

.adminsAddTbl tr td:last-child input {
  width: 100%;
  border: none;
  padding: 10px;
  margin-bottom: 20px;
}

.adminsAddTbl .cp_ipselect.cp_sl01 {
  width: 100%;
  border: none;
  margin-bottom: 20px;
}

.adminsAddTbl .cp_ipselect .input.select {
  width: 100%;
  padding: 10px;
}

.adminsAddTbl .cp_ipselect.cp_sl01::before {
  top: 47%;
}

.adenvsTtl {
  /*background: url(../img/icon_img_12.png)no-repeat 0 50%;*/
  /*padding-left: 20px;*/
  display: inline-block;
  margin: 0 3px 20px 0;
}

.adenvsWp .btn {
  display: inline-block;
  width: auto;
  padding: 0;
}

.adenvsWp .btnWp {
  margin-top: 0;
}

.adenvsWp .btnWp span a {
  background: var(--MainColor);
  padding: 0px 15px;
  font-size: 12px;
  border-radius: 50px;
  height: 30px;
  line-height: 30px;
}

.adenvsTbl tr {
  margin: 0 0 14px 20px;
  display: block;
}

.adenvsTbl tr td:first-child {
  width: 100px;
}

.usingLogoTtl {
  font-size: 16px;
}

.usingLogo {
  display: inline-block;
  padding: 40px;
  border: solid 1px #F5F3F5;
}

.usingLogo img {
  width: 100%;
}

.usingCopyTtl,
.usingCopy {
  font-size: 16px;
}

.envsConfig {
  margin-bottom: 60px;
}

.envsConfig .modal02-open {
  display: block;
}

.btn01 table tr {
  display: block;
  margin-bottom: 15px;
}

.btn01 table tr td:first-child {
  text-align: left;
  width: 170px;
}

.btn01 table tr td {
  width: 33.3%;
  text-align: left;
}

.btn01 table tr input+label {
  display: inline-block;
  margin-right: 30px;
}

.btn01 table tr .input {
  margin-right: 15px;
}

.btn01 table tr .input input {
  padding: 7px;
}

.btn01 table tr:last-child .input input {
  width: 100%;
}

.btn01 table tr:last-child td:first-child {
  width: 126px;
}

.btn01 table tr:first-child td:nth-child(2) {
  width: 66.6%
}

.btn01 table tr:first-child td:last-child {
  width: 0;
}

.btn02 p,
.btn04 p {
  margin-bottom: 0px;
}

.btn02 input,
.btn04 input {
  width: 100%;
}

.btn02 .envsConfig02_02,
.btn04 .envsConfig04_02 {
  width: 50px;
}

.btn03 .modal02 img {
  width: auto;
  border: solid 3px #F5F3F5;
  display: inline-block;
}

.fileSelect {
  background: #F5F3F5;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 30px;
}

#nvsconfig03-02 {
  width: 100%;
  padding: 6px;
}

.adAdenvs-envpwd .btnWp span {
  display: inline-block;
}

.adAdenvs-envpwd .btnWp span {
  display: inline-block;
}

.envPwdBtn span {
  display: inline-block !important;
}

.authe09 {
  margin-bottom: 0 !important;
}

.adEnvs-resetpwd .message {
  font-size: 16px;
}

.btnWp a {
  padding: 0 20px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px;
  background: #857da7;
}


.Payments-settle .stts .col-md-1 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.faceEdit {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}

.faceEdit a {
  background: url(../img/icon_img_29.svg) no-repeat 95% 50%, var(--MainColor);
  color: #fff !important;
  margin-top: 5px;
  border: none;
  border-radius: 50px;
  padding: 5px 40px 5px 10px;
  background-size: 20px;
  margin-left: 10px;
}

.revBtn a {
  background: var(--BackBtnColor);
  border-radius: 50px;
}

.masterWp {
  background: #fff;
  padding: 30px;
}

.masterWp .container-fluid {
  border-top: none;
  margin-bottom: 10px;
  position: relative;
  background: #F5F3F5;
  padding-top: 27px;
  border-radius: 5px;
}

.masterWp .necess a {
  background: #fff;
  color: var(--MainColor) !important;
  border: solid 2px var(--MainColor);
  border-radius: 4px;
  display: block;
  text-align: center;
  padding: 10px 5px;
  margin-bottom: 27px;
}

.column06 tr,
.column09 tr {
  font-size: 0;
}

.adCmnTbl02 tr td {
  font-size: 14px;
  min-width: 130px;
  vertical-align: middle;
  border: solid 1px #F6F5F9;
  padding: 4px 7px;
}

.search {
  right: 0px;
  text-align: right;
}

.search button {
  display: inline-block;
}

.newCreate button {
  background: #857da7 !important;
}

.roginWpLower .btnWp span {
  display: inline-block;
}

.roginWpLower .btnWp span {
  display: inline-block;
}

.roginWpLower .birth01 {
  width: 100% !important;
}

.w220 {
  width: 220px !important;
}

.overColumn {
  overflow: scroll;
  width: 1270px;
  display: block;
}

.overColumn tr td {
  width: auto;
  display: table-cell;
  padding: 10px 50px;
}

.overColumn tr:first-child td {
  background: #F5F3F5 !important;
  border-bottom: solid 1px #F5F3F5;
}

.overColumn tr:nth-child(odd) td {
  background: #fff;
}

/*▼scroll-table▼*/
.scroll-table {
  overflow: auto;
  white-space: nowrap;
}

.scroll-table tr:first-child {
  background: #F5F3F5 !important;
}

.scroll-table tr:first-child td {
  background: #F5F3F5 !important;
  border-bottom: solid 1px #F5F3F5;
}

.scroll-table tr {
  font-size: 0;
}

.scroll-table tr:nth-child(odd) td {
  background: #fff;
}

/*▲scroll-table▲*/

.scroll-table .checkbox label {
  margin-bottom: 0px !important;
}

.wAuto {
  width: auto !important;
}

.checkedDel {
  background: #FF4B4A;
  color: #fff;
  padding: 3px 10px;
  width: auto !important;
}

.addMail p {
  margin-bottom: -0px;
}

.addMail input,
.addMail textarea {
  width: 100%;
  padding: 10px;
  border: none;
  margin-bottom: 20px;
}

.stuSrch .bg-white {
  padding: 20px;
}

.stuSrch tr {
  display: block;
  margin-bottom: 10px;
}

.stuSrch tr td:first-child {
  /*white-space: nowrap;*/
  width: 230px;
}

.stuSrch tr td:last-child {
  width: 58%;
}

.stuSrch tr td:last-child input {
  width: 100%;
  background: #ececec;
  background: #fff;
  border: none;
  border-radius: 3px;
  padding: 7px 7px;
}

.stuSrch .bg-white {
  background: #F5F3F5 !important;
  border-radius: 4px;
}

.adCmnTbl02 tr:first-child td {
  color: #333;
  font-size: 14px;
  border-right: solid 1px #fff;
  padding: 4px 7px;
  white-space: nowrap;
  border-top: none;
  border-left: none;
  border-bottom: none;
}

.adCmnTbl02 tr:nth-child(2) td {
  border-top: none;
}

.tel-No div.input {
  width: 100% !important;
}

.field02 {
  font-size: 0;
}

.field02>div {
  display: inline-block;
  width: 49%;
  font-size: 14px;
}

.field02>div:first-child {
  margin-right: 2%;
}

.field03 {
  font-size: 0;
}

.field03>div {
  display: inline-block;
  width: 30%;
  font-size: 14px;
}

.field03>div:not(:last-child) {
  margin-right: 5%;
}

.stuSrch .radio input {
  width: auto !important;
  display: inline-block;
  margin-right: 4px;
}

.stuSrch .radio label {
  width: 33%;
}

.adStuBtnList td a {
  background: #ffffff;
  box-sizing: border-box;
  padding: 0 !important;
}

.adStuBtnList td:first-child div {
  display: inline-block;
}

.adStuBtnList input {
  border: none;
  color: var(--MainColor);
  font-weight: bold;
  padding: 10px !important;
  border: solid 2px var(--MainColor);
  border-radius: 30px;
}

.adStuBtnList .DeclineListBtn {
	color: #fff;
	font-weight: bold;
	padding:10px !important;
	border: solid 2px var(--MainColor);
	border-radius: 30px;
	background: var(--MainColor);
}

table.adStuBtnList tbody tr:first-child {
  background: none !important;
}

.adStuEditBtnList div a {
  color: var(--MainColor) !important;
  font-weight: bold;
  padding: 10px !important;
  border: solid 2px var(--MainColor);
  border-radius: 30px;
  display: block;
  text-align: center;
  margin-bottom: 10px;
}

.adStuEditStatus table {
  width: 100%;
}

.adStuEditStatus tr:first-child td {
  color: #333;
  font-size: 14px;
  border-right: solid 1px #fff;
  padding: 4px 7px;
  white-space: nowrap;
}

.adStuEditStatus .cp_ipselect.cp_sl01 select {
  padding: 9px 38px 8px 8px;
}

.adStuEditStatus tr:first-child {
  background: #F5F3F5;
}

.adStuEditStatus tr:not(:first-child) td {
  border-right: solid 1px #F6F5F9;
  border-bottom: solid 1px #F6F5F9;
  border-left: solid 1px #F6F5F9;
}

.adStuEditStatus tr td {
  padding: 7px 25px;
}

.adStuEditStatus tr td::last-child {
  border-right: none;
}

.adStuEditStatus .cp_ipselect.cp_sl01 {
  border: none;
  display: inline-block;
}

.adStuEditStatus .cp_ipselect.cp_sl01+.submit {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}

.adStuEditStatus .cp_ipselect.cp_sl01::before {
  top: 15px;
}

.adStuEditStatus .cp_ipselect.cp_sl01+.submit input {
  background: url(../img/icon_img_29.svg) no-repeat 95% 50%, var(--MainColor);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 5px 40px 5px 10px;
  background-size: 20px;
  margin-left: 10px;
}

.adStudentsEdit01 {
  width: 400px;
  border: none;
  padding: 10px;
  background: #ececec;
  border-radius: 4px;
}

.adsHr {
  margin-top: 30px;
}

.adStudentsEdit01+div.submit {
  display: inline-block;
}

.adStudentsEdit01+div.submit input {
  background: url(../img/icon_img_29.svg) no-repeat 95% 50%, var(--MainColor);
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 5px 40px 5px 10px;
  background-size: 20px;
  margin-left: 10px;
}

.inner930 {
  width: 930px;
  margin: 0 auto;
}

.adStuEditWp input {
  background: #F5F3F5;
  border-radius: 3px;
  padding: 6px 10px !important;
  border: none;
  color: #666666;
  padding: 4px;
}

.adStuEditWp .cp_ipselect.cp_sl01 {
  border: none;
  border-radius: 0px;
}

.adStuEditWp .cp_ipselect.cp_sl01 select {
  background: #f5f3f5;
  border-radius: 3px;
  padding: 6px 10px !important;
}

.adStuEditWp .gender input {
  background: none;
}

.adStuEditWp div.tel01, div.tel02, div.tel03 {
  width: 29.9%;
}

.userConf div.tel01,
.userConf div.tel02,
.userConf div.tel03 {
  width: 30.8%;
}

.red {
  color: red;
}

.bold {
  font-weight: bold;
}

.addMail p {
  margin-bottom: 10px;
}

.addMail .checkbox {
  display: inline-block;
}

.addMail .checkbox input {
  width: auto;
  margin-right: 5px;
}

.addMail .cp_ipselect {
  width: 100%;
  border: none !important;
  margin-bottom: 20px;
}

.addMail .cp_ipselect .input.select {
  width: 100%;
}

.addMail .cp_ipselect.cp_sl01 select {
  padding: 10px 38px 10px 8px;
}

.addMail .cp_ipselect.cp_sl01::before {
  top: 46%;
}

.targetTbl tr:first-child {
  background: #F5F3F5 !important;
  color: #333;
  padding: 0;
}

.targetTbl tr:nth-child(odd) {
  background: #F6F5F9;
}

.targetTbl tr:nth-child(even) {
  background: #fff;
}

.targetTbl tr:first-child td {
  border-right: solid 1px #fff;
}

.targetTbl tr:last-child td:last-child {
  border-right: none;
}

.targetTbl tr td {
  border-right: #F6F5F9;
  padding: 8px;
}

.targetTblWp {
  /*height: 300px;*/
  overflow: scroll;
  margin-bottom: 30px;
  border-bottom: solid 1px #F5F3F5;
}

.faceList.container-fluid {
  padding: 50px 40px;
}

.dlt a {
  background: none;
  padding: 1px 0px;
  color: var(--BackBtnColor) !important;
  font-weight: bold;
  letter-spacing: 1px;
}

.ad .gnav ul {
  background: var(--MainColor) !important;
}

.ad .gnav li a {
  background: #fff;
}

.ad .menu1,
.ad .menu2_2,
.ad .menu3 {
  background: #fff !important;
}

.ad .bgMenu {
  color: #fff;
}

.ad .gnav li a {
  color: #333 !important;
}

.inportBtn {
  display: inline-block;
  background: var(--MainColor);
  color: #fff;
  border-radius: 50px;
  padding: 10px 20px;
  width: 100px;
  margin: 0 5px;
}

.import {
  margin-right: 5px;
}

.ad .modal02 button {
  padding: 10px 17px;
}

.fs18 {
  font-size: 18px;
}

.modal02,
.modal03,
.modal04,
.modal05,
.modal06,
.modal07 {
  padding: 50px 60px;
  border-radius: 4px;
  background: #fff;
}

.popupTtl+table input {
  background: #F5F3F5;
  border: none;
  border-radius: 4px;
  padding: 10px;
}

.envsConfig02_01,
.envsConfig02_02,
.envsConfig02_03,
.envsConfig02_04 {
  background: #F5F3F5;
  border-radius: 4px;
  border: none;
}

.envsConfig04_01,
.envsConfig04_02,
.envsConfig04_03,
.envsConfig04_04 {
  background: #F5F3F5;
  border-radius: 4px;
  border: none;
}

.envsConfig02_04 {
  margin-bottom: 20px;
}

.envsConfig04_04 {
  margin-bottom: 20px;
}

.envsConfig03_02 {
  background: #F5F3F5;
  border-radius: 4px;
  border: none;
  margin-top: 10px;
  padding: 6px;
}

.admission_url {
  border-radius: 4px;
  background: #F5F3F5;
  width: 100%;
  border: none;
}

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

.admission_urlField01 {
  margin-bottom: 15px;
}

.adCmnTbl01 .cp_ipselect.cp_sl01 {
  border: none;
  width: 100% !important;
  display: block;
}

.adCmnTbl01 {
  /*width: 395px;*/
  width: 425px;
  background: #F5F3F5;
  padding: 20px 20px 10px 20px;
  display: block;
  border-radius: 4px;
}

table.adCmnTbl02.checked tr {
  background: none !important;
}

.checked tr td {
  border: none;
}

.sp575 {
  display: none;
}

.logoImg img {
  width: 100%;
}

.height40 {
  height: 40px !important;
}

.line-height40 {
  line-height: 40px !important;
}

.adKoukouMaster-hsladd .cp_ipselect.cp_sl01 {
  border: none;
}

.fullIframe {
  width: 100%;
}

.container-fluid .row .envsConfig:nth-child(3) .btn {
  display: block;
  margin-bottom: 10px;
}

.container-fluid .row .envsConfig:nth-child(3) .btn .btnWp {
  text-align: left;
}

.addChg p {
  display: inline-block;
  margin-bottom: 0px;
  color: var(--BackBtnColor);
  font-weight: bold;
}

.addMod p {

  display: inline-block;
  margin-bottom: 0px;
  color: var(--MainColor);
  font-weight: bold;
}

.addDel p {
  display: inline-block;
  margin-bottom: 0px;
  color: var(--AccentBtnColor);
  font-weight: bold;
}

.cMail .btnWp .confBtn button {
  background: #cb7786 !important;
}

.cMail .btnWp .revBtn button {
  background: var(--MainColor) !important;
}

.cMail .authe05 {
  margin-bottom: 0px;
}

.Tops-matriculate .revBtn button {
  background: var(--MainColor) !important;
}

@media print {
  .print {
	display: none !important;
  }
}

.faceList img {
  width: 128px;
}

.mail_id {
  /*pointer-events: none;*/
}

.msr_flow03 .activeComp {
  background-color: #7eaaa9 !important;
  color: #fff;
}

.msr_flow03 .activeComp::before,
.msr_flow03 .activeComp::after {
  background-color: #7eaaa9 !important;
}

.stts .row {
  /*box-shadow: 1px 1px 10px #e2e2e2;*/
}

.stts .row>div>span:first-child {
  color: #333;
  font-size: 12px;
  white-space: nowrap;
  border-right: solid 1px #fff;
  padding: 4px 7px;
  background: #F5F3F5;
  display: block;
  padding: 5px 0;

}

.stts>.row .col-md-1:first-child {
  border-left: solid 1px #F6F5F9;
}

.stts .row>div>span:last-child {
  display: block;
  padding: 10px 10px;
  white-space: initial;
  word-break: break-all;
}

.stts .col-md-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
  padding-left: 0;
  padding-right: 0;
  border-right: solid 1px #F6F5F9;
  border-bottom: solid 1px #F6F5F9
}

.aicWp.stts .col-md-1 {
  border: none !important;
}

.aicWp .row .aicIn:last-child {
  border-left: solid 1px #F5F3F5;
  border-right: solid 1px #F5F3F5;
}

.aicWp .row>div {
  padding: 0 !important;
}

.stts .col-md-1:last-child span:first-child {
  border-right: none;
}

.stts .row>div>span:last-child .statusTblBtn {
  padding-top: 0;
}

.stts02 {
  /*  padding-right: 0 !important;
  padding-left: 0 !important;*/
}

.stts02 .row>div {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.stts02>.row .col-md-2:first-child {
  border-left: solid 1px #F6F5F9;
}

.stts02 .col-md-2 {
  padding-left: 0;
  padding-right: 0;
  border-right: solid 1px #F6F5F9;
  border-bottom: solid 1px #F6F5F9;
  flex: 0 0 20%;
  max-width: 20%;
}

.payPass .stts .col-md-1 {
  -ms-flex: 0 0 16.666%;
  flex: 0 0 16.666%;
  max-width: 16.666%;
  padding-left: 0;
  padding-right: 0;
  border-right: solid 1px #F6F5F9;
}

.stCnf .stts .col-md-1 {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  padding-left: 0;
  padding-right: 0;
  border-right: solid 1px #F6F5F9;
}

#show {
  display: none;
}

.pore {
  position: relative;
}

.poa {
  position: absolute;
}

.cttWp {
  background: #F5F3F5;
  padding: 13px;
  position: fixed;
  bottom: 30px;
  z-index: 1;
  right: 0;
  border-radius: 4px;
  width: 400px;
  text-align: center;
}

.cttWp01 {
  display: block;
  margin-bottom: 5px;
  pointer-events: relative;
  font-size: 12px;
}

.cttWp01 span {
  position: absolute;
  left: 13px;

}

.cttWp02 {
  display: block;
  font-size: 12px;
}

.cttWp03 {
  display: block;
  font-size: 12px;
}

.cttWp04 {
	display			: flex ;
	justify-content	: center ;
	font-size		: 12px ;
}

.cttWp04-inner {
	text-align		: left ;
}

.cttWp01-5 {
  display: block;
  background: #fff;
  padding: 10px;
  border-radius: 4px;
}

.stuSrch .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.wAuto .submit input {
  background: #fff;
}

.addDel .submit input {
  background: var(--AccentBtnColor) !important;
  color: #fff;
  border-radius: 50px;
  border: solid 1px var(--AccentBtnColor);
}

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

.admin .adCmnTbl02 {
  margin-top: 0;
}

.admin .addAct {
  margin-left: 12px;
}

.adenvsWp {
  padding: 20px;
  background: #F5F3F5;
  border-radius: 4px;
}

.adenvsTbl {
  background: #fff;
  border-radius: 4px;
  padding: 15px 15px 5px;
  display: block;
}

.adenvsAddAct {
  margin-left: 30px;
}

.addMail input,
.addMail textarea {
  background: #F5F3F5;
  border-radius: 4px;
}

.addMail #mail_id {
  border-radius: 4px;
  background: var(--MainColor);
  color: #fff;
  font-weight: bold;
}

.addMail .btnWp a {
  height: 40px;
  line-height: 40px;
}

.adminsAddTbl input,
.adminsAddTbl #admin-type {
  background: #F5F3F5;
  border-radius: 4px;
}

.adminsAddTbl #admin-type {
  padding: 13px 38px 10px 8px;
}

.adminsAddTbl .select.input {
  padding: 0 !important;
}

.roginWpLower .cp_ipselect.cp_sl01 select {
  padding: 10px 38px 8px 8px;
  background: #F5F3F5;
}

.roginWpLower .cp_ipselect.cp_sl01::before {
  top: 16px;
}

.hslmst .adCmnTbl01 {
  margin-bottom: 30px;
}

.hslmst .adCmnTbl02 {
  margin-top: 0;
}

.hslmst .addAct button {
  margin-left: 5px !important;
  width: auto;
  background: #7eaaa9;
  color: #fff;
  border-radius: 15px 15px 0 0;
  padding: 4px 10px;
  font-size: 12px !important;
  text-align: center;
}

.docmst .adCmnTbl01 {
  margin-bottom: 30px;
}

.docmst .adCmnTbl02 {
  margin-top: 0 !important;
}

.docmst .addAct a {
  margin-left: 8px !important;
}

.fromcind .adCmnTbl01 {
  margin-bottom: 30px;
}

.frombind .adCmnTbl01 {
  margin-bottom: 30px;
}

.frombind .adCmnTbl02 {
  margin-top: 0 !important;
}

.mails .adCmnTbl01 {
  margin-bottom: 30px;
}

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

.adStuEdit .addAct:not(:last-child) {
  margin-left: 10px !important;
}

.adStuEdit .addAct:first-chlid {
  margin-left: 20px !important;
}

.adStuEdit .addAct {
  display: inline-block;
}

.adStuEdit .addAct a {
  display: inline-block;
  width: 95px;
}

.adStuEdit .addAct:nth-child(2) a {
  background: var(--MainColor);
}

.adStuEdit .addAct:nth-child(3) a {
  background: var(--MainColor);
}

.noteceLog .row>div.col-md-1 {
  -ms-flex: 0 0 14.285% !important;
  flex: 0 0 14.285% !important;
  max-width: 14.285% !important;
}

.noticeLog .revBtn a:last-child {
  background: var(--BackBtnColor) !important;
}

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

.adPaylist .btnWp span {
  margin: 0;
}

.resWp {
  background: #F5F3F5;
  border-radius: 4px;
  padding: 20px;
}

#res01 {
  font-size: 18px;
  margin-bottom: 10px;
}

#res02 {
  margin-bottom: 5px;
}

.resIn {
  background: #fff;
  padding: 20px;
  border-radius: 4px;
}

.addMail #mail_id {
  border-radius: 50px;
  background: var(--MainColor);
  color: #fff;
  width: unset;
  min-width: 120px;
}

.addMail .submit {
  /*text-align: center;*/
  text-align: right;
}

.d-inlineblock {
  display: inline-block;
}

.faceList .d-inlineblock {
  margin-left: 10px;
}

a.statusTblDl {
  border-radius: 50px;
}

a.statusTblDl:hover {
  opacity: 1;
}

.notice {
  height: 100px;
  /*overflow: scroll;*/
  overflow-y: scroll;
  border: solid 1px #F5F3F5;
  padding: 10px;
  border-radius: 2px;
}

.showHide02:before,
.showHide02:after {
  content: none !important;
}

.iptWp button {
  padding: 10px 17px;
  border-radius: 50px !important;
}

.iptWp {
  margin-top: 30px;
}

.iptWp .confBtn {
  color: #fff;
  display: inline-block;
  background: var(--MainColor);
  border-radius: 50px;
  padding: 10px 20px;
  margin: 0 5px;
  min-width: 120px;
}

.iptWp .inportBtn {
  width: auto;
}

.goukaku .delete button {
  border-radius: 50px !important;
}

.goukakuCtn {
  color: #e20317;
  border: solid 2px #e20317;
  text-align: center;
  padding: 5px;
  font-weight: bold;
  margin-bottom: 20px;
}

.d-inline-block p {
  display: block;
  color: #ff4a4a;
  font-weight: bold;

}

.adAdtops-index .adCmnTbl03 td {
  width: auto;
}

.fromb .confBtn span {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
  background: #cb7786;
  color: #fff;
}

.fromb .btnWp .revBtn button,
.fromc .btnWp .revBtn button {
  background: var(--MainColor) !important;
}

.fromb .inportBtn,
.fromc .inportBtn {
  display: inline-block;
  background: var(--MainColor);
  color: #fff;
  border-radius: 50px;
  padding: 9px 20px;
  width: auto;
  margin: 0 5px;
}

.settleOk {
  margin-bottom: 10px;
}

.settlefin .btnWp a {
  background: var(--MainColor) !important;
}

.settlefin .bg-gray {
  padding: 20px 20px 0px 20px;
}

.admin .btn-modal03-del input {
  display: inline-block;
  background: var(--MainColor);
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  margin: 0 10px;
  border: none;
}

.adAdmins-login .h2 {
  display: none;
}

.adStDel {
  text-align: right;
  margin-top: 30px;
}

.adStDel+div>.adCmnTbl02 {
  margin-top: 0;

}

.pEfalse {
  pointer-events: none;
}

.pEtrue {
  pointer-events: auto;
}

#checkMessage {
  margin-bottom: 0;
}

.aicWp .row {
  border-bottom: solid 1px #F5F3F5;
}

.aicWp .row .aicIn {
  border-left: solid 1px #F5F3F5;
}

.ad .privateArea {
  width: 400px !important;
}

.userSend .us01 {}

.userSend .us02 {}

.userSend input[name="us01"] {
  margin-bottom: 20px;
}

.userSend input[name="us01"],
.userSend textarea {
  width: 100%;
  background: #F5F3F5;
  border: none;
  border-radius: 3px;
  padding: 10px 5px;
}

.userSend button {}

.userSend .newsIn {
  background: #fff;
  border-radius: 3px;
  padding: 20px;
}

.userConf .revBtn a {
  background: var(--BackBtnColor);
}

.pAWp ul {
  text-align: right;
}

.pAWp ul li {
  display: inline-block;
  margin-right: 10px;
}

.pAWp ul li:last-child {
  margin-right: 40px;
}

.pAWp ul li a {
  display: inline-block;
}

.privateArea>p {
  text-align: right;
}

.cp_tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  /*background: linear-gradient(transparent 60%, #f19ec2 60%);*/
}

.cp_tooltip .cp_tooltiptext {
  position: absolute;
  z-index: 1;
  top: 120%;
  left: -185%;
  visibility: hidden;
  width: auto;
  white-space: nowrap;
  padding: 0.3em 0.5em;
  transition: opacity 0.15s;
  text-align: center;
  opacity: 0;
  color: #ffffff;
  border-radius: 6px;
  background-color: #7eaaa9;
}

.cp_tooltip .cp_tooltiptext::after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  content: ' ';
  border: 5px solid transparent;
  border-bottom-color: #7eaaa9;
  opacity: 1;
}

.cp_tooltip:hover .cp_tooltiptext {
  visibility: visible;
  opacity: 1;
}

ul .cp_tooltip:first-child .cp_tooltiptext {
  left: -80%;
}

ul .cp_tooltip:nth-child(2) .cp_tooltiptext {
  left: -13%;
}

ul .cp_tooltip:nth-child(3) .cp_tooltiptext {
  left: -13%;
}

ul .cp_tooltip:nth-child(4) .cp_tooltiptext {
  left: -56%;
}

.cp_tooltip a:hover {
  opacity: 1;
}

.pAWp ul li:last-child {
  background: url(../img/icon_img_40.svg) no-repeat 50%;
  height: 32px;
  width: 32px;
  vertical-align: top;
}

.pAWp ul li:last-child button {
  height: 32px;
  width: 32px;
}

.userSend input[name="us01"], .userSend textarea {
  background: #ffffff;
}

.userSend .newsWp {
  background: #fff;
}

.userSend .newsIn {
  background: #F5F3F5;
}

.userSend .us01 {
  width: 100%;
  border: none;
  border-radius: 2px;
}

.us01 {
  margin-bottom: 20px;
}

.userSend .whiteWp {
  padding-bottom: 0;
  padding: 0;
}

.userSend .btnWp {
  margin-top: 0px;
}

.ChangeElem_Btn {
  background: var(--NotCurrent);
  text-align: center;
  color: #fff !important;
  display: inline-block;
  width: 120px;
  padding: 10px;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 15px 15px 0 0;
  margin-left: 5px !important;
}

.ChangeElem_Btn.is-active {
  background: var(--MainColor);
}

.Comments-comment .whiteWp {
  padding-top: 0;
}

a:focus,
button:focus {
  outline: none !important;
}

span.num a {
  color: var(--MainColor) !important;
  font-weight: bold;
}

.Tops .inner1270 table.tbl-r04:first-child {
  border: solid 3px #F5F3F5;
  box-sizing: border-box;
}

.dldocCation {
  color: #ff0000;
  font-weight: bold;
  /* border: solid 2px #ff0000; */
  background: #fff;
  padding: 10px;
  border-radius: 4px;
}

.adPaylist .adCmnTbl02 td {
  width: 1%;
}

.adPaylist .adCmnTbl02 {
  height: 400px;
}

.daigaku .adCmnTbl02 {
  /*  overflow: initial; 
  overflow-x: scroll; */
}

.settle .radio label input[name="method_settlement"] {
  margin-left: 0;
}

.stuSrch table td .cp_ipselect.cp_sl01.adstCp select {
  padding: 10px 38px 4px 8px;
}

.bgG {
  background: #fff4dc !important;
}

.studentsList .adCmnTbl02 {
  overflow: initial;
  overflow-x: scroll;
  height: 500px;
}

.addActConf a {
  width: auto !important;
}

.addActConf2 a {
  width: auto !important;
}

.adStuEdit .addAct {
  margin-bottom: 10px;
}

.loglist td {
  width: 1%;
}

.loglist td a {
  color: var(--AccentBtnColor) !important;
  font-weight: bold !important;
  width: 100% !important;
}

.nlTable td {
  border: solid 1px solid 1px #e0e0e0;
  width: 100px;
}

/*▽アコーディオン▽*/
.accordionlist dt {
  display: block;
  background: #fff;
  border-top: 1px solid #DFDFDF;
}

.accordionlist dt:first-child {
  border-top: none !important;
}

.accordionlist dt .title {
  /*padding-left: 10px;*/
  float: left;
}

.accordionlist dd {
  display: none;
  background: #fff;
  margin-top: 13px;
  padding: 10px;
  /*padding:0 0 20px 15px;*/
}

.accordion_icon,
.accordion_icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}

.accordion_icon {
  /*position: relative;*/
  width: 30px;
  height: 30px;
  float: right;
  margin-right: 5px;
}

.accordion_icon span {
  position: absolute;
  left: 6px;
  width: 50%;
  height: 2px;
  background-color: var(--MainColor);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}

.accordion_icon span:nth-of-type(1) {
  top: 5px;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}

.accordion_icon span:nth-of-type(2) {
  top: 5px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
  display: none;
}

.accordion_icon.active span:nth-of-type(2) {
  top: 5px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.accordion_icon.active {
  background: none !important;
}

.accordionlist {
  margin-bottom: 0px;
}

.accordionbox .title span {
  color: var(--MainColor);
  font-weight: bold;
}

/*△アコーディオン△*/

.w200 {
  width: 200px;
}

.nlTable02 {
  position: relative;
  background: #efefef;
  border-radius: 4px;
}

.accordion_icon {
  position: absolute;
  left: 170px;
  top: 33px;
}

.nlTable02 td {
  /*border: solid 1px #F5F3F5;*/
  vertical-align: top;
  padding: 20px;
}

.accordionlist dt {
  padding: 10px;
}

.accordionlist dt:hover {
  cursor: pointer;
}

.nlTable02Time {
  padding: 10px;
  display: block;
  font-weight: bold;
  color: #6d6d6d;
}

.memo {
  display: block;
  background: #f7f7f7;
  border-radius: 3px;
  padding: 10px 10px 10px 60px;
  margin-top: 20px;
  position: relative;
}

.memo::after {
  position: absolute;
  content: 'MEMO';
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 52px;
  text-align: center;
  color: #fff;
}

.memo::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  background: var(--MainColor);
  width: 52px;
  border-radius: 4px 0 0 4px;
}

.nlTable .bg {
  background: #efefef;
  font-weight: bold;
  color: #6d6d6d;
}

.nlTable td {
  border: solid 1px #e0e0e0;
  padding: 10px;
  vertical-align: middle;
}

.nlTable03 {
  position: relative;
  background: #efefef;
  border-radius: 4px;
}

.nlTable03 tr {
  padding: 10px;
}

.nlTable03 td {
  /*border: solid 1px #e0e0e0;*/
  padding: 15px;
}

.nlTable03 td:first-child {
  width: 200px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  vertical-align: middle;
  color: #6d6d6d;
}

textarea[name="notice_body"],
textarea[name="bikou"] {
  width: 100%;
  border: none;
  border-radius: 4px;
}

.nlTable03 .cp_ipselect.cp_sl01 {
  border: none;
  background: none;
  width: 100%;
}

.nlTable03 .cp_ipselect.cp_sl01 select {
  background: #d8d8d8;
  width: 100%;
}

.lgBtn a {
  display: inline-block;
  background: var(--BackBtnColor);
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  width: 100px;
  margin: 0 10px;
  white-space: nowrap;
}

.lgBtn button {
  display: inline-block;
  background: var(--MainColor);
  border-radius: 50px;
  color: #fff !important;
  padding: 10px 20px;
  white-space: nowrap;
  min-width: 100px;
}

.accordionlist dt,
.accordionlist dd {
  border-radius: 3px;
}

.h2 span:last-child {
  display: none;
}

.loglist {
  position: relative;
  margin-top: 50px;
}

.loglist .ChangeElem_Btn_Content {
  position: absolute;
  top: -26px;
}

.logLink {
  display: inline-block;
}

.logLink a {
  background: var(--MainColor) !important;
  color: #fff !important;
  width: auto;
  padding: 0 15px;
  height: 28px;
  display: inline-block;
  border-radius: 30px;
  margin-left: 10px;
  box-shadow: 1px 1px 5px #F5F3F5;
  line-height: 28px;
  text-align: center;
  font-size: 14px;
}

.info01 {
  height: 10px;
  background: #fff;
  color: var(--MainColor);
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 100px;
  margin: 0 3px;
}

.loglist .modal03-open button {
  width: 120px;
  padding: 10px;
  padding: 4px 10px;
  font-size: 12px;
  margin-left: 5px;
}

.logLink a.bgG {
  background: #F5F3F5 !important;
}

.logLink a.bgG .info01 {
  color: #F5F3F5 !important;
}

.sendTable {
  margin-top: 0;
}

.stNum a:not(:first-child) {
  display: none;
}


.show {
  display: block !important;
}

.hide {
  display: none;
}

.noticeLgBtn {
  position: absolute;
  bottom: 5px;
  right: 5px;
  background: var(--MainColor);
  color: #fff;
  font-size: 10px;
  height: 13px;
  line-height: 13px;
  width: 40px;
  border-radius: 100px;
  text-align: center;
  margin-bottom: 0;
  transition: .3s;
}

.rotate {
  transform: rotate(180deg);
}

.mails .adCmnTbl02 {
  overflow-x: scroll;
}

.errorWp {
  position: relative;
}

.errorWp h1 {
  position: fixed;
  float: none;
  top: 10px;
  left: 20px;
}

.errorWp h1 img {
  width: 250px !important;
}

.errorTxt {
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.errorTxt01 {
  font-size: 100px;
  color: #F5F3F5;
  font-weight: bold;
  letter-spacing: 10px;
  margin-bottom: 35px;
}

.errorTxt02 {
  font-size: 20px;
  font-weight: bold;
  color: #F5F3F5;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

.errorTxt03 {
  margin-bottom: 15px;
}

.errorTxt04 {
  padding: 0 20px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px;
  background: #4474b4;
}

.errorTxt04 a {
  color: #fff !important;
}

.errorWp .footer small {
  font-size: 10px;
  line-height: initial;
}

.ise .errorTxt01 {
  font-size: 30px;
}

.ise .errorTxt02 {}

.ise .errorTxt03 {}

.ise .errorTxt04 {}

div.errorTxt.ise {
  top: 40%;
}

.ise i {
  font-size: 100px;
  color: #F5F3F5;
  margin-bottom: 20px;
}

.userSend .cp_ipselect {
  width: 100%;
  border: none !important;
}

.userSend .cp_ipselect select {
  margin-bottom: 0px;
  padding: 6px 38px 6px 8px;
  background: #e2e2e2;
}

.userSend .cp_ipselect.cp_sl01::before {
  top: 14px;
}

.Tops-matriculate .fullIframe {
  height: 450px;
}

.c333 a {
  color: #333 !important;
  padding: 0px !important;
}

.mailsTbl tbody {
  display: inline-table !important;
}

.admin table tbody {
  display: inline-table !important;
}

.modal04 .logoImg img {
  width: auto;
}

.bnr a {
  display: block;
}

.bnr img {
  width: 100%;
}

/*ffのみ*/
@-moz-document url-prefix() {
  .statusTblBtn span {
	text-align: center;
	padding: 2px 0px 5px 0 !important;
  }

}


































/*-----------------------------------------
//レスポンシブ
-----------------------------------------*/

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

  .adCmnTbl03 {
	display: block;
	width: 100%;
	/*overflow: scroll;*/
	overflow-x: scroll;
  }

  .adCmnTbl03 tr {
	width: 100%;
	white-space: nowrap;
  }

  .adCmnTbl03 td {
	min-width: 130px;
  }


  /*▲@media only screen and (max-width: 1140px)▲*/
}



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

  .stuSrch {
	padding: 0 10px;
  }


  /*▲@media only screen and (max-width: 1000px)▲*/
}




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

  .popupTtl {
	font-size: 16px;
  }

  span.fa {
	font-size: 12px;
  }

  .photoBtn01 {
	width: auto;
  }

  div.arrowWp {
	width: 100%;
	margin-right: 0;
	text-align: center;
  }

  div.photoBtnWp {
	display: inline-block;
	width: 100%;
	margin-top: 20px;
  }


  .cttWp {
	margin-top: 20px;
	position: static;
	top: 0px;
	width: 100%;
  }

  .cttWp01 span {
	left: 23px;
	display: none;
  }

  .adStuBtnList tr:first-child td {
	width: 100%;
	display: block;
  }

  .adStuBtnList .wAuto a {
	display: inline-block;
	width: 49% !important;
  }

  .wAuto .submit input {
	background: #fff;
	width: 100%;
  }

  table.adStuBtnList tbody tr:first-child {
	width: 100%;
	display: block;
  }

  .inner930 {
	width: 100%;
  }

  .d-block980 {
	display: block;
	width: 100%;
	flex: 0 0 100% !important;
	max-width: 100% !important;
  }

  .adStuStts02 .d-block980 {
	margin-top: 20px;
  }

  .adStuStts02 .row>div {
	flex: 0 0 100% !important;
	max-width: 100% !important;
  }

  .adStuEdit .stts .row>div {
	flex: 0 0 100%;
	max-width: 100%;
  }

  .adStuBtnList tbody {
	display: block;
	width: 100%;
  }

  .adStuEdit .stts .row>div>span:first-child {
	padding: 10px;
  }

  .adStuEdit .stts .row>div>span:last-child {
	border-left: solid 1px #F5F3F5;
  }

  .adStuEditWp div.tel01,
  .adStuEditWp div.tel02,
  .adStuEditWp div.tel03 {
	width: 29.2%;
  }



  /*▲@media only screen and (max-width: 980px)▲*/
}


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

  .ad .content {
	margin-top: 40px;
  }

  .search {
	position: static;
	margin-top: 7px;
  }

  .adCmnTbl01 tr td:last-child,
  .adCmnTbl01 tr td:last-child div,
  .adCmnTbl01 tr td:last-child div input {
	width: 100%;
  }

  .break768.col-md-7 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }

  .break768.col-md-5 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
  }

  .adCmnTbl01 tr {
	display: inherit;
  }

  .search.position-absolute {
	position: static !important;
  }

  .search button {
	width: 100%;
  }

  .adCmnTbl02 {
	margin-top: 14px;
  }

  .adCmnTbl01 {
	margin-bottom: 20px;
  }

  .modal02,
  .modal03,
  .modal04,
  .modal05,
  .modal06,
  .modal07 {
	padding: 50px 60px;
	width: 90%;
  }

  .adCmnTbl01 {
	width: 100%;
  }

  .adAdmails-send .inner768 {
	padding: 0 10px;
  }

  div.fileSct>label {
	margin: 0 0 10px 0px;
  }

  .photoTxt input {
	width: 18px !important;
	vertical-align: top;
	margin-top: 3px;
  }

  .header {
	margin-bottom: 80px;
  }

  .Payments-settlefin .content {
	margin-top: 35px;
  }

  .stts .col-md-1 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-right: none;
  }

  .payPass .stts .col-md-1 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-right: none;
  }

  .stCnf .stts .col-md-1 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	border-right: none;
  }

  .stts .row {
	box-shadow: none;
  }

  .stts .row>div>span:last-child {
	border: solid 1px #F5F3F5;
	color: #333;
	font-size: 14px;
	text-align: left;
	padding: 10px !important;
  }

  .stts .row>div>span:first-child {
	border-right: none;
	text-align: left;
	padding: 10px !important;
	font-size: 14px;
  }

  .stts .row>div>span:last-child .statusTblBtn {
	padding: 0px !important;
	text-align: left;
  }

  .stuSrch tr td:first-child {
	display: block;
	width: 100%;
  }

  .stuSrch tr td:last-child {
	width: 100%;
	display: block;
  }

  .stuSrch .radio label {
	width: auto;
	margin-right: 20px;

  }

  .stuSrch .btnWp span {
	width: 100%;
  }

  .stuSrch .btnWp span button {
	width: 100%;
  }

  .adCmnTbl01 tbody {
	display: block;
	width: 100%;
  }

  .adCmnTbl01 tr td:first-child {
	width: 100%;
	display: block;
	padding-right: 0px;
  }

  .adCmnTbl01 td {
	display: block;
  }

  .addAct {
	margin-bottom: 0;
  }

  div.break768.changeData {
	text-align: left !important;
  }

  .spmt0 {
	margin-top: 0 !important;
  }

  .import a {
	min-width: auto;
	padding: 4px 10px;
	font-size: 12px !important;
	text-align: center;
  }

  .delete button {
	min-width: auto;
	padding: 4px 10px;
	font-size: 12px !important;
	text-align: center;
  }

  .hslmst .break768.col-md-5 {
	-ms-flex: 0 0 100%;
	flex: none;
	max-width: none;
	display: inline-block;
	width: auto;
	position: relative;
	top: 26px;
	left: 67px;
  }

  .hslmst .addAct button {
	width: auto;
  }

  .fromcind .adCmnTbl02 {
	margin-top: 0 !important;
  }

  .ad .header {
	margin-bottom: 80px;
  }

  .adStuEditStatus .block768 {
	display: block;
	flex: 0 0 100%;
	max-width: 100%;
	margin-top: 20px;
  }

  .adduserForm table tr td:first-child {
	width: 25%;
  }

  .adduserForm table tr td:first-child {
	width: 100%;
	display: block;
	text-align: left;
  }

  .adduserForm table tr td:last-child {
	width: 100%;
	display: block;
  }

  .send {
	padding: 10px;
  }

  .settle .stts .row>div {
	display: block;
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
  }

  .daigaku .adCmnTbl02 {
	margin-top: 0 !important;
  }

  .spHdr .pAWp .myPageBtn:last-child {
	background: url(../img/icon_img_33.png) no-repeat 6px 50%, #7eaaa9;
  }


  .tbl-r04 {
	width: 80%;
  }

  .tbl-r04 .thead {
	display: none;
  }

  .tbl-r04 tr,
  .tbl-r04 td {
	display: block;
	width: 100%;
	position: relative;
  }

  .tbl-r04 td:before {
	background: #F5F3F5;
	box-sizing: border-box;
	font-weight: bold;
	padding: 10px;
	display: block;
	width: 100%;
  }

  .tbl-r04 {
	width: 100%;
  }

  .tblIdx.tbl-r04 td:first-child:before {
	content: "手続期限";
  }

  .tblIdx.tbl-r04 td:nth-child(2):before {
	content: "合格照会";
  }

  .tblIdx.tbl-r04 td:nth-child(3):before {
	content: "入学手続時納入金の支払方法";
  }

  .tblIdx.tbl-r04 td:nth-child(4):before {
	content: "入学手続時納入金の入金状況";
  }

  .tblIdx.tbl-r04 td:nth-child(5):before {
	content: "入学手続情報の登録";
  }

  .tblIdx.tbl-r04 td:nth-child(6):before {
	content: "必要書類の提出";
  }

  .tblIdx.tbl-r04 td:nth-child(7):before {
	content: "入学許可書申請書";
  }

  /*  .tblIdx.tbl-r04 td:nth-child(8):before {
	content: "入学許可書申請書";
  }*/

  .tbl-r04 tr {
	margin-bottom: 40px;
	text-align: left;
  }

  .tbl-r04 td {
	padding: 0px;
  }

  .tbl-r04 td span {
	padding: 0 10px;
	display: block;
  }

  table.tbl-r04.tblPass td:first-child:before {
	content: "入試区分";
  }

  table.tbl-r04.tblPass td:nth-child(2):before {
	content: "学部/学科・専攻コース";
  }

  table.tbl-r04.tblPass td:nth-child(3):before {
	content: "手続受験番号";
  }

  table.tbl-r04.tblPass td:nth-child(4):before {
	content: "合否";
  }

  table.tbl-r04.tblPass td:nth-child(5):before {
	content: "手続期限";
  }

  table.tbl-r04.tblStl td:first-child:before {
	content: "入試区分";
  }

  table.tbl-r04.tblStl td:nth-child(2):before {
	content: "学部/学科・専攻コース";
  }

  table.tbl-r04.tblStl td:nth-child(3):before {
	content: "手続期限";
  }

  table.tbl-r04.tblStl td:nth-child(4):before {
	content: "納付額";
  }

  table.tbl-r04.tblStl td:nth-child(5):before {
	content: "事務手数料";
  }

  table.tbl-r04.tblStl td:nth-child(6):before {
	content: "合計";
  }

  .yen span {
	padding: 0 !important;
  }


  table.tbl-r04.tblStlCnf td:first-child:before {
	content: "入試区分";
  }

  table.tbl-r04.tblStlCnf td:nth-child(2):before {
	content: "学部/学科・専攻コース";
  }

  table.tbl-r04.tblStlCnf td:nth-child(3):before {
	content: "手続期限";
  }

  table.tbl-r04.tblStlCnf td:nth-child(4):before {
	content: "納付額";
  }

  table.tbl-r04.tblStlCnf td:nth-child(5):before {
	content: "事務手数料";
  }

  table.tbl-r04.tblStlCnf td:nth-child(6):before {
	content: "合計";
  }

  table.tbl-r04.tblIdx02 td:first-child:before {
	content: "手続受験番号  ";
  }

  table.tbl-r04.tblIdx02 td:nth-child(2):before {
	content: "学部";
  }

  table.tbl-r04.tblIdx02 td:nth-child(3):before {
	content: "学科・専攻コース";
  }

  table.tbl-r04.tblIdx02 td:nth-child(4):before {
	content: "入試区分";
  }

  .ad .privateArea {
	width: 100% !important;
	text-align: left;
  }

  .ad .privateArea form {
	width: 100px;
	float: left;
  }

  .ad .gnav li a:hover {
	opacity: 1;
  }

  .pAWp a {
	background: none;
  }

  .pAWp a img {
	vertical-align: top;
  }

  .cp_tooltip:hover .cp_tooltiptext {
	visibility: hidden;
	opacity: 0;
  }

  .privateArea {
	width: 100%;
  }

  .pAWp ul li:last-child {
	display: inline-block;
	width: 25%;
	margin-right: 0;
	height: 63px;
	background: url(../img/icon_img_40.svg) no-repeat 50% 7px;
  }

  .pAWp ul li {
	display: block !important;
	width: 32%;
	margin-right: 2% !important;
	float: left;
  }

  .privateArea form {
	display: block;
  }

  .privateArea .pAWp form button {
	width: 100% !important;
  }

  .pAWp ul li a {
	background: none;
  }

  .pAWp ul li a,
  .pAWp ul li:last-child button {
	background: none;
	border-radius: 3px !important;
	display: block;
	text-align: center;
	padding: 5px 0;
  }

  .pAWp ul li:last-child button {
	height: auto;
  }

  .pAWp ul li span {
	display: block;
	color: var(--WhiteColor) ;
	font-size: 14px;
	font-weight: bold;
	line-height: 0;
	margin-bottom: 5px;
  }

  .pAWp ul li:last-child button {
	height: 69px;
  }

  .pAWp ul li:last-child span {
	margin-top: -12px;
  }

  .pAWp ul li:last-child button {
	border: none !important;
  }

  .privateArea form {
	background: var(--MainColor);
	border-radius: 3px;
  }

  .ad .privateArea form {
	background: none;
  }

  .msr_flow03 li::before {
	margin-right: -10px;
  }

  .msr_flow03 li::after {
	margin-right: -10px;
  }

  .msr_flow03 li {
	min-width: initial;
	width: 45%;
	padding: 0 0px 0 0px;
  }

  .msr_flow03 li:first-child {
	padding-left: 0px;
  }

  .msr_flow03 span {
	margin-left: 40px;
  }

  .step01 {
	border-bottom: solid 1px #e2e2e2;
  }

  .step02 {
	border-bottom: solid 1px #e2e2e2;
  }

  .ChangeElem_Btn_Content {
	margin-left: 30px;
  }

  .topsSttsYet a {
	text-align: center;
  }

  .Tops .inner1270 table.tbl-r04:first-child tbody tr:last-child {
	margin-bottom: 0px;
  }

  .tblIdx .topsSttsCmp {
	text-align: center;
  }

  .tbl-r04.tblStlCnf td span {
	padding: 10px 10px;
  }

  .tbl-r04.tblPass td span {
	padding: 10px;
  }

  .userConf div.tel01,
  .userConf div.tel02,
  .userConf div.tel03 {
	width: 31.7%;
  }

	.gnav li a {
		margin: 0;
	}




  /*▲@media only screen and (max-width: 768px)▲*/
}





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

  .adCmnTbl01 tr td:first-child {
	width: 100%;
	padding-right: 0;
	display: block;
  }

  .adCmnTbl01 tr td:last-child,
  .adCmnTbl01 tr td:last-child div,
  .adCmnTbl01 tr td:last-child div input {
	width: 100%;
	display: block;
  }

  .adCmnTbl01 tr td .input label {
	display: initial;
  }

  .adCmnTbl01 tr {
	display: block;
  }

  .delete button {
	font-size: 14px;
  }

  .import a {
	font-size: 14px;
  }

  .adCmnTbl01 {
	margin-bottom: 10px;
  }

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

  .adCmnTbl02 a {
	padding: 2px 5px;
	/*width: 40px;*/
	min-width: 40px;
	/*font-size: 10px;*/
  }

  .adCmnTbl02 tr td {
	font-size: 13px;
	min-width: 120px;
  }

  .wrapper.ad {
	overflow: hidden;
  }

  .changeData {
	padding-right: 0 !important;
  }

  .modal02,
  .modal03,
  .modal04,
  .modal05,
  .modal06,
  .modal07 {
	padding: 50px 20px;
	width: 87%;
  }

  .uploadWp form>input {
	display: inline-block;
	width: 240px;
	font-size: 13px;
  }

  .btn-modal02-close a {
	margin-left: 0px;
  }

  .spMode.mt-5 {
	margin-top: 15px !important;
  }

  .popupTtl {
	font-size: 14px;
  }

  .c01.fs18 {
	font-size: 16px;
  }

  .newCreate button {
	height: 30px !important;
	line-height: 30px !important;
  }

  .adminsAddTbl tr td:first-child {
	width: 100%;
	display: block;
  }

  .adminsAddTbl tr td:last-child {
	width: 100%;
	display: block;
  }

  .adAdmins-add .inner640 {
	padding: 0 10px;
  }

  .Payments-settlefin .precaution {
	text-align: left;
  }

  .Payments-settlefin .precaution br {
	display: none;
  }

  .addDel .submit input {
	font-size: 10px;
  }

  .adStuBtnList .wAuto a {
	width: 100% !important;
  }

  .adStuEdit .nationalityList+.submit {
	display: block;
  }

  .adStuEdit .nationalityList {
	display: block;
	width: 100%;
  }

  .adStudentsEdit01 {
	width: 100%;
	margin-bottom: 10px;
  }

  .faceList img {
	width: 100%;
  }

  .faceList .d-inlineblock {
	margin-left: 0px;
  }

  /**/
  .msr_flow03 li:first-child {
	padding-left: 0px;
  }

  .msr_flow03 li {
	letter-spacing: 0px;
	/*line-height: 60px;*/
	min-width: auto;
	width: auto;
	padding: 0 0px 0 11px;
  }

  .msr_flow03 li::before {
	margin-right: -10px;
	width: 20px;
  }

  .msr_flow03 li::after {
	margin-right: -10px;
	width: 20px;
  }

  .msr_flow03 li span {
	margin-left: 5px;
	letter-spacing: -1px;
  }

  .step04 {
	padding-left: 0;
  }

  /**/

  .content>.inner1270>div.mt-3 {
	margin-top: -5px !important;
  }

  .systemTtl {
	margin-top: 200px;
  }

  .systemTtl img {
	width: 300px;
  }

  .inner768.addMail .confBtn button,
  .inner768.addMail .revBtn button {
	min-width: 120px;
  }

  .addMail .submit {
	text-align: center;
  }

  .addMail #mail_id {
	min-width: auto;
  }

  .adStDel {
	text-align: left !important;
	margin-left: 10px;
  }

  .modal-title+button {
	position: absolute;
	top: 0;
	right: 0;
  }

  .modal-title {
	font-size: 14px;
	margin-top: 20px;
  }

  #checkMessage .message.error {
	font-size: 13px;
  }

  .modal-footer>button,
  .modal-footer>a {
	width: auto;
	white-space: nowrap;
	display: inline-block;
	min-width: auto;
	width: 50%;
  }

  .sLog .systemTtl {
	margin-top: 0px;
  }

  .log {
	padding-bottom: 80px !important;
  }

  .stlCnf .confBtn {
	width: 100%;
	margin-top: 10px;
  }

  .stlCnf .confBtn button {
	width: 100%;
  }

  .adenvsTtl+.btn .confBtn {
	margin-bottom: 10px;
  }

  .ad .pAWp.cf {
	margin-top: -10px !important;
	margin-bottom: 8px;
  }

  .ad .logBtn+form button {
	padding: 3px 0;
  }

  .pAWp ul li img {
	width: auto;
  }

  .pAWp ul li span {
	font-size: 11px;
  }

  .privateArea form {
	width: 100%;
	float: none;
  }

  .pAWp ul li:last-child {
	height: 69px;
  }

  .overlay .btn_area {
	width: 95%;
	padding: 10px;
	height: 540px;
  }

  .overlay .container-fluid {
	padding-right: 0;
	padding-left: 0;
  }

  .overlay .necess {
	padding-right: 5px;
	padding-left: 5px;
  }

  .overlay .necess img {
	width: auto;
  }

  .necess p {
	text-align: left;
  }

  .msr_flow03 li::before {
	margin-right: -10px;
  }

  .msr_flow03 li::after {
	margin-right: -10px;
  }

  .msr_flow03 li {
	min-width: initial;
	width: 45%;
	padding: 0 0px 0 0px;
  }

  .msr_flow03 li:first-child {
	padding-left: 0px;
  }

  .msr_flow03 li:nth-child(odd) span {
	margin-left: 15px !important;
  }

  .msr_flow03 li:nth-child(even) span {
	margin-left: 30px !important;
  }

  .step01 {
	border-bottom: solid 1px #e2e2e2;
  }

  .step02 {
	border-bottom: solid 1px #e2e2e2;
  }

  .dldocConf div:first-child {
	text-align: center;
  }

  .dldocConf div {
	font-size: 13px;
  }

  .dldocConf {
	padding: 15px 10px;
  }

  .dldocCation br {
	display: none;
  }

  .stlCnf #show .btnWp {
	margin: 50px 0px;
  }

  .stlCnf .confBtn button {
	width: 226px;
  }

  .nlTable02 td {
	display: block;
	width: 100%;
  }

  .nlTable02 .w200 {
	padding-bottom: 0;
  }

  .nlTable03 td {
	display: block;
	width: 100%;
  }

  .accordion_icon {
	left: initial;
	right: 8px;
  }

  .nlTable03 td:first-child {
	width: 100%;
	text-align: left;
	padding-bottom: 0;
  }

  .nlTable {
	display: block;
	overflow-x: scroll;
  }

  .nlTable td {
	min-width: 130px;
	white-space: nowrap;
  }

  .logLink a {
	background: var(--MainColor) !important;
	padding: 0 15px;
	height: 24px;
	display: inline-block;
	border-radius: 3px;
	line-height: 24px;
	font-size: 12px;
	margin-left: 0;
	margin-right: 10px;
  }

  .ChangeElem_Btn_Content {
	margin-left: 0;
  }

  .loglist .modal03-open button {
	width: auto;
	margin-left: 0px !important;
	padding: 4px 3px;
  }

  .loglist .ChangeElem_Btn {
	width: auto;
	margin-left: 0px !important;
	padding: 4px 3px;
  }

  .errorWp h1 img {
	width: 160px !important;
  }

  .errorTxt {
	top: 40%;
  }

  .Comments-comment .ChangeElem_Btn_Content {
	margin-left: 30px;
  }

  .ise .errorTxt01 {
	font-size: 24px;
	letter-spacing: 1px;
  }

  .ise .errorTxt02 {
	font-size: 16px;
  }

  .userConf div.tel01,
  .userConf div.tel02,
  .userConf div.tel03 {
	width: 30.3%;
  }

  /*▲@media only screen and (max-width: 640px)▲
}






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

.envsConfig {
  margin-bottom: 30px;
  border-bottom: solid 1px #F5F3F5;
  padding-bottom: 30px;
}

.confTtl {
  display: block;
  width: 100%;
  font-size: 16px;
  margin-bottom: 20px;
}

.sp575 {
  display: block;
}

.pc575 {
  display: none;
}

.btn01 table tr td:first-child {
  width: 100%;
}

.btn01 table tr:first-child td:nth-child(2) {
  width: 100%;
  display: block;
  text-align: center;
}

.start {

}

/*▲@media only screen and (max-width: 575px)▲*/
}





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

  .inner500.addMail {
	padding: 10px;
  }

  .overlay .necess img {
	width: 160px;
  }

  .necess div {
	font-size: 14px;
  }

  .necess p {
	font-size: 14px;
  }

  .olTtl01 {
	font-size: 18px;
  }

  .olTtl02 {
	font-size: 18px;
  }

  .brSpOn br {
	display: block !important;
  }

  .masterWp .necess a {
	letter-spacing: 0px;

  }


  /*▲@media only screen and (max-width: 575px)▲*/
}








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

  .faceList .btnWp span:last-child {
	margin-top: 10px;
  }

  .footer {
	height: 40px;
  }


  /*▲@media only screen and (max-width: 500px)▲*/
}

/*▲管理者側▲*/







/*test▼*/

.cropper-face {
  top: 10%;
  left: 15%;
  height: 75%;
  width: 70%;
  opacity: .3;
  filter: alpha(opacity=30);
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  background-color: #0089ff;
}

/*test▲*/





/*▽メガドロップ▽*/
.mgdpTtlWp {
  /*background: #2A0974;*/
}

.mgdpTtl01,
.mgdpTtl02,
.mgdpTtl03 {
  color: #fff;
  background: var(--MainColor);
  border-radius: 4px;
  float: left;
  width: 25%;
  text-align: center;
  padding: 18px 5px;
  border-right: solid 1px #fff;
}

.mgdpTtl03 {
  width: 50%;
  border-right: none;
}

.menuMega {
  position: relative;
  width: 100%;
  height: 50px;
  /*max-width: 1000px;*/
  /*margin: 0 auto;*/
}

.menuMega>li {
  /*float: left;*/
  width: 25%;
  /* グローバルナビ4つの場合 */
  height: 50px;
  line-height: 50px;
  /*background: rgb(29, 33, 19);*/
}

.menuMega>li a {
  display: block;
  color: #fff !important;
}

.menuMega>li a:hover {
  opacity: 1;
}

.menuMega .menu__multi>a {
  color: #333 !important;
  font-weight: bold;
  background: url(../img/icon_img_26.png) no-repeat 90% 50%;
  padding-left: 20px;
}

.menuMega .menu__multi>a:hover {
  color: #333 !important;
  background: url(../img/icon_img_27.png) no-repeat 90% 50%, #F5F3F5;
}

.menuMega>li a:hover {
  color: #999;
}

ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

ul.menu__third-level {
  visibility: hidden;
  opacity: 0;
}

ul.menu__fourth-level {
  visibility: hidden;
  opacity: 0;
}

.menuMega>li:hover {
  /*background: #072A24;*/
  -webkit-transition: all .5s;
  transition: all .5s;
}

.menu__second-level li {
  /*border-top: 1px solid #111;*/
}

.menu__third-level li {
  /*border-top: 1px solid #111;*/
}

.menu__second-level li a:hover {
  /*background: #111;*/
  background: url(../img/icon_img_27.png) no-repeat 90% 50%, #594A90;
  color: #fff !important;
}

.menu__third-level li a:hover {
  /*background: #2a1f1f;*/
  background: url(../img/icon_img_27.png) no-repeat 90% 50%, #3f3465;
  color: #fff !important;
}

.menu__fourth-level li a:hover {
  /*background: #1d0f0f;*/
  background: url(../img/icon_img_27.png) no-repeat 90% 50%, #594A90;
  color: #fff !important;
}

/* 下矢印 */
.init-bottom:after {
  /*    content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);*/
}

/* floatクリア */
.menuMega:before,
.menuMega:after {
  content: " ";
  display: table;
}

.menuMega:after {
  clear: both;
}

.menuMega {
  *zoom: 1;
}






.menuMega>li.menu__multi {
  position: relative;
  border-right: solid 1px #f6f6f9;
}

li.menu__multi ul.menu__second-level {
  position: absolute;
  /*top: 40px;*/
  margin-top: -50px;
  left: 100%;
  width: 100%;
  /*background: #072A24;*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

ul.menu__second-level a {
  color: #2A0974 !important;
  font-weight: bold;
  background: url(../img/icon_img_26.png) no-repeat 90% 50%;
  padding-left: 20px;
}

ul.menu__second-level li {
  /*border-right: solid 1px #f6f6f9;*/
}

li.menu__multi:hover ul.menu__second-level {
  top: 50px;
  visibility: visible;
  opacity: 1;
}

li.menu__multi ul.menu__second-level li {
  position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
  /*background: #111;*/
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
  position: absolute;
  top: 0px;
  left: 100%;
  width: 100%;
  /*background: #111;*/
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
  visibility: visible;
  opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
  position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
  /*background: #2a1f1f;*/
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
  position: absolute;
  top: -1px;
  left: 100%;
  width: 100%;
  background: #2a1f1f;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
  visibility: visible;
  opacity: 1;
}

.init-right:after {
  /*    content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);*/
}

.menu__third-level li {
  float: left;
  width: 50%;
}

.menu__third-level li a {
  color: #fff !important;
  border-bottom: solid 1px #fff;
}

.menu__third-level {
  background: #594A90;
  width: 201.3% !important;
}

.menu__multi02 .menu__second-level {
  margin-top: -100px !important;
}

.mtFlat {
  margin-top: -50px;
}

.menu__third-level li:nth-child(odd) a {
  border-right: solid 1px #fff;
}

.menu__third-level li:nth-child(even) a {
  border-right: none;
}

.docAddTbl tr td:first-child {
  width: 200px;
  white-space: nowrap;
}

.docadd01 {
  width: 300px;
}

/*△メガドロップ△*/

.docAddBtn {
  text-align: center;
  margin-top: 400px;
}

.docAddBtn button {
  color: #fff;
  background: #E20017;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 5px;
  min-width: 130px;
}


/*190919*/
.daigaku table.adCmnTbl02 {
  height: 550px;
  overflow-x: scroll;
}

.goukakuMst table.adCmnTbl02 {
  height: 550px;
  overflow-x: scroll;
}

.fromcind table.adCmnTbl02 {
  height: 550px;
  overflow-x: scroll;
}

.frombind table.adCmnTbl02 {
  height: 550px;
  overflow-x: scroll;
}

.popupTtl {
  margin-bottom: 25px;
}


/*191002*/
span.cb a {
  color: var(--MainColor) !important;
}

/*▼スクロールテーブル▼*/
.rc-handle-container {
  position: relative;
}

.rc-handle {
  position: absolute;
  width: 7px;
  cursor: ew-resize;
  margin-left: -3px;
  z-index: 2;
}

table.rc-table-resizing {
  cursor: ew-resize;
}

table.rc-table-resizing thead,
table.rc-table-resizing thead>th,
table.rc-table-resizing thead>th>a {
  cursor: ew-resize;
}

table.resizeTbl td {
  border: solid 1px #F6F5F9;
}

/*▲スクロールテーブル▲*/

.btnAct {
  background: var(--MainColor);
}

.b {
  display: block !important;
}

.n {
  display: none;
}

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

  .laterTxt {
	text-align: center;
  }



  /*▲@media only screen and (max-width: 768px)▲*/
}









.loginMessWp {
  border: solid 1px #F5F3F5;
  padding: 15px;
  background: #fff;
}

.loginMess {
  margin-bottom: 10px;
  font-size: 13px;
}

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

  body.Sessions-login {
	background: url(../img/bg_login_02.svg)no-repeat 100% 0%, #fff;
  }

  /*▲@media only screen and (max-width: 640px)▲*/
}

/*------------------
//191024 ▽
------------------*/

.tab {
  text-align: center;
  cursor: pointer;
  color: var(--MainColor) !important;
  border: solid 2px var(--MainColor);
  padding: 10px;
  border-radius: 3px;
  margin: 0 10px;
  background: #fff;
}

.panel-group {
  border: solid 1px #F5F3F5;
  border-top: none;
  background: #eee;
}

.panel {
  display: none;
}

.tab.is-active {
  background: var(--MainColor);
  color: #FFF !important;
  transition: all 0.2s ease-out;
}

.panel.is-show {
  display: block;
}

.tabWp {
  background: #F5F3F5;
  border-radius: 3px;
  text-align: center;
  padding: 20px;
}

.fwCWp {
  border: none;
  border-top: solid 1px #F5F3F5;
}

.fwCWp button[type="submit"] {
  transition: .15s;
}

.fwCWp button[type="submit"]:hover {
  opacity: .7;
}

.payImport {
  background: #fff !important;
}

/*------------------
//191106 ▽
------------------*/

.loglistTableWp tr.tr-loglist1 {
  background: #d4d4d4;
}

.settle .radioWp .radio label[for="method-settlement-1"] {
  margin-left: 10px;
}

.settle .radioWp .radio label[for="pay-2"] {
  margin-left: 10px;
}

.loglistTableWp tr.tr-loglist0 .cttStatus {
  color: var(--AccentBtnColor);
  font-weight: bolder;
  text-align: center;
}

.loglistTableWp tr.tr-loglist1 .cttStatus {
  text-align: center;
}

.loglistTableWp tr.tr-loglist2 .cttStatus {
  text-align: center;
}

.loglistTableWp tr.tr-loglist0 .cttStatus:before {
  font-family: "Font Awesome 5 Free";
  content: '\f12a';
  font-weight: 900;
}

.outOfTerm {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold;
  color: #F5F3F5;
  letter-spacing: 1px;
}


.topsIndex .topsIndexSpan {
  width: 1270px;
  margin: 0 auto;
  display: block;
}

.selectPayListWpWrapper {
  width: 650px;
}

.selectPayList {
  border: none !important;
  width: 500px !important;
}

.selectPayListWp div:first-child {
  vertical-align: top;
  margin-top: 5px;
}

.settlePayBtn .confBtn {
  /*    position: relative;
	z-index: -1;*/
}

.settlePayBtn button[type="submit"] {
  /*background: #F5F3F5;*/
}

span.settlePayBtn .payMth02 form {
  display: inline-block;
}

.settlePayBtn .payMth01 button[type="submit"] {
  z-index: -1;
  background: #F5F3F5;
  position: relative;
}

.yen span.showHide01,
.yen span.showHide02 {
  display: none;
}

.actBtn {
  position: relative !important;
  z-index: 0 !important;
  background: var(--MainColor) !important;
}

.negBtn {
  position: relative !important;
  z-index: -1 !important;
  background: #F5F3F5 !important;
}

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

  .topsIndex .topsIndexSpan {
	width: 100%;
	padding: 0 10px;
  }

  /*△@media only screen and (max-width: 1270px)△*/
}


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

  .settleStatus td span {
	padding: 10px 10px;
  }

  /*△@media only screen and (max-width: 768px)△*/
}

/*------------------
//191216 ▽
------------------*/
.stSentDocNum_4 {
  display: inline-block;
  background: var(--MainColor);
  color: #fff !important;
  width: auto;
  border-radius: 5px !important;
  padding: 10px;
}

.ls--1 {
  letter-spacing: -1px;
}

.proceStatus {
  display: none;
}

.extraction {
  background: #fff !important;
}

.extractionWp .cp_sl01 {
  border: none;
}

.extractionWp .cp_ipselect.cp_sl01::before {
  top: 4px;
}

/*------------------
//191219 ▽
------------------*/
.message.success {
  border: solid 2px #FF4B4A;
  display: inline-block;
  color: #FF4B4A;
  font-weight: bold;
  padding: 6px 10px 4px;
  margin-bottom: 20px;
}

/*------------------
//200601〜 ▽
------------------*/
body.adNotices-loglist {
  overflow-x: hidden;
}

.readStatus span {
  text-align: right;
  font-size: 12px;
  color: #fff;
  padding: 0px 10px;
  display: inline-block;
  border-radius: 2px;
}

.readStatus0 span {
  background: var(--AccentBtnColor);
}

.readStatus1 span {
  background: var(--BackBtnColor);
}

body.adNotices-loglist .stNum a {
  white-space: nowrap;
}

body.adNotices-loglist .stNum a span {
  margin-left: 4px;
}

.loglist td a.read {
  color: #7eaaa9 !important;
}





/*▼No.34(255) No.28(257)▼ */
.pAWp ul li a {
  background: var(--MainColor);
  border-radius: 100px;
  color: #fff !important;
  padding: 3px 7px 3px 3px;
}

.pAWp ul li a img {
  border: solid 2px #fff;
  border-radius: 100%;
  width: 25px;
  margin-right: 5px;
}

.pAWp ul li:last-child {
  width: auto !important;
  border-radius: 100px;
  vertical-align: top;
  background: var(--MainColor);
  padding: 3px 7px 3px 3px;
}

.pAWp ul li:last-child button {
  height: 26px;
  width: auto;
  color: #fff;
  padding: 0;
}

.privateArea {
  width: 800px;
}

.pAWp ul li:last-child img {
  height: 26px;
  border: solid 2px #fff;
  border-radius: 100px;
}

.pAWp ul li a span {
  vertical-align: middle;
  margin-top: 1px;
  display: inline-block;
}

.finCondition+div {
  line-height: 2;
}

.topsIndex .cf .tbl-r04 {
  float: left;
  width: 10.3%;
}

.topsIndex .cf .tblIdx {
  border: solid 1px #F5F3F5;
}

.topsIndex .cf .tblIdx p {
  background: #F5F3F5;
  font-weight: bold;
  font-size: 13px;
  padding: 10px 5px;
  margin-bottom: 0px;
  min-height: 58px;
  position: relative;
}

.topsIndex .cf .tblIdxArw {
  float: left;
  width: 4.645%;
  margin-top: 45px;
}

.sttsClm {
  padding: 10px 5px;
  min-height: 72px;
}

.topsIndex .statusTblDl {
  background: none;
  color: #96949D !important;
  font-weight: bold;
}

.topsIndex .cf .tblIdx p.laterTxt {
  background: none;
}

.mrTbl-r04 {
  margin-right: 5.74%;
}

.topsIndex .cf .tblIdx p span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 95%;
  font-size: 12px;
}

.txtColor01 {
  color: #7eaaa9 !important;
}

.topsIndex .cf .active {
  background: none !important;
  color: var(--BackBtnColor) !important;
}

.topBg {
  background: #F5F3F5;
  border-radius: 3px;
  padding: 10px;
}

.topBgIn {
  background: #fff;
  border-radius: 3px;
  padding: 10px;
}

.topBgIn p {
  margin-bottom: 0px !important;
  line-height: 200%;
}

.h2:after {
  content: none;
}






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

	.topsIndex .cf .tbl-r04 {
		width: 26.8%;
		margin-right: 0;
		margin-bottom: 30px;
	}

	.topsIndex .cf .tbl-r04-02 {
		/*width: 29.2%;*/
	}

	.privateArea {
		width: 67%;
	}

/*△@media only screen and (max-width: 1000px)△*/
}





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

  .topsIndex .cf .tbl-r04 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3px;
	float: none;
  }

  .sttsClm {
	min-height: auto;
  }

  .topsIndex .cf .tblIdxArw {
	float: none;
	width: auto;
	display: inline-block;
	margin: 3px;
	transform: rotate(90deg);
  }

  .tbl-r04-03 {
	margin-top: 30px;
  }

  .privateArea {
	width: 100%;
  }

  .pAWp ul li a {
	background: var(--MainColor);
	border-radius: initial;
	padding: 5px 0;
  }

  .pAWp ul li:last-child {
	height: 33px;
	width: 32% !important;
	border-radius: initial;
	vertical-align: initial;
	padding: 0px;
	background: url(../img/icon_img_40.svg) no-repeat 50% 7px;
	position: relative;
  }

  .privateArea form {
	height: 66px;
  }

  .pAWp ul li a img {
	width: auto;
	display: inline-block;
	margin-right: 0;
  }

  .pAWp ul li a span {
	display: block;
  }

	.pAWp ul li:last-child {
		height: 66px !important;
		margin-right: 0 !important;
		position: relative;
	}

	.pAWp ul li:last-child img {
		top: -2px;
		position: relative;
		width: 35px;
		height: 35px;
	}

	.pAWp ul li:last-child button {
		position: absolute;
		top: 0;
		height: 66px;
	}

  /*△@media only screen and (max-width: 768px)△*/
}


/*▲No.34(255) No.28(257)▲*/


.adAdtops-index .cp2 {
  display: none;
}

.proceStatusB {
  display: none;
}

.extractionB {
  background: #fff !important;
}

.adNotices-loglist .ChangeElem_Panel.cp1 .resizeTbl td {
  width: 14.285%;
}

.adNotices-loglist .ChangeElem_Panel.cp2 .resizeTbl td {
  width: 16.666%;
  word-break: break-all;
}

body.adNotices-loglist .stNum a {
  white-space: initial;
  padding: 7px 0px;
  font-size: 13px;
  color: var(--AccentBtnColor) !important;
}

body.adNotices-loglist td.stNum a.read {
  color: var(--BackBtnColor) !important;
}

.adInd .cp2,
.adInd .cp3 {
  display: none;
}

.statusGray {
  background: #c7c7c7 !important;
}

.statusGray:hover {
  opacity: 1 !important;
}

.topsIndex .cf .active {
  font-size: 14px;
}

.topsIndex .statusTblDl {
  font-size: 14px;
}

.topsIndex .fa-caret-right {
  color: var(--BackBtnColor);
}


body:not(.topsIndex) .flowWp {
  display: none;
}

a.linkClr {
  margin-bottom: 5px;
}



/* ▼ 複合検索 ▼ */
#ms {
  width: 200px;
}

.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle;

}

.ms-choice {
  display: block;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  background-color: #fff;

}

.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.ms-choice>span {
  position: absolute;
  /*top: 0;*/
  top: 7px;
  left: 0;
  right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-left: 8px;
}

.ms-choice>span.placeholder {
  color: #999;
}

.ms-choice>div {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 25px;
}


.ms-drop {
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
}

.ms-drop.bottom {
  top: 100%;
  width: 200%;
}

.ms-drop.top {
  bottom: 100%;
}

.ms-search {
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 4px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
}

.ms-search input {
  width: 100%;
  height: auto !important;
  min-height: 24px;
  padding: 0 20px 0 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
}

.ms-search, .ms-search input {
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 5px 8px;
}

.ms-drop ul>li {
  list-style: none;
  display: list-item;
  background-image: none;
  position: static;
}

.ms-drop ul>li .disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
}

.ms-drop ul>li.multiple {
  display: block;
  float: left;
}

.ms-drop ul>li.group {
  clear: both;
}

.ms-drop ul>li.multiple label {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ms-drop ul>li label.optgroup {
  font-weight: bold;
}

.ms-drop input[type="checkbox"] {
  vertical-align: middle;
}

.ms-drop .ms-no-results {
  display: none;
}

.ad .ms-drop.bottom ul li {
  width: 50%;
}

.ad .ms-drop.bottom label {
  width: 100%;
}

.ad .ms-drop.bottom label input {
  width: auto;
  display: inline-block;
  margin-right: 3px;
}

.ad .ms-parent {
  width: 100% !important;
}

.msbArrow {
  position: relative;
}

.msbArrow>.ms-parent::before {
  position: absolute;
  top: 0.8em;
  right: 0.9em;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666666;
  pointer-events: none;
}

.inner600 {
  width: 600px;
  margin: 0 auto;
}



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

  .ms-drop.bottom {
	top: 100%;
	width: 100%;
  }

  .ad .ms-drop.bottom ul li {
	width: 100%;
  }

  .admin_btns .ChangeElem_Btn {
	width: auto;
  }



  /*▲@media only screen and (max-width: 768px)▲*/
}




/* ▲ 複合検索 ▲ */




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

  .topsIndex .settleOk {
	width: 100%;
	font-size: 13px;
  }

  .Comments-comment .newsWp .newsIn .newsTtl,
  .Comments-comment .newsWp .newsIn tbody {
	display: block;
	width: 100%;
  }

  .inner600 {
	width: 100%;
  }

  .brSpOff {
	display: none;
  }

  /*▲@media only screen and (max-width: 640px)▲*/
}


.Comments-comment .newsWp .newsIn tbody td a {
  word-break: break-all;
}

.ad .hdrNav li:nth-child(3) a:before,
.ad .hdrNav li:nth-child(3) a:after {
  top: 50%;
}

.facelistBtn02 button[type="submit"] {
  background: #857da7;
}

span.cb.colorB a {
  color: var(--MainColor) !important;
}

.ad .tab-group .tab {
  color: var(--MainColor) !important;
  border: solid 2px var(--MainColor);
}

.ad .tab-group .tab.is-active {
  background: var(--MainColor);
  color: #fff !important;
}

.ad .adStuEdit div.addAct a {
  color: #fff !important;
}

.ad .adStuEdit div.addAct01 a {
  background: var(--BackBtnColor);
}

.ad .adStuEdit div.addAct02 a {
  background: var(--MainColor);
}

.ad .adStuEdit div.addAct03 a {
  background: var(--MainColor);
}

.ad .adStuEdit div.addAct04 a {
  background: var(--BackBtnColor);
}

.ad .adStuEdit div.addAct05 a {
  background: var(--BackBtnColor);
}

.addMail02 a {
  background: var(--MainColor);
}

.none {
  display: none;
}

.block {
  display: block;
}

.btn0Design01 {
  padding: 0 20px !important;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
  background: #857da7;
  color: #fff;
  background: #857da7 !important;
  width: auto !important;
}

.btn0Design02 {
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border-radius: 50px !important;
  color: #fff;
  background: var(--MainColor);
}

.selectCtt {
  background: #F5F3F5;
  border-radius: 3px;
  padding: 15px 20px 20px 20px;
}

.selectCttIn {
  background: #fff;
  border-radius: 3px;
  padding: 15px 15px 10px 15px;
  text-align: center;
}

.selectCttIn .btnWp {
  margin-bottom: 0px;
}

.selectCttIn input {
  display: inline-block;
  width: auto;
  margin: 0 3px 0 8px;
}

.selectCttIn input:focus {
  outline: 0;
}

.selectCttIn .cp_ipselect {
  width: 300px;
  display: inline-block;
}

.txtArea textarea {
  width: 100%;
  background: #f5f3f5;
  border: none;
  border-radius: 3px;
  padding: 3px 5px 0 5px;
}

.radioBtn input {
  display: inline-block;
  width: auto !important;
  margin: 0 4px;
}

.DL_btn button {
  color: #fff !important;
  padding: 0 30px;
  font-size: 14px;
  margin: 0;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  background: var(--MainColor);
  border-radius: 100px;
}

.radioWp .radio .msPattern {
  margin: 5px 0 0 20px;
}

#kubuns span {
  /*display: none*/
}



/* IE11 にのみ適用 */
@media all and (-ms-high-contrast: none) {

  *::-ms-backdrop,
  .fullIframe {
	height: 0 !important;
  }
}


.cautionColor {
  color: #f00;
  font-weight: bold;
}

.fs11 {
  font-size: 11px !important;
}

.txtIndent {
  text-indent: -1em;
  padding-left: 1em;
}

.c2 {
  font-size: 15px;
  color: red;
  font-weight: bold;
}

.text-decoration-underline {
  text-decoration: underline;
}


/*-------------------------------*/
/* ダイアログ                    */
/*-------------------------------*/
.Dialog {
	display			: none ;
	position		: fixed ;
	top				: 0 ;
	left			: 0 ;
	width			: 100% ;
	height			: 100vh ;
	z-index			: 9998 ;
}

.DialogBackground { 
	background		: rgba( 0 , 0 , 0 , 0.6 ) ;
	position		: absolute ;
	top				: 0 ;
	left			: 0 ;
	height			: 100vh ;
	width			: 100% ;
}

.DialogContent { 
	background		: #FFFFFF ;
	position		: absolute ;
	top				: 50% ;
	left			: 50% ;
	width			: auto ;
	min-width		: 20% ;
	padding			: 30px 30px 20px 30px ;
	border-radius	: 3px ;
	transform		: translate( -50% , -50% ) ;
}

.DialogBtnArea { 
	margin-top		: 30px ;
	display			: flex ;
	justify-content	: center ;	/* 横方向 */
}

@media screen and ( max-width: 767px ) 
{
	.DialogContent {
		width		: calc( 100% - 30px ) ;
	}
}


.depositsStatusTxt {
	background: #fff;
	padding: 15px;
	border-radius: 3px;
}

.LegalLink { 
	color: var(--MainColor) !important;
	text-decoration	: underline ;
	margin: 0 5px;
}









/*-------------------------------*/
/* ボタン                        */
/*-------------------------------*/
.FlatBtn { 
	color			: #ffffff ;
	border			: none ;
	transition		: .25s ;
	border-radius	: 100px ;
	margin			: 2px 5px 2px 5px ;
	padding			: 9px 20px ;
	font-size		: 14px ;
}

.FlatBtn.Cancel { 
	background		: #857da7 !important ;
}

.FlatBtn.Regist { 
	background		: var(--MainColor) !important ;
}



/*-------------------------------*/
/* 入学手続情報の登録               */
/*-------------------------------*/
.selectNone select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	color: #333;
	pointer-events: none;
	padding: 0;
	background:none;
}

.selectNone  select::-ms-expand{
	display: none;
	border: none;
	color: #333;
	pointer-events: none;
	padding: 0;
	background:none;
}

.birthdayDay1 {
	width:35px;
}

.birthdayDay2,
.birthdayDay3 {
	width:19px;
}

.ZipSearchBtn {
	background		: var(--MainColor) !important;
	color			: #ffffff !important ;
	border			: none;
	border-radius	: 50px !important;
	padding			: 5px 10px 5px 10px !important;
	background-size	: 20px;
	margin-left		: 10px;
}

.CheckTable select ,
.CheckTable input {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none;
	border: none !important;
	background: none !important;
	color: #3c3c3c;
	padding: 0 !important;
}
::-ms-expand {
	display: none;
}
_::-webkit-full-page-media, _:future, :root .CheckTable input {
	color: #000000;
}

.CheckTable {
	display: block;
}
.CheckTable tbody,
.CheckTable tbody tr {
	display: block;
	width: 100%;
}
.CheckTable tbody tr {
	border-bottom: solid 1px #ccc;
	font-size: 0;
}
.CheckTable tbody tr td {
	width: 50%;
	display: inline-block;
}
.adduserForm table.CheckTable tr td {
	text-align: left;
	font-size: 16px;
	padding: 10px;
}
.ConfirmDivBtn ,
.RegBtn button {
	background: var(--AccentBtnColor);
	color: #ffffff;
	margin: 0 5px;
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-radius: 100px;
	cursor: pointer;
}
.userConf .modal03 {
	width: 75%;
	height: 95%;
	overflow: scroll;
}
.userConf .modal03-close {
	width: auto !important;
}

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

.userConf .modal03 {
	margin-top: 50px;
	width: 95%;
}
.popupTtl {
	font-size: 18px;
}
.CheckTable tbody tr td {
	padding-left: 0 !important;
}
.FixedBtnWp {
	position: sticky;
	bottom: -21px;
	background: #fff;
	padding: 20px 10px;
}

/*▲@media only screen and (max-width: 768px)▲*/
}