@charset "utf-8";
/* CSS Document*/

body {
	font-size: 16px;
	line-height: normal;
}

/* TODO: If no need, delete From style.css */
* {
  -webkit-transition: none;
  transition: none;
}

/*ヘッダー部分*/


/*コンテント部分*/
#content {
	margin-left:auto;
	margin-right:auto;
	width:950px;
	padding-bottom:50px;
	min-height: calc(100dvh - 39px);
}

.under-space700 {
	height:700px;
}

.under-space500 {
	height:500px;
}

.under-space300 {
	height:300px;
}

.under-space200 {
	height:200px;
}

.under-space100 {
	height:100px;
}

.under-space50 {
	height:50px;
}

.under-space40 {
	height:40px;
}

.under-space30 {
	height:30px;
}

.under-space20 {
	height:20px;
}

.under-space10 {
	height:10px;
}
.under-space10 {
	height:10px;
}
.licenseInfo {
  width:850px;
}

.width-700 {
  width:700px;
}

.left-aligne {
  margin-left: 0px;
  text-align: left;
}

.logo {
  float:right;
  margin-right: 100px;
}

.input_example {
  margin-left: 70px;
}
.input_example2 {
  margin-left: 307px;
}
/*.licenseType {
  display: block;
}*/
.nonform-text{
  padding-left: 5%;
  padding-right: 5%;
}
/*コンテント部分ここまで*/

/* フォームページここから */
.form-text {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
#formspace {
	margin-left:auto;
	margin-right:auto;
	width:850px;
	overflow:hidden;
}
input[type=text], input[type=email] {
	width:90%;
	height:30px;
}
select[id="teacherCount"] {
	width: 50px;
    height: 30px;
    text-align: center;
}
select[id="teacherCount"][disabled] {
    background-color: rgba(239, 239, 239, 0.3);
	opacity: 1;
    color: rgb(0, 0, 0, 0.3);
}
input[type=text][id="studentCount"] {
	width:50px;
}
input[type=text][id^="license_"]{
	width:40px;
	height:30px;
}
input[type="radio"] {
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-left: 0.5em;
}
#countInfoMessage {
  float: right;
  padding-top: 15px;
  padding-right: 30px;
}
#limit-count {
  font-size: 20px;
}
.formbar01 {
	margin-bottom:-1px;
	overflow:hidden;

}
.formbar02 {
	margin-bottom:-1px;
	margin-top:50px;
	width:850px;
    height:60px;

}
.formtitle  {
  background-color:#dddddd;
  padding-top:5px;
  padding-bottom:30px;
  padding-left:20px;
  width:850px;
  height:60px;
  border:1px solid #999;
  position: static;
}
.formtitle  h3{
  display:inline-block;
  font-weight: bold;
}
.formtitle  div{
  font-weight: bold;
  font-size: 13px;
}
.formtitle01 h3 {
	display:inline-block;
}
.formtitle01 h7 {
	display:inline-block;
}

.formtitle02 h3 {
	display:inline-block;
	font-weight: bold;
	position: relative;
    top: -15px;
    padding-left: 7px;
}

.formtitle02 h7 {
	display:inline-block;
}

textarea {
	width: 95%;
    height: 165px;
    resize: none;
}

.isPreRegister {
  margin-top: 170%;
}
.isPreRegisterDescription {
  width: 80%;
  margin-right: auto;
  margin-left:  auto;
}
.formleft {
	float:left;
	background-color:#F6F6F6;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:10px;
	width:200px;
	height:50px;
	border:1px solid #999;
}
.left {
  border-right: none;
}
.explanation {
  height:400px;
}

.formNotes{
  background-color:#dddddd;
  float:left;
  padding-top:10px;
  padding-bottom:15px;
  padding-left:10px;
  width:200px;
  height:50px;
  border:1px solid #999;
}

