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

/* ie */
body{ position: relative;}
.ie{ margin:0; padding: 0; position: absolute; top: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 999; display: flex; color: #FFFFFF; font-size:128%; text-align: center; justify-content: center;}
.ie div{ margin-top:4.0em;}


.block-title{ font-size:108%; font-weight: bold;}

/* note */
.image-select-box{ margin:0; padding:0;}
.image-select-box .image-preview{ display:block; margin:1.0em 0 0 350px;; padding:0; border:solid 1px #CCCCCC; width:300px; height:200px; background:#F0F0F0; position:relative; }
.image-select-box .image-preview img{ display:block; margin:auto; padding:0; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.image-select-box .image-preview .image-delete{ position:absolute; top:5px; right:5px; margin:0; padding:4px 15px; background:#CC0000; background:rgba(220,0,0,0.8); color:#FFFFFF; border-radius:3px; cursor:pointer;}
.image-select-box .image-select-info{ margin:1.0em 0 0 0; width: 300px; float: left;}
.image-select-box .image-select{
  display:block; margin:0 0 0 0;  padding:0;  height:40px; background:#099; border-radius:5px; color:#FFFFFF; 
  position:relative; overflow:hidden; cursor:pointer;}
.image-select-box .image-select span{ display:block; margin:0; padding:10px 0 0 0; text-align:center;}
.image-select-box .image-select input[type="file"]{
  display:block; margin:0; padding:0;
  position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer; background:#F0F0F0; font-size:800%; 
  filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; opacity:0;
  z-index:9999;
}
.image-select-box .image-path{ display:block; margin:0; padding:0; width:1px; height:1px; overflow:hidden; visibility:hidden;}

/*  syllabus */

.syllabusList li{ margin-top:0.5em;}
.syllabusList li a{ display:inline-block; font-size:76%; background: #00A0DA; color: #FFFFFF; padding:0.2em 0.5em;}
.syllabusList label{ margin-left:1.0em;}

.course_select span.label{ cursor:pointer;}
.course_select span.label:hover{ filter: hue-rotate(-30deg);}

.table-tuition tr td{ text-align:right;}
.table-tuition tr td:first-child{ text-align:left;}
.table-tuition tfoot tr td{ background:#E0E0E0;}

.fancybox-container,.fancybox-container *{ margin-top:0;}
.fancybox-slide--iframe .fancybox-content {
    width  : 100%;
    height : 100%;
    max-width  : 90%;
    max-height : 90%;
    margin: 0;
}

.syllabus .syllabus_require::before{ content:'必須'; font-size:86%; background: #FF0000; color: #FFFFFF; padding: 0.1px 0.3em; margin-right: 0.5em; display:inline-block; white-space: nowrap;}


/* com */

.flownavi{} /*normal color : #1eaa39; active-color:f7b52c;*/
.flownavi *{ margin-top:0;}
.flownavi li{ display:inline-block; padding: 0; margin: 0 0 0.5em 0;}
.flownavi a{
	position:relative; display: inline-block; padding: 0.7em 1.0em 0.7em 2.0em;
	text-decoration: none; color: #FFFFFF; background: #1eaa39;
}
.flownavi a.active{ background:#f7b52c; color:#4d4d4d; font-weight: bold;}
.flownavi li:first-child a{ padding-left:1.0em; border-radius: 5px 0 0 5px;}
.flownavi a::after,
.flownavi a::before{
	position:absolute; top: 50%; right: -1.5em; margin-top: -1.48em; content: "";
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1.5em solid;
}
.flownavi a::after{ z-index:2; border-left-color:#1eaa39;}
.flownavi a.active::after{ border-left-color:#f7b52c;}
.flownavi a.disabled{ cursor:pointer; pointer-events: none; background: #a8a8a8;}
.flownavi a.disabled::after{ border-left-color:#a8a8a8;}
.flownavi a::before{ z-index:1; right: -1.8em; border-left-color:#FFFFFF;}
.flownavi li:last-child a{ cursor: default; pointer-events: none; border-radius: 0 5px 5px 0;}
.flownavi li:last-child a::before,
.flownavi li:last-child a::after {
	content: normal;
}

.form-title{ font-size:128%; font-weight: bold; text-align: left;
	border-bottom: solid 3px #f7b52c; color: #1eaa39;
  position: relative;
}
.form-title::after{ position:absolute; content: ""; display: block; border-bottom: solid 3px #1eaa39; bottom: -3px; width: 30%;}


.flatpickr-calendar,.flatpickr-calendar *{ margin:0; padding: 0;}
.flatpickr-months .flatpickr-month{ height:36px;}
.flatpickr-current-month .numInputWrapper{ width:7ch;}
.flatpickr-current-month input.cur-year{ text-align:left;}

.table-form tr:nth-child(2n+1) td{ background:#F8F8F8;}