.twoline {
  padding-top:30px;
  height:100px;
}
.formright {
	float:left;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:20px;
	width:400px;
    height:50px;
	margin-left:-1px;
	border:1px solid #999;
}

.form-table .formbar03 {
    display: flex;
}

.form-table .formbar03 .formleft {
    height: unset;
}

.form-table.form-table-dark .formbar03 .formleft {
	background-color: #dddddd;
	padding-left: 17px;
	padding-top: 15px;
}

.form-table.form-table-dark .formbar03 .formleft h3 {
	font-weight: bold;
}

.form-table.form-table-left-middle .formbar03 .formleft {
	padding-bottom: 10px;
	display: flex;
    align-items: center;
}

.form-table .formbar03:nth-child(n+2) .formleft {
    border-top: none;
}

.form-table .formbar03 .formright {
    height: unset;
	padding-bottom: 10px;
}

.form-table .formbar03:nth-child(n+2) .formright {
    border-top: none;
}

.form-table .formbar03 .form-group  {
    align-items: center;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
}

.form-table .formbar03 .form-group .form-item {
    margin-top: 10px;
}

.form-table .formbar03 .form-group[disabled] {
    opacity: 0.5;
    pointer-events: none;
}

.form-table .formbar03 select[disabled] + .forma1 {
	opacity: 0.5;
}

.form-table .formbar03 input[disabled] + .forma1 {
	opacity: 0.5;
}

.formright02 {
	float:left;
	padding-top:10px;
	padding-bottom:15px;
	padding-left:20px;
	/*width:400px;*/
    height:80px;
	margin-left:-1px;
	border:1px solid #999;
}
.forma1 {
	display: inline-block;
}

.forma2 {
	display: none;
}
/*先生項目レイアウト修正*/
.new-teacher-form {
	 width: 850px;
	 border-bottom: 3px double;
}
.midashi {
  clear:both;
  float:left;
  width:20px;
  height:247.5px;
  padding-top: 70px;
  text-align: center;
  background-color: #F6F6F6;
  border-left: 1px solid #999;
}
.confirm-teacher {
  padding-top: 25px;
  height:148px;
}
.new-teacher-info {
  width:631px;
}
.new-teacher-info ul li dd {
  width:200px;
}
.info {
  width:651px;
}
.info ul {
}
.info ul li dd{
  width:200px;
}
#account ul li dd {
  width:40px;
}
.right {
  float:right;
  border: none;
  border-bottom:1px solid #999;
  border-right:1px solid #999;
  border-left:1px solid #999;
}
.twoline {
  height:100px;
}
.under {
  border-bottom: 3px double;
}

.formright ul li {
	display:inline-block;
}
.select-css {
	width:350px;
}
.formleft02 {
	float:left;
	background-color:#F6F6F6;
	padding-top:80px;
	padding-bottom:30px;
	padding-left:20px;
	width:300px;
	height:190px;
	border:1px solid #999;
}
.formright02 {
	float:left;
	padding-top:20px;
	padding-bottom:30px;
	padding-left:20px;
	width:550px;
    height:190px;
	margin-left:-1px;
	border:1px solid #999;
}

.select-form {
  margin-left:7%;
/*  margin-right:auto;*/
  width:700px;
}

.form-btn {
	margin-left: auto;
    margin-right: auto;
    width: 490px;
    margin-top: 50px;
	margin-bottom: 10px;
}
.form-btn01 {
	display:inline-block;
	margin-left:20px;
	margin-right:20px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	width:200px;
	padding:5px;
	text-decoration: none;
    text-align: center;
	vertical-align:top;
/*
	background: -moz-linear-gradient(top,#E4E4E4,#CCC,#E4E4E4);
    background: -webkit-gradient(linear, left top, left bottom, from(#E4E4E4), color-stop(0.5,#CCC), to(#E4E4E4));
	border:1px solid #999;
*/
}
.form-add-btn {
	margin-left:auto;
	margin-right:auto;
	float: right;
}
.form-kanryo {
	margin-left:auto;
	margin-right:auto;
	width:470px;
	margin-top:20px;
	padding-bottom:70px;
	text-align:center;
}
.form-kanryo hr {
	margin-left:auto;
	margin-right:auto;
	width:470px;
	margin-top:0px;
	margin-bottom:10px;
	border-top:2px solid #CCC;
}
.form-kanryo-title {
	margin-top:12px;
	margin-bottom:12px;
}
.form-kanryo-text {
	margin-top:15px;
	margin-bottom:15px;
    width: fit-content;
}
.form-kanryo-text p {
	line-height:30px;
}
.back-top {
	margin-left:auto;
	margin-right:auto;
	background: -moz-linear-gradient(top,#FFA500 50%,#C17F00);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFA500), color-stop(0.50, #FFA500), to(#C17F00));
	padding:5px;
	padding-left:20px;
	padding-right:20px;
	width:180px;
}
.indent {
  padding-left: 10px;
}
.radio-indent {
  padding-left: 30px;
}
.comment {
  font-size: 13px;
}

/*共通フォント他*/
h1 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 30px;
	font-weight:bold;
}

h2 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 17px;
	font-weight:bold;
}

h3 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 15px;
	font-weight:normal;
}

h4 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 25px;
	font-weight:bold;
}

h5 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 22px;
	font-weight:bold;
}

h6 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 25px;
	font-weight:normal;
}

h7 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 17px;
	font-weight:normal;
}



h8 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3,
Meiryo, メイリオ, sans-serif;
	font-size: 11px;
}

h9 {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, sans-serif;
	font-size: 16px;
	font-weight:normal;
}


p {
	color: #000;
	font-family:Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ, sans-serif;
	font-size: 17px;
	font-weight:normal;
}

.clear{
  clear: both;
}

.black {
	color:#000;
}

.white {
	color:#fff;
}

.gray {
	color:#999;
}

.red {
	color:#F00;
}

.blue {
	color:#06F;
}

.yellow {
	color:#FF0;
}

.bold {
	font-weight:bold;
}

.normal {
	font-weight:normal;
}

.opacity08 {
	opacity:0.8;
}

.opacity07 {
	opacity:0.7;
}

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

.center {
	text-align:center;
}

a {
	text-decoration:none;
}

/* wizard */
.wizard {
	width: 850px;
	display: flex;
	gap: 5px;
}

.wizard div {
    padding: 8px 12px 7px;
    background: #efefef;
    position: relative;
    display: inline-block;
	flex: 1;
}
.wizard div:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.wizard div:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard div:first-child:before,
.wizard div:last-child:after {
    border: none;
}
.wizard div:first-child {
/*    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
*/}
.wizard div:last-child {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
.wizard .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}
.wizard div:first-child .badge {
    margin-left: 0;
}
.wizard .current {
    background: #5B9FCC;
    color: #fff;
}
.wizard .current:after {
    border-left-color: #5B9FCC;
}

.student-license-counter {
	position: fixed;
	top:60%;
	left:75%;
}

.student-license-counter table {
  background-color: #FFFFFF;
}

/*.student-license-counter-in {
	filter: alpha(opacity=80);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}*/

.padding-top {
	padding-top: 20px;
}

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

.four-line {
	height:180px;
}
.remarks {
	height:190px;
}
/*textarea::placeholder {
	font-size: 20px;
}*/
.footer {
	display: flex;
	justify-content: space-between;
	align-items: start;
	width: 851px;
	text-align: right;
}
.privacy-link {
	font-size: 14px;
    text-decoration: underline;
}

.vendor .row {
    display: flex;
    flex-wrap: wrap;
}

.vendor .row[hidden] {
    display: none
}

.copy_right {
	margin-left: auto;
    margin-right: auto;
    width: 950px;
	padding-bottom: 20px;
	font-size: 15px;
}

.message-completed {
	margin-left: 135px;
	font-size: 15px;
